:root{--wine:#8e1730;--red:#bd2944;--blush:#f8dfe0;--cream:#fff9f3;--ink:#481625;--gold:#dd9d63}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Playfair Display",serif}h2{font-size:clamp(2.15rem,7vw,3.4rem);line-height:1.04;margin-bottom:.55rem}.hero{min-height:100svh;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:5rem 1.5rem 3rem;background:radial-gradient(circle at 20% 20%,#e96071 0 1px,transparent 1px 13px),radial-gradient(circle at 80% 72%,#e96071 0 1px,transparent 1px 18px),linear-gradient(140deg,#9e1831,#721027)}.hero>*:not(.doodle){position:relative;z-index:1}.eyebrow,.section-label{font-size:.68rem;letter-spacing:.19em;font-weight:700;color:var(--red)}.hero .eyebrow{color:#ffd5cc}.hero h1{font-size:clamp(4rem,16vw,8.5rem);line-height:.85;color:#fff6ee;margin:1.2rem 0 1.3rem}.hero h1 span{color:#f3b475;font-style:italic;font-size:.72em}.intro{max-width:29rem;color:#fee8e0;font-size:1.05rem;line-height:1.6}.timer{margin:2.15rem 0 1rem;display:flex;align-items:start;color:#fff8ef;gap:.4rem}.timer div{min-width:58px}.timer b{font-size:clamp(1.65rem,7vw,2.8rem);font-family:"Playfair Display",serif;display:block}.timer small{display:block;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#ffd9d0;margin-top:.25rem}.timer i{font-size:1.55rem;font-style:normal;color:#f7b48d}.since{font-size:.76rem;color:#f5c9c1}.scroll-link{margin-top:3rem;color:#fff8ef;text-decoration:none;font-size:.8rem;letter-spacing:.05em}.scroll-link span{font-size:1.35rem;display:block;margin-top:.4rem}.doodle{position:absolute;color:#ffcf9f;opacity:.75}.heart{font-size:2.5rem}.h1{top:13%;left:12%;transform:rotate(-18deg)}.h2{right:10%;bottom:25%;font-size:1.8rem}.flower{font-size:3.2rem}.f1{right:13%;top:16%;transform:rotate(20deg)}.sparkle{font-size:2rem}.s1{left:11%;bottom:26%}section:not(.hero){padding:5rem max(1.5rem,calc((100% - 920px)/2))}.latest{background:var(--blush);text-align:center}.message-card{background:#fffaf5;padding:2.6rem 1.8rem 2rem;margin:1.6rem auto 0;max-width:620px;border-radius:4px;box-shadow:9px 9px 0 #e9b9b9;position:relative}.postmark{position:absolute;right:1.1rem;top:1rem;color:#db8f73;font-size:1.65rem}.message-date,.memory-date{color:var(--red);letter-spacing:.14em;font-size:.65rem;font-weight:700}.message-card h2{font-size:clamp(1.75rem,6vw,2.7rem)}.message-card p:not(.message-date){line-height:1.65;color:#6f4050}.read-more{border:0;background:none;padding:.4rem 0;color:var(--wine);font:700 .8rem "DM Sans";cursor:pointer}.read-more span{font-size:1.2rem;margin-left:.3rem}.portal{background:#fffaf4}.section-heading{display:flex;justify-content:space-between;align-items:end}.little-heart{font-size:3rem;color:#d64c5c}.portal-grid{display:grid;gap:1rem;margin-top:2rem}.portal-card{min-height:145px;border-radius:7px;padding:1.5rem;text-decoration:none;color:var(--ink);display:grid;grid-template-columns:44px 1fr 20px;gap:.7rem;align-items:center;transition:transform .2s}.portal-card:hover{transform:translateY(-3px)}.memories{background:#f6d8bf}.photos{background:#d9e4d4}.letters{background:#eccbd3}.icon{font-size:1.6rem}.portal-card h3{font-size:1.4rem;margin:0 0 .3rem}.portal-card p{font-size:.82rem;line-height:1.45;margin:0}.arrow{font-size:1.45rem}.timeline{background:var(--wine);color:#fff8ef}.timeline .section-label{color:#f8b68d}.section-copy{color:#f4cbd1;line-height:1.6}.timeline-line{border-left:1px solid #e17b88;margin:2.5rem 0 0 .4rem;padding-left:1.8rem}.timeline-item{position:relative;padding:0 0 2.7rem}.dot{position:absolute;left:-2.52rem;top:0;width:1.45rem;height:1.45rem;border-radius:50%;display:grid;place-items:center;background:#f3b273;color:#751327;font-size:.75rem}.timeline-item h3{font-size:1.5rem;margin-bottom:.45rem}.timeline-item p:last-child{line-height:1.6;color:#f7dbe0}.placeholder{opacity:.7}.gallery{background:#f6eee5}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:2rem}.photo-slot{min-height:180px;background:linear-gradient(145deg,#dca8a3,#bf6771);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff5eb;text-align:center}.photo-slot.big{grid-row:span 2;min-height:368px;background:linear-gradient(145deg,#b9344a,#7b1730)}.photo-slot span{font-size:2rem}.photo-slot p{font-size:.76rem;margin:.7rem 0 0}.letters-section{text-align:center;background:#fffaf4}.envelopes{display:grid;gap:1rem;margin-top:2rem}.envelope{border:0;background:#f7dad2;min-height:135px;border-radius:6px;padding:1.2rem;color:var(--wine);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.envelope:nth-child(2){background:#f3e1b9}.envelope:nth-child(3){background:#dbe5d1}.envelope span{font-size:2rem}.envelope strong{font-family:"Playfair Display";font-size:1.15rem;margin:.35rem 0}.envelope small{font-size:.65rem;letter-spacing:.08em}footer{background:#721027;color:#ffdcd5;text-align:center;padding:2rem;font-size:.78rem}footer span{color:#f0a36e}dialog{border:0;border-radius:7px;max-width:min(90vw,480px);padding:2.5rem 2rem;color:var(--ink);box-shadow:0 10px 45px #42101c}dialog::backdrop{background:#44101bbb}.close{position:absolute;right:1rem;top:.6rem;border:0;background:none;font-size:2rem;color:var(--wine);cursor:pointer}dialog h2{font-size:2.25rem}dialog p:not(.message-date){line-height:1.7}@media(min-width:720px){.timer div{min-width:88px}.portal-grid{grid-template-columns:repeat(3,1fr)}.photo-grid{grid-template-columns:2fr 1fr 1fr}.photo-slot.big{grid-row:auto;min-height:300px}.envelopes{grid-template-columns:repeat(3,1fr)}}