:root{--ink:#182956;--blue:#4665cb;--pale:#f3f6ff;--muted:#7b87a6;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font:14px var(--sans);background:var(--pale);color:var(--ink);overflow-x:hidden}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;border:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #8a9cf7;outline-offset:6px}::selection{background:#bbc8ff;color:#182956}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:clamp(65px,7.5vw,110px);line-height:.95;letter-spacing:-3px}h2 em{font-weight:400;color:var(--blue)}p{line-height:1.85}img{display:block;width:100%;height:100%;object-fit:cover}.eyebrow{display:block;font-size:9px;letter-spacing:2.3px;font-weight:500;line-height:1.7}.progress{position:fixed;left:0;top:0;width:0;height:2px;z-index:100;background:#b8c7ff}.nav{position:absolute;top:0;left:0;width:100%;padding:25px 5%;display:flex;justify-content:space-between;align-items:center;color:#e4ebff;z-index:10}.brand{font:italic 38px/1 var(--serif)}.brand span{padding:0 4px;color:#9eb9ff}.nav-date{font-size:10px;letter-spacing:3px}.nav-place{font-size:8px;letter-spacing:1.3px}.hero{min-height:900px;height:max(900px,100svh);max-height:1250px;background:#101d4d;color:white;position:relative;isolation:isolate;overflow:hidden;padding:160px 7% 110px;display:flex;align-items:center}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101d4d90,transparent 60%),linear-gradient(0deg,#101d4d99,transparent 30%);pointer-events:none}#sky{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.85}.aurora{position:absolute;border-radius:50%;filter:blur(80px);z-index:-2;pointer-events:none}.aurora-one{width:1000px;height:750px;background:radial-gradient(ellipse,#6669c880,#4163b940 50%,transparent 70%);top:-200px;right:-100px;animation:aurora 18s ease-in-out infinite alternate}.aurora-two{width:1000px;height:500px;bottom:-260px;left:-200px;background:radial-gradient(ellipse,#258ddf80,#485ca360 40%,transparent 70%);animation:aurora 15s ease-in-out infinite alternate-reverse}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#d8e1ff07 1px,transparent 1px),linear-gradient(90deg,#d8e1ff07 1px,transparent 1px);background-size:95px 95px;mask-image:linear-gradient(transparent,#0005,transparent)}.hero-content{width:57%;position:relative;z-index:4;pointer-events:none}.hero-content a{pointer-events:auto}.hero-content>.eyebrow{color:#b4c7ff;margin-bottom:35px}.hero h1{font-size:clamp(80px,8.8vw,138px);line-height:.79;letter-spacing:-3px;position:relative}.hero h1>span{display:block;animation:nameReveal 1.7s cubic-bezier(.16,1,.3,1) both}.hero h1>.second{margin-top:18px;margin-left:45px;animation-delay:.2s}.hero h1>i{font-size:46px;color:#a8b4fb;display:block;margin:13px 0 8px 160px;animation:nameReveal 1.7s .1s both}.hero-description{font-size:12px;line-height:1.9;color:#c1cbea;margin-top:34px}.hero-description em{font-style:normal;color:#fff}.text-link{display:inline-flex;gap:35px;align-items:center;font-size:10px;letter-spacing:.7px;padding:17px 0 9px;border-bottom:1px solid #c3d0ff50;margin-top:25px}.text-link span{font-size:21px;transition:transform .3s}.text-link:hover span{transform:translateY(6px)}.intro{animation:nameReveal 1.6s .5s both}.portrait-system{position:absolute;right:3%;top:10%;width:49%;height:77%;max-width:700px;animation:portraitIn 2s .15s both}.hero-photo{position:absolute;inset:10% 12% 6%;border-radius:48% 48% 47% 47%;overflow:hidden;will-change:translate;transform:rotate(8deg);box-shadow:0 0 0 1px #fff3,0 0 0 14px #ffffff04,0 30px 100px #020a2b80}.hero-photo img{object-position:52% 42%;transform:scale(1.08);filter:brightness(.94) saturate(.93)}.portrait-shine{position:absolute;inset:0;background:linear-gradient(135deg,#b9d9ff35,transparent 45%,#151a6340);mix-blend-mode:screen}.portrait-halo{position:absolute;inset:12% -8%;border-radius:50%;background:radial-gradient(ellipse,#8c8ee340,transparent 68%);filter:blur(35px)}.orbit-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b6cbff50;stroke-width:.65;animation:orbitFloat 13s ease-in-out infinite}.orbit-lines circle{fill:#d5dfff;stroke:none}.portrait-word{position:absolute;right:2%;bottom:5%;font:italic 37px var(--serif);transform:rotate(-12deg);color:#d3dfff;z-index:5}.floating-note{position:absolute;right:-1%;top:22%;display:flex;align-items:center;gap:12px;color:#c9d8ff;animation:float 7s ease-in-out infinite}.floating-note small{font-size:8px;letter-spacing:1.6px;line-height:1.7}.floating-note>span{font:48px Georgia,serif}.hero-footer{position:absolute;bottom:40px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.6px}.edition,.scroll-hint{color:#98acd4}.date-pill{padding:17px 24px;display:flex;gap:16px;align-items:center;background:#ffffff08;border:1px solid #d4dfff30;border-radius:40px;font-size:10px;color:#e4ebff;backdrop-filter:blur(12px)}.date-pill>span{font-size:8px;color:#9fadd2;border-left:1px solid #fff3;padding-left:16px}.date-pill>i{width:5px;height:5px;background:#c4d8ff;border-radius:50%;box-shadow:0 0 0 5px #c4d8ff10;animation:pulse 3s infinite}.scroll-hint{display:flex;gap:12px;align-items:center}.scroll-hint i{display:block;width:28px;height:1px;background:#98acd4;transform-origin:left;animation:lineGrow 3s infinite}.section-mark{font-size:8px;letter-spacing:1.8px;display:flex;align-items:center;gap:20px;color:var(--muted)}.section-mark>span{font-size:10px;border:1px solid #263b6825;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;letter-spacing:0;flex-shrink:0}.letter-section{padding:75px 7% 130px;background:linear-gradient(135deg,#fbfcff,#edf1fd);position:relative}.letter-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-top:90px}.letter-heading{position:relative}.small-serif{font:italic 32px var(--serif);color:#7f8dbe}.letter-heading h2{margin:20px 0 25px}.letter-heading p{font-size:12px;color:var(--muted)}.drawn-star{position:absolute;right:20px;bottom:30px;color:#abb7e9;font-size:90px;animation:spin 45s linear infinite}.envelope-wrap{width:100%;max-width:480px;margin:auto;padding-top:50px}.envelope{position:relative;height:330px;perspective:1200px;transition:margin .8s}.envelope-back{position:absolute;inset:0;background:#c6d2f5;border-radius:4px;box-shadow:0 20px 55px #18295614}.letter-paper{position:absolute;z-index:2;inset:15px 20px 0;padding:28px;background:#fff;box-shadow:0 5px 20px #18295610;transition:transform 1.1s cubic-bezier(.2,.7,.2,1);overflow:hidden}.letter-label{font-size:7px;letter-spacing:1.4px;color:#8395c2}.letter-paper h3{font-size:38px;margin:12px 0}.letter-paper p{font-size:10px;line-height:1.9;margin:10px 0;color:#627198}.letter-sign{display:block;font:italic 19px var(--serif);color:#5876bd;margin-top:15px}.envelope-front{position:absolute;inset:0;background:linear-gradient(145deg,#d6e0fa,#cad5f3);clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);z-index:3;border-radius:4px}.envelope-flap{position:absolute;inset:0;background:linear-gradient(150deg,#e4eafd,#c2cfee);clip-path:polygon(0 0,100% 0,50% 59%);z-index:4;transform-origin:top;transition:transform .7s ease,z-index 0s .35s}.seal{position:absolute;z-index:5;left:50%;top:47%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#8fa5e3,#536db9);color:white;border:1px solid #ffffff60;box-shadow:0 4px 10px #263b6820;font:italic 27px var(--serif);transition:opacity .4s,transform .4s}.seal span{display:block;font:6px var(--sans);letter-spacing:1.3px;margin-top:3px}.seal:hover{transform:translate(-50%,-50%) scale(1.07)}.envelope.open .envelope-flap{transform:rotateX(180deg);z-index:1}.envelope.open .letter-paper{transform:translateY(-145px);transition-delay:.4s;z-index:5}.envelope.open .seal{opacity:0;pointer-events:none}.envelope.open{margin-top:65px}.envelope-hint{text-align:center;font-size:9px;color:#8897bd;margin-top:23px}.gallery-section{padding:90px 0 65px;background:#fff;overflow:hidden}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:0 7%;margin-bottom:50px}.gallery-heading .eyebrow{color:#8a96b6;font-size:8px}.gallery-heading h2{font-size:78px;margin-top:20px}.gallery-controls{display:flex;gap:12px}.gallery-controls button{background:transparent;border:1px solid #263b6835;border-radius:50%;width:48px;height:48px;font-size:19px;transition:background .3s}.gallery-controls button:hover{background:#edf1fd}.gallery-track{display:flex;gap:35px;padding:0 7% 30px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;align-items:center}.gallery-track::-webkit-scrollbar{display:none}.gallery-item{flex:0 0 35%;padding:0;background:none;position:relative;scroll-snap-align:center}.gallery-item img{height:500px;border-radius:3px;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s;object-position:center 40%}.gallery-item:hover img{transform:scale(.975);filter:brightness(1.05)}.gallery-item>span{display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:9px;color:#8b97b2;gap:10px}.gallery-item i{font:21px var(--serif);color:var(--ink)}.item-two{flex-basis:28%;margin-top:100px}.item-two img{height:410px;border-radius:200px 200px 3px 3px}.item-three{flex-basis:31%;margin-top:-25px}.gallery-caption{display:flex;justify-content:space-between;margin:35px 7% 0;padding-top:22px;border-top:1px solid #263b6818;font-size:7px;letter-spacing:1.3px;color:#929db6}.date-section{position:relative;isolation:isolate;overflow:hidden;background:#4a65bd;color:#fff;padding:100px 25px 90px;text-align:center}.date-section:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 80% 15%,#a69fe7aa,transparent 60%),radial-gradient(ellipse at 10% 80%,#75a7e3aa,transparent 65%)}.date-waves{position:absolute;inset:0;z-index:-1;pointer-events:none}.date-waves i{position:absolute;left:-20%;bottom:-100%;width:140%;height:170%;border:1px solid #d2e1ff30;border-radius:48%;transform:rotate(20deg);animation:wave 24s linear infinite}.date-waves i:nth-child(2){left:-15%;bottom:-90%;animation-delay:-6s}.date-waves i:nth-child(3){left:-10%;bottom:-80%;animation-delay:-12s}.date-waves i:nth-child(4){left:-5%;bottom:-70%;animation-delay:-18s}.date-content{max-width:850px;margin:auto}.date-content>.eyebrow{color:#e1e7ff}.giant-date{display:flex;align-items:center;justify-content:center;font:clamp(150px,23vw,340px)/1 var(--serif);margin-top:15px;letter-spacing:-10px;gap:25px}.giant-date i{font-style:normal;font-size:.45em;color:#d0d7ff}.date-subline{display:flex;align-items:center;justify-content:center;gap:55px;font-size:8px;letter-spacing:2px}.date-year{font:34px var(--serif);letter-spacing:4px}.date-divider{height:60px;width:1px;background:linear-gradient(transparent,#d9e4ff80);margin:35px auto 25px}.date-caption{font:italic 29px var(--serif);color:#e3e9ff}.countdown{display:flex;justify-content:center;align-items:center;gap:27px;margin-top:25px}.countdown b{font:64px/1 var(--serif);font-variant-numeric:tabular-nums;display:block;min-width:65px}.countdown span{display:block;margin-top:8px;font-size:8px;letter-spacing:1px;color:#d3dfff}.countdown i{font:27px var(--serif);opacity:.5;align-self:flex-start;padding-top:7px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:10px;letter-spacing:.4px;padding:19px 27px;border-radius:50px;transition:transform .35s,background .35s;position:relative}.button:hover{transform:translateY(-4px)}.button-light{background:#ffffff10;border:1px solid #d8e3ff70;margin-top:40px;backdrop-filter:blur(10px)}.button-light:hover{background:#ffffff20}.button span{font-size:17px}.button-blue{background:#4665cb;color:white}.button-blue:hover{background:#647ad5}.meeting-section{padding:70px 7% 100px;background:#f3f6ff}.meeting-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-top:40px}.meeting-visual{height:670px;position:relative}.meeting-visual:before{content:'';position:absolute;inset:13% 5% 0;background:linear-gradient(160deg,#c8dcf7,#d2cff0);border-radius:48% 48% 4px 4px;transform:rotate(-5deg)}.meeting-photo{position:absolute;inset:0;z-index:2;will-change:translate}.meeting-photo img{object-fit:contain;object-position:center bottom}.meeting-orbit{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#7185c970;stroke-width:1;z-index:3;pointer-events:none;animation:orbitFloat 17s ease-in-out infinite}.meeting-handwriting{position:absolute;z-index:4;bottom:15px;left:0;font:italic 35px var(--serif);color:#5269b1;transform:rotate(-9deg)}.meeting-copy>.eyebrow{color:#8795b6;font-size:8px}.meeting-copy h2{font-size:clamp(55px,5.6vw,82px);margin:25px 0 45px}.arrival{display:flex;gap:24px;position:relative}.arrival-line{width:1px;min-height:150px;background:linear-gradient(#7084cc,#7084cc00);position:relative;flex-shrink:0}.arrival-line:before{content:'';position:absolute;left:-4px;top:0;width:9px;height:9px;border-radius:50%;background:#637cc3;box-shadow:0 0 0 7px #637cc310}.arrival-label{font-size:7px;letter-spacing:1.8px;color:#8593b4}.arrival-time{font:62px/1.5 var(--serif)}.arrival-time span{font:10px var(--sans);color:#6679a4;margin-left:15px}.arrival p{font-size:11px;color:#687b9f}.meeting-foot{font:italic 25px/1.4 var(--serif);margin:25px 0 0 25px;color:#8795bb}.place-section{padding:65px 7% 100px;background:#e3eafa;position:relative;overflow:hidden}.place-glow{position:absolute;width:800px;height:800px;background:radial-gradient(circle,#c8c7f080,transparent 65%);top:-200px;left:-200px;pointer-events:none}.place-top{display:flex;align-items:center;justify-content:space-between;position:relative}.location-dot{font-size:8px;letter-spacing:1.5px;color:#798bb4}.location-dot:before{content:'';display:inline-block;width:4px;height:4px;background:#617bc0;border-radius:50%;margin-right:10px}.place-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:60px;align-items:center;position:relative}.place-name>.eyebrow{color:#788bb5;margin-bottom:25px}.place-name h2{font-size:clamp(120px,13vw,190px);line-height:.72;letter-spacing:-6px}.place-name h2 em{display:inline-block;margin-left:80px;margin-top:10px}.place-scribble{display:block;font:italic 28px var(--serif);color:#7988b1;margin:35px 0 0 90px}.place-info{text-align:center}.map-orbit{height:210px;width:280px;position:relative;margin:0 auto 25px;display:flex;align-items:center;justify-content:center}.map-ring{position:absolute;inset:5px 25px;border:1px solid #748ace40;border-radius:50%;transform:rotate(-30deg);animation:orbitFloat 11s ease-in-out infinite}.map-ring.ring-two{inset:30px 0;transform:rotate(30deg);animation-direction:reverse}.map-pin{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(130deg,#f9fcff,#c3ceee);font:60px var(--serif);color:#5c74bd;box-shadow:0 15px 45px #6175b530;animation:float 6s ease-in-out infinite}.map-label{position:absolute;bottom:6px;font-size:7px;letter-spacing:2px;color:#6d80ad}.address{font-size:12px;color:#65789f;margin-bottom:25px}.closing{padding:110px 7% 30px;text-align:center;background:#101d4d;color:#f0f4ff;position:relative;overflow:hidden;isolation:isolate}.closing:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 100%,#526fc18a,transparent 70%)}.closing>.eyebrow{color:#9bafe1}.closing h2{font-size:clamp(72px,8.5vw,125px);margin:35px 0 25px}.closing h2 em{color:#b7c4ff}.closing>p{font-size:12px;color:#a6b8e0}.closing-orbit{position:absolute;width:850px;height:850px;left:50%;top:-220px;transform:translateX(-50%);border-radius:50%;border:1px solid #b6c5ff15;box-shadow:0 0 0 50px #b6c5ff03,0 0 0 100px #b6c5ff03;z-index:-1}.heart-button{background:none;display:flex;align-items:center;flex-direction:column;margin:35px auto 0;color:#acbff1;padding:10px 25px}.heart-button svg{width:75px;height:75px;fill:#b7c7f708;stroke:#b7c7f7;stroke-width:1.3;overflow:visible;transition:transform .4s,fill .4s;animation:heartbeat 4s infinite}.heart-button:hover svg{transform:scale(1.15);fill:#b7c7f730}.heart-button>span{font-size:7px;letter-spacing:2px;margin-top:13px}.heart-message{height:25px;margin-top:15px!important;font-size:10px!important}footer{border-top:1px solid #bdcfff20;display:flex;align-items:center;justify-content:space-between;margin-top:75px;padding-top:30px;gap:20px;font-size:8px;letter-spacing:1.6px;color:#8fa3d1}footer>span:first-child{font:27px var(--serif);letter-spacing:0;color:#d3dfff}footer>span:first-child i{color:#94a9de;font-size:21px;padding:0 6px}footer a{font-size:7px}.music-toggle{position:fixed;bottom:22px;left:22px;display:flex;align-items:center;gap:12px;padding:10px 17px;border:1px solid #b6c6ef60;border-radius:30px;color:#334e94;background:#f5f8ffdf;backdrop-filter:blur(20px);z-index:30;box-shadow:0 5px 25px #101d4d15}.music-icon{font-size:21px}.music-toggle>span:nth-child(2){font-size:7px;letter-spacing:1.4px}.music-toggle i{width:4px;height:4px;border-radius:50%;background:#8294c4}.music-panel{position:fixed;z-index:40;left:22px;bottom:85px;background:#f5f8ff;padding:30px;border:1px solid #d6dff3;border-radius:18px;box-shadow:0 10px 80px #101d4d30;width:min(335px,calc(100vw - 44px))}.music-panel[hidden]{display:none}.music-close{position:absolute;right:12px;top:7px;font-size:24px;background:none;color:#7b8cae}.music-panel>.eyebrow{font-size:7px;color:#7b8cae}.music-panel h3{font-size:41px;line-height:1;margin-top:20px}.music-panel h3 em{color:#627bcb;font-weight:400}.music-panel p{font-size:10px;margin:20px 0}.music-panel .button{font-size:9px;width:100%;padding:15px 20px}.lightbox{position:fixed;inset:0;border:0;padding:35px;background:transparent;color:#edf2ff;width:100%;max-width:none;height:100%;max-height:none;margin:0;overflow:hidden}.lightbox::backdrop{background:#071332eb;backdrop-filter:blur(20px)}.lightbox[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .35s}.lightbox img{max-width:90vw;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:4px}.lightbox p{font:italic 25px var(--serif);margin-top:20px}.lightbox-close{position:absolute;right:30px;top:20px;background:none;color:white;font-size:38px;width:44px;height:44px}.reveal{opacity:0;transform:translateY(35px);transition:opacity 1.1s,transform 1.1s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.heart-particle{position:fixed;pointer-events:none;font-size:25px;z-index:99;color:var(--particle-color);animation:heartBurst 1.8s cubic-bezier(.15,.6,.3,1) forwards}
@keyframes nameReveal{from{opacity:0;transform:translateY(35px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes portraitIn{from{opacity:0;transform:translateY(40px) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes aurora{to{transform:translate(80px,60px) scale(1.2) rotate(20deg)}}@keyframes float{50%{translate:0 -12px}}@keyframes orbitFloat{50%{rotate:7deg;scale:1.025}}@keyframes pulse{50%{box-shadow:0 0 0 8px #c4d8ff00}}@keyframes lineGrow{50%{transform:scaleX(.5)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{to{rotate:360deg}}@keyframes heartbeat{0%,35%,65%,100%{scale:1}45%,55%{scale:1.08}}@keyframes heartBurst{to{translate:var(--px) var(--py);rotate:var(--pr);opacity:0;scale:.5}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.hero{padding-left:10%}.portrait-system{right:8%}.letter-section,.meeting-section,.place-section,.closing{padding-left:12%;padding-right:12%}.gallery-heading{padding-left:12%;padding-right:12%}.gallery-track{padding-left:12%;padding-right:12%}}
@media(max-width:1100px){.hero{min-height:830px;height:100svh;padding-left:6%}.hero h1{font-size:10vw}.hero-content{width:60%}.portrait-system{width:52%;right:-3%;height:70%;top:16%}.hero-content>.eyebrow{font-size:8px}.hero-photo{inset:10% 10% 6%}.portrait-word{font-size:30px;right:8%}.floating-note{right:6%;top:12%}.edition{display:none}.hero-footer>.date-pill{margin-right:auto}.letter-layout{gap:5vw}.letter-paper{padding:24px 20px}.gallery-item img{height:430px}.item-two img{height:350px}.meeting-visual{height:590px}.meeting-layout{gap:5vw}.arrival-time{font-size:52px}.arrival-time span{display:block;margin-left:0}.arrival p{margin-top:12px}.meeting-copy h2{font-size:65px}.place-layout{gap:5vw}.place-name h2{font-size:145px}.place-name h2 em{margin-left:50px}.place-scribble{margin-left:50px}}
@media(max-width:700px){.nav{padding:22px 6%}.brand{font-size:31px}.nav-date{font-size:8px;letter-spacing:2px}.nav-place{font-size:6px;letter-spacing:.8px}.hero{display:block;min-height:960px;height:100svh;max-height:none;padding:125px 7% 90px}.hero-content{width:100%}.hero-content>.eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:27px}.hero h1{font-size:clamp(69px,16.6vw,114px);line-height:.82;letter-spacing:-2.5px}.hero h1>.second{margin-top:3px;margin-left:45px}.hero h1>i{font-size:32px;margin:6px 0 2px 98px}.hero-description{font-size:10px;margin-top:25px;line-height:1.9;position:relative;z-index:6}.text-link{font-size:9px;margin-top:12px;gap:25px;padding-top:10px}.portrait-system{width:85%;height:480px;top:auto;bottom:85px;right:-8%;max-width:470px}.hero-photo{inset:7% 14% 5%}.hero-photo img{object-position:50% 40%}.portrait-word{font-size:27px;right:18%;bottom:4%}.floating-note{right:17%;top:0}.floating-note small{font-size:6px}.floating-note>span{font-size:35px}.hero-footer{left:7%;right:7%;bottom:25px;justify-content:center}.date-pill{padding:14px 20px;font-size:9px;gap:13px}.hero-footer>.date-pill{margin:0}.date-pill>span{font-size:7px}.scroll-hint{display:none}.aurora-one{top:130px;right:-300px;width:750px;height:700px}.aurora-two{bottom:-180px;left:-300px}.section-mark{font-size:7px;letter-spacing:1.4px;gap:13px}.section-mark>span{width:28px;height:28px;font-size:9px}.letter-section{padding:45px 7% 70px}.letter-layout{grid-template-columns:1fr;gap:55px;margin-top:50px}.small-serif{font-size:28px}h2{font-size:72px;letter-spacing:-2px}.letter-heading h2{margin-top:13px}.letter-heading p{font-size:11px}.drawn-star{right:5px;bottom:20px;font-size:75px}.envelope-wrap{max-width:430px;padding-top:20px}.envelope{height:300px}.letter-paper{inset:12px 14px 0;padding:23px 24px}.letter-paper h3{font-size:34px;margin:10px 0}.letter-paper p{font-size:10px;line-height:1.8}.letter-sign{font-size:18px;margin-top:12px}.letter-label{font-size:6px}.envelope.open .letter-paper{transform:translateY(-155px)}.envelope.open{margin-top:120px}.envelope-hint{font-size:8px;margin-top:18px}.seal{width:67px;height:67px;font-size:26px}.gallery-section{padding-top:65px;padding-bottom:45px}.gallery-heading{padding:0 7%;align-items:flex-end;margin-bottom:32px;gap:15px}.gallery-heading .eyebrow{font-size:6px;letter-spacing:1.2px;max-width:200px}.gallery-heading h2{font-size:56px;letter-spacing:-2px;margin-top:15px}.gallery-controls{gap:7px;padding-bottom:5px}.gallery-controls button{width:33px;height:33px;font-size:16px}.gallery-track{gap:22px;padding-bottom:20px}.gallery-item{flex-basis:78%}.gallery-item img{height:430px}.item-two{flex-basis:69%;margin-top:45px}.item-two img{height:370px}.item-three{flex-basis:76%;margin-top:0}.gallery-item i{font-size:18px}.gallery-item>span{font-size:8px;padding-top:15px}.gallery-caption{font-size:6px;letter-spacing:.8px;gap:20px;line-height:1.7;margin-top:15px}.gallery-caption span:last-child{text-align:right}.date-section{padding:70px 18px 65px}.date-content>.eyebrow{font-size:7px;letter-spacing:1.7px}.giant-date{font-size:clamp(130px,33vw,220px);gap:10px;letter-spacing:-7px;margin-top:30px}.date-subline{gap:25px;font-size:6px;letter-spacing:1.2px}.date-year{font-size:29px;letter-spacing:3px}.date-divider{margin-top:25px;height:40px}.date-caption{font-size:25px}.countdown{gap:12px;margin-top:25px}.countdown b{font-size:48px;min-width:48px}.countdown span{font-size:7px}.countdown i{font-size:22px;padding-top:4px}.button{font-size:9px;padding:17px 24px;gap:25px}.button-light{margin-top:30px}.meeting-section{padding:45px 7% 65px}.meeting-layout{display:flex;flex-direction:column-reverse;gap:25px;margin-top:45px}.meeting-copy{width:100%}.meeting-copy>.eyebrow{font-size:7px;letter-spacing:1.3px}.meeting-copy h2{font-size:68px;margin:23px 0 35px}.arrival{gap:20px}.arrival-label{font-size:6px;letter-spacing:1.4px}.arrival-time{font-size:58px;line-height:1.4}.arrival-time span{display:inline-block;font-size:10px;margin-left:13px}.arrival p{font-size:10px;margin-top:6px}.meeting-foot{font-size:25px;margin-top:25px;margin-left:20px}.meeting-visual{width:100%;height:530px;max-width:420px}.meeting-handwriting{font-size:31px;bottom:0;left:0}.meeting-orbit{inset:0 -6%;width:112%}.place-section{padding:45px 7% 60px}.place-top{align-items:flex-start;gap:15px}.place-top .section-mark{max-width:240px;line-height:1.8}.location-dot{font-size:6px;letter-spacing:.7px;padding-top:7px;white-space:nowrap}.location-dot:before{margin-right:5px}.place-layout{grid-template-columns:1fr;gap:35px;margin-top:45px}.place-name>.eyebrow{font-size:7px;margin-bottom:25px}.place-name h2{font-size:137px;letter-spacing:-5px}.place-name h2 em{margin-left:100px}.place-scribble{font-size:25px;margin-top:25px;margin-left:110px}.map-orbit{height:180px;margin-bottom:20px}.address{font-size:11px;margin-bottom:23px}.closing{padding:80px 7% 25px}.closing>.eyebrow{font-size:7px}.closing h2{font-size:67px;letter-spacing:-2px;margin:30px 0 25px}.closing>p{font-size:10px}.closing-orbit{width:600px;height:600px;top:-70px}.heart-button{margin-top:30px}.heart-button>span{font-size:6px}.heart-button svg{width:67px;height:67px}footer{flex-wrap:wrap;gap:20px;margin-top:45px;padding-bottom:55px;padding-top:25px;font-size:7px}footer>span:first-child{width:100%;font-size:25px}footer>span:nth-child(2){margin-right:auto}footer a{font-size:6px}.music-toggle{left:15px;bottom:15px;padding:8px 14px;gap:9px}.music-toggle>span:nth-child(2){font-size:6px}.music-icon{font-size:20px}.music-panel{left:15px;bottom:75px}.lightbox{padding:20px}.lightbox p{font-size:22px;text-align:center}.lightbox-close{right:15px;top:15px}.lightbox img{max-height:76vh;max-width:100%}}
@media(max-width:375px){.hero{min-height:940px}.hero h1{font-size:16.2vw}.portrait-system{height:440px}.letter-paper{padding:20px 18px}.letter-paper p{font-size:9px}.letter-sign{font-size:17px}.gallery-heading h2{font-size:47px}.meeting-copy h2{font-size:60px}.meeting-visual{height:460px}.place-name h2{font-size:120px}.place-name h2 em{margin-left:80px}.place-scribble{margin-left:80px}.closing h2{font-size:59px}.countdown{gap:8px}.countdown b{font-size:43px;min-width:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}[data-parallax]{translate:none!important}#sky{opacity:.4}}
@media(max-width:700px){html{overflow-x:clip}.hero h1>.second{margin-left:25px}.meeting-copy h2{font-size:clamp(54px,15.8vw,68px)}.letter-heading h2{font-size:clamp(59px,17vw,72px)}}