:root{--paper:#f8f3ee;--ink:#342c39;--plum:#60435e;--rose:#ca7883;--muted:#817680;--border:#dfd4d0;--peach:#edd9d5;--lilac:#e6dfe9;--butter:#f1e7d3}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}
button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--rose);outline-offset:4px}
[hidden]{display:none!important}
.grain{pointer-events:none;position:fixed;inset:0;z-index:40;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}
.scroll-progress{position:fixed;z-index:45;top:0;left:0;height:3px;width:0;background:var(--rose);pointer-events:none}
.section-wrap{width:min(100%,1440px);margin:auto;padding-inline:clamp(24px,5vw,74px)}
.eyebrow{margin:0 0 22px;color:var(--plum);font-size:11px;letter-spacing:.22em;font-weight:700;text-transform:uppercase}
.eyebrow-line{display:inline-block;width:25px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}
.site-header{height:86px;max-width:1440px;padding:0 clamp(24px,5vw,74px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5}
.brand{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:22px;font-weight:600;white-space:nowrap}.brand span{font-style:normal;color:var(--rose)}
.site-header nav{display:flex;align-items:center;gap:35px}.site-header nav a,.site-header nav button{border:0;background:none;padding:7px 0;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.site-header nav a:hover,.site-header nav button:hover{color:var(--rose)}.nav-secret span{color:var(--rose);font-size:16px;vertical-align:-1px}
.hero{max-width:1440px;min-height:720px;margin:auto;padding:50px clamp(24px,5vw,74px) 84px;display:grid;grid-template-columns:1fr 1.08fr;gap:20px;align-items:center;position:relative;overflow:hidden}.hero-glow{position:absolute;width:540px;height:540px;border-radius:50%;background:#f5dfd8;filter:blur(110px);opacity:.5;left:-150px;top:40px;pointer-events:none}
.hero-copy{position:relative;z-index:2;min-width:0}.hero h1,.story h2,.gallery h2,.notes h2,.letter-copy h2,.finale h2,.secret-dialog h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.06em}.hero h1{font-size:clamp(74px,9vw,142px);line-height:.98;margin:0 0 26px}.hero h1 em,.story h2 em,.gallery h2 em,.notes h2 em,.letter-copy h2 em,.finale h2 em,.secret-dialog h2 em{color:var(--rose);font-weight:400}.hero h1>span{color:var(--rose)}.hero-lead{max-width:430px;color:var(--muted);font-size:16px;line-height:1.9;margin:0 0 30px}.pill-button{display:inline-flex;gap:38px;align-items:center;justify-content:space-between;border:1px solid var(--plum);border-radius:100px;background:var(--plum);color:#fff;padding:17px 23px;font-size:13px;font-weight:700;transition:transform .25s,background .25s,box-shadow .25s}.pill-button:hover{transform:translateY(-4px);background:#4a3149;box-shadow:0 12px 25px #60435e35}.hero-whisper{margin:42px 0 0;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:16px;color:var(--muted)}.hero-whisper span{color:var(--rose);margin-left:6px}
.hero-visual{height:610px;position:relative;min-width:0;transform-style:preserve-3d}.hero-visual:before{content:"";position:absolute;inset:3% 2% 0;border-radius:49% 49% 43% 43%;background:linear-gradient(145deg,#e9d6d2,#e8e0df 55%,#e4d5ce)}.orbit{position:absolute;border:1px solid #ffffffb3;border-radius:50%;width:115%;height:46%;left:-7%;top:25%;transform:rotate(-29deg)}.orbit-b{transform:rotate(34deg)}.hero-photo{position:absolute;margin:0;background:#fffaf5;padding:9px 9px 0;box-shadow:0 22px 50px #44303d42;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hero-photo img{display:block;width:100%;height:100%;object-fit:cover}.hero-photo-back{width:30%;height:40%;left:3%;top:15%;transform:rotate(-13deg)}.hero-photo-main{width:43%;height:66%;left:28%;top:12%;z-index:2;transform:rotate(3deg)}.hero-photo-main img{height:calc(100% - 38px);object-position:center 35%}.hero-photo-main figcaption{height:38px;display:grid;place-items:center;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:16px;color:var(--plum)}.hero-photo-front{width:31%;height:43%;right:2%;bottom:8%;z-index:3;transform:rotate(11deg)}.hero-visual:hover .hero-photo-back{transform:rotate(-18deg) translate(-6px,-8px)}.hero-visual:hover .hero-photo-main{transform:rotate(0) translateY(-8px)}.hero-visual:hover .hero-photo-front{transform:rotate(16deg) translate(6px,-10px)}.float-star{position:absolute;color:#fffaf4;z-index:4;text-shadow:0 5px 15px #987b8b88;animation:float 5s ease-in-out infinite}.star-a{top:4%;left:11%;font-size:85px}.star-b{right:4%;top:33%;font-size:65px;animation-delay:-2s}.photo-scribble{position:absolute;z-index:4;left:10%;bottom:7%;font-family:"Playfair Display",Georgia,serif;font-style:italic;color:var(--plum);font-size:22px;transform:rotate(-9deg)}.scroll-cue{position:absolute;bottom:20px;left:clamp(24px,5vw,74px);font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--muted)}.scroll-cue span{padding-left:14px;font-size:18px;vertical-align:-2px}
@keyframes float{50%{transform:translateY(-13px) rotate(7deg)}}
.ribbon{overflow:hidden;background:var(--plum);color:#fff;padding:18px 0;white-space:nowrap}.ribbon-track{width:max-content;animation:marquee 24s linear infinite;font-size:12px;letter-spacing:.22em;font-weight:700}.ribbon span{padding:0 38px;color:#ecc3b5;font-size:19px;vertical-align:middle}@keyframes marquee{to{transform:translateX(-50%)}}
.story{padding-top:125px;padding-bottom:125px;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.story-intro{position:sticky;top:60px;align-self:start}.story h2,.gallery h2,.notes h2,.letter-copy h2,.finale h2{font-size:clamp(48px,5vw,76px);line-height:1.12;margin:0}.story-intro>p:last-child{max-width:390px;color:var(--muted);line-height:1.85;margin:30px 0 0;font-size:15px}.story-lines{border-top:1px solid var(--border)}.story-line{display:grid;grid-template-columns:50px 1fr 40px;gap:18px;padding:32px 0;border-bottom:1px solid var(--border);align-items:start}.story-count{font-size:11px;font-weight:700;color:var(--rose);letter-spacing:.1em;margin-top:8px}.story-line p{font-family:"Playfair Display",Georgia,serif;font-size:clamp(24px,2.5vw,35px);line-height:1.4;letter-spacing:-.03em;margin:0}.story-mark{font-size:28px;color:var(--rose);text-align:right}
.gallery{background:#ece1de;padding:115px 0 105px}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.gallery-heading>p{max-width:230px;color:var(--muted);line-height:1.8;font-size:14px;margin:0 0 5px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:205px;gap:16px}.photo-card{position:relative;display:block;border:0;padding:0;overflow:hidden;background:#d9c9c5;text-align:left}.photo-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s}.photo-card:hover img{transform:scale(1.06);filter:saturate(1.08)}.photo-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#2218248c);opacity:.75}.photo-card span{position:absolute;z-index:1;left:18px;bottom:16px;color:white;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:19px;text-shadow:0 2px 10px #0008}.photo-tall{grid-row:span 2}.photo-wide{grid-column:span 2}.photo-card:nth-child(3) img{object-position:center 25%}.photo-card:nth-child(9) img{object-position:center 42%}.gallery-footer{text-align:center;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:19px;color:var(--plum);margin:34px 0 0}.gallery-footer span{color:var(--rose)}
.notes{padding-top:125px;padding-bottom:135px}.notes-heading{text-align:center;max-width:760px;margin:0 auto 45px}.notes-heading>p:last-child{color:var(--muted);font-size:14px;margin:22px 0 0}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.note-card{border:0;text-align:left;min-height:370px;padding:25px;display:flex;flex-direction:column;color:var(--ink);transition:transform .3s,box-shadow .3s}.note-card:hover{transform:translateY(-7px);box-shadow:0 17px 30px #3e273320}.note-pink{background:#efd9d4}.note-lilac{background:#e1dce7}.note-butter{background:#eee4d0}.note-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;font-weight:700}.note-top span{font-size:20px;line-height:10px}.note-symbol{font-size:71px;color:var(--plum);margin:auto 0 16px;line-height:1;transition:transform .35s}.note-front,.note-back{font-family:"Playfair Display",Georgia,serif;font-size:clamp(30px,3vw,43px);line-height:1.13;letter-spacing:-.04em}.note-back{display:none;font-size:clamp(25px,2.3vw,34px)}.note-action{font-size:10px;font-weight:700;letter-spacing:.16em;margin-top:22px}.note-card.is-revealed .note-symbol{transform:rotate(30deg) scale(.78)}.note-card.is-revealed .note-front{display:none}.note-card.is-revealed .note-back{display:block}
.letter-section{background:#e7d9d6;padding:115px 0}.letter-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.letter-copy{position:relative}.letter-copy>p:nth-of-type(2){line-height:1.8;color:var(--muted);font-size:15px;max-width:300px;margin:25px 0 0}.letter-doodle{font-family:"Playfair Display",Georgia,serif;font-size:105px;display:block;color:#c6858e;margin:25px 0 0;transform:rotate(-17deg)}.envelope{background:#fff9f1;min-height:380px;padding:30px;box-shadow:14px 14px 0 #cdb8b4;display:flex;flex-direction:column}.envelope-edge{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:18px;font-size:10px;font-weight:700;letter-spacing:.17em}.envelope-seal{font-size:80px;color:var(--rose);text-shadow:6px 5px 0 #ecc1c0;transform:rotate(-12deg);margin:auto}.envelope-toggle{border:0;border-top:1px solid var(--border);background:none;text-align:left;padding:20px 0 0;display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.envelope-toggle span{font-size:20px;line-height:10px}.letter-body{font-family:"Playfair Display",Georgia,serif;font-size:18px;line-height:1.72;color:#554752;animation:rise .4s ease-out;padding:22px 8px 4px}.letter-body p{margin:0 0 19px}.letter-body .letter-dear{font-size:25px;font-style:italic;color:var(--rose)}.letter-body .letter-signature{font-style:italic;margin-bottom:4px}.letter-signature span{color:var(--rose)}.envelope.is-open .envelope-seal{display:none}.envelope.is-open .envelope-toggle{order:2;margin-top:auto}
.finale{text-align:center;padding-top:125px;padding-bottom:130px}.finale-ornament{font-size:74px;color:var(--rose);line-height:1;margin-bottom:26px;animation:slowspin 18s linear infinite}@keyframes slowspin{to{transform:rotate(360deg)}}.finale-text{font-size:16px;line-height:1.8;color:var(--muted);max-width:460px;margin:25px auto 32px}.finale-whisper{font-family:"Playfair Display",Georgia,serif;font-style:italic;color:var(--muted);font-size:14px;margin:18px 0 0}.site-footer{background:var(--plum);color:white;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px clamp(24px,5vw,74px);font-size:12px}.site-footer button{border:0;background:none;color:white;text-decoration:underline;text-underline-offset:4px;padding:0}.site-footer a{text-decoration:underline;text-underline-offset:4px}
.photo-dialog,.secret-dialog{border:0;padding:0;box-shadow:0 28px 90px #1b1429a0}.photo-dialog::backdrop,.secret-dialog::backdrop{background:#221927c9;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:13px;top:10px;z-index:5;border:0;background:#fff9f3;color:var(--ink);font-size:28px;line-height:1;width:37px;height:37px;border-radius:50%}.photo-dialog{width:min(900px,92vw);max-height:92vh;background:#241f27;color:#fff;overflow:hidden}.photo-dialog figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:min(82vh,750px);padding:18px 60px 45px}.photo-dialog figure img{display:block;max-width:100%;max-height:calc(100% - 45px);object-fit:contain}.photo-dialog figcaption{font-family:"Playfair Display",Georgia,serif;font-size:20px;font-style:italic;padding-top:15px}.photo-arrow{position:absolute;top:45%;z-index:2;border:0;background:#ffffffcc;color:var(--ink);width:42px;height:42px;border-radius:50%;font-size:32px;line-height:32px}.photo-prev{left:12px}.photo-next{right:12px}.photo-count{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.15em}
.secret-dialog{width:min(560px,calc(100vw - 28px));max-height:90vh;overflow:auto;background:var(--paper);color:var(--ink);padding:45px clamp(24px,5vw,45px)}.secret-dialog h2{font-size:clamp(43px,7vw,61px);line-height:1.12;margin:0}.secret-intro{color:var(--muted);line-height:1.7;font-size:14px}.secret-message{font-size:13px;color:var(--plum);min-height:18px;line-height:1.5}.secret-login label,.upload-label{font-size:12px;font-weight:700;letter-spacing:.07em}.secret-login-row{display:flex;gap:8px;margin-top:10px}.secret-login-row input{min-width:0;flex:1;background:#fff;border:1px solid var(--border);padding:12px}.secret-login-row button,.secret-actions button{border:0;background:var(--plum);color:white;padding:12px 17px;font-size:12px;font-weight:700}.secret-media{min-height:120px;border:1px dashed #c8b6bb;display:grid;place-items:center;margin:20px 0;color:var(--muted);font-family:"Playfair Display",Georgia,serif;font-style:italic;text-align:center}.secret-media img,.secret-media video{max-width:100%;max-height:360px;display:block}.secret-unlocked input[type=file]{display:block;max-width:100%;margin:13px 0 5px;font-size:12px}.upload-hint{font-size:11px;color:var(--muted);line-height:1.6}.secret-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.secret-actions button:nth-child(n+2){background:transparent;color:var(--plum);border:1px solid var(--plum)}
.confetti-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:50}.confetti{position:absolute;top:-20px;width:9px;height:14px;animation:fall var(--duration) ease-in forwards;opacity:.95}.confetti.heart{width:auto;height:auto;background:none!important;color:var(--color);font-size:22px}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(var(--spin));opacity:0}}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:10px;padding-top:55px}.hero h1{font-size:clamp(76px,12vw,120px)}.hero-visual{height:560px;width:min(100%,680px);justify-self:center}.hero-whisper{margin-top:30px}.story{gap:45px}.letter-inner{gap:40px}.gallery-grid{grid-auto-rows:170px}}
@media(max-width:700px){.site-header{height:74px}.site-header nav{gap:16px}.site-header nav a{display:none}.site-header nav button{font-size:10px}.hero{padding-top:28px;padding-bottom:74px}.hero h1{font-size:clamp(66px,14vw,100px)}.hero-lead{font-size:15px}.hero-visual{height:460px}.hero-photo-main figcaption{font-size:12px}.hero-photo-main{height:64%}.photo-scribble{font-size:16px}.scroll-cue{bottom:19px}.story{grid-template-columns:1fr;padding-top:88px;padding-bottom:90px}.story-intro{position:static}.story h2,.gallery h2,.notes h2,.letter-copy h2,.finale h2{font-size:clamp(46px,9vw,68px)}.story-line p{font-size:28px}.gallery{padding:86px 0}.gallery-heading{display:block}.gallery-heading>p{margin-top:22px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:185px;gap:10px}.photo-tall{grid-row:span 2}.photo-wide{grid-column:span 2}.gallery-grid .photo-card:nth-child(9){grid-column:span 2}.notes{padding-top:90px;padding-bottom:95px}.note-grid{grid-template-columns:1fr}.note-card{min-height:295px}.note-front,.note-back{font-size:34px}.letter-section{padding:85px 0}.letter-inner{grid-template-columns:1fr}.letter-doodle{display:none}.finale{padding-top:95px;padding-bottom:100px}.site-footer{flex-wrap:wrap}}
@media(max-width:420px){.hero-visual{height:380px}.hero-photo-main{left:26%;width:46%}.hero-photo-back{width:34%}.hero-photo-front{width:33%}.story-line{grid-template-columns:30px 1fr 25px;gap:10px}.story-line p{font-size:24px}.story-mark{font-size:21px}.gallery-grid{grid-auto-rows:155px}.photo-card span{font-size:15px}.envelope{padding:20px}.envelope-edge{font-size:9px}.secret-login-row{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ribbon-track,.finale-ornament,.float-star,.confetti{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.hero-photo,.photo-card img,.note-card,.pill-button{transition:none}}

.secret-ornament{font-family:"Playfair Display",Georgia,serif;font-size:72px;color:var(--rose);text-align:center;line-height:1;margin:15px 0;transform:rotate(-12deg)}
.secret-note{font-family:"Playfair Display",Georgia,serif;font-size:24px;line-height:1.5;font-style:italic;color:var(--plum);margin:20px 0}
.secret-unlocked .secret-media{border:0;background:#eee1e1;padding:12px;min-height:0}
.lock-secret{border:0;background:transparent;color:var(--plum);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px;padding:10px 0}

.secret-unlocked{animation:rise .5s ease-out}
.secret-unlocked .secret-media img,.secret-unlocked .secret-media video{animation:soft-bloom .7s ease-out}
@keyframes soft-bloom{from{opacity:0;transform:scale(.96);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.secret-unlocked,.secret-unlocked .secret-media img,.secret-unlocked .secret-media video{animation:none}}