@font-face{font-family:"IM Fell English";font-style:italic;font-weight:400;font-display:swap;src:url(/_astro/im-fell-english-latin-400-italic.DD_ylKHZ.woff2) format("woff2")}
@font-face{font-family:"IM Fell English";font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/im-fell-english-latin-400-normal.BhowGHCQ.woff2) format("woff2")}
@font-face{font-family:"Cardo";font-style:italic;font-weight:400;font-display:swap;src:url(/_astro/cardo-latin-400-italic.DS-zTz6l.woff2) format("woff2")}
@font-face{font-family:"Cardo";font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/cardo-latin-400-normal.CFoX0N4J.woff2) format("woff2")}
@font-face{font-family:"Cardo";font-style:normal;font-weight:700;font-display:swap;src:url(/_astro/cardo-latin-700-normal.C0AJnwFQ.woff2) format("woff2")}
/*
 * Mission bells & swallows: the style kit for the "mission" style package.
 * Loaded only when that package is active (<html data-kit="mission-bells">): apps/sites serves it at
 * /kits/mission-bells.css and inlines every url("elements/*.svg") as a data URI at build time.
 * Every rule is scoped to :root[data-kit="mission-bells"], so nothing here can touch another package.
 * Colours come from the colourway tokens (--ink, --ink-2, --cream, --gold, --muted, --vig) wherever they can,
 * plus the kit's own --msb-* palette (GUIDE.md). Ornaments are SVG masks filled with a token colour.
 * Pseudo-element map: main carries the limewash ground; section ::after = full-bleed background where a
 * section has its own; ::before = arch photograph or plaque; h2::before = the bell-niche rule above the
 * eyebrow of every section after the welcome (in the welcome it is the lace mantilla over the names).
 * The wedding layer: the ceremony set in the mission courtyard (hero), the mantilla and bouquet on the pew
 * (welcome), candles down the arcade (countdown), the veil in the carved door (story), the rings on the
 * missal or, for couples who keep the rites, the arras box (the day), the gown on the adobe wall (dress
 * code), the ribboned bell post (travel), the shutters and swallow card (hotels), the candlelit reception
 * (stay), the ribboned gift (registry), the mantilla drawn through the door (RSVP), the couple walking away
 * down the arcade (footer).
 */

