@font-face{font-family:AtelierGaramond;src:url('assets/fonts/garamond.woff2') format('woff2');font-display:swap}
:root{--ink:#103739;--midnight:#092e31;--sage:#dce1d3;--paper:#e9eadf;--gold:#deca9b;--gold-bright:#f2dfb4;--peach:#ddb19b;--wine:#824c5c;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--serif:AtelierGaramond,Georgia,serif;--open:0;--fold-left:0deg;--fold-right:0deg;--cover-alpha:1;--controls-alpha:1;--light-x:50%;--light-y:40%}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--midnight);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--peach);outline-offset:7px}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}h2{font:400 clamp(52px,7vw,92px)/.96 var(--serif);letter-spacing:-.045em}h2 i{font-weight:400}svg{display:block}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:10px;left:10px;z-index:100;padding:12px;background:var(--paper);color:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:none}.eyebrow{font-size:9px;line-height:1.6;text-transform:uppercase;letter-spacing:.22em;font-weight:500}.flower{width:48px;height:48px;color:#9d8057}.paper{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23475143' opacity='.10' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");color:var(--ink)}.silk{background-color:var(--midnight);background-image:radial-gradient(ellipse at 20% 5%,#27504b66,transparent 55%),repeating-linear-gradient(2deg,#daca9c06 0 1px,transparent 1px 4px),repeating-linear-gradient(92deg,#0001 0 1px,transparent 1px 3px)}
/* The cover is a physical pair of leaves. Their decoration is clipped, never stretched. */
.opening{position:relative;height:185svh}.opening-stage{position:sticky;top:0;height:100svh;min-height:540px;overflow:hidden;isolation:isolate;perspective:1800px;background:var(--midnight)}.portrait{position:absolute;inset:0;transform:scale(var(--portrait-scale,1.065));will-change:transform}.portrait picture,.portrait picture img{width:100%;height:100%;display:block}.portrait img{object-fit:cover;object-position:center 43%;filter:saturate(.91)}.portrait-shade{position:absolute;inset:0;background:linear-gradient(0deg,#062b30ed 0%,#082e3140 60%,#082e3129),linear-gradient(90deg,#072d3129,transparent)}.portrait-copy{position:absolute;bottom:13%;left:6%;right:6%;text-align:center;color:#fff6e1;opacity:var(--portrait-alpha,0)}.portrait-copy h2{font-size:clamp(58px,8vw,112px);margin:24px 0}.portrait-copy h2 i{color:var(--gold);font-size:.7em}.portrait-copy>p:not(.eyebrow){font:italic 24px/1.4 var(--serif);color:#ece7d8}.portrait-edge{position:absolute;inset:18px;border:1px solid #ead8ae60;pointer-events:none}.scroll-cue{display:flex;align-items:center;flex-direction:column;gap:14px;margin:28px auto 0;font-size:8px;letter-spacing:.2em;text-transform:uppercase}.scroll-cue svg{width:22px;height:25px;animation:arrow-nod 2.2s ease-in-out infinite}.cover{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d;opacity:var(--cover-alpha)}.cover-leaf{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;backface-visibility:hidden;background-color:#0b3032;background-image:radial-gradient(ellipse at var(--light-x) var(--light-y),#375a4d55,transparent 65%),repeating-linear-gradient(0deg,#d7cba609 0 .65px,transparent .65px 3px),repeating-linear-gradient(90deg,#0002 0 .5px,transparent .5px 3px);will-change:transform}.cover-left{left:0;transform-origin:left center;transform:rotateY(var(--fold-left));border-right:2px solid #8f8a6455;box-shadow:inset -10px 0 20px #0005,5px 0 18px #0007}.cover-right{right:0;transform-origin:right center;transform:rotateY(var(--fold-right));border-left:1px solid #d7c39966;box-shadow:inset 8px 0 15px #ffffff04,-7px 0 28px #0004}.cover-leaf:after{content:'';position:absolute;inset:18px;border:1px solid #c3ae7525;box-shadow:0 0 0 5px #081f2111;pointer-events:none}.cover-left:after{right:0;border-right:0}.cover-right:after{left:0;border-left:0}.cover-ink{position:absolute;inset:0 auto 0 0;width:200%;height:100%;color:var(--gold-bright)}.cover-right .cover-ink{left:-100%}.cover-top{position:absolute;top:34px;left:44px;right:44px;display:flex;justify-content:space-between;align-items:center}.cover-top>span:first-child{font:22px var(--serif);letter-spacing:.06em}.cover-top i{font-size:16px}.cover-top>span:last-child{font-size:8px;letter-spacing:.27em;color:#c6d0bd}.cover-prelude{position:absolute;top:13%;left:0;width:100%;text-align:center;font:italic 22px var(--serif);color:#cfccaf}.cover-art{position:absolute;top:44%;left:50%;width:min(58svh,510px);max-width:92vw;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 1px #0009);opacity:.94}.cover-names{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font:400 clamp(45px,7svh,68px)/.86 var(--serif);text-align:center;letter-spacing:-.035em;text-shadow:0 1px 1px #0007}.cover-names span{display:block;font-size:.48em;font-style:italic;color:#cbb683;margin:13px 0}.cover-date{position:absolute;top:76%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;color:#ead9b3}.cover-date>span:first-child{font:38px/1 var(--serif)}.cover-date>span:last-child{padding-left:13px;border-left:1px solid #bdab7866;font-size:8px;letter-spacing:.23em;line-height:1.7}.opening-controls{position:absolute;top:86%;left:0;right:0;display:flex;align-items:center;flex-direction:column;opacity:var(--controls-alpha);transition:visibility .2s}.open-button{background:none;border:0;color:#f1dfb8;display:flex;align-items:center;gap:17px;padding:14px 18px;font-size:10px;letter-spacing:.17em;text-transform:uppercase;position:relative}.open-button:after{content:'';position:absolute;left:30%;right:30%;bottom:6px;height:1px;background:#e6c99355;transition:left .4s,right .4s}.open-button:hover:after{left:10%;right:10%}.button-diamond{width:5px;height:5px;transform:rotate(45deg);border:1px solid #d9c58e;box-shadow:0 0 8px #eac79440;animation:diamond-breathe 2.6s ease-in-out infinite}.opening-controls>p{font:italic 13px var(--serif);color:#aebca8;padding-top:5px}.opening-controls>p span{display:inline-block;margin-left:5px;animation:arrow-nod 2.2s ease-in-out infinite}.quick-details{position:absolute;right:35px;bottom:31px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#d0cbb0;z-index:2;padding:10px}.opening.is-open .opening-controls{pointer-events:none;visibility:hidden}.opening.is-open .quick-details{color:#f1e7cf}
/* Sage pages, small embroidery stitches, and an airy welcome. */
.welcome{position:relative;text-align:center;padding:130px 24px 85px;overflow:hidden}.welcome>.eyebrow{color:#627460;margin-bottom:32px}.welcome h2{max-width:820px;margin:auto}.welcome h2 i{color:#8b674c}.welcome-body{position:relative;margin-top:38px}.welcome-body .flower{margin:0 auto 22px}.welcome-body p{font-size:14px;line-height:1.9;color:#526354}.welcome-body .intimate{font:italic 21px/1.5 var(--serif);margin-top:25px;color:#6a7563}.colour-stitches{display:flex;justify-content:center;gap:8px;margin-top:40px}.colour-stitches i{width:18px;height:2px;background:#2a5753;transform:rotate(-30deg)}.colour-stitches i:nth-child(2){background:#bca371}.colour-stitches i:nth-child(3){background:#d6a293}.colour-stitches i:nth-child(4){background:#a9c5c5}.colour-stitches i:nth-child(5){background:#87505e}.welcome-thread{position:absolute;top:8%;right:-40px;width:31%;opacity:.35;transform:rotate(30deg);pointer-events:none}.welcome-thread path{stroke:#9d865d;stroke-width:.8;stroke-dasharray:1;stroke-dashoffset:1}.welcome.is-visible .welcome-thread path{animation:sew 2.3s ease-out forwards}
.memories{padding:40px 5vw 130px;overflow:hidden}.section-heading{text-align:center;margin-bottom:48px}.section-heading .eyebrow{color:#75806e;margin-bottom:23px}.section-heading h2{font-size:clamp(48px,6vw,74px)}.section-heading h2 i{color:#8a684b}.interaction-hint{display:flex;align-items:center;justify-content:center;gap:9px;font:italic 15px var(--serif);color:#77816f;margin-top:22px}.interaction-hint svg{width:16px;height:16px}.memory-rail{display:flex;justify-content:center;gap:26px;max-width:1150px;margin:0 auto;padding:36px 16px 58px}.memory-card{display:block;background:none;border:0;padding:0;flex:1 1 0;min-width:0;max-width:345px;aspect-ratio:1/1.12;perspective:1400px;transform:rotate(var(--angle));color:var(--ink);position:relative;text-align:center;transition:transform .55s ease;z-index:1}.memory-card:nth-child(2){margin-top:30px;z-index:2}.memory-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.7,.23,1)}.memory-card[aria-pressed=true] .memory-inner{transform:rotateY(180deg)}.memory-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;padding:13px 13px 0;background:#f6f3e8;box-shadow:0 22px 35px -15px #16363040,0 2px 4px #102a2712;border:1px solid #fff9}.photo-window{display:block;width:100%;flex:1;min-height:0;overflow:hidden;background:#e2e1d2}.photo-window img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.memory-card:nth-child(1) img{object-position:50% 48%}.memory-card:nth-child(2) img{object-position:50% 45%}.memory-card:nth-child(3) img{object-position:50% 45%}.photo-caption{display:flex;align-items:center;justify-content:space-between;min-height:50px;font:italic 16px var(--serif);padding:8px 3px;text-align:left}.photo-caption svg{height:15px;width:15px;color:#8d987e}.memory-back{transform:rotateY(180deg);background:#e4e7d9;padding:26px 15px;align-items:center;justify-content:center;border:1px solid #f9f8ed;gap:15px}.memory-back:before{content:'';position:absolute;inset:9px;border:1px solid #aab19866;pointer-events:none}.memory-back .flower{width:34px;height:34px}.back-label{font-size:7px;letter-spacing:.15em;text-transform:uppercase;color:#78836d}.back-message{font:30px/1.12 var(--serif);letter-spacing:-.02em}.back-message i{color:#896747}.back-signature{font:italic 17px var(--serif);color:#8d7152}.back-foot{font-size:7px;text-transform:uppercase;letter-spacing:.12em;color:#73836d;margin-top:2px}.swipe-hint{display:none}.memory-card:focus-visible{outline-offset:12px}.memory-card:hover{z-index:3}
.interlude{position:relative;height:80svh;min-height:520px;max-height:880px;overflow:hidden;isolation:isolate;background:#163e3a}.interlude>img{position:absolute;inset:-7% 0;width:100%;height:114%;object-fit:cover;object-position:center 48%;transform:translateY(var(--parallax,0px))}.interlude-shade{position:absolute;inset:0;background:linear-gradient(90deg,#073b3b8c,transparent 75%),linear-gradient(0deg,#062e32a6,#092e3133)}.interlude-copy{position:absolute;left:10%;top:50%;transform:translateY(-50%);color:#fff1d8}.interlude-copy .eyebrow{color:#e6dbba;margin-bottom:25px}.interlude-copy>p:not(.eyebrow){font:clamp(70px,10vw,140px)/.85 var(--serif);letter-spacing:-.05em}.interlude-copy>p i{color:#edc6a5}.interlude-copy>span{display:block;margin-top:30px;font:italic 22px var(--serif)}.light-motes{position:absolute;inset:0;pointer-events:none}.light-motes i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe3a5;box-shadow:0 0 16px 4px #edc48b25;animation:mote 7s ease-in-out infinite}.light-motes i:nth-child(1){left:12%;top:23%}.light-motes i:nth-child(2){left:30%;top:70%;animation-delay:-2s}.light-motes i:nth-child(3){left:75%;top:30%;animation-delay:-4s}.light-motes i:nth-child(4){left:87%;top:65%;animation-delay:-1s}.light-motes i:nth-child(5){left:56%;top:16%;animation-delay:-3s}.light-motes i:nth-child(6){left:61%;top:85%;animation-delay:-5s}
.celebration{padding:125px 24px 70px;position:relative}.invitation-card{position:relative;max-width:740px;padding:60px 55px 46px;margin:auto;text-align:center;box-shadow:0 36px 65px #00171666,0 1px 0 #faf3d180,inset 0 0 45px #ffffee22;border:1px solid #e5e8d3}.paper-line{position:absolute;inset:15px;border:1px solid #9ca78e66;pointer-events:none}.paper-line:after{content:'';position:absolute;inset:5px;border:1px solid #acaa8233}.card-flower{margin:0 auto 23px;width:56px;height:56px}.invitation-card>.eyebrow{color:#75816c}.invitation-card h2{font-size:clamp(54px,7vw,85px);margin:21px 0 26px}.invitation-card h2 i{color:#987553}.card-intro{font-size:11px;color:#74816d;letter-spacing:.06em}.card-names{font:35px var(--serif);margin-top:12px}.card-names i{color:#94734e;font-size:.8em}.event-date{display:flex;align-items:center;justify-content:center;gap:24px;margin:33px auto 24px}.event-date>span{font-size:9px;letter-spacing:.22em;color:#66755f;min-width:80px}.event-date>span:first-child{text-align:right}.event-date>span:last-child{text-align:left}.event-date strong{font:88px/1 var(--serif);letter-spacing:-.08em;border-left:1px solid #a8ae9566;border-right:1px solid #a8ae9566;padding:0 26px}.event-place h3{font:31px/1.1 var(--serif);font-weight:400}.event-place p{font-size:12px;letter-spacing:.12em;color:#728168;margin-top:11px}.event-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:30px 0}.event-actions a{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 15px;min-height:48px;border-bottom:1px solid #a4ac9288;font-size:8px;letter-spacing:.1em;text-transform:uppercase;transition:background .2s,color .2s}.event-actions a:hover{background:#d2dac7}.event-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.card-postscript{font:italic 19px var(--serif);color:#8a7558;margin-top:20px}.closing{padding:80px 24px 45px;position:relative;text-align:center;overflow:hidden}.closing-seam{display:block;width:95px;height:1px;margin:0 auto 55px;background:linear-gradient(90deg,transparent,#cfbb83,transparent)}.closing>.eyebrow{color:#acb79e}.closing h2{font-size:clamp(64px,9vw,110px);margin:25px 0 30px;color:#f1e7cf}.closing h2 i{color:var(--peach)}.closing-signature{font:italic 23px/1.5 var(--serif);color:#c9cbb2}.joy-button{display:flex;align-items:center;flex-direction:column;gap:11px;margin:32px auto 0;color:var(--gold);background:none;border:0;padding:14px 22px;font-size:9px;letter-spacing:.11em}.joy-button .flower{width:48px;height:48px;color:var(--gold);transition:transform .7s}.joy-button:hover .flower{transform:rotate(90deg) scale(1.1)}.joy-message{height:35px;max-width:340px;margin:4px auto 0;font:italic 16px var(--serif);color:var(--peach)}.back-top{display:inline-block;padding:15px;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#849e8f;margin-top:22px}.back-top span{padding-left:8px;color:var(--gold)}#petal-layer{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.petal{position:absolute;left:var(--x);top:-30px;width:var(--size);height:calc(var(--size) * 1.5);background:var(--colour);border-radius:70% 15% 65% 30%;box-shadow:inset 1px 1px 1px #fff4,inset -1px -1px 2px #43231433;animation:petal-fall var(--duration) cubic-bezier(.23,.54,.47,1) var(--delay) both}
.reveal{opacity:1}.motion-ready .reveal{opacity:0;translate:0 24px;transition:opacity 1s ease,translate 1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--order,0) * .09s)}.motion-ready .reveal.is-visible{opacity:1;translate:0 0}.motion-ready .memory-card.reveal{rotate:calc(var(--angle) * .8)}.motion-ready .memory-card.reveal.is-visible{rotate:0deg}
@keyframes arrow-nod{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes diamond-breathe{0%,100%{box-shadow:0 0 8px #eac79410}50%{box-shadow:0 0 12px 2px #eac79460}}@keyframes sew{to{stroke-dashoffset:0}}@keyframes mote{0%,100%{opacity:.08;transform:translate3d(0,10px,0)}50%{opacity:.7;transform:translate3d(12px,-12px,0)}}@keyframes petal-fall{0%{transform:translate3d(0,-30px,0) rotate(0deg) rotateY(0);opacity:0}8%{opacity:.95}90%{opacity:.85}100%{transform:translate3d(var(--drift),110vh,0) rotate(var(--spin)) rotateY(230deg);opacity:0}}
@media(hover:hover) and (pointer:fine){.memory-card:hover{transform:rotate(0deg) translateY(-12px)}.memory-card:hover .photo-window img{transform:scale(1.025)}}
@media(min-width:1500px){.cover-art{width:min(62svh,580px)}.cover-names{font-size:75px}}
@media(max-width:700px){.opening{height:165svh}.opening-stage{min-height:560px}.cover-top{top:27px;left:27px;right:27px}.cover-leaf:after{inset:12px}.cover-left:after{right:0}.cover-right:after{left:0}.cover-prelude{top:14%;font-size:20px}.cover-art{width:94vw;max-width:430px;top:45%}.cover-names{font-size:clamp(43px,12.2vw,57px);top:46%;line-height:.87}.cover-names span{margin:11px 0}.cover-date{top:75%;gap:10px}.cover-date>span:first-child{font-size:34px}.cover-date>span:last-child{font-size:7px}.opening-controls{top:85%}.open-button{font-size:9px;gap:13px}.quick-details{right:15px;bottom:12px;font-size:7px}.portrait img{object-position:50% 35%}.portrait-copy{bottom:12%;left:22px;right:22px}.portrait-copy h2{font-size:clamp(48px,12vw,73px);margin:20px 0;line-height:.95}.portrait-copy>p:not(.eyebrow){font-size:22px}.portrait-copy .eyebrow{font-size:7px;letter-spacing:.15em}.portrait-edge{inset:12px}.scroll-cue{font-size:7px;margin-top:26px}.welcome{padding:92px 22px 65px}.welcome h2{font-size:clamp(47px,12vw,67px)}.welcome>.eyebrow{font-size:8px;margin-bottom:25px}.welcome-body{margin-top:30px}.welcome-body p{font-size:12px;line-height:1.8}.welcome-body .intimate{font-size:19px}.welcome-thread{width:48%;right:-45px;top:5%}.memories{padding:30px 0 75px}.section-heading{padding:0 24px;margin-bottom:15px}.section-heading h2{font-size:52px}.section-heading .eyebrow{font-size:8px}.interaction-hint{font-size:13px;gap:6px}.memory-rail{overflow-x:auto;overscroll-behavior-x:contain;justify-content:flex-start;gap:24px;padding:32px 11vw 38px;scroll-snap-type:x proximity;scrollbar-width:none}.memory-rail::-webkit-scrollbar{display:none}.memory-card{flex:0 0 76vw;max-width:345px;scroll-snap-align:center}.memory-card:nth-child(2){margin-top:0}.memory-face{padding:11px 11px 0}.memory-back{padding:20px 15px;gap:12px}.photo-caption{font-size:16px;min-height:48px}.back-message{font-size:clamp(28px,7.5vw,35px)}.swipe-hint{display:block;text-align:center;font:italic 14px var(--serif);color:#7d876e}.swipe-hint span{padding-left:9px;color:#947752}.interlude{height:75svh;min-height:510px}.interlude>img{object-position:59% 50%}.interlude-copy{left:25px;right:25px;top:auto;bottom:65px;transform:none}.interlude-copy>p:not(.eyebrow){font-size:86px}.interlude-copy .eyebrow{font-size:8px;margin-bottom:22px}.interlude-copy>span{font-size:20px;max-width:250px;line-height:1.4}.interlude-shade{background:linear-gradient(0deg,#062e32ed,transparent 95%)}.celebration{padding:78px 19px 35px}.invitation-card{padding:40px 23px 35px}.paper-line{inset:10px}.paper-line:after{inset:4px}.card-flower{margin-bottom:19px}.invitation-card>.eyebrow{font-size:8px}.invitation-card h2{font-size:61px;margin:20px 0 22px}.card-intro{font-size:10px}.card-names{font-size:30px}.event-date{gap:12px;margin:32px auto 26px}.event-date strong{font-size:80px;padding:0 16px}.event-date>span{min-width:63px;font-size:8px;letter-spacing:.12em}.event-place h3{font-size:29px;max-width:250px;margin:auto}.event-place p{font-size:11px}.event-actions{gap:8px;margin:25px 0}.event-actions a{font-size:7px;padding:12px 10px;gap:6px}.card-postscript{font-size:17px;max-width:250px;margin:15px auto 0}.closing{padding:65px 24px 35px}.closing-seam{margin-bottom:45px}.closing h2{font-size:76px}.closing .eyebrow{font-size:8px}.closing-signature{font-size:22px}}
@media(max-height:650px) and (min-width:701px){.cover-art{width:54svh}.cover-prelude{top:12%}.cover-names{font-size:45px}.cover-date{top:73%}.opening-controls{top:83%}.cover-top{top:23px}.portrait-copy{bottom:8%}.portrait-copy h2{font-size:65px}.portrait-copy>p:not(.eyebrow){font-size:19px}}
@media(max-width:360px){.opening-stage{min-height:530px}.cover-art{width:96vw}.cover-names{font-size:43px}.welcome h2{font-size:45px}.interaction-hint{font-size:12px}.section-heading h2{font-size:46px}.memory-back{gap:8px}.memory-back .flower{width:28px;height:28px}.back-message{font-size:28px}.invitation-card{padding:35px 19px}.event-actions a{font-size:6.5px;padding:12px 7px}.event-date>span{min-width:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;translate:none;rotate:none}.portrait,.interlude>img{transform:none}.cover-left,.cover-right{transform:none}.cover{opacity:var(--reduced-cover-alpha,1)}.memory-inner{transition:none}.memory-card:hover{transform:rotate(var(--angle))}.memory-card:hover img{transform:none}}
.light-motes i{animation-play-state:paused}.interlude.in-view .light-motes i{animation-play-state:running}
.opening.is-open .button-diamond,.opening.is-open .opening-controls>p span,.opening:not(.in-view) .scroll-cue svg{animation-play-state:paused}
@media(max-width:700px){.motion-ready .memory-card.reveal{opacity:1;translate:none;rotate:0deg}.memory-rail{gap:19px;padding-left:9vw;padding-right:9vw}.memory-card{flex-basis:74vw}}
@media(max-width:700px){.closing h2{font-size:clamp(52px,17vw,70px)}.closing h2 i{font-size:.83em;white-space:nowrap}}
@media(max-height:560px) and (orientation:landscape){.opening-stage{min-height:0}.cover-top{top:17px}.cover-prelude{top:12%;font-size:16px}.cover-art{width:58svh;top:45%}.cover-names{top:46%;font-size:clamp(25px,7svh,39px)}.cover-names span{margin:7px 0}.cover-date{top:75%}.cover-date>span:first-child{font-size:25px}.cover-date>span:last-child{font-size:6px}.opening-controls{top:85%}.open-button{font-size:8px;padding:7px 14px}.opening-controls>p{font-size:10px;padding-top:3px}.quick-details{bottom:9px}.portrait-copy{bottom:8%}.portrait-copy h2{font-size:48px;margin:13px 0}.portrait-copy>p:not(.eyebrow){font-size:17px}.scroll-cue{margin-top:12px;gap:8px;font-size:7px}.portrait-copy .eyebrow{font-size:7px}}
.open-button{min-height:44px}.quick-details{min-height:44px;display:flex;align-items:center}
@media(max-height:560px) and (orientation:landscape){.opening-controls{top:82%}}