@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#07090b;--ivory:#f4efe2;--muted:#c8c3b7;--gold:#d9b96b;--gold2:#f0d993;--glass:rgba(8,11,13,.48);--line:rgba(226,197,125,.48);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--ivory);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.scene{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}.backdrop{position:absolute;inset:-4%;background-position:center;background-size:cover;transform:scale(1.06);will-change:transform,filter}.scene-1 .backdrop{background-image:url('../images/scene-01.webp');background-position:center center}.scene-2 .backdrop{background-image:url('../images/scene-02.webp');background-position:center center}.scene-3 .backdrop{background-image:url('../images/scene-03.webp');background-position:center center}.scene-4 .backdrop{background-image:url('../images/scene-04.webp');background-position:center center}.scene-5 .backdrop{background-image:url('../images/scene-05.webp');background-position:center center}.scene-shade{position:absolute;inset:0;pointer-events:none;z-index:1}.scene-shade--left{background:linear-gradient(90deg,rgba(3,6,8,.88) 0%,rgba(3,6,8,.57) 35%,rgba(3,6,8,.08) 66%,transparent 100%)}.scene-shade--right{background:linear-gradient(270deg,rgba(3,6,8,.9) 0%,rgba(3,6,8,.58) 36%,rgba(3,6,8,.08) 68%,transparent 100%)}.scene-shade--strong{filter:saturate(.9)}.scene-content{position:relative;z-index:4;min-height:100svh;display:flex;flex-direction:column;justify-content:center;width:min(690px,46vw);padding:9vh 6vw}.scene-content--left{margin-right:auto}.scene-content--right{margin-left:auto}.kicker{margin:0 0 22px;color:var(--gold2);font-size:12px;font-weight:700;letter-spacing:.34em;text-transform:uppercase}.title,h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.035em;text-wrap:balance}.title{margin:0;font-size:clamp(54px,6.2vw,108px);line-height:.88;text-shadow:0 12px 45px rgba(0,0,0,.48)}.title em,h2 em{color:var(--gold2);font-weight:500}.lead{max-width:640px;margin:28px 0 0;color:#eee9dc;font-size:clamp(17px,1.28vw,22px);line-height:1.72;text-shadow:0 3px 20px rgba(0,0,0,.8)}.proof{margin:18px 0 0;color:#d9d3c6;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(20px,1.65vw,28px);line-height:1.4}.proof b{color:#fff5cf}.trailer-words{display:flex;flex-wrap:wrap;gap:8px 20px;margin:25px 0 0;color:#fff4cf;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(19px,1.45vw,25px)}.deadline{margin:16px 0 0;color:#f8e7b2;font-size:15px}.glass-panel,.offer-panel,.claim-panel{backdrop-filter:blur(17px) saturate(115%);-webkit-backdrop-filter:blur(17px) saturate(115%);border:1px solid rgba(231,205,139,.2);box-shadow:0 28px 90px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05);background:linear-gradient(135deg,rgba(8,11,13,.61),rgba(8,11,13,.22));border-radius:2px}.glass-panel{min-height:auto;margin-top:16vh;margin-bottom:16vh;padding:58px 58px 52px}.glass-panel--dark{background:linear-gradient(135deg,rgba(5,7,9,.78),rgba(5,7,9,.32))}.offer-panel{width:min(760px,52vw);margin:7vh auto 7vh 5vw;min-height:auto;padding:52px 56px}.cinema-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:280px;margin-top:34px;padding:20px 35px;border:1px solid rgba(232,201,126,.68);background:linear-gradient(180deg,rgba(226,191,102,.18),rgba(16,14,10,.18));color:#fff3cd;font:700 12px/1 Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.5),inset 0 0 25px rgba(235,195,93,.05);transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}.cinema-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,235,180,.5) 48%,transparent 66%);transform:translateX(-130%);transition:transform .85s var(--ease)}.cinema-btn:hover{transform:translateY(-2px) scale(1.012);border-color:var(--gold2);box-shadow:0 15px 45px rgba(0,0,0,.28),0 0 30px rgba(220,179,75,.1)}.cinema-btn:hover:before{transform:translateX(130%)}.cinema-btn i{width:34px;height:1px;margin-left:20px;background:var(--gold)}.cinema-btn--ghost{background:rgba(8,10,12,.14)}.flying-book{position:absolute;z-index:5;left:50%;top:50%;width:clamp(190px,21vw,350px);opacity:0;filter:blur(14px);transform:translate(-50%,-50%) scale(2.45) rotateY(-8deg) rotateZ(-3deg);perspective:1200px;will-change:transform,opacity,filter}.flying-book.landed{animation:bookFlight 1.65s var(--ease) .65s forwards}.book-3d{position:relative;transform-style:preserve-3d;animation:bookFloat 7s ease-in-out 2.6s infinite}.book-3d:after{content:"";position:absolute;left:13%;right:8%;bottom:-6%;height:10%;background:rgba(0,0,0,.65);filter:blur(18px);border-radius:50%;z-index:-1}.book-3d img{display:block;width:100%;height:auto;box-shadow:-12px 25px 60px rgba(0,0,0,.7);clip-path:polygon(0 0,96% 0,100% 2%,100% 98%,96% 100%,0 100%)}@keyframes bookFlight{0%{opacity:0;filter:blur(16px);transform:translate(-50%,-50%) scale(2.55) rotateY(-12deg) rotateZ(-4deg)}30%{opacity:1;filter:blur(0);transform:translate(-42%,-48%) scale(1.25) rotateY(-2deg) rotateZ(1deg)}78%{opacity:1;filter:blur(0);transform:translate(calc(50vw - 280px),calc(50vh - 260px)) scale(.72) rotateY(-16deg) rotateZ(1.4deg)}100%{opacity:1;filter:blur(0);transform:translate(calc(50vw - 300px),calc(50vh - 245px)) scale(.76) rotateY(-12deg) rotateZ(0)}}@keyframes bookFloat{0%,100%{transform:translateY(0) rotateY(0)}50%{transform:translateY(-7px) rotateY(1.5deg)}}.scroll-cue{position:absolute;z-index:6;left:50%;bottom:24px;transform:translateX(-50%);border:0;background:none;color:rgba(255,255,255,.74);font:600 10px Manrope;letter-spacing:.33em;cursor:pointer}.scroll-cue i{display:block;width:1px;height:38px;margin:12px auto 0;background:linear-gradient(var(--gold),transparent);animation:cue 2.2s ease-in-out infinite}@keyframes cue{0%,100%{transform:scaleY(.45);transform-origin:top;opacity:.45}50%{transform:scaleY(1);opacity:1}}.reveal{opacity:0;filter:blur(12px);transform:translateY(26px);transition:opacity 1s var(--ease),filter 1.1s var(--ease),transform 1.1s var(--ease)}.reveal.visible{opacity:1;filter:blur(0);transform:none}.light-wash,.cloud-shadow,.map-glow,.gold-dust,.sun-breathe{position:absolute;inset:0;z-index:2;pointer-events:none}.light-wash--warm{background:radial-gradient(circle at 63% 26%,rgba(255,226,151,.16),transparent 35%);animation:breathe 13s ease-in-out infinite}.cloud-shadow{background:linear-gradient(110deg,transparent 12%,rgba(3,6,9,.28) 45%,transparent 68%);transform:translateX(-80%);animation:cloud 18s linear infinite}.map-glow{background:radial-gradient(ellipse at 49% 69%,rgba(234,191,87,.16),transparent 23%);animation:glow 4.5s ease-in-out infinite}.gold-dust{background:radial-gradient(circle at 68% 19%,rgba(255,222,137,.11),transparent 24%);animation:breathe 9s ease-in-out infinite}.sun-breathe{background:radial-gradient(circle at 31% 22%,rgba(255,221,153,.15),transparent 28%);animation:breathe 10s ease-in-out infinite}@keyframes cloud{to{transform:translateX(85%)}}@keyframes glow{50%{opacity:.55;filter:brightness(1.45)}}@keyframes breathe{50%{opacity:.58;filter:brightness(.86)}}.countdown{margin-top:26px;padding-top:22px;border-top:1px solid rgba(224,193,118,.35)}.countdown>p{margin:0 0 15px;color:#d8bf7d;font-size:10px;font-weight:700;letter-spacing:.3em}.time-grid{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));max-width:520px}.time-grid>div{padding:0 18px;border-left:1px solid rgba(226,201,139,.24)}.time-grid>div:first-child{padding-left:0;border-left:0}.time-grid strong{display:block;font-family:'Cormorant Garamond',serif;font-size:clamp(38px,4vw,62px);font-weight:500;line-height:1;color:#f4dda1;font-variant-numeric:tabular-nums}.time-grid span{display:block;margin-top:4px;color:#bfb8a8;font-size:9px;letter-spacing:.19em}.claim-wrap{position:relative;z-index:4;min-height:calc(100svh - 56px);display:flex;align-items:center;justify-content:flex-end;padding:8vh 7vw}.claim-panel{width:min(680px,47vw);padding:54px 58px;background:linear-gradient(135deg,rgba(7,9,11,.77),rgba(7,9,11,.38))}.claim-panel h2{margin:0;font-size:clamp(54px,5.2vw,92px);line-height:.9}.claim-panel>p{font-size:17px;line-height:1.7;color:#e6e0d5}.claim-panel .availability{color:#ecd59a;font-size:14px}form{margin-top:28px}label{display:block;margin-bottom:12px;color:#e5cc8b;font-size:10px;font-weight:700;letter-spacing:.28em}.field-row{display:flex;border-bottom:1px solid rgba(237,208,133,.55);background:rgba(2,4,6,.2)}input{min-width:0;flex:1;padding:19px 15px;border:0;background:transparent;color:#fff;font:500 16px Manrope;outline:none}input::placeholder{color:#a9a69e}input:focus{box-shadow:inset 0 -1px 0 #f3d68c}.field-row button{position:relative;min-width:230px;border:1px solid #dfc276;background:linear-gradient(135deg,#f1da94,#c9a34f);color:#17130b;font:700 11px Manrope;letter-spacing:.14em;cursor:pointer;overflow:hidden}.field-row button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-120%);transition:.75s var(--ease)}.field-row button:hover:before{transform:translateX(120%)}.microcopy{margin:14px 0 0!important;color:#aaa69e!important;font-size:11px!important}.form-status{min-height:24px;margin-top:12px;color:#f1d58e;font-size:13px}.success-state{text-align:left}.success-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);font-size:25px}.success-state h3{margin:25px 0 8px;font:500 clamp(42px,4vw,68px)/.95 'Cormorant Garamond',serif}.success-state p{font-size:17px;line-height:1.65;color:#e6dfd1}footer{position:absolute;z-index:5;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:18px 5vw;color:#aaa69b;font-size:11px;letter-spacing:.08em;background:linear-gradient(transparent,rgba(0,0,0,.5))}footer a{color:#d8c17e;text-decoration:none}.film-grain{position:fixed;inset:-50%;z-index:50;pointer-events:none;opacity:.055;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:grain .19s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}100%{transform:translate(-1%,-1%)}}.page-vignette{position:fixed;inset:0;z-index:49;pointer-events:none;box-shadow:inset 0 0 130px rgba(0,0,0,.55)}.particles{position:fixed;inset:0;z-index:3;pointer-events:none}.progress-rail{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;background:rgba(255,255,255,.05)}.progress-rail i{display:block;width:0;height:100%;background:linear-gradient(90deg,#9a7530,#f2d98f)}.scene-nav{position:fixed;z-index:60;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}.scene-nav button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;color:rgba(255,255,255,.45);font:600 9px Manrope;cursor:pointer}.scene-nav button:before{content:"";position:absolute;width:6px;height:6px;border:1px solid rgba(229,199,124,.55);border-radius:50%;transition:.4s}.scene-nav button span{opacity:0;transform:translateX(-12px);transition:.4s}.scene-nav button:hover span,.scene-nav button.active span{opacity:1;transform:translateX(-20px)}.scene-nav button.active:before{background:var(--gold);box-shadow:0 0 16px rgba(225,190,101,.6)}.cinema-intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#030405;transition:opacity 1.1s var(--ease),visibility 1.1s}.cinema-intro p{position:relative;z-index:2;color:#dfc579;font:600 11px Manrope;letter-spacing:.43em;opacity:0;animation:introText 1.35s .25s var(--ease) forwards}.intro-light{position:absolute;width:1px;height:20vh;background:linear-gradient(transparent,#e9ce85,transparent);filter:blur(1px);animation:introLight 1.7s ease-out forwards}.cinema-intro.done{opacity:0;visibility:hidden}@keyframes introLight{0%{opacity:0;transform:scaleY(0)}45%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(4)}}@keyframes introText{to{opacity:1;letter-spacing:.31em}}@media (max-width:900px){.scene-content,.offer-panel{width:auto;margin:0;padding:13vh 7vw 12vh}.scene-content{min-height:100svh}.glass-panel,.offer-panel{margin:10vh 5vw;padding:38px 30px}.scene-shade--left,.scene-shade--right{background:linear-gradient(0deg,rgba(4,7,9,.94) 0%,rgba(4,7,9,.72) 45%,rgba(4,7,9,.12) 82%,transparent 100%)}.title{font-size:clamp(48px,13vw,78px)}.scene-1 .backdrop{background-position:58% center}.scene-2 .backdrop{background-position:64% center}.scene-3 .backdrop{background-position:49% center}.scene-4 .backdrop{background-position:66% center}.scene-5 .backdrop{background-position:62% center}.flying-book{width:180px}@keyframes bookFlight{0%{opacity:0;filter:blur(16px);transform:translate(-50%,-50%) scale(2.25) rotateY(-10deg)}38%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1.05)}100%{opacity:1;filter:blur(0);transform:translate(calc(50vw - 120px),calc(50vh - 180px)) scale(.55) rotateY(-12deg)}}.hero-copy{justify-content:flex-end;padding-bottom:18vh}.claim-wrap{justify-content:center;padding:8vh 5vw 12vh}.claim-panel{width:100%;padding:38px 28px}.field-row{flex-direction:column;border-bottom:0;gap:12px}.field-row input{border-bottom:1px solid rgba(237,208,133,.55)}.field-row button{min-height:58px}.scene-nav{display:none}.time-grid>div{padding:0 8px}.cinema-btn{min-width:0;width:100%}.page-vignette{box-shadow:inset 0 0 65px rgba(0,0,0,.45)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.flying-book{opacity:1;filter:none;transform:translate(calc(50vw - 300px),calc(50vh - 245px)) scale(.76)}}