:root[data-kit="mission-bells"] {
  --msb-whitewash: #f1eadb;
  --msb-whitewash-2: #e7dcc6;
  --msb-ivory: #f9f5ec;
  --msb-ink: #2d2620;
  --msb-tile: #a24b32;
  --msb-brick: #7a3624;
  --msb-on-tile: #f9f5ec;
  --msb-bronze: #9a7a45;
  --msb-bronze-text: #7d6233;
  --msb-night: #2e2620;
  --msb-night-2: #241d18;
  --msb-night-text: #f1eadb;
  --msb-night-muted: rgba(241, 234, 219, 0.8);
  --msb-night-accent: #cdae74;
  --msb-field-line: rgba(45, 38, 32, 0.6);
  --msb-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --msb-display: "IM Fell English", var(--font-headings, Georgia), Georgia, serif;
  --msb-text: "Cardo", Georgia, serif;

  --msb-el-rule: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20240%2030%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Three%20arched%20niches%20holding%20one%20bell%22%3E%3Cpath%20d%3D%22M2%2025H92M148%2025H238%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2225%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%22238%22%20cy%3D%2225%22%20r%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M98%2025V18A6%206%200%200%201%20110%2018V25M96%2025H144M130%2025V18A6%206%200%200%201%20142%2018V25M111%2025V12A9%209%200%200%201%20129%2012V25%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%20transform%3D%22translate(113.4%207.2)%20scale(.55)%22%3E%3Cpath%20d%3D%22M3%202.2h18v2.4H3zM10.6%204.6h2.8v1.6h-2.8zM12%206C8.2%206%207.2%208.6%207%2012.4c-.2%203.6-.9%206-2.6%207.9-.5.6-.2%201.3.6%201.3h14c.8%200%201.1-.7.6-1.3-1.7-1.9-2.4-4.3-2.6-7.9C16.8%208.6%2015.8%206%2012%206zM3.6%2022.4h16.8v1.1H3.6zM12%2023.6a1.7%201.7%200%201%200%200%203.4%201.7%201.7%200%200%200%200-3.4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --msb-el-swallow-rule: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20240%2030%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22A%20swallow%20over%20a%20hairline%22%3E%3Cpath%20d%3D%22M2%2018H96M146%2018H238%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cg%20transform%3D%22translate(98%204)%20scale(.8)%22%3E%3Cpath%20d%3D%22M59%2013.6%2054.4%2012.3C49.6%2010.9%2041.8%2011.6%2034%2013.6%2028.6%2015%2024.4%2016%2020.6%2017.4%2025.2%2018.8%2032.4%2019.4%2040.2%2018.4%2047.6%2017.5%2053%2016%2059%2013.6ZM41.6%2013C36.2%206.4%2025.6%202%2011.2.6%2021%204.6%2029.4%209.8%2033.6%2015.2ZM38.6%2017.4C32.6%2022.8%2022.4%2027.6%209.4%2030.8%2019%2025%2027.4%2020.2%2031.6%2017.6ZM24.6%2015.8%201.2%2010.8%2018.4%2017.6%202.4%2023.4%2024.8%2018.8Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --msb-el-swallow: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2032%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Swallow%20in%20flight%22%3E%3Cpath%20d%3D%22M59%2013.6%2054.4%2012.3C49.6%2010.9%2041.8%2011.6%2034%2013.6%2028.6%2015%2024.4%2016%2020.6%2017.4%2025.2%2018.8%2032.4%2019.4%2040.2%2018.4%2047.6%2017.5%2053%2016%2059%2013.6ZM41.6%2013C36.2%206.4%2025.6%202%2011.2.6%2021%204.6%2029.4%209.8%2033.6%2015.2ZM38.6%2017.4C32.6%2022.8%2022.4%2027.6%209.4%2030.8%2019%2025%2027.4%2020.2%2031.6%2017.6ZM24.6%2015.8%201.2%2010.8%2018.4%2017.6%202.4%2023.4%2024.8%2018.8Z%22%2F%3E%3C%2Fsvg%3E");
  --msb-el-bell: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Mission%20bell%22%3E%3Cpath%20d%3D%22M3%202.2h18v2.4H3zM10.6%204.6h2.8v1.6h-2.8zM12%206C8.2%206%207.2%208.6%207%2012.4c-.2%203.6-.9%206-2.6%207.9-.5.6-.2%201.3.6%201.3h14c.8%200%201.1-.7.6-1.3-1.7-1.9-2.4-4.3-2.6-7.9C16.8%208.6%2015.8%206%2012%206zM3.6%2022.4h16.8v1.1H3.6zM12%2023.6a1.7%201.7%200%201%200%200%203.4%201.7%201.7%200%200%200%200-3.4z%22%2F%3E%3C%2Fsvg%3E");
  --msb-el-arch: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20130%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Round%20arch%22%3E%3Cpath%20d%3D%22M0%20130V50A50%2050%200%200%201%20100%2050V130Z%22%2F%3E%3C%2Fsvg%3E");
  --msb-el-arch-frame: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20260%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Double%20arch%20frame%20with%20imposts%22%3E%3Cpath%20d%3D%22M8%20259V100A92%2092%200%200%201%20192%20100V259%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18%20259V100A82%2082%200%200%201%20182%20100V259%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2%2096h22v6H2zM176%2096h22v6h-22z%22%2F%3E%3Cpath%20d%3D%22M96%208.5h8%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --msb-el-door: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20142%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Carved%20mission%20door%20frame%22%3E%3Cpath%20d%3D%22M1.5%20141.5V60A58.5%2058.5%200%200%201%20118.5%2060V141.5%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7%20141.5V60A53%2053%200%200%201%20113%2060V141.5%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2266%22%20r%3D%221.34%22%2F%3E%3Cellipse%20cx%3D%226.77%22%20cy%3D%2266%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(0%206.77%2066)%22%2F%3E%3Cellipse%20cx%3D%225.96%22%20cy%3D%2267.96%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(45%205.96%2067.96)%22%2F%3E%3Cellipse%20cx%3D%224%22%20cy%3D%2268.77%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(90%204%2068.77)%22%2F%3E%3Cellipse%20cx%3D%222.04%22%20cy%3D%2267.96%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(135%202.04%2067.96)%22%2F%3E%3Cellipse%20cx%3D%221.23%22%20cy%3D%2266%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(180%201.23%2066)%22%2F%3E%3Cellipse%20cx%3D%222.04%22%20cy%3D%2264.04%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(225%202.04%2064.04)%22%2F%3E%3Cellipse%20cx%3D%224%22%20cy%3D%2263.23%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(270%204%2063.23)%22%2F%3E%3Cellipse%20cx%3D%225.96%22%20cy%3D%2264.04%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(315%205.96%2064.04)%22%2F%3E%3Ccircle%20cx%3D%22116%22%20cy%3D%2266%22%20r%3D%221.34%22%2F%3E%3Cellipse%20cx%3D%22118.77%22%20cy%3D%2266%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(0%20118.77%2066)%22%2F%3E%3Cellipse%20cx%3D%22117.96%22%20cy%3D%2267.96%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(45%20117.96%2067.96)%22%2F%3E%3Cellipse%20cx%3D%22116%22%20cy%3D%2268.77%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(90%20116%2068.77)%22%2F%3E%3Cellipse%20cx%3D%22114.04%22%20cy%3D%2267.96%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(135%20114.04%2067.96)%22%2F%3E%3Cellipse%20cx%3D%22113.23%22%20cy%3D%2266%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(180%20113.23%2066)%22%2F%3E%3Cellipse%20cx%3D%22114.04%22%20cy%3D%2264.04%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(225%20114.04%2064.04)%22%2F%3E%3Cellipse%20cx%3D%22116%22%20cy%3D%2263.23%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(270%20116%2063.23)%22%2F%3E%3Cellipse%20cx%3D%22117.96%22%20cy%3D%2264.04%22%20rx%3D%221.26%22%20ry%3D%220.67%22%20transform%3D%22rotate(315%20117.96%2064.04)%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2282%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22116%22%20cy%3D%2282%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2294%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22116%22%20cy%3D%2294%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%22106%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22116%22%20cy%3D%22106%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%22118%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22116%22%20cy%3D%22118%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%22130%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22116%22%20cy%3D%22130%22%20r%3D%221.1%22%2F%3E%3Cpath%20d%3D%22M57%20.8h6l-1%205.2h-4z%22%2F%3E%3C%2Fsvg%3E");
  --msb-el-campanario: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20110%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Mission%20bell%20wall%20with%20three%20niches%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6%20110V58H14V50C14%2046%2018%2044%2022%2044H34V30C34%2026%2037%2024%2041%2024H44C46%2012%2052%204%2060%204S74%2012%2076%2024H79C83%2024%2086%2026%2086%2030V44H98C102%2044%20106%2046%20106%2050V58H114V110ZM51%2042V31A9%209%200%200%201%2069%2031V42ZM27%2080V66A9.5%209.5%200%200%201%2046%2066V80ZM74%2080V66A9.5%209.5%200%200%201%2093%2066V80Z%22%2F%3E%3Cpath%20d%3D%22M2%20108h116v2H2z%22%2F%3E%3C%2Fsvg%3E");
  --msb-el-lace: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2016%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Scalloped%20lace%20edge%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200H40V5C40%205%2039%2015%2030%2015%2024%2015%2021%2011%2020%208%2019%2011%2016%2015%2010%2015%201%2015%200%205%200%205ZM10%206.8a2.3%202.3%200%201%200%200%204.6%202.3%202.3%200%200%200%200-4.6zM30%206.8a2.3%202.3%200%201%200%200%204.6%202.3%202.3%200%200%200%200-4.6zM18.6%202.2h2.8v1.2h-2.8zM38.6%202.2H40v1.2h-1.4zM0%202.2h1.4v1.2H0z%22%2F%3E%3C%2Fsvg%3E");
  --msb-el-mantilla: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%2090%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Lace%20mantilla%20edge%22%3E%3Cg%20transform%3D%22translate(10.3%2083.23)%20rotate(-82.92)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(12.66%2073.76)%20rotate(-69.37)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(17.34%2064.51)%20rotate(-57.33)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(24.28%2055.64)%20rotate(-47.12)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(33.35%2047.28)%20rotate(-38.6)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(44.42%2039.56)%20rotate(-31.49)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(57.32%2032.6)%20rotate(-25.44)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(71.83%2026.51)%20rotate(-20.21)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(87.74%2021.4)%20rotate(-15.56)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(104.78%2017.34)%20rotate(-11.34)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(122.7%2014.39)%20rotate(-7.41)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(141.2%2012.6)%20rotate(-3.66)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(160%2012)%20rotate(0)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(178.8%2012.6)%20rotate(3.66)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(197.3%2014.39)%20rotate(7.41)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(215.22%2017.34)%20rotate(11.34)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(232.26%2021.4)%20rotate(15.56)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(248.17%2026.51)%20rotate(20.21)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(262.68%2032.6)%20rotate(25.44)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(275.58%2039.56)%20rotate(31.49)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(286.65%2047.28)%20rotate(38.6)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(295.72%2055.64)%20rotate(47.12)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(302.66%2064.51)%20rotate(57.33)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(307.34%2073.76)%20rotate(69.37)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(309.7%2083.23)%20rotate(82.92)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M-10.6%200A10.6%209%200%200%200%2010.6%200ZM0%202.2a2.1%202.1%200%201%200%200%204.2%202.1%202.1%200%200%200%200-4.2z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M10%2088A150%2076%200%200%201%20310%2088%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M20.5%2088A139.5%2070.68%200%200%201%20299.5%2088%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-dasharray%3D%221.2%203.2%22%2F%3E%3C%2Fsvg%3E");
  --msb-el-lazo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2060%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Lazo%20cord%20in%20a%20figure%20eight%22%3E%3Cpath%20d%3D%22M100%2030L103.45%2030.94L106.9%2031.88L110.34%2032.8L113.77%2033.71L117.17%2034.59L120.54%2035.45L123.89%2036.27L127.19%2037.05L130.46%2037.79L133.68%2038.49L136.84%2039.12L139.95%2039.71L143%2040.23L145.98%2040.69L148.89%2041.09L151.73%2041.41L154.48%2041.67L157.15%2041.85L159.73%2041.96L162.23%2042L164.62%2041.96L166.92%2041.85L169.11%2041.67L171.19%2041.41L173.17%2041.09L175.03%2040.69L176.78%2040.23L178.41%2039.71L179.92%2039.12L181.3%2038.49L182.56%2037.79L183.69%2037.05L184.7%2036.27L185.57%2035.45L186.31%2034.59L186.92%2033.71L187.39%2032.8L187.73%2031.88L187.93%2030.94L188%2030L187.93%2029.06L187.73%2028.12L187.39%2027.2L186.92%2026.29L186.31%2025.41L185.57%2024.55L184.7%2023.73L183.69%2022.95L182.56%2022.21L181.3%2021.51L179.92%2020.88L178.41%2020.29L176.78%2019.77L175.03%2019.31L173.17%2018.91L171.19%2018.59L169.11%2018.33L166.92%2018.15L164.62%2018.04L162.23%2018L159.73%2018.04L157.15%2018.15L154.48%2018.33L151.73%2018.59L148.89%2018.91L145.98%2019.31L143%2019.77L139.95%2020.29L136.84%2020.88L133.68%2021.51L130.46%2022.21L127.19%2022.95L123.89%2023.73L120.54%2024.55L117.17%2025.41L113.77%2026.29L110.34%2027.2L106.9%2028.12L103.45%2029.06L100%2030L96.55%2030.94L93.1%2031.88L89.66%2032.8L86.23%2033.71L82.83%2034.59L79.46%2035.45L76.11%2036.27L72.81%2037.05L69.54%2037.79L66.32%2038.49L63.16%2039.12L60.05%2039.71L57%2040.23L54.02%2040.69L51.11%2041.09L48.27%2041.41L45.52%2041.67L42.85%2041.85L40.27%2041.96L37.77%2042L35.38%2041.96L33.08%2041.85L30.89%2041.67L28.81%2041.41L26.83%2041.09L24.97%2040.69L23.22%2040.23L21.59%2039.71L20.08%2039.12L18.7%2038.49L17.44%2037.79L16.31%2037.05L15.3%2036.27L14.43%2035.45L13.69%2034.59L13.08%2033.71L12.61%2032.8L12.27%2031.88L12.07%2030.94L12%2030L12.07%2029.06L12.27%2028.12L12.61%2027.2L13.08%2026.29L13.69%2025.41L14.43%2024.55L15.3%2023.73L16.31%2022.95L17.44%2022.21L18.7%2021.51L20.08%2020.88L21.59%2020.29L23.22%2019.77L24.97%2019.31L26.83%2018.91L28.81%2018.59L30.89%2018.33L33.08%2018.15L35.38%2018.04L37.77%2018L40.27%2018.04L42.85%2018.15L45.52%2018.33L48.27%2018.59L51.11%2018.91L54.02%2019.31L57%2019.77L60.05%2020.29L63.16%2020.88L66.32%2021.51L69.54%2022.21L72.81%2022.95L76.11%2023.73L79.46%2024.55L82.83%2025.41L86.23%2026.29L89.66%2027.2L93.1%2028.12L96.55%2029.06L100%2030Z%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%22113.77%22%20cy%3D%2233.71%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22139.95%22%20cy%3D%2239.71%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22162.23%22%20cy%3D%2242%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22178.41%22%20cy%3D%2239.71%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22186.92%22%20cy%3D%2233.71%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22186.92%22%20cy%3D%2226.29%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22178.41%22%20cy%3D%2220.29%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22162.23%22%20cy%3D%2218%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22139.95%22%20cy%3D%2220.29%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22113.77%22%20cy%3D%2226.29%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2286.23%22%20cy%3D%2233.71%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2260.05%22%20cy%3D%2239.71%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2237.77%22%20cy%3D%2242%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2221.59%22%20cy%3D%2239.71%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2213.08%22%20cy%3D%2233.71%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2213.08%22%20cy%3D%2226.29%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2221.59%22%20cy%3D%2220.29%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2237.77%22%20cy%3D%2218%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2260.05%22%20cy%3D%2220.29%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2286.23%22%20cy%3D%2226.29%22%20r%3D%221.7%22%2F%3E%3C%2Fsvg%3E");
  --msb-el-corner: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Carved%20corner%22%3E%3Cpath%20d%3D%22M2%2046V12M12%202H46%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7%2046V16M16%207H46%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222.05%22%2F%3E%3Cellipse%20cx%3D%2212.22%22%20cy%3D%228%22%20rx%3D%221.92%22%20ry%3D%221.02%22%20transform%3D%22rotate(0%2012.22%208)%22%2F%3E%3Cellipse%20cx%3D%2210.99%22%20cy%3D%2210.99%22%20rx%3D%221.92%22%20ry%3D%221.02%22%20transform%3D%22rotate(45%2010.99%2010.99)%22%2F%3E%3Cellipse%20cx%3D%228%22%20cy%3D%2212.22%22%20rx%3D%221.92%22%20ry%3D%221.02%22%20transform%3D%22rotate(90%208%2012.22)%22%2F%3E%3Cellipse%20cx%3D%225.01%22%20cy%3D%2210.99%22%20rx%3D%221.92%22%20ry%3D%221.02%22%20transform%3D%22rotate(135%205.01%2010.99)%22%2F%3E%3Cellipse%20cx%3D%223.78%22%20cy%3D%228%22%20rx%3D%221.92%22%20ry%3D%221.02%22%20transform%3D%22rotate(180%203.78%208)%22%2F%3E%3Cellipse%20cx%3D%225.01%22%20cy%3D%225.01%22%20rx%3D%221.92%22%20ry%3D%221.02%22%20transform%3D%22rotate(225%205.01%205.01)%22%2F%3E%3Cellipse%20cx%3D%228%22%20cy%3D%223.78%22%20rx%3D%221.92%22%20ry%3D%221.02%22%20transform%3D%22rotate(270%208%203.78)%22%2F%3E%3Cellipse%20cx%3D%2210.99%22%20cy%3D%225.01%22%20rx%3D%221.92%22%20ry%3D%221.02%22%20transform%3D%22rotate(315%2010.99%205.01)%22%2F%3E%3C%2Fsvg%3E");
  --msb-el-pepper: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20220%20140%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Pepper-tree%20bough%22%3E%3Cpath%20d%3D%22M4%206C40%204%2092%2010%20136%2022%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M30%2C6C44%2C34%2050%2C74%2044%2C120%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate(32.43%2011.17)%20rotate(8.12)%20scale(0.97)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(32.43%2011.17)%20rotate(124.12)%20scale(0.97)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(34.74%2016.71)%20rotate(10.73)%20scale(0.95)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(34.74%2016.71)%20rotate(126.73)%20scale(0.95)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(36.85%2022.51)%20rotate(13.22)%20scale(0.92)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(36.85%2022.51)%20rotate(129.22)%20scale(0.92)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(38.76%2028.55)%20rotate(15.6)%20scale(0.89)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(38.76%2028.55)%20rotate(131.6)%20scale(0.89)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(40.47%2034.83)%20rotate(17.89)%20scale(0.86)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(40.47%2034.83)%20rotate(133.89)%20scale(0.86)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(41.98%2041.34)%20rotate(20.08)%20scale(0.83)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(41.98%2041.34)%20rotate(136.08)%20scale(0.83)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(43.27%2048.08)%20rotate(22.2)%20scale(0.81)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(43.27%2048.08)%20rotate(138.2)%20scale(0.81)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(44.34%2055.02)%20rotate(24.25)%20scale(0.78)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(44.34%2055.02)%20rotate(140.25)%20scale(0.78)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.18%2062.17)%20rotate(26.24)%20scale(0.75)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.18%2062.17)%20rotate(142.24)%20scale(0.75)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.8%2069.52)%20rotate(28.17)%20scale(0.72)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.8%2069.52)%20rotate(144.17)%20scale(0.72)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(46.18%2077.05)%20rotate(30.05)%20scale(0.7)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(46.18%2077.05)%20rotate(146.05)%20scale(0.7)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(46.32%2084.76)%20rotate(31.88)%20scale(0.67)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(46.32%2084.76)%20rotate(147.88)%20scale(0.67)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(46.21%2092.65)%20rotate(33.68)%20scale(0.64)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(46.21%2092.65)%20rotate(149.68)%20scale(0.64)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.85%20100.7)%20rotate(35.44)%20scale(0.61)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.85%20100.7)%20rotate(151.44)%20scale(0.61)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.23%20108.9)%20rotate(37.18)%20scale(0.59)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.23%20108.9)%20rotate(153.18)%20scale(0.59)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(44.35%20117.25)%20rotate(38.88)%20scale(0.56)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(44.35%20117.25)%20rotate(154.88)%20scale(0.56)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(44%20120)%20rotate(97.43)%20scale(.55)%22%20d%3D%22M0%200C3.3%20-1.9%208.25%20-1.52%2011%200C8.25%201.52%203.3%201.9%200%200Z%22%2F%3E%3Cpath%20d%3D%22M78%2C10C96%2C34%20104%2C70%20100%2C106%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate(81.13%2014.45)%20rotate(-1.47)%20scale(0.97)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(81.13%2014.45)%20rotate(114.53)%20scale(0.97)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(84.54%2020)%20rotate(2.32)%20scale(0.94)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(84.54%2020)%20rotate(118.32)%20scale(0.94)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(87.65%2025.87)%20rotate(5.9)%20scale(0.91)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(87.65%2025.87)%20rotate(121.9)%20scale(0.91)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(90.44%2032.03)%20rotate(9.29)%20scale(0.88)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(90.44%2032.03)%20rotate(125.29)%20scale(0.88)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(92.91%2038.45)%20rotate(12.52)%20scale(0.85)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(92.91%2038.45)%20rotate(128.52)%20scale(0.85)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(95.07%2045.11)%20rotate(15.6)%20scale(0.81)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(95.07%2045.11)%20rotate(131.6)%20scale(0.81)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(96.9%2051.98)%20rotate(18.57)%20scale(0.78)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(96.9%2051.98)%20rotate(134.57)%20scale(0.78)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(98.39%2059.04)%20rotate(21.43)%20scale(0.75)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(98.39%2059.04)%20rotate(137.43)%20scale(0.75)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(99.56%2066.25)%20rotate(24.21)%20scale(0.72)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(99.56%2066.25)%20rotate(140.21)%20scale(0.72)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(100.39%2073.6)%20rotate(26.94)%20scale(0.69)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(100.39%2073.6)%20rotate(142.94)%20scale(0.69)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(100.87%2081.06)%20rotate(29.62)%20scale(0.65)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(100.87%2081.06)%20rotate(145.62)%20scale(0.65)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(101.01%2088.6)%20rotate(32.28)%20scale(0.62)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(101.01%2088.6)%20rotate(148.28)%20scale(0.62)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(100.79%2096.21)%20rotate(34.93)%20scale(0.59)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(100.79%2096.21)%20rotate(150.93)%20scale(0.59)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(100.23%20103.84)%20rotate(37.59)%20scale(0.56)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(100.23%20103.84)%20rotate(153.59)%20scale(0.56)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(100%20106)%20rotate(96.34)%20scale(.55)%22%20d%3D%22M0%200C3%20-1.8%207.5%20-1.44%2010%200C7.5%201.44%203%201.8%200%200Z%22%2F%3E%3Cpath%20d%3D%22M118%2C18C140%2C36%20156%2C66%20158%2C96%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate(121.89%2021.37)%20rotate(-13.61)%20scale(0.97)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(121.89%2021.37)%20rotate(98.39)%20scale(0.97)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(127.08%2026.46)%20rotate(-9.49)%20scale(0.94)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(127.08%2026.46)%20rotate(102.51)%20scale(0.94)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(131.98%2031.99)%20rotate(-5.55)%20scale(0.9)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(131.98%2031.99)%20rotate(106.45)%20scale(0.9)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(136.54%2037.91)%20rotate(-1.75)%20scale(0.86)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(136.54%2037.91)%20rotate(110.25)%20scale(0.86)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(140.75%2044.17)%20rotate(1.96)%20scale(0.82)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(140.75%2044.17)%20rotate(113.96)%20scale(0.82)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(144.57%2050.74)%20rotate(5.64)%20scale(0.78)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(144.57%2050.74)%20rotate(117.64)%20scale(0.78)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(147.98%2057.57)%20rotate(9.31)%20scale(0.75)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(147.98%2057.57)%20rotate(121.31)%20scale(0.75)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(150.95%2064.63)%20rotate(13.03)%20scale(0.71)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(150.95%2064.63)%20rotate(125.03)%20scale(0.71)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(153.45%2071.86)%20rotate(16.83)%20scale(0.67)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(153.45%2071.86)%20rotate(128.83)%20scale(0.67)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(155.46%2079.22)%20rotate(20.75)%20scale(0.63)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(155.46%2079.22)%20rotate(132.75)%20scale(0.63)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(156.94%2086.69)%20rotate(24.84)%20scale(0.6)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(156.94%2086.69)%20rotate(136.84)%20scale(0.6)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(157.86%2094.2)%20rotate(29.13)%20scale(0.56)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(157.86%2094.2)%20rotate(141.13)%20scale(0.56)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(158%2096)%20rotate(86.19)%20scale(.55)%22%20d%3D%22M0%200C3%20-1.7%207.5%20-1.36%2010%200C7.5%201.36%203%201.7%200%200Z%22%2F%3E%3Cpath%20d%3D%22M136%2C22C170%2C30%20196%2C52%20210%2C76%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate(142.03%2023.59)%20rotate(-39.73)%20scale(0.97)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(142.03%2023.59)%20rotate(72.27)%20scale(0.97)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(150.94%2026.58)%20rotate(-35.16)%20scale(0.93)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(150.94%2026.58)%20rotate(76.84)%20scale(0.93)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(159.4%2030.18)%20rotate(-30.69)%20scale(0.89)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(159.4%2030.18)%20rotate(81.31)%20scale(0.89)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(167.41%2034.35)%20rotate(-26.32)%20scale(0.85)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(167.41%2034.35)%20rotate(85.68)%20scale(0.85)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(174.95%2039.02)%20rotate(-22.05)%20scale(0.81)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(174.95%2039.02)%20rotate(89.95)%20scale(0.81)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(181.99%2044.15)%20rotate(-17.86)%20scale(0.77)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(181.99%2044.15)%20rotate(94.14)%20scale(0.77)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(188.52%2049.67)%20rotate(-13.73)%20scale(0.72)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(188.52%2049.67)%20rotate(98.27)%20scale(0.72)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(194.52%2055.52)%20rotate(-9.64)%20scale(0.68)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(194.52%2055.52)%20rotate(102.36)%20scale(0.68)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(199.97%2061.66)%20rotate(-5.54)%20scale(0.64)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(199.97%2061.66)%20rotate(106.46)%20scale(0.64)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(204.85%2068.03)%20rotate(-1.41)%20scale(0.6)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(204.85%2068.03)%20rotate(110.59)%20scale(0.6)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(209.15%2074.56)%20rotate(2.81)%20scale(0.56)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(209.15%2074.56)%20rotate(114.81)%20scale(0.56)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(210%2076)%20rotate(59.74)%20scale(.55)%22%20d%3D%22M0%200C2.7%20-1.6%206.75%20-1.28%209%200C6.75%201.28%202.7%201.6%200%200Z%22%2F%3E%3Ccircle%20cx%3D%2263%22%20cy%3D%2216%22%20r%3D%221.9%22%2F%3E%3Ccircle%20cx%3D%2267%22%20cy%3D%2220%22%20r%3D%221.9%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2221%22%20r%3D%221.9%22%2F%3E%3Ccircle%20cx%3D%2264%22%20cy%3D%2225%22%20r%3D%221.9%22%2F%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2225%22%20r%3D%221.9%22%2F%3E%3Ccircle%20cx%3D%2257%22%20cy%3D%2226%22%20r%3D%221.9%22%2F%3E%3Ccircle%20cx%3D%2262%22%20cy%3D%2230%22%20r%3D%221.9%22%2F%3E%3Ccircle%20cx%3D%2267%22%20cy%3D%2231%22%20r%3D%221.9%22%2F%3E%3Cpath%20d%3D%22M64%2012C64%2016%2063%2020%2063%2028%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");

  --msb-img-limewash: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/limewash-tile-1024.webp");
  --msb-img-clay: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/clay-tile-1024.webp");
  /* The wedding layer: one cue per section. */
  --msb-img-mantilla: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/mantilla-pew-700.webp");
  --msb-img-candles: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/candle-arcade-900.webp");
  --msb-img-veil: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/veil-door-900.webp");
  --msb-img-rings: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/rings-missal-700.webp");
  --msb-img-arras: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/arras-box-700.webp");
  --msb-img-gown: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/gown-adobe-700.webp");
  --msb-img-road: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/bell-road-900.webp");
  --msb-img-shutters: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/shutters-candle-700.webp");
  --msb-img-reception: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/reception-dusk-900.webp");
  --msb-img-gift: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/gift-sill-700.webp");
  --msb-img-sendoff: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/arcade-sendoff-900.webp");
}
@media (min-width: 900px) {
  :root[data-kit="mission-bells"] {
    --msb-img-candles: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/candle-arcade-1600.webp");
    --msb-img-veil: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/veil-door-1600.webp");
    --msb-img-road: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/bell-road-1600.webp");
    --msb-img-reception: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/reception-dusk-1600.webp");
    --msb-img-sendoff: url("https://media.lovesfirst.site/clients/style-vault/media/mission-bells/arcade-sendoff-1920.webp");
  }
}

