.cinema{color:#f4f6fb;background:#202f57;position:relative;overflow:clip}.cinema-stage{padding:35px max(24px,50vw - 620px);position:relative;overflow:hidden}.cinema-top{z-index:10;letter-spacing:.1em;color:#c1cbea;justify-content:space-between;align-items:center;gap:15px;font-size:9px;display:flex;position:relative}.cinema-top button{color:#fff;background:0 0;border:1px solid #677399;border-radius:30px;align-items:center;gap:7px;padding:9px 14px;font-size:10px;display:flex}.cinema-grid{pointer-events:none;background-image:linear-gradient(#b1c1ef09 1px,#0000 1px),linear-gradient(90deg,#b1c1ef09 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:-100px}.cinema-scene{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;min-height:600px;padding:65px 0;display:grid;position:relative}.cinema-copy{max-width:580px}.cinema-copy h2{letter-spacing:-.055em;margin-bottom:24px;font-size:clamp(40px,4.6vw,66px);line-height:1.08}.cinema-copy>p:last-child{color:#c1cbea;max-width:420px;font-size:14px;line-height:1.9}.cinema-copy .eyebrow{color:var(--mint);font-size:10px}.yellow-dot{color:var(--yellow)}.cinema-hud,.scroll-cue{display:none}.intro-orbit{border:1px dashed #6a78a3;border-radius:50%;justify-self:center;place-items:center;width:350px;height:350px;display:grid;position:relative}.intro-orbit:before{content:"";border:1px dashed #6a78a3;border-radius:50%;position:absolute;inset:40px}.intro-orbit>b{background:var(--yellow);color:var(--ink);border-radius:25px;place-items:center;width:140px;height:140px;display:grid;transform:rotate(-10deg)}.intro-orbit>b .logo{--logo-h:104px;transform:rotate(10deg)}.orbit{background:var(--lilac);width:70px;height:70px;color:var(--ink);border:3px solid #202f57;border-radius:16px;place-items:center;display:grid;position:absolute}.orbit svg{width:30px;height:30px}.orbit.one{top:-15px;left:80px}.orbit.two{background:var(--mint);top:130px;right:-10px}.orbit.three{background:#a9c8fa;bottom:-10px;left:65px}.scene-art{perspective:900px;min-width:0;position:relative}.catalog-camera{perspective:900px;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.scene-card{width:230px;color:var(--ink);background:#fff;border:2px solid #18243e;border-radius:15px;flex-shrink:0;padding:18px;transform:rotateY(-15deg)rotate(5deg);box-shadow:8px 12px #111c3a60}.scene-card>small{letter-spacing:.1em;font-size:8px}.scene-card>b{font:700 25px var(--font-display);margin:5px 0 18px;display:block}.catalog-mini{background:var(--mint);border-radius:7px;grid-template-columns:1.2fr 1fr;gap:8px;height:130px;margin-bottom:15px;padding:20px;display:grid}.catalog-mini i{background:var(--blue);border-radius:4px}.catalog-mini i:first-child{grid-row:span 2}.catalog-mini i:last-child{background:var(--yellow)}.ghost-card{opacity:.2;width:110px;height:210px;font-size:8px;overflow:hidden;transform:rotateY(-20deg)rotate(-10deg)}.ghost-card div{background:var(--lilac);height:100px;margin-bottom:15px}.scene-select{background:var(--blue);color:#fff;border-radius:6px;align-items:center;gap:8px;padding:10px;font-size:9px;display:flex}.scene-pointer{color:var(--yellow);fill:var(--yellow);position:absolute;bottom:20px;right:20px;transform:rotate(-15deg)}.checkout-art{color:var(--ink);background:#fff;border-radius:15px;max-width:390px;margin:auto;padding:35px;transform:rotate(-5deg);box-shadow:12px 18px #111c3a60}.checkout-art h3{margin:16px 0 25px;font-size:28px}.art-eyebrow{letter-spacing:.14em;font-size:9px}.receipt-line{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:11px;display:flex}.payment-pills{gap:6px;margin-top:20px;display:flex}.payment-pills span{background:var(--paper);border-radius:6px;padding:10px 12px;font-size:8px}.paid-check{background:var(--mint);border:1px solid var(--ink);border-radius:9px;align-items:center;gap:12px;margin:22px -8px -12px;padding:18px;font-size:11px;display:flex;transform:rotate(3deg)}.delivered-art{width:100%;height:330px;position:relative}.delivered-window{border:2px solid var(--ink);background:#fff;border-radius:12px;width:86%;height:260px;overflow:hidden;transform:rotate(-6deg);box-shadow:10px 15px #111c3a50}.deliver-layout{height:100%;color:var(--ink);grid-template-columns:1fr 1fr;gap:10px;padding:24px;display:grid}.deliver-layout h3{font-size:38px;line-height:1}.deliver-layout h3 span{color:var(--blue)}.delivery-shape{background:var(--mint);height:140px;box-shadow:inset 15px -20px 0 var(--yellow);border-radius:70px 20px}.delivered-phone{background:var(--lilac);border:5px solid var(--ink);width:105px;height:190px;color:var(--ink);font:700 30px var(--font-display);border-radius:16px;padding:35px 14px;position:absolute;bottom:20px;right:5px;transform:rotate(10deg)}.delivered-phone>div{background:var(--ink);border-radius:5px;width:32px;height:4px;position:absolute;top:7px;left:30px}.delivery-badge{background:var(--yellow);color:var(--ink);border:1px solid var(--ink);border-radius:8px;align-items:center;gap:8px;padding:12px 17px;font-size:11px;display:flex;position:absolute;bottom:0;left:10%}.confetti{pointer-events:none;justify-content:space-around;display:flex;position:absolute;inset:0}.confetti i{background:var(--yellow);opacity:0;width:5px;height:9px}.confetti i:nth-child(2n){background:var(--mint);margin-top:35px}.confetti i:nth-child(3n){background:var(--lilac);margin-top:75px}.cinema-end{text-align:center;justify-content:center;display:flex}.cinema-end .eyebrow,.cinema-end .row{justify-content:center}.cinema-end h2{font-size:clamp(48px,5.5vw,80px);line-height:1.05}.cinema-wa{align-items:center;gap:10px;font-size:12px;display:inline-flex}.cinema-ready .cinema-stage{height:100svh;min-height:550px}.cinema-ready .cinema-scenes{position:absolute;inset:70px max(60px,50vw - 600px)}.cinema-ready .cinema-scene{will-change:transform, opacity;min-height:0;padding:25px 0;position:absolute;inset:0}.cinema-ready .cinema-hud{color:#acb8dc;flex-direction:column;gap:20px;font-size:9px;display:flex;position:absolute;top:50%;left:25px;transform:translateY(-50%)}.cinema-hud>span{align-items:center;gap:10px;display:flex}.cinema-hud i{background:#8492b8;border-radius:10px;width:5px;height:5px}.cinema-hud .active{color:var(--yellow)}.cinema-hud .active i{background:var(--yellow);transform:scale(1.5)}.cinema-hud b{letter-spacing:.04em;font-size:8px}.cinema-ready .scroll-cue{color:#ccd5ee;opacity:0;pointer-events:none;align-items:center;gap:9px;font-size:10px;transition:opacity .2s;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.scroll-cue.visible{opacity:1;pointer-events:auto}.scroll-cue svg{animation:1.6s ease-in-out infinite hint-bounce}.scroll-cue a{color:var(--yellow);align-items:center;gap:8px;display:flex}@keyframes hint-bounce{50%{transform:translateY(4px)}}@media (max-width:1100px){.cinema-ready .cinema-scenes{left:85px;right:45px}.cinema-scene{gap:35px}.intro-orbit{width:250px;height:250px}.intro-orbit>b{width:100px;height:100px}.intro-orbit>b .logo{--logo-h:74px}.orbit{width:55px;height:55px}.orbit.two{top:80px}.cinema-copy h2{font-size:47px}.ghost-card{display:none}.checkout-art{padding:25px}.deliver-layout h3{font-size:30px}}@media (max-width:700px){.cinema-stage{padding:25px 20px}.cinema-top{letter-spacing:.05em;align-items:center;font-size:7px}.cinema-top button{padding:8px;font-size:8px}.cinema-scene{grid-template-columns:1fr;gap:25px;min-height:650px;padding:50px 0}.cinema-copy h2{max-width:350px;margin-bottom:15px;font-size:36px}.cinema-copy>p:last-child{max-width:330px;margin-bottom:0;font-size:12px;line-height:1.7}.cinema-copy .eyebrow{margin-bottom:15px;font-size:8px}.cinema-ready .cinema-scenes{inset:85px 25px 100px}.cinema-ready .cinema-scene{align-content:center;gap:22px;padding:0}.cinema-ready .cinema-hud{flex-direction:row;gap:20px;font-size:8px;top:auto;bottom:65px;left:50%;transform:translate(-50%)}.cinema-hud b{display:none}.intro-orbit{width:190px;height:190px;margin:12px auto}.intro-orbit>b{width:85px;height:85px}.intro-orbit>b .logo{--logo-h:62px}.intro-orbit:before{inset:27px}.orbit{border-radius:12px;width:45px;height:45px}.orbit svg{width:22px;height:22px}.orbit.one{left:20px}.orbit.two{top:65px}.orbit.three{left:30px}.scene-card{width:180px;padding:12px}.catalog-mini{height:80px;margin-bottom:10px;padding:12px}.scene-card>b{margin-bottom:10px;font-size:23px}.scene-select{padding:7px;font-size:8px}.scene-pointer{height:35px;bottom:5px;right:30px}.checkout-art{width:260px;max-width:100%;padding:20px;transform:rotate(-3deg)}.checkout-art h3{margin:10px 0;font-size:22px}.art-eyebrow{font-size:7px}.receipt-line{padding:7px 0;font-size:10px}.payment-pills{margin-top:10px}.payment-pills span{padding:7px;font-size:7px}.paid-check{margin:12px -3px -5px;padding:10px;font-size:9px}.delivered-art{max-width:300px;height:230px;margin:auto}.delivered-window{height:190px}.deliver-layout{padding:15px}.delivery-shape{height:110px}.delivered-phone{width:85px;height:150px;padding:30px 8px;font-size:24px}.delivered-phone>div{width:25px;left:22px}.delivery-badge{padding:9px 12px;font-size:9px}.cinema-end h2{font-size:47px}.cinema-end .row{gap:20px}.cinema-ready .cinema-stage{min-height:660px}.cinema-ready .scroll-cue{font-size:9px;bottom:22px}}@media (prefers-reduced-motion:reduce){.cinema-scene{min-height:550px}.confetti{display:none}}.cinema-ready .cinema-top{padding-top:110px}.cinema-ready .cinema-scenes{top:190px}@media (max-width:700px){.cinema-ready .cinema-top{padding-top:105px}.cinema-ready .cinema-scenes{top:175px}.cinema-ready .cinema-copy h2{font-size:33px}.cinema-ready .intro-orbit{width:170px;height:170px}}
