:root{--plum:#281720;--paper:#f4ebdf;--accent:#e8bd95;--muted:#c1a8b3;--line:#80647166;--ink:#412d35;--gutter:clamp(24px,5vw,88px);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Be Vietnam Pro',sans-serif;--ease:cubic-bezier(.2,.7,.3,1);--space:24px;--duration:600ms}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space)}body{margin:0;background:var(--plum);color:var(--paper);font-family:var(--sans);font-size:14px;line-height:1.9;overflow-x:clip}body[data-occasion="20-11"]{--plum:#192b2b;--accent:#d7be85;--muted:#b2c3bb}body[data-occasion="noel"]{--plum:#1c2c2a;--accent:#edbd8a;--muted:#b9c6c0}body[data-occasion="tet"]{--plum:#5a2029;--accent:#efd08b;--muted:#e1b7b1}body[data-occasion="valentine"]{--plum:#351c2c;--accent:#eab6bd;--muted:#cba9bc}a{color:inherit;text-decoration:none}button,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{color:inherit;cursor:pointer}button:active,a:active{opacity:.7}.skip{position:fixed;left:20px;top:-100px;z-index:10;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:16px}.masthead{display:flex;justify-content:space-between;align-items:center;padding:24px var(--gutter);gap:24px}.wordmark{font-family:var(--serif);font-size:29px;line-height:1.1}.wordmark span{display:block;font:8px var(--sans);letter-spacing:2px;margin-top:10px}.header-right{display:flex;align-items:center;gap:28px}.edition{font-size:9px;letter-spacing:1.6px;color:var(--muted)}#motion{font-size:10px;border:1px solid var(--line);border-radius:0;padding:10px 14px;min-height:44px;background:transparent}#motion:hover{background:var(--line)}.seasons{display:flex;gap:30px;justify-content:center;border-block:1px solid var(--line);padding:0 var(--gutter)}.seasons a{min-height:48px;display:grid;align-content:center;font-size:11px;letter-spacing:1px;border-bottom:2px solid transparent;color:var(--muted)}.seasons a[aria-current="page"]{color:var(--paper);border-color:var(--accent)}.seasons a:hover{color:var(--paper)}.hero{position:relative;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:calc(100svh - 152px);padding:54px var(--gutter) 72px;gap:28px}.hero-copy{z-index:2;padding-block:24px}.eyebrow{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;margin:0 0 26px;color:var(--accent)}h1,h2,p,figure{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:.99;letter-spacing:-.045em}h1{font-size:clamp(64px,6.9vw,114px);max-width:10ch;margin-bottom:30px}h1 em,h2 em{font-weight:400;color:var(--accent)}.hero-description{max-width:35ch;color:var(--muted);font-size:13px}.text-link{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid var(--accent);padding:14px 0;font-size:11px;margin-top:16px}.text-link span{font-size:22px}.handwritten{font-family:var(--serif);font-style:italic;font-size:27px;line-height:1.35;color:var(--accent);margin-top:30px}.hero-stage{position:relative;min-width:0;aspect-ratio:1/1.05;isolation:isolate;display:grid;align-items:center}.hero-stage:before{content:'';position:absolute;inset:12% 8%;background:radial-gradient(ellipse,#edc49125,transparent 68%);border-radius:50%;z-index:-1}.hero-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.hero-art{margin:0;position:relative;z-index:1;text-align:center}.hero-art img{width:100%;height:auto;max-height:570px;object-fit:contain;filter:drop-shadow(0 25px 30px #0003);mix-blend-mode:screen}.hero-art figcaption{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--muted);padding-inline:24px}.stage-number{position:absolute;right:0;top:0;font:clamp(110px,19vw,300px)/1 var(--serif);letter-spacing:-.08em;color:var(--accent);opacity:.055}.orbit{position:absolute;inset:13% 2%;border:1px solid var(--line);border-radius:50%;transform:rotate(-28deg);z-index:-1}.orbit-two{inset:3% 13%;transform:rotate(28deg);border-style:dashed;opacity:.45}.stage-corner{position:absolute;bottom:2%;right:0;font-size:8px;letter-spacing:2px;color:var(--muted);text-align:right}.hero-foot{position:absolute;bottom:22px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:2px}.hero-foot span span{margin-left:20px;font-size:16px}.chapter{display:grid;grid-template-columns:1fr 3fr;padding:110px var(--gutter);gap:6vw}.paper{background:var(--paper);color:var(--ink)}.paper .eyebrow{color:var(--ink)}.chapter-meta{padding-top:8px}.chapter-number{font:80px/1 var(--serif);opacity:.35;display:block;margin-bottom:25px}.chapter-meta .eyebrow{font-size:9px;max-width:18ch;line-height:1.9}.chapter h2{font-size:clamp(49px,5vw,78px);max-width:15ch;margin-bottom:36px}.prose{display:grid;grid-template-columns:1fr 1fr;gap:35px;font-size:13px;max-width:850px}.prose p{margin:0}.wide-art{margin:52px 0 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;border-top:1px solid #412d3530;padding-top:30px}.wide-art img{width:100%;height:290px;object-fit:contain;mix-blend-mode:multiply}.wide-art figcaption{font:italic 30px/1.2 var(--serif);max-width:14ch}.distance h2{max-width:16ch}.route{display:flex;align-items:center;justify-content:space-between;margin:56px 0 40px;max-width:800px;gap:12px}.route div:last-child{text-align:right}.route strong{font:30px var(--serif);white-space:nowrap}.route span{display:block;color:var(--muted);font-size:9px;white-space:nowrap;margin-top:10px}.route svg{width:44%;overflow:visible;fill:none;stroke:var(--accent);stroke-width:1}.route svg path:first-child{stroke-dasharray:3 5;opacity:.5}.route .paper-plane{fill:var(--paper);stroke:var(--paper);transform-origin:210px 23px;animation:paper-float 5s ease-in-out infinite}.distance-copy{max-width:55ch;font-size:14px;color:var(--muted);margin-bottom:50px}.surprise{border-top:1px solid var(--line)}.surprise:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;padding:23px 0;font-size:12px}summary::-webkit-details-marker{display:none}summary>span:last-child{font-size:22px;color:var(--accent);transition:transform .3s}.surprise[open] summary>span:last-child{transform:rotate(45deg)}.surprise-body{padding:12px 0 32px;color:var(--muted);font-size:13px;animation:open-note var(--duration) var(--ease)}.surprise-body img{display:block;max-width:100%;width:410px;max-height:330px;object-fit:contain;margin:24px auto;mix-blend-mode:screen}.flower-delivery{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.flower-delivery img{margin:0}.letter-section{background:var(--paper);color:var(--ink);padding:100px var(--gutter) 120px;position:relative}.letter-heading{position:relative;max-width:1000px;margin:auto}.letter-heading .eyebrow{color:var(--ink)}.letter-heading h2{font-size:clamp(56px,7vw,100px);max-width:12ch;margin-bottom:60px}.letter-stamp{position:absolute;right:0;top:0;border:1px solid #412d3540;transform:rotate(10deg);padding:18px 24px;font:35px/1.1 var(--serif);color:#8f4b5f}.letter-paper{max-width:680px;margin:auto;font-size:14px;line-height:2.1;border-left:1px solid #412d3522;padding-left:52px}.salutation{font:italic 34px var(--serif);margin-bottom:36px}.letter-paper>p{margin-bottom:25px}.signature{padding-top:20px}.signature em{font:italic 38px var(--serif)}.letter-paper .surprise{--line:#412d3530;--accent:#8f4b5f}.letter-paper .surprise-body{color:var(--ink)}.film-section{padding:100px var(--gutter);display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:7vw}.film-section[hidden]{display:none}.film-section h2{font-size:60px;max-width:12ch}.film-section>div>p:not(.eyebrow){font-size:12px;color:var(--muted)}video{display:block;width:100%;aspect-ratio:16/9;background:#1a1217;object-fit:contain;border:1px solid var(--line)}.film-note{font-size:9px;color:var(--muted);margin:14px 0 0}footer{padding:70px var(--gutter) 30px;border-top:1px solid var(--line)}footer>.handwritten{font-size:clamp(34px,4vw,58px);max-width:24ch;margin-bottom:60px}footer>div{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);gap:20px}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-paused{scroll-behavior:auto}@keyframes paper-float{50%{transform:translate(13px,-8px) rotate(8deg)}}@keyframes open-note{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(min-width:1600px){main,header,nav,footer{max-width:1800px;margin-inline:auto}}@media(max-width:900px){.edition{display:none}.hero{grid-template-columns:1fr 1fr;gap:0;padding-top:40px}h1{font-size:72px}.hero-stage{margin-left:-25px}.chapter{grid-template-columns:1fr 4fr;gap:30px;padding-block:80px}.prose{grid-template-columns:1fr;gap:20px}.wide-art{grid-template-columns:1fr}.wide-art figcaption{max-width:none;font-size:25px}.film-section h2{font-size:45px}}@media(max-width:600px){.masthead{padding-block:20px;gap:14px}.wordmark{font-size:25px}.wordmark span{font-size:7px;letter-spacing:1.1px}#motion{font-size:9px;padding-inline:9px}.seasons{gap:0;justify-content:space-between}.seasons a{font-size:10px;letter-spacing:0}.hero{grid-template-columns:1fr;min-height:auto;padding-top:48px;padding-bottom:65px;gap:0}.hero-copy{padding:0}.hero .eyebrow{font-size:9px;margin-bottom:22px}h1{font-size:clamp(66px,18vw,88px);max-width:11ch;margin-bottom:24px}.hero-description{max-width:34ch;font-size:12px}.hero-copy>.handwritten{font-size:24px;margin:22px 0 0}.text-link{margin-top:3px}.hero-stage{width:100%;aspect-ratio:1/1.03;margin:12px 0 0}.hero-art img{max-height:350px}.hero-art figcaption{font-size:17px}.stage-corner{font-size:7px;bottom:0}.hero-foot{font-size:7px;letter-spacing:1px;bottom:18px}.hero-foot>span:first-child{max-width:17ch}.chapter{grid-template-columns:1fr;padding-block:64px;gap:20px}.chapter-meta{display:flex;align-items:center;gap:20px}.chapter-number{font-size:44px;margin:0}.chapter-meta .eyebrow{max-width:none;margin:0;font-size:8px}.chapter h2{font-size:52px;margin-bottom:28px}.prose{font-size:12px;gap:18px}.wide-art{margin-top:32px;gap:12px;padding-top:12px}.wide-art img{height:230px}.wide-art figcaption{font-size:27px;max-width:17ch}.route{margin-top:35px;gap:4px}.route strong{font-size:25px}.route span{font-size:8px}.route svg{width:32%}.distance-copy{font-size:12px}.flower-delivery{gap:10px;grid-template-columns:1fr}.flower-delivery img{max-height:300px}.surprise-body{font-size:12px}summary{font-size:11px}.letter-section{padding-block:65px}.letter-heading h2{font-size:62px;margin-bottom:40px}.letter-stamp{padding:12px 17px;font-size:24px}.letter-paper{padding-left:22px;font-size:12px}.salutation{font-size:30px}.film-section{grid-template-columns:1fr;padding-block:65px;gap:20px}.film-section h2{font-size:50px;margin-bottom:20px}.film-section .eyebrow{margin-bottom:20px}footer{padding-top:45px}footer>.handwritten{font-size:36px;margin-bottom:40px}footer>div{font-size:8px}footer>div>span{max-width:24ch}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.has-scene .hero-art img{opacity:0}.has-scene .hero-art figcaption{position:absolute;bottom:0;left:0;right:0}.has-scene .hero-stage canvas{z-index:3}.gift-plane{display:block;font-size:50px;color:var(--accent);width:50px;transform:rotate(-15deg)}.arrival[hidden]{display:none}.arrival img{max-height:300px}
.hero-stage{overflow:clip}