/* ---------- Ground and type ---------- */
/* The limewash ground under the whole page; sections with their own ground lay it over this. */
:root[data-kit="mission-bells"] main {
  overflow-x: clip;
  font-family: var(--msb-text);
  font-weight: 400;
  background:
    var(--msb-img-limewash) center top / 900px repeat,
    var(--ink);
  background-blend-mode: multiply;
}
:root[data-kit="mission-bells"] main .block p,
:root[data-kit="mission-bells"] main .block li {
  font-size: clamp(1.0625rem, 1.5vw, 1.15rem);
  line-height: 1.72;
}
:root[data-kit="mission-bells"] main .eyebrow {
  font-family: var(--msb-text);
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.72rem;
  letter-spacing: 0.3em;
  color: var(--gold);
  text-shadow: none;
  margin-bottom: 1.1rem;
}
:root[data-kit="mission-bells"] main .block h2:not(.lf-fx) {
  font-family: var(--msb-display);
  font-weight: 400;
  font-size: calc(clamp(2.3rem, 6vw, 4rem) * var(--headings-scale, 1));
  line-height: 1.08;
  letter-spacing: 0;
  text-wrap: balance;
}
:root[data-kit="mission-bells"] main h3,
:root[data-kit="mission-bells"] main .lf-card h3,
:root[data-kit="mission-bells"] main .lf-tl h3,
:root[data-kit="mission-bells"] main .lf-sched h3 {
  font-family: var(--msb-display);
  font-weight: 400;
  text-wrap: balance;
}
/* The names: IM Fell English italic, cut into the page like letterpress. */
:root[data-kit="mission-bells"] #welcome h2,
:root[data-kit="mission-bells"] .lf-still .names {
  font-style: italic;
}
:root[data-kit="mission-bells"][data-fx="engraved"] main .lf-fx {
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.75),
    0 -1px 0 color-mix(in srgb, var(--cream) 28%, transparent);
}
:root[data-kit="mission-bells"] .lf-still .lf-still-foot .line {
  font-family: var(--msb-display);
}

