/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.italic{font-style:italic}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@font-face{font-family:Rustic Roadway;src:url(https://fonts.cdnfonts.com/s/120039/RusticRoadway.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--midnight:#081838;--blue:#102b5c;--cobalt:#174a83;--sun:#f2bf38;--sun-light:#ffe48a;--cream:#f6f0df;--paper:#fffaf0;--ink:#162340;--brown:#6c441e;--green:#324f35;--rose:#a75562;--font-decorative:var(--font-script);--caption-size:clamp(.88rem, 1.18vw, 1.12rem);--caption-leading:1.12;--chapter-body-gap:2.2rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--font-sans), sans-serif;margin:0}button{font:inherit}.site{--page-progress:0;--hero-drift:0px;min-height:100vh;overflow:clip}.progress-track{z-index:90;background:#ffffff24;height:3px;transition:opacity .45s;position:fixed;top:0;left:0;right:0}.progress-track span{width:calc(var(--page-progress) * 100%);background:linear-gradient(90deg,#f4b729,#fff0a8);height:100%;display:block;box-shadow:0 0 15px #f4b729}.finale-in-view .progress-track{opacity:0}.opening-gate{z-index:80;text-align:center;color:#fff8d8;isolation:isolate;background:#07142f;place-content:center;justify-items:center;height:100vh;min-height:100vh;padding:2rem;display:grid;position:relative;overflow:hidden}.opening-gate>p,.opening-gate>h1,.opening-gate>.sun-button{opacity:1;transition:opacity 1s,transform 1.45s cubic-bezier(.22,.72,.2,1);transform:none}.opening-departed .opening-gate{pointer-events:none}.opening-departed .opening-gate>p,.opening-departed .opening-gate>h1,.opening-departed .opening-gate>.sun-button{opacity:0;transition:opacity 1.25s .22s,transform 2.25s cubic-bezier(.22,.72,.2,1);transform:translateY(-4rem)scale(.94)}.opening-departed .sun-button .bloom-icon{visibility:hidden}.gate-art{z-index:-3;filter:saturate(1.08)contrast(1.03);background:url(/hero-munsyari-v1.png) 50%/cover no-repeat;animation:18s ease-in-out infinite alternate hero-breathe;position:absolute;inset:-4%;transform:scale(1.04)}.opening-departed .gate-art{animation:3s cubic-bezier(.2,.7,.2,1) both gate-departure}.opening-gate:before{content:"";z-index:1;aspect-ratio:1;opacity:0;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#ffe2796b,#f1bc3621 34%,#0000 70%);border-radius:50%;width:15vmax;position:absolute;top:67%;left:50%;transform:translate(-50%,-50%)scale(.15)}.opening-departed .opening-gate:before{animation:3s cubic-bezier(.2,.72,.2,1) both gate-light-pass}.opening-gate:after{content:"";z-index:-1;background:radial-gradient(#04122e33 0 24%,#04112b9e 70%,#030c1fd1 100%),linear-gradient(#05122b1a,#05112752);position:absolute;inset:0}.opening-departed .gate-stars{opacity:0;transition-delay:.35s;transform:scale(1.04)}.gate-stars{z-index:0;opacity:1;mix-blend-mode:screen;transition:opacity 1.2s,transform 1.8s;position:absolute;inset:0;transform:none}.gate-stars i{left:calc((var(--i) * 37) % 96 * 1%);top:calc((var(--i) * 61) % 94 * 1%);width:calc(2px + (var(--i) % 3) * 1px);aspect-ratio:1;animation:twinkle calc(2.4s + (var(--i) % 5) * .5s) ease-in-out infinite alternate;background:#fff0a8;border-radius:50%;position:absolute;box-shadow:0 0 12px #ffd94f}.opening-gate>p:first-of-type{text-transform:uppercase;letter-spacing:.24em;z-index:2;text-shadow:0 3px 16px #000000bf;margin:0 0 1.2rem;font-size:.62rem}.opening-gate h1{font-family:var(--font-serif), serif;letter-spacing:-.055em;z-index:2;align-items:center;gap:.25em;margin:0;font-size:clamp(4.2rem,10vw,9rem);font-weight:500;line-height:.75;display:flex}.opening-gate h1 em{font-family:var(--font-script), cursive;color:var(--sun);font-size:.75em;font-weight:400}.gate-note{font-family:var(--font-serif), serif;color:#fff8d8e0;z-index:2;text-shadow:0 3px 20px #000000d9;margin:1.7rem 0;font-size:clamp(1.15rem,2.4vw,1.55rem);line-height:1.35}.sun-button{z-index:2;color:#142443;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:linear-gradient(110deg,#f2b92f,#ffd960);border:1px solid #ffe582b8;border-radius:999px;justify-content:space-between;align-items:center;gap:1.2rem;min-width:255px;padding:.72rem .78rem .72rem 1.5rem;font-size:.64rem;font-weight:750;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 16px 45px #00000040,0 0 35px #f0bd3726}.sun-button:hover{transform:translateY(-4px);box-shadow:0 22px 55px #0000004d,0 0 55px #f0bd374d}.bloom-icon{aspect-ratio:1;background:#17315e;border-radius:50%;flex:none;width:43px;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff26}.bloom-icon i{--petal:0;transform-origin:3.5px 16.5px;width:7px;height:14px;transform:rotate(calc(var(--petal) * 45deg));background:#ffd959;border-radius:80% 20% 75% 25%;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s;position:absolute;top:5px;left:18px}.bloom-icon i:nth-child(2){--petal:1}.bloom-icon i:nth-child(3){--petal:2}.bloom-icon i:nth-child(4){--petal:3}.bloom-icon i:nth-child(5){--petal:4}.bloom-icon i:nth-child(6){--petal:5}.bloom-icon i:nth-child(7){--petal:6}.bloom-icon i:nth-child(8){--petal:7}.bloom-icon em{aspect-ratio:1;background:#7d511a;border-radius:50%;width:11px;position:absolute;top:16px;left:16px;box-shadow:inset 0 0 0 2px #ffe05d47}.sun-button:hover .bloom-icon i{transform:rotate(calc(var(--petal) * 45deg + 13deg)) scale(1.12);background:#ffe783}.bloom-flight{z-index:95;aspect-ratio:1;pointer-events:none;offset-distance:0%;offset-anchor:center;offset-rotate:0deg;will-change:offset-distance;place-items:center;width:58px;animation:3s cubic-bezier(.45,0,.18,1) both bloom-into-story;display:grid;position:fixed;top:0;left:0}.bloom-flight .bloom-icon{width:58px;animation:3s cubic-bezier(.34,.05,.2,1) both bloom-flight-spin;box-shadow:0 14px 32px #03112a6b,0 0 28px #f4c23b47,inset 0 0 0 1px #ffffff2e}.bloom-flight .bloom-icon i{transform-origin:5px 22px;background:#ffdb52;width:10px;height:19px;top:7px;left:24px}.bloom-flight .bloom-icon em{width:16px;top:21px;left:21px;box-shadow:inset 0 0 0 3px #ffe05d47}.opening-gate>small{color:#ffffff75;text-transform:uppercase;letter-spacing:.14em;z-index:2;margin-top:1.1rem;font-size:.52rem}.media-map-button{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#07142fd1;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:.65rem;padding:.55rem .65rem .55rem .9rem;display:flex;position:fixed;bottom:1.1rem;left:1.1rem;box-shadow:0 10px 30px #0000002e}.media-map-button span{text-transform:uppercase;letter-spacing:.14em;font-size:.52rem}.media-map-button b{background:var(--sun);color:#1d2c49;border-radius:999px;padding:.32rem .48rem;font-size:.54rem}.edit-story-link{z-index:30;color:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;letter-spacing:.13em;background:#07142fb8;border:1px solid #ffffff38;border-radius:999px;padding:.52rem .8rem;font-size:.48rem;text-decoration:none;transition:color .2s,background .2s;position:fixed;bottom:4.45rem;left:1.1rem}.edit-story-link:hover{color:#fff5cc;background:#07142ff0}[data-page]{scroll-margin-top:2rem}.editable-lines{white-space:pre-line}.kicker:empty,.polaroid p:empty,.hero-title>p:empty,.hero-placeholder strong:empty,.hero-placeholder small:empty,.hand-line:empty,.panda-note strong:empty,.panda-note p:empty,.panda-note small:empty,.travel-heading>p:last-child:empty,.art-frame>span:empty,.proud-note:empty,.panda-signoff:empty,.final-copy>span:empty{display:none}.page-index{z-index:12;color:#112644a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.16em;background:#fffaedb8;border:1px solid #11264433;border-radius:999px;padding:.45rem .65rem;font-size:.5rem;position:absolute;top:1.35rem;left:max(1.2rem,3vw)}.page-index.light{color:#fff9dccc;background:#05142f61;border-color:#ffffff3d}.hero-night{color:#fff9de;isolation:isolate;background:#081939;min-height:125svh;position:relative;overflow:hidden}.hero-night:after{content:"";z-index:1;background:radial-gradient(circle 220px at var(--pointer-x,50%) var(--pointer-y,40%), #ffdd5e21, transparent 70%);pointer-events:none;position:absolute;inset:0}.night-glow{transform:translateY(calc(var(--hero-drift) * .08)) scale(1.06);filter:saturate(1.06);background:linear-gradient(#05122f2e,#040e2494),url(/hero-munsyari-v1.png) 50%/cover no-repeat;position:absolute;inset:-3%}.hero-placeholder{z-index:3;aspect-ratio:4/5;width:clamp(170px,21vw,300px);transform:rotate(-4deg) translateY(calc(var(--hero-drift) * -.08));background:#f8f0d7;padding:.75rem;position:absolute;bottom:8vh;left:7vw;box-shadow:0 25px 60px #00000061}.hero-placeholder:after{content:"";border:1px solid #ffffff40;position:absolute;inset:.75rem .75rem 3.4rem}.hero-placeholder>span,.hero-placeholder>strong,.hero-placeholder>small{z-index:2;position:absolute;left:1.3rem}.hero-placeholder>span{border:1px solid #fff9;border-radius:999px;padding:.25rem .45rem;font-size:.55rem;top:1.3rem}.hero-placeholder>strong{color:#1c2a48;font-family:var(--font-script);font-size:1.25rem;font-weight:400;bottom:2.25rem}.hero-placeholder>small{color:#8a765e;text-transform:uppercase;letter-spacing:.1em;font-size:.5rem;bottom:1.15rem}.hero-placeholder:before{content:"";background:radial-gradient(circle at 62% 23%,#f9d754 0 3%,#0000 4%),linear-gradient(155deg,#345e91,#172d57 58%,#0b1734);position:absolute;inset:.75rem .75rem 3.4rem}.hero-placeholder.has-photo:before{display:none}.hero-placeholder.has-photo img{object-fit:cover;object-position:center 42%;filter:saturate(.92)contrast(1.04);width:calc(100% - 1.5rem);height:calc(100% - 4.15rem);position:absolute;inset:.75rem .75rem 3.4rem}.hero-placeholder.has-photo img,.media-placeholder.has-media img{transform-origin:50%}.hero-placeholder.has-photo:after{background:linear-gradient(#05112a0d,#05112a38)}.hero-title{z-index:4;text-align:center;width:min(920px,86vw);transform:translateY(calc(var(--hero-drift) * -.5));margin:0 auto;padding-top:23vh;position:sticky;top:22vh}.hero-title p,.kicker{text-transform:uppercase;letter-spacing:.24em;margin:0 0 1.2rem;font-size:.62rem;font-weight:700}.episode-kicker{white-space:nowrap;min-width:0;font-family:var(--font-sans), sans-serif;align-items:center;gap:.52rem;font-weight:700;line-height:1.35;display:flex;letter-spacing:.18em!important;font-size:clamp(.48rem,.72vw,.62rem)!important}.episode-kicker .episode-mark{color:#172b4e;background:#f3c344;border:1px solid #ffe27e9e;border-radius:999px;padding:.38rem .56rem;display:inline-block;box-shadow:0 8px 25px #00000024}.episode-kicker b{color:#c58b00;font-size:1.12em}.episode-kicker em{color:inherit;font-style:normal}.hero-episode{color:#fff8de;justify-content:center}.relationship-kicker{white-space:nowrap}.hero-title h2{font-family:var(--font-serif);letter-spacing:-.055em;text-shadow:0 10px 38px #00000040;margin:0;font-size:clamp(4rem,10vw,9.3rem);font-weight:500;line-height:.76}.you-word{color:var(--sun-light);letter-spacing:-.02em;font-weight:700}.hero-title>span{color:#e9cf76;text-transform:uppercase;letter-spacing:.18em;margin-top:2rem;font-size:.56rem;display:block}.hero-scroll{z-index:5;text-transform:uppercase;letter-spacing:.18em;color:#ffffff8c;align-items:center;gap:.8rem;font-size:.52rem;display:flex;position:absolute;bottom:5vh;right:5vw}.hero-scroll i{background:currentColor;width:52px;height:1px}.cream-section{background-color:var(--cream)}.story-intro{background:linear-gradient(90deg,#f6f0dff5 0 43%,#f6f0dfb8 72%,#f6f0df8f),url(/chapter-college-v1.png) 50%/cover no-repeat fixed;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;min-height:105svh;padding:11rem max(1.5rem,8vw);display:grid;position:relative}.story-intro:after{content:"";z-index:8;opacity:0;pointer-events:none;transform-origin:top;background:linear-gradient(#081838f5,#143053db 45%,#f5d36f6b 82%,#0000);position:absolute;inset:0}.story-transitioning .story-intro:after{animation:3s cubic-bezier(.45,0,.18,1) both story-veil-release}.giant-quote{color:#1c407014;font-family:var(--font-serif);font-size:32rem;line-height:1;position:absolute;top:-2rem;left:3vw}[data-reveal]{opacity:0;transition:opacity .9s,transform 1s cubic-bezier(.2,.75,.2,1);transform:translateY(42px)}[data-reveal].is-visible{opacity:1;transform:none}.story-intro-copy[data-reveal]{filter:blur(7px);transition:opacity 1.45s .38s,transform 1.9s cubic-bezier(.2,.75,.2,1) .28s,filter 1.5s .34s;transform:translateY(68px)scale(.985)}.story-intro-copy[data-reveal].is-visible{filter:none;transform:none}.story-intro-copy{z-index:2;max-width:680px;position:relative}.episode-one-landing-anchor,.episode-one-sunflower{z-index:6;aspect-ratio:1;place-items:center;width:48px;display:grid;position:absolute;top:-4rem;left:-.1rem}.episode-one-sunflower{filter:drop-shadow(0 8px 10px #1c2a3d38)}.episode-one-sunflower .bloom-icon{width:48px;transform:rotate(1080deg)}.episode-one-sunflower .bloom-icon i{transform-origin:4px 18px;width:8px;height:16px;top:6px;left:20px}.episode-one-sunflower .bloom-icon em{width:12px;top:18px;left:18px}.story-intro-copy h2,.episode-heading h2,.munsyari-copy h2,.quiet-copy h2,.travel-heading h2,.portrait-heading h2,.art-copy h2,.garden-copy h2,.letter-heading h2{font-family:var(--font-serif);letter-spacing:-.05em;margin:0;font-size:clamp(3.8rem,6.6vw,7.5rem);font-weight:500;line-height:.86}.story-intro-copy h2 em{color:inherit;font-weight:400}.travel-heading h2 em,.quiet-copy h2 em{color:#a77b19;font-weight:400}.forever-word{color:#c28a00;text-shadow:0 .06em .25em #f2bf383d;padding:0 .04em;font-weight:720;display:inline-block}.art-word{color:#c28a00;text-shadow:0 .06em .25em #f2bf383d;padding:0 .025em;font-weight:720;display:inline-block}.story-intro-copy>p:not(.kicker),.munsyari-copy>p,.quiet-copy>p,.portrait-heading>p:last-child,.art-copy>p:last-child,.garden-copy>p{max-width:570px;font-family:var(--font-serif);color:#566070;font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.55}.story-intro-copy h2+p,.munsyari-copy h2+p,.quiet-copy h2+p,.breakup-copy h2+p,.portrait-heading h2+p,.art-copy h2+p,.garden-copy h2+p{margin-top:var(--chapter-body-gap)}.intro-polaroids{min-height:610px;position:relative}.polaroid{background:#fffdf4;width:min(290px,65vw);padding:.75rem;position:absolute;box-shadow:0 25px 55px #212b3c2e}.polaroid .media-placeholder{aspect-ratio:4/5}.polaroid p{overflow-wrap:anywhere;min-height:2.3rem;font-family:"Rustic Roadway", var(--font-script), cursive;color:#314363;align-items:center;margin:.62rem .3rem .08rem;font-size:clamp(.96rem,1.45vw,1.3rem);line-height:1.08;display:flex;position:static}.p-left p{white-space:nowrap;font-size:clamp(.76rem,1.1vw,1.08rem)}.p-right p{white-space:nowrap;font-size:clamp(.76rem,1.08vw,1.06rem)}.p-left{z-index:3;top:12%;left:4%;transform:rotate(-7deg)}.p-right{z-index:2;width:min(340px,74vw);top:23%;right:2%;transform:rotate(6deg)}.p-right .media-placeholder{aspect-ratio:1}.tape{z-index:5;background:#f0c4438c;width:80px;height:26px;position:absolute}.tape-one{top:10%;left:18%;transform:rotate(-11deg)}.tape-two{top:21%;right:17%;transform:rotate(13deg)}.blue-section{color:#fffce8;background-color:var(--midnight)}.episodes{background:linear-gradient(90deg,#05122cf2 0 30%,#05122cb8 62%,#05122c80),url(/chapter-kdrama-v1.png) 50%/cover no-repeat fixed;min-height:110svh;padding:10rem max(1.5rem,7vw);position:relative}.episodes:before{content:"";opacity:.34;background:radial-gradient(circle at 15% 25%,#2c6ca5,#0000 24%),radial-gradient(circle at 90% 80%,#234f80,#0000 25%);position:absolute;inset:0}.episode-heading{max-width:850px;margin-bottom:5rem;position:relative}.kicker.yellow{color:var(--sun)}.kicker.brown{color:var(--brown)}.episode-layout{grid-template-columns:210px 1fr;gap:5vw;max-width:1220px;margin:0 auto;display:grid;position:relative}.episode-nav{border-left:1px solid #ffffff29;flex-direction:column;display:flex}.episode-nav button{color:#ffffff6b;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;min-height:88px;padding:1rem 1.3rem;transition:color .3s,transform .3s;display:flex;position:relative}.episode-nav button:hover{color:#fff;transform:translate(5px)}.episode-nav button span{letter-spacing:.18em;font-size:.53rem}.episode-nav button strong{font-family:var(--font-serif);font-size:1.25rem;font-weight:500}.episode-nav button i{aspect-ratio:1;background:#53627d;border-radius:50%;width:9px;transition:transform .3s,background .3s;position:absolute;top:44%;left:-5px}.episode-nav button.active{color:var(--sun-light)}.episode-nav button.active i{background:var(--sun);box-shadow:0 0 14px var(--sun);transform:scale(1.35)}.episode-stage{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,5rem);animation:.65s cubic-bezier(.2,.8,.2,1) both episode-in;display:grid}.episode-frame{background:#f4e9cf;padding:.8rem;transform:rotate(-2deg);box-shadow:0 28px 70px #00000059}.episode-frame .media-placeholder{aspect-ratio:4/3}.episode-copy small{color:var(--sun);text-transform:uppercase;letter-spacing:.18em;font-size:.56rem}.episode-copy h3{font-family:var(--font-serif);letter-spacing:-.04em;margin:.7rem 0 1.2rem;font-size:clamp(2.5rem,4.7vw,5rem);font-weight:500;line-height:.92}.episode-copy p{color:#ffffffab;font-family:var(--font-serif);font-size:1.2rem;line-height:1.5}.munsyari{background:linear-gradient(100deg,#f6f0dff2 0 40%,#f6f0dfc4 66%,#f6f0df8a),url(/hero-munsyari-v1.png) 50%/cover no-repeat fixed;min-height:120svh;padding:8rem max(1.5rem,7vw);position:relative;overflow:hidden}.munsyari-sticky{grid-template-columns:.9fr 1.1fr;align-items:center;gap:6vw;min-height:800px;display:grid;position:relative}.mountain-word{font-family:var(--font-serif);color:#1742700e;letter-spacing:-.06em;font-size:clamp(8rem,18vw,19rem);line-height:.7;position:absolute;top:0;left:-4vw}.relationship-start .mountain-word{white-space:nowrap;font-size:clamp(5rem,12vw,12rem);top:1rem}.relationship-start .munsyari-media{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.15rem;min-height:0;display:grid}.relationship-start .wide-memory{z-index:3;grid-column:1/-1;width:min(66%,560px);margin:0 auto;position:relative;inset:auto;transform:rotate(-1.5deg)}.relationship-start .wide-memory .media-placeholder{aspect-ratio:1206/1090;background:#101010}.relationship-start .wide-memory .media-placeholder img{object-fit:contain}.relationship-start .small-memory{width:100%;position:relative;inset:auto}.relationship-start .small-memory .media-placeholder{aspect-ratio:4/3}.relationship-start .small-memory.one{z-index:2;bottom:auto;left:auto;transform:rotate(-2.5deg)}.relationship-start .small-memory.two{z-index:2;bottom:auto;right:auto;transform:rotate(2.5deg)}.munsyari-copy{z-index:4;position:relative}.relationship-date{color:#c18a00;text-shadow:none;background:0 0;padding:0;font-weight:650;display:inline-block}.hand-line{white-space:pre-line;font-family:var(--font-script);color:#a27518;margin-top:2.3rem;font-size:clamp(1.55rem,2.5vw,2.4rem);display:block;transform:rotate(-3deg)}.munsyari-media{min-height:650px;position:relative}.wide-memory{background:#fff;padding:.7rem;position:absolute;inset:8% 0 auto 5%;transform:rotate(2deg);box-shadow:0 24px 55px #1e324133}.wide-memory .media-placeholder{aspect-ratio:16/10}.small-memory{background:#fff;width:40%;padding:.55rem;position:absolute;box-shadow:0 20px 45px #1e324138}.small-memory .media-placeholder{aspect-ratio:4/5}.small-memory.one{bottom:3%;left:-2%;transform:rotate(-7deg)}.small-memory.two{bottom:-2%;right:3%;transform:rotate(6deg)}.sunflower-section{background-color:#e9c758}.quiet-love{background:linear-gradient(90deg,#ebcc64f7 0 38%,#ebcc64b3 56%,#ebcc641f 82%),url(/chapter-quiet-love-v1.png) 50%/cover no-repeat fixed;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;min-height:100svh;padding:9rem max(1.5rem,8vw);display:grid;position:relative;overflow:hidden}.sun-disc{aspect-ratio:1;border:3px solid #66441d17;border-radius:50%;width:min(65vw,800px);position:absolute;top:-32vw;left:-28vw;box-shadow:0 0 0 55px #754c1e08,0 0 0 120px #754c1e06}.quiet-copy{z-index:2;position:relative}.quiet-copy h2{color:#263d35}.quiet-copy h2 em{color:#8a4c27}.quiet-copy>p{color:#5f4f34}.quiet-collage{min-height:650px;position:relative}.sleep-frame{background:#fff9e7;width:75%;margin:0 auto;padding:.8rem .8rem 3.6rem;transform:rotate(4deg);box-shadow:0 28px 65px #48381338}.sleep-frame .media-placeholder{aspect-ratio:4/5}.panda-note{text-align:center;background:#fffdf5;border-radius:4px;place-items:center;width:min(360px,82vw);padding:1rem 1.25rem;display:grid;position:absolute;bottom:-1.8rem;left:-2%;transform:rotate(-5deg);box-shadow:0 16px 40px #48381333}.panda-note>span{margin:0;font-size:2.45rem;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.panda-note strong{white-space:pre-line;font-family:"Rustic Roadway", var(--font-script), cursive;color:#253449;font-size:1.55rem;display:block}.panda-note strong>span{white-space:nowrap;display:block}.panda-note p{font-family:var(--font-serif);color:#655444;margin:.25rem 0}.panda-note small{text-transform:uppercase;letter-spacing:.14em;color:#9a7c45;font-size:.5rem}.breakup-section{isolation:isolate;color:#f7edda;background:linear-gradient(90deg,#040c1ff0 0 42%,#040c1fb3 72%,#040c1f99),url(/chapter-kdrama-v1.png) 50%/cover no-repeat fixed;grid-template-columns:.92fr 1.08fr;align-items:center;gap:7vw;min-height:110svh;padding:10rem max(1.5rem,8vw);display:grid;position:relative;overflow:hidden}.breakup-section:after{content:"";z-index:-1;background:linear-gradient(#040b1c2e,#040b1cb8);position:absolute;inset:0}.breakup-copy{max-width:680px}.breakup-copy h2{font-family:var(--font-serif);letter-spacing:-.055em;margin:1rem 0 2rem;font-size:clamp(4.2rem,7vw,7.5rem);font-weight:500;line-height:.82}.breakup-copy h2 em{color:#c98d91;font-weight:400}.breakup-copy>p:not(.kicker){color:#ffffffad;max-width:610px;font-family:var(--font-serif);font-size:1.12rem;line-height:1.55}.hand-line.pale{color:#eac89a;white-space:nowrap;transform:translate(-1.25rem)rotate(-3deg)}.breakup-memories{min-height:650px;position:relative}.torn-memory{clip-path:polygon(0 0,100% 0,98% 96%,89% 100%,78% 97%,69% 100%,58% 97%,48% 100%,38% 97%,26% 100%,13% 97%,0 100%);background:#e9e3da;width:60%;padding:.75rem .75rem 2.2rem;position:absolute;box-shadow:0 28px 70px #0000006b}.torn-memory .media-placeholder{aspect-ratio:4/5;filter:saturate(.45)contrast(.92)}.torn-memory.left{top:0;left:-15%;transform:rotate(-6deg)}.torn-memory.right{bottom:0;right:0;transform:rotate(5deg)}.travel-section{color:#fff8df;background:linear-gradient(#072344c7,#072344eb),url(/chapter-travel-v1.png) 50%/cover no-repeat fixed;padding:10rem 0;overflow:hidden}.travel-heading{max-width:none;margin-bottom:4rem;padding:0 max(1.5rem,7vw)}.travel-heading h2{color:#fff1b5;font-size:clamp(1.6rem,5vw,6rem)}.travel-heading h2>span{white-space:nowrap;display:block}.travel-heading em{color:var(--sun-light)}.travel-heading>p:last-child{color:#ffffff80;text-transform:uppercase;letter-spacing:.16em;margin-top:2rem;font-size:.55rem}.travel-rail{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(.8rem,1.5vw,1.3rem);width:100%;padding:2rem max(1.5rem,5vw) 4rem;display:grid}.travel-card{color:#182944;background:#fff9e9;min-width:0;padding:.8rem .8rem 1.7rem;position:relative;transform:rotate(-1deg);box-shadow:0 24px 60px #00000047}.travel-card:nth-child(2n){transform:rotate(1.5deg)translateY(1.4rem)}.travel-photo .media-placeholder{aspect-ratio:4/3}.travel-card:first-child .travel-photo .media-placeholder{aspect-ratio:4/5}.travel-card:first-child .travel-photo video{object-fit:contain}.travel-card h3{font-family:"Rustic Roadway", var(--font-script), cursive;align-items:center;gap:.6rem;margin:1.25rem 1rem .1rem;font-size:clamp(.96rem,1.45vw,1.3rem);font-weight:400;line-height:1.08;display:flex}.travel-card h3 small{color:#8a651b;font-family:var(--font-sans);letter-spacing:.12em;background:#efc64d2e;border:1px solid #9e75207a;border-radius:999px;padding:.26rem .48rem .18rem;font-size:.48em;font-weight:700;line-height:1;display:inline-block;transform:rotate(-5deg)}.travel-card>p{color:#7a6e5e;font-family:"Rustic Roadway", var(--font-script), cursive;margin:.55rem 1rem 0;font-size:clamp(.96rem,1.45vw,1.3rem);line-height:1.08}.next-card>p{white-space:nowrap;font-family:var(--font-serif);margin-inline:0;font-size:clamp(.96rem,1.45vw,1.3rem)}.next-card h3{display:block}.stamp{z-index:3;aspect-ratio:1;color:#fff;width:52px;font-family:var(--font-serif);background:#112a4ca6;border:2px dashed #fffc;border-radius:50%;place-items:center;display:grid;position:absolute;top:1.2rem;right:1.2rem;transform:rotate(10deg)}.lagoon .media-placeholder{--slot-a:#61b9c4;--slot-b:#1e6f88}.lantern .media-placeholder{--slot-a:#d66b45;--slot-b:#763145}.monsoon .media-placeholder{--slot-a:#7c9d72;--slot-b:#3c5c52}.sunset .media-placeholder{--slot-a:#e6965f;--slot-b:#8e4b6e}.gold .media-placeholder{--slot-a:#dbb54c;--slot-b:#7e5e2a}.next-card{text-align:center;background:#e8dca9;border:1px dashed #af985c;flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex}.next-card>span{font-family:var(--font-serif);color:#9e7520;font-size:5rem}.portrait-section{background:linear-gradient(#f6f0dfe6,#f6f0dfc7),url(/chapter-art-v1.png) 50%/cover no-repeat fixed;padding:10rem max(1.5rem,7vw)}.portrait-heading{text-align:center;max-width:1120px;margin:0 auto 6rem}.portrait-episode{text-align:center;justify-content:center;width:max-content;max-width:100%;margin-inline:auto}.portrait-heading>p:last-child{margin:2rem auto 0}.portrait-heading>p.portrait-body:last-child{text-align:center;flex-direction:column;align-items:center;width:min(100%,980px);max-width:980px;font-size:clamp(1rem,1.35vw,1.3rem);display:flex}.portrait-body>span{white-space:nowrap;display:block}.portrait-page-1 .portrait-heading{max-width:min(94vw,1540px)}.portrait-page-1 .portrait-heading h2{white-space:nowrap;font-size:clamp(3.4rem,5.65vw,6.7rem)}.portrait-gallery{grid-template-columns:repeat(3,1fr);align-items:start;gap:2rem;max-width:1150px;margin:0 auto;display:grid}.portrait-gallery article{transform:rotate(var(--tilt));background:#fff;padding:.8rem .8rem 2.4rem;box-shadow:0 24px 55px #252d3c26}.portrait-gallery article:nth-child(2n){margin-top:4rem}.portrait-gallery .media-placeholder{aspect-ratio:4/5}.portrait-gallery p{overflow-wrap:anywhere;min-height:2.3rem;font-family:"Rustic Roadway", var(--font-script), cursive;color:#7b5b2e;align-items:center;margin:1.05rem .5rem 0;font-size:clamp(.96rem,1.45vw,1.3rem);line-height:1.08;display:flex}.portrait-page{min-height:105svh;position:relative}.portrait-page-2{background:linear-gradient(#f0e8d3db,#f6f0dfbd),url(/chapter-college-v1.png) 50%/cover no-repeat fixed}.portrait-pair{grid-template-columns:repeat(2,1fr);max-width:880px}.portrait-page-2 .portrait-pair{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);max-width:1400px}.portrait-page-2 .portrait-gallery article{margin-top:0}.proud-note{text-align:center;max-width:850px;font-family:var(--font-serif);color:#18375c;margin:8rem auto 1rem;font-size:clamp(2rem,4vw,4.2rem);line-height:1.05}.art-section{color:#fff6cf;isolation:isolate;background:linear-gradient(90deg,#041432ed 0 40%,#0414329e 72%,#0414327a),url(/chapter-art-v1.png) 50%/cover no-repeat fixed;grid-template-columns:1fr .85fr;align-items:center;gap:7vw;min-height:100svh;padding:9rem max(1.5rem,8vw);display:grid;position:relative;overflow:hidden}.art-section:after{content:"";z-index:-1;background:radial-gradient(circle 260px at var(--pointer-x,60%) var(--pointer-y,35%), #ffd64226, transparent 70%);position:absolute;inset:0}.art-sky{display:none}.art-sky:before{content:none}.art-copy{z-index:2;position:relative}.art-copy>p:last-child{color:#ffffffab}.art-copy>p:last-child span{display:block}.art-frame{background:#cda75b;padding:1rem;transform:rotate(3deg);box-shadow:inset 0 0 0 8px #8b652b,0 30px 70px #00000059}.art-frame .media-placeholder{aspect-ratio:4/5}.art-frame>span{text-align:center;font-family:var(--font-decorative);color:#3d2b1c;font-size:var(--caption-size);line-height:var(--caption-leading);margin-top:1rem;display:block}.garden-section{--garden-warmth:0;isolation:isolate;color:#fff8dd;background:#07162f url(/media/twilight-garden.webp) 50%/cover no-repeat fixed;min-height:100svh;padding:clamp(5rem,9vw,9rem) max(1.5rem,7vw);transition:filter 1.8s;position:relative;overflow:hidden}.garden-section:before{content:"";z-index:1;pointer-events:none;filter:blur(5px)saturate(1.08);opacity:.86;transform-origin:bottom;background:url(/media/twilight-garden.webp) 50% 83%/108% no-repeat;animation:11s ease-in-out infinite alternate garden-foreground;position:absolute;inset:48% -4% -12%;-webkit-mask-image:linear-gradient(#0000 0,#000000a6 24%,#000 44%);mask-image:linear-gradient(#0000 0,#000000a6 24%,#000 44%)}.garden-section:after{content:"";z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:var(--garden-warmth);background:linear-gradient(#ffbb4d1a 0,#fbab397a 49%,#ffd37447 63%,#0000 82%);transition:opacity 1.6s;position:absolute;inset:0}.garden-copy{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05122b94;border:1px solid #ffdd8b33;border-radius:24px;width:fit-content;max-width:82vw;padding:clamp(1.35rem,3vw,2.4rem);position:relative;box-shadow:0 28px 80px #0108154d}.garden-copy h2{color:#fff6d5;text-shadow:0 10px 36px #00000057;margin:.8rem 0 1.5rem;font-size:clamp(3.4rem,6vw,7rem)}.garden-copy h2 span{white-space:nowrap;display:block}.garden-copy>p:last-of-type{color:#ffffffad;max-width:430px;font-family:var(--font-serif);font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.5}.plant-button{color:#fff8d0;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:#081e3ac2;border:1px solid #ffdd8b85;border-radius:999px;align-items:center;gap:1.4rem;margin-top:1.6rem;padding:.9rem 1rem .9rem 1.4rem;font-size:.62rem;transition:transform .25s,background .25s;display:inline-flex;box-shadow:0 12px 35px #00000040}.plant-button:hover{background:#163956e0;transform:translateY(-2px)}.plant-button span{aspect-ratio:1;color:#17304a;background:#efc64d;border-radius:50%;place-items:center;width:28px;display:grid;box-shadow:0 0 22px #efc64d6b}.plant-button:disabled{opacity:.68;cursor:default;transform:none}.sunflower-field{z-index:9;pointer-events:none;outline:none;position:absolute;inset:0;overflow:hidden}.sunflower-field:focus-visible{box-shadow:inset 0 0 0 2px #ffe291a6}.garden-flower{--garden-scale:1;z-index:4;left:var(--x);bottom:var(--bottom);width:var(--flower-w);height:var(--flower-h);color:#14233a;filter:drop-shadow(0 18px 16px #00000059);transform:translateX(-50%) rotate(var(--plant-tilt)) scale(var(--garden-scale));transform-origin:bottom;cursor:pointer;pointer-events:auto;background:0 0;border:0;outline:0;padding:0;animation:5.6s ease-in-out 1.5s infinite alternate garden-wind;position:absolute}.garden-flower:nth-of-type(3n){z-index:5}.flower-part{background:url(/media/sunflower-variants.png) var(--sprite-x) center / 500% 100% no-repeat;transform-origin:bottom;position:absolute;inset:0}.garden-seed{z-index:8;background:radial-gradient(circle at 35% 30%,#f6d474,#8b5a19 70%);border-radius:50%;width:9px;height:7px;animation:.38s ease-in both garden-seed-fall;position:absolute;bottom:0;left:50%;box-shadow:0 0 12px #f4c447b3}.flower-stem{clip-path:inset(27% 31% 0);animation:.58s cubic-bezier(.2,.72,.28,1) .18s both garden-stem-grow}.flower-leaves{clip-path:inset(24% 3% 4%);animation:.46s cubic-bezier(.17,.75,.27,1.2) .62s both garden-leaves-open}.flower-bloom{clip-path:inset(0 0 53%);animation:.52s cubic-bezier(.18,.78,.24,1.22) 1.02s both garden-bloom-open}.flower-reason{z-index:12;left:50%;bottom:calc(var(--reason-offset) + 18px);color:#463218;width:max-content;max-width:210px;font-family:"Rustic Roadway", var(--font-script), cursive;opacity:0;pointer-events:none;background:#fff8def5;border:1px solid #50361229;border-radius:10px;padding:.7rem .9rem;font-size:clamp(.82rem,1.05vw,1rem);line-height:1.08;transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%,.35rem)scale(.92);box-shadow:0 14px 36px #00000047}.garden-flower:hover .flower-reason,.garden-flower:focus .flower-reason{opacity:1;transform:translate(-50%)scale(1)}.sunflower-field>small{z-index:12;color:#fff3bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.14em;background:#04142b94;border:1px solid #ffe2912e;border-radius:999px;padding:.5rem .75rem;font-size:.5rem;position:absolute;bottom:1.2rem;right:max(1rem,3vw)}.garden-fireflies{z-index:3;pointer-events:none;position:absolute;inset:0}.garden-fireflies i{left:var(--firefly-x);top:var(--firefly-y);width:3px;height:3px;animation:firefly-float var(--fly-duration) ease-in-out var(--fly-delay) infinite alternate;background:#ffe989;border-radius:50%;position:absolute;box-shadow:0 0 12px 3px #ffd95f80}.garden-fireflies i:nth-child(2n){opacity:.62;transform:scale(.65)}.garden-finale{z-index:14;color:#fff4c7;width:min(42vw,660px);font-family:var(--font-serif);text-align:right;text-shadow:0 12px 38px #00000073;opacity:0;pointer-events:none;margin:0;font-size:clamp(2rem,4vw,4.4rem);line-height:1;transition:opacity 1.4s .5s,transform 1.4s .5s;position:absolute;top:11%;right:max(1.5rem,7vw);transform:translateY(24px)}.garden-finale span{display:block}.garden-complete .garden-finale{opacity:1;transform:translateY(0)}.panda-section{isolation:isolate;color:#fff8d8;background:linear-gradient(90deg,#05132de6,#0a1f41b3),url(/chapter-quiet-love-v1.png) 50%/cover no-repeat fixed;grid-template-columns:.62fr 1fr .85fr;align-items:center;gap:5vw;min-height:105svh;padding:9rem max(1.5rem,8vw);display:grid;position:relative;overflow:hidden}.panda-section:after{content:"";z-index:-1;background:radial-gradient(circle at 18% 48%,#fad34c2e,#0000 25%),linear-gradient(#040f251f,#040f25a8);position:absolute;inset:0}.panda-moon{aspect-ratio:1;background:#f5c83e;border-radius:50%;place-items:center;width:min(270px,58vw);display:grid;box-shadow:0 0 0 28px #f4c83e0f,0 0 90px #f4c83e38}.panda-moon span{filter:drop-shadow(0 16px 16px #13233638);font-size:clamp(6rem,12vw,10rem);animation:3.8s ease-in-out infinite panda-bob}.panda-copy h2{font-family:var(--font-serif);letter-spacing:-.05em;margin:1rem 0 1.7rem;font-size:clamp(3.7rem,6vw,6.7rem);font-weight:500;line-height:.85}.panda-copy h2 em{color:var(--sun);font-weight:400}.panda-copy>p{color:#ffffffb8;font-family:var(--font-serif);font-size:1.08rem;line-height:1.5}.panda-signoff{color:#f1ce67;font-family:var(--font-decorative);border-top:1px solid #ffffff2e;margin-top:2rem;padding-top:1rem;font-size:1.35rem;line-height:1.2;display:block}.panda-photo{background:#fff9e9;padding:.8rem .8rem 3rem;transform:rotate(3deg);box-shadow:0 28px 70px #00000061}.panda-photo .media-placeholder{aspect-ratio:4/5}.letter-section{color:#fff8d7;background:linear-gradient(#0410269e,#041026c7),url(/chapter-letter-v1.png) 50%/cover no-repeat fixed;flex-direction:column;align-items:center;min-height:110svh;padding:10rem 1.5rem;display:flex;position:relative;overflow:hidden}.letter-stars{opacity:.7;background:radial-gradient(circle at 15% 18%,#f5ce4e 0 2px,#0000 3px) 0 0/270px 210px,radial-gradient(circle at 80% 15%,#f5ce4e 0 1px,#0000 2px) 0 0/320px 270px,radial-gradient(circle at 72% 65%,#f5ce4e 0 2px,#0000 3px) 0 0/410px 320px,radial-gradient(circle at 22% 78%,#f5ce4e 0 1px,#0000 2px) 0 0/230px 290px;position:absolute;inset:0}.letter-heading{z-index:2;text-align:center;max-width:700px;position:relative}.letter-heading>p:last-child{color:#ffffff8c;font-family:var(--font-serif);font-size:1.2rem}.personal-letter{z-index:2;perspective:1400px;cursor:pointer;background:0 0;border:0;width:min(760px,92vw);height:450px;margin-top:4rem;position:relative}.letter-cover,.letter-inside{-webkit-backface-visibility:hidden;backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;transition:transform .9s cubic-bezier(.2,.75,.2,1);display:flex;position:absolute;inset:0;box-shadow:0 28px 65px #00000059}.letter-cover{isolation:isolate;color:#13315b;background:#f2c94d;overflow:hidden;transform:rotateY(0)}.letter-cover:before{content:"";z-index:0;background:linear-gradient(34deg,#e3b534 0 49.5%,#0000 50%) 0 100%/50% 100% no-repeat,linear-gradient(-34deg,#e3b534 0 49.5%,#0000 50%) 100% 100%/50% 100% no-repeat;height:62%;position:absolute;inset:auto 0 0}.letter-cover:after{content:"";z-index:1;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 8px 7px #5c41092e);background:linear-gradient(#f8db72,#edc344);height:58%;position:absolute;inset:0 0 auto}.letter-cover>*{z-index:2;position:relative}.letter-cover small{text-transform:uppercase;letter-spacing:.22em;font-size:.58rem}.letter-cover strong{font-family:var(--font-serif);letter-spacing:-.045em;font-size:clamp(4rem,8vw,7rem);font-weight:500;line-height:1}.letter-cover b{aspect-ratio:1;color:#f4d96d;background:#17345f;border-radius:50%;place-items:center;width:50px;margin-top:1.6rem;display:grid;box-shadow:inset 0 0 0 3px #3c5f8b}.letter-inside{text-align:left;color:#26304b;background:#fffaf0;align-items:flex-start;padding:clamp(1.25rem,3vw,2.5rem);transform:rotateY(180deg)}.letter-inside strong{font-family:var(--font-serif);margin:0 0 .75rem;font-size:clamp(1.2rem,2.1vw,1.75rem);font-weight:500;line-height:1.12}.letter-inside span{font-family:var(--font-serif);color:#50586a;margin-top:.7rem;font-size:clamp(.9rem,1.25vw,1.08rem);line-height:1.35}.letter-closing{font-family:var(--font-serif);color:#50586a;align-self:flex-end;margin-top:1rem;font-size:1rem;font-weight:400}.letter-inside em{font-family:"Rustic Roadway", var(--font-script), cursive;color:#9e7922;align-self:flex-end;margin-top:.15rem;font-size:1.3rem}.personal-letter.open .letter-cover{transform:rotateY(-180deg)}.personal-letter.open .letter-inside{transform:rotateY(0)}.personal-letter>i{color:#ffffff73;text-transform:uppercase;letter-spacing:.15em;font-size:.55rem;font-style:normal;position:absolute;top:calc(100% + 1rem);left:50%;transform:translate(-50%)}.finale-section{--finale-art-x:-4.4vw;--finale-scale-start:1.045;--finale-scale-end:1.085;isolation:isolate;text-align:center;color:#fff8d8;background:#01040a;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.finale-fallback{z-index:-3;opacity:0;transform:translateX(var(--finale-art-x)) scale(var(--finale-scale-start));filter:saturate(.98)contrast(1.04)brightness(.84);will-change:transform, filter;background:url(/finale-confluence-v1.webp) 50%/cover no-repeat;transition:opacity 2.2s;position:absolute;inset:-2%}.finale-active .finale-fallback{opacity:1;animation:18s ease-in-out 2.2s infinite alternate finale-art-breathe}@keyframes finale-art-breathe{0%{transform:translateX(var(--finale-art-x)) scale(var(--finale-scale-start));filter:saturate(.96)contrast(1.04)brightness(.84)}to{transform:translateX(var(--finale-art-x)) scale(var(--finale-scale-end));filter:saturate(1.06)contrast(1.06)brightness(.94)}}.finale-canvas{z-index:-2;width:100%;height:100%;display:block;position:absolute;inset:0}.finale-section.canvas-unavailable .finale-canvas{display:none}.finale-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 34%,#01060f1f,#01060f57 48%,#0000 72%);position:absolute;inset:0;box-shadow:inset 0 0 14vw #00000075}.finale-section:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0002072e,#0000 42%,#01030714 78%,#01030747);position:absolute;inset:0}.final-copy{z-index:2;width:min(1360px,94vw);padding:2rem 1rem 28vh;position:relative}.final-copy:before{content:"";z-index:-1;filter:blur(20px);background:radial-gradient(#01040a8f,#01040a33 52%,#0000 74%);position:absolute;inset:-4rem -8%}.final-copy h2{font-family:var(--font-serif);letter-spacing:-.045em;text-shadow:0 7px 38px #000000e6;margin:0;font-size:clamp(3.25rem,5.35vw,6.5rem);font-weight:500;line-height:.98}.final-copy h2 span{white-space:nowrap;opacity:0;display:block;transform:translateY(22px)}.final-copy h2 span+span{margin-top:.18em}.final-copy h2 em{color:#d4aa4d;letter-spacing:-.025em;text-shadow:0 6px 34px #000000e6;font-style:normal;font-weight:600}.final-copy p{color:#fff7ddf5;font-family:var(--font-serif);letter-spacing:.01em;opacity:0;text-shadow:0 5px 28px #000000e6;margin:clamp(2.35rem,4.8vh,4rem) 0 0;font-size:clamp(1.85rem,2.3vw,2.8rem);font-style:italic;transform:translateY(14px)}.finale-active .final-copy h2 span:first-child{animation:1.45s cubic-bezier(.2,.75,.2,1) 2.1s both finale-copy-in}.finale-active .final-copy h2 span:nth-child(2){animation:1.45s cubic-bezier(.2,.75,.2,1) 2.9s both finale-copy-in}.finale-active .final-copy p{animation:1.7s cubic-bezier(.2,.75,.2,1) 7s both finale-copy-in}@keyframes finale-copy-in{to{opacity:1;transform:none}}.soundtrack-control{z-index:88;flex-direction:column;align-items:flex-end;gap:.3rem;display:flex;position:fixed;bottom:1.1rem;right:1.1rem}.soundtrack-control button{color:#fff8de;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;text-align:left;background:#05122bd1;border:1px solid #ffeeb43d;border-radius:999px;grid-template-columns:30px 1fr auto;align-items:center;gap:.65rem;min-width:245px;padding:.62rem .7rem;display:grid;box-shadow:0 12px 34px #0000003d}.soundtrack-copy{flex-direction:column;min-width:0;display:flex}.soundtrack-copy strong{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-serif);font-size:.88rem;font-weight:500;line-height:1;overflow:hidden}.soundtrack-copy small{text-overflow:ellipsis;white-space:nowrap;color:#ffffff80;letter-spacing:.04em;margin-top:.18rem;font-size:.46rem;overflow:hidden}.soundtrack-control button>b{color:#f3c344;text-transform:uppercase;letter-spacing:.13em;font-size:.47rem}.sound-bars{justify-content:center;align-items:center;gap:3px;height:18px;display:flex}.sound-bars i{background:#f3c344;border-radius:999px;width:2px;height:5px}.sound-bars.playing i{animation:.8s ease-in-out infinite alternate soundtrack-pulse}.sound-bars.playing i:nth-child(2){animation-delay:-.42s}.sound-bars.playing i:nth-child(3){animation-delay:-.2s}@keyframes soundtrack-pulse{to{opacity:.55;height:17px}}.media-placeholder{--slot-a:#3c6493;--slot-b:#162d59;text-align:center;color:#ffffffe0;background:radial-gradient(circle at 70% 25%, #fad24a80 0 2%, transparent 3%), linear-gradient(145deg, var(--slot-a), var(--slot-b));flex-direction:column;justify-content:center;align-items:center;gap:.3rem;width:100%;height:100%;min-height:160px;display:flex;position:relative;overflow:hidden}.media-placeholder:before{content:"";aspect-ratio:1;border:1px solid #ffffff24;border-radius:48% 52% 66% 34%;width:70%;position:absolute;transform:rotate(22deg);box-shadow:0 0 0 24px #ffffff06,0 0 0 55px #ffffff05}.media-placeholder.has-media:before{display:none}.media-placeholder.has-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media-placeholder.has-media video{object-fit:cover;transform-origin:50%;background:#07142f;width:100%;height:100%;position:absolute;inset:0}.video-slot:after,.media-placeholder.has-media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#07142d05,#07142d29);position:absolute;inset:0}.media-placeholder>*{z-index:1;position:relative}.media-placeholder>span{letter-spacing:.12em;border:1px solid #ffffff73;border-radius:999px;padding:.3rem .52rem;font-size:.55rem}.media-placeholder.has-media>span{z-index:3;color:#fff9df;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06132b85;position:absolute;top:.7rem;left:.7rem}.media-placeholder>strong{max-width:80%;font-family:var(--font-serif);font-size:1.15rem;font-weight:500}.media-placeholder>small{text-transform:uppercase;letter-spacing:.16em;color:#ffffff8c;font-size:.46rem}.media-drawer-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030a18a8;justify-content:flex-end;animation:.25s both fade-in;display:flex;position:fixed;inset:0}.media-drawer{color:#192d4f;background:#fbf5e6;width:min(470px,92vw);height:100%;padding:4rem 2rem 2rem;animation:.5s cubic-bezier(.2,.8,.2,1) both drawer-in;position:relative;overflow-y:auto;box-shadow:-25px 0 70px #0000004d}.media-drawer h2{font-family:var(--font-serif);margin:0;font-size:3.4rem;font-weight:500;line-height:.88}.media-drawer>p:not(.kicker){font-family:var(--font-serif);color:#6b6b68;font-size:1.1rem}.media-drawer>div{gap:.6rem;margin-top:2rem;display:grid}.media-drawer>div span{border:1px solid #e1d6ba;grid-template-columns:75px 1fr;align-items:center;padding:.8rem;display:grid}.media-drawer b{color:#9f7922;letter-spacing:.1em;font-size:.68rem}.media-drawer small{color:#4d5562}.drawer-close{aspect-ratio:1;color:#1b3153;cursor:pointer;background:0 0;border:1px solid #d8caac;border-radius:50%;width:42px;font-size:1.3rem;position:absolute;top:1rem;right:1rem}@keyframes gate-spin{to{transform:rotate(360deg)}}@keyframes hero-breathe{to{transform:scale(1.1)translate(-.6%,-.4%)}}@keyframes gate-departure{0%{opacity:1;filter:saturate(1.08)contrast(1.03);transform:scale(1.04)}to{opacity:.62;filter:saturate(1.02)contrast(1.03)brightness(1.08);transform:scale(1.16)translate(-.6%,-.5%)}}@keyframes gate-light-pass{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}24%{opacity:.85}68%{opacity:.42}to{opacity:0;transform:translate(-50%,-50%)scale(7)}}@keyframes story-veil-release{0%,22%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.06)}}@keyframes bloom-into-story{to{offset-distance:100%}}@keyframes bloom-flight-spin{0%{transform:rotate(0)scale(.86)}to{transform:rotate(1620deg)scale(.83)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{to{opacity:.25;transform:scale(.55)}}@keyframes float{50%{transform:translateY(-10px)rotate(4deg)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-10px)scale(.97)}}@keyframes equalize{to{opacity:.45;height:8px}}@keyframes episode-in{0%{opacity:0;transform:translateY(25px)}}@keyframes fade-in{0%{opacity:0}}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes rain-fall{to{transform:rotate(12deg)translateY(70px)}}@keyframes garden-seed-fall{0%{opacity:0;transform:translate(-50%,-42svh)rotate(-25deg)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate(-50%)rotate(18deg)}}@keyframes garden-stem-grow{0%{opacity:0;transform:scaleY(.03)}to{opacity:1;transform:scaleY(1)}}@keyframes garden-leaves-open{0%{opacity:0;transform:scale(.55,.72)}to{opacity:1;transform:scale(1)}}@keyframes garden-bloom-open{0%{opacity:0;transform:scale(.08)rotate(-18deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes garden-wind{0%{transform:translateX(-50%) rotate(calc(var(--plant-tilt) - 1.1deg)) scale(var(--garden-scale))}to{transform:translateX(-50%) rotate(calc(var(--plant-tilt) + 1.7deg)) scale(var(--garden-scale))}}@keyframes garden-foreground{0%{transform:scale(1.04)translate(-.5%,1%)}to{transform:scale(1.08)translate(.7%,-.6%)}}@keyframes firefly-float{0%{opacity:.18;translate:-8px 11px}55%{opacity:.95}to{opacity:.28;translate:13px -17px}}@keyframes panda-bob{50%{transform:translateY(-13px)rotate(3deg)}}@media (max-width:900px){.story-intro,.munsyari-sticky,.quiet-love,.breakup-section,.art-section,.garden-section,.panda-section{grid-template-columns:1fr}.story-intro{padding-top:8rem}.intro-polaroids{width:100%;max-width:580px;min-height:570px;margin:0 auto}.episode-layout{grid-template-columns:1fr}.episode-nav{border-bottom:1px solid #ffffff29;border-left:0;flex-direction:row;overflow-x:auto}.episode-nav button{min-width:130px;min-height:70px}.episode-nav button i{top:auto;bottom:-5px;left:50%}.episode-stage{grid-template-columns:1fr}.munsyari-sticky{min-height:auto}.munsyari-media{min-height:650px}.quiet-collage{width:100%;max-width:610px;margin:0 auto}.travel-rail{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:max(1.5rem,7vw)}.portrait-gallery{gap:1rem}.portrait-page-2 .portrait-pair{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;max-width:none;margin-inline:max(-1.5rem,-7vw);padding:1.25rem max(1rem,5vw) 2.5rem;display:flex;overflow-x:auto}.portrait-page-2 .portrait-pair::-webkit-scrollbar{display:none}.portrait-page-2 .portrait-pair article{scroll-snap-align:center;flex:0 0 min(72vw,310px)}.art-frame{width:100%;max-width:520px;margin:0 auto}.garden-copy{width:min(520px,76vw)}.garden-flower{--garden-scale:.84}.breakup-memories{width:min(620px,100%);min-height:720px;margin:0 auto}.panda-moon{margin:0 auto}.panda-copy{text-align:center}.panda-photo{width:min(480px,88vw);margin:0 auto}}@media (max-width:650px){.gate-art{background-position:48%;inset:-8%}.opening-gate h1{flex-direction:column;gap:.32em;line-height:.6}.opening-gate h1 em{line-height:.5}.music-disc{width:32px}.media-map-button{bottom:.7rem;left:.7rem}.edit-story-link{bottom:4rem;left:.7rem}.hero-night{min-height:110svh}.hero-title{padding-top:28vh;top:18vh}.hero-title h2{font-size:4.35rem}.hero-placeholder{width:150px;bottom:7vh;left:1rem}.hero-scroll{display:none}.story-intro,.episodes,.munsyari,.quiet-love,.breakup-section,.portrait-section,.art-section,.garden-section,.panda-section,.letter-section{padding:7rem 1.15rem}.story-intro-copy h2,.episode-heading h2,.munsyari-copy h2,.quiet-copy h2,.travel-heading h2,.portrait-heading h2,.art-copy h2,.garden-copy h2,.letter-heading h2{font-size:3.65rem}.intro-polaroids{min-height:500px}.polaroid{width:230px}.p-left{left:0}.p-right{top:28%;right:0}.episode-heading{margin-bottom:3rem}.episode-copy h3{font-size:3rem}.munsyari-media{min-height:500px}.relationship-start .munsyari-media{min-height:0}.relationship-start .wide-memory{width:min(82%,520px)}.wide-memory{inset:3% 0 auto}.small-memory{width:44%}.quiet-collage{min-height:560px}.sleep-frame{width:88%}.travel-section{padding:7rem 0}.travel-heading h2{font-size:clamp(1.55rem,6vw,2.65rem)}.travel-rail{grid-template-columns:1fr;gap:2rem}.travel-card{width:100%}.hand-line.pale{transform:translate(-.45rem)rotate(-3deg)}.portrait-gallery{grid-template-columns:1fr;max-width:330px}.portrait-pair{grid-template-columns:1fr}.portrait-page-2 .portrait-pair{display:flex}.portrait-gallery article:nth-child(2n){margin-top:0}.portrait-page-1 .portrait-heading h2{white-space:normal;font-size:3.35rem}.portrait-body>span{white-space:normal}.proud-note{margin-top:5rem}.garden-section{background-position:58%;min-height:100svh;padding:5.5rem 1.1rem 2rem}.garden-copy{width:fit-content;max-width:100%;padding:1.25rem}.garden-copy h2{font-size:clamp(3rem,14vw,4.8rem)}.garden-flower{--garden-scale:.68}.garden-finale{width:calc(100% - 2.2rem);font-size:clamp(1.7rem,8vw,2.7rem);top:35%;right:1.1rem}.personal-letter{height:570px}.letter-inside{padding:1.1rem}.letter-inside strong{font-size:1.2rem}.letter-inside span{font-size:.9rem;line-height:1.3}.letter-closing{font-size:1rem}.final-copy{width:98vw;padding:1rem .35rem 24vh}.final-copy:before{inset:-3rem -2%}.final-copy h2{letter-spacing:-.05em;font-size:clamp(2rem,8.45vw,3.8rem)}.final-copy p{margin-top:2rem;font-size:clamp(1.5rem,6.6vw,2.05rem)}.finale-section{--finale-art-x:0vw;--finale-scale-start:1.035;--finale-scale-end:1.068}.finale-fallback{background-image:url(/finale-confluence-mobile-v1.webp);background-position:50%;inset:-1.5%}.soundtrack-control{bottom:.7rem;right:.7rem}.soundtrack-control button{width:min(230px,100vw - 1.4rem);min-width:0}.story-intro,.episodes,.munsyari,.quiet-love,.breakup-section,.travel-section,.portrait-section,.art-section,.garden-section,.panda-section,.letter-section{background-attachment:scroll}.story-intro{background-position:60%}.quiet-love{background-position:66%}.travel-section{background-position:50%}.art-section,.portrait-section{background-position:48%}.letter-section{background-position:58%}.breakup-memories{min-height:560px}.torn-memory{width:70%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.final-copy h2 span,.final-copy p{opacity:1;transform:none}.finale-fallback{opacity:1;animation:none;transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
