:root{--ink:#41343a;--wine:#7d3854;--gold:#d3b07d;--paper:#f6efe6;--paper2:#e7dccf;--dark:#2a2025}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#241b20;color:var(--ink);font-family:"Kalpurush",sans-serif}button,a{font:inherit;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:var(--paper);box-shadow:0 0 90px #12090d99}.page::-webkit-scrollbar{display:none}.page>section{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:64px 24px 72px}.eyebrow{font:600 10px Arial;letter-spacing:.22em;text-transform:uppercase;color:var(--wine)}.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:#6e6166}.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 #ffffff28;background:#34262bcc;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 #7d38542b;background:#fff8efdd;border-radius:50%;color:var(--wine)}.scene-nav span{text-align:center;font:600 10px Arial;color:#f3e6d5}
.opening{position:fixed;z-index:100;inset:0;background:radial-gradient(circle at 50% 24%,#6d4655,#33252b 56%,#171014);display:grid;place-items:center;transition:.8s}.opening.hide{opacity:0;visibility:hidden;pointer-events:none}.camera{width:min(78vw,390px);height:260px;border-radius:30px;background:linear-gradient(#4b3a40,#2d2327);border:1px solid #d3b07d55;box-shadow:0 30px 80px #0008;position:relative;display:grid;place-items:center}.camera:before{content:"";position:absolute;top:-45px;left:50px;width:110px;height:55px;border-radius:16px 16px 0 0;background:#45343b}.lens{width:138px;height:138px;border-radius:50%;background:radial-gradient(circle,#151419 0 22%,#495263 23% 39%,#151419 40% 58%,#c3a66f 59% 64%,#242026 65%);box-shadow:0 0 0 9px #1c181c}.shutter{position:absolute;right:28px;top:26px;width:44px;height:22px;border-radius:8px;background:#d3b07d}.opening.flash:after{content:"";position:absolute;inset:0;background:#fff;animation:flash .7s ease forwards}@keyframes flash{0%{opacity:0}20%{opacity:1}100%{opacity:0}}.opening-copy{position:absolute;bottom:8%;text-align:center;width:min(88vw,560px);color:#fff}.opening-copy h1{font-size:36px;margin:6px 0}.open-btn{border:1px solid #e4c99566;border-radius:999px;background:#ffffff0b;color:#fff;padding:11px 20px}
.hero{background:radial-gradient(circle at 50% 0,#fffaf2,#e9ddd0)}.hero-wrap{width:min(800px,100%);text-align:center}.hero-title{font:600 clamp(58px,10vw,94px)/.85 "Cormorant Garamond","Kalpurush";color:var(--wine);margin:12px 0}.hero-photo{width:min(470px,82vw);height:min(38dvh,370px);margin:20px auto;overflow:hidden;border-radius:26px;transform:rotate(-1.5deg);box-shadow:0 22px 60px #4b342d25;border:10px solid #fff}.hero-photo img{width:100%;height:100%;object-fit:cover}.chapter{background:#34272d;color:#fff}.chapter .copy{color:#e2d6db}.split{width:min(860px,100%);display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:center}.polaroid{background:#fff;padding:12px 12px 40px;transform:rotate(-2deg);box-shadow:0 20px 50px #0005}.polaroid img{width:100%;height:min(52dvh,500px);object-fit:cover}.polaroid figcaption{text-align:center;color:#5c4b51;font:600 20px "Cormorant Garamond","Kalpurush";margin-top:10px}.chapter-card{padding:20px}.chapter-no{font:600 64px/.8 "Cormorant Garamond","Kalpurush";color:#d3b07d}
.facts{background:#eee3d6}.facts-wrap{width:min(820px,100%);text-align:center}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.fact{min-height:150px;border:1px solid #9b7a6740;background:#fff9f1;border-radius:22px;padding:18px;display:flex;flex-direction:column;justify-content:center}.fact small{font:600 9px Arial;letter-spacing:.18em;text-transform:uppercase;color:#8b6c79}.fact strong{font-size:24px;font-weight:500;margin-top:8px}.timeline{background:#5a3345;color:#fff}.timeline-wrap{width:min(780px,100%);text-align:center}.timeline-list{display:grid;gap:9px;margin-top:22px;text-align:left}.timeline-row{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:14px 17px;border:1px solid #ffffff1c;background:#ffffff08;border-radius:18px}.timeline-row i{font:600 18px "Cormorant Garamond","Kalpurush";color:#edd09b;font-style:normal}.timeline-row span{font-size:11px;color:#ddd0d5}
.gallery{background:#d2b582}.gallery-wrap{width:min(880px,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:18px}.gallery-item:first-child{grid-row:1/3}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item span{position:absolute;left:9px;bottom:9px;background:#31222abd;color:#fff;border-radius:999px;padding:6px 9px;font-size:10px}.lightbox{position:fixed;z-index:130;inset:0;background:#0f090ce8;display:none;align-items:center;justify-content:center}.lightbox.on{display:flex}.lightbox img{max-width:min(90vw,900px);max-height:82vh;border-radius:20px}.lb-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#46323b;font-size:24px}
.favorite{background:#f6efe6}.favorite-wrap{width:min(820px,100%);text-align:center}.favorite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.favorite-btn{min-height:130px;border:1px solid #8c6c7b30;background:#fffaf3;border-radius:24px;padding:15px;color:#513a45}.favorite-btn.active{background:#7d3854;color:#fff}.favorite-btn b{display:block;font-size:20px;margin-top:7px}.favorite-result{max-width:640px;min-height:62px;margin:14px auto 0;border:1px dashed #7d385455;border-radius:18px;padding:14px;display:grid;place-items:center;font-size:13px}.note{background:#34272d;color:#fff}.note-card{width:min(700px,100%);padding:34px 24px;border:1px solid #d3b07d40;border-radius:28px;background:#ffffff07;text-align:center}.note-card .copy{color:#e4d9dc}.note-card .quote{font:500 31px/1.25 "Cormorant Garamond","Kalpurush";color:#f0d5a0;margin:18px 0}
.final{background:radial-gradient(circle at 50% 20%,#fffaf2,#e6d6c4);text-align:center}.final-card{width:min(700px,100%);padding:42px 24px;border:1px solid #9d7a6340;border-radius:260px 260px 34px 34px;background:#fffaf3cc}.final-card .camera-mark{font-size:44px;color:#7d3854}.share-btn{min-height:44px;border:0;border-radius:999px;background:#7d3854;color:#fff;padding:0 18px;margin-top:14px}.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}.polaroid img{height:34dvh}.chapter-card{padding:6px 2px}.fact-grid,.favorite-grid{grid-template-columns:repeat(3,1fr);gap:6px}.fact,.favorite-btn{min-height:112px;padding:10px}.favorite-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}.timeline-row{grid-template-columns:52px 1fr}.timeline-row span{grid-column:2}.hero-title{font-size:clamp(56px,17vw,82px)}.hero-photo{height:29dvh}.title{font-size:31px}.copy{font-size:12px}.camera{height:230px}.lens{width:118px;height:118px}}
@media(max-width:380px){.fact-grid,.favorite-grid{grid-template-columns:1fr}.title{font-size:28px}}