/* ---------- Sections: frame and full-bleed backgrounds ---------- */
:root[data-kit="mission-bells"] section.block {
  position: relative;
  isolation: isolate;
}
:root[data-kit="mission-bells"] section.block::after {
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  pointer-events: none;
  background: var(--msb-bg, transparent);
  background-blend-mode: var(--msb-blend, normal);
}

/* Divider: three arched niches holding one bell, above the eyebrow of every section after the welcome. */
:root[data-kit="mission-bells"] section.block > h2 {
  position: relative;
}
:root[data-kit="mission-bells"] section.block:not(#welcome) > h2::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(-2.2rem - 30px - 1.4rem);
  left: 50%;
  width: min(240px, 64vw);
  height: 30px;
  transform: translateX(-50%);
  background-color: var(--gold);
  -webkit-mask: var(--msb-el-rule) center / contain no-repeat;
  mask: var(--msb-el-rule) center / contain no-repeat;
  clip-path: inset(0 0 0 0);
  transition: clip-path 1.5s var(--msb-ease);
}
/* Left-aligned sections: the rule sits flush left; the alternate (a swallow over a hairline) on story and FAQ. */
:root[data-kit="mission-bells"] section.block:not(.center, #travel) > h2::before {
  left: 0;
  width: min(190px, 52vw);
  transform: none;
}
:root[data-kit="mission-bells"] :is(#story, #faq) > h2::before {
  -webkit-mask-image: var(--msb-el-swallow-rule);
  mask-image: var(--msb-el-swallow-rule);
}
/* With the kit's motion running, rules start closed and open from the centre (motion.ts adds .msb-in). */
:root[data-kit="mission-bells"].msb-motion section.block:not(.msb-in) > h2::before {
  clip-path: inset(0 50% 0 50%);
}

