@font-face{font-family:"Imperial Script";font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/imperial-script-latin-400-normal.CiVTvm7k.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400;font-display:swap;src:url(/_astro/playfair-display-latin-400-italic.LeeEXsx5.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/playfair-display-latin-400-normal.CFtfchNt.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:500;font-display:swap;src:url(/_astro/playfair-display-latin-500-italic.BFrGFGAj.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:500;font-display:swap;src:url(/_astro/playfair-display-latin-500-normal.DIxvyhka.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:700;font-display:swap;src:url(/_astro/playfair-display-latin-700-italic.CB566L-e.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url(/_astro/playfair-display-latin-700-normal.CuDiGg7c.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300;font-display:swap;src:url(/_astro/cormorant-garamond-latin-300-italic.qkwBXYHn.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300;font-display:swap;src:url(/_astro/cormorant-garamond-latin-300-normal.Cw-E_7L1.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(/_astro/cormorant-garamond-latin-400-italic.Dc_OZ8oc.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/cormorant-garamond-latin-400-normal.B-1hWBU7.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(/_astro/cormorant-garamond-latin-500-italic.Y14P-dkT.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(/_astro/cormorant-garamond-latin-500-normal.BsRWmXhO.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:700;font-display:swap;src:url(/_astro/cormorant-garamond-latin-700-italic.1ifP4r4a.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:700;font-display:swap;src:url(/_astro/cormorant-garamond-latin-700-normal.DajfzrDU.woff2) format("woff2")}
/*
 * Beaux-Arts gilt & black tie: the style kit for the "beauxarts" style package.
 * Loaded only when that package is active (<html data-kit="beaux-arts-gilt">): apps/sites serves it at
 * /kits/beaux-arts-gilt.css and inlines every url("elements/*.svg") as a data URI at build time.
 * Every rule is scoped to :root[data-kit="beaux-arts-gilt"], 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 --bag-* palette (GUIDE.md). Ornaments are SVG masks filled with a token colour or the foil.
 * Pseudo-element map per section: ::after = full-bleed ground, ::before = plaque, card or framed photograph,
 * h2::before = the laurel rule above the eyebrow of every section after the welcome (the day has the chandelier).
 * The wedding layer: the ceremony in the statuary allee (hero), gloves and the invitation under tissue (welcome),
 * the ring box before a gilt-framed painting (story), the long table in the hall of columns (the day), tailcoat
 * and gown (dress code), the car with its ribbon (travel), the turndown tray (hotels), the order of service on
 * the newel (FAQ), the gift table (registry), the train through the gilt doors (RSVP) and the send-off on the
 * steps (footer). The recurring motif is the crystal drop: it hangs under every laurel rule, marks the timeline
 * and the FAQ, and throws one glint as each section arrives.
 */

:root[data-kit="beaux-arts-gilt"] {
  --bag-ivory: #f4f0e6;
  --bag-marble: #eae4d6;
  --bag-card: #fbf9f4;
  --bag-paper: #ffffff;
  --bag-ink: #1a1a1a;
  --bag-onyx: #2b2b2b;
  --bag-on-onyx: #f4f0e6;
  --bag-gilt: #b9944f; /* decoration only: never text, never a focus ring */
  --bag-gilt-deep: #6e5220; /* text-safe gilt: eyebrows, dates, links */
  --bag-vein: #c9c3b8; /* decoration only */
  --bag-night: #101418;
  --bag-night-2: #181d22;
  --bag-night-text: #f4f0e6;
  --bag-night-gilt: #d2b47a;
  --bag-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --bag-velvet: cubic-bezier(0.45, 0, 0.2, 1);
  /* Gilt foil: a burnished gradient for frames and ornaments (decoration, so contrast doesn't apply). */
  --bag-foil: linear-gradient(
    115deg,
    #8a6a2e 0%,
    #e9d6a4 18%,
    #b9944f 36%,
    #7a5a22 58%,
    #d8bd7f 78%,
    #94733a 100%
  );
  /* The gilt moulding: a foil border, a white mat, a second hairline and a soft drop. */
  --bag-frame:
    0 0 0 6px var(--bag-card), 0 0 0 7px color-mix(in srgb, var(--bag-gilt) 80%, transparent),
    0 26px 44px -26px rgba(16, 20, 24, 0.55);

  --bag-el-rule: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20240%2036%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Laurel%20rule%20with%20a%20crystal%20drop%22%3E%3Cpath%20d%3D%22M0%2015.5H88M152%2015.5H240%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M24%2018.5H88M152%2018.5H216%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%22.45%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M121%2C20C130%2C19.6%20142%2C15%20152%2C6.5%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate(126.12%2019.38)%20rotate(-48.86)%20scale(0.99)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(126.12%2019.38)%20rotate(27.14)%20scale(0.99)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(133.34%2017.37)%20rotate(-57.78)%20scale(0.91)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(133.34%2017.37)%20rotate(18.22)%20scale(0.91)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(140.87%2014.04)%20rotate(-65.88)%20scale(0.82)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(140.87%2014.04)%20rotate(10.12)%20scale(0.82)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(148.32%209.39)%20rotate(-73.99)%20scale(0.74)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(148.32%209.39)%20rotate(2.01)%20scale(0.74)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(152%206.5)%20rotate(-40.36)%20scale(.7)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20d%3D%22M119%2C20C110%2C19.6%2098%2C15%2088%2C6.5%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate(113.88%2019.38)%20rotate(-207.14)%20scale(0.99)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(113.88%2019.38)%20rotate(-131.14)%20scale(0.99)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(106.66%2017.37)%20rotate(-198.22)%20scale(0.91)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(106.66%2017.37)%20rotate(-122.22)%20scale(0.91)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(99.13%2014.04)%20rotate(-190.12)%20scale(0.82)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(99.13%2014.04)%20rotate(-114.12)%20scale(0.82)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(91.68%209.39)%20rotate(-182.01)%20scale(0.74)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(91.68%209.39)%20rotate(-106.01)%20scale(0.74)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(88%206.5)%20rotate(-139.64)%20scale(.7)%22%20d%3D%22M0%20-.25C1.02%20-2.3%204.25%20-2.48%208.5%200ZM0%20.25C1.02%202.3%204.25%202.48%208.5%200Z%22%2F%3E%3Cpath%20d%3D%22M117.6%2017.6l2.4-2.4%202.4%202.4-2.4%202.4z%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%2222.4%22%20r%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M120%2024.01L122.41%2029.1L120%2035.8Z%22%2F%3E%3Cpath%20d%3D%22M120%2024.01L117.59%2029.1L120%2035.8Z%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M120%2024.01L121.21%2029.1L120%2030.17L118.79%2029.1Z%22%20opacity%3D%22.35%22%2F%3E%3C%2Fsvg%3E");
  --bag-el-swag: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2072%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Laurel%20swag%22%3E%3Cpath%20d%3D%22M22%2C12C52%2C46%20104%2C56%20150%2C54%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate(27.63%2017.86)%20rotate(7.76)%20scale(1.03)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(27.63%2017.86)%20rotate(79.76)%20scale(1.03)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(36.21%2025.2)%20rotate(1.43)%20scale(1)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(36.21%2025.2)%20rotate(73.43)%20scale(1)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.53%2031.6)%20rotate(-4.41)%20scale(0.97)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.53%2031.6)%20rotate(67.59)%20scale(0.97)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(55.52%2037.11)%20rotate(-9.72)%20scale(0.94)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(55.52%2037.11)%20rotate(62.28)%20scale(0.94)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(66.06%2041.77)%20rotate(-14.51)%20scale(0.91)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(66.06%2041.77)%20rotate(57.49)%20scale(0.91)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(77.07%2045.62)%20rotate(-18.83)%20scale(0.88)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(77.07%2045.62)%20rotate(53.17)%20scale(0.88)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(88.43%2048.71)%20rotate(-22.73)%20scale(0.85)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(88.43%2048.71)%20rotate(49.27)%20scale(0.85)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(100.06%2051.07)%20rotate(-26.27)%20scale(0.82)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(100.06%2051.07)%20rotate(45.73)%20scale(0.82)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(111.85%2052.74)%20rotate(-29.49)%20scale(0.79)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(111.85%2052.74)%20rotate(42.51)%20scale(0.79)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(123.71%2053.78)%20rotate(-32.47)%20scale(0.77)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(123.71%2053.78)%20rotate(39.53)%20scale(0.77)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(135.54%2054.22)%20rotate(-35.25)%20scale(0.74)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(135.54%2054.22)%20rotate(36.75)%20scale(0.74)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(147.23%2054.11)%20rotate(-37.88)%20scale(0.71)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(147.23%2054.11)%20rotate(34.12)%20scale(0.71)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20d%3D%22M150%2C54C196%2C56%20248%2C46%20278%2C12%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate(152.77%2054.11)%20rotate(-34.12)%20scale(1.04)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(152.77%2054.11)%20rotate(37.88)%20scale(1.04)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(164.46%2054.22)%20rotate(-36.75)%20scale(1.01)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(164.46%2054.22)%20rotate(35.25)%20scale(1.01)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(176.29%2053.78)%20rotate(-39.53)%20scale(0.98)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(176.29%2053.78)%20rotate(32.47)%20scale(0.98)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(188.15%2052.74)%20rotate(-42.51)%20scale(0.96)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(188.15%2052.74)%20rotate(29.49)%20scale(0.96)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(199.94%2051.07)%20rotate(-45.73)%20scale(0.93)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(199.94%2051.07)%20rotate(26.27)%20scale(0.93)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(211.57%2048.71)%20rotate(-49.27)%20scale(0.9)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(211.57%2048.71)%20rotate(22.73)%20scale(0.9)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(222.93%2045.62)%20rotate(-53.17)%20scale(0.87)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(222.93%2045.62)%20rotate(18.83)%20scale(0.87)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(233.94%2041.77)%20rotate(-57.49)%20scale(0.84)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(233.94%2041.77)%20rotate(14.51)%20scale(0.84)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(244.48%2037.11)%20rotate(-62.28)%20scale(0.81)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(244.48%2037.11)%20rotate(9.72)%20scale(0.81)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(254.47%2031.6)%20rotate(-67.59)%20scale(0.78)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(254.47%2031.6)%20rotate(4.41)%20scale(0.78)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(263.79%2025.2)%20rotate(-73.43)%20scale(0.75)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(263.79%2025.2)%20rotate(-1.43)%20scale(0.75)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(272.37%2017.86)%20rotate(-79.76)%20scale(0.72)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(272.37%2017.86)%20rotate(-7.76)%20scale(0.72)%22%20d%3D%22M0%20-.25C1.2%20-2.8%205%20-3.02%2010%200ZM0%20.25C1.2%202.8%205%203.02%2010%200Z%22%2F%3E%3Cpath%20d%3D%22M22%2010c-5-5-12-5-12%200s7%205%2012%200zM22%2010c5-5%2012-5%2012%200s-7%205-12%200z%22%2F%3E%3Cpath%20d%3D%22M21%2011c-3%208-6%2014-9%2022l3-1%202%203c2-8%204-15%204-24zM23%2011c3%208%206%2014%209%2022l-3-1-2%203c-2-8-4-15-4-24z%22%20opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M278%2010c-5-5-12-5-12%200s7%205%2012%200zM278%2010c5-5%2012-5%2012%200s-7%205-12%200z%22%2F%3E%3Cpath%20d%3D%22M277%2011c-3%208-6%2014-9%2022l3-1%202%203c2-8%204-15%204-24zM279%2011c3%208%206%2014%209%2022l-3-1-2%203c-2-8-4-15-4-24z%22%20opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22278%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%2258%22%20r%3D%220.72%22%2F%3E%3Cpath%20d%3D%22M150%2059.44L152.16%2064L150%2070Z%22%2F%3E%3Cpath%20d%3D%22M150%2059.44L147.84%2064L150%2070Z%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M150%2059.44L151.08%2064L150%2064.96L148.92%2064Z%22%20opacity%3D%22.35%22%2F%3E%3C%2Fsvg%3E");
  --bag-el-wreath: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20122%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Laurel%20wreath%22%3E%3Cpath%20d%3D%22M62%2C106C100%2C98%20112%2C50%2078%2C14%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate(68.55%20104.14)%20rotate(-53.92)%20scale(1.03)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(68.55%20104.14)%20rotate(14.08)%20scale(1.03)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(75.84%20100.75)%20rotate(-64.13)%20scale(1)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(75.84%20100.75)%20rotate(3.87)%20scale(1)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(82.18%2096.26)%20rotate(-74.44)%20scale(0.98)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(82.18%2096.26)%20rotate(-6.44)%20scale(0.98)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(87.53%2090.82)%20rotate(-84.62)%20scale(0.95)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(87.53%2090.82)%20rotate(-16.62)%20scale(0.95)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(91.83%2084.53)%20rotate(-94.53)%20scale(0.93)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(91.83%2084.53)%20rotate(-26.53)%20scale(0.93)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(95.04%2077.54)%20rotate(-104.09)%20scale(0.9)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(95.04%2077.54)%20rotate(-36.09)%20scale(0.9)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(97.1%2069.97)%20rotate(-113.3)%20scale(0.87)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(97.1%2069.97)%20rotate(-45.3)%20scale(0.87)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(97.98%2061.95)%20rotate(-122.18)%20scale(0.85)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(97.98%2061.95)%20rotate(-54.18)%20scale(0.85)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(97.61%2053.6)%20rotate(-130.76)%20scale(0.82)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(97.61%2053.6)%20rotate(-62.76)%20scale(0.82)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(95.95%2045.05)%20rotate(-139.07)%20scale(0.8)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(95.95%2045.05)%20rotate(-71.07)%20scale(0.8)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(92.96%2036.43)%20rotate(-147.13)%20scale(0.77)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(92.96%2036.43)%20rotate(-79.13)%20scale(0.77)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(88.58%2027.87)%20rotate(-154.94)%20scale(0.74)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(88.58%2027.87)%20rotate(-86.94)%20scale(0.74)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(82.76%2019.48)%20rotate(-162.47)%20scale(0.72)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(82.76%2019.48)%20rotate(-94.47)%20scale(0.72)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(78%2014)%20rotate(-133.36)%20scale(.7)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20d%3D%22M58%2C106C20%2C98%208%2C50%2042%2C14%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate(51.45%20104.14)%20rotate(-194.08)%20scale(1.03)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(51.45%20104.14)%20rotate(-126.08)%20scale(1.03)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(44.16%20100.75)%20rotate(-183.87)%20scale(1)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(44.16%20100.75)%20rotate(-115.87)%20scale(1)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(37.82%2096.26)%20rotate(-173.56)%20scale(0.98)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(37.82%2096.26)%20rotate(-105.56)%20scale(0.98)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(32.47%2090.82)%20rotate(-163.38)%20scale(0.95)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(32.47%2090.82)%20rotate(-95.38)%20scale(0.95)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(28.17%2084.53)%20rotate(-153.47)%20scale(0.93)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(28.17%2084.53)%20rotate(-85.47)%20scale(0.93)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(24.96%2077.54)%20rotate(-143.91)%20scale(0.9)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(24.96%2077.54)%20rotate(-75.91)%20scale(0.9)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(22.9%2069.97)%20rotate(-134.7)%20scale(0.87)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(22.9%2069.97)%20rotate(-66.7)%20scale(0.87)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(22.02%2061.95)%20rotate(-125.82)%20scale(0.85)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(22.02%2061.95)%20rotate(-57.82)%20scale(0.85)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(22.39%2053.6)%20rotate(-117.24)%20scale(0.82)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(22.39%2053.6)%20rotate(-49.24)%20scale(0.82)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(24.05%2045.05)%20rotate(-108.93)%20scale(0.8)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(24.05%2045.05)%20rotate(-40.93)%20scale(0.8)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(27.04%2036.43)%20rotate(-100.87)%20scale(0.77)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(27.04%2036.43)%20rotate(-32.87)%20scale(0.77)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(31.42%2027.87)%20rotate(-93.06)%20scale(0.74)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(31.42%2027.87)%20rotate(-25.06)%20scale(0.74)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(37.24%2019.48)%20rotate(-85.53)%20scale(0.72)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(37.24%2019.48)%20rotate(-17.53)%20scale(0.72)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(42%2014)%20rotate(-46.64)%20scale(.7)%22%20d%3D%22M0%20-.25C1.44%20-3.2%206%20-3.46%2012%200ZM0%20.25C1.44%203.2%206%203.46%2012%200Z%22%2F%3E%3Cpath%20d%3D%22M60%20104c-5-5-13-6-14-1s8%206%2014%201zM60%20104c5-5%2013-6%2014-1s-8%206-14%201z%22%2F%3E%3Cpath%20d%3D%22M58.6%20105.5l-6%2012%203.2-.6%201.8%202.6%203-13zM61.4%20105.5l6%2012-3.2-.6-1.8%202.6-3-13z%22%20opacity%3D%22.8%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%22104%22%20r%3D%222.2%22%2F%3E%3C%2Fsvg%3E");
  --bag-el-drop: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2040%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Crystal%20drop%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%222%22%20r%3D%222.22%22%2F%3E%3Cpath%20d%3D%22M10%206.44L16.66%2020.5L10%2039Z%22%2F%3E%3Cpath%20d%3D%22M10%206.44L3.34%2020.5L10%2039Z%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M10%206.44L13.33%2020.5L10%2023.46L6.67%2020.5Z%22%20opacity%3D%22.35%22%2F%3E%3C%2Fsvg%3E");
  --bag-el-sparkle: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Glint%22%3E%3Cpath%20d%3D%22M12%200C12.5%208.2%2015.8%2011.5%2024%2012C15.8%2012.5%2012.5%2015.8%2012%2024C11.5%2015.8%208.2%2012.5%200%2012C8.2%2011.5%2011.5%208.2%2012%200Z%22%2F%3E%3Cpath%20d%3D%22M12%206.5L12.9%2011.1L17.5%2012L12.9%2012.9L12%2017.5L11.1%2012.9L6.5%2012L11.1%2011.1Z%22%20transform%3D%22rotate(45%2012%2012)%22%20opacity%3D%22.6%22%2F%3E%3C%2Fsvg%3E");
  --bag-el-corner: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Gilt%20frame%20corner%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M1.5%2063V1.5H63%22%20stroke-width%3D%221.8%22%2F%3E%3Cpath%20d%3D%22M5.5%2063V5.5H63%22%20stroke-width%3D%22.6%22%20opacity%3D%22.85%22%2F%3E%3Cpath%20d%3D%22M8.6%2062V8.6H62%22%20stroke-width%3D%221.3%22%20stroke-dasharray%3D%220%203.1%22%20opacity%3D%22.8%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2211.2%22%20rx%3D%221.5%22%20ry%3D%222.6%22%20transform%3D%22rotate(0%2016%2016)%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2211.2%22%20rx%3D%221.5%22%20ry%3D%222.6%22%20transform%3D%22rotate(45%2016%2016)%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2211.2%22%20rx%3D%221.5%22%20ry%3D%222.6%22%20transform%3D%22rotate(90%2016%2016)%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2211.2%22%20rx%3D%221.5%22%20ry%3D%222.6%22%20transform%3D%22rotate(135%2016%2016)%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2211.2%22%20rx%3D%221.5%22%20ry%3D%222.6%22%20transform%3D%22rotate(180%2016%2016)%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2211.2%22%20rx%3D%221.5%22%20ry%3D%222.6%22%20transform%3D%22rotate(225%2016%2016)%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2211.2%22%20rx%3D%221.5%22%20ry%3D%222.6%22%20transform%3D%22rotate(270%2016%2016)%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2211.2%22%20rx%3D%221.5%22%20ry%3D%222.6%22%20transform%3D%22rotate(315%2016%2016)%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%222.2%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%22.8%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M22%2C16C30%2C16%2040%2C15.4%2050%2C14%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.7%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate(25.73%2015.96)%20rotate(-35.24)%20scale(1)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(25.73%2015.96)%20rotate(32.76)%20scale(1)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(35.25%2015.53)%20rotate(-37.91)%20scale(0.88)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(35.25%2015.53)%20rotate(30.09)%20scale(0.88)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.51%2014.58)%20rotate(-40.67)%20scale(0.75)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.51%2014.58)%20rotate(27.33)%20scale(0.75)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(50%2014)%20rotate(-7.97)%20scale(.7)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3Cg%20transform%3D%22matrix(0%201%201%200%200%200)%22%3E%3Cpath%20d%3D%22M22%2C16C30%2C16%2040%2C15.4%2050%2C14%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%220.7%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate(25.73%2015.96)%20rotate(-35.24)%20scale(1)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(25.73%2015.96)%20rotate(32.76)%20scale(1)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(35.25%2015.53)%20rotate(-37.91)%20scale(0.88)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(35.25%2015.53)%20rotate(30.09)%20scale(0.88)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.51%2014.58)%20rotate(-40.67)%20scale(0.75)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(45.51%2014.58)%20rotate(27.33)%20scale(0.75)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3Cpath%20transform%3D%22translate(50%2014)%20rotate(-7.97)%20scale(.7)%22%20d%3D%22M0%20-.25C0.78%20-1.8%203.25%20-1.94%206.5%200ZM0%20.25C0.78%201.8%203.25%201.94%206.5%200Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --bag-el-portico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20260%20220%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Portico%20of%20two%20columns%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%2040L130%206L246%2040Z%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M34%2037.5L130%209.8L226%2037.5%22%20stroke-width%3D%22.5%22%20opacity%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M6%2040H254M8%2045H252M14%2052H246M16%2056H244%22%20stroke-width%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M20%2048.5H240%22%20stroke-width%3D%22.6%22%20stroke-dasharray%3D%22.1%203.4%22%20opacity%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M26%20196V70M48%20196V70%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M31%2070V196M35%2070V196M39%2070V196M43%2070V196%22%20stroke-width%3D%22.5%22%20opacity%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M21%2062H53M24%2066H50%22%20stroke-width%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M24%2066c-4%200-6%203-5%206s5%203%206%200-2-3-3-1%22%20stroke-width%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M50%2066c4%200%206%203%205%206s-5%203-6%200%202-3%203-1%22%20stroke-width%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M24%20199H50M22%20203H52M21%20203V208H53V203%22%20stroke-width%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M212%20196V70M234%20196V70%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M217%2070V196M221%2070V196M225%2070V196M229%2070V196%22%20stroke-width%3D%22.5%22%20opacity%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M207%2062H239M210%2066H236%22%20stroke-width%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M210%2066c-4%200-6%203-5%206s5%203%206%200-2-3-3-1%22%20stroke-width%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M236%2066c4%200%206%203%205%206s-5%203-6%200%202-3%203-1%22%20stroke-width%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M210%20199H236M208%20203H238M207%20203V208H239V203%22%20stroke-width%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M2%20212H258M8%20216H252%22%20stroke-width%3D%22.9%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%2227%22%20r%3D%223.4%22%2F%3E%3C%2Fsvg%3E");
  --bag-el-chandelier: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Crystal%20chandelier%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M100%200V20%22%20stroke-width%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M100%202v3M100%208v3M100%2014v3%22%20stroke-width%3D%222.6%22%20opacity%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M88%2022h24l-4%206h-16z%22%20stroke-width%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M100%2028V118%22%20stroke-width%3D%221.5%22%2F%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%2244%22%20rx%3D%224%22%20ry%3D%223%22%20stroke-width%3D%22.9%22%2F%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%2274%22%20rx%3D%226%22%20ry%3D%224%22%20stroke-width%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M76%20108q24%2022%2048%200%22%20stroke-width%3D%221.1%22%2F%3E%3Cpath%20d%3D%22M76%20108h48%22%20stroke-width%3D%22.7%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M100%20112C86%20118%2050%20116%2034%2096M100%20112C90%20116%2072%20114%2064%20104M100%20112C114%20118%20150%20116%20166%2096M100%20112C110%20116%20128%20114%20136%20104%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M100%2076C92%2080%2078%2076%2074%2062M100%2076C108%2080%20122%2076%20126%2062%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M30%2096q4%204%208%200%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M34%2095V82%22%20stroke-width%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M60%20104q4%204%208%200%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M64%20103V90%22%20stroke-width%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M132%20104q4%204%208%200%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M136%20103V90%22%20stroke-width%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M162%2096q4%204%208%200%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M166%2095V82%22%20stroke-width%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M70%2062q4%204%208%200%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M74%2061V51%22%20stroke-width%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M122%2062q4%204%208%200%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M126%2061V51%22%20stroke-width%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M34%2098Q49%20118%2064%20106M136%20106Q151%20118%20166%2098M64%20106Q100%20132%20136%20106M74%2064Q100%2086%20126%2064%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%220%204.2%22%20opacity%3D%22.85%22%2F%3E%3Cpath%20d%3D%22M100%20120V128%22%20stroke-width%3D%221%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M34%2073c2.4%203.4%202.4%205.6%200%207-2.4-1.4-2.4-3.6%200-7z%22%2F%3E%3Cpath%20d%3D%22M64%2081c2.4%203.4%202.4%205.6%200%207-2.4-1.4-2.4-3.6%200-7z%22%2F%3E%3Cpath%20d%3D%22M136%2081c2.4%203.4%202.4%205.6%200%207-2.4-1.4-2.4-3.6%200-7z%22%2F%3E%3Cpath%20d%3D%22M166%2073c2.4%203.4%202.4%205.6%200%207-2.4-1.4-2.4-3.6%200-7z%22%2F%3E%3Cpath%20d%3D%22M74%2042c2.4%203.4%202.4%205.6%200%207-2.4-1.4-2.4-3.6%200-7z%22%2F%3E%3Cpath%20d%3D%22M126%2042c2.4%203.4%202.4%205.6%200%207-2.4-1.4-2.4-3.6%200-7z%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%22101%22%20r%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M34%20102.8L36.7%20108.5L34%20116Z%22%2F%3E%3Cpath%20d%3D%22M34%20102.8L31.3%20108.5L34%20116Z%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M34%20102.8L35.35%20108.5L34%20109.7L32.65%20108.5Z%22%20opacity%3D%22.35%22%2F%3E%3Ccircle%20cx%3D%2264%22%20cy%3D%22109%22%20r%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M64%20110.8L66.7%20116.5L64%20124Z%22%2F%3E%3Cpath%20d%3D%22M64%20110.8L61.3%20116.5L64%20124Z%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M64%20110.8L65.35%20116.5L64%20117.7L62.65%20116.5Z%22%20opacity%3D%22.35%22%2F%3E%3Ccircle%20cx%3D%22136%22%20cy%3D%22109%22%20r%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M136%20110.8L138.7%20116.5L136%20124Z%22%2F%3E%3Cpath%20d%3D%22M136%20110.8L133.3%20116.5L136%20124Z%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M136%20110.8L137.35%20116.5L136%20117.7L134.65%20116.5Z%22%20opacity%3D%22.35%22%2F%3E%3Ccircle%20cx%3D%22166%22%20cy%3D%22101%22%20r%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M166%20102.8L168.7%20108.5L166%20116Z%22%2F%3E%3Cpath%20d%3D%22M166%20102.8L163.3%20108.5L166%20116Z%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M166%20102.8L167.35%20108.5L166%20109.7L164.65%20108.5Z%22%20opacity%3D%22.35%22%2F%3E%3Ccircle%20cx%3D%2286%22%20cy%3D%22116%22%20r%3D%220.78%22%2F%3E%3Cpath%20d%3D%22M86%20117.56L88.34%20122.5L86%20129Z%22%2F%3E%3Cpath%20d%3D%22M86%20117.56L83.66%20122.5L86%20129Z%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M86%20117.56L87.17%20122.5L86%20123.54L84.83%20122.5Z%22%20opacity%3D%22.35%22%2F%3E%3Ccircle%20cx%3D%22114%22%20cy%3D%22116%22%20r%3D%220.78%22%2F%3E%3Cpath%20d%3D%22M114%20117.56L116.34%20122.5L114%20129Z%22%2F%3E%3Cpath%20d%3D%22M114%20117.56L111.66%20122.5L114%20129Z%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M114%20117.56L115.17%20122.5L114%20123.54L112.83%20122.5Z%22%20opacity%3D%22.35%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22131%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22136%22%20r%3D%221.56%22%2F%3E%3Cpath%20d%3D%22M100%20139.12L104.68%20149L100%20162Z%22%2F%3E%3Cpath%20d%3D%22M100%20139.12L95.32%20149L100%20162Z%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M100%20139.12L102.34%20149L100%20151.08L97.66%20149Z%22%20opacity%3D%22.35%22%2F%3E%3C%2Fsvg%3E");
  --bag-el-door: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20150%22%20fill%3D%22currentColor%22%20preserveAspectRatio%3D%22none%22%20role%3D%22img%22%20aria-label%3D%22Doorway%22%3E%3Cpath%20d%3D%22M0%20150V22Q50-6%20100%2022V150Z%22%2F%3E%3C%2Fsvg%3E");
  --bag-el-door-frame: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20300%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Doorway%20frame%20with%20a%20keystone%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2%20299V44Q100-12%20198%2044V299%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M10%20299V48Q100-2%20190%2048V299%22%20stroke-width%3D%22.6%22%20opacity%3D%22.75%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M93%204h14l-2.4%2017h-9.2z%22%2F%3E%3Cpath%20d%3D%22M0%20297.5h200v2.5H0z%22%2F%3E%3C%2Fsvg%3E");

  --bag-img-marble: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/marble-tile-1024.webp");
  --bag-img-paper: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/paper-tile-1024.webp");
  --bag-img-ballroom: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/ballroom-eve-900.webp");
  --bag-img-forecourt: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/forecourt-car-900.webp");
  --bag-img-gallery: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/gallery-900.webp");
  --bag-img-send-off: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/steps-send-off-900.webp");
  /* The wedding layer: one cue per section. */
  --bag-img-gloves: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/gloves-urn-700.webp");
  --bag-img-table: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/banquet-table-700.webp");
  --bag-img-tailcoat: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/tailcoat-gown-700.webp");
  --bag-img-turndown: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/turndown-tray-700.webp");
  --bag-img-newel: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/newel-rose-700.webp");
  --bag-img-gifts: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/gift-table-700.webp");
}
@media (min-width: 900px) {
  :root[data-kit="beaux-arts-gilt"] {
    --bag-img-ballroom: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/ballroom-eve-1600.webp");
    --bag-img-forecourt: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/forecourt-car-1600.webp");
    --bag-img-gallery: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/gallery-1600.webp");
    --bag-img-send-off: url("https://media.lovesfirst.site/clients/style-vault/media/beaux-arts-gilt/steps-send-off-1600.webp");
  }
}

/* ---------- Type: Playfair Display for headings, Cormorant Garamond for the text, Imperial Script names ---------- */
:root[data-kit="beaux-arts-gilt"] main {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  overflow-x: clip;
}
:root[data-kit="beaux-arts-gilt"]
  main
  .block
  :is(p, li):not(.eyebrow, .lf-when, .lf-time, .lf-meta, .when, .lf-num, .lf-place, .note) {
  font-size: clamp(1.125rem, 1.6vw, 1.25rem);
  line-height: 1.7;
}
:root[data-kit="beaux-arts-gilt"] main .block .eyebrow {
  font-family: var(--font-headings);
  font-weight: 500;
  font-size: 0.68rem;
  line-height: 1.6;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: var(--gold);
  text-shadow: none;
  margin-bottom: 1.1rem;
}
:root[data-kit="beaux-arts-gilt"] main .block h2:not(.lf-fx) {
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.12;
  text-wrap: balance;
}
:root[data-kit="beaux-arts-gilt"] main :is(.lf-tl, .lf-sched, .lf-card, .item) h3,
:root[data-kit="beaux-arts-gilt"] main .lf-acc summary {
  font-family: var(--font-headings);
  font-weight: 400;
  letter-spacing: -0.005em;
  text-wrap: balance;
}
:root[data-kit="beaux-arts-gilt"] main :is(.lf-when, .lf-time, .lf-meta, .when) {
  font-family: var(--font-headings);
  font-weight: 500;
  font-size: 0.68rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--bag-gilt-deep);
  font-variant-numeric: lining-nums;
}
/* The names in the welcome: gilt foil, deepened so every stop of the gradient holds 3:1 on ivory. */
:root[data-kit="beaux-arts-gilt"][data-fx="foil"] main #welcome .lf-fx {
  background: linear-gradient(172deg, #5a4419 0%, #8a6a2e 30%, #6e5220 52%, #9a7a3a 70%, #5a4419 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.8)) drop-shadow(0 6px 12px rgba(122, 90, 34, 0.18));
}
:root[data-kit="beaux-arts-gilt"][data-fx="engraved"] main .lf-fx {
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.85),
    0 -1px 0 color-mix(in srgb, var(--cream) 28%, transparent);
}

/* ---------- Sections: frame and full-bleed grounds ---------- */
:root[data-kit="beaux-arts-gilt"] section.block {
  position: relative;
  isolation: isolate;
}
:root[data-kit="beaux-arts-gilt"] 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(--bag-bg, transparent);
  background-blend-mode: var(--bag-blend, normal);
}

/* Divider: the laurel rule with its crystal drop above the eyebrow of every section after the welcome (hung off
   the heading, which is positioned, so the reveal's transform can't move it). */
:root[data-kit="beaux-arts-gilt"] section.block > h2 {
  position: relative;
}
:root[data-kit="beaux-arts-gilt"] section.block:not(#welcome, #countdown, #day) > h2::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(-2.2rem - 36px - 1.3rem);
  left: 50%;
  width: min(240px, 66vw);
  height: 36px;
  transform: translateX(-50%);
  background: var(--bag-gilt);
  -webkit-mask: var(--bag-el-rule) center / contain no-repeat;
  mask: var(--bag-el-rule) center / contain no-repeat;
  clip-path: inset(0 0 0 0);
  transition: clip-path 1.6s var(--bag-velvet);
}
/* Left-aligned sections: the rule sits flush left; centred sections keep it centred. */
:root[data-kit="beaux-arts-gilt"]
  section.block:not(.center, #travel, #welcome, #countdown, #day)
  > h2::before {
  left: 0;
  width: min(200px, 56vw);
  transform: none;
}
/* With the kit's motion running, rules start closed and grow from the centre (motion.ts adds .bag-in). */
:root[data-kit="beaux-arts-gilt"].bag-motion section.block:not(.bag-in) > h2::before {
  clip-path: inset(0 50% 0 50%);
}

/* The edge between the hero and the page: the laurel rule instead of the hairline and diamond. */
:root[data-kit="beaux-arts-gilt"] .edge {
  position: absolute;
  z-index: 2;
  top: 1.6rem;
  left: 50%;
  transform: translateX(-50%);
  height: 36px;
  width: min(280px, 72vw);
  margin: 0;
  opacity: 1;
  background: var(--bag-gilt);
  -webkit-mask: var(--bag-el-rule) center / contain no-repeat;
  mask: var(--bag-el-rule) center / contain no-repeat;
}
:root[data-kit="beaux-arts-gilt"] .edge::after {
  display: none;
}

/* Framed photographs: a gilt foil moulding, a white mat and an outer hairline (the welcome's, hung off its eyebrow;
   the day's, hung off its list; dress code, hotels and registry, as one more cell of their grids; the FAQ's). */
:root[data-kit="beaux-arts-gilt"] #welcome > .eyebrow::before,
:root[data-kit="beaux-arts-gilt"] #day > :is(ol, .grid)::after,
:root[data-kit="beaux-arts-gilt"] #dress-code .lf-cards::after,
:root[data-kit="beaux-arts-gilt"] #hotels .lf-cards::after,
:root[data-kit="beaux-arts-gilt"] #registry .lf-links::after,
:root[data-kit="beaux-arts-gilt"] #faq::before {
  content: "";
  display: block;
  width: min(14rem, 60vw);
  aspect-ratio: 3 / 4;
  margin: 0 auto 2.6rem;
  background:
    var(--bag-img, none) center / cover no-repeat,
    var(--bag-marble);
  border: 5px solid transparent;
  border-image: var(--bag-foil) 1;
  box-shadow: var(--bag-frame);
}

/* Plaque: an ivory card behind the text, over a photograph (travel, RSVP). */
:root[data-kit="beaux-arts-gilt"] #travel::before,
:root[data-kit="beaux-arts-gilt"] #rsvp::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: clamp(2.5rem, 7vh, 4.5rem) 0;
  background:
    var(--bag-img-paper) center / 700px repeat,
    color-mix(in srgb, var(--bag-card) 96%, transparent);
  background-blend-mode: multiply;
  border: 1px solid color-mix(in srgb, var(--bag-ink) 70%, transparent);
  outline: 1px solid color-mix(in srgb, var(--bag-gilt) 70%, transparent);
  outline-offset: -9px;
  box-shadow: 0 40px 70px -34px rgba(16, 20, 24, 0.65);
}
@media (max-width: 700px) {
  :root[data-kit="beaux-arts-gilt"] #travel::before,
  :root[data-kit="beaux-arts-gilt"] #rsvp::before {
    inset: clamp(2.5rem, 7vh, 4.5rem) 10px;
  }
}

/* ---------- Welcome: the engraved invitation. A framed photograph of the gloves and the urn overlaps the top of a
   cotton card; the names are revealed from under a sheet of tissue (motion.ts). ---------- */
:root[data-kit="beaux-arts-gilt"] #welcome {
  --bag-bg: var(--bag-img-marble) center / 900px repeat, var(--ink);
  --bag-blend: multiply;
  --bag-img: var(--bag-img-gloves);
  --bag-ph: min(14rem, 60vw);
  --bag-pt: clamp(5rem, 12vh, 8rem);
  padding-top: var(--bag-pt);
  padding-bottom: clamp(6.5rem, 14vh, 10rem);
}
:root[data-kit="beaux-arts-gilt"] #welcome > .eyebrow::before {
  position: relative;
  z-index: 1;
  margin-bottom: 3rem;
}
:root[data-kit="beaux-arts-gilt"] #welcome::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(
    var(--bag-pt) + var(--bag-ph) * 1.02
  ); /* the photograph (3:4) overlaps the card's top by a quarter */
  bottom: clamp(2.5rem, 6vh, 4rem);
  left: max(10px, calc(50% - 24rem));
  right: max(10px, calc(50% - 24rem));
  background:
    var(--bag-img-paper) center / 700px repeat,
    var(--bag-card);
  background-blend-mode: multiply;
  border: 1px solid color-mix(in srgb, var(--bag-gilt) 70%, transparent);
  outline: 1px solid color-mix(in srgb, var(--bag-gilt) 45%, transparent);
  outline-offset: -10px;
  box-shadow: 0 30px 60px -36px rgba(16, 20, 24, 0.45);
}
:root[data-kit="beaux-arts-gilt"] #welcome h2 {
  font-size: calc(clamp(3.6rem, 11vw, 6.6rem) * var(--names-scale));
  line-height: 1.05;
  padding: 0.1em 0.2em;
}
:root[data-kit="beaux-arts-gilt"] #welcome .rule {
  width: min(300px, 74vw);
  height: auto;
  aspect-ratio: 300 / 72;
  margin: 1.2rem auto 1.6rem;
  opacity: 1;
  background: var(--bag-gilt);
  -webkit-mask: var(--bag-el-swag) center / contain no-repeat;
  mask: var(--bag-el-swag) center / contain no-repeat;
}
:root[data-kit="beaux-arts-gilt"] #welcome > p:not(.eyebrow) {
  max-width: 34rem;
  padding: 0 0.5rem;
}
/* The tissue (motion.ts): a translucent sheet over the names that lifts away once. */
:root[data-kit="beaux-arts-gilt"] #welcome .bag-tissue {
  position: absolute;
  z-index: 2;
  inset: -0.18em -0.5em -0.12em;
  background:
    linear-gradient(
      176deg,
      rgba(255, 255, 255, 0.55),
      rgba(255, 255, 255, 0.2) 60%,
      rgba(255, 255, 255, 0.4)
    ),
    color-mix(in srgb, var(--bag-card) 78%, transparent);
  border: 1px solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 10px 24px -14px rgba(16, 20, 24, 0.35);
  pointer-events: none;
  transform-origin: 50% 0;
}

