:root{--paper:#f6f2e9;--ink:#424a37;--olive:#596047;--gold:#9b8051;--sans:'DM Sans',sans-serif;--serif:'Cormorant Garamond',Georgia,serif}*{box-sizing:border-box}html{background:var(--paper);scroll-padding-top:55px}body{margin:0;color:var(--ink);font-family:var(--serif);background:#e6e1d6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.sound-toggle{position:fixed;z-index:20;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));font:.75rem var(--sans);min-height:44px;min-width:112px;padding:9px 15px;border:1px solid #a5ac9588;background:#f7f4eae8;border-radius:24px;color:var(--ink);box-shadow:0 2px 12px #49452a12}.skip-link{position:fixed;z-index:30;top:10px;left:10px;padding:12px;background:var(--paper);color:var(--ink);transform:translateY(-200%)}.skip-link:focus{transform:none}
.opening-story{height:225vh;height:225svh;position:relative}.sticky-scene{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;background:radial-gradient(#f8f4eb,#dfd9cc);overflow:hidden;perspective:1600px}.envelope-scene{position:relative;width:min(100vw,56.25vh);width:min(100vw,56.25svh);aspect-ratio:9/16;perspective:1400px;isolation:isolate}.exact-poster,.photo-layer{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.exact-poster{z-index:6;object-fit:contain}.envelope-lining{position:absolute;inset:0;background:#d7d0bd;z-index:0}.envelope-body{z-index:3;filter:drop-shadow(0 -2px 2px #51472f33)}.moving-flap{position:absolute;inset:0;z-index:4;transform-origin:center top;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;transform:rotateX(0deg)}.moving-seal{z-index:5;will-change:transform,opacity}.emerging-letter{position:absolute;z-index:2;inset:6% 6% 12%;background:linear-gradient(#f7f3e8aa,#f7f3e8aa),url('botanical-paper.jpg') center/cover;box-shadow:0 5px 20px #3f382a33;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;transform:translateY(20%);will-change:transform}.emerging-letter:before{content:'';position:absolute;inset:12px;border:1px solid #baa77b55}.emerging-letter h1{font-size:clamp(3rem,10vw,4.4rem);line-height:.95;font-weight:400;letter-spacing:.02em;margin:20px 0}.emerging-letter h1 i{font-size:.5em;line-height:1.5;color:var(--gold)}.scroll-cue{position:absolute;z-index:8;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:90%;padding:12px 18px;text-align:center;background:#f8f5eadf;color:#49513b;text-decoration:none;font:.75rem/1.5 var(--sans);border:1px solid #b2b49d55;border-radius:3px}.scroll-cue span{display:block;font-size:.6875rem;color:#70765e}
.invitation-flow{position:relative;z-index:10;max-width:650px;margin:0 auto;background:var(--paper);box-shadow:0 0 60px #453e2517}.invitation-section{position:relative;isolation:isolate;background:var(--paper);border-bottom:1px solid #c5b79355;overflow:clip;scroll-margin-top:50px}.invitation-section:before{content:'';position:absolute;inset:0;background:url('botanical-paper.jpg') center/100% 100%;opacity:.2;z-index:-1;pointer-events:none}.invitation-section.invitation:before{opacity:.85}.section-inner{position:relative;z-index:2;text-align:center;display:flex;align-items:center;flex-direction:column;padding:90px 34px;min-height:650px;justify-content:center}.eyebrow{font:400 .6875rem/1.6 var(--sans);letter-spacing:.18em;margin:0 0 25px}.intro{font-size:1.25rem;line-height:1.4;margin:0 0 28px}.names{font-size:clamp(3.5rem,13vw,5.2rem);line-height:.95;font-weight:400;letter-spacing:.025em;margin:15px 0}.names em{display:block;font-size:.48em;line-height:1.5;color:var(--gold)}.gold-rule{width:40px;height:1px;background:var(--gold);margin:28px 0}.date-line{font:.75rem/1.6 var(--sans);letter-spacing:.14em;margin:12px 0}.year{font-size:1.8rem;letter-spacing:.18em;margin:0}.invitation .section-inner{min-height:90vh;min-height:90svh;padding:100px 25px}h2{font-size:clamp(2.7rem,10vw,3.5rem);font-weight:400;line-height:1.05;margin:0 0 34px;letter-spacing:-.015em}h2 em{font-weight:400}.month{font:.875rem var(--sans);letter-spacing:.13em;margin:8px 0 28px}.month span{color:#897853;margin-left:8px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);width:100%;max-width:340px;gap:9px 0;font-size:1.3rem}.calendar>span,.weekday{height:36px;display:flex;align-items:center;justify-content:center}.weekday{font:.75rem var(--sans);color:#707961}.chosen{border:1px solid #9b8659;border-radius:50%;background:#e8e6d8;box-shadow:inset 0 0 0 3px #f8f5ec}.details .section-inner{padding:90px 30px}.event{padding:12px 0 35px;width:100%;max-width:360px}.event+.event{border-top:1px solid #a99c784d;padding-top:35px}.time{font-size:2.6rem;line-height:1.1;color:#89784e;margin:0 0 10px}.time span{font-size:1.3rem}h3{font-size:1.8rem;line-height:1.15;font-weight:400;margin:10px 0}.pending{font:1rem/1.5 var(--sans);margin:8px 0 16px}.directions{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;border:1px solid #929779;border-radius:3px;background:#f3f1e8cf;color:#4e5940;font:.875rem/1.4 var(--sans);text-decoration:none;letter-spacing:.025em}.directions:hover{background:#e6e8db}.dress{width:100%;max-width:360px;border-top:1px solid #a99c784d;padding-top:30px;margin:0}.dress .eyebrow{margin-bottom:10px}.dress>p:last-child{font-size:1.8rem;margin:0}.couple{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.23;filter:saturate(.3) sepia(.08);z-index:0}.photo-veil{position:absolute;inset:0;background:linear-gradient(#f6f2e9ed,#f6f2e955 40%,#f6f2e9 100%);z-index:1}.closing .section-inner{min-height:850px;justify-content:flex-end;padding-top:220px;padding-bottom:100px}.closing .eyebrow{position:absolute;top:80px}.closing p:not(.eyebrow):not(.date-line){font-size:1.5rem;line-height:1.4}.signature{font-size:2.2rem!important;margin:25px 0 10px}.signature i{color:var(--gold)}
.address-panel{position:fixed;width:min(390px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:48px 24px 30px;text-align:center;border:1px solid #aca084;background:linear-gradient(#f6f2e9e8,#f6f2e9e8),url('botanical-paper.jpg') center/cover;color:var(--ink);box-shadow:0 14px 50px #302c2055}.address-panel::backdrop{background:#3b4335b8}.address-panel .eyebrow{margin:0 0 18px}.address-panel h2{font-size:2.1rem;margin:0 0 18px}.address-panel p:not(.eyebrow){font:1rem/1.6 var(--sans);margin:0 0 22px}.address-close{position:absolute;top:7px;right:7px;width:40px;height:40px;border:0;background:transparent;color:var(--olive);font-size:1.7rem}#church-heading{font-size:1.75rem;line-height:1.15}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:800px){.invitation-flow{margin-top:0}.section-inner{padding:110px 65px}.invitation .section-inner{min-height:850px}.opening-story{height:215svh}}
@media(prefers-reduced-motion:reduce){.opening-story{height:100vh;height:100svh}.sticky-scene{position:relative}.exact-poster{opacity:1!important}.moving-flap,.moving-seal,.emerging-letter,.envelope-body,.envelope-lining{visibility:hidden}.scroll-cue{opacity:1!important}*{scroll-behavior:auto!important}}
.emerging-letter{opacity:0}.envelope-body{will-change:transform}
.opening-story.art-failed{height:100vh;height:100svh}.art-failed .sticky-scene{position:relative}.art-failed .exact-poster{opacity:1!important}.art-failed .moving-flap,.art-failed .moving-seal,.art-failed .emerging-letter,.art-failed .envelope-body,.art-failed .envelope-lining{visibility:hidden}