@import url('fonts/fonts.css');
:root{--bg:#160c13;--ink:#fff5ef;--muted:#c8b4bb;--rose:#e89baa;--line:#ffffff20;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',system-ui,sans-serif}
body{overflow-x:clip}
.cinema-sticky>picture{display:block;width:100%;height:100%}
html:has(.effects-paused){scroll-behavior:auto}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--rose);outline-offset:6px}figure,p{margin:0}img{display:block;max-width:100%;object-fit:cover}em{font-weight:400;color:var(--rose)}h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;line-height:1.02}h2{font-size:clamp(44px,5.2vw,76px)}.wrap{max-width:1280px;margin-inline:auto;padding-inline:64px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:600;color:var(--muted);line-height:1.8}.handwritten{font-family:var(--serif);font-style:italic}.skip{position:fixed;top:-100px;left:20px;background:var(--bg);padding:12px;z-index:50}.skip:focus{top:12px}#sparkles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:20}.reading-progress{height:2px;position:fixed;top:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;background:var(--rose);z-index:40}
.topbar{max-width:1420px;margin:auto;padding:28px 64px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:25}.brand{display:flex;align-items:center;gap:16px;font-family:var(--serif);font-size:34px;line-height:1}.brand i{font-family:var(--sans);font-size:12px;font-style:normal;letter-spacing:.09em;color:var(--muted);border-left:1px solid var(--line);padding-left:16px}.topbar nav{display:flex;gap:30px;font-size:14px;color:var(--muted)}.topbar a:hover{color:var(--rose)}.motion-toggle{background:none;border:1px solid var(--line);border-radius:30px;padding:9px 14px;color:var(--muted);font-size:14px;white-space:nowrap}.motion-toggle>span:first-child{color:var(--rose);font-size:17px}
.hero{min-height:790px;min-height:calc(100svh - 100px);display:grid;grid-template-columns:1.05fr 1fr;align-items:center;position:relative;gap:20px;padding-top:50px;padding-bottom:116px}.hero-copy{position:relative;z-index:3}.tiny-heart{margin-right:8px;color:var(--rose)}h1{font-size:clamp(64px,6.5vw,96px);letter-spacing:-.03em;margin:25px 0 24px}h1 em{white-space:nowrap}.hero-note{font-size:17px;color:var(--muted);line-height:1.9}.pill{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid #e89baa70;background:var(--rose);color:#28131e;padding:16px 26px;border-radius:50px;font-size:14px;font-weight:600;margin-top:30px;transition:transform .3s,background .3s}.pill:hover{background:#f5c0cb;transform:translateY(-3px)}.from{color:var(--muted);font-size:12px;letter-spacing:.04em;margin-top:22px}.hero-art{position:relative;min-height:570px}.portrait{position:absolute;right:1%;top:20px;width:85%;aspect-ratio:.81;border-radius:220px 220px 10px 10px;overflow:hidden;box-shadow:0 0 110px #a83d5727}.portrait img{width:100%;height:100%;object-position:48% 35%;transform:scale(1.04);animation:slow-zoom 20s ease-in-out infinite alternate}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 70%,#160c1390)}.portrait figcaption{position:absolute;bottom:22px;right:27px;font-family:var(--serif);font-style:italic;font-size:34px;z-index:1}.polaroid{position:absolute;left:-5%;bottom:-16px;width:44%;padding:10px 10px 14px;background:#f7e9df;transform:rotate(-10deg);color:#40232e;z-index:4;box-shadow:0 20px 40px #0005}.polaroid img{width:100%;height:235px;object-position:50% 35%}.polaroid figcaption{font-family:var(--serif);font-style:italic;font-size:24px;text-align:center;margin-top:7px}.orbit{position:absolute;width:82%;height:76%;border:1px solid #e89baa20;border-radius:50%;top:35px;right:7%;transform:rotate(-15deg);pointer-events:none}.orbit-two{transform:rotate(12deg);height:90%;top:0;width:76%;right:12%}.art-star{position:absolute;color:var(--rose);font-size:60px;animation:twinkle 5s infinite alternate}.star-one{right:-3%;top:0}.star-two{left:1%;top:32%;font-size:30px}.hero-hand{position:absolute;right:5%;bottom:-32px;font-size:30px;transform:rotate(6deg);color:var(--rose)}.hero-bottom{position:absolute;bottom:32px;left:64px;right:64px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:12px}.hero-bottom a span{display:inline-block;margin-left:15px;color:var(--rose);font-size:20px}
.cinema{height:140svh;position:relative}.cinema-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.cinema-photo{width:100%;height:100%;object-position:55% 48%;transform:scale(1.06)}.cinema-shade{position:absolute;inset:0;background:linear-gradient(0deg,#160c13 0%,#160c1360 50%,#160c1320 80%,#160c13 100%)}.cinema-copy{position:absolute;left:0;right:0;bottom:12%;z-index:2}.cinema-copy .eyebrow{color:#fff0df}.cinema-copy h2{margin:22px 0 24px;text-shadow:0 3px 24px #0008}.cinema-copy p:last-child{font-size:18px;line-height:1.9;text-shadow:0 2px 10px #000}
.qualities{padding-top:120px;padding-bottom:120px}.section-intro h2{margin-top:24px}.qualities-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;margin-top:70px}.qualities-photo{position:relative}.qualities-photo figure{position:sticky;top:90px;padding-bottom:44px}.qualities-photo img{width:100%;aspect-ratio:.8;border-radius:3px}.qualities-photo figcaption{font-size:28px;transform:rotate(-4deg);margin:20px 0 0;text-align:center;color:var(--rose)}.quality{display:flex;gap:23px;align-items:start;border-top:1px solid var(--line);padding:30px 0}.quality>span{font-size:12px;color:var(--rose);padding-top:7px}.quality>div{flex:1}.quality h3{font-size:38px}.quality p{color:var(--muted);font-size:14px;margin-top:14px;max-width:370px}.quality i{color:var(--rose);font-size:29px;font-style:normal}.quality:last-child{border-bottom:1px solid var(--line)}
.moments{padding:100px 0 80px;background:#1d1119}.moments-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.moments-heading h2{margin-top:22px}.moments-heading>p{font-size:14px;color:var(--muted);padding-bottom:8px}.gallery{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:55px max(24px,calc((100vw - 1152px)/2)) 20px;align-items:start}.gallery::-webkit-scrollbar{display:none}.memory{flex:0 0 260px;background:none;border:0;text-align:left;padding:0;scroll-snap-align:center;transition:transform .3s}.memory:nth-child(even){margin-top:38px}.memory:hover{transform:translateY(-8px)}.memory img{height:360px;width:100%;border-radius:3px;object-position:50% 38%}.memory span{display:block;font-family:var(--serif);font-style:italic;font-size:23px;padding-top:13px}.landscape-memory{flex-basis:480px}.gallery-controls{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin-top:24px}.gallery-controls button{width:45px;height:45px;border:1px solid var(--line);border-radius:50%;background:none;margin-left:8px;font-size:24px}.gallery-controls button:hover{border-color:var(--rose);color:var(--rose)}
.letter{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:160px;padding-bottom:140px}.letter-heading h2{margin-top:24px}.letter-heart{display:block;font-family:var(--serif);font-size:120px;line-height:1.5;color:var(--rose);transform:rotate(-14deg);padding-left:50px}.letter-body{font-size:17px;line-height:2;color:#decbd0}.letter-body>p{margin-bottom:24px}.letter-last{color:var(--ink)}.signature{font-size:44px;color:var(--rose);line-height:1.3}.signature span{font-size:23px;margin-left:14px}
.finale{position:relative;min-height:860px;display:grid;place-items:center;overflow:hidden;text-align:center;padding:100px 24px}.finale-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#782c4b65,transparent 63%),linear-gradient(#160c1320,#160c1380),url('photos/night-sky.webp') center/cover}.finale-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(var(--bg),transparent 30%,transparent 70%,var(--bg))}.finale-content{position:relative;z-index:2;max-width:100%}.big-clock{font-family:var(--serif);font-size:clamp(120px,20vw,275px);line-height:1.12;letter-spacing:-.025em;color:#ffe3d7;margin:22px 0 12px;text-shadow:0 0 80px #e89baa30}.big-clock span{color:var(--rose);display:inline-block;animation:twinkle 3s infinite alternate}.finale h2{font-size:clamp(38px,4.2vw,60px)}.finale h2 em{white-space:nowrap}.finale-content>p:not(.eyebrow){color:var(--muted);margin-top:22px}.finale .love-message{min-height:30px;font-family:var(--serif);font-style:italic;font-size:23px}.love-message.sent{color:var(--rose)!important}.finale .time-note{font-size:12px;margin-top:42px!important}footer{min-height:125px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}footer .brand{font-size:28px;color:var(--ink)}footer .brand span{font-size:20px;color:var(--rose)}
dialog{border:1px solid var(--line);border-radius:8px;background:#160c13;color:var(--ink);padding:45px 24px 18px;max-width:94vw;max-height:95svh;width:1000px}dialog::backdrop{background:#080408ed;backdrop-filter:blur(12px)}.dialog-close{position:absolute;top:6px;right:12px;width:40px;height:40px;background:none;border:none;font-size:32px}.dialog-photo{display:flex;align-items:center;justify-content:space-between;gap:18px}.dialog-photo img{max-height:75svh;width:auto;max-width:calc(100% - 96px);object-fit:contain}.dialog-photo button{flex:0 0 30px;background:none;border:0;font-size:34px}.dialog-photo+p{text-align:center;margin-top:12px;font-size:16px}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity 1s,transform 1s}.js-motion .reveal.seen{opacity:1;transform:none}.effects-paused .reveal{opacity:1;transform:none}.effects-paused *{animation-play-state:paused!important}.effects-paused .portrait img{transform:none}.effects-paused .cinema-photo{transform:none}
@keyframes twinkle{from{opacity:.5}to{opacity:1}}@keyframes slow-zoom{to{transform:scale(1.13) translateY(-1%)}}
@media(min-width:1600px){.hero{min-height:850px}.hero-art{min-height:610px}}@media(max-width:1100px){.wrap{padding-inline:36px}.topbar{padding-inline:36px}.hero-bottom{left:36px;right:36px}h1{font-size:72px}.hero-art{min-height:510px}.polaroid img{height:195px}.qualities-layout{gap:55px}.letter{gap:40px}.topbar nav{gap:18px}.brand i{display:none}}
@media(max-width:760px){html{scroll-padding-top:30px}.wrap{padding-inline:24px}.topbar{padding:22px 24px;gap:12px}.topbar nav{display:none}.brand{font-size:32px}.motion-toggle{font-size:14px;padding:7px 10px}.hero{grid-template-columns:1fr;padding-top:34px;padding-bottom:86px;gap:32px;min-height:0}.hero .eyebrow{font-size:12px}.hero-copy{text-align:center}h1{font-size:clamp(53px,10vw,72px);margin:22px 0}.hero-note{font-size:16px}.pill{padding:14px 22px;margin-top:23px}.from{font-size:12px}.hero-art{height:520px;min-height:0;width:min(100%,420px);margin:auto}.portrait{width:78%;right:4%;top:0}.polaroid{width:43%;left:1%;bottom:9px}.polaroid img{height:205px}.polaroid figcaption{font-size:21px}.hero-hand{right:1%;bottom:14px;font-size:24px}.orbit{right:7%;width:82%}.star-one{right:0;top:0}.star-two{left:0;top:25%}.hero-bottom{left:24px;right:24px;bottom:20px;font-size:12px}.hero-bottom>span{display:none}.hero-bottom>a{margin:auto}.cinema{height:115svh}.cinema-copy{bottom:12%}.cinema-photo{object-position:59% 50%}.cinema-copy h2{font-size:46px}.cinema-copy p:last-child{font-size:16px}.qualities{padding-top:85px;padding-bottom:75px}.section-intro h2{font-size:45px}.qualities-layout{grid-template-columns:1fr;gap:30px;margin-top:42px}.qualities-photo figure{position:static;max-width:370px;margin:auto;padding-bottom:15px}.qualities-photo img{aspect-ratio:1;object-position:50% 35%}.qualities-photo figcaption{font-size:26px}.quality{padding:26px 0;gap:18px}.quality h3{font-size:35px}.quality p{font-size:14px}.moments{padding:72px 0 55px}.moments-heading{display:block}.moments-heading h2{font-size:48px}.moments-heading>p{margin-top:22px}.gallery{gap:18px;padding-top:32px}.memory{flex-basis:240px}.memory img{height:330px}.landscape-memory{flex-basis:370px}.gallery-controls{font-size:12px;gap:15px}.gallery-controls>span{max-width:180px}.gallery-controls button{width:40px;height:40px}.letter{display:block;padding-top:95px;padding-bottom:70px}.letter-heading h2{font-size:56px}.letter-heart{font-size:70px;padding:0;display:none}.letter-body{margin-top:36px;font-size:16px;line-height:1.9}.signature{font-size:39px}.finale{min-height:730px;padding:70px 20px}.finale .eyebrow{font-size:12px;max-width:260px;margin:auto}.big-clock{font-size:clamp(114px,30vw,190px);margin-top:35px;letter-spacing:-.045em}.finale h2{font-size:39px}.finale h2 em{white-space:normal}.finale-content>p:not(.eyebrow){font-size:15px}.finale-content>.love-message{font-size:20px!important}.finale .time-note{font-size:12px!important}footer{flex-wrap:wrap;justify-content:center;padding-block:28px;gap:18px;text-align:center}footer>span{width:100%;order:3;font-size:12px}.dialog-photo{gap:6px}.dialog-photo img{max-width:calc(100% - 60px)}.dialog-photo button{flex-basis:24px}dialog{padding-inline:12px}}
@media(max-width:380px){.hero-art{height:445px}.polaroid img{height:175px}h1{font-size:50px}.hero .eyebrow{letter-spacing:.13em}.hero-hand{font-size:22px}.quality h3{font-size:31px}.gallery-controls button{width:36px;height:36px}.eyebrow{letter-spacing:.15em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.portrait img,.cinema-photo{transform:none}.cinema{height:100svh}.cinema-sticky{position:relative}}