:root{--ink:#f7f0e8;--plum:#6a3a63;--plum2:#3b2439;--gold:#e5c897;--paper:#fff9ef;--dark:#17111b}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#100b13;color:var(--ink);font-family:"Kalpurush",sans-serif}button,a,input{font:inherit}button,a{cursor:pointer}.page{width:min(100%,980px);height:100dvh;margin:auto;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;background:#1a121d}.page::-webkit-scrollbar{display:none}.page>section{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:64px 24px 72px}.eyebrow{font:600 10px Arial;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.title{font-size:clamp(34px,6vw,56px);line-height:1.08;margin:8px 0 13px;font-weight:500}.copy{font-size:13.5px;line-height:1.8;color:#d7cad5}.serif{font-family:"Cormorant Garamond","Kalpurush",serif}
.top-controls{position:fixed;z-index:80;top:12px;left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),950px);display:flex;justify-content:space-between;pointer-events:none}.top-controls>*{pointer-events:auto}.top-controls a,.round{min-height:38px;border:1px solid #ffffff24;background:#2c1d2ccc;color:#fff;border-radius:999px;backdrop-filter:blur(12px);text-decoration:none}.top-controls a{padding:8px 14px;font-size:11px}.round{width:38px}.scene-nav{position:fixed;z-index:75;right:max(8px,calc((100vw - 980px)/2 + 8px));top:50%;transform:translateY(-50%);display:grid;gap:6px}.scene-nav button{width:36px;height:36px;border:1px solid #ffffff22;background:#2c1b2ddd;border-radius:50%;color:#f0d7ae}.scene-nav span{text-align:center;font:600 10px Arial;color:#eadce5}
.opening{position:fixed;z-index:100;inset:0;background:radial-gradient(circle at 50% 20%,#6a3a63,#302033 55%,#120c15);display:grid;place-items:center;transition:.8s}.opening.hide{opacity:0;visibility:hidden;pointer-events:none}.envelope{width:min(82vw,430px);height:280px;position:relative;perspective:1200px}.env-body{position:absolute;inset:0;background:#ead8bb;border-radius:14px;box-shadow:0 30px 80px #0008}.env-flap{position:absolute;left:0;right:0;top:0;height:58%;background:#f1e1c6;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:1.1s}.opening.open .env-flap{transform:rotateX(165deg)}.seal{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:#6a3a63;color:#f5dfb9;display:grid;place-items:center;font:600 18px Arial;box-shadow:0 8px 24px #0004}.secret-card{position:absolute;left:8%;right:8%;bottom:16px;height:82%;background:#fffaf0;color:#3a2a35;border-radius:10px;padding:26px;text-align:center;transition:1.1s .15s}.opening.open .secret-card{transform:translateY(-150px)}.secret-card h1{font:600 42px/1 "Cormorant Garamond","Kalpurush";margin:8px}.open-btn{border:1px solid #6a3a6340;border-radius:999px;background:#6a3a63;color:#fff;padding:11px 20px}.hero{background:radial-gradient(circle at 50% 0,#5c3558,#241827 60%,#140e17)}.hero-wrap{text-align:center;width:min(780px,100%)}.hero-name{font:600 clamp(70px,13vw,118px)/.8 "Cormorant Garamond","Kalpurush";color:#f2d8a8}.hero-photo{width:min(430px,78vw);height:min(34dvh,340px);margin:20px auto;border-radius:220px 220px 28px 28px;overflow:hidden;border:1px solid #e5c89755}.hero-photo img,.photo img{width:100%;height:100%;object-fit:cover}.story{background:#fff8ef;color:#42323f}.story .copy{color:#6c5b67}.split{width:min(850px,100%);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.photo{height:min(58dvh,530px);border-radius:28px;overflow:hidden}.card{padding:22px}.clues{background:#251827}.clue-wrap,.details-wrap,.guess-wrap,.final-wrap{width:min(820px,100%);text-align:center}.clue-grid,.detail-grid,.guess-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.clue-card,.detail-card,.guess-btn{min-height:140px;border:1px solid #ffffff1c;background:#ffffff08;border-radius:24px;padding:16px;color:#fff}.clue-card span{font-size:30px}.clue-card b,.guess-btn b{display:block;font-size:20px;margin-top:7px}.details{background:#efe4d7;color:#40313c}.details .copy{color:#6e5e67}.detail-card{background:#fff9f1;border-color:#6a3a6328;color:#493743}.detail-card small{font:600 9px Arial;letter-spacing:.18em;text-transform:uppercase;color:#8a6f7f}.detail-card strong{display:block;font-size:22px;font-weight:500;margin-top:8px}.countdown{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}.countdown div{min-width:70px;background:#6a3a63;color:#fff;border-radius:16px;padding:10px}.countdown strong{display:block;font:600 25px "Cormorant Garamond","Kalpurush";color:#f2d8a8}.countdown span{font-size:9px}
.guess{background:#1d1420}.guess-btn.active{background:#e5c897;color:#3c2937}.guess-result{max-width:640px;min-height:60px;margin:14px auto 0;border:1px dashed #ffffff2d;border-radius:18px;padding:14px;display:grid;place-items:center}.gallery{background:#c9a96f;color:#372831}.gallery-wrap{width:min(870px,100%)}.gallery-head{text-align:center}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:29dvh 29dvh;gap:8px;margin-top:18px}.gallery-item{position:relative;border:0;padding:0;overflow:hidden;border-radius:22px}.gallery-item:first-child{grid-row:1/3}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item span{position:absolute;left:9px;bottom:9px;background:#241521bd;color:#fff;border-radius:999px;padding:6px 9px;font-size:10px}.lightbox{position:fixed;z-index:130;inset:0;background:#0b070de8;display:none;align-items:center;justify-content:center}.lightbox.on{display:flex}.lightbox img{max-width:min(90vw,900px);max-height:82vh;border-radius:22px}.lb-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#4f334a;font-size:24px}.plan{background:#4b2d49}.plan-list{width:min(760px,100%);display:grid;gap:9px}.plan-row{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center;padding:14px 17px;border:1px solid #ffffff1b;background:#ffffff08;border-radius:18px}.plan-row i{font:600 18px "Cormorant Garamond","Kalpurush";color:#f1d4a4;font-style:normal}.plan-row span{font-size:11px;color:#dfd2db}.final{background:radial-gradient(circle at 50% 20%,#6c3e66,#251826 62%,#140d16)}.final-card{width:min(700px,100%);padding:40px 22px;border:1px solid #e5c89742;border-radius:260px 260px 34px 34px;background:#ffffff08;text-align:center}.final-card .shh{font:600 58px/.8 "Cormorant Garamond","Kalpurush";color:#f0d4a0}.rsvp{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}.rsvp input{min-height:44px;border:1px solid #e5c89742;border-radius:999px;background:#fff;padding:0 16px;min-width:220px;color:#222}.rsvp button,.share-btn{min-height:44px;border:0;border-radius:999px;background:#e5c897;color:#3a2933;padding:0 18px}.share-btn{margin-top:9px;background:#6a3a63;color:#fff}.result{min-height:24px;margin-top:9px;font-size:12px}.reveal{opacity:0;transform:translateY(20px);transition:.8s}.reveal.show{opacity:1;transform:none}
@media(max-width:720px){.page>section{padding:58px 14px 70px}.scene-nav{right:7px;top:auto;bottom:66px;transform:none;grid-template-columns:repeat(3,36px)}.split{grid-template-columns:1fr}.photo{height:35dvh}.card{padding:7px 2px}.clue-grid,.detail-grid,.guess-grid{grid-template-columns:repeat(3,1fr);gap:6px}.clue-card,.detail-card,.guess-btn{min-height:112px;padding:10px}.clue-card b,.guess-btn b{font-size:16px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:30dvh 21dvh}.gallery-item:first-child{grid-column:1/3;grid-row:auto}.plan-row{grid-template-columns:54px 1fr}.plan-row span{grid-column:2}.title{font-size:31px}.copy{font-size:12px}.envelope{height:250px}.secret-card{padding:18px}.rsvp input{min-width:0;width:100%}}
@media(max-width:380px){.clue-grid,.detail-grid,.guess-grid{grid-template-columns:1fr}.title{font-size:28px}}