@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Manrope:wght@400;500&family=Caveat:wght@400&display=swap";:root{--cream:#f3eadc;--beige:#d7c4aa;--brown:#8c684f;--ink:#4a372f;--rose:#c9a7a0;--paper:#ede2cf;--white:#fff;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--cream);font-family:var(--sans);overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a66d4d;outline-offset:3px}.progress{position:fixed;top:0;left:0;height:3px;background:#8c684f;z-index:100}.site-header{position:sticky;top:0;height:82px;background:#f3eadceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(74,55,47,.08);z-index:30}.site-header nav{display:flex;gap:28px}.site-header nav a{text-decoration:none;font-family:var(--serif);font-size:18px}.wordmark{text-decoration:none;font-family:var(--serif);font-size:28px;font-weight:500}main{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 baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E")}.hero{min-height:calc(100vh - 82px);padding:clamp(50px,7vw,100px) 7vw;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:5vw;overflow:hidden}.hero-copy h1{font-family:var(--serif);font-size:clamp(68px,9vw,132px);font-weight:400;line-height:.78;margin:26px 0 42px;letter-spacing:-4px}.hero-message{font-family:var(--serif);font-size:clamp(20px,2vw,29px);line-height:1.3}.hero-message em{color:#9a7057}.signature{font-family:Caveat,cursive;font-size:24px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.28em;color:#9b795f}.hero-photo{position:relative;margin:0;padding:18px 18px 54px;background:#fff;box-shadow:0 28px 70px #4a372f2e;transform:rotate(1deg);max-height:70vh}.hero-photo img{display:block;width:100%;height:62vh;max-height:650px;object-fit:cover;filter:sepia(.12) saturate(.82);background:var(--paper)}.hero-photo figcaption{position:absolute;bottom:17px;left:18px;font-family:Caveat,cursive;font-size:20px}.photo-tape{position:absolute;width:130px;height:34px;left:50%;top:-16px;transform:translate(-50%) rotate(-2deg);background:#d7c4aabf}.section{padding:100px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading h2,.timeline-section h2,.secret-section h2{font-family:var(--serif);font-size:clamp(42px,6vw,72px);font-weight:400;line-height:1;margin:12px 0 0}.gallery-controls{display:flex;gap:10px}.gallery-controls button,.video-controls button{width:44px;height:44px;border:1px solid rgba(74,55,47,.25);border-radius:50%;background:#ffffffb3;display:grid;place-items:center;cursor:pointer}.gallery-controls svg,.video-controls svg,.round-play svg,.time-row svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.memory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.memory-card{border:0;padding:14px;background:#fff;box-shadow:0 16px 45px #4a372f1f;cursor:pointer;text-align:left;transform:rotate(calc((var(--index) - 1) * 1deg));transition:transform .25s}.memory-card:hover{transform:rotate(0) translateY(-8px)}.memory-card .photo{height:340px;background:var(--paper);display:block;overflow:hidden}.memory-card img{width:100%;height:100%;object-fit:cover;filter:sepia(.15) saturate(.85)}.memory-meta{display:grid;padding:16px 4px 3px}.memory-meta strong{font-family:var(--serif);font-size:24px;font-weight:500}.memory-meta small{font-family:Caveat,cursive;font-size:18px;margin-top:4px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2b24b8;z-index:200;display:grid;place-items:center;padding:20px}.memory-dialog{position:relative;width:min(850px,94vw);max-height:90vh;background:var(--paper);padding:18px;display:grid;grid-template-columns:1.3fr 1fr;gap:25px;overflow:auto;box-shadow:0 30px 100px #00000059}.memory-dialog img{width:100%;height:min(70vh,650px);object-fit:cover}.memory-dialog div{align-self:end;padding-bottom:30px}.memory-dialog span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brown)}.memory-dialog h3{font-family:var(--serif);font-size:42px;margin:8px 0}.close-button{position:absolute;right:12px;top:12px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:30px;z-index:2;cursor:pointer}.about-section{background:#5b493d;color:#f6efe4}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff2e}.profile-grid article{min-height:300px;background:#5b493d;padding:35px}.profile-grid article span{font-family:var(--serif);color:#c9a7a0}.profile-grid h3{font-family:var(--serif);font-size:55px;font-weight:400;margin:50px 0 10px}.profile-grid p{line-height:1.8;color:#e8ded2;font-size:14px}.timeline-section{text-align:center}.timeline-intro{max-width:600px;margin:18px auto 60px;color:#806d60}.timeline{display:grid;grid-template-columns:repeat(2,1fr);max-width:850px;margin:auto}.timeline div{position:relative;padding:20px}.timeline div:first-child{border-right:1px solid var(--beige)}.timeline span{font-family:var(--serif);font-size:24px}.timeline i{display:block;width:13px;height:13px;border-radius:50%;background:var(--brown);margin:18px auto}.timeline .future{opacity:.65}.reel-layout{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:70px;align-items:center}.phone-frame{height:650px;position:relative;overflow:hidden;border-radius:28px;background:#2e2925;box-shadow:0 25px 60px #4a372f2e}.phone-frame video{width:100%;height:100%;object-fit:cover}.video-controls{position:absolute;right:15px;bottom:15px;display:flex;gap:8px}.reel-list{border-top:1px solid var(--beige)}.reel-list button{width:100%;min-height:120px;border:0;border-bottom:1px solid var(--beige);background:none;display:grid;grid-template-columns:60px 1fr;text-align:left;align-items:center;cursor:pointer}.reel-list button.active{color:#9a7057;background:#ffffff59}.reel-list button span{font-family:var(--serif);font-size:28px}.reel-list p{font-family:var(--serif);font-size:22px}.motion-note{font-family:var(--sans)!important;font-size:12px!important;color:#806d60;margin-top:24px}.video-error{font-family:var(--sans)!important;color:#8a382f!important}.song-section{background:#dfcdb5;text-align:center}.song-label{font-size:11px;text-transform:uppercase;letter-spacing:.25em;margin-bottom:25px}.cassette{max-width:780px;margin:auto;background:#eadfc9;border:10px solid #5c493c;border-radius:16px;padding:40px;display:grid;grid-template-columns:150px 1fr;align-items:center;box-shadow:0 25px 50px #4a372f2e}.round-play{width:100px;height:100px;border-radius:50%;border:8px solid #c3ad91;background:#f4eddf;display:grid;place-items:center;cursor:pointer}.round-play svg{width:34px;height:34px}.song-info{text-align:left}.song-info>span{text-transform:uppercase;font-size:10px;letter-spacing:.18em}.song-info h2{font-family:var(--serif);font-size:42px;font-weight:400;margin:10px 0}.song-info small{font-family:Caveat,cursive;font-size:18px}.song-info input{width:100%;accent-color:#8c684f;margin-top:20px}.time-row{display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;font-size:11px}.time-row button{width:44px;height:44px;border:0;background:none;display:grid;place-items:center}.time-row span:last-child{text-align:right}.secret-section{min-height:620px;text-align:center;background:#f7f1e6}.question-card{max-width:620px;margin:60px auto 0;padding:45px;background:#fff;box-shadow:0 15px 50px #4a372f1a}.question-card small{letter-spacing:.15em;text-transform:uppercase;color:#806d60}.question-card h3{font-family:var(--serif);font-size:35px;font-weight:400;margin:20px 0 35px}.question-card div{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.question-card button,.secret-result button{min-height:44px;border:1px solid var(--brown);background:transparent;padding:12px 22px;cursor:pointer}.secret-result{margin-top:50px}.secret-result p{font-family:var(--serif);font-size:48px}.secret-result strong{font-weight:400;color:#98705a}.whatsapp-button{background:#4a372f!important;color:#fff!important}.form-error{color:#8a382f}.closing-letter{position:relative;background:#b8a28a;display:grid;place-items:center;overflow:hidden}.closing-letter-card{position:relative;width:min(720px,100%);background:#f7f1e6;padding:65px 70px 55px;text-align:center;box-shadow:0 28px 70px #4a372f38;transform:rotate(-.35deg)}.closing-letter-card h2{font-family:var(--serif);font-size:64px;font-weight:400;margin:10px 0 35px}.closing-letter-text{font-family:var(--serif);font-size:23px;line-height:1.65;text-align:left}.closing-letter-text p{margin:0 0 22px}.closing-letter-text p:last-child{margin-bottom:0;color:#98705a}.closing-signature{display:block;margin-top:35px;font-family:Caveat,cursive;font-size:28px;text-align:right}.letter-mark{position:absolute;font-family:var(--serif);font-size:min(22vw,280px);color:#ffffff24;transform:rotate(-8deg)}footer{min-height:150px;padding:50px 7vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(74,55,47,.15);font-family:var(--serif)}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{text-align:center}.hero-photo{max-width:620px;width:100%;justify-self:center}.memory-card .photo{height:260px}.profile-grid{grid-template-columns:1fr}.profile-grid article{min-height:auto}}@media(max-width:600px){.site-header{height:70px;padding:0 16px}.wordmark{font-size:23px}.site-header nav{gap:12px}.site-header nav a{font-size:14px}.hero{padding:55px 18px}.hero-copy h1{font-size:58px;letter-spacing:-2px}.hero-photo{padding:10px 10px 45px}.hero-photo img{height:430px}.section{padding:70px 18px}.section-heading{align-items:center}.section-heading h2{font-size:44px}.memory-grid{grid-template-columns:minmax(0,1fr)}.memory-card:not(:first-child){display:none}.memory-card .photo{height:420px}.memory-dialog{grid-template-columns:1fr}.memory-dialog img{height:55vh}.reel-layout{grid-template-columns:1fr;gap:35px}.phone-frame{height:560px;width:100%}.cassette{grid-template-columns:1fr;padding:25px;justify-items:center;text-align:center}.song-info{text-align:center;width:100%}.secret-result p{font-size:36px}.closing-letter-card{padding:45px 28px 38px}.closing-letter-card h2{font-size:48px}.closing-letter-text{font-size:20px}footer{padding:35px 18px;flex-direction:column;gap:12px;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}