.cinema,.cinema-track{position:relative}.cinema-stage{position:relative;overflow:hidden}.cinema-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.cinema-bg--sage{background:radial-gradient(900px 600px at 30% 30%,#DFE9DD,transparent 60%),linear-gradient(160deg,#eef3ec,#f7f4ec)}.cinema-bg--deep{background:radial-gradient(1000px 700px at 70% 40%,#2E5347,transparent 65%),linear-gradient(160deg,#1b342c,#142620)}.cinema-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.55}.cinema-blob--1{width:420px;height:420px;background:#f3ead9;top:-80px;right:-60px}.cinema-blob--2{width:360px;height:360px;background:#e4efe4;bottom:-100px;left:-80px}.cinema-blob--3{width:240px;height:240px;background:#efe4cc;top:40%;left:8%;opacity:.4}.cinema-pod{position:relative;width:min(340px,64vw);margin:26px auto;z-index:5}.pod-frame{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 30px 80px #1b342c38;background:linear-gradient(160deg,#f1eadb,#e9efe8)}.pod-frame img{width:100%;display:block}.pod-glint{position:absolute;top:-20%;right:-35%;bottom:-20%;left:-35%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.5) 50%,transparent 58%);opacity:0;pointer-events:none}.pod-shadow{position:absolute;left:50%;bottom:-26px;transform:translate(-50%);width:78%;height:26px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(27,52,44,.4),transparent 68%);opacity:.55}.cinema-pod.has-cut{width:calc(min(340px,58vw) * var(--podzoom,1));background:none}.pod-cut{width:100%;height:auto;display:block;filter:drop-shadow(0 26px 34px rgba(27,52,44,.28)) drop-shadow(0 4px 10px rgba(27,52,44,.12))}.pod-glint--cut{top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.65) 50%,transparent 60%);-webkit-mask:var(--cut) center/contain no-repeat;mask:var(--cut) center/contain no-repeat}.pod-shadow--cut{bottom:-2%;width:calc(64% / var(--podzoom,1));height:20px}.cinema.is-dark .pod-cut{filter:drop-shadow(0 26px 40px rgba(0,0,0,.5)) drop-shadow(0 0 30px rgba(232,201,138,.15))}.cinema-streams{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.cinema-copy{position:relative;z-index:6}.cin-scene{max-width:520px}.cin-scene h1{font-size:clamp(38px,5.4vw,64px)}.cin-scene h2{font-size:clamp(28px,3.6vw,44px)}.cin-scene .lede{font-size:18px;color:var(--muted);margin:18px 0 26px}.cin-hint{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:26px}.cin-hint:after{content:"";width:1.5px;height:34px;background:linear-gradient(var(--gold),transparent);display:inline-block;animation:hintdrip 1.8s ease-in-out infinite}@keyframes hintdrip{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}.cin-kword{display:block;font-family:var(--font-display);font-weight:500;font-size:clamp(34px,5vw,60px);line-height:1.05;letter-spacing:-.02em}.cin-kword em{font-style:normal;color:var(--gold)}.cin-lab{display:inline-flex;align-items:center;gap:9px;background:#ffffffeb;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;color:var(--green-deep);box-shadow:0 10px 30px #14262040}.cin-lab:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--gold)}.cin-bigword{display:block;font-family:var(--font-display);font-size:clamp(44px,8vw,104px);line-height:1;letter-spacing:-.03em;font-weight:600}.cin-tag{font-size:17px;color:var(--muted);margin-top:16px}.cin-buy{background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:26px;padding:28px;max-width:430px;box-shadow:var(--shadow)}.cin-buy h2{font-size:26px;margin-bottom:4px}.cin-buy .price{font-size:24px}.cin-buy ul{list-style:none;margin:12px 0 18px;padding:0}.cin-buy li{display:flex;gap:9px;align-items:center;padding:4px 0;font-size:14.5px;color:#39443c}.cin-buy li svg{width:16px;height:16px;stroke:var(--green);flex-shrink:0}.cin-buy .ship{font-size:12.5px;color:var(--muted);margin-top:10px}.cinema:not(.cinema-active) .cinema-stage{padding:64px 0}.cinema:not(.cinema-active) .cinema-bg,.cinema:not(.cinema-active) .cinema-streams,.cinema:not(.cinema-active) .pod-glint,.cinema:not(.cinema-active) .cin-hint{display:none}.cinema:not(.cinema-active) .cinema-pod.has-cut{width:min(340px,64vw)}.cinema:not(.cinema-active) .cinema-copy{width:min(1160px,calc(100% - 40px));margin:0 auto;display:grid;gap:44px}.cinema:not(.cinema-active) .cin-scene{max-width:640px}.cinema:not(.cinema-active) .cin-s4-labs{display:flex;gap:12px;flex-wrap:wrap;position:static}.cinema:not(.cinema-active) .cin-lab{position:static!important}.cinema:not(.cinema-active) [data-cin=s5]{position:static}.cinema:not(.cinema-active) .cin-bigword{font-size:clamp(30px,5vw,54px);display:inline-block;margin-right:18px}.cinema-active .cinema-track{height:520vh}.cinema-active .cinema-stage{position:sticky;top:0;height:100vh;height:100svh}.cinema-active .cinema-pod{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);will-change:transform}.cinema-active .pod-glint{opacity:0;will-change:transform,opacity}.cinema-active .cinema-copy{position:absolute;top:0;right:0;bottom:0;left:0;width:min(1160px,calc(100% - 40px));margin:0 auto;pointer-events:none}.cinema-active .cin-scene{position:absolute;opacity:0;visibility:hidden;will-change:transform,opacity}.cinema-active [data-cin=s1]{top:50%;left:0;transform:translateY(-50%);max-width:490px;pointer-events:auto}.cinema-active [data-cin=s2]{top:50%;left:0;transform:translateY(-50%);max-width:430px}.cinema-active [data-cin=s3]{position:absolute;top:50%;right:2%;transform:translateY(-50%);opacity:1;visibility:visible;text-align:right}.cinema-active [data-cin=s3] .cin-kword{opacity:0;will-change:transform,opacity}.cinema-active .cin-s4-labs .cin-lab{position:absolute;opacity:0;visibility:hidden;will-change:transform,opacity}.cinema-active .cin-lab--1{left:55%;top:38%}.cinema-active .cin-lab--2{left:59%;top:55%}.cinema-active .cin-lab--3{left:63%;top:72%}.cinema-active [data-cin=s5]{position:absolute;top:50%;right:4%;transform:translateY(-50%);opacity:1;visibility:visible;text-align:right}.cinema-active [data-cin=s5] .cin-bigword,.cinema-active [data-cin=s5] .cin-tag{opacity:0;will-change:transform,opacity}.cinema-active [data-cin=s6]{top:50%;right:0;transform:translateY(-50%);opacity:1}.cinema-active [data-cin=s6]>*{opacity:0;will-change:transform,opacity}.cinema.is-dark .cin-kword,.cinema.is-dark .cin-bigword{color:#f3efe6}.cinema.is-dark .cin-tag{color:#b9c6bb}.howto-wrap{position:relative;display:grid;grid-template-columns:56px 1fr;gap:0 26px;max-width:760px;margin-inline:auto}.howto-rail{position:relative;width:3px;margin-left:26px;background:var(--line);border-radius:2px}.howto-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--gold),var(--green));transform-origin:top;transform:scaleY(0);border-radius:2px}.howto-dot{position:absolute;top:0;left:50%;width:20px;height:20px;border-radius:50%;background:var(--surface);border:3px solid var(--gold);box-shadow:0 4px 14px #1e272133;transform:translate(-50%)}.howto-steps{display:grid;gap:34px;padding:6px 0}.howto-step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:border-color .3s,box-shadow .3s}.howto-step.is-active{border-color:var(--gold);box-shadow:var(--shadow)}.howto-step .num{font-family:var(--font-display);font-size:15px;color:var(--gold);letter-spacing:.1em;margin-bottom:6px;display:block}.howto-step h3{font-size:20px;margin-bottom:6px}.howto-step p{margin:0;color:var(--muted);font-size:15px}.is-static .howto-fill{transform:scaleY(1)}.is-static .howto-step{opacity:1!important;transform:none!important}@media(max-width:640px){.howto-wrap{grid-template-columns:34px 1fr;gap:0 16px}.howto-rail{margin-left:14px}}.kinetic{position:relative;overflow:hidden;padding:110px 0;background:var(--bg)}.kinetic-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#1b342c,#24443a);opacity:0;pointer-events:none}.kinetic-lines{position:relative;z-index:2}.k-line{display:block;font-family:var(--font-display);font-weight:600;font-size:clamp(52px,10vw,128px);line-height:1.02;letter-spacing:-.03em;color:var(--green-deep);white-space:nowrap;will-change:transform}.kinetic.is-on-dark .k-line{color:#f3efe6}.k-line em{font-style:normal;-webkit-text-stroke:1.5px var(--gold);color:transparent}.k-statement{position:relative;z-index:2;margin:44px auto 0;max-width:640px;text-align:center;font-size:19px;color:var(--muted);clip-path:inset(0 100% 0 0)}.kinetic.is-on-dark .k-statement{color:#c4cfc4}.kinetic .page-width{position:relative;z-index:2;text-align:center}.is-static .k-statement{clip-path:none!important;opacity:1!important}.is-static .k-line{transform:none!important;opacity:1!important}.showcase{position:relative}.showcase-track{display:grid;grid-auto-flow:column;grid-auto-columns:min(300px,74vw);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 22px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.showcase-track::-webkit-scrollbar{display:none}.showcase-track .pcard{scroll-snap-align:start}.showcase-edge{position:absolute;top:0;bottom:22px;width:70px;pointer-events:none;z-index:3}.showcase-edge--r{right:0;background:linear-gradient(to left,var(--surface),transparent)}.showcase-edge--l{left:0;background:linear-gradient(to right,var(--surface),transparent)}.showcase-nav{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}@media(pointer:coarse){.showcase-nav{display:none}}.btn{transition:transform .35s cubic-bezier(.22,.75,.25,1),box-shadow .25s var(--ease),background .25s}.cart-drawer.is-open .cd-item{animation:cdIn .45s var(--ease) both;animation-delay:calc(var(--i,0)*60ms)}@keyframes cdIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@media(max-width:720px){.cinema-active .cinema-track{height:420vh}.cinema-active .cinema-pod{width:min(230px,56vw)}.cinema-active .cinema-pod.has-cut{width:calc(min(210px,54vw) * var(--podzoom,1))}.cinema-active [data-cin=s1]{top:auto;bottom:7svh;transform:none;left:0;right:0;max-width:none}.cinema-active [data-cin=s1] h1{font-size:clamp(30px,8.5vw,40px)}.cinema-active [data-cin=s2]{top:auto;bottom:9svh;transform:none;max-width:none}.cinema-active [data-cin=s3]{top:auto;bottom:9svh;right:0;left:0;transform:none;text-align:left}.cinema-active .cin-kword{font-size:clamp(28px,8vw,38px)}.cinema-active .cin-lab--1{left:6%;top:32%}.cinema-active .cin-lab--2{left:14%;top:48%}.cinema-active .cin-lab--3{left:22%;top:64%}.cinema-active [data-cin=s5]{right:0;left:0;text-align:center}.cinema-active .cin-bigword{font-size:clamp(38px,11vw,58px)}.cinema-active [data-cin=s6]{top:auto;bottom:4svh;right:0;left:0;transform:none}.cin-buy{max-width:none;padding:20px}.cinema-blob{filter:blur(40px)}.cinema-blob--3{display:none}}@media(prefers-reduced-motion:reduce){.cinema .cinema-track{height:auto!important}.cinema .cinema-stage{position:static!important;height:auto!important}.cin-hint:after{animation:none}.cart-drawer.is-open .cd-item{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/flarevibe-cinema.css.map */