:root{
  --black:#070707;--black2:#0e0b08;--ivory:#f4efe7;--paper:#ece4d8;--gold:#c9a05c;--gold2:#f0d18f;--muted:#b8aea0;--line:rgba(220,188,124,.22);--radius:26px;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',Arial,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:var(--sans);overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.site-header{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(to bottom,rgba(7,7,7,.95),rgba(7,7,7,.74),transparent);backdrop-filter:blur(13px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ivory)}.brand img{width:60px;height:60px;border-radius:50%;object-fit:cover;object-position:50% 12%;mix-blend-mode:screen;filter:drop-shadow(0 0 18px rgba(228,186,110,.14))}.brand-word{font-family:var(--serif);font-size:31px;letter-spacing:-.03em;white-space:nowrap}.brand-word b{font-weight:600}.brand-word em{font-style:normal;color:var(--gold2)}.primary-nav{display:flex;align-items:center;gap:28px}.nav-links{display:flex;gap:28px}.nav-links a,.footer-contact a{color:rgba(244,239,231,.72);text-decoration:none;font-size:13px;letter-spacing:.05em;transition:.25s}.nav-links a:hover,.footer-contact a:hover{color:var(--gold2)}.nav-social{display:flex;align-items:center;gap:7px;padding-left:16px;border-left:1px solid rgba(240,209,143,.16)}.nav-social a,.social-icon-row a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(240,209,143,.16);color:rgba(244,239,231,.75);text-decoration:none;font-size:12px;transition:.25s}.nav-social a:hover,.social-icon-row a:hover{color:#111;background:var(--gold2);border-color:var(--gold2);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:999px;border:1px solid var(--gold);background:linear-gradient(135deg,#e6c17b,#ad7b35);color:#120d07;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:11px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(201,160,92,.22)}.btn-small{padding:13px 18px}.btn.outline{background:transparent;color:#8b6028;border-color:#b88643}.featured .btn.outline,.premiere-addon .btn.outline{color:var(--gold2)}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(9,8,7,.68);position:relative}.menu-toggle span{position:absolute;width:16px;height:1px;background:#fff;left:12px;top:17px}.menu-toggle span+span{top:23px}.section-dark{background:var(--black);color:var(--ivory)}.section-light{background:var(--ivory);color:#16110d}

/* HERO */
.hero{min-height:100svh;padding:138px 5vw 92px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(620px,1.55fr);gap:3vw;align-items:center;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,7,7,.97) 0%,rgba(7,7,7,.88) 32%,rgba(7,7,7,.58) 58%,rgba(7,7,7,.82) 100%),url('assets/hero-background.webp');background-size:cover;background-position:center 42%;opacity:.42;filter:saturate(.8) contrast(1.08);transform:scale(1.035)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.38),transparent 35%,rgba(0,0,0,.4)),radial-gradient(circle at 86% 10%,rgba(185,127,53,.18),transparent 30%)}.hero-glow{position:absolute;width:66vw;height:66vw;right:-25vw;top:-21vw;background:radial-gradient(circle,rgba(184,126,53,.22),rgba(7,7,7,0) 63%);filter:blur(30px)}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.28em;color:var(--gold2);font-weight:700;margin:0 0 24px}.eyebrow.dark{color:#845c2a}.hero h1,.section-heading h2,.mobile-copy h2,.reaction-copy h2,.order-intro h2{font-family:var(--serif);font-weight:500;line-height:.84;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(56px,6.4vw,108px)}.hero h1 span,.section-heading h2 em,.mobile-copy h2 em,.reaction-copy h2 em,.order-intro h2 em{font-style:italic;color:var(--gold2)}.lede{max-width:560px;color:rgba(244,239,231,.73);font-size:16px;line-height:1.72;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:22px}.text-button{background:none;border:0;color:var(--ivory);font-family:var(--sans);cursor:pointer;font-size:13px}.text-button span{display:inline-grid;place-items:center;border:1px solid var(--line);width:33px;height:33px;border-radius:50%;margin-left:8px}.tagline{margin-top:44px;font-size:9px;letter-spacing:.31em;color:#b0a18f}.premiere-stage{position:relative;z-index:3;min-width:0;padding-bottom:70px}.stage-label{font-size:9px;letter-spacing:.27em;color:rgba(244,239,231,.7);margin:0 0 12px 10px}.stage-label span{display:inline-block;width:7px;height:7px;background:var(--gold2);border-radius:50%;box-shadow:0 0 16px var(--gold2);margin-right:8px}.media-frame{position:relative;overflow:hidden;background:#000;border:1px solid rgba(222,183,112,.42);box-shadow:0 30px 80px rgba(0,0,0,.48)}.main-film{aspect-ratio:16/9;border-radius:30px}.main-film video,.reaction-film video{width:100%;height:100%;display:block;object-fit:cover}.media-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.44),transparent 31%);pointer-events:none}.center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:1px solid rgba(245,213,146,.88);background:rgba(6,6,6,.65);color:white;font-size:24px;cursor:pointer;backdrop-filter:blur(8px);z-index:4}.sound-pill{position:absolute;right:16px;top:16px;z-index:5;border:1px solid rgba(240,209,143,.4);background:rgba(7,7,7,.72);color:#fff;border-radius:999px;padding:10px 13px;display:flex;align-items:center;gap:8px;font:600 10px/1 var(--sans);letter-spacing:.06em;cursor:pointer;backdrop-filter:blur(10px)}.sound-pill i{color:var(--gold2)}.reaction-film{position:absolute;width:43%;aspect-ratio:16/9;right:-4.5%;bottom:-3%;border-radius:20px;border:2px solid var(--gold2);box-shadow:0 20px 60px rgba(0,0,0,.78),0 0 0 8px rgba(7,7,7,.86);z-index:6}.reaction-label{position:absolute;top:10px;left:10px;z-index:4;background:rgba(0,0,0,.72);padding:8px 10px;border-radius:999px;font-size:8px;letter-spacing:.16em}.reaction-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d63f34;margin-right:5px;box-shadow:0 0 10px #d63f34}.hero-transport{position:absolute;left:2%;right:47%;bottom:6px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;z-index:5;padding:11px 14px;border:1px solid rgba(240,209,143,.15);border-radius:999px;background:rgba(5,5,5,.74);backdrop-filter:blur(10px)}.hero-transport button{border:0;background:none;color:#fff;font-size:12px;cursor:pointer}.progress{height:4px;background:rgba(255,255,255,.2);border-radius:999px;overflow:hidden;cursor:pointer}.progress div{height:100%;width:0;background:linear-gradient(90deg,#d2a85d,#f4d795)}#timeDisplay{font-size:10px;color:#fff;min-width:32px}.scroll-note{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:6;font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:#d0c5b5;text-decoration:none;text-shadow:0 2px 14px rgba(0,0,0,.8)}.scroll-note span{display:inline-block;color:var(--gold2);font-size:16px;margin-left:5px;animation:scrollBounce 1.6s ease-in-out infinite}@keyframes scrollBounce{0%,100%{transform:translateY(-2px);opacity:.55}50%{transform:translateY(5px);opacity:1}}

/* SMALL SCREEN STORY */
.mobile-story{min-height:92vh;padding:120px 7vw;display:grid;grid-template-columns:1fr .78fr;align-items:center;gap:8vw;position:relative;overflow:hidden;color:#f5efe6;background:#120d09}.mobile-story-bg{position:absolute;inset:-5%;background-image:linear-gradient(90deg,rgba(13,9,6,.94) 0%,rgba(13,9,6,.8) 50%,rgba(13,9,6,.55) 100%),url('assets/mobile-background.webp');background-size:cover;background-position:center;filter:blur(1px) saturate(.92);transform:scale(1.05);opacity:.58}.mobile-story:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 30%,rgba(218,177,113,.2),transparent 24%),radial-gradient(circle at 85% 72%,rgba(130,49,61,.16),transparent 24%)}.bokeh{position:absolute;border-radius:50%;filter:blur(30px);opacity:.35;pointer-events:none}.bokeh-a{width:220px;height:220px;right:16%;top:13%;background:radial-gradient(circle at 32% 35%,#f1d6b3 0 12%,#b9827a 13% 26%,#754d4d 27% 45%,transparent 46%);animation:bokehFloat 7s ease-in-out infinite}.bokeh-b{width:280px;height:280px;left:5%;bottom:4%;background:radial-gradient(circle at 50% 50%,#efe2c8 0 9%,#d9acb5 10% 22%,#7f4c58 23% 38%,transparent 39%);animation:bokehFloat 9s ease-in-out infinite reverse}@keyframes bokehFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(16px,-16px,0) scale(1.05)}}.mobile-copy,.phone-wrap{position:relative;z-index:2}.mobile-copy h2,.section-heading h2,.reaction-copy h2,.order-intro h2{font-size:clamp(48px,6vw,88px)}.mobile-copy h2 em{color:#f0c36d;text-shadow:0 0 22px rgba(240,195,109,.12)}.mobile-copy p{font-size:16px;line-height:1.8;color:#c9bcad;max-width:640px}.mobile-story .eyebrow.dark{color:#e5bd79}.micro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}.micro-grid div{border-top:1px solid rgba(240,209,143,.2);padding-top:16px}.micro-grid strong{font-family:var(--serif);font-size:28px;color:#d7a75b;display:block}.micro-grid span{font-size:11px;color:#c2b4a3}.phone-wrap{display:grid;place-items:center}.phone-glow{position:absolute;width:75%;height:75%;background:radial-gradient(circle,rgba(202,154,87,.35),transparent 67%);filter:blur(35px)}.phone-shell{width:min(350px,72vw);aspect-ratio:9/18;border-radius:46px;padding:11px;background:#070707;border:1px solid #6f532f;box-shadow:0 38px 80px rgba(0,0,0,.55),0 0 0 1px rgba(240,209,143,.05);position:relative}.phone-top{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:3}.phone-top span{display:block;width:84px;height:20px;border-radius:999px;background:#050505}.phone-shell video{width:100%;height:100%;object-fit:cover;border-radius:35px;background:#000}.phone-note{margin-top:20px;font-size:9px;letter-spacing:.22em;color:#c0ae98}

/* COLLECTION */
.signature,.packages,.how,.faq,.order{padding:120px 7vw}.section-heading{display:grid;grid-template-columns:1fr .65fr;gap:8vw;align-items:end;margin-bottom:64px}.section-heading>p{color:#8e8376;line-height:1.8;font-size:14px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-card{min-height:560px;border:1px solid var(--line);border-radius:26px;padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:#0d0b09;cursor:pointer;isolation:isolate}.story-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,6,6,.96) 7%,rgba(6,6,6,.15) 60%,rgba(6,6,6,.36));z-index:-1}.card-one:after,.card-two:after{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .8s ease,filter .8s ease}.card-one:after{background-image:url('assets/story1-thumb.webp')}.card-two:after{background-image:url('assets/story2-thumb.webp')}.story-card:hover:after,.story-card:focus-visible:after{transform:scale(1.035);filter:saturate(1.06)}.story-card>*{position:relative;z-index:2}.card-top{position:absolute;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#d2c6b4}.story-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid var(--gold2);background:rgba(0,0,0,.62);color:#fff;display:grid;place-items:center;backdrop-filter:blur(8px);cursor:pointer;transition:.25s}.story-card:hover .story-play{transform:translate(-50%,-50%) scale(1.08);background:rgba(178,124,54,.82)}.story-title small{font-size:11px;letter-spacing:.2em;color:var(--gold2)}.story-title strong{display:block;font-family:var(--serif);font-size:48px;font-weight:500;line-height:.8;margin:8px 0 16px}.story-card p{font-size:13px;line-height:1.7;color:#bfb5a7}.story-link{color:var(--gold2);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.coming{background:radial-gradient(circle at 50% 42%,#3a2714,#0d0b09 60%);justify-content:center;text-align:center;align-items:center;cursor:default}.coming:before{background:none}.coming-star{font-size:58px;color:var(--gold2);text-shadow:0 0 35px rgba(240,209,143,.55)}.coming p{letter-spacing:.2em;color:#c7bba9}.coming h3{font-family:var(--serif);font-size:58px;line-height:.83;margin:10px 0;color:var(--ivory)}.coming span{font-size:11px;color:#8f8273}

/* PACKAGES */
.packages{background:linear-gradient(180deg,#f4efe7,#ece2d4)}.core-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1180px;margin:0 auto}.package-card{background:#f8f3eb;border:1px solid #d8cbbb;border-radius:28px;padding:34px;position:relative;min-height:560px;display:flex;flex-direction:column;color:#17120e}.package-card.featured{background:#13100c;color:var(--ivory);border-color:#b88946;box-shadow:0 25px 80px rgba(111,77,34,.22)}.featured-chip{position:absolute;top:18px;right:18px;background:#b88a46;color:#fff;font-size:8px;letter-spacing:.15em;padding:7px 10px;border-radius:999px}.package-label{font-size:9px;letter-spacing:.18em;color:#8d6a3c;margin-bottom:24px}.price{font-family:var(--serif);font-size:62px;line-height:1;margin-bottom:20px}.price span{font-family:var(--sans);font-size:9px;letter-spacing:.14em;color:#8a7560}.package-card>p{font-size:13px;line-height:1.7;color:#71675e}.featured>p{color:#a99e90}.package-card ul{list-style:none;padding:0;margin:28px 0 30px;display:grid;gap:14px;flex:1}.package-card li{font-size:12px;border-bottom:1px solid rgba(105,86,63,.14);padding-bottom:11px}.package-card li:before{content:"✦";color:#ad7f43;margin-right:9px}.featured li{border-color:rgba(255,255,255,.1)}.premiere-addon{max-width:1180px;margin:28px auto 0;background:linear-gradient(135deg,#17110c,#0d0b09);border:1px solid rgba(216,170,93,.45);border-radius:28px;padding:30px;color:var(--ivory);box-shadow:0 30px 80px rgba(76,49,17,.15);position:relative;overflow:hidden}.premiere-addon:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-110px;background:radial-gradient(circle,rgba(233,190,111,.24),transparent 68%)}.addon-kicker{font-size:9px;letter-spacing:.18em;color:var(--gold2);margin-bottom:18px}.addon-main{display:grid;grid-template-columns:1.5fr .55fr auto;gap:28px;align-items:center}.addon-main h3{font-family:var(--serif);font-size:44px;font-weight:500;margin:0 0 6px}.addon-main p{margin:0;color:#ad9f8d;font-size:13px;line-height:1.65;max-width:650px}.addon-price{display:flex;flex-direction:column}.addon-price span{font-size:8px;letter-spacing:.16em;color:#9f8f7b}.addon-price strong{font-family:var(--serif);font-size:40px;font-weight:500;color:var(--gold2)}.addon-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.addon-points span{font-size:10px;color:#c0b3a3;border:1px solid rgba(240,209,143,.14);border-radius:999px;padding:8px 11px}

/* HOW IT WORKS */
.how{padding-bottom:145px;position:relative;overflow:hidden;isolation:isolate}.how-bg{position:absolute;inset:-5%;z-index:-3;background:url('assets/steps-background.webp') center 48%/cover no-repeat;filter:saturate(.7) contrast(1.08);transform:scale(1.06)}.how-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,4,4,.96),rgba(4,4,4,.78) 50%,rgba(4,4,4,.88)),linear-gradient(to top,rgba(0,0,0,.75),transparent 55%)}.how:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 15%,rgba(181,127,59,.2),transparent 30%)}.steps-progress{height:1px;background:rgba(240,209,143,.16);margin:0 0 22px;overflow:hidden}.steps-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#ad7b35,#f0d18f);transition:width 1.8s cubic-bezier(.2,.7,.2,1)}.how.visible-steps .steps-progress span{width:100%}.visual-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:0 18px 22px 0;min-height:410px;border-right:1px solid rgba(240,209,143,.15)}.step:last-child{border-right:0}.step-media{height:185px;border-radius:18px;overflow:hidden;border:1px solid rgba(240,209,143,.18);margin-bottom:22px;position:relative}.step-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 65%)}.step-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}.step.visible .step-media img{transform:scale(1.035)}.step>span{font-family:var(--serif);font-size:34px;color:#bd955d}.step h3{font-family:var(--serif);font-size:28px;font-weight:500;margin:18px 0 8px}.step p{font-size:12px;line-height:1.7;color:#a89d8e;padding-right:14px}