/* ---------- Countdown: the ballroom on the night before, under a portico ---------- */
:root[data-kit="beaux-arts-gilt"] #countdown {
  --ink: var(--bag-night);
  --ink-2: var(--bag-night-2);
  --cream: var(--bag-night-text);
  --gold: var(--bag-night-gilt);
  --muted: rgba(244, 240, 230, 0.78);
  --bag-bg:
    linear-gradient(180deg, rgba(16, 20, 24, 0.94), rgba(16, 20, 24, 0.8) 45%, rgba(16, 20, 24, 0.94)),
    var(--bag-img-ballroom) center 55% / cover no-repeat, var(--bag-night);
  color: var(--cream);
  max-width: none;
  padding-top: clamp(5rem, 12vh, 7.5rem);
  padding-bottom: clamp(4.5rem, 11vh, 6.5rem);
}
:root[data-kit="beaux-arts-gilt"] #countdown .lf-num {
  position: relative;
  display: grid;
  place-items: center;
  width: min(18rem, 76vw);
  aspect-ratio: 260 / 220;
  margin: 0 auto;
  padding-top: calc(min(18rem, 76vw) * 0.2); /* under the pediment, between the columns */
  line-height: 1;
  font-family: var(--font-headings);
  font-weight: 400;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: calc(clamp(4rem, 15vw, 6rem) * var(--headings-scale, 1));
  letter-spacing: 0.01em;
}
:root[data-kit="beaux-arts-gilt"] #countdown .lf-num::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--gold);
  opacity: 0.9;
  -webkit-mask: var(--bag-el-portico) center / 100% 100% no-repeat;
  mask: var(--bag-el-portico) center / 100% 100% no-repeat;
}
:root[data-kit="beaux-arts-gilt"] #countdown .eyebrow {
  margin-top: 1.6rem;
  margin-bottom: 0;
}

