:root{--ink:#593a21;--gold:#aa7b36;--paper:#f3e6d1;--wine:#74242b;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Cormorant Garamond',Georgia,serif;-webkit-font-smoothing:antialiased;overflow-x:clip}body.locked{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:8px}::selection{background:#b9873a44}.eyebrow{font:400 .875rem/1.8 'Jost',Arial,sans-serif;text-transform:uppercase;letter-spacing:.23em;margin:0;color:#755328}.intro{display:none;position:fixed;inset:0;z-index:20;place-items:center;background:#231b13;perspective:1600px;isolation:isolate;transition:visibility 0s 1.9s}.js .intro{display:grid}.intro-ambience{position:absolute;inset:0;background:linear-gradient(#23170888,#201309bb),url('art/temple-mobile.webp') center 70%/cover;filter:blur(12px);transform:scale(1.08);z-index:-1;transition:opacity 1.4s .4s}.envelope-stage{position:relative;height:94svh;width:52.91svh;max-width:570px;max-height:1013px;box-shadow:0 28px 100px #11090488,0 0 0 1px #efd6a540,0 0 0 7px #efd6a509;isolation:isolate;transition:box-shadow .6s}.envelope-stage>picture{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.envelope-stage>picture img{width:100%;height:100%;object-fit:fill}.envelope-closed{z-index:2}.envelope-bottom{z-index:1}.envelope-top{z-index:3;transform-origin:50% 0}.letter-top{position:absolute;top:13%;left:7%;right:7%;text-align:center;z-index:4;transition:opacity .45s,transform 1.2s var(--ease)}.letter-top .eyebrow{font-size:.75rem;letter-spacing:.19em}.intro-names{font-size:clamp(2.3rem,5.6vh,3.5rem);line-height:1.1;margin:24px 0 0;font-weight:500;letter-spacing:-.02em}.intro-names span{display:block;font-style:italic;color:var(--gold);font-size:.64em;margin:7px}.intro-date{font-size:1rem;letter-spacing:.24em;margin:0}.ornament{display:flex;align-items:center;justify-content:center;gap:14px;width:190px;margin:24px auto;color:var(--gold)}.ornament:before,.ornament:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#aa7b3688)}.ornament:after{transform:rotate(180deg)}.ornament span{font-size:1.5rem;line-height:1}.seal-button{position:absolute;z-index:5;top:56%;left:36%;width:28%;height:17%;border:0;background:transparent;border-radius:50%;transition:opacity .3s}.seal-button:after{content:'';position:absolute;inset:12% 7%;border-radius:50%;box-shadow:0 0 20px #eac48500;animation:sealGlow 3s ease-in-out infinite}.letter-bottom{position:absolute;top:82%;left:5%;right:5%;z-index:4;text-align:center;transition:opacity .45s,transform 1s var(--ease)}.open-label{background:none;border:0;padding:10px 12px;font:400 .875rem 'Jost',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--ink)}.letter-bottom p{font-size:1.05rem;font-style:italic;margin:7px 0}.intro.opening .envelope-closed{opacity:0}.intro.opening .envelope-top{transform:translateY(-110%) rotateX(12deg);transition:transform 1.8s var(--ease)}.intro.opening .envelope-bottom{transform:translateY(110%);transition:transform 1.8s var(--ease) .12s}.intro.opening .letter-top{opacity:0;transform:translateY(-65px)}.intro.opening .letter-bottom{opacity:0;transform:translateY(65px)}.intro.opening .seal-button{opacity:0;pointer-events:none}.intro.opening .envelope-stage{box-shadow:none}.intro.opening .intro-ambience{opacity:0}.intro.opening{background:transparent;visibility:hidden}.js main{opacity:0;transition:opacity 1.6s .2s}.entered main{opacity:1}.hero{height:100svh;min-height:760px;position:relative;overflow:hidden;isolation:isolate;background:#c9b394}.hero-picture,.hero-art,.hero-light,.hero-fade{position:absolute;inset:0;width:100%;height:100%}.hero-picture{z-index:-3;will-change:transform}.hero-art{object-fit:cover;object-position:50% 50%;transform:scale(1.025)}.hero-light{z-index:-2;background:radial-gradient(ellipse at 50% 37%,#ffefcb33,transparent 44%)}.hero-content{position:absolute;top:19%;left:8%;right:8%;text-align:center;transition:transform 1.3s var(--ease),opacity 1.3s;transform:none;opacity:1;text-shadow:0 1px 25px #fff2d477}.entered .hero-content{transform:none;opacity:1;transition-delay:.75s}.hero-kicker{color:#634221;font-size:.875rem;letter-spacing:.2em}.inviting{font-size:1.35rem;font-style:italic;margin:13px 0 24px}h1{font-weight:400;margin:0;line-height:1.02;letter-spacing:-.035em}.name{display:block;font-size:clamp(4rem,6.4vw,7.3rem);font-weight:500}.ampersand{display:block;font-family:'Italianno','Cormorant Garamond',serif;font-size:3rem;line-height:.9;margin:5px 0;color:#9c6828}.hero-content .ornament{margin:22px auto 17px}.hero-date{font-size:1.5rem;letter-spacing:.07em;margin:0}.hero-location{font:400 .875rem/1.7 'Jost',Arial,sans-serif;letter-spacing:.07em;margin:12px 0 0}.hero-fade{inset:auto 0 0;height:90px;background:linear-gradient(transparent,#ecd9bb);z-index:-1}.scroll-cue{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:12px;white-space:nowrap;color:#fff3db;text-shadow:0 1px 10px #170d00}.scroll-cue span{font:400 .75rem 'Jost',Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}.scroll-cue i{height:35px;width:1px;background:#f5e1b099;position:relative;overflow:hidden}.scroll-cue i:after{content:'';position:absolute;top:-100%;height:100%;width:1px;background:white;animation:scrollLine 2.5s ease-in-out infinite}.floating-leaves{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.floating-leaves img{position:absolute;width:25px;height:auto;left:var(--x);top:-60px;opacity:0;animation:fall var(--duration) linear var(--delay) infinite}.floral-world{position:relative;isolation:isolate;background:#f6e8d2}.floral-picture{position:absolute;inset:0;z-index:-2}.floral-picture img{position:sticky;top:0;width:100%;height:100svh;object-fit:cover;object-position:center;display:block}.floral-world:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#eedbb655,transparent 15%,transparent 90%,#ecd9bb55)}.day,.venue{min-height:100svh;position:relative;display:flex;align-items:center;justify-content:center;padding:80px 10%;text-align:center}.section-content{width:min(780px,100%)}h2{font-size:clamp(3.2rem,5.2vw,5.1rem);font-weight:400;line-height:1.06;letter-spacing:-.02em;margin:16px 0 0}h2 em{font-weight:400}.date-display{display:flex;align-items:center;justify-content:center;gap:38px;margin:12px 0 27px}.date-side{font-size:1.3rem;line-height:1.8;letter-spacing:.07em;text-transform:uppercase;width:150px}.date-side em{font-size:1.1rem;letter-spacing:0;text-transform:none}.date-number{font-size:7rem;line-height:1.2;font-weight:400;padding:0 35px;border-left:1px solid #aa7b3650;border-right:1px solid #aa7b3650;color:#85561f}.muhurat .eyebrow{font-size:.75rem;letter-spacing:.2em}.muhurat>p:last-child{font-size:2rem;margin:6px 0}.muhurat>p:last-child span{font-size:1.25rem;font-style:italic}.countdown{display:flex;justify-content:center;gap:19px;align-items:flex-start;margin:35px 0 25px}.countdown>div{width:64px;display:flex;flex-direction:column;gap:8px}.countdown span{font-size:2.3rem;line-height:1.2;font-variant-numeric:tabular-nums}.countdown small{font:400 .75rem 'Jost',Arial,sans-serif;letter-spacing:.08em;color:#876438}.countdown b{font-size:1.5rem;font-weight:400;padding-top:5px;color:#ab8a5b}.text-link{display:inline-block;font:400 .875rem 'Jost',Arial,sans-serif;border-bottom:1px solid #a57a3988;padding:10px 2px 7px;letter-spacing:.04em}.text-link:hover{color:var(--wine)}.next-section{position:absolute;bottom:27px;font-size:1.7rem;color:var(--gold)}.venue{padding-top:60px;padding-bottom:70px}.venue h2{font-size:clamp(3.2rem,5vw,4.7rem)}.venue-address h3{font-size:2.2rem;font-weight:500;margin:24px 0 10px}.venue-address p{font-size:1.2rem;line-height:1.65;margin:6px 0}.directions{display:inline-flex;margin-top:27px;min-height:52px;align-items:center;padding:0 36px;background:linear-gradient(115deg,#a07836,#754d1d);border:1px solid #d1ae73;color:#fff6e6;box-shadow:0 7px 20px #72501c18;position:relative;overflow:hidden;transition:box-shadow .3s,transform .3s}.directions:after{content:'';position:absolute;inset:-80% auto -80% -70%;width:40%;background:linear-gradient(90deg,transparent,#ffe3a140,transparent);transform:rotate(25deg);transition:left .8s}.directions:hover{transform:translateY(-2px);box-shadow:0 10px 30px #72501c33}.directions:hover:after{left:140%}.directions span{font:400 .875rem 'Jost',Arial,sans-serif;letter-spacing:.08em}.closing-note{font-size:1.5rem;font-style:italic;line-height:1.4;margin:38px 0 13px}.signature{font-family:'Italianno','Cormorant Garamond',Georgia,serif;font-size:2.7rem;margin:0;color:#78511e}.signature span{color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:1.5rem;margin:0 8px}.replay{display:block;background:none;border:0;margin:27px auto 0;color:#876438;font:400 .75rem 'Jost',Arial,sans-serif;padding:8px;text-decoration:underline;text-underline-offset:5px}.chapter-nav{position:fixed;right:24px;top:50%;z-index:7;display:flex;flex-direction:column;gap:21px;opacity:0;transition:opacity .8s}.entered .chapter-nav{opacity:1;transition-delay:2s}.chapter-nav a{position:relative;width:8px;height:8px;border:1px solid #84602e;transform:rotate(45deg);background:#f6e5c188}.chapter-nav a:before{content:'';position:absolute;inset:-8px}.chapter-nav a.active{background:#84602e;box-shadow:0 0 0 4px #d2ad6222}.chapter-nav a span{position:absolute;right:22px;top:0;white-space:nowrap;font:400 .75rem 'Jost',sans-serif;background:#f8eddbdd;color:var(--ink);padding:6px 10px;transform:rotate(-45deg) translate(-12px,-9px);transform-origin:right;opacity:0;pointer-events:none}.chapter-nav a:hover span,.chapter-nav a:focus-visible span{opacity:1}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1.15s var(--ease);transition-delay:var(--reveal-delay,0s)}.js .reveal.visible{opacity:1;transform:none}@keyframes sealGlow{50%{box-shadow:0 0 24px #eac48555}}@keyframes scrollLine{to{top:110%}}@keyframes fall{0%{transform:translate3d(0,0,0) rotate(-30deg);opacity:0}10%{opacity:.55}70%{opacity:.4}100%{transform:translate3d(80px,110vh,0) rotate(220deg);opacity:0}}
@media(min-width:900px){.hero{min-height:820px}.hero-content{top:20%}.hero-art{object-position:50% 50%}.name{font-size:clamp(4.6rem,6.1vw,6.8rem)}.floral-picture img{object-fit:cover}.venue .section-content{padding-bottom:20px}}
@media(max-width:899px){.envelope-stage{height:100svh;width:100vw;max-width:none;max-height:none;box-shadow:none}.intro-ambience{display:none}.letter-top{top:14%;left:10%;right:10%}.intro-names{font-size:clamp(2.5rem,6.8vh,4rem);margin-top:23px}.letter-top .ornament{margin:20px auto}.intro-date{font-size:1rem}.hero{height:100svh;min-height:740px}.hero-content{top:21%;left:10%;right:10%}.hero-kicker{font-size:.75rem;letter-spacing:.13em;max-width:280px;margin:auto;line-height:1.7}.inviting{font-size:1.15rem;line-height:1.5;max-width:250px;margin:12px auto 20px}.name{font-size:clamp(3.4rem,10.8vw,5.3rem);line-height:1.03}.ampersand{font-size:2.5rem;margin:4px 0}.hero-content .ornament{margin:18px auto 14px}.hero-date{font-size:1.25rem}.hero-location{font-size:.75rem;letter-spacing:.03em;margin-top:8px}.hero-art{object-position:center center}.scroll-cue{bottom:25px}.scroll-cue span{font-size:.75rem;letter-spacing:.1em}.day,.venue{min-height:100svh;padding:80px 9%;}.day h2{font-size:3.2rem}.eyebrow{font-size:.75rem;letter-spacing:.13em}.floral-picture img{height:100svh;min-height:740px;object-fit:cover}.date-display{gap:15px;margin:28px 0}.date-side{font-size:.95rem;width:90px;letter-spacing:.05em}.date-side em{font-size:1rem}.date-number{font-size:5.3rem;padding:0 20px}.countdown{gap:10px;margin-top:34px}.countdown>div{width:53px}.countdown span{font-size:2rem}.countdown small{font-size:.75rem}.venue h2{font-size:3.3rem}.venue-address h3{font-size:2rem}.venue-address p{font-size:1.1rem}.chapter-nav{right:12px;gap:18px}.chapter-nav a{width:5px;height:5px}.chapter-nav a span{display:none}.closing-note{font-size:1.4rem}.signature{font-size:2.4rem}.replay{margin-top:22px}.hero-fade{height:55px}}
@media(max-height:740px) and (max-width:899px){.letter-top{top:10%}.intro-names{font-size:2.65rem;margin-top:15px}.letter-top .ornament{margin:14px auto}.hero-content{top:20%}.letter-bottom{top:81%}}
@media(max-width:360px){.name{font-size:3.1rem}.hero-content{left:9%;right:9%}.date-number{font-size:4.8rem;padding:0 12px}.date-display{gap:10px}.venue h2{font-size:2.9rem}.signature{font-size:2.15rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-picture{transform:none!important}.hero-content{transform:none;opacity:1}.js .reveal{transform:none;opacity:1}.intro.opening{display:none}.js main{transition:none}}

.js .hero-content{transform:translateY(24px);opacity:0}.entered .hero-content{transform:none;opacity:1}@media(min-width:900px){.hero-content{top:16%}.name{font-size:clamp(4.4rem,5.8vw,6.2rem)}}

/* Full-screen stationery and stable contrast over detailed artwork. */
:root{--ink:#412711}
.intro-names,.intro-date,.letter-bottom p{color:#422815}
.letter-top .eyebrow,.open-label{color:#503318;font-weight:500}
.intro-names span{color:#745021}
.hero-content{color:#402812;text-shadow:0 1px 2px #fff3df,0 0 22px #fff0d2}
.hero-light{background:radial-gradient(ellipse at 50% 39%,#fff2dcdd 0%,#fff2dca6 24%,#fff2dc33 43%,transparent 64%)}
.hero-kicker,.hero-location{color:#4c3016;font-weight:500}
.inviting{color:#4b2d17;font-weight:500}
.ampersand{color:#79501d}
.scroll-cue{color:#fffaf0;text-shadow:0 2px 5px #1a0c00,0 0 12px #1a0c00;background:#21120466;padding:12px 20px;border-radius:2px}
.floral-world:after{background:linear-gradient(#f7eadccc,#f7eadc77 15%,#f7eadc77 90%,#f7eadccc)}
.eyebrow,.countdown small,.replay{color:#60421f}
.countdown b,.signature span{color:#79521e}
.signature{color:#563612}
@media(min-width:900px){
 .intro{background:#eee7dc}
 .intro-ambience{display:none}
 .envelope-stage{width:100vw;height:100svh;max-width:none;max-height:none;box-shadow:none}
 .envelope-stage>picture img{object-fit:cover}
 .envelope-top{clip-path:polygon(0 0,100% 0,100% 31%,50% 76%,0 31%)}
 .envelope-bottom{clip-path:polygon(0 31%,50% 76%,100% 31%,100% 100%,0 100%)}
 .letter-top{top:10%;left:22%;right:22%}
 .letter-top .eyebrow{font-size:.875rem}
 .intro-names{font-size:clamp(3.2rem,6.3svh,5rem);margin-top:18px}
 .intro-names span{font-size:.58em;margin:4px}
 .letter-top .ornament{margin:19px auto}
 .intro-date{font-size:1.125rem}
 .seal-button{top:53%;height:22%;left:42%;width:16%}
 .letter-bottom{top:81%}
 .open-label{font-size:1rem}
 .letter-bottom p{font-size:1.2rem}
}
@media(max-width:899px){
 .hero-light{background:radial-gradient(ellipse at 50% 43%,#fff0dccc 0%,#fff0dc99 25%,#fff0dc22 46%,transparent 65%)}
 .letter-top .eyebrow{font-weight:500}
 .hero-location{font-size:.875rem}
}

/* Keep event information legible where the temple crosses the type. */
.hero-meta{width:fit-content;max-width:100%;margin:0 auto;padding:16px 28px 15px;background:#fff3e3f5;border-top:1px solid #99713e66;border-bottom:1px solid #99713e66;box-shadow:0 6px 32px #27180014;color:#3b2411;text-shadow:none}
.hero-meta .hero-date{color:#3b2411;font-weight:500}
.hero-meta .hero-location{color:#4a2d16;font-size:.875rem;font-weight:500;margin-top:7px}
.hero-state{font:400 .875rem/1.5 'Jost',Arial,sans-serif;color:#4a2d16;margin:2px 0 0;letter-spacing:.03em}
.hero-content .name:last-child{text-shadow:0 0 5px #fff0da,0 0 14px #fff0da,0 0 28px #fff0da}
@media(max-width:899px){.hero-content{top:17%}.hero-meta{padding:13px 20px 12px}.hero-content .ornament{margin:15px auto 13px}.hero-meta .hero-date{font-size:1.3rem}.hero-meta .hero-location{font-size:.875rem}.name{font-size:clamp(3.1rem,10.2vw,4.7rem)}}

/* Final editorial composition: shorter hero, tactile metadata, released seal. */
.hero-content{top:19%;left:9%;right:9%}
.hero-kicker{font-size:.875rem;letter-spacing:.3em;margin-bottom:20px;color:#513014}
.name{font-size:clamp(4.4rem,5.8vw,6.2rem);line-height:1.04;letter-spacing:-.04em;font-weight:500}
.ampersand{font-size:2.8rem;margin:7px 0;line-height:.8}
.hero-content .ornament{margin:18px auto 16px;width:150px}
.hero-meta{position:relative;padding:14px 30px;background:linear-gradient(100deg,#fff0d8e6,#fff8e9f5 48%,#fff0d8e6);box-shadow:0 6px 26px #5c391811,inset 0 0 24px #c99d4b12;border-top:1px solid #b38a4b66;border-bottom:1px solid #b38a4b66}
.hero-meta:before,.hero-meta:after{content:'';position:absolute;top:50%;width:5px;height:5px;border:1px solid #9a7036;transform:translateY(-50%) rotate(45deg)}
.hero-meta:before{left:10px}.hero-meta:after{right:10px}
.hero-meta .hero-date{font-size:1.4rem;letter-spacing:.045em}
.hero-meta .hero-location{font-size:.875rem;font-weight:400;letter-spacing:.02em;margin-top:5px}
.hero-state{display:none}
.scroll-cue{background:none;border-radius:0;color:#fffaf0;padding:12px 20px;text-shadow:0 2px 6px #160b00,0 0 20px #160b00}
.scroll-cue:before{content:'';position:absolute;inset:-15px -50px;z-index:-1;background:radial-gradient(ellipse,#1b110ba6,transparent 70%);pointer-events:none}
.day-invitation{font-size:1.25rem;font-style:italic;line-height:1.5;margin:17px auto 0;max-width:330px}
.day h2{font-size:clamp(3.1rem,5.1vw,4.9rem)}
.date-side{font-size:1.15rem}.date-side em{font-size:1.05rem}
.section-content>.eyebrow{font-size:.875rem;letter-spacing:.18em}
.countdown small{font-size:.875rem;letter-spacing:.04em}
.replay{font-size:.875rem;color:#61421f}
.envelope-seal{z-index:6;clip-path:ellipse(12% 7.7% at 50% 64.3%);pointer-events:none;transition:transform .55s var(--ease),opacity .4s .12s;transform-origin:50% 64.3%}
.intro.unsealing .envelope-seal{transform:translateY(-15px) scale(1.09) rotate(-7deg);opacity:0}
.intro.unsealing .envelope-closed{opacity:0}
.intro.unsealing .envelope-top{mask-image:radial-gradient(ellipse 12vw 7.7svh at 50% 64.3%,transparent 98%,black 100%)}
.intro.unsealing .envelope-bottom{mask-image:radial-gradient(ellipse 12vw 7.7svh at 50% 64.3%,transparent 98%,black 100%)}
.intro.unsealing .seal-button{pointer-events:none;opacity:0}
.envelope-stage>picture{will-change:transform}
@media(min-width:900px){.envelope-seal{clip-path:ellipse(8.4% 15.5% at 50% 65%);transform-origin:50% 65%}.intro.unsealing .envelope-top,.intro.unsealing .envelope-bottom{mask-image:radial-gradient(ellipse 8.4vw 15.5svh at 50% 65%,transparent 98%,black 100%)}.hero-content{top:17%}.hero-light{background:radial-gradient(ellipse at 50% 36%,#fff2dcb3 0%,#fff2dc66 24%,#fff2dc11 45%,transparent 62%)}}
@media(max-width:899px){.hero-content{top:20%;left:8%;right:8%}.hero-kicker{font-size:.875rem;letter-spacing:.22em;margin-bottom:17px}.name{font-size:clamp(3rem,10.1vw,4.4rem);line-height:1.02}.ampersand{font-size:2.2rem;margin:6px 0}.hero-content .ornament{margin:14px auto 13px;width:140px}.hero-meta{padding:13px 25px}.hero-meta .hero-date{font-size:1.25rem}.hero-meta .hero-location{font-size:.875rem}.day h2{font-size:3.1rem}.day-invitation{font-size:1.15rem}.section-content>.eyebrow{font-size:.875rem;letter-spacing:.12em;max-width:300px;margin-left:auto;margin-right:auto}.countdown{gap:8px}.countdown>div{width:55px}.countdown small{font-size:.875rem}.countdown span{font-size:1.9rem}.countdown b{font-size:1.3rem}.hero-light{background:radial-gradient(ellipse at 50% 38%,#fff0dcb3 0%,#fff0dc66 27%,#fff0dc11 47%,transparent 65%)}}
@media(max-width:360px){.hero-content{top:20%}.name{font-size:3rem}.hero-meta{padding:12px 23px}.hero-meta .hero-date{font-size:1.15rem}.hero-meta .hero-location{font-size:.875rem}.day h2{font-size:2.8rem}.countdown{gap:5px}.countdown>div{width:52px}}
@media(max-height:600px) and (min-width:900px){.letter-top{top:6%}.intro-names{font-size:2.6rem;margin-top:12px}.letter-top .ornament{margin:12px auto}.letter-bottom{top:83%}.letter-bottom p{display:none}}
@media(prefers-reduced-motion:reduce){.intro.unsealing .envelope-seal{transform:none}.hero-picture{will-change:auto}.envelope-stage>picture{will-change:auto}}

.music-control{position:fixed;bottom:20px;right:22px;z-index:8;display:none;align-items:center;gap:9px;border:1px solid #9f7e4c88;background:#fff4e5f2;color:#513316;box-shadow:0 3px 18px #3c240b15;padding:11px 15px;min-height:44px;border-radius:30px;font:400 .875rem 'Jost',Arial,sans-serif;cursor:pointer}
.entered .music-control{display:flex}.music-control>span:first-child{font-size:1.15rem;color:#81571e}.music-control:hover{background:#fff9f0}.music-control:disabled{cursor:default;opacity:.7}
@media(max-width:600px){.music-control{bottom:14px;right:14px;padding:9px 12px}.scroll-cue{bottom:65px}.venue{padding-bottom:105px}}

.lunch-note{font-size:1.35rem;font-style:italic;color:#60421f;line-height:1.5;margin:13px 0 0}
.envelope-seal{animation:sealBreathe 2.8s ease-in-out infinite}
.seal-button:before{content:'';position:absolute;inset:0;border:1px solid #a47836;border-radius:50%;pointer-events:none;animation:sealRipple 2.8s ease-out infinite}
.seal-button:after{box-shadow:0 0 24px #d7af6766}
.open-label{font-weight:500;letter-spacing:.12em;border-bottom:1px solid #916c3b66;padding-bottom:8px}
.intro.unsealing .envelope-seal{animation:none}
.intro.unsealing .seal-button:before{animation:none;opacity:0}
@keyframes sealBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes sealRipple{0%{transform:scale(.96);opacity:0}18%{opacity:.6}80%,100%{transform:scale(1.2);opacity:0}}
@media(min-width:900px){.seal-button{top:49.5%;height:31%;left:41.5%;width:17%}}
@media(max-width:899px){.lunch-note{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.envelope-seal,.seal-button:before{animation:none!important}.seal-button:before{opacity:.45}}