/* Overrides layer (foundation-owned; integration applies module foundation-requests here). */
@layer overrides{
html.is-calm .stage-layer,html.is-calm .stage-canvas{transition:none}
html.is-reduced *{scroll-behavior:auto}
/* film (record) mode: in-flow site UI never appears in the MP4 */
html:is([data-film],[data-record]) [data-section="hero"] .hero-live,html[data-film] [data-section="hero"] .hero-cue{display:none !important}
html[data-record] [data-section="rings"] .rings-caption.is-in{animation:none}
html[data-record] [data-section="rings"] .rings-mabrouk{transition:none}
html[data-record] .dock *,html[data-record] .ui-header *{animation:none !important}
/* film: few words, big and calm. The driver paints the captions; the chapter blocks stay out of the MP4 */
html[data-film] :is([data-section="arrive"],[data-section="entrance"],[data-section="dinner"],[data-section="late"]) [class$="-sticky"]{visibility:hidden !important}
html[data-film] .pool-tapsky{display:none !important}
/* story lines break only between sentences or after a comma; the names never split */
:is([data-section="arrive"],[data-section="entrance"],[data-section="dinner"],[data-section="late"]) :is(.arrive-line,.entrance-line,.dinner-line,.late-line){text-wrap:balance}
.story-s{display:inline-block;text-wrap:balance;max-width:100%}
.story-nw{white-space:nowrap}
:is(.essentials-root,[data-section="essentials"],[data-section="rsvp"],[data-section="finale"]) p{text-wrap:pretty}
/* entrance: the line shows only while the couple walks in frame (kit lineWindow → --line-k) */
/* (retired: the entrance caption now holds as one block, kit.js keys.hold) */
html.is-reduced [data-section="entrance"] .entrance-line .story-s{transition:opacity .01ms}
/* late: the first firework quietly fades "Keep an eye on the sky." */
[data-section="late"] .late-line .story-s2{transition:opacity 1.4s var(--ease-silk)}
[data-section="late"].late-lit .late-line .story-s2{opacity:0}
/* the eyebrow separator: one hairline silver rhombus (5 px), the same in every chapter */
:is([data-section="arrive"],[data-section="entrance"],[data-section="dinner"],[data-section="late"]) [class$="-gem"]{display:inline-block;width:5px;height:5px;margin:0 .7em;vertical-align:.18em;transform:rotate(45deg);
  border:1px solid var(--c-silver-500);background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(233,237,240,.4))}
:is([data-section="arrive"],[data-section="entrance"],[data-section="dinner"],[data-section="late"]) [class$="-gem"] svg{display:none}
/* cards: one 1 px silver hairline (gradient), 28 px radius, a soft forest shadow, no inner second ring */
:is([data-section="essentials"] .ess-card,[data-section="rsvp"] .rsvp-card){border-radius:28px;border:1px solid transparent;
  background:linear-gradient(rgba(255,253,249,.95),rgba(255,253,249,.95)) padding-box,linear-gradient(135deg,#A9B0B6,#E9EDF0 50%,#A9B0B6) border-box;
  box-shadow:0 18px 40px rgba(62,90,69,.12)}
[data-section="rsvp"] .rsvp-card::before{display:none}
.btn--chip,.ui-lang,.dock{border-radius:999px}
}