/* ---------- Story: a cotton ground; the ring box before the gilt-framed painting (motion.ts draws the frame);
   crystal drops on the timeline ---------- */
:root[data-kit="beaux-arts-gilt"] #story {
  --bag-bg: var(--bag-img-paper) center / 700px repeat, var(--ink);
  --bag-blend: multiply;
}
:root[data-kit="beaux-arts-gilt"] #story .bag-portrait {
  position: relative;
  width: 100%;
  max-width: 40rem;
  aspect-ratio: 16 / 9;
  margin: 2.6rem 0 3.4rem;
  padding: 0;
}
:root[data-kit="beaux-arts-gilt"] #story .bag-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% 50%;
  background: var(--bag-marble);
  box-shadow: 0 30px 50px -30px rgba(16, 20, 24, 0.6);
}
/* The gilt frame: four foil bars a little outside the photograph (motion.ts strokes them on in turn, then the
   corner rosettes settle). Static and complete without motion. */
:root[data-kit="beaux-arts-gilt"] #story .bag-portrait .bag-bar {
  position: absolute;
  background: var(--bag-foil);
  box-shadow: 0 0 0 1px rgba(122, 90, 34, 0.35);
}
:root[data-kit="beaux-arts-gilt"] #story .bag-portrait .bag-bar.t {
  top: -12px;
  left: -12px;
  right: -12px;
  height: 6px;
  transform-origin: 0 50%;
}
:root[data-kit="beaux-arts-gilt"] #story .bag-portrait .bag-bar.r {
  top: -12px;
  bottom: -12px;
  right: -12px;
  width: 6px;
  transform-origin: 50% 0;
}
:root[data-kit="beaux-arts-gilt"] #story .bag-portrait .bag-bar.b {
  bottom: -12px;
  left: -12px;
  right: -12px;
  height: 6px;
  transform-origin: 100% 50%;
}
:root[data-kit="beaux-arts-gilt"] #story .bag-portrait .bag-bar.l {
  top: -12px;
  bottom: -12px;
  left: -12px;
  width: 6px;
  transform-origin: 50% 100%;
}
:root[data-kit="beaux-arts-gilt"] #story .bag-portrait::after {
  /* the inner hairline of the moulding */
  content: "";
  position: absolute;
  inset: -4px;
  border: 1px solid color-mix(in srgb, var(--bag-gilt) 75%, transparent);
  pointer-events: none;
}
:root[data-kit="beaux-arts-gilt"] #story .bag-portrait .bag-rosette {
  position: absolute;
  z-index: 1;
  width: 44px;
  height: 44px;
  background: var(--bag-foil);
  -webkit-mask: var(--bag-el-corner) center / contain no-repeat;
  mask: var(--bag-el-corner) center / contain no-repeat;
}
:root[data-kit="beaux-arts-gilt"] #story .bag-portrait .bag-rosette:nth-of-type(1) {
  top: -16px;
  left: -16px;
}
:root[data-kit="beaux-arts-gilt"] #story .bag-portrait .bag-rosette:nth-of-type(2) {
  top: -16px;
  right: -16px;
  transform: scaleX(-1);
}
:root[data-kit="beaux-arts-gilt"] #story .bag-portrait .bag-rosette:nth-of-type(3) {
  bottom: -16px;
  left: -16px;
  transform: scaleY(-1);
}
:root[data-kit="beaux-arts-gilt"] #story .bag-portrait .bag-rosette:nth-of-type(4) {
  bottom: -16px;
  right: -16px;
  transform: scale(-1);
}
:root[data-kit="beaux-arts-gilt"] .lf-tl::before,
:root[data-kit="beaux-arts-gilt"] .lf-sched::before {
  width: 1px;
  background: linear-gradient(var(--bag-gilt), color-mix(in srgb, var(--bag-gilt) 12%, transparent));
}
:root[data-kit="beaux-arts-gilt"] .lf-tl li::before,
:root[data-kit="beaux-arts-gilt"] .lf-sched li::before {
  left: 2px;
  top: 2px;
  width: 11px;
  height: 22px;
  border: 0;
  transform: none;
  background: var(--bag-gilt);
  -webkit-mask: var(--bag-el-drop) center / contain no-repeat;
  mask: var(--bag-el-drop) center / contain no-repeat;
}
:root[data-kit="beaux-arts-gilt"] .lf-tl h3,
:root[data-kit="beaux-arts-gilt"] .lf-sched h3 {
  font-size: calc(1.75rem * var(--headings-scale, 1));
  margin-bottom: 0.5rem;
}

