:root{--navy:#0f3858;--blue:#285d80;--ink:#18364e;--gold:#bd9550;--pale:#f7f4ee;--paper:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif}.intro{position:fixed;z-index:20;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#2e6689 0,#153d5c 45%,#092a43 100%);transition:opacity .8s ease,visibility .8s}.intro.opened{opacity:0;visibility:hidden}.stars{position:absolute;inset:0;background-image:radial-gradient(#e2c98d 1px,transparent 1.5px);background-size:46px 46px;opacity:.25}.envelope-wrap{position:relative;width:min(85vw,440px);text-align:center;color:white}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:10px;font-weight:600;margin:0 0 16px;color:var(--gold)}.eyebrow.light{color:#eed89c}.envelope{height:255px;position:relative;background:#f8f3e9;box-shadow:0 25px 55px #071a2c99;overflow:hidden}.envelope:after,.envelope:before{content:"";position:absolute;z-index:2;width:0;height:0}.envelope:before{border-top:132px solid transparent;border-bottom:132px solid transparent;border-left:220px solid #e9dfcc;left:0}.envelope:after{border-top:132px solid transparent;border-bottom:132px solid transparent;border-right:220px solid #ede4d4;right:0}.envelope-flap{position:absolute;z-index:4;top:0;left:0;border-top:160px solid #e5d8c0;border-left:220px solid transparent;border-right:220px solid transparent;transform-origin:top;transition:transform .8s ease}.letter-preview{position:absolute;left:55px;right:55px;top:34px;bottom:0;display:grid;place-content:center;gap:12px;color:var(--navy);font-family:"Cormorant Garamond",serif;font-size:26px;background:#fffdf8;box-shadow:0 0 18px #a7977b55}.letter-preview span{font-style:italic;font-size:20px}.seal{position:absolute;z-index:5;left:50%;top:122px;transform:translateX(-50%);border:3px solid #e5cc8d;width:76px;height:76px;border-radius:50%;background:var(--gold);color:#fff7df;font:500 38px "Cormorant Garamond",serif;cursor:pointer;box-shadow:0 3px 0 #806331,0 7px 18px #47331488;transition:transform .25s}.seal:hover{transform:translateX(-50%) scale(1.08)}.open-note{font-size:11px;letter-spacing:.14em;margin:25px 0}.section{padding:86px 9%;position:relative;text-align:center;overflow:hidden}.hero{min-height:100vh;background:linear-gradient(160deg,#fffdf8 0%,#edf4f5 75%,#e4eef0 100%);display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-glow{width:550px;height:550px;position:absolute;border-radius:50%;background:#d7b97022;filter:blur(20px);top:-230px;left:50%;transform:translateX(-50%)}h1,h2,.name,.script{font-family:"Cormorant Garamond",serif}h1{position:relative;font-size:clamp(39px,8vw,67px);line-height:.89;font-weight:500;margin:0 0 20px;letter-spacing:-.035em}h1 em{color:var(--gold);font-weight:500}.name{position:relative;color:var(--blue);font-size:clamp(28px,5vw,39px);line-height:.9;margin:0 0 32px}.photo-frame{padding:8px;background:#fff;box-shadow:0 13px 35px #0b39561c}.photo-frame img{width:100%;height:100%;display:block;object-fit:cover}.hero-photo{position:relative;width:min(69vw,330px);height:min(88vw,410px);transform:rotate(-2.2deg)}.date-ribbon{position:relative;background:var(--navy);color:#fff;padding:13px 22px;margin-top:-18px;min-width:220px;display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;box-shadow:0 8px 20px #112b4055}.date-ribbon span{font-size:9px;letter-spacing:.11em;text-transform:uppercase}.date-ribbon strong{font:600 34px/20px "Cormorant Garamond",serif;color:#f3d891}.scroll-hint{position:absolute;bottom:24px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#658195}.message{padding-bottom:120px;background:var(--paper)}.ornament{color:var(--gold);font-size:25px;margin-bottom:12px}.script{font-size:26px;font-style:italic;color:var(--gold);margin:0 0 6px}h2{font-size:clamp(36px,7vw,53px);line-height:.92;font-weight:500;letter-spacing:-.025em;margin:0 0 22px}.message>p:not(.script),.closing>p:not(.script){max-width:460px;margin:0 auto;color:#587083;font-size:13px;line-height:1.85}.memory{width:min(58vw,260px);height:min(75vw,330px);margin:47px auto 0;transform:rotate(4deg)}.gold-line{height:1px;width:80px;background:var(--gold);margin:52px auto 0}.dark{background:var(--navy);color:white;padding-top:65px;padding-bottom:65px}.counter{display:flex;justify-content:center;align-items:center;gap:10px;max-width:530px;margin:6px auto 18px}.counter div{min-width:50px}.counter b{display:block;color:#f2d995;font:600 clamp(27px,7vw,48px)/1 "Cormorant Garamond",serif}.counter span{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#c8d9df}.counter i{height:25px;width:1px;background:#b99352}.count-caption{font:italic 21px "Cormorant Garamond",serif;color:#e8d5a8;margin:0}.details{background:#eef4f3}.detail-photo{width:min(50vw,215px);height:min(50vw,215px);border-radius:50%;margin:0 auto 40px;transform:rotate(-5deg);overflow:hidden}.details h2{margin-bottom:29px}.info-card{max-width:460px;margin:0 auto;background:#fffdf9;padding:13px 24px;box-shadow:0 14px 36px #19475d1b;text-align:left}.info-row{display:flex;align-items:center;gap:17px;padding:17px 0}.info-row+.info-row{border-top:1px solid #e8e2d6}.icon{font-size:23px;color:var(--gold);width:22px}.info-row small{display:block;text-transform:uppercase;letter-spacing:.16em;color:#7590a0;font-size:9px;margin-bottom:4px}.info-row strong{font-family:"Cormorant Garamond",serif;font-size:23px;font-weight:600;color:var(--navy);line-height:1}.maps-link{display:inline-block;margin-top:27px;color:var(--blue);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:6px}.maps-link span{font-size:18px;margin-left:5px}.closing{background:linear-gradient(180deg,#fffdf8,#f5ecdc);padding-bottom:48px}.closing-photo{width:min(68vw,300px);height:min(81vw,370px);margin:0 auto 40px;transform:rotate(2.5deg)}.closing h2{color:var(--blue);margin-bottom:18px}.footer-mark{font:500 33px "Cormorant Garamond",serif;color:var(--gold);margin-top:55px}.footer-mark span{font-size:18px;padding:0 7px}.sound-toggle{position:fixed;z-index:10;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;border:0;background:var(--navy);color:#f4d993;font-size:20px;cursor:pointer;box-shadow:0 4px 14px #092a4366}@media(min-width:700px){.section{padding-left:15%;padding-right:15%}.hero-photo{width:320px;height:410px}.memory{position:absolute;right:14%;bottom:75px}.message{min-height:630px;padding-right:42%}.detail-photo{position:absolute;right:14%;top:110px}.details{padding-right:48%;min-height:620px}.closing-photo{width:280px;height:350px}}