/* The edge between the hero and the page: the scalloped hem of a lace mantilla, in the page colour, laid
   over the bottom of the photograph. */
:root[data-kit="mission-bells"] .edge {
  position: absolute;
  z-index: 2;
  top: 1px;
  left: 50%;
  width: 100vw;
  height: 16px;
  margin: 0;
  opacity: 1;
  transform: translate(-50%, -100%) scaleY(-1);
  background: var(--ink);
  -webkit-mask: var(--msb-el-lace) 0 0 / 40px 16px repeat-x;
  mask: var(--msb-el-lace) 0 0 / 40px 16px repeat-x;
}
:root[data-kit="mission-bells"] .edge::after {
  display: none;
}

/* Arch-masked photographs (welcome; the day, hung off its list; dress code, hotels and registry, as one more
   cell of their card grids). */
:root[data-kit="mission-bells"] #welcome::before,
:root[data-kit="mission-bells"] #day > ol::after,
:root[data-kit="mission-bells"] #dress-code .lf-cards::after,
:root[data-kit="mission-bells"] #hotels .lf-cards::after,
:root[data-kit="mission-bells"] #registry .lf-links::after {
  content: "";
  display: block;
  width: var(--msb-arch-w, min(15rem, 62vw));
  aspect-ratio: 10 / 13;
  margin: 0 auto 2.6rem;
  background:
    var(--msb-img, none) center / cover no-repeat,
    var(--ink-2);
  -webkit-mask: var(--msb-el-arch) center / 100% 100% no-repeat;
  mask: var(--msb-el-arch) center / 100% 100% no-repeat;
}

/* Plaque: a candle-ivory panel behind the text, over a photograph or the clay ground (travel, RSVP). */
:root[data-kit="mission-bells"] #travel::before,
:root[data-kit="mission-bells"] #rsvp::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: clamp(2.5rem, 7vh, 4.5rem) 0;
  background: color-mix(in srgb, var(--msb-ivory) 95%, transparent);
  border: 1px solid color-mix(in srgb, var(--msb-bronze) 55%, transparent);
  outline: 1px solid color-mix(in srgb, var(--msb-ivory) 70%, transparent);
  outline-offset: 6px;
  box-shadow: 0 30px 60px -30px rgba(45, 38, 32, 0.5);
}
@media (max-width: 700px) {
  :root[data-kit="mission-bells"] #travel::before,
  :root[data-kit="mission-bells"] #rsvp::before {
    inset: clamp(2.5rem, 7vh, 4.5rem) 10px;
  }
}

/* ---------- Welcome: the mantilla and bouquet on the pew, in the carved door; the mantilla over the names ---------- */
:root[data-kit="mission-bells"] #welcome {
  --msb-img: var(--msb-img-mantilla);
  --msb-arch-w: min(14rem, 58vw);
  --msb-pt: clamp(5.5rem, 13vh, 8.5rem);
  padding-top: var(--msb-pt);
}
/* The carved-door frame: a double moulding with rosettes and studs, laid over the arch photograph. */
:root[data-kit="mission-bells"] #welcome::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(var(--msb-pt) - var(--msb-arch-w) * 0.1);
  bottom: auto;
  left: 50%;
  width: calc(var(--msb-arch-w) * 1.2);
  height: auto;
  aspect-ratio: 120 / 142;
  transform: translateX(-50%);
  background: var(--msb-bronze);
  -webkit-mask: var(--msb-el-door) center / 100% 100% no-repeat;
  mask: var(--msb-el-door) center / 100% 100% no-repeat;
  pointer-events: none;
}
:root[data-kit="mission-bells"] #welcome h2 {
  font-size: calc(clamp(3rem, 9vw, 5.6rem) * var(--names-scale));
  line-height: 1.05;
  margin-top: clamp(3.2rem, 7vw, 4.6rem);
}
:root[data-kit="mission-bells"] #welcome h2 em {
  color: var(--msb-tile) !important;
}
/* The mantilla: a scalloped lace hem arched over the names. With motion it falls softly into place. */
:root[data-kit="mission-bells"] #welcome h2::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  bottom: 0.12em;
  width: min(40rem, 94vw);
  aspect-ratio: 320 / 90;
  transform: translateX(-50%);
  background: var(--msb-bronze);
  opacity: 0.45;
  -webkit-mask: var(--msb-el-mantilla) center / contain no-repeat;
  mask: var(--msb-el-mantilla) center / contain no-repeat;
  transition:
    transform 2.4s var(--msb-ease),
    opacity 2s ease;
}
:root[data-kit="mission-bells"].msb-motion #welcome:not(.msb-in) h2::before {
  opacity: 0;
  transform: translate(-50%, -2.6rem) scale(1.06, 0.82);
}
:root[data-kit="mission-bells"] #welcome .rule {
  width: min(220px, 60vw);
  height: 30px;
  opacity: 1;
  background: var(--gold);
  -webkit-mask: var(--msb-el-rule) center / contain no-repeat;
  mask: var(--msb-el-rule) center / contain no-repeat;
}
/* The lazo (couples who keep the rites, see motion.ts): the cord in a figure eight under the two names,
   drawn on from the left as the welcome arrives. */
:root[data-kit="mission-bells"].msb-rites #welcome .rule {
  width: min(260px, 72vw);
  height: 66px;
  margin-top: 0.6rem;
  -webkit-mask-image: var(--msb-el-lazo);
  mask-image: var(--msb-el-lazo);
  clip-path: inset(0 0 0 0);
  transition: clip-path 2.6s cubic-bezier(0.45, 0, 0.25, 1) 0.6s;
}
:root[data-kit="mission-bells"].msb-rites.msb-motion #welcome:not(.msb-in) .rule {
  clip-path: inset(0 100% 0 0);
}

/* ---------- Countdown: chapel dusk, the candles down the arcade, numerals under an arch ---------- */
:root[data-kit="mission-bells"] #countdown {
  --ink: var(--msb-night);
  --ink-2: var(--msb-night-2);
  --cream: var(--msb-night-text);
  --gold: var(--msb-night-accent);
  --muted: var(--msb-night-muted);
  --msb-bg:
    /* deep enough under the eyebrow (dusk accent, small caps) to hold 4.5:1 over the brightest candles */
    linear-gradient(
      180deg,
      rgba(46, 38, 32, 0.9),
      rgba(46, 38, 32, 0.72) 45%,
      rgba(40, 33, 27, 0.88) 60%,
      rgba(36, 29, 24, 0.92)
    ),
    var(--msb-img-candles) 70% 65% / cover no-repeat, var(--msb-night);
  color: var(--cream);
  max-width: none;
  padding-top: clamp(4.5rem, 11vh, 7rem);
  padding-bottom: clamp(4rem, 10vh, 6rem);
}
:root[data-kit="mission-bells"] #countdown .lf-num {
  position: relative;
  display: grid;
  place-items: center;
  width: min(13rem, 60vw);
  aspect-ratio: 200 / 260;
  margin: 0 auto;
  padding-top: 3.4rem;
  line-height: 1;
  font-family: var(--msb-display);
  font-weight: 400;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: calc(clamp(4.2rem, 15vw, 6.2rem) * var(--headings-scale, 1));
  color: var(--msb-night-text);
}
:root[data-kit="mission-bells"] #countdown .lf-num::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--gold);
  opacity: 0.85;
  -webkit-mask: var(--msb-el-arch-frame) center / 100% 100% no-repeat;
  mask: var(--msb-el-arch-frame) center / 100% 100% no-repeat;
}
:root[data-kit="mission-bells"] #countdown .eyebrow {
  margin-top: 1.4rem;
  margin-bottom: 0;
}

/* ---------- Story: the veil in the carved door, washed to whitewash; swallows on the timeline ---------- */
:root[data-kit="mission-bells"] #story {
  --gold: var(--msb-brick);
  --msb-bg:
    linear-gradient(90deg, rgba(var(--vig), 0.95), rgba(var(--vig), 0.9) 60%, rgba(var(--vig), 0.8)),
    var(--msb-img-veil) 78% center / cover no-repeat, var(--ink);
}
@media (min-width: 900px) {
  /* The text column sits left; the veil in the doorway shows through on the right. */
  :root[data-kit="mission-bells"] #story {
    --msb-bg:
      linear-gradient(
        90deg,
        rgba(var(--vig), 0.96),
        rgba(var(--vig), 0.93) 60%,
        rgba(var(--vig), 0.86) 72%,
        rgba(var(--vig), 0.45) 86%,
        rgba(var(--vig), 0.2)
      ),
      var(--msb-img-veil) right center / cover no-repeat, var(--ink);
  }
}
:root[data-kit="mission-bells"] .lf-tl::before,
:root[data-kit="mission-bells"] .lf-sched::before {
  width: 1px;
  background: linear-gradient(var(--msb-bronze), color-mix(in srgb, var(--msb-bronze) 15%, transparent));
}
:root[data-kit="mission-bells"] .lf-tl li::before,
:root[data-kit="mission-bells"] .lf-sched li::before {
  left: -3px;
  top: 4px;
  width: 22px;
  height: 12px;
  border: 0;
  transform: rotate(-14deg);
  background: var(--msb-tile);
  -webkit-mask: var(--msb-el-swallow) center / contain no-repeat;
  mask: var(--msb-el-swallow) center / contain no-repeat;
}
:root[data-kit="mission-bells"] .lf-when,
:root[data-kit="mission-bells"] .lf-time {
  font-family: var(--msb-text);
  color: var(--msb-brick);
  font-weight: 700;
  letter-spacing: 0.22em;
}
:root[data-kit="mission-bells"] .lf-tl h3,
:root[data-kit="mission-bells"] .lf-sched h3 {
  font-size: calc(1.75rem * var(--headings-scale, 1));
}