/* ---------- The day: the chandelier hangs from the top of the section (motion.ts makes it glint once); a framed
   photograph of the long table in the hall of columns ---------- */
:root[data-kit="beaux-arts-gilt"] #day {
  --bag-img: var(--bag-img-table);
  padding-top: calc(clamp(5rem, 12vh, 9rem) + 5.5rem);
}
:root[data-kit="beaux-arts-gilt"] #day::before,
:root[data-kit="beaux-arts-gilt"] #day .bag-chand {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: clamp(8.5rem, 22vw, 11rem);
  aspect-ratio: 1;
  transform: translateX(-50%);
  pointer-events: none;
  -webkit-mask: var(--bag-el-chandelier) center top / contain no-repeat;
  mask: var(--bag-el-chandelier) center top / contain no-repeat;
}
:root[data-kit="beaux-arts-gilt"] #day::before {
  background: var(--bag-foil);
}
:root[data-kit="beaux-arts-gilt"] #day .bag-chand {
  overflow: hidden;
}
:root[data-kit="beaux-arts-gilt"] #day .bag-chand-sparks {
  position: absolute;
  top: 0;
  left: 50%;
  width: clamp(8.5rem, 22vw, 11rem);
  aspect-ratio: 1;
  transform: translateX(-50%);
  pointer-events: none;
}
:root[data-kit="beaux-arts-gilt"] #day .bag-chand i {
  position: absolute;
  inset: -20% -60%;
  background: linear-gradient(
    100deg,
    transparent 38%,
    rgba(255, 252, 240, 0.95) 49%,
    rgba(255, 246, 220, 0.6) 53%,
    transparent 62%
  );
  opacity: 0;
}
:root[data-kit="beaux-arts-gilt"] #day .lf-place {
  font-family: var(--font-headings);
  font-style: italic;
  font-size: 1.05rem;
  color: var(--bag-gilt-deep);
  opacity: 1;
}
:root[data-kit="beaux-arts-gilt"] #day .item {
  padding-top: 1.2rem;
  border-top: 1px solid color-mix(in srgb, var(--bag-ink) 22%, transparent);
}
:root[data-kit="beaux-arts-gilt"] #day > ol::after {
  margin: 1rem auto 0;
}
/* Below 960px the framed photograph sits in the list's flow, so stop the gilt line at the last event instead of
   running it on past the photograph. */
