:root{--color-primary:#18181b;--color-on-primary:#fff;--color-secondary:#3f3f46;--color-accent:#ec4899;--color-background:#fafafa;--color-foreground:#09090b;--color-muted:#e8ecf0;--color-border:#e4e4e7;--color-ring:#18181b;--color-paper:#fffdfa;--color-blush:#fce7f1;--color-rose-dark:#9d174d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--font-display:"Playfair Display", Georgia, serif;--font-body:"Source Serif 4", Georgia, serif;--font-mono:"JetBrains Mono", Consolas, monospace;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 18px 46px #00000024;--shadow-xl:0 28px 80px #0003;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--z-progress:40;--z-header:50;--z-intro:80;--z-celebration:90;--z-skip:100;--z-noscript:110}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--color-accent) var(--color-primary)}body{background:var(--color-background);min-width:320px;min-height:100vh;color:var(--color-foreground);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.65;overflow-x:hidden}html.is-locked,body.is-locked{width:100%;height:var(--vvh,100dvh);max-height:var(--vvh,100dvh);overscroll-behavior:none;touch-action:none;position:fixed;inset:0;overflow:hidden!important}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important}svg{display:block}::selection{background:var(--color-accent);color:var(--color-on-primary)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.skip-link{z-index:var(--z-skip);background:var(--color-on-primary);color:var(--color-primary);font-family:var(--font-mono);border-radius:.5rem;padding:.75rem 1rem;font-size:.75rem;transition:transform .2s;position:fixed;top:1rem;left:1rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.scroll-progress{z-index:var(--z-progress);pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.scroll-progress span{background:var(--color-accent);transform-origin:0;will-change:transform;width:100%;height:100%;display:block;transform:scaleX(0)}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient__orb{pointer-events:none;border-radius:50%;width:44rem;height:44rem;position:absolute}.ambient__orb--one{background:radial-gradient(circle,#ec489924 0%,#ec48990a 45%,#0000 70%);top:-20rem;right:-12rem}.ambient__orb--two{background:radial-gradient(circle,#f9a8d42e 0%,#fce7f10f 48%,#0000 72%);bottom:-24rem;left:-18rem}.ambient__grain{opacity:.03;background-image:var(--baked-grain-url,none);background-repeat:repeat;background-size:96px 96px;position:absolute;inset:0}.eyebrow{color:var(--color-secondary);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.68rem;font-weight:500;line-height:1.4}.eyebrow--light{color:#ffffffad}.button{min-height:3.25rem;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;transition:transform .22s var(--ease-spring), box-shadow .22s ease, background-color .22s ease, color .22s ease;border:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.8rem;padding:.85rem 1.2rem;font-size:.76rem;font-weight:500;display:inline-flex}.button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.1rem;height:1.1rem;transition:transform .22s var(--ease-out)}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)scale(.97)}.button:hover svg{transform:translate(3px)}.button--primary{background:var(--color-accent);color:var(--color-on-primary);box-shadow:0 12px 30px #ec48993d}.button--primary:hover{background:#db2777;box-shadow:0 16px 38px #ec489952}.button--light{background:var(--color-on-primary);color:var(--color-primary);margin-top:2rem}.cosmic-canvas{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.intro{z-index:var(--z-intro);width:100%;height:var(--vvh,100dvh);max-height:var(--vvh,100dvh);overscroll-behavior:none;padding:max(clamp(2rem, 4.5vh, 3.25rem), calc(env(safe-area-inset-top) + 1.65rem)) clamp(1.25rem, 4vw, 3rem) max(clamp(.75rem, 2vh, 2rem), env(safe-area-inset-bottom));transition:opacity .5s var(--ease-out), visibility .5s;background:radial-gradient(circle at 24% 44%,#fce7f15c,#0000 46%),radial-gradient(circle at 80% 20%,#ec48990f,#0000 38%),linear-gradient(#fafafa38,#fafafa38),repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#e4e4e7a6 25%);flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0;overflow:hidden!important}.intro.is-leaving{opacity:0;visibility:hidden}.intro__topline{top:max(clamp(.85rem, 2.2vh, 2.25rem), env(safe-area-inset-top));z-index:5;color:var(--color-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.17em;text-transform:uppercase;justify-content:flex-end;font-size:.64rem;display:flex;position:absolute;left:clamp(1.25rem,4vw,3rem);right:clamp(1.25rem,4vw,3rem)}.intro__layout{z-index:2;align-items:center;gap:clamp(2rem,5vw,6.5rem);width:min(100%,84rem);margin:0 auto;display:grid;position:relative}.intro__portrait{isolation:isolate;aspect-ratio:.82;justify-self:center;width:min(66vw,22rem);position:relative}.portrait-card{border:1px solid var(--color-border);box-shadow:var(--shadow-lg);will-change:transform, opacity;border-radius:1.2rem;display:block;position:absolute;inset:0}.portrait-card--back{z-index:1;background:var(--color-primary);pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;padding:3.4%;overflow:hidden;transform:rotate(-8deg)translate(-5%,1%)}.portrait-card--middle{z-index:2;background:var(--color-blush);pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;padding:3.4%;overflow:hidden;transform:rotate(6deg)translate(5%,-1%)}.portrait-card--back img,.portrait-card--middle img{object-fit:cover;border-radius:.75rem;width:100%;height:100%;display:block}.portrait-card--front{z-index:10;background:var(--color-paper);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;margin:0;padding:3.4% 3.4% 0;display:flex;position:absolute;inset:0;overflow:hidden;transform:rotate(-1.5deg)}.portrait-card--front img{aspect-ratio:1;object-fit:cover;border-radius:.75rem;flex-shrink:0;width:100%}.portrait-card--front figcaption{font-family:var(--font-display);text-align:center;flex:1;justify-content:center;align-items:center;padding:0 .5rem 2%;font-size:clamp(.95rem,min(2.6vw,2.2vh),1.6rem);font-style:italic;line-height:1;display:flex}.portrait-card.is-locked{cursor:pointer;overflow:hidden}.portrait-card.is-locked img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .8s cubic-bezier(.16,1,.3,1);transform:scale(1.04)}.portrait-card.is-unlocked img{filter:none;transition:transform .8s cubic-bezier(.16,1,.3,1);transform:scale(1)}.portrait-lock-seal{z-index:15;-webkit-backdrop-filter:blur(14px);color:#fff;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:transform .28s var(--ease-spring), box-shadow .28s ease, background .28s ease;will-change:transform, opacity;background:#18181bc2;border:1px solid #ffffff38;border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;gap:.32rem;padding:.75rem 1.15rem;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 36px -8px #00000080,0 0 0 1px #ec489940,inset 0 1px #ffffff4d}.portrait-lock-seal:hover{transform:translate(-50%,-52%)scale(1.04);box-shadow:0 20px 42px -6px #ec489952,0 0 0 1px #ec489973,inset 0 1px #ffffff73}.portrait-lock-seal__emblem{color:#fff;background:linear-gradient(135deg,#ec4899e6,#9d174df2);border-radius:50%;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;display:flex;box-shadow:0 4px 14px #ec489966}.portrait-lock-seal__emblem svg{width:1.1rem;height:1.1rem}.portrait-lock-seal__badge{font-family:var(--font-mono);letter-spacing:.18em;color:#fce7f1;text-transform:uppercase;font-size:.65rem;font-weight:700}.button.button--locked{color:#fdfaf6;background:#18181bdb;border:1px solid #ec489961;gap:.55rem;box-shadow:0 10px 24px -8px #00000059,inset 0 1px #ffffff26}.button.button--locked:hover{background:#18181bf0;border-color:#ec489999;transform:translateY(-2px);box-shadow:0 14px 28px -6px #ec489947}.button__lock-svg{color:#f472b6;flex-shrink:0;width:1rem;height:1rem}.intro__scribble{z-index:20;pointer-events:none;width:6rem;stroke:var(--color-accent);stroke-dasharray:180;stroke-dashoffset:180px;stroke-linecap:round;stroke-width:2px;animation:drawLine 1.1s var(--ease-out) .85s forwards;position:absolute;bottom:-1rem;right:-4rem;overflow:visible}.intro__copy{max-width:34rem}.intro__copy h1{font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(2.75rem,min(7.5vw,9.5vh),6.4rem);font-weight:700;line-height:.9}.intro__copy h1 em{color:var(--color-accent);font-weight:500}.intro__lead{max-width:27rem;color:var(--color-secondary);margin:clamp(.85rem,2.2vh,1.6rem) 0 0;font-size:clamp(.95rem,min(1.9vw,2.2vh),1.16rem)}.intro__actions{flex-wrap:wrap;align-items:stretch;gap:.65rem;margin-top:clamp(1rem,2.5vh,1.85rem);display:flex}.intro-timer{min-height:3.25rem;color:var(--color-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .22s var(--ease-spring), border-color .22s ease, box-shadow .22s ease, background .22s ease;background:linear-gradient(135deg,#fffdfaf0 0%,#fce7f1b8 100%);border:1px solid #9d174d38;border-radius:.75rem;align-items:center;gap:.68rem;padding:.52rem .95rem .52rem .82rem;display:inline-flex;position:relative;box-shadow:0 10px 26px -10px #9d174d2e,inset 0 1px #ffffffd9}.intro-timer:hover{border-color:#ec48997a;transform:translateY(-2px);box-shadow:0 14px 32px -8px #ec48993d,inset 0 1px #fffffff2}.intro-timer:active{transform:translateY(1px)scale(.97)}.intro-timer__pulse{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:.48rem;height:.48rem;animation:1.8s ease-in-out infinite timerPulseDot;position:relative;box-shadow:0 0 0 3px #ec489933}@keyframes timerPulseDot{0%,to{transform:scale(1);box-shadow:0 0 0 3px #ec489933}50%{transform:scale(1.16);box-shadow:0 0 0 6px #ec489914}}.intro-timer__body{flex-direction:column;justify-content:center;gap:.14rem;line-height:1.1;display:flex}.intro-timer__meta{color:var(--color-rose-dark);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;font-size:.54rem;font-weight:600}.intro-timer__readout{color:var(--color-primary);letter-spacing:.04em;white-space:nowrap;align-items:baseline;gap:.24rem;font-size:.74rem;font-weight:500;display:inline-flex}.intro-timer__readout strong{color:#be185d;font-weight:700}.intro-timer__sep{color:#9d174d7a;font-weight:600}.intro__audio-note{color:var(--color-secondary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.55rem;margin:clamp(.65rem,1.8vh,1.35rem) 0 0;font-size:.62rem;display:flex}.intro__audio-note svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:1rem;height:1rem}.site-header{--nav-bg:#180f16ad;--nav-border:#fce7f12e;--nav-text:#fdf2f8;--nav-accent:#ec4899;--nav-shadow:0 10px 28px -8px #0e070c6b;z-index:var(--z-header);padding:max(.6rem, calc(env(safe-area-inset-top) + .4rem)) 1rem 0;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);justify-content:center;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-120%)}body.experience-open .site-header{opacity:1;transform:translateY(0)}.site-header--biome-1{--nav-bg:#1a0f17ad;--nav-border:#fce7f12e;--nav-text:#fdf2f8;--nav-accent:#ec4899;--nav-shadow:0 10px 28px -8px #0e070c73}.site-header--biome-2{--nav-bg:#fffafcc7;--nav-border:#9d174d29;--nav-text:#18181b;--nav-accent:#db2777;--nav-shadow:0 8px 24px -8px #9d174d24}.site-header--biome-3{--nav-bg:#2a1618b8;--nav-border:#fbbf2438;--nav-text:#fffbf4;--nav-accent:#f472b6;--nav-shadow:0 10px 28px -8px #12090a7a}.site-header--biome-4{--nav-bg:#fffdfacc;--nav-border:#9d174d26;--nav-text:#18181b;--nav-accent:#be185d;--nav-shadow:0 8px 24px -8px #9d174d1f}.sound-toggle{border:1px solid var(--nav-border);background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);min-width:5.2rem;min-height:2.15rem;box-shadow:var(--nav-shadow);color:var(--nav-text);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:auto;cursor:pointer;transition:background-color .38s var(--ease-out), border-color .38s var(--ease-out), color .38s var(--ease-out), box-shadow .38s var(--ease-out), transform .18s var(--ease-spring);border-radius:.6rem;justify-content:center;align-items:center;gap:.48rem;padding:.35rem .85rem;font-size:.6rem;display:inline-flex}.sound-toggle:hover{background:var(--nav-accent);border-color:var(--nav-accent);color:#fff;transform:translateY(-1px)}.sound-toggle__bars{align-items:center;gap:2px;height:.85rem;display:flex}.sound-toggle__bars i{background:currentColor;border-radius:1px;width:2px;height:30%;display:block}.sound-toggle[aria-pressed=true] .sound-toggle__bars i{animation:.8s ease-in-out infinite alternate equalize}.sound-toggle[aria-pressed=true] .sound-toggle__bars i:nth-child(2){animation-delay:-500ms}.sound-toggle[aria-pressed=true] .sound-toggle__bars i:nth-child(3){animation-delay:-200ms}main.surat-experience{z-index:2;width:100%;height:var(--vvh,100dvh);min-height:var(--vvh,100dvh);max-height:var(--vvh,100dvh);transition:opacity .55s var(--ease-out);position:relative;overflow:hidden}main[aria-hidden=true]{opacity:0;display:none!important}main.surat-experience.is-under-bouquet{pointer-events:none;user-select:none}.surat-page{width:100%;height:var(--vvh,100dvh);min-height:var(--vvh,100dvh);max-height:var(--vvh,100dvh);perspective:1400px;will-change:opacity;position:absolute;inset:0;overflow:hidden}.surat-page--01{z-index:20}.surat-page--02,.surat-page--03,.surat-page--04{z-index:10;opacity:0;visibility:hidden}.surat-page[data-gpu-hibernated=true],.surat-page[data-gpu-hibernated=true] *,.intro[hidden] *,.bouquet-sanctuary:not(.is-open) *{will-change:auto!important}.surat-page[data-gpu-hibernated=true]{pointer-events:none!important}.surat-page__frame{top:var(--navbar-safe-top,3.4rem);width:100%;height:calc(var(--vvh,100dvh) - var(--navbar-safe-top,3.4rem));max-height:calc(var(--vvh,100dvh) - var(--navbar-safe-top,3.4rem));padding:clamp(.35rem, 1.2vh, 1rem) clamp(1.5rem, 5vw, 5.5rem) max(clamp(1.25rem, 3.5vh, 2.5rem), env(safe-area-inset-bottom));will-change:transform, opacity;transform-style:preserve-3d;align-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.hero{color:var(--color-on-primary);background:radial-gradient(circle at 72% 43%,#ec489938,#0000 36%),radial-gradient(circle at 18% 76%,#9d174d3d,#0000 44%),linear-gradient(#140e13cc 0%,#1c1018d4 76%,#301825db 100%)}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:4rem 4rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.hero__stage{gap:clamp(1.25rem,4vw,4.5rem);width:min(100%,88rem);margin:0 auto}.hero__index{z-index:2;color:#ffffff73;font-family:var(--font-mono);font-variant-numeric:tabular-nums;writing-mode:vertical-rl;font-size:.6rem;display:none;position:absolute;top:50%;left:clamp(1rem,2.5vw,2.5rem)}.hero__copy{z-index:2;align-self:center;position:relative}.hero__eyebrow{margin-bottom:clamp(.5rem,1.5vh,1.1rem)}.hero__copy h2{max-width:46rem;font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2.8rem,min(8.2vw,10.5vh),7.8rem);font-weight:400;line-height:.88}.hero__greeting{letter-spacing:-.02em;color:#fff5faf0;font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:400}.hero__copy h2 em,.hero__name-em{color:#ecfccb;letter-spacing:-.035em;cursor:pointer;background:linear-gradient(135deg,#a3e63533 0%,#4d7c0f47 100%);border:1px solid #a3e63570;border-radius:.24em;justify-content:center;align-items:center;margin-top:.1em;padding:.08em .32em .12em;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.86em;font-style:normal;font-weight:800;line-height:1;display:inline-flex;position:relative;box-shadow:0 10px 28px -8px #84cc1661,inset 0 1px #ffffff2e}.hero__name-text{z-index:1;background:linear-gradient(#f7fee7 0%,#bef264 52%,#84cc16 100%);color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}.hero__name-corner{pointer-events:none;border-style:solid;border-color:#a3e635;width:.22em;height:.22em;position:absolute}.hero__name-corner--tl{border-width:2.5px 0 0 2.5px;border-top-left-radius:4px;top:-2px;left:-2px}.hero__name-corner--tr{border-width:2.5px 2.5px 0 0;border-top-right-radius:4px;top:-2px;right:-2px}.hero__name-corner--bl{border-width:0 0 2.5px 2.5px;border-bottom-left-radius:4px;bottom:-2px;left:-2px}.hero__name-corner--br{border-width:0 2.5px 2.5px 0;border-bottom-right-radius:4px;bottom:-2px;right:-2px}.hero__date{color:#ffffffc7;margin:clamp(.65rem,2vh,1.5rem) 0 0;font-size:clamp(.95rem,min(1.7vw,2.2vh),1.2rem);font-style:italic}.hero__visual{z-index:1;perspective:900px;justify-self:center;width:min(68vw,40vh,23.5rem);position:relative}.hero__halo{will-change:transform, opacity;pointer-events:none;border:1px solid #fce7f138;border-radius:50%;position:absolute;inset:-12%}.hero__halo:before,.hero__halo:after{content:"";border:1px solid #ec48992e;border-radius:50%;position:absolute}.hero__halo:before{inset:10%}.hero__halo:after{inset:22%}.hero__photo{box-shadow:var(--shadow-xl);transform-style:preserve-3d;cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#ffffff14;border:1px solid #ffffffad;border-radius:50% 50% 1.1rem 1.1rem;margin:0;padding:.5rem;transition:border-color .22s;position:relative;transform:rotate(2deg)}.hero__photo img{aspect-ratio:1;object-fit:cover;border-radius:50% 50% .75rem .75rem;width:100%}.hero__photo figcaption{color:#ffffffc7;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;padding:.55rem .5rem .15rem;font-size:.56rem;display:flex}.hero__note{z-index:3;background:var(--color-paper);box-shadow:var(--shadow-md);color:var(--color-primary);font-family:var(--font-display);cursor:pointer;border:1px solid #ec489933;border-radius:.28rem;padding:.45rem .78rem;font-size:.85rem;font-style:italic;transition:background-color .2s,color .2s,box-shadow .2s;position:absolute;bottom:12%;right:-2.8rem;transform:rotate(-7deg)}.hero__note:hover{background:var(--color-blush);color:var(--color-rose-dark);box-shadow:var(--shadow-lg)}.prologue{color:var(--color-primary);background:radial-gradient(circle at 20% 30%,#fce7f1b8,#0000 50%),radial-gradient(circle at 82% 72%,#ec48991f,#0000 46%),linear-gradient(#fdf2f8d1 0%,#fffcfdd6 55%,#fce7f1db 100%)}.prologue__stage{align-content:center;width:min(100%,92rem);margin:0 auto;position:relative}.prologue__botanical-canvas{z-index:1;pointer-events:none;color:#9d174d;position:absolute;inset:clamp(.45rem,1.4vh,1.15rem) clamp(.85rem,2.6vw,2.75rem) clamp(.75rem,2vh,1.5rem)}.prologue__specimen-frame{background:radial-gradient(circle,#fffafc3d,#0000 72%);border:1px solid #9d174d21;border-radius:1.25rem;position:absolute;inset:0}.prologue__specimen-frame:before{content:"";border:1px dashed #be185d1c;border-radius:.95rem;position:absolute;inset:.42rem}.prologue__specimen-corner{border-style:solid;border-color:#9d174d57;width:1.15rem;height:1.15rem;position:absolute}.prologue__specimen-corner--tl{border-width:1.5px 0 0 1.5px;border-top-left-radius:.4rem;top:-1px;left:-1px}.prologue__specimen-corner--tr{border-width:1.5px 1.5px 0 0;border-top-right-radius:.4rem;top:-1px;right:-1px}.prologue__specimen-corner--bl{border-width:0 0 1.5px 1.5px;border-bottom-left-radius:.4rem;bottom:-1px;left:-1px}.prologue__specimen-corner--br{border-width:0 1.5px 1.5px 0;border-bottom-right-radius:.4rem;bottom:-1px;right:-1px}.prologue__constellation-svg{color:#be185d;opacity:.56;width:100%;height:100%;position:absolute;inset:0}.prologue__grid{z-index:2;align-items:center;gap:clamp(2rem,4.5vh,5rem);display:grid;position:relative}.prologue__visual{perspective:900px;flex-direction:column;justify-self:center;align-items:center;gap:clamp(1.25rem,2.8vh,2.25rem);display:flex}.prologue__portrait-sanctuary{place-items:center;display:grid;position:relative}.prologue__astrolabe{color:#be185d;opacity:.68;pointer-events:none;will-change:transform, opacity;width:142%;height:142%;position:absolute}.prologue__herbarium{z-index:4;color:#9d174d;opacity:.72;cursor:pointer;pointer-events:auto;will-change:transform, opacity;transition:color .24s,opacity .24s;position:absolute}.prologue__herbarium:hover{color:#db2777;opacity:.96}.prologue__herbarium--rose{transform-origin:50% 90%;width:clamp(5.8rem,8.5vw,7.8rem);height:auto;bottom:-1.4rem;right:-3.6rem}.prologue__herbarium--lily{opacity:.64;transform-origin:35% 88%;width:clamp(6.4rem,9.5vw,8.8rem);height:auto;top:-2.4rem;right:-1.2rem}.prologue__photo{z-index:2;background:var(--color-paper);width:min(58vw,36vh,20.5rem);box-shadow:var(--shadow-lg);transform-style:preserve-3d;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1px solid #18181b1a;border-radius:.95rem;margin:0;padding:.75rem .75rem 1.75rem;transition:box-shadow .24s;position:relative;transform:rotate(-2deg)}.prologue__photo img{aspect-ratio:1;object-fit:cover;border-radius:.5rem;width:100%}.prologue__tape{z-index:3;backdrop-filter:blur(4px);background:#fce7f1b8;border:1px solid #18181b14;border-radius:2px;width:5.2rem;height:1.45rem;position:absolute;top:-.7rem;left:50%;transform:translate(-50%)rotate(3deg);box-shadow:0 2px 6px #0000000f}.prologue__quote{text-align:center;cursor:pointer;max-width:26rem;margin:0}.prologue__quote svg{fill:#ec489957;width:1.65rem;height:1.25rem;margin:0 auto .45rem;transition:fill .2s}.prologue__quote:hover svg{fill:#ec489994}.prologue__quote p{font-family:var(--font-display);color:var(--color-primary);margin:0;font-size:clamp(1.08rem,min(1.9vw,2.4vh),1.4rem);font-style:italic;line-height:1.36}.prologue__quote cite{color:var(--color-rose-dark);font-family:var(--font-mono);letter-spacing:.09em;margin-top:.45rem;font-size:.66rem;font-style:normal;display:block}.prologue__eyebrow{color:var(--color-rose-dark);margin-bottom:clamp(.65rem,1.6vh,1.2rem)}.prologue__title{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:0 0 clamp(.85rem,2vh,1.35rem);font-size:clamp(2.35rem,min(5.4vw,6.8vh),4.65rem);font-weight:700;line-height:1.02}.prologue__title em{color:var(--color-accent);cursor:pointer;font-weight:500;display:inline-block}.prologue__content{max-width:38rem;position:relative}.prologue__body{color:var(--color-secondary);margin:0;font-size:clamp(1rem,min(1.65vw,2.25vh),1.2rem);line-height:1.68}.prologue__divider{color:var(--color-accent);cursor:pointer;align-items:center;gap:.9rem;margin-top:clamp(1.35rem,3vh,2.35rem);display:flex}.prologue__divider span{transform-origin:50%;background:#9d174d2e;flex:1;height:1px}.prologue__divider-emblem{color:#be185d;align-items:center;gap:.35rem;display:inline-flex}.prologue__divider-floret{opacity:.75;width:2rem;height:.9rem}.prologue__divider i{color:var(--color-accent);font-style:normal;display:inline-block}.letter-section{color:var(--color-on-primary);background:radial-gradient(circle at 74% 38%,#d9770629,#0000 42%),radial-gradient(circle at 22% 72%,#9d174d3d,#0000 46%),linear-gradient(#221316d6 0%,#1c1012db 65%,#2c181ae0 100%)}.letter-section__scroll-viewport{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;transform-style:flat;scrollbar-width:thin;scrollbar-color:#f472b659 transparent;padding:clamp(.85rem, 2.2vh, 1.85rem) clamp(1rem, 4vw, 5rem) max(clamp(2.25rem, 5.5vh, 3.5rem), calc(env(safe-area-inset-bottom) + 1.5rem));flex-direction:column;justify-content:flex-start;align-items:center;display:flex;overflow:hidden auto}.letter-section__stage{flex-shrink:0;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(1rem,2.5vh,3rem);width:min(100%,88rem);margin:auto;display:grid}.letter-section__intro{z-index:2;flex-direction:column;justify-content:center;width:min(100%,42rem);min-width:0;margin-inline:auto;display:flex;position:relative}.letter-section__eyebrow{color:#fbcfe8;margin-bottom:clamp(.35rem,.9vh,.75rem)}.letter-section__title{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:0;padding-top:.06em;font-size:clamp(1.95rem,4.5vw + .5rem,4.4rem);font-weight:700;line-height:1.02}.letter-section__title em{color:var(--color-accent);font-weight:500}.note-deck-wrap{z-index:5;padding-inline:clamp(.25rem,1.6vw,1rem);flex-direction:column;justify-self:center;align-items:center;gap:clamp(1.25rem,2.6vh,1.65rem);width:min(100%,42rem);padding-top:.25rem;display:flex;position:relative}.note-deck{isolation:isolate;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;margin-top:4.25rem;margin-bottom:.35rem;position:relative}.note-deck:active{cursor:grabbing}.note-deck.is-scroll-locked{cursor:ns-resize}.letter.note-card{width:100%;color:var(--color-primary);touch-action:pan-y;will-change:transform, opacity;transition:box-shadow .32s var(--ease-out), border-color .28s var(--ease-out);background:repeating-linear-gradient(#0000 0 1.75rem,#7c2d120e calc(1.75rem + 1px)),#fffbf4;border:1px solid #9d174d2e;border-radius:1rem;margin:0;padding:clamp(1.05rem,2.4vh,2rem) clamp(1.15rem,3.5vw,2.65rem);position:relative;box-shadow:0 20px 48px -10px #0a04075c,0 8px 20px -6px #9d174d24}.letter.note-card:before{content:"";background:#ec489938;width:1px;position:absolute;top:0;bottom:0;left:clamp(.8rem,2.2vw,1.8rem)}.letter.note-card.note-card--back-two,.letter.note-card.note-card--back-one{pointer-events:auto;cursor:pointer;transform-origin:top;height:4.5rem;min-height:0;padding:.35rem clamp(1.15rem,3.5vw,2.65rem) 0;position:absolute;inset:0 0 auto;overflow:hidden}.letter.note-card.note-card--back-two{z-index:1;opacity:.84;background:#f2e5d7;border-color:#9d174d3d;transform:translateY(-64px)scale(.924)rotate(-1.1deg);box-shadow:0 14px 32px -10px #08030661}.letter.note-card.note-card--back-one{z-index:2;opacity:.94;background:#f9efe3;border-color:#9d174d38;transform:translateY(-32px)scale(.962)rotate(1.1deg);box-shadow:0 16px 36px -10px #0803065c}.letter.note-card.note-card--back-two .letter__meta,.letter.note-card.note-card--back-one .letter__meta{border-bottom:1px solid #18181b1a;padding-bottom:.26rem}.letter.note-card.note-card--back-two .letter__page-number,.letter.note-card.note-card--back-one .letter__page-number{pointer-events:none}.letter.note-card.note-card--front{z-index:10;flex-direction:column;justify-content:space-between;min-height:clamp(14.75rem,36vh,22.5rem);display:flex;transform:translate(0,0)scale(1)rotate(0)}.note-deck:hover .note-card--front,.note-card--front:hover,.note-card--front:focus-within{border-color:#ec48995c;box-shadow:0 32px 76px -8px #08030680,0 16px 38px -6px #ec489933,0 0 0 1px #fce7f138}.note-card--front.is-haptic-buzz{border-color:#ec489985;box-shadow:0 36px 84px -6px #0803068f,0 18px 42px -4px #ec48994d,0 0 0 1.5px #f472b661}.note-card--front.is-swipe-ready{border-color:#db277794;box-shadow:0 38px 88px -6px #08030694,0 20px 46px -4px #ec489957,0 0 0 1.5px #fbcfe873}.note-deck:hover .note-card--back-one{box-shadow:0 24px 56px -10px #0803066b,0 10px 24px -6px #9d174d29}.note-deck:hover .note-card--back-two{box-shadow:0 20px 48px -12px #0803065c}.letter__meta{border-bottom:1px solid #18181b1f;justify-content:flex-end;align-items:center;padding-bottom:clamp(.45rem,1.1vh,.75rem);display:flex}.letter__page-number{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.14em;color:var(--color-rose-dark);cursor:pointer;transition:background-color .18s ease, transform .18s var(--ease-spring);background:0 0;border:0;border-radius:.35rem;padding:.15rem .4rem;font-size:.68rem;font-weight:500}.letter__page-number:hover{background:#ec48991f;transform:translateY(-1px)}.letter__body{flex-direction:column;flex:1;justify-content:center;padding-top:clamp(.75rem,1.8vh,1.35rem);display:flex}.letter__body p{margin:0 0 clamp(.55rem,1.3vh,.95rem);font-size:clamp(.9rem,.45vw + .78rem,1.04rem);line-height:1.62}.letter__body p:last-child{margin-bottom:0}.letter__salutation{font-family:var(--font-display);color:var(--color-primary);font-style:italic;font-size:clamp(1.45rem,1.5vw + 1.1rem,2.1rem)!important;line-height:1.1!important}.letter__highlight{color:var(--color-rose-dark);font-family:var(--font-display);letter-spacing:-.03em;font-style:italic;font-weight:700;margin-block:clamp(.55rem,1.4vh,1rem)!important;font-size:clamp(1.45rem,1.6vw + 1.1rem,2.25rem)!important;line-height:1.08!important}.letter__pullquote{color:var(--color-rose-dark);font-family:var(--font-display);border-block:1px solid #9d174d33;margin:clamp(.55rem,1.4vh,1.05rem) 0;padding:clamp(.55rem,1.2vh,.85rem) 0;font-size:clamp(1.1rem,1vw + .9rem,1.5rem);font-style:italic;line-height:1.28}.letter__signature{text-align:right;border-top:1px solid #18181b1a;flex-direction:column;align-items:flex-end;margin-top:clamp(.65rem,1.6vh,1.2rem);padding-top:clamp(.5rem,1.2vh,.85rem);display:flex}.letter__signature span{color:var(--color-secondary);font-size:.78rem;font-style:italic}.letter__signature strong{font-family:var(--font-display);color:var(--color-primary);font-size:clamp(1.3rem,1.2vw + 1rem,1.9rem);font-style:italic;font-weight:600}.letter__swipe-cue{backdrop-filter:blur(8px);color:#fce7f1e0;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:opacity .32s ease, background-color .2s ease, border-color .2s ease, transform .18s var(--ease-spring);background:#180e1273;border:1px solid #fce7f12e;border-radius:999px;align-items:center;gap:.65rem;padding:.42rem .95rem;font-size:.58rem;display:inline-flex}.letter__swipe-cue:hover{background:#9d174d8c;border-color:#ec489973;transform:translateY(-1px);opacity:1!important}.letter__swipe-cue.is-subtle{opacity:.52}.letter__swipe-arrow{fill:none;width:.9rem;height:.9rem;stroke:var(--color-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px}.letter__swipe-arrow--left{animation:1.8s ease-in-out infinite swipeHintLeft}.letter__swipe-arrow--right{animation:1.8s ease-in-out infinite swipeHintRight}.closing{color:var(--color-primary);text-align:left;background:radial-gradient(circle at 64% 38%,#fce7f1b8,#0000 58%),radial-gradient(circle at 18% 72%,#d1fae53d,#0000 48%),radial-gradient(circle at 82% 24%,#f9a8d438,#0000 46%),linear-gradient(#fffdfadb 0%,#fffbf7e0 55%,#fce7f1e0 100%)}.closing__stage{place-items:end start;padding-block:clamp(1.25rem,3.8vh,2.75rem);display:grid;position:relative}.closing__science-canvas{z-index:0;pointer-events:none;position:absolute;inset:clamp(.35rem,1.2vh,.9rem) clamp(.25rem,1vw,.8rem)}.closing__blueprint-svg{color:#9d174d;opacity:.54;width:100%;height:100%;position:absolute;inset:0}.closing__jot{color:#9d174d8f;font-family:var(--font-mono);letter-spacing:.11em;white-space:nowrap;font-size:clamp(.52rem,.72vw,.64rem);font-weight:500;line-height:1;position:absolute}.closing__jot--tl{top:7%;left:26%;transform:rotate(-3.5deg)}.closing__jot--tr{top:12%;right:6%;transform:rotate(4.2deg)}.closing__jot--bl{font-family:var(--font-display);letter-spacing:.02em;color:#9d174db8;font-size:clamp(.82rem,1.1vw,.98rem);font-style:italic;bottom:4.5%;left:4%;transform:rotate(-1.5deg)}.closing__biosphere-halo{z-index:1;pointer-events:none;position:absolute;top:42%;left:64%;transform:translate(-50%,-50%)}.closing__eco-svg{color:#be185d;opacity:.58;will-change:transform;width:min(64vw,54vh,31rem);height:min(64vw,54vh,31rem);transform:rotate(-12deg)}.closing__plate{z-index:2;color:#9d174d;opacity:.86;cursor:pointer;pointer-events:auto;will-change:transform;height:auto;transition:opacity .26s,color .26s;position:absolute}@media (hover:hover) and (pointer:fine){.closing__plate{filter:drop-shadow(0 8px 18px #9d174d14);transition:opacity .26s,color .26s,filter .26s}.closing__plate:hover{opacity:1;color:#be185d;filter:drop-shadow(0 12px 24px #9d174d29)}}.closing__plate--serotonin{width:clamp(11.5rem,17.5vw,15.5rem);top:clamp(1rem,4.5vh,2.75rem);left:clamp(.75rem,2.4vw,2.5rem);transform:rotate(8.5deg)}.closing__plate--math{width:clamp(13rem,20.5vw,18rem);top:clamp(1.5rem,6vh,3.75rem);right:clamp(2rem,7vw,6.5rem);transform:rotate(-6.5deg)}.closing__plate--dopamine{width:clamp(12rem,18.5vw,16.5rem);bottom:clamp(3.5rem,11vh,6.5rem);right:clamp(1.25rem,4.5vw,4.25rem);transform:rotate(-4.5deg)}.closing__dna-flourish{z-index:2;color:#9d174d;opacity:.76;will-change:transform;cursor:pointer;width:clamp(11.5rem,21vw,16.5rem);height:auto;transition:opacity .24s,color .24s;position:absolute;top:clamp(3.2rem,14vh,6.5rem);left:38%;transform:rotate(-14deg)}.closing__dna-flourish:hover{opacity:1;color:#db2777}.closing__content{z-index:3;text-align:left;max-width:39rem;margin-bottom:clamp(1.25rem,4.5vh,3rem);margin-left:clamp(.5rem,3.5vw,3.25rem);padding:0;position:relative}.closing__eyebrow{color:var(--color-rose-dark);margin-bottom:clamp(.35rem,1vh,.75rem)}.closing__content h2{color:var(--color-primary);font-family:var(--font-display);letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,min(6vw,7.8vh),5.1rem);font-weight:700;line-height:.93}.closing__content h2 em{color:#db2777;cursor:pointer;font-weight:500;display:inline-block}.closing__subtitle{color:#523842;font-family:var(--font-display);margin:clamp(.6rem,1.5vh,1.05rem) 0 0;font-size:clamp(1.08rem,min(2.1vw,2.5vh),1.45rem);font-style:italic}.closing__actions{justify-content:flex-start;align-items:center;gap:1.15rem;margin-top:clamp(1.1rem,2.6vh,1.85rem);display:flex}.closing__present-btn{color:#9d174d;cursor:pointer;width:clamp(3.6rem,5.2vw,4.25rem);height:clamp(3.6rem,5.2vw,4.25rem);transition:transform .26s var(--ease-spring), color .22s ease, border-color .22s ease, box-shadow .26s ease;background:radial-gradient(circle at 32% 28%,#fffffff2,#fce7f1e0 72%),#fffafce6;border:1px solid #9d174d47;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:relative;box-shadow:0 14px 30px -10px #9d174d3d,0 0 0 4px #fce7f18c}.closing__present-btn:hover{color:#db2777;border-color:#db277785;transform:translateY(-3px)rotate(-4deg)scale(1.05);box-shadow:0 18px 36px -8px #db277752,0 0 0 6px #fce7f1c7}.closing__present-btn:active{transform:translateY(0)scale(.96)}.closing__present-halo{pointer-events:none;border:1px dashed #db277757;border-radius:50%;animation:22s linear infinite presentHaloSpin;position:absolute;inset:-6px}.closing__present-svg{width:66%;height:66%;overflow:visible}.closing__present-lid{transition:transform .26s var(--ease-spring);transform-origin:bottom}.closing__present-btn:hover .closing__present-lid{transform:translateY(-2.5px)rotate(-4deg)}.closing__equation-whisper{color:var(--color-rose-dark);font-family:var(--font-mono)}.closing__gift-cue{color:#9d174d;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .24s ease, transform .26s var(--ease-spring);align-items:center;gap:clamp(.5rem,1.2vw,.78rem);padding:.35rem .5rem .35rem .15rem;display:inline-flex;transform:rotate(-1.8deg)}.closing__gift-cue:hover,.closing__gift-cue:focus-visible{color:#db2777;outline:none}.closing__gift-arrow{color:#db2777;flex-shrink:0;width:clamp(2.15rem,3.6vw,2.85rem);height:auto;animation:2s ease-in-out infinite giftArrowFloat;overflow:visible}.closing__gift-cue-copy{flex-direction:column;align-items:flex-start;gap:.18rem;display:inline-flex}.closing__gift-cue-label{font-family:var(--font-display);letter-spacing:-.01em;color:currentColor;white-space:nowrap;font-size:clamp(1.02rem,min(1.8vw,2.2vh),1.32rem);font-style:italic;font-weight:600;line-height:1.05}.closing__gift-cue-line{transform-origin:0;width:100%;height:1px;transition:transform .28s var(--ease-out);background:linear-gradient(90deg,#db2777a6 0%,#9d174d47 82%,#0000 100%);align-items:center;display:flex;position:relative}.closing__gift-cue:hover .closing__gift-cue-line{transform:scaleX(1.08)}.closing__gift-cue-star{color:#ec4899;margin-left:auto;padding-left:.28rem;font-size:.68rem;font-style:normal;line-height:1;display:inline-block}@keyframes giftArrowFloat{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}.closing__date{right:clamp(1.35rem,3.6vw,2.75rem);bottom:max(clamp(.85rem, 2.2vh, 1.65rem), env(safe-area-inset-bottom));z-index:2;color:#9d174d29;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.06em;pointer-events:none;font-size:clamp(1.75rem,min(4.8vw,5.8vh),3.8rem);font-weight:500;line-height:1;position:absolute}@keyframes presentHaloSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.paper-piece{z-index:var(--z-celebration);width:var(--size);height:calc(var(--size) * .42);background:var(--piece-color);pointer-events:none;animation:paperBurst var(--duration) var(--ease-out) forwards;border-radius:1px;position:fixed;top:50%;left:50%}.noscript{z-index:var(--z-noscript);background:var(--color-primary);max-width:24rem;color:var(--color-on-primary);border-radius:.5rem;padding:1rem;position:fixed;bottom:1rem;right:1rem}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes equalize{0%{height:25%}to{height:100%}}@keyframes swipeHintLeft{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes swipeHintRight{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes paperBurst{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--travel-x)), calc(-50% + var(--travel-y))) rotate(var(--rotation))}}@media (width>=768px){.intro__layout{grid-template-columns:minmax(15rem,.85fr) minmax(20rem,1fr)}.hero__stage{grid-template-columns:minmax(0,1.12fr) minmax(16rem,.68fr)}.hero__index{justify-content:space-between;height:6rem;display:flex}.prologue__grid{grid-template-columns:minmax(18rem,.88fr) minmax(24rem,1.22fr);gap:clamp(3.5rem,6.5vw,7rem)}}@media (width>=960px){.letter-section__stage{grid-template-columns:minmax(15.5rem,.68fr) minmax(0,1.18fr);gap:clamp(2rem,4vw,4.5rem)}.letter-section__intro{margin-inline:0}}@media (width>=1800px){.intro__layout,.hero__stage,.prologue__stage,.letter-section__stage{gap:clamp(4rem,6vw,8rem);width:min(86vw,104rem)}.intro__copy{max-width:44rem}.prologue__photo{width:min(24vw,36vh,21rem)}.note-deck-wrap{width:min(100%,52rem)}}@media (width<=767px){.site-header{padding:max(.45rem, calc(env(safe-area-inset-top) + .3rem)) .85rem 0}.intro{padding:max(2.1rem, calc(env(safe-area-inset-top) + 1.6rem)) 1.25rem max(.65rem, env(safe-area-inset-bottom));justify-content:center}.intro__layout{gap:clamp(1.85rem,3.8vh,2.75rem);margin:0 auto}.intro__portrait{width:min(64vw,16.5rem)}.intro__scribble{width:4.2rem;bottom:-.75rem;right:-2.2rem}.intro__copy{padding-bottom:0}.intro__copy h1{font-size:clamp(2.15rem,min(10.5vw,5.2vh),3.5rem)}.intro__lead{margin-top:clamp(.35rem,1vh,.7rem);font-size:clamp(.88rem,min(3.8vw,1.85vh),1.02rem);line-height:1.38}.intro__actions{flex-wrap:wrap;gap:.45rem;margin-top:clamp(.65rem,1.6vh,1.05rem)}.intro__actions .button{min-height:2.65rem;padding:.55rem .9rem;font-size:clamp(.75rem,3.3vw,.85rem)}.intro__actions .button--primary{flex:auto}.intro-timer{flex:auto;gap:.5rem;min-height:2.65rem;padding:.42rem .75rem}.intro-timer__meta{font-size:.48rem}.intro-timer__readout{font-size:.68rem}.intro__audio-note{margin-top:clamp(.45rem,1.1vh,.75rem)}.surat-page__frame{padding:.5rem 1.25rem max(1rem, env(safe-area-inset-bottom))}.hero__stage{align-content:center;gap:clamp(.75rem,2vh,1.35rem)}.hero__copy{text-align:center;order:2}.hero__visual{order:1;width:min(48vw,25vh,13.5rem)}.hero__note{padding:.36rem .65rem;font-size:.74rem;bottom:12%;right:-1.45rem}.hero__copy h2{font-size:clamp(2.25rem,min(11.5vw,5.6vh),3.85rem)}.prologue__stage{padding:clamp(.75rem, 2vh, 1.5rem) 1.35rem max(1.25rem, env(safe-area-inset-bottom))}.prologue__botanical-canvas{inset:.35rem .65rem .65rem}.prologue__taxonomy{letter-spacing:.09em;font-size:.44rem}.prologue__taxonomy--top{top:.45rem;left:.75rem}.prologue__taxonomy--bottom{bottom:.42rem;right:.75rem}.prologue__astrolabe{opacity:.55;width:136%;height:136%}.prologue__herbarium--rose{width:3.8rem;bottom:-.85rem;right:-1.6rem}.prologue__herbarium--lily{opacity:.52;width:4.5rem;top:-1.35rem;right:-.35rem}.prologue__grid{gap:clamp(1.35rem,3.4vh,2.25rem)}.prologue__visual{flex-direction:row;justify-content:space-between;align-items:center;gap:1.15rem;width:100%}.prologue__photo{flex-shrink:0;width:min(35vw,20vh,9rem);padding:.42rem .42rem .9rem}.prologue__tape{width:3.2rem;height:.95rem;top:-.45rem}.prologue__quote{text-align:left;flex:1;max-width:17.5rem}.prologue__quote svg{width:1.3rem;height:.95rem;margin:0 0 .3rem}.prologue__quote p{font-size:clamp(.95rem,3.8vw,1.12rem);line-height:1.34}.prologue__quote cite{margin-top:.4rem;font-size:.58rem}.prologue__eyebrow{margin-bottom:clamp(.55rem,1.4vh,.9rem)}.prologue__title{margin-bottom:clamp(.75rem,2vh,1.2rem);font-size:clamp(1.85rem,min(8.2vw,4.6vh),2.55rem);line-height:1.04}.prologue__lead{margin-bottom:clamp(.65rem,1.7vh,1rem);font-size:clamp(1.02rem,min(4.2vw,2.2vh),1.22rem);line-height:1.42}.prologue__body{font-size:clamp(.9rem,min(3.75vw,1.95vh),1.02rem);line-height:1.64}.prologue__divider{margin-top:clamp(1rem,2.5vh,1.65rem)}.letter-section__scroll-viewport{padding:.85rem 1.15rem max(2.5rem, calc(env(safe-area-inset-bottom) + 1.5rem))}.letter-section__stage{gap:1.35rem}.letter-section__title{font-size:clamp(1.9rem,7.5vw,2.65rem)}.note-deck-wrap{padding-inline:.55rem}.note-card--front{min-height:clamp(15rem,38vh,20rem)}.closing__jot{font-size:.44rem}.closing__jot--tl{top:3%;left:6%}.closing__jot--tr{display:none}.closing__jot--bl{font-size:.82rem;bottom:2.8%;left:6%}.closing__biosphere-halo{top:36%;left:68%}.closing__plate--serotonin{opacity:.62;width:7.8rem;top:1.5rem;left:.75rem}.closing__plate--math{opacity:.68;width:8.6rem;top:1.8rem;right:.65rem}.closing__plate--dopamine{opacity:.58;width:8.4rem;bottom:3.4rem;right:.75rem}.closing__dna-flourish{opacity:.52;width:9.5rem;top:25%;left:22%}.closing__content{max-width:21rem;margin-bottom:2.2rem;margin-left:.35rem}.closing__actions{gap:.8rem}.closing__gift-arrow{width:2rem}.closing__gift-cue-label{font-size:clamp(.95rem,4vw,1.12rem)}.bouquet-sanctuary__hero-stage{padding:max(clamp(4.25rem, 8.5vh, 5.5rem), calc(var(--navbar-safe-top,4.25rem) + .85rem)) .85rem 1rem}.bouquet__svg{height:min(64vh,480px)}.bouquet-crest-btn{gap:.9rem;padding:.95rem 1.25rem}.bouquet-crest-btn__seal{width:2.55rem;height:2.55rem}}body.bouquet-open .site-header__pages{opacity:0;pointer-events:none;transform:translateY(-6px)}.bouquet-sanctuary{z-index:48;color:#f6ede4;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 50% 38%,#d6ae6b21 0%,#a8345414 36%,#0a080efa 78%),linear-gradient(#0b0810 0%,#120d18 52%,#09070c 100%);transition:opacity .65s cubic-bezier(.22,1,.36,1),visibility .65s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}.bouquet-sanctuary.is-open{opacity:1;visibility:visible;pointer-events:auto}.bouquet-sanctuary__scroll-viewport{width:100%;height:var(--vvh,100dvh);scrollbar-width:thin;scrollbar-color:#d6ae6b61 transparent;overflow-x:hidden}.bouquet-sanctuary.is-scroll-paused .bouquet-sanctuary__scroll-viewport{touch-action:none;overflow-y:hidden}.bouquet-sanctuary.is-scroll-unlocked .bouquet-sanctuary__scroll-viewport{scroll-behavior:smooth;touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow-y:auto}.bouquet-sanctuary__hero-stage{min-height:var(--vvh,100dvh);width:100%;max-width:1220px;padding:max(clamp(4.25rem, 8.5vh, 6rem), calc(var(--navbar-safe-top,4.25rem) + .85rem)) clamp(1rem, 3.5vw, 3rem) clamp(1rem, 2.2vh, 1.75rem);flex-direction:column;justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:relative}.bouquet__header{text-align:center;z-index:3;max-width:36rem}.bouquet__title{font-family:var(--font-display);letter-spacing:-.015em;color:#fbf3ea;margin:0;font-size:clamp(1.55rem,min(4vw,4.2vh),2.55rem);font-weight:400;line-height:1.08}.bouquet__title em{color:#f3b8c6;font-style:italic;font-weight:400}.bouquet__canvas-wrap{z-index:2;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.bouquet__svg{width:auto;max-width:100%;height:min(68vh,620px);overflow:visible;transform:translateZ(0)}.bouquet__lily,.bouquet__rose,.bouquet__ranunculus,.bouquet__gyp-spray,.bouquet__euc-node{cursor:pointer}.bouquet__scroll-cue-wrap{z-index:4;opacity:0;pointer-events:none;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(10px)}.bouquet__scroll-cue-wrap.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.bouquet__scroll-cue{appearance:none;color:#f7e3b5d9;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:.25rem .8rem;transition:color .25s,transform .25s;display:inline-flex}.bouquet__scroll-cue:hover{color:#fff6dc;transform:translateY(2px)}.bouquet__scroll-cue-icon{width:1.25rem;height:1.85rem}.bouquet__scroll-wheel-dot{animation:1.8s ease-in-out infinite bouquetWheelPulse}@keyframes bouquetWheelPulse{0%,to{opacity:.95;transform:translateY(0)}55%{opacity:.35;transform:translateY(6px)}}.bouquet-sanctuary__colophon{justify-content:center;width:100%;max-width:680px;margin:0 auto;padding:clamp(2rem,5vh,3.5rem) clamp(1.25rem,4vw,2.5rem) clamp(4.2rem,9vh,6rem);display:flex;position:relative}.bouquet-colophon__frame{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.bouquet-colophon__filigree{color:#d6ae6b;width:min(100%,320px);height:auto}.bouquet-crest-btn{appearance:none;color:#fbf2e6;cursor:pointer;text-align:left;background:radial-gradient(circle at 20%,#d6ae6b2e 0%,#0000 65%),linear-gradient(135deg,#261b2df5 0%,#150f1afa 100%);border:1px solid #d6ae6b85;align-items:center;gap:1.2rem;padding:1.05rem 1.65rem;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;display:inline-flex;position:relative;box-shadow:0 16px 36px #0000007a,inset 0 1px #fff6dc38}.bouquet-crest-btn:hover{border-color:#f7e3b5e6;transform:translateY(-3px);box-shadow:0 22px 44px #0000009e,0 0 26px #d6ae6b38,inset 0 1px #fff6dc61}.bouquet-crest-btn:focus-visible{outline-offset:4px;outline:2px solid #f7e3b5}.bouquet-crest-btn__corner{pointer-events:none;border-color:#f7e3b5;width:9px;height:9px;transition:width .3s,height .3s;position:absolute}.bouquet-crest-btn:hover .bouquet-crest-btn__corner{width:13px;height:13px}.bouquet-crest-btn__corner--tl{border-top:1.5px solid #f7e3b5;border-left:1.5px solid #f7e3b5;top:-3px;left:-3px}.bouquet-crest-btn__corner--tr{border-top:1.5px solid #f7e3b5;border-right:1.5px solid #f7e3b5;top:-3px;right:-3px}.bouquet-crest-btn__corner--bl{border-bottom:1.5px solid #f7e3b5;border-left:1.5px solid #f7e3b5;bottom:-3px;left:-3px}.bouquet-crest-btn__corner--br{border-bottom:1.5px solid #f7e3b5;border-right:1.5px solid #f7e3b5;bottom:-3px;right:-3px}.bouquet-crest-btn__seal{color:#e5c17d;flex-shrink:0;width:2.9rem;height:2.9rem;transition:transform .5s cubic-bezier(.22,1,.36,1)}.bouquet-crest-btn:hover .bouquet-crest-btn__seal{color:#fff3d1;transform:rotate(-14deg)scale(1.06)}.bouquet-crest-btn__seal svg{width:100%;height:100%}.bouquet-crest-btn__body{flex-direction:column;display:flex}.bouquet-crest-btn__title{font-family:var(--font-display);color:#fff8f0;letter-spacing:.01em;font-size:clamp(1.18rem,2vw,1.42rem);font-style:italic;font-weight:400}.bouquet-crest-btn__laurel{color:#d6ae6b;opacity:.85;flex-shrink:0;width:1.95rem;height:2.5rem;transition:transform .4s cubic-bezier(.22,1,.36,1)}.bouquet-crest-btn:hover .bouquet-crest-btn__laurel{opacity:1;transform:translate(3px)rotate(6deg)}.bouquet-crest-btn__laurel svg{width:100%;height:100%}@media (width<=420px){.sound-toggle{min-width:auto;padding:.35rem .6rem}}.botanical-loader{z-index:9999;color:#2b1822;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 42%,#fff1f6f5 0%,#fdf6f0fa 54%,#f8edf1 100%);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow:hidden}.botanical-loader__ambient{pointer-events:none;background:radial-gradient(circle at 22% 24%,#f472b61f 0%,#0000 48%),radial-gradient(circle at 78% 76%,#d9770617 0%,#0000 52%);position:absolute;inset:0}.botanical-loader__stage{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:clamp(1rem,2.5vh,1.65rem);width:100%;max-width:24rem;display:flex;position:relative}.botanical-loader__eyebrow{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:#9d174d;align-items:center;gap:.5rem;font-size:.68rem;font-weight:700;display:inline-flex}.botanical-loader__eyebrow-dot{background:#ec4899;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite introTimerPulse;box-shadow:0 0 10px #ec4899b3}.botanical-loader__constellation-wrap{justify-content:center;align-items:center;width:clamp(13.5rem,48vw,16.5rem);height:clamp(13.5rem,48vw,16.5rem);display:flex;position:relative}.botanical-loader__svg{width:100%;height:100%;overflow:visible}.botanical-loader__readout{background:#fffcf9e0;border:1px solid #be185d2e;border-radius:6px;align-items:baseline;gap:.12rem;padding:.18rem .65rem;display:inline-flex;position:absolute;bottom:1.45rem;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #83184314}.botanical-loader__percent{font-family:var(--font-display);color:#831843;font-variant-numeric:tabular-nums;font-size:clamp(1.25rem,3.8vw,1.5rem);font-weight:600;line-height:1}.botanical-loader__percent-unit{font-family:var(--font-sans);color:#be185d;font-size:.68rem;font-weight:700}.botanical-loader__telemetry{flex-direction:column;align-items:center;gap:.32rem;min-height:2.8rem;display:flex}.botanical-loader__phase{font-family:var(--font-display);color:#4a152b;letter-spacing:.01em;margin:0;font-size:clamp(1.08rem,3.2vw,1.28rem);font-style:italic}.botanical-loader__detail{font-family:var(--font-sans);color:#831843b8;letter-spacing:.03em;align-items:center;gap:.5rem;margin:0;font-size:.72rem;font-weight:500;display:inline-flex}.botanical-loader__step-badge{font-variant-numeric:tabular-nums;color:#be185d;border-left:1px solid #be185d3d;padding-left:.45rem;font-weight:700}.auth-modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(16px);background:#0a0a0cc7;justify-content:center;align-items:center;padding:1.25rem;animation:.24s cubic-bezier(.16,1,.3,1) forwards fadeInModal;display:flex;position:fixed;inset:0}.auth-modal{color:#fff;text-align:center;background:linear-gradient(145deg,#201c24f5 0%,#141218fa 100%);border:1px solid #ec489959;border-radius:1.25rem;width:min(100%,23.5rem);padding:1.85rem 1.65rem;position:relative;box-shadow:0 24px 64px -12px #000000bf,0 0 0 1px #ffffff14,inset 0 1px #ffffff2e}.auth-modal__header{flex-direction:column;align-items:center;gap:.45rem;margin-bottom:1.35rem;display:flex}.auth-modal__icon{color:#fff;background:linear-gradient(135deg,#ec4899d9,#9d174df2);border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-bottom:.2rem;display:flex;box-shadow:0 6px 18px #ec489959}.auth-modal__icon svg{width:1.35rem;height:1.35rem}.auth-modal__title{font-family:var(--font-display);color:#fff;margin:0;font-size:1.35rem;font-weight:700}.auth-modal__subtitle{color:#ffffffb8;font-family:var(--font-mono);letter-spacing:.02em;margin:0;font-size:.72rem}.auth-modal__form{flex-direction:column;gap:1.15rem;display:flex}.auth-modal__field{text-align:left;flex-direction:column;gap:.35rem;display:flex}.auth-modal__input{box-sizing:border-box;color:#fff;width:100%;font-family:var(--font-mono);letter-spacing:.08em;background:#0c0a0fd9;border:1px solid #ffffff29;border-radius:.75rem;outline:none;padding:.72rem 1rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.auth-modal__input:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec489940}.auth-modal__input.is-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.auth-modal__error{color:#f87171;font-family:var(--font-mono);letter-spacing:.03em;padding-left:.25rem;font-size:.65rem}.auth-modal__actions{justify-content:stretch;gap:.65rem;display:flex}.auth-modal__actions button{flex:1;justify-content:center;min-height:2.75rem;font-size:.82rem}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.paper-piece{display:none}}.cosmic-canvas,.portrait-card,.portrait-card img,.surat-page,.letter-sheet{-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (width<=767px),(hover:none) and (pointer:coarse){.site-header__bar,.sound-toggle,.portrait-lock-seal,.prologue__tape,.letter__swipe-cue,.auth-modal-backdrop,.intro-timer{backdrop-filter:none!important}.site-header{--nav-bg:#180f16eb}body[data-biome-mode=light] .site-header{--nav-bg:#fffafcf2}.portrait-lock-seal{background:#18181beb}.prologue__tape{background:#fce7f1e6}.letter__swipe-cue{background:#180e12d9}.auth-modal-backdrop{background:#0a0a0ce6}.ambient__grain{display:none}.hero__halo,.prologue__astrolabe,.prologue__herbarium,.closing__eco-svg{will-change:auto}}