/* REACTIONS */
.reaction-section{min-height:90vh;display:grid;grid-template-columns:.72fr 1.28fr;background:#0a0806;overflow:hidden}.reaction-copy{padding:10vw 7vw;align-self:center}.reaction-copy p{color:#a89b8a;line-height:1.8}.reaction-slideshow{min-height:680px;position:relative;overflow:hidden;background:#060504}.reaction-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;overflow:hidden}.reaction-slide.active{opacity:1}.reaction-slide img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.84) contrast(1.03);transform:scale(1.02);animation:kenBurns 8s ease-in-out forwards}.reaction-slide.active img{animation-name:kenBurns}@keyframes kenBurns{from{transform:scale(1.02)}to{transform:scale(1.08) translate3d(-1%,0,0)}}.reaction-slideshow:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,#0a0806 0%,rgba(10,8,6,.25) 26%,transparent 47%),linear-gradient(to top,rgba(10,8,6,.65),transparent 45%)}.slideshow-dots{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:4;display:flex;gap:8px}.slideshow-dots button{width:7px;height:7px;border-radius:50%;border:0;background:rgba(255,255,255,.35);padding:0;cursor:pointer;transition:.25s}.slideshow-dots button.active{width:24px;border-radius:999px;background:var(--gold2)}

/* FAQ / ORDER */
.faq-list{max-width:1000px;margin-left:auto}.faq details{border-top:1px solid #cfc2b2;padding:22px 0}.faq summary{font-family:var(--serif);font-size:27px;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:#9e733c}.faq details[open] summary:after{content:"−"}.faq details p{max-width:760px;color:#655d55;line-height:1.8;font-size:14px}.order{display:grid;grid-template-columns:.7fr 1fr;gap:9vw;position:relative}.contact-lines{display:flex;flex-direction:column;gap:10px;margin-top:40px}.contact-lines a{color:#bdae9c;text-decoration:none;font-size:13px}.order-form{display:grid;gap:18px;background:#0d0b09;border:1px solid var(--line);padding:30px;border-radius:26px}.order-form label{font-size:10px;letter-spacing:.1em;color:#aa9d8d;display:grid;gap:9px;text-transform:uppercase}.field.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.order-form input,.order-form select,.order-form textarea{width:100%;background:#080706;border:1px solid rgba(221,184,117,.2);border-radius:12px;padding:14px;color:#eee5d9;font:inherit;outline:none}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:#c39a59}.upload-note{border:1px dashed rgba(221,184,117,.28);padding:15px;border-radius:12px}.upload-note span{font-size:9px;color:var(--gold2);letter-spacing:.16em}.upload-note p{font-size:11px;color:#81776b;margin:7px 0 0}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;text-transform:none!important;font-size:12px!important}.check input{width:auto}.submit{width:100%;border:0}.form-note{font-size:10px;color:#786e62;text-align:center;margin:0}.success{display:none;position:absolute;right:7vw;top:50%;transform:translateY(-50%);width:min(520px,42vw);background:#0d0b09;border:1px solid var(--gold);border-radius:26px;padding:60px;text-align:center}.success span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:1px solid var(--gold);color:var(--gold2);font-size:26px;margin:0 auto 20px}.success h3{font-family:var(--serif);font-size:44px;font-weight:500;margin:0}.success p{color:#8c8174}.order.sent .order-form{opacity:0;pointer-events:none}.order.sent .success{display:block}

/* STORY MODAL */
.story-modal{position:fixed;inset:0;z-index:90;display:none;place-items:center;padding:24px}.story-modal.open{display:grid}.story-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(14px)}.story-modal-dialog{position:relative;z-index:2;width:min(1100px,94vw);background:#0a0907;border:1px solid rgba(240,209,143,.3);border-radius:28px;padding:22px;box-shadow:0 35px 100px rgba(0,0,0,.75)}.story-modal-dialog h3{font-family:var(--serif);font-size:42px;font-weight:500;margin:0 0 16px}.story-modal-dialog video{width:100%;aspect-ratio:16/9;background:#000;border-radius:18px}.modal-close{position:absolute;right:16px;top:14px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#12100d;color:#fff;font-size:24px;cursor:pointer}

/* WHATSAPP + FOOTER */
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:80;display:flex;align-items:center;gap:9px;background:rgba(9,8,7,.92);border:1px solid rgba(240,209,143,.38);color:#fff;text-decoration:none;padding:12px 16px;border-radius:999px;box-shadow:0 15px 45px rgba(0,0,0,.45);backdrop-filter:blur(12px);font-size:12px;transition:.25s}.whatsapp-float:hover{transform:translateY(-3px);border-color:var(--gold2)}.whatsapp-float i{font-size:20px;color:#56c870}.whatsapp-float b{font-weight:600}.wa-status{width:7px;height:7px;border-radius:50%;background:#56c870;box-shadow:0 0 12px rgba(86,200,112,.75)}footer{background:#040404;border-top:1px solid #191714;padding:55px 6vw;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:40px}.footer-brand p{font-size:8px;letter-spacing:.24em;color:#7e756b}.social-icon-row{display:flex;justify-content:center;gap:10px}.social-icon-row a{width:38px;height:38px;font-size:14px}.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:11px;color:#6e675f}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}

@media (max-width:1180px){.site-header{padding:0 3vw}.nav-social{display:none}.hero{grid-template-columns:minmax(280px,.78fr) minmax(560px,1.42fr);gap:2.5vw}.reaction-film{width:42%;right:-1.5%}.hero-transport{right:46%}}
@media (max-width:1050px){.primary-nav{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:120px;gap:60px}.hero-copy{max-width:760px}.premiere-stage{max-width:900px}.reaction-film{right:1%;bottom:-4%;width:42%}.mobile-story,.reaction-section,.order{grid-template-columns:1fr}.reaction-copy{padding:100px 7vw}.reaction-slideshow{min-height:520px}.core-packages{grid-template-columns:1fr}.package-card{min-height:auto}.addon-main{grid-template-columns:1fr auto}.addon-main .btn{grid-column:1/-1;justify-self:start}.visual-steps{grid-template-columns:1fr 1fr}.step{border-bottom:1px solid var(--line);min-height:390px}.success{position:static;transform:none;width:auto;margin-top:20px}.order.sent .success{display:block}.order.sent .order-form{display:none}.story-grid{grid-template-columns:1fr 1fr}.coming{grid-column:span 2;min-height:360px}.nav-social{border-left:0;padding-left:0}.primary-nav[data-open="1"]{display:flex;position:absolute;top:78px;left:18px;right:18px;padding:22px;background:#0b0a08;border:1px solid rgba(220,188,124,.22);border-radius:18px;flex-direction:column;align-items:flex-start;gap:20px;box-shadow:0 25px 60px rgba(0,0,0,.55)}.primary-nav[data-open="1"] .nav-links{display:flex;flex-direction:column;gap:16px}.primary-nav[data-open="1"] .nav-social{display:flex}.primary-nav[data-open="1"] .nav-social a{width:36px;height:36px}}
@media(max-width:700px){.site-header{height:74px;padding:0 16px}.brand img{width:46px;height:46px}.brand-word{font-size:24px}.btn-small{display:none}.hero{padding:110px 18px 88px;min-height:auto}.hero-bg{opacity:.28;background-position:58% center}.hero h1{font-size:60px}.lede{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column}.main-film{border-radius:18px}.sound-pill{top:10px;right:10px;padding:9px 10px}.reaction-film{position:relative;width:82%;margin:-3% 0 0 auto;right:auto;bottom:auto;border-radius:16px}.hero-transport{position:relative;left:auto;right:auto;bottom:auto;margin-top:14px;width:100%}.scroll-note{display:none}.mobile-story,.signature,.packages,.how,.faq,.order{padding:88px 20px}.mobile-story{gap:70px;min-height:auto}.mobile-story-bg{background-position:65% center}.micro-grid{grid-template-columns:1fr}.section-heading{grid-template-columns:1fr;gap:22px}.story-grid{grid-template-columns:1fr}.coming{grid-column:auto}.story-card{min-height:490px}.premiere-addon{padding:24px}.addon-main{grid-template-columns:1fr}.addon-main .btn{grid-column:auto}.addon-price strong{font-size:44px}.visual-steps{grid-template-columns:1fr}.step{border-right:0;min-height:auto;padding-bottom:28px}.step-media{height:220px}.reaction-section{grid-template-columns:1fr}.reaction-copy{padding:88px 20px}.reaction-slideshow{min-height:430px}.field.two{grid-template-columns:1fr}.order{gap:48px}.story-modal{padding:12px}.story-modal-dialog{padding:14px;border-radius:20px}.story-modal-dialog h3{font-size:32px}.whatsapp-float{right:14px;bottom:14px;padding:12px}.whatsapp-float b{display:none}footer{grid-template-columns:1fr;align-items:start}.social-icon-row{justify-content:flex-start}.footer-contact{align-items:flex-start}.mobile-copy h2,.section-heading h2,.reaction-copy h2,.order-intro h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.story-card:after,.step-media img{transition:none}.scroll-note span,.bokeh,.reaction-slide img{animation:none!important}.reaction-slide img{transform:scale(1.02)}.steps-progress span{transition:none;width:100%}}

/* =========================
   STORYLEENA V3 OVERRIDES
   ========================= */

/* Header: socials sit beside the CTA, never in the center nav */
.site-header{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
.primary-nav{justify-self:center}
.header-actions{display:flex;align-items:center;gap:14px;justify-self:end}
.header-actions .nav-social{padding-left:0;border-left:0;gap:6px}
.header-actions .nav-social a{width:28px;height:28px;font-size:11px;background:rgba(8,7,6,.28)}
.mobile-social{display:none}

/* Hero: first impression should feel alive from load */
.center-play{opacity:0;pointer-events:none;transition:opacity .25s}
.premiere-stage.autoplay-blocked .center-play{opacity:1;pointer-events:auto}

/* Light mobile/social section with falling wedding petals */
.mobile-story{background:#efe7db;color:#1b1510}
.mobile-story-bg{inset:0;background:
  radial-gradient(circle at 12% 18%,rgba(255,255,255,.95),transparent 28%),
  radial-gradient(circle at 88% 74%,rgba(206,164,127,.22),transparent 28%),
  linear-gradient(135deg,#f8f2e9 0%,#eee3d4 48%,#f8f4ed 100%);opacity:1;filter:none;transform:none}
.mobile-story:before{background:
  radial-gradient(circle at 16% 30%,rgba(199,155,91,.12),transparent 22%),
  radial-gradient(circle at 84% 68%,rgba(178,118,118,.10),transparent 22%)}
.mobile-story .eyebrow.dark{color:#8d642e}
.mobile-copy p{color:#6f6256}
.mobile-copy h2{color:#17120e}
.mobile-copy h2 em{color:#b47a2f;text-shadow:none}
.micro-grid div{border-top-color:rgba(121,85,42,.22)}
.micro-grid strong{color:#a86f2a}.micro-grid span{color:#6d6258}
.phone-shell{box-shadow:0 28px 70px rgba(76,48,28,.18),0 0 0 1px rgba(137,93,43,.13)}
.phone-glow{background:radial-gradient(circle,rgba(195,142,72,.24),transparent 68%)}
.phone-note{color:#7f6c5b}
.bokeh{opacity:.16}
.petal-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.petal{position:absolute;top:-8%;width:11px;height:16px;border-radius:70% 35% 70% 35%;background:linear-gradient(135deg,#fff9f1 0%,#ead7d0 52%,#cfa894 100%);box-shadow:0 2px 8px rgba(92,60,45,.08);opacity:.72;animation:petalFall linear infinite;transform-origin:center}
.petal:nth-child(3n){background:linear-gradient(135deg,#fff8f5,#e7c6cc);width:9px;height:13px;opacity:.62}
.petal:nth-child(4n){background:linear-gradient(135deg,#fffaf0,#e5d1b1);width:8px;height:12px;opacity:.55}
@keyframes petalFall{0%{transform:translate3d(0,-12vh,0) rotate(0deg)}50%{transform:translate3d(34px,48vh,0) rotate(170deg)}100%{transform:translate3d(-18px,112vh,0) rotate(360deg)}}

/* Signature thumbs: preserve the StoryLeena branding at the top */
.card-one:after,.card-two:after{background-size:100% auto;background-repeat:no-repeat;background-position:center 7%;background-color:#0c0907}
.story-card:before{background:linear-gradient(to top,rgba(6,6,6,.97) 4%,rgba(6,6,6,.58) 42%,rgba(6,6,6,.08) 76%,rgba(6,6,6,.12))}

/* Reaction visual: intentionally smaller so low-res reaction still looks crisp */
.reaction-section{grid-template-columns:minmax(360px,.9fr) minmax(460px,1fr);align-items:center;padding:90px 6vw;gap:6vw;min-height:auto}
.reaction-copy{padding:0;max-width:650px}
.reaction-slideshow{min-height:0;aspect-ratio:16/10;width:min(100%,760px);justify-self:end;border:1px solid rgba(240,209,143,.28);border-radius:26px;box-shadow:0 28px 80px rgba(0,0,0,.4)}
.reaction-slideshow:after{background:linear-gradient(to top,rgba(10,8,6,.42),transparent 42%)}
.reaction-slide img{object-fit:cover}

/* Important people */
.people-section{padding:118px 7vw 126px;background:linear-gradient(180deg,#f3ede3 0%,#e9dece 100%);color:#1b1510;position:relative;overflow:hidden}
.people-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.85),transparent 26%),radial-gradient(circle at 90% 82%,rgba(175,125,68,.10),transparent 25%);pointer-events:none}
.people-heading{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.1fr;gap:7vw;align-items:end;margin-bottom:56px}
.people-heading h2{font-family:var(--serif);font-size:clamp(52px,6vw,90px);line-height:.86;letter-spacing:-.045em;font-weight:500;margin:0;color:#18120e}
.people-heading h2 em{font-style:italic;color:#a86e29}
.people-heading>p:last-child{color:#675b51;line-height:1.8;font-size:15px;max-width:700px}
.people-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1180px;margin:0 auto}
.people-card{background:#fffaf2;border:1px solid rgba(124,86,42,.16);border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(87,58,34,.08);transition:transform .45s ease,box-shadow .45s ease}
.people-card:hover{transform:translateY(-6px);box-shadow:0 26px 65px rgba(87,58,34,.13)}
.people-card img{width:100%;aspect-ratio:4/4.45;object-fit:cover;display:block;filter:saturate(.88) contrast(1.02)}
.people-card div{padding:22px 22px 26px}.people-card span{font-family:var(--serif);color:#a97435;font-size:22px}.people-card h3{font-family:var(--serif);font-weight:500;font-size:30px;margin:7px 0 8px}.people-card p{color:#71665b;font-size:13px;line-height:1.7;margin:0}
.people-note{position:relative;z-index:2;margin:28px auto 0;text-align:center;color:#817364;font-size:11px;letter-spacing:.02em}.people-note i{color:#a97336;margin-right:7px}

/* Order: archival open-book treatment */
.order{display:block;padding:120px 5vw 135px;background:radial-gradient(circle at 50% 20%,#1b120b 0%,#090706 52%,#050404 100%);position:relative}
.book-shell{width:min(1420px,94vw);margin:0 auto;display:grid;grid-template-columns:.78fr 1.22fr;position:relative;filter:drop-shadow(0 36px 90px rgba(0,0,0,.55))}
.book-shell:before{content:"";position:absolute;left:50%;top:2%;bottom:2%;width:24px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(54,31,16,.20),rgba(255,255,255,.18) 48%,rgba(47,29,17,.28));filter:blur(4px);z-index:4;pointer-events:none}
.book-page{position:relative;min-height:720px;padding:62px 58px;background:
  radial-gradient(circle at 35% 14%,rgba(255,255,255,.62),transparent 26%),
  repeating-linear-gradient(0deg,rgba(93,67,43,.018) 0 1px,transparent 1px 4px),
  linear-gradient(135deg,#f1e6d3,#e5d4b9);color:#261b13;border:1px solid rgba(105,71,35,.32)}
.book-left{border-radius:32px 0 0 32px;box-shadow:inset -24px 0 42px rgba(74,47,27,.10),inset 0 0 55px rgba(130,91,48,.08)}
.book-right{border-radius:0 32px 32px 0;box-shadow:inset 24px 0 42px rgba(74,47,27,.10),inset 0 0 55px rgba(130,91,48,.08)}
.book-page:after{content:"";position:absolute;inset:14px;border:1px solid rgba(125,87,43,.13);border-radius:20px;pointer-events:none}
.book-left{display:flex;flex-direction:column;justify-content:center}
.book-ornament{font-size:42px;color:#a97331;margin-bottom:22px}.book-left .eyebrow{color:#8b5f2a}.book-left h2{font-family:var(--serif);font-size:clamp(58px,6vw,94px);font-weight:500;line-height:.84;letter-spacing:-.045em;margin:0;color:#21160f}.book-left h2 em{font-style:italic;color:#a46b29}.book-lede{font-size:15px;line-height:1.85;color:#6e5d4f;max-width:520px;margin:32px 0 0}.book-left blockquote{font-family:var(--serif);font-size:25px;font-style:italic;color:#845c2e;margin:50px 0 18px;padding-left:18px;border-left:1px solid #b7864b}.book-left .contact-lines{margin-top:22px}.book-left .contact-lines a{color:#695747;font-size:12px}.book-left .contact-lines i{width:20px;color:#9b6c32}
.book-right .order-form{background:transparent;border:0;padding:0;border-radius:0;gap:15px;position:relative;z-index:5}
.book-right .order-form label{color:#655444}.book-right .order-form input,.book-right .order-form select,.book-right .order-form textarea{background:rgba(255,250,240,.48);border:1px solid rgba(102,71,40,.24);color:#2c2018;border-radius:10px;padding:13px}.book-right .order-form input::placeholder,.book-right .order-form textarea::placeholder{color:#9b8876}.book-right .order-form input:focus,.book-right .order-form select:focus,.book-right .order-form textarea:focus{border-color:#9c6b31;box-shadow:0 0 0 3px rgba(156,107,49,.08)}
.upload-zone{min-height:150px;border:1px dashed rgba(120,81,42,.45);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:18px;background:rgba(255,250,241,.35);cursor:pointer;transition:.25s;color:#6f5c4c}
.upload-zone:hover,.upload-zone.dragover{border-color:#9d6b31;background:rgba(255,253,246,.67);transform:translateY(-1px)}.upload-zone>i{font-size:28px;color:#9d6b31}.upload-zone strong{font-family:var(--serif);font-size:22px;font-weight:600}.upload-zone>span{font-size:10px;color:#877362;letter-spacing:.04em}.upload-preview{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:7px}.upload-chip{display:flex;align-items:center;gap:6px;max-width:180px;padding:6px 9px;border-radius:999px;background:#e5d3b9;color:#5b493a;font-size:9px}.upload-chip i{color:#94632c}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.captcha-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0}.captcha-wrap small{color:#8c7968;font-size:9px}.book-right .form-note{color:#807061}.book-right .check{color:#665446!important}.book-right .submit{margin-top:3px}
.order .success{position:absolute;left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:min(520px,86vw);background:#f1e5d3;color:#241910;border-color:#9e6c31;z-index:8}.order .success p{color:#766452}
.order.sent .book-shell{opacity:.13;pointer-events:none;filter:blur(2px)}

/* Mobile refinements */
@media(max-width:1180px){
  .site-header{grid-template-columns:auto 1fr auto}.header-actions .nav-social{display:none}
}
@media(max-width:1050px){
  .header-actions{margin-left:auto}.mobile-social{display:none}
  .primary-nav[data-open="1"] .mobile-social{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(240,209,143,.14);width:100%}
  .primary-nav[data-open="1"] .mobile-social a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(240,209,143,.2);color:#fff;text-decoration:none}
  .reaction-section{grid-template-columns:1fr;padding:90px 7vw}.reaction-slideshow{justify-self:start;width:min(100%,760px)}
  .people-heading{grid-template-columns:1fr;gap:24px}.people-grid{grid-template-columns:repeat(3,1fr)}
  .book-shell{grid-template-columns:1fr}.book-shell:before{display:none}.book-page{min-height:auto}.book-left{border-radius:30px 30px 0 0}.book-right{border-radius:0 0 30px 30px}.book-left{padding-bottom:44px}.book-right{padding-top:44px}
}
@media(max-width:700px){
  .header-actions .btn-small{display:none}.site-header{grid-template-columns:auto 1fr auto}
  .mobile-story{background:#f1e9de}.mobile-copy h2{color:#17120e}.mobile-copy p{color:#70645b}.bokeh{display:none}.petal{opacity:.48}
  .card-one:after,.card-two:after{background-position:center 4%;background-size:100% auto}
  .reaction-section{padding:82px 20px}.reaction-slideshow{aspect-ratio:4/3;border-radius:20px}
  .people-section{padding:86px 20px}.people-heading h2{font-size:54px}.people-grid{grid-template-columns:1fr;max-width:420px}.people-card img{aspect-ratio:4/4.1}
  .order{padding:88px 14px}.book-shell{width:100%}.book-page{padding:42px 24px}.book-left h2{font-size:58px}.book-left blockquote{margin-top:32px}.field.two{grid-template-columns:1fr}.captcha-wrap{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.petal{display:none}.people-card{transition:none}}
.captcha-preview{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(102,71,40,.2);background:rgba(255,250,240,.5);border-radius:10px;padding:12px 14px;color:#6a594a;font-size:10px}.captcha-preview i{color:#9d6b31}.form-note.error{color:#9a3f35!important}

/* =========================================================
   V4 POLISH — portrait story player, portrait reactions,
   compact supporting cast, theatre FAQ, refined book gutter.
   ========================================================= */

/* Signature story modal is designed around the actual 9:16 films. */
.story-modal{padding:24px}
.story-modal-dialog{width:min(520px,92vw);max-height:94vh;padding:18px 18px 20px;border-radius:28px;overflow:auto;background:linear-gradient(180deg,#0d0b08,#070605);border-color:rgba(240,209,143,.38)}
.story-modal-dialog .eyebrow{padding-right:52px;margin:0 0 10px;font-size:8px}
.story-modal-dialog h3{font-size:34px;line-height:1;margin:0 0 14px;padding-right:48px}
.story-modal-dialog video{display:block;width:auto;height:min(72vh,760px);max-width:100%;aspect-ratio:9/16;object-fit:contain;margin:0 auto;background:#030303;border-radius:18px;border:1px solid rgba(240,209,143,.16);box-shadow:0 24px 70px rgba(0,0,0,.6)}
.modal-close{right:14px;top:13px}

/* Reaction photography keeps its native portrait/editorial proportion. */
.reaction-section{grid-template-columns:minmax(420px,1fr) minmax(320px,.68fr);gap:7vw;padding:94px 7vw}
.reaction-slideshow{aspect-ratio:3/4;width:min(100%,470px);min-height:0;justify-self:center;border-radius:24px}
.reaction-slide img{object-fit:cover;object-position:center}
.slideshow-dots{bottom:14px}

/* Supporting cast: emotional but compact. */
.people-section{padding:86px 7vw 82px}
.people-heading{grid-template-columns:.72fr 1.18fr;gap:5vw;align-items:center;margin-bottom:34px}
.people-heading h2{font-size:clamp(50px,5.1vw,78px)}
.people-heading>p:last-child{line-height:1.65;font-size:14px;max-width:640px;margin-bottom:0}
.people-grid{gap:16px;max-width:1100px}
.people-card{border-radius:22px;overflow:hidden}
.people-card img{aspect-ratio:16/10;object-fit:cover}
.people-card>div{padding:16px 18px 18px}
.people-card h3{margin:5px 0 7px;font-size:25px}
.people-card p{font-size:11px;line-height:1.55;margin:0}
.people-note{margin:20px auto 0;max-width:1100px;font-size:10px}

/* FAQ: before the lights go down — dark velvet / projector glow. */
.faq{position:relative;overflow:hidden;background:#090807!important;color:var(--ivory)!important}
.faq:before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(ellipse at 52% -8%,rgba(229,188,112,.20),transparent 31%),
  radial-gradient(ellipse at 10% 60%,rgba(155,92,40,.09),transparent 34%),
  linear-gradient(90deg,rgba(70,35,20,.12),transparent 17%,transparent 83%,rgba(70,35,20,.12));}
.faq:after{content:"";position:absolute;inset:-10%;pointer-events:none;opacity:.12;background-image:radial-gradient(circle,rgba(240,209,143,.55) 0 1px,transparent 1.5px);background-size:82px 82px;filter:blur(.2px)}
.faq>*{position:relative;z-index:2}
.faq .eyebrow.dark{color:var(--gold2)}
.faq .section-heading h2{color:var(--ivory)}
.faq-list{max-width:1000px}
.faq details{border-color:rgba(240,209,143,.18)}
.faq summary{color:#f4efe7}
.faq summary:after{color:var(--gold2)}
.faq details p{color:#aaa095}

/* Book: preserve the centre gutter, but make it a subtle physical crease instead of a divider. */
.book-shell:before{width:10px;top:3%;bottom:3%;background:linear-gradient(90deg,rgba(56,32,17,.10),rgba(255,255,255,.14) 47%,rgba(52,31,17,.13));filter:blur(3px);opacity:.7}
.book-left{box-shadow:inset -10px 0 24px rgba(74,47,27,.06),inset 0 0 55px rgba(130,91,48,.08)}
.book-right{box-shadow:inset 10px 0 24px rgba(74,47,27,.06),inset 0 0 55px rgba(130,91,48,.08);padding-left:72px}

/* Turnstile placeholder is intentionally elegant until real production keys are installed. */
.captcha-setup{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(102,71,40,.18);background:rgba(255,250,240,.42);border-radius:10px;padding:10px 12px;color:#786653;font-size:10px}
.captcha-setup i{color:#9d6b31}
.turnstile-live:empty{display:none}
.footer-copy{display:block;margin-top:12px;color:#5f5952;font-size:10px;letter-spacing:.05em}

@media(max-width:1050px){
  .reaction-section{grid-template-columns:1fr;padding:88px 7vw}.reaction-slideshow{justify-self:start;width:min(76vw,470px)}
  .book-right{padding-left:58px}
}
@media(max-width:700px){
  .story-modal-dialog{width:min(430px,95vw);padding:14px}.story-modal-dialog video{height:min(70vh,680px)}
  .reaction-slideshow{width:min(88vw,440px);aspect-ratio:3/4;justify-self:center}
  .people-section{padding:72px 20px 68px}.people-heading{gap:18px;margin-bottom:26px}.people-heading h2{font-size:50px}.people-card img{aspect-ratio:16/10}
  .faq{padding:82px 20px}.faq summary{font-size:24px}
  .book-right{padding-left:24px}
}


/* =========================
   V5 FINAL POLISH — supporting-cast clarity, package guardrails,
   footer WhatsApp safe-zone, and collection naming.
   ========================================================= */

/* Supporting cast: one editorial axis, less empty space, no image cropping. */
.people-section{padding:72px 7vw 68px}
.people-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:900px;margin:0 auto 34px}
.people-heading .eyebrow{margin-bottom:4px}
.people-heading h2{font-size:clamp(52px,5.5vw,82px);line-height:.94;max-width:880px;margin:0}
.people-heading>p:last-child{max-width:720px;margin:8px auto 0;line-height:1.65;font-size:14px;color:#675b51}
.people-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1020px;margin:0 auto}
.people-card{display:flex;flex-direction:column;background:#fffaf2}
.people-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;object-position:center;background:#120e0a;filter:saturate(.92) contrast(1.02)}
.people-card>div{padding:15px 18px 18px}
.people-card h3{font-size:25px;margin:4px 0 6px}
.people-card p{font-size:11px;line-height:1.5}
.people-note{max-width:920px;margin:18px auto 0;line-height:1.5;text-align:center}

/* Package boundaries: a quiet footnote makes the included-character limit feel premium, not restrictive. */
.package-card li:nth-last-child(3){position:relative}
.packages:after{content:"* Featured loved ones are included where the chosen story supports them. Additional characters can be quoted on request.";display:block;max-width:980px;margin:22px auto 0;text-align:center;color:#887866;font-size:10px;line-height:1.5;letter-spacing:.01em}

/* Footer reserves a no-overlap zone for the fixed WhatsApp control. */
footer{padding:55px 6vw 108px}
.footer-copy{display:block;margin-top:12px;color:#5f5952;font-size:10px;letter-spacing:.05em}

@media(max-width:1050px){
  .people-heading{max-width:820px}.people-grid{max-width:920px}
}
@media(max-width:700px){
  .people-section{padding:64px 20px 58px}
  .people-heading{align-items:flex-start;text-align:left;margin-bottom:26px;gap:8px}
  .people-heading h2{font-size:50px;max-width:100%}
  .people-heading>p:last-child{margin:6px 0 0;max-width:100%}
  .people-grid{grid-template-columns:1fr;max-width:430px;gap:16px}
  .people-card img{aspect-ratio:4/5;object-fit:contain}
  .people-note{text-align:left;margin-top:16px}
  footer{padding-bottom:102px}
}


/* V5.1 HERO FIRST-FRAME POLISH
   Dedicated poster overlays hide the browser/Vimeo loading flash until the first live frame is actually playing. */
.main-film video,.reaction-film video{pointer-events:none}
.hero-start-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:2;opacity:1;visibility:visible;transition:opacity .18s ease,visibility .18s ease;pointer-events:none;background:#000}
.hero-start-poster.is-hidden{opacity:0;visibility:hidden}
.media-shade{z-index:3}
.main-film video::-webkit-media-controls,.reaction-film video::-webkit-media-controls{display:none!important}
.main-film video::-webkit-media-controls-enclosure,.reaction-film video::-webkit-media-controls-enclosure{display:none!important}
@media(prefers-reduced-motion:reduce){.hero-start-poster{transition:none}}


/* V5.4 — premium request success state */
.order.sent .book-shell{opacity:.08;filter:blur(4px);transform:scale(.992);transition:opacity .45s ease,filter .45s ease,transform .45s ease}
.success{display:none;position:absolute;left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:min(700px,86vw);z-index:12;background:linear-gradient(145deg,rgba(23,17,11,.98),rgba(10,9,7,.98));border:1px solid rgba(222,184,117,.52);box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 0 50px rgba(201,149,68,.05);border-radius:30px;padding:58px 54px;text-align:center;color:#f4ede4}
.order.sent .success{display:block;animation:successRise .7s cubic-bezier(.2,.8,.2,1) both}
.success-mark{width:78px;height:78px;margin:0 auto 18px;position:relative;display:grid;place-items:center}
.success-mark span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:1px solid #d5ab62;color:#efc978;font-size:28px;background:radial-gradient(circle,rgba(222,184,117,.12),transparent 68%);margin:0;animation:successPulse 2.4s ease-in-out infinite}
.success-mark i{position:absolute;right:0;top:0;color:#f2cf86;font-style:normal;font-size:18px;animation:successStar 1.8s ease-in-out infinite}
.success .eyebrow{color:#c89a51;margin:0 0 15px}
.success h3{font-family:var(--serif);font-weight:500;font-size:clamp(46px,5vw,72px);line-height:.9;letter-spacing:-.035em;margin:0;color:#f5eee6}
.success h3 em{font-style:italic;color:#e1b767}
.success-copy{max-width:560px;margin:26px auto 0;color:#c7b9aa;line-height:1.75;font-size:15px}
.success-small{margin:11px 0 0;color:#8e8174;font-size:12px}
.success-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.success-actions .btn{min-width:190px}
.success-actions .btn.ghost{background:transparent;color:#e5c47f;border:1px solid rgba(222,184,117,.35)}
.submit-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.25);border-top-color:#17120c;border-radius:50%;vertical-align:-2px;margin-right:8px;animation:submitSpin .7s linear infinite}
@keyframes submitSpin{to{transform:rotate(360deg)}}
@keyframes successRise{from{opacity:0;transform:translate(-50%,-46%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes successPulse{0%,100%{box-shadow:0 0 0 0 rgba(222,184,117,.05)}50%{box-shadow:0 0 0 14px rgba(222,184,117,0)}}
@keyframes successStar{0%,100%{opacity:.45;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(18deg)}}
@media(max-width:1050px){.order.sent .book-shell{display:none}.success{position:relative;left:auto;top:auto;transform:none!important;width:min(700px,94vw);margin:0 auto}.order.sent .success{animation:successMobile .55s ease both}@keyframes successMobile{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.success,.success-mark span,.success-mark i,.submit-spinner{animation:none!important}}


/* =========================
   V5.4.2 — confirmation polish
   ========================= */
/* Keep the confirmation in the same warm editorial world as the open-book form,
   with deliberate contrast so every line remains readable. */
.order .success{
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 18%,rgba(232,190,105,.20),transparent 30%),
    radial-gradient(circle at 20% 78%,rgba(206,157,79,.12),transparent 34%),
    linear-gradient(145deg,#f8eedf 0%,#f1e2ca 100%);
  color:#2b2017;
  border:1px solid #b77a32;
  box-shadow:0 34px 100px rgba(0,0,0,.42),inset 0 0 70px rgba(174,111,42,.07);
}
.order .success .eyebrow{color:#755d48}
.order .success h3{color:#2d2118;text-shadow:none}
.order .success h3 em{color:#b97924}
.order .success .success-copy{color:#6b5848}
.order .success .success-small{color:#7b6858}
.order .success .success-mark span{border-color:#c58a37;color:#b97924;background:rgba(255,255,255,.24)}
.order .success .success-mark i{color:#dca950}
.order .success .success-actions .btn{color:#17110c;background:linear-gradient(100deg,#e8bd69,#b97c2b);border:1px solid rgba(126,80,28,.22)}
.order .success .success-actions .btn.ghost{background:rgba(255,255,255,.20);color:#9b671f;border:1px solid rgba(185,124,43,.48)}
.order .success .success-actions .btn.ghost i{color:#2f9c57}
.order .success .success-actions .btn.ghost:hover{background:rgba(185,124,43,.09);color:#744916;border-color:#b97c2b}

.success-close{position:absolute;right:20px;top:18px;z-index:4;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(86,58,34,.22);background:rgba(255,255,255,.25);color:#3b2a1d;font:300 28px/1 Arial,sans-serif;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.success-close:hover{transform:rotate(4deg) scale(1.05);background:rgba(255,255,255,.48);border-color:rgba(141,91,34,.45)}

/* Quiet premiere sparkle: celebratory without confetti. */
.success-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:0}
.success-sparkles span{position:absolute;color:#c9923d;font-size:15px;opacity:0;animation:premiereSpark 2.2s cubic-bezier(.2,.7,.2,1) both}
.success-sparkles span:nth-child(1){left:10%;top:18%;animation-delay:.06s}.success-sparkles span:nth-child(2){left:20%;top:10%;animation-delay:.22s}.success-sparkles span:nth-child(3){left:34%;top:15%;animation-delay:.12s}.success-sparkles span:nth-child(4){left:45%;top:8%;animation-delay:.34s}.success-sparkles span:nth-child(5){right:38%;top:13%;animation-delay:.18s}.success-sparkles span:nth-child(6){right:22%;top:9%;animation-delay:.28s}.success-sparkles span:nth-child(7){right:10%;top:20%;animation-delay:.10s}.success-sparkles span:nth-child(8){left:13%;bottom:19%;animation-delay:.28s}.success-sparkles span:nth-child(9){left:29%;bottom:10%;animation-delay:.16s}.success-sparkles span:nth-child(10){right:30%;bottom:12%;animation-delay:.32s}.success-sparkles span:nth-child(11){right:15%;bottom:22%;animation-delay:.20s}.success-sparkles span:nth-child(12){right:44%;bottom:7%;animation-delay:.38s}
.success>*:not(.success-sparkles){position:relative;z-index:2}
@keyframes premiereSpark{0%{opacity:0;transform:translateY(12px) scale(.35) rotate(-18deg)}25%{opacity:.95}70%{opacity:.65}100%{opacity:0;transform:translateY(-34px) scale(1.2) rotate(26deg)}}
@media(prefers-reduced-motion:reduce){.success-sparkles span{animation:none!important;display:none}}
@media(max-width:700px){.success-close{right:14px;top:14px;width:38px;height:38px}.order .success{padding:54px 24px 40px}}

/* V5.4.3 — restrained success polish */
.success-sparkles{display:none!important}
.order .success .success-mark span{animation:successPulse 2.8s ease-in-out infinite}
.order .success .success-mark i{animation:successStar 2.4s ease-in-out infinite}
.order .success .success-actions .btn.ghost i{font-size:1.22em;line-height:1;margin-right:7px;vertical-align:-.04em}


/* V5.7 CRITICAL RENDER — keep the first viewport paintable immediately. */
.hero .hero-copy,.hero .premiere-stage{opacity:1;transform:none}


/* V5.8 — language switch */
.lang-switch{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:7px 11px;border:1px solid rgba(240,209,143,.22);border-radius:999px;color:rgba(244,239,231,.82);text-decoration:none;font-size:11px;line-height:1;transition:.2s;background:rgba(8,7,6,.25)}
.lang-switch:hover{color:#111;background:var(--gold2);border-color:var(--gold2)}
@media(max-width:1050px){.header-actions .lang-switch{display:none}.primary-nav[data-open="1"] .lang-switch-mobile{display:inline-flex}}


/* === V5.12 Regional Pricing + Terms === */
.pricing-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 18px;margin:26px 0 22px;border:1px solid rgba(101,77,46,.16);background:rgba(255,255,255,.56);border-radius:18px;box-shadow:0 12px 35px rgba(22,18,12,.05)}
.pricing-toolbar-copy{display:flex;align-items:baseline;gap:8px;min-width:max-content}.pricing-toolbar-copy span{font-size:.68rem;letter-spacing:.16em;font-weight:700;opacity:.55}.pricing-toolbar-copy strong{font-family:'Cormorant Garamond',serif;font-size:1.22rem;font-weight:700}.region-switcher{display:flex;gap:7px;padding:5px;background:rgba(22,18,12,.05);border-radius:999px}.region-btn{border:0;background:transparent;color:inherit;border-radius:999px;padding:8px 14px;font:600 .76rem/1 Inter,sans-serif;cursor:pointer;transition:.2s ease}.region-btn:hover{background:rgba(255,255,255,.7)}.region-btn.active{background:#15130f;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.14)}.pricing-toolbar small{margin-inline-start:auto;max-width:300px;opacity:.55;font-size:.72rem;line-height:1.45}
.launch-chip{display:inline-flex;align-items:center;gap:7px;width:max-content;margin-bottom:12px;border:1px solid rgba(162,123,65,.35);background:linear-gradient(135deg,rgba(214,175,109,.16),rgba(255,255,255,.25));color:#7f5e2e;border-radius:999px;padding:7px 10px;font-size:.66rem;font-weight:800;letter-spacing:.13em}.regular-price{display:flex;align-items:center;gap:8px;margin:-7px 0 12px;color:#786f64;font-size:.72rem}.regular-price span{font-size:.61rem;font-weight:700;letter-spacing:.12em}.regular-price del{font-weight:700}.pricing-note{font-size:.76rem!important;color:#8d692f!important;margin-top:-2px!important}.payment-terms-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 28px;padding:18px 20px;border-radius:18px;background:#15130f;color:#f6f0e7;box-shadow:0 18px 42px rgba(20,16,10,.12)}.payment-terms-strip>div{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}.payment-terms-strip span{color:#c9a66b;font-size:.65rem;letter-spacing:.14em;font-weight:800}.payment-terms-strip strong{font-size:.86rem;font-weight:500}.terms-link,.footer-terms-link,.inline-terms-link{border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}.terms-link{color:#d7ba82;font-size:.78rem;white-space:nowrap}.inline-terms-link{padding:0;font-weight:700}.footer-terms-link{padding:0;opacity:.75;font-size:inherit;text-align:inherit}
.terms-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.terms-modal.open{opacity:1;visibility:visible;pointer-events:auto}.terms-backdrop{position:absolute;inset:0;background:rgba(7,6,5,.78);backdrop-filter:blur(8px)}.terms-dialog{position:relative;z-index:1;width:min(760px,96vw);max-height:min(84vh,820px);overflow:auto;background:#f3eadc;color:#17130e;border-radius:24px;padding:34px 36px 30px;box-shadow:0 34px 100px rgba(0,0,0,.38);border:1px solid rgba(135,98,47,.18)}.terms-dialog:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 80% 0,rgba(187,146,79,.14),transparent 35%)}.terms-dialog h2{font-size:clamp(2rem,4vw,3.2rem);margin:3px 0 7px}.terms-intro{max-width:620px;color:#61574a;margin-bottom:22px}.terms-list{position:relative;display:grid;gap:0}.terms-list p{padding:12px 0;margin:0;border-top:1px solid rgba(73,57,37,.11);font-size:.86rem;line-height:1.65;color:#443c32}.terms-list strong{color:#17130e}.terms-close{position:sticky;float:right;top:0;z-index:4;width:38px;height:38px;border:0;border-radius:50%;background:#17130e;color:#fff;font-size:1.4rem;cursor:pointer}.terms-done{margin-top:22px}.terms-check{align-items:flex-start!important}.terms-check input{margin-top:3px}.terms-check .inline-terms-link{color:#8a682f}
@media (max-width:760px){.pricing-toolbar{align-items:flex-start}.pricing-toolbar small{margin-inline-start:0;max-width:none;width:100%}.region-switcher{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.region-btn{padding:9px 6px}.payment-terms-strip{align-items:flex-start;flex-direction:column}.terms-dialog{padding:28px 20px 24px;border-radius:20px}.regular-price{flex-wrap:wrap}}

/* V5.13: prevent regional price flash before automatic geo pricing resolves */
body:not(.geo-pricing-ready) [data-signature-price],
body:not(.geo-pricing-ready) [data-signature-regular],
body:not(.geo-pricing-ready) [data-signature-chip],
body:not(.geo-pricing-ready) [data-signature-note],
body:not(.geo-pricing-ready) [data-original-price],
body:not(.geo-pricing-ready) [data-premiere-price]{visibility:hidden}