@media (max-width: 959px) {
  :root[data-kit="beaux-arts-gilt"] #day > ol.lf-sched::before {
    bottom: calc(6px + 1rem + min(14rem, 60vw) * 4 / 3);
  }
}
@media (min-width: 760px) {
  :root[data-kit="beaux-arts-gilt"] .lf-sched li::before {
    left: calc(9.5rem - 5px);
  }
}
@media (min-width: 960px) {
  :root[data-kit="beaux-arts-gilt"] #day:has(> ol) {
    padding-right: calc(var(--gutter) + 17rem);
  }
  :root[data-kit="beaux-arts-gilt"] #day > ol::after {
    position: absolute;
    right: -17rem;
    top: 0;
    width: 14rem;
    margin: 0;
  }
}

/* ---------- Dress code: a marble panel; white cards with a black hairline and gilt corners; the tailcoat and the
   gown as one more framed cell ---------- */
:root[data-kit="beaux-arts-gilt"] #dress-code {
  --bag-bg: var(--bag-img-marble) center / 900px repeat, var(--ink-2);
  --bag-blend: multiply;
  --bag-img: var(--bag-img-tailcoat);
}
:root[data-kit="beaux-arts-gilt"] :is(#dress-code, #hotels) .lf-cards::after,
:root[data-kit="beaux-arts-gilt"] #registry .lf-links::after {
  align-self: center;
  width: min(13rem, 56vw);
  margin: 0.6rem auto;
  order: -1;
}
@media (min-width: 760px) {
  :root[data-kit="beaux-arts-gilt"] :is(#dress-code, #hotels) .lf-cards::after {
    order: 0;
  }
  /* Registry: the gift table between the two cards. */
  :root[data-kit="beaux-arts-gilt"] #registry .lf-links::after {
    order: 1;
  }
  :root[data-kit="beaux-arts-gilt"] #registry .lf-links > :nth-child(n + 2) {
    order: 2;
  }
}
:root[data-kit="beaux-arts-gilt"] :is(#dress-code, #hotels, #registry) .lf-card {
  position: relative;
  justify-items: center;
  text-align: center;
  padding: 2.6rem 1.9rem 2.3rem;
  background: var(--bag-paper);
  border: 1px solid color-mix(in srgb, var(--bag-ink) 78%, transparent);
  border-radius: 0;
  box-shadow:
    inset 0 0 0 5px var(--bag-paper),
    inset 0 0 0 6px color-mix(in srgb, var(--bag-gilt) 55%, transparent),
    0 22px 40px -30px rgba(16, 20, 24, 0.5);
}
:root[data-kit="beaux-arts-gilt"] :is(#dress-code, #hotels, #registry) .lf-card::before,
:root[data-kit="beaux-arts-gilt"] :is(#dress-code, #hotels, #registry) .lf-card::after,
:root[data-kit="beaux-arts-gilt"] #rsvp form::before,
:root[data-kit="beaux-arts-gilt"] #rsvp form::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background: var(--bag-foil);
  -webkit-mask: var(--bag-el-corner) center / contain no-repeat;
  mask: var(--bag-el-corner) center / contain no-repeat;
  pointer-events: none;
}
:root[data-kit="beaux-arts-gilt"] :is(#dress-code, #hotels, #registry) .lf-card::before,
:root[data-kit="beaux-arts-gilt"] #rsvp form::before {
  top: -7px;
  left: -7px;
}
:root[data-kit="beaux-arts-gilt"] :is(#dress-code, #hotels, #registry) .lf-card::after,
:root[data-kit="beaux-arts-gilt"] #rsvp form::after {
  right: -7px;
  bottom: -7px;
  transform: rotate(180deg);
}
:root[data-kit="beaux-arts-gilt"] .lf-card h3 {
  font-size: calc(1.6rem * var(--headings-scale, 1));
  margin-bottom: 0.5rem;
}
:root[data-kit="beaux-arts-gilt"] .lf-card .lf-meta {
  margin-bottom: 0.7rem;
}
:root[data-kit="beaux-arts-gilt"] .lf-swatches {
  justify-content: center;
  gap: 0.55rem;
}
:root[data-kit="beaux-arts-gilt"] .lf-swatches li {
  width: 22px;
  height: 34px;
  border-radius: 0;
  border: 1px solid color-mix(in srgb, var(--bag-ink) 55%, transparent);
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.55),
    0 0 0 3px var(--bag-paper),
    0 0 0 4px color-mix(in srgb, var(--bag-gilt) 60%, transparent);
  margin: 0 3px;
}
:root[data-kit="beaux-arts-gilt"] .lf-cards {
  gap: 1.8rem;
}