/* ---------- The day: the bell wall (motion.ts swings its bells), the rings on the missal ---------- */
:root[data-kit="mission-bells"] #day {
  --msb-img: var(--msb-img-rings);
}
:root[data-kit="mission-bells"].msb-rites #day {
  --msb-img: var(--msb-img-arras);
}
:root[data-kit="mission-bells"] #day > ol::after {
  margin: 1rem auto 0;
}
:root[data-kit="mission-bells"] #day .lf-place {
  font-family: var(--msb-text);
  font-style: italic;
  font-size: 1.08rem;
  color: var(--cream);
  opacity: 1;
}
:root[data-kit="mission-bells"] #day .item {
  padding-top: 1.2rem;
  border-top: 1px solid color-mix(in srgb, var(--msb-bronze) 45%, transparent);
}
:root[data-kit="mission-bells"] #day .item .when {
  color: var(--msb-brick);
  font-weight: 700;
}
/* The campanario (motion.ts injects it above the heading): the bell wall in tile, bells in bronze. */
:root[data-kit="mission-bells"] .msb-bells {
  position: relative;
  width: min(7.5rem, 34vw);
  aspect-ratio: 120 / 110;
  margin: 0 0 2.2rem;
}
:root[data-kit="mission-bells"] .msb-bells::before {
  content: "";
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--msb-tile) 52%, var(--msb-whitewash));
  -webkit-mask: var(--msb-el-campanario) center / 100% 100% no-repeat;
  mask: var(--msb-el-campanario) center / 100% 100% no-repeat;
}
:root[data-kit="mission-bells"] .msb-bells i {
  position: absolute;
  width: 10%;
  aspect-ratio: 24 / 28;
  background: var(--msb-bronze);
  -webkit-mask: var(--msb-el-bell) center / contain no-repeat;
  mask: var(--msb-el-bell) center / contain no-repeat;
  transform-origin: 50% 8%;
  will-change: transform;
}
:root[data-kit="mission-bells"] .msb-bells i:nth-child(1) {
  left: 45%;
  top: 24.5%;
}
:root[data-kit="mission-bells"] .msb-bells i:nth-child(2) {
  left: 25.4%;
  top: 55.5%;
}
:root[data-kit="mission-bells"] .msb-bells i:nth-child(3) {
  left: 64.6%;
  top: 55.5%;
}
:root[data-kit="mission-bells"] #day:has(> .msb-bells) > h2::before {
  /* the bell wall is the day's divider */
  display: none;
}
@media (min-width: 760px) {
  :root[data-kit="mission-bells"] .lf-sched li::before {
    left: calc(9.5rem - 11px);
  }
}
@media (min-width: 960px) {
  :root[data-kit="mission-bells"] #day {
    padding-right: calc(var(--gutter) + 17rem);
  }
  :root[data-kit="mission-bells"] #day > ol::after {
    position: absolute;
    right: -17rem;
    top: 0;
    width: 14rem;
    margin: 0;
  }
}

/* ---------- Dress code: deeper whitewash, ivory cards with a bronze hairline and carved corners, the gown ---------- */
:root[data-kit="mission-bells"] #dress-code {
  --gold: var(--msb-brick);
  --msb-bg: var(--msb-img-limewash) center / 900px repeat, var(--msb-whitewash-2);
  --msb-blend: multiply;
  --msb-img: var(--msb-img-gown);
}
:root[data-kit="mission-bells"] :is(#dress-code .lf-cards, #hotels .lf-cards, #registry .lf-links)::after {
  align-self: center;
  width: min(13rem, 56vw);
  margin: 0 auto;
  order: -1;
}
:root[data-kit="mission-bells"] #hotels {
  --msb-img: var(--msb-img-shutters);
}
:root[data-kit="mission-bells"] #registry {
  --msb-img: var(--msb-img-gift);
}
@media (min-width: 760px) {
  :root[data-kit="mission-bells"] #dress-code .lf-cards::after {
    order: 0;
  }
  /* Hotels and registry: the photograph between the first card and the rest. */
  :root[data-kit="mission-bells"] :is(#hotels .lf-cards, #registry .lf-links)::after {
    order: 1;
  }
  :root[data-kit="mission-bells"] :is(#hotels .lf-cards, #registry .lf-links) > :nth-child(n + 2) {
    order: 2;
  }
}
:root[data-kit="mission-bells"] #dress-code .lf-card {
  position: relative;
  padding: 2.4rem 2rem 2.2rem;
  background: var(--msb-ivory);
  border: 1px solid color-mix(in srgb, var(--msb-bronze) 60%, transparent);
  box-shadow:
    inset 0 0 0 6px var(--msb-ivory),
    inset 0 0 0 7px color-mix(in srgb, var(--msb-bronze) 28%, transparent);
}
:root[data-kit="mission-bells"] #dress-code .lf-card::before,
:root[data-kit="mission-bells"] #dress-code .lf-card::after,
:root[data-kit="mission-bells"] #rsvp form::before,
:root[data-kit="mission-bells"] #rsvp form::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background: var(--msb-bronze);
  -webkit-mask: var(--msb-el-corner) center / contain no-repeat;
  mask: var(--msb-el-corner) center / contain no-repeat;
  pointer-events: none;
}
:root[data-kit="mission-bells"] #dress-code .lf-card::before,
:root[data-kit="mission-bells"] #rsvp form::before {
  top: 5px;
  left: 5px;
}
:root[data-kit="mission-bells"] #dress-code .lf-card::after,
:root[data-kit="mission-bells"] #rsvp form::after {
  right: 5px;
  bottom: 5px;
  transform: rotate(180deg);
}
:root[data-kit="mission-bells"] .lf-meta {
  font-family: var(--msb-text);
  color: var(--msb-brick);
  font-weight: 700;
}
:root[data-kit="mission-bells"] #hotels .lf-meta {
  letter-spacing: 0.14em;
  line-height: 1.6;
}
:root[data-kit="mission-bells"] .lf-swatches {
  gap: 0.6rem;
}
:root[data-kit="mission-bells"] .lf-swatches li {
  width: 26px;
  height: 36px;
  border-radius: 13px 13px 0 0;
  border-color: color-mix(in srgb, var(--cream) 30%, transparent);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.35);
}

/* ---------- Travel: the ribboned bell post on the old road, text on an ivory plaque ---------- */
:root[data-kit="mission-bells"] #travel {
  --msb-bg: var(--msb-img-road) 72% 50% / cover no-repeat, var(--ink-2);
  max-width: 46rem;
  padding: clamp(8.5rem, 19vh, 11.5rem) clamp(2rem, 6vw, 4.5rem) clamp(7rem, 18vh, 11rem);
  text-align: center;
}
:root[data-kit="mission-bells"] #travel p {
  margin-left: auto;
  margin-right: auto;
}

/* ---------- Hotels and registry: arch-topped ivory cards with a bronze hairline ---------- */
:root[data-kit="mission-bells"] #hotels .lf-card,
:root[data-kit="mission-bells"] #registry .lf-card {
  position: relative;
  justify-items: center;
  text-align: center;
  padding: 4.2rem 1.8rem 2.2rem;
  border-radius: 50% 50% 0 0 / 5.5rem 5.5rem 0 0;
  background: var(--msb-ivory);
  border: 1px solid color-mix(in srgb, var(--msb-bronze) 55%, transparent);
  box-shadow: 0 18px 40px -28px rgba(45, 38, 32, 0.5);
}
:root[data-kit="mission-bells"] #hotels .lf-card::before,
:root[data-kit="mission-bells"] #registry .lf-card::before {
  /* a small bell hung in the arch */
  content: "";
  position: absolute;
  top: 1.3rem;
  left: 50%;
  width: 16px;
  height: 19px;
  transform: translateX(-50%);
  background: var(--msb-bronze);
  -webkit-mask: var(--msb-el-bell) center / contain no-repeat;
  mask: var(--msb-el-bell) center / contain no-repeat;
}
:root[data-kit="mission-bells"] .lf-cards {
  gap: 1.6rem;
}

