:root{--primitive-red-deep: #cc2025;--primitive-red-mid: #C41E3A;--primitive-red-dark: #5C0000;--primitive-red-edge: #3D0000;--primitive-gold: #C9A84C;--primitive-gold-light: #E8D5A0;--primitive-gold-dim: #8A6F2E;--primitive-amber: #a3581b;--primitive-amber-deep: #7B5310;--primitive-cream: #F5F0E8;--primitive-cream-dark: #EDE5D0;--primitive-ink: #492A03;--primitive-ink-muted: #492A03;--primitive-white: #FDFAF5;--primitive-pure-white: #ffffff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2.5rem;--text-4xl: clamp(2.5rem, 6vw, 4rem);--text-hero: clamp(2.75rem, 4.6vw, 4rem);--text-hairline: clamp(1.125rem, 1.667vw, 1.5rem)}:root{--color-background: var(--primitive-white);--color-envelope-face: var(--primitive-red-deep);--color-envelope-mid: var(--primitive-red-mid);--color-envelope-dark: var(--primitive-red-dark);--color-envelope-edge: var(--primitive-red-edge);--color-gold: var(--primitive-gold);--color-gold-hover: var(--primitive-gold-light);--color-gold-shadow: var(--primitive-gold-dim);--color-ornament: var(--primitive-amber);--color-bg-ornament: var(--primitive-amber-deep);--color-card-bg: var(--primitive-pure-white);--color-letter-bg: var(--primitive-cream);--color-letter-shadow: var(--primitive-cream-dark);--color-text-primary: var(--primitive-ink);--color-text-secondary: var(--primitive-ink-muted);--color-text-on-red: var(--primitive-gold);--font-editorial: "Cormorant Garamond", serif;--font-mono: "DM Mono", monospace;--font-features-hairline: "dlig" 1, "hlig" 1, "ss01" 1, "lnum" 1, "pnum" 1;--font-features-date: "dlig" 1, "hlig" 1, "lnum" 1, "pnum" 1;--font-features-hero: "ordn" 1, "dlig" 1, "hlig" 1, "ss01" 1, "ss03" 1, "ss04" 1, "ss08" 1, "ss09" 1, "ss10" 1, "ss13" 1, "cv01" 1, "cv02" 1, "cv03" 1, "cv04" 1, "cv05" 1;--ease-luxury: cubic-bezier(.16, 1, .3, 1);--ease-unfold: cubic-bezier(.4, 0, .2, 1);--ease-reveal: cubic-bezier(.22, 1, .36, 1);--ease-settle: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .6s;--dur-base: .9s;--dur-slow: 1.4s;--dur-cinematic: 2.2s;--shadow-card: 0 7px 16px rgba(0, 0, 0, .11), 0 29px 29px rgba(0, 0, 0, .1), 0 66px 40px rgba(0, 0, 0, .06), 0 117px 47px rgba(0, 0, 0, .02)}:root{--scene-max-w: 600px;--scene-width: min(var(--scene-max-w), 92vw, calc(92vh * 3 / 5));--scene-height: min(calc(var(--scene-width) * 5 / 3), 92vh);--envelope-width: min(82cqw, calc(85cqh / 1.775));--envelope-height: calc(var(--envelope-width) * 1.775);--envelope-radius: 6px;--card-width: calc(var(--envelope-width) - 2rem);--card-pad: clamp(20px, 7cqh, 64px);--card-gap: clamp(16px, 4cqh, 48px);--card-radius: 8px;--text-card-date: clamp(1.5rem, 2.5vw, 2.25rem);--letter-width: min(560px, 90vw);--letter-padding: clamp(2rem, 6vw, 4rem);--section-gap: clamp(6rem, 15vh, 12rem);--ornament-size: 82px;--bg-ornament-size: min(100vh, 100vw);--bg-ornament-opacity: .03;--bg-ornament-drift: 40vh;--hero-pad-top: 4rem;--hero-stack-gap: 16px;--hero-rule-width: 80px;--hero-rule-height: 1px;--envelope-top: 38cqh;--envelope-end: 130cqh;--envelope-tuck: 72cqh;--card-top: 35cqh;--scroll-arrow-bottom: 4vh}@media (max-width: 640px){:root{--ornament-size: 40px;--bg-ornament-size: min(200vh, 200vw);--card-top: 25cqh;--envelope-top: 25cqh;--hero-pad-top: 1rem;--text-hero: 2rem;--text-hairline: 1rem;--hero-stack-gap: .5rem}.scroll-indicator{display:none}}@media (max-height: 640px){:root{--hero-pad-top: 1rem;--hero-stack-gap: .4rem;--text-hero: clamp(2rem, 7vh, 3rem);--text-hairline: clamp(.875rem, 2.5vh, 1.25rem);--ornament-size: 48px;--bg-ornament-size: min(200vh, 200vw);--card-pad: clamp(16px, 4cqh, 32px);--card-gap: clamp(12px, 3cqh, 24px)}.scroll-indicator{display:none}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}html,body{overflow-x:hidden}body{background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-editorial)}.scroll-container{min-height:250vh}.red-envelope-svg>svg,.bg-ornament-svg>svg{width:100%;height:100%;display:block}.invitation-email-link:focus{outline:none}.invitation-email-link:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px;border-radius:2px}