/* ---------- Travel: the forecourt at dusk, the car waiting with its ribbon; text on an ivory card ---------- */
:root[data-kit="beaux-arts-gilt"] #travel {
  --bag-bg: var(--bag-img-forecourt) 30% 62% / cover no-repeat, var(--bag-night);
  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="beaux-arts-gilt"] #travel p {
  margin-left: auto;
  margin-right: auto;
}

/* ---------- Hotels: marble; white cards under a small laurel wreath; the turndown tray as one framed cell ---------- */
:root[data-kit="beaux-arts-gilt"] #hotels {
  --bag-bg: var(--bag-img-marble) center / 900px repeat, var(--ink);
  --bag-blend: multiply;
  --bag-img: var(--bag-img-turndown);
}
:root[data-kit="beaux-arts-gilt"] #hotels .lf-card h3::before {
  content: "";
  display: block;
  width: 30px;
  height: 31px;
  margin: 0 auto 0.9rem;
  background: var(--bag-gilt);
  -webkit-mask: var(--bag-el-wreath) center / contain no-repeat;
  mask: var(--bag-el-wreath) center / contain no-repeat;
}

/* ---------- Stay: cotton paper with a faint laurel wreath ---------- */
:root[data-kit="beaux-arts-gilt"] #stay {
  --bag-bg: var(--bag-img-paper) center / 700px repeat, var(--ink);
  --bag-blend: multiply;
}
:root[data-kit="beaux-arts-gilt"] #stay::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 2.5rem;
  width: min(220px, 46vw);
  aspect-ratio: 120 / 122;
  background: var(--bag-gilt);
  opacity: 0.16;
  -webkit-mask: var(--bag-el-wreath) center / contain no-repeat;
  mask: var(--bag-el-wreath) center / contain no-repeat;
}

/* ---------- FAQ: the order of service under a rose on the newel; hairline rows, a crystal drop that hangs when
   a row opens ---------- */