/* ---------- Stay: the candlelit reception under the pepper tree at dusk ---------- */
:root[data-kit="mission-bells"] #stay {
  --ink: var(--msb-night);
  --ink-2: var(--msb-night-2);
  --cream: var(--msb-night-text);
  --gold: var(--msb-night-accent);
  --muted: var(--msb-night-muted);
  /* Phones: the text runs the full width, so the wash is even (the candles stay a glow behind it). */
  --msb-bg:
    linear-gradient(rgba(36, 29, 24, 0.88), rgba(36, 29, 24, 0.88)),
    var(--msb-img-reception) 70% center / cover no-repeat, var(--msb-night);
  color: var(--cream);
}
@media (min-width: 900px) {
  /* The text sits left; the candlelit table opens up on the right. */
  :root[data-kit="mission-bells"] #stay {
    --msb-bg:
      linear-gradient(90deg, rgba(36, 29, 24, 0.92), rgba(36, 29, 24, 0.86) 55%, rgba(36, 29, 24, 0.62)),
      var(--msb-img-reception) 70% center / cover no-repeat, var(--msb-night);
  }
}
:root[data-kit="mission-bells"] #stay::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  top: 1.5rem;
  width: min(300px, 56vw);
  aspect-ratio: 220 / 140;
  background: var(--msb-night-accent);
  opacity: 0.22;
  -webkit-mask: var(--msb-el-pepper) center / contain no-repeat;
  mask: var(--msb-el-pepper) center / contain no-repeat;
}

/* ---------- FAQ: hairline rows, a small bell that rings (tilts) when a row opens ---------- */
:root[data-kit="mission-bells"] .lf-acc {
  border-top: 1px solid color-mix(in srgb, var(--msb-bronze) 60%, transparent);
}
:root[data-kit="mission-bells"] .lf-acc details {
  border-bottom: 1px solid color-mix(in srgb, var(--msb-bronze) 40%, transparent);
  transition: background-color 0.3s ease;
}
:root[data-kit="mission-bells"] .lf-acc details[open] {
  background: color-mix(in srgb, var(--msb-ivory) 80%, transparent);
  box-shadow: inset 2px 0 0 var(--msb-tile);
}
:root[data-kit="mission-bells"] .lf-acc summary {
  padding: 1.3rem 0.9rem 1.3rem 1rem;
  font-family: var(--msb-display);
  font-size: calc(1.4rem * var(--headings-scale, 1));
  transition: color 0.2s ease;
}
:root[data-kit="mission-bells"] .lf-acc summary:hover {
  color: var(--msb-brick);
}
:root[data-kit="mission-bells"] .lf-acc summary:focus-visible {
  outline: 2px solid var(--msb-brick);
  outline-offset: 2px;
}
:root[data-kit="mission-bells"] .lf-acc details p {
  padding: 0 1rem 0.4rem;
}
:root[data-kit="mission-bells"] .lf-acc summary i {
  flex: 0 0 18px;
  height: 21px;
  transform-origin: 50% 8%;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
:root[data-kit="mission-bells"] .lf-acc summary i::before {
  inset: 0;
  top: 0;
  width: auto;
  height: auto;
  margin: 0;
  transform: none;
  background: var(--msb-bronze);
  -webkit-mask: var(--msb-el-bell) center / contain no-repeat;
  mask: var(--msb-el-bell) center / contain no-repeat;
}
:root[data-kit="mission-bells"] .lf-acc summary i::after {
  display: none;
}
:root[data-kit="mission-bells"] .lf-acc details[open] summary i {
  transform: rotate(-16deg);
}

/* ---------- Registry: link cards that lift ---------- */
:root[data-kit="mission-bells"] a.lf-card {
  transition:
    transform 0.35s var(--msb-ease),
    box-shadow 0.35s var(--msb-ease),
    border-color 0.25s ease;
}
:root[data-kit="mission-bells"] a.lf-card:hover {
  transform: translateY(-4px);
  border-color: var(--msb-bronze);
  box-shadow: 0 26px 46px -26px rgba(45, 38, 32, 0.6);
}
:root[data-kit="mission-bells"] a.lf-card:active {
  transform: translateY(-1px);
}
:root[data-kit="mission-bells"] a.lf-card:focus-visible {
  outline: 2px solid var(--msb-brick);
  outline-offset: 4px;
}

/* ---------- RSVP: the fired-clay floor, an ivory plaque, the door, the reply card ---------- */
:root[data-kit="mission-bells"] #rsvp {
  --msb-bg: var(--msb-img-clay) center / 700px repeat, #d9c3a8;
  --msb-blend: multiply;
  max-width: 44rem;
  padding: clamp(6.5rem, 14vh, 8.5rem) clamp(1.5rem, 5vw, 4rem) clamp(7rem, 16vh, 10rem);
}
/* The door (motion.ts): an arched window on the carved mission door, where the lace mantilla is drawn over
   the threshold and through the door once as the RSVP arrives, then rests on the empty doorway. */
:root[data-kit="mission-bells"] #rsvp .msb-door {
  position: relative;
  width: min(12.5rem, 52vw);
  aspect-ratio: 10 / 13;
  margin: 0 auto 5.4rem;
}
:root[data-kit="mission-bells"] #rsvp .msb-door > span {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: var(--msb-whitewash-2);
  -webkit-mask: var(--msb-el-arch) center / 100% 100% no-repeat;
  mask: var(--msb-el-arch) center / 100% 100% no-repeat;
}
:root[data-kit="mission-bells"] #rsvp .msb-door :is(video, img) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 70%;
}
:root[data-kit="mission-bells"] #rsvp .msb-door::after {
  content: "";
  position: absolute;
  inset: -9px -9px 0;
  background: var(--msb-bronze);
  opacity: 0.85;
  -webkit-mask: var(--msb-el-arch-frame) center / 100% 100% no-repeat;
  mask: var(--msb-el-arch-frame) center / 100% 100% no-repeat;
  pointer-events: none;
}
:root[data-kit="mission-bells"] #rsvp form {
  position: relative;
  gap: 1.1rem;
  margin-top: 2.2rem;
  padding: 2.4rem clamp(1.2rem, 4vw, 2.4rem) 2.2rem;
  background: #fffdf8;
  border: 1px solid color-mix(in srgb, var(--msb-bronze) 55%, transparent);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}
:root[data-kit="mission-bells"] main label {
  font-family: var(--msb-text);
  font-weight: 700;
  font-size: 0.68rem;
  letter-spacing: 0.22em;
  color: var(--muted);
}
:root[data-kit="mission-bells"] main input,
:root[data-kit="mission-bells"] main select {
  font-family: var(--msb-text);
  font-weight: 400;
  font-size: 1.0625rem;
  letter-spacing: 0;
  text-transform: none;
  color: var(--msb-ink);
  background-color: var(--msb-ivory);
  border: 1px solid var(--msb-field-line);
  border-radius: 0;
  min-height: 48px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
:root[data-kit="mission-bells"] main input::placeholder {
  color: rgba(45, 38, 32, 0.7);
}
:root[data-kit="mission-bells"] main input:hover,
:root[data-kit="mission-bells"] main select:hover {
  border-color: var(--msb-ink);
}
:root[data-kit="mission-bells"] main input:focus,
:root[data-kit="mission-bells"] main select:focus {
  outline: none;
  border-color: var(--msb-brick);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--msb-tile) 26%, transparent);
}
:root[data-kit="mission-bells"] main input:focus-visible,
:root[data-kit="mission-bells"] main select:focus-visible {
  outline: 2px solid var(--msb-brick);
  outline-offset: 2px;
}
:root[data-kit="mission-bells"] main select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 2.6rem;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--msb-brick) 50%),
    linear-gradient(135deg, var(--msb-brick) 50%, transparent 50%);
  background-position:
    calc(100% - 20px) 52%,
    calc(100% - 14px) 52%;
  background-size: 6px 6px;
  background-repeat: no-repeat;
}
:root[data-kit="mission-bells"] #rsvp .note {
  font-family: var(--msb-text);
  font-style: italic;
  color: var(--msb-ink);
}

/* ---------- Buttons: primary (mission tile, square), secondary (bronze outline), link ---------- */
:root[data-kit="mission-bells"] main .btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  min-height: 48px;
  padding: 0.95rem 2rem;
  font-family: var(--msb-display);
  font-weight: 400;
  font-size: 0.82rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--cream);
  background: transparent;
  border: 1px solid var(--msb-bronze);
  border-radius: 0;
  box-shadow:
    inset 0 0 0 3px transparent,
    inset 0 0 0 4px color-mix(in srgb, var(--msb-bronze) 40%, transparent);
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    transform 0.15s ease,
    box-shadow 0.3s ease;
}
:root[data-kit="mission-bells"] main .btn:hover {
  background: var(--msb-ink);
  border-color: var(--msb-ink);
  color: var(--msb-ivory);
  box-shadow:
    inset 0 0 0 3px var(--msb-ink),
    inset 0 0 0 4px color-mix(in srgb, var(--msb-bronze) 70%, transparent);
}
:root[data-kit="mission-bells"] main .btn:active {
  transform: translateY(1px);
}
:root[data-kit="mission-bells"] main .btn:focus-visible {
  outline: 2px solid var(--msb-brick);
  outline-offset: 4px;
}
/* Primary: the RSVP submit. Mission tile, square, a soft candle glow rises on hover, pressed on click. */
:root[data-kit="mission-bells"] main button.btn[type="submit"] {
  width: 100%;
  margin-top: 0.8rem;
  color: var(--msb-on-tile);
  background: var(--msb-tile);
  border-color: var(--msb-tile);
  box-shadow:
    inset 0 0 0 3px var(--msb-tile),
    inset 0 0 0 4px rgba(249, 245, 236, 0.4),
    0 10px 24px -14px rgba(122, 54, 36, 0.8);
}
:root[data-kit="mission-bells"] main button.btn[type="submit"]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(60% 140% at 50% 120%, rgba(255, 226, 170, 0.34), transparent 70%);
  opacity: 0;
  transform: translateY(30%);
  transition:
    opacity 0.6s ease,
    transform 0.9s var(--msb-ease);
  pointer-events: none;
}
:root[data-kit="mission-bells"] main button.btn[type="submit"]:hover {
  color: var(--msb-on-tile);
  background: var(--msb-brick);
  border-color: var(--msb-brick);
  box-shadow:
    inset 0 0 0 3px var(--msb-brick),
    inset 0 0 0 4px rgba(249, 245, 236, 0.45),
    0 14px 28px -14px rgba(122, 54, 36, 0.9);
}
:root[data-kit="mission-bells"] main button.btn[type="submit"]:hover::after {
  opacity: 1;
  transform: none;
}
:root[data-kit="mission-bells"] main button.btn[type="submit"]:active {
  transform: translateY(1px);
  box-shadow:
    inset 0 2px 6px rgba(0, 0, 0, 0.3),
    inset 0 0 0 4px rgba(249, 245, 236, 0.3);
}
:root[data-kit="mission-bells"] main button.btn:disabled {
  opacity: 0.6;
}
/* Link: small caps in adobe brick, an underline that draws in. */
:root[data-kit="mission-bells"] main .lf-link {
  display: inline-block;
  padding-bottom: 3px;
  font-family: var(--msb-text);
  font-weight: 700;
  color: var(--msb-brick);
  background: linear-gradient(currentColor, currentColor) 0 100% / 0% 1px no-repeat;
  transition: background-size 0.45s var(--msb-ease);
}
:root[data-kit="mission-bells"] main a:hover .lf-link,
:root[data-kit="mission-bells"] main a.lf-link:hover,
:root[data-kit="mission-bells"] main a.lf-link:focus-visible {
  background-size: 100% 1px;
}
:root[data-kit="mission-bells"] main a.lf-link:focus-visible {
  outline: 2px solid var(--msb-brick);
  outline-offset: 3px;
}
/* Links and buttons on the night bands. */
:root[data-kit="mission-bells"] :is(#countdown, #stay) :is(.lf-link, .lf-when, .lf-time) {
  color: var(--msb-night-accent);
}

/* ---------- Footer: the couple walking away down the arcade at dusk, the bell wall above the line ---------- */
:root[data-kit="mission-bells"] footer {
  --gold: var(--msb-night-accent);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-height: clamp(24rem, 64vh, 36rem);
  padding-top: 4.5rem;
  font-family: var(--msb-text);
  color: var(--msb-night-muted);
  background:
    linear-gradient(
      180deg,
      var(--msb-night) 0%,
      rgba(46, 38, 32, 0.45) 24%,
      rgba(46, 38, 32, 0.25) 46%,
      rgba(46, 38, 32, 0.86) 74%,
      var(--msb-night) 100%
    ),
    var(--msb-img-sendoff) center 62% / cover no-repeat,
    var(--msb-night);
  border-top: 0;
  font-size: 0.86rem;
}
:root[data-kit="mission-bells"] footer::before {
  content: "";
  display: block;
  width: 58px;
  height: 53px;
  margin: 0 auto 1.4rem;
  background: var(--msb-night-accent);
  -webkit-mask: var(--msb-el-campanario) center / contain no-repeat;
  mask: var(--msb-el-campanario) center / contain no-repeat;
}
:root[data-kit="mission-bells"] footer .brand {
  font-family: var(--msb-display);
  font-weight: 400;
  font-size: 0.78rem;
  letter-spacing: 0.34em;
}

/* ---------- Motion hooks (motion.ts) ---------- */
/* Swallows: a pair crosses the hero, the welcome, the story, the RSVP and the footer once, on an arc. */
:root[data-kit="mission-bells"] .msb-swallows {
  position: absolute;
  z-index: 3;
  inset: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  overflow: hidden;
  pointer-events: none;
}
:root[data-kit="mission-bells"] .lf-still .msb-swallows,
:root[data-kit="mission-bells"] footer .msb-swallows {
  left: 0;
  width: 100%;
  transform: none;
}
:root[data-kit="mission-bells"] .msb-swallows i {
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 25px;
  background: var(--msb-ink);
  opacity: 0;
  -webkit-mask: var(--msb-el-swallow) center / contain no-repeat;
  mask: var(--msb-el-swallow) center / contain no-repeat;
  will-change: transform, opacity;
}
:root[data-kit="mission-bells"] .lf-still .msb-swallows i {
  background: #2a211b;
}
:root[data-kit="mission-bells"] footer .msb-swallows i {
  background: var(--msb-night-accent);
}
/* Candlelight: a warm glow that breathes very softly over the dusk bands (countdown, stay). */
:root[data-kit="mission-bells"] .msb-candle {
  position: absolute;
  z-index: -1;
  inset: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  pointer-events: none;
  background:
    radial-gradient(38% 30% at 74% 86%, rgba(255, 196, 120, 0.2), transparent 70%),
    radial-gradient(26% 22% at 58% 92%, rgba(255, 210, 140, 0.14), transparent 70%);
  mix-blend-mode: screen;
}
/* Reply sent: a blind letterpress swallow pressed into the reply card (no ink, no burst). */
:root[data-kit="mission-bells"] .msb-seal {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: -44px;
  width: 88px;
  height: 88px;
  margin-left: -44px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, transparent 60%, rgba(45, 38, 32, 0.08) 61%, transparent 64%),
    radial-gradient(circle at 40% 34%, #fffdf8, #f6efe2 70%, #ece2cf);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--msb-bronze) 50%, transparent),
    0 10px 18px -10px rgba(45, 38, 32, 0.5);
  pointer-events: none;
}
:root[data-kit="mission-bells"] .msb-seal i,
:root[data-kit="mission-bells"] .msb-seal b {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 54px;
  height: 29px;
  margin: -16px 0 0 -27px;
  -webkit-mask: var(--msb-el-swallow) center / contain no-repeat;
  mask: var(--msb-el-swallow) center / contain no-repeat;
}
/* the pressed swallow: a light lip below and a soft shade above, like a blind deboss */
:root[data-kit="mission-bells"] .msb-seal i {
  background: rgba(255, 255, 255, 0.95);
  transform: translateY(1px);
}
:root[data-kit="mission-bells"] .msb-seal b {
  background: rgba(125, 98, 51, 0.38);
  transform: translateY(-0.5px);
}
:root[data-kit="mission-bells"] .msb-seal span {
  /* the couple's initials under the swallow, pressed */
  position: absolute;
  left: 0;
  right: 0;
  bottom: 13px;
  text-align: center;
  font-family: var(--msb-display);
  font-style: italic;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  color: rgba(125, 98, 51, 0.7);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* Ambient hero loop (hero-loop.mp4 next to the still), faded in over the photo once it can play. */
:root[data-kit="mission-bells"] .lf-still .msb-loop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--still-photo-position, 50% 50%);
  filter: var(--still-photo-filter, none);
  opacity: 0;
  transition: opacity 1.6s ease;
}
:root[data-kit="mission-bells"] .lf-still .msb-loop.on {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  :root[data-kit="mission-bells"] section.block > h2::before,
  :root[data-kit="mission-bells"] #welcome h2::before,
  :root[data-kit="mission-bells"] #welcome .rule,
  :root[data-kit="mission-bells"] main .btn,
  :root[data-kit="mission-bells"] main button.btn[type="submit"]::after,
  :root[data-kit="mission-bells"] a.lf-card,
  :root[data-kit="mission-bells"] .lf-acc summary i,
  :root[data-kit="mission-bells"] .lf-acc details,
  :root[data-kit="mission-bells"] main .lf-link {
    transition: none;
  }
  :root[data-kit="mission-bells"].msb-motion section.block:not(.msb-in) > h2::before,
  :root[data-kit="mission-bells"].msb-rites.msb-motion #welcome:not(.msb-in) .rule {
    clip-path: inset(0);
  }
  :root[data-kit="mission-bells"].msb-motion #welcome:not(.msb-in) h2::before {
    opacity: 0.45;
    transform: translateX(-50%);
  }
  :root[data-kit="mission-bells"] a.lf-card:hover {
    transform: none;
  }
}