:root[data-kit="beaux-arts-gilt"] #faq {
  --bag-bg: var(--ink);
  --bag-img: var(--bag-img-newel);
}
:root[data-kit="beaux-arts-gilt"] #faq::before {
  width: min(11rem, 50vw);
  margin-bottom: 4.6rem;
}
@media (min-width: 960px) {
  :root[data-kit="beaux-arts-gilt"] #faq {
    padding-right: calc(var(--gutter) + 17rem);
  }
  :root[data-kit="beaux-arts-gilt"] #faq::before {
    position: absolute;
    right: 0;
    top: calc(clamp(5rem, 12vh, 9rem) + 4.4rem);
    width: 14rem;
    margin: 0;
  }
}
:root[data-kit="beaux-arts-gilt"] .lf-acc {
  border-top: 1px solid color-mix(in srgb, var(--bag-ink) 70%, transparent);
}
:root[data-kit="beaux-arts-gilt"] .lf-acc details {
  border-bottom: 1px solid color-mix(in srgb, var(--bag-ink) 18%, transparent);
  transition: background-color 0.35s ease;
}
:root[data-kit="beaux-arts-gilt"] .lf-acc details:last-child {
  border-bottom-color: color-mix(in srgb, var(--bag-ink) 70%, transparent);
}
:root[data-kit="beaux-arts-gilt"] .lf-acc details[open] {
  background: color-mix(in srgb, var(--bag-paper) 70%, transparent);
  box-shadow: inset 2px 0 0 var(--bag-gilt);
}
:root[data-kit="beaux-arts-gilt"] .lf-acc summary {
  padding: 1.35rem 1rem 1.35rem 1rem;
  font-size: calc(1.45rem * var(--headings-scale, 1));
  transition: color 0.2s ease;
}
:root[data-kit="beaux-arts-gilt"] .lf-acc summary:hover {
  color: var(--bag-gilt-deep);
}
:root[data-kit="beaux-arts-gilt"] .lf-acc summary:focus-visible {
  outline: 2px solid var(--bag-ink);
  outline-offset: 2px;
}
:root[data-kit="beaux-arts-gilt"] .lf-acc details p {
  padding: 0 1rem;
}
:root[data-kit="beaux-arts-gilt"] .lf-acc summary i {
  flex: 0 0 12px;
  height: 24px;
  transform: rotate(-90deg);
  transition: transform 0.5s var(--bag-ease);
}
:root[data-kit="beaux-arts-gilt"] .lf-acc summary i::before {
  inset: 0;
  height: auto;
  background: var(--bag-gilt);
  -webkit-mask: var(--bag-el-drop) center / contain no-repeat;
  mask: var(--bag-el-drop) center / contain no-repeat;
}
:root[data-kit="beaux-arts-gilt"] .lf-acc summary i::after {
  display: none;
}
:root[data-kit="beaux-arts-gilt"] .lf-acc details[open] summary i {
  transform: rotate(0deg);
}

/* ---------- Registry: marble; white link cards that lift; the gift table between them ---------- */
:root[data-kit="beaux-arts-gilt"] #registry {
  --bag-bg: var(--bag-img-marble) center / 900px repeat, var(--ink);
  --bag-blend: multiply;
  --bag-img: var(--bag-img-gifts);
}
:root[data-kit="beaux-arts-gilt"] a.lf-card {
  transition:
    transform 0.4s var(--bag-ease),
    box-shadow 0.4s var(--bag-ease),
    border-color 0.25s ease;
}
:root[data-kit="beaux-arts-gilt"] a.lf-card:hover {
  transform: translateY(-4px);
  border-color: var(--bag-ink);
  box-shadow:
    inset 0 0 0 5px var(--bag-paper),
    inset 0 0 0 6px var(--bag-gilt),
    0 30px 50px -28px rgba(16, 20, 24, 0.6);
}
:root[data-kit="beaux-arts-gilt"] a.lf-card:active {
  transform: translateY(-1px);
}
:root[data-kit="beaux-arts-gilt"] a.lf-card:focus-visible {
  outline: 2px solid var(--bag-ink);
  outline-offset: 5px;
}

/* ---------- RSVP: the gallery of columns; an ivory card; the gilt doors part and the train slides over the
   threshold (motion.ts); a white reply card with gilt corners ---------- */
:root[data-kit="beaux-arts-gilt"] #rsvp {
  --bag-bg:
    linear-gradient(rgba(16, 20, 24, 0.25), rgba(16, 20, 24, 0.25)),
    var(--bag-img-gallery) center 50% / cover no-repeat, var(--bag-night);
  max-width: 44rem;
  padding: clamp(6.5rem, 14vh, 8.5rem) clamp(1.5rem, 5vw, 4rem) clamp(7rem, 16vh, 10rem);
}
:root[data-kit="beaux-arts-gilt"] #rsvp .bag-door {
  position: relative;
  width: min(12rem, 52vw);
  aspect-ratio: 100 / 150;
  margin: 0 auto 4.4rem;
}
:root[data-kit="beaux-arts-gilt"] #rsvp .bag-door > span {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: var(--bag-night);
  -webkit-mask: var(--bag-el-door) center / 100% 100% no-repeat;
  mask: var(--bag-el-door) center / 100% 100% no-repeat;
}
:root[data-kit="beaux-arts-gilt"] #rsvp .bag-door :is(video, img) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 62%;
}
/* The two gilt door leaves, panelled, that part when the RSVP arrives. */
:root[data-kit="beaux-arts-gilt"] #rsvp .bag-door b {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  background:
    linear-gradient(90deg, rgba(60, 40, 10, 0.35), transparent 12%, transparent 88%, rgba(60, 40, 10, 0.35)),
    var(--bag-foil);
  box-shadow:
    inset 0 0 0 6px rgba(122, 90, 34, 0.55),
    inset 0 0 0 7px rgba(233, 214, 164, 0.7),
    inset 0 0 0 14px rgba(122, 90, 34, 0.25),
    inset 0 0 0 15px rgba(233, 214, 164, 0.55);
}
:root[data-kit="beaux-arts-gilt"] #rsvp .bag-door b:first-of-type {
  left: 0;
}
:root[data-kit="beaux-arts-gilt"] #rsvp .bag-door b:last-of-type {
  right: 0;
}
:root[data-kit="beaux-arts-gilt"] #rsvp .bag-door::after {
  /* the double hairline doorway with its keystone, a little outside the photograph */
  content: "";
  position: absolute;
  inset: -10px -10px 0;
  background: var(--bag-gilt);
  -webkit-mask: var(--bag-el-door-frame) center / 100% 100% no-repeat;
  mask: var(--bag-el-door-frame) center / 100% 100% no-repeat;
  pointer-events: none;
}
:root[data-kit="beaux-arts-gilt"] #rsvp form {
  position: relative;
  gap: 1.1rem;
  margin-top: 2.2rem;
  padding: 2.4rem clamp(1.2rem, 4vw, 2.3rem) 2.1rem;
  background: var(--bag-paper);
  border: 1px solid color-mix(in srgb, var(--bag-ink) 78%, transparent);
  box-shadow:
    inset 0 0 0 5px var(--bag-paper),
    inset 0 0 0 6px color-mix(in srgb, var(--bag-gilt) 55%, transparent);
}
:root[data-kit="beaux-arts-gilt"] main label {
  font-family: var(--font-headings);
  font-weight: 500;
  font-size: 0.66rem;
  letter-spacing: 0.24em;
  color: var(--muted);
}
:root[data-kit="beaux-arts-gilt"] main input,
:root[data-kit="beaux-arts-gilt"] main select {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  font-size: 1.15rem;
  letter-spacing: 0;
  text-transform: none;
  color: var(--bag-ink);
  background-color: var(--bag-paper);
  border: 1px solid color-mix(in srgb, var(--bag-ink) 55%, transparent); /* 3.9:1 on white (UI boundary) */
  border-radius: 0;
  min-height: 48px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
:root[data-kit="beaux-arts-gilt"] main input::placeholder {
  color: color-mix(in srgb, var(--bag-ink) 64%, transparent);
}
:root[data-kit="beaux-arts-gilt"] main input:hover,
:root[data-kit="beaux-arts-gilt"] main select:hover {
  border-color: color-mix(in srgb, var(--bag-ink) 80%, transparent);
}
:root[data-kit="beaux-arts-gilt"] main input:focus,
:root[data-kit="beaux-arts-gilt"] main select:focus {
  outline: none;
  border-color: var(--bag-ink);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--bag-gilt) 40%, transparent);
}
:root[data-kit="beaux-arts-gilt"] main input:focus-visible,
:root[data-kit="beaux-arts-gilt"] main select:focus-visible {
  outline: 2px solid var(--bag-ink);
  outline-offset: 2px;
}
:root[data-kit="beaux-arts-gilt"] main select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 2.6rem;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--bag-ink) 50%),
    linear-gradient(135deg, var(--bag-ink) 50%, transparent 50%);
  background-position:
    calc(100% - 20px) 52%,
    calc(100% - 14px) 52%;
  background-size: 6px 6px;
  background-repeat: no-repeat;
}
:root[data-kit="beaux-arts-gilt"] #rsvp .note {
  font-size: 1.05rem;
  font-style: italic;
  color: var(--muted);
  text-align: center;
}

/* ---------- Buttons: primary (onyx, square, gilt hairline on hover), secondary (black hairline), link ---------- */
:root[data-kit="beaux-arts-gilt"] 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(--font-headings);
  font-weight: 500;
  font-size: 0.7rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--bag-ink);
  background: transparent;
  border: 1px solid var(--bag-ink);
  border-radius: 0;
  box-shadow:
    inset 0 0 0 3px var(--bag-card),
    inset 0 0 0 4px color-mix(in srgb, var(--bag-ink) 35%, transparent);
  transition:
    background-color 0.35s ease,
    color 0.35s ease,
    transform 0.15s ease,
    box-shadow 0.35s ease;
}
:root[data-kit="beaux-arts-gilt"] main .btn:hover {
  background: var(--bag-ink);
  color: var(--bag-on-onyx);
  box-shadow:
    inset 0 0 0 3px var(--bag-ink),
    inset 0 0 0 4px var(--bag-gilt);
}
:root[data-kit="beaux-arts-gilt"] main .btn:active {
  transform: translateY(1px);
}
:root[data-kit="beaux-arts-gilt"] main .btn:focus-visible {
  outline: 2px solid var(--bag-ink);
  outline-offset: 4px;
}
/* Primary: the RSVP submit. Onyx, a gilt hairline and one foil sweep on hover, pressed on click. */
:root[data-kit="beaux-arts-gilt"] main button.btn[type="submit"] {
  width: 100%;
  margin-top: 0.8rem;
  color: var(--bag-on-onyx);
  background: var(--bag-onyx);
  border-color: var(--bag-onyx);
  box-shadow:
    inset 0 0 0 3px var(--bag-onyx),
    inset 0 0 0 4px rgba(244, 240, 230, 0.22),
    0 12px 24px -14px rgba(16, 20, 24, 0.8);
}
:root[data-kit="beaux-arts-gilt"] main button.btn[type="submit"]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(233, 214, 164, 0.32) 50%, transparent 65%);
  transform: translateX(-110%);
  transition: transform 1s var(--bag-ease);
  pointer-events: none;
}
:root[data-kit="beaux-arts-gilt"] main button.btn[type="submit"]:hover {
  color: var(--bag-on-onyx);
  background: var(--bag-ink);
  border-color: var(--bag-ink);
  box-shadow:
    inset 0 0 0 3px var(--bag-ink),
    inset 0 0 0 4px var(--bag-gilt),
    0 16px 28px -14px rgba(16, 20, 24, 0.9);
}
:root[data-kit="beaux-arts-gilt"] main button.btn[type="submit"]:hover::after {
  transform: translateX(110%);
}
:root[data-kit="beaux-arts-gilt"] main button.btn[type="submit"]:active {
  transform: translateY(1px);
  box-shadow:
    inset 0 2px 6px rgba(0, 0, 0, 0.45),
    inset 0 0 0 4px rgba(185, 148, 79, 0.6);
}
:root[data-kit="beaux-arts-gilt"] main button.btn:disabled {
  opacity: 0.6;
}
/* Link: small caps in deep gilt, an underline that draws in. */
:root[data-kit="beaux-arts-gilt"] main .lf-link {
  display: inline-block;
  padding-bottom: 3px;
  font-family: var(--font-headings);
  font-weight: 500;
  font-size: 0.68rem;
  letter-spacing: 0.24em;
  color: var(--bag-gilt-deep);
  background: linear-gradient(currentColor, currentColor) 0 100% / 0% 1px no-repeat;
  transition: background-size 0.5s var(--bag-ease);
}
:root[data-kit="beaux-arts-gilt"] main a:hover .lf-link,
:root[data-kit="beaux-arts-gilt"] main a.lf-link:hover,
:root[data-kit="beaux-arts-gilt"] main a.lf-link:focus-visible {
  background-size: 100% 1px;
}
:root[data-kit="beaux-arts-gilt"] main a.lf-link:focus-visible {
  outline: 2px solid var(--bag-ink);
  outline-offset: 3px;
}

/* ---------- Footer: the send-off on the front steps at night, under the ballroom-night band ---------- */
:root[data-kit="beaux-arts-gilt"] footer {
  --gold: var(--bag-night-gilt);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-height: clamp(26rem, 66vh, 36rem);
  padding-top: 4.5rem;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1rem;
  color: rgba(244, 240, 230, 0.78);
  background:
    linear-gradient(
      180deg,
      var(--bag-night) 0%,
      rgba(16, 20, 24, 0.45) 24%,
      rgba(16, 20, 24, 0.2) 46%,
      rgba(16, 20, 24, 0.86) 74%,
      var(--bag-night) 100%
    ),
    var(--bag-img-send-off) center 40% / cover no-repeat,
    var(--bag-night);
  border-top: 0;
}
:root[data-kit="beaux-arts-gilt"] footer::before {
  content: "";
  display: block;
  width: 58px;
  height: 59px;
  margin: 0 auto 1.2rem;
  background: var(--bag-night-gilt);
  -webkit-mask: var(--bag-el-wreath) center / contain no-repeat;
  mask: var(--bag-el-wreath) center / contain no-repeat;
}
:root[data-kit="beaux-arts-gilt"] footer .brand {
  font-family: var(--font-headings);
  font-weight: 500;
  font-size: 0.7rem;
  letter-spacing: 0.38em;
}

/* ---------- Motion hooks (motion.ts) ---------- */
/* Velvet: the night bands rise out of black once as they arrive. */
:root[data-kit="beaux-arts-gilt"] .bag-velvet {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: var(--bag-night);
  pointer-events: none;
}
/* The crystal glint: a four-point sparkle that flashes once on a drop. */
:root[data-kit="beaux-arts-gilt"] .bag-spark {
  position: absolute;
  z-index: 4;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
  background: radial-gradient(circle, #fffef8 0 30%, #f3e4bb 60%, rgba(233, 214, 164, 0) 72%);
  -webkit-mask: var(--bag-el-sparkle) center / contain no-repeat;
  mask: var(--bag-el-sparkle) center / contain no-repeat;
  opacity: 0;
  pointer-events: none;
  will-change: transform, opacity;
}
:root[data-kit="beaux-arts-gilt"] .bag-spark.lg {
  width: 34px;
  height: 34px;
  margin: -17px 0 0 -17px;
}
/* Falling petals (footer send-off, once) and the reply burst. */
:root[data-kit="beaux-arts-gilt"] .bag-petals,
:root[data-kit="beaux-arts-gilt"] .bag-burst {
  position: absolute;
  z-index: 3;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
:root[data-kit="beaux-arts-gilt"] .bag-burst {
  overflow: visible;
}
:root[data-kit="beaux-arts-gilt"] :is(.bag-petals, .bag-burst) i {
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform, opacity;
}
:root[data-kit="beaux-arts-gilt"] :is(.bag-petals, .bag-burst) .petal {
  width: 16px;
  height: 13px;
  margin: -6px 0 0 -8px;
  border-radius: 70% 30% 70% 30% / 60% 40% 60% 40%;
  background: radial-gradient(ellipse at 35% 35%, #ffffff, #f6f1e6 62%, #e6dccb);
  box-shadow:
    0 2px 4px rgba(16, 20, 24, 0.25),
    inset 0 0 0 0.5px rgba(16, 20, 24, 0.1);
}
:root[data-kit="beaux-arts-gilt"] .bag-burst .fleck {
  width: 7px;
  height: 7px;
  margin: -3px 0 0 -3px;
  background: var(--bag-foil);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
/* Reply sent: a black wax seal with a gilt laurel wreath and the couple's initials, pressed onto the card. */
:root[data-kit="beaux-arts-gilt"] .bag-seal {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: -48px;
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  margin-left: -48px;
  border-radius: 49% 51% 47% 53% / 52% 47% 53% 48%;
  background:
    radial-gradient(circle at 50% 50%, transparent 56%, rgba(0, 0, 0, 0.35) 58%, transparent 61%),
    radial-gradient(circle at 36% 30%, #4a4a4a, #222 46%, #0b0b0b 100%);
  box-shadow:
    inset 0 -3px 6px rgba(0, 0, 0, 0.6),
    inset 0 2px 3px rgba(255, 255, 255, 0.18),
    0 10px 18px -6px rgba(0, 0, 0, 0.6);
  pointer-events: none;
}
:root[data-kit="beaux-arts-gilt"] .bag-seal::before {
  /* the gilt wreath pressed into the wax */
  content: "";
  position: absolute;
  inset: 13px;
  background: var(--bag-foil);
  -webkit-mask: var(--bag-el-wreath) center / contain no-repeat;
  mask: var(--bag-el-wreath) center / contain no-repeat;
}
:root[data-kit="beaux-arts-gilt"] .bag-seal b {
  /* the couple's initials, in gilt */
  position: relative;
  font-family: var(--font-names), "Imperial Script", cursive;
  font-weight: 400;
  font-size: 1.9rem;
  line-height: 1;
  background: var(--bag-foil);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateY(-4px);
}

/* Ambient hero loop (hero-loop.mp4 next to the still), faded in over the photo once it can play. */
:root[data-kit="beaux-arts-gilt"] .lf-still .bag-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.8s ease;
}
:root[data-kit="beaux-arts-gilt"] .lf-still .bag-loop.on {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  :root[data-kit="beaux-arts-gilt"] section.block > h2::before,
  :root[data-kit="beaux-arts-gilt"] main .btn,
  :root[data-kit="beaux-arts-gilt"] main button.btn[type="submit"]::after,
  :root[data-kit="beaux-arts-gilt"] a.lf-card,
  :root[data-kit="beaux-arts-gilt"] .lf-acc summary i,
  :root[data-kit="beaux-arts-gilt"] .lf-acc details,
  :root[data-kit="beaux-arts-gilt"] main .lf-link,
  :root[data-kit="beaux-arts-gilt"] .lf-still .bag-loop {
    transition: none;
  }
  :root[data-kit="beaux-arts-gilt"].bag-motion section.block:not(.bag-in) > h2::before {
    clip-path: inset(0);
  }
  :root[data-kit="beaux-arts-gilt"] a.lf-card:hover {
    transform: none;
  }
}