.oph{--e-out: cubic-bezier(.23, 1, .32, 1);--e-io: cubic-bezier(.77, 0, .175, 1);--night: #0B0B10;--glow: #FF6A3D;--glow-2: #FFB08A;--ember: #E5452A;--fg: #F4F1EC;position:relative;overflow:hidden;isolation:isolate;background:var(--night);color:var(--fg);text-align:center}.oph:before{content:"";position:absolute;z-index:-1;left:50%;top:-30vh;width:140vw;height:90vh;translate:-50% 0;background:radial-gradient(closest-side,rgba(229,69,42,.3),rgba(229,69,42,.08) 55%,transparent)}.oph__copy{display:grid;justify-items:center}.oph__eyebrow{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:var(--glow-2)}.oph__title{margin:.9rem 0 0;display:grid;justify-items:center;font-family:var(--display);font-size:clamp(2.5rem,7vw,5.5rem);font-weight:600;line-height:1.02;letter-spacing:-.035em;color:var(--fg)}.oph__line{display:flex;flex-wrap:wrap;justify-content:center;column-gap:.24em}.oph__w{display:inline-block}.oph__line--accent .oph__w{background:linear-gradient(180deg,#ffd9c4,#ff8656 52%,#e5452a);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}.oph--js .oph__w{opacity:0;transform:translateY(.32em);filter:blur(10px);transition:opacity .9s var(--e-out),transform .9s var(--e-out),filter .9s var(--e-out);transition-delay:calc(var(--i) * 60ms + 60ms)}.oph--js.is-in .oph__w{opacity:1;transform:none;filter:none}.oph__fade{transition:opacity .9s var(--e-out) .5s,transform .9s var(--e-out) .5s}.oph--js .oph__fade{opacity:0;transform:translateY(12px)}.oph--js.is-in .oph__fade{opacity:1;transform:none}.oph__text{margin:1.4rem 0 0;max-width:50ch;font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.55;color:#f4f1ecad}.oph__ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem 1.75rem;margin-top:2rem}.oph__btn{display:inline-flex;align-items:center;min-height:3rem;padding:0 1.5rem;border-radius:999px;background:var(--fg);color:var(--night);font-size:1rem;font-weight:600;text-decoration:none;box-shadow:0 8px 30px -8px #ff6a3d8c;transition:transform .16s var(--e-out),background-color .2s ease}.oph__btn:hover{background:#fff}.oph__btn:active{transform:scale(.97)}.oph__more{display:inline-flex;align-items:center;gap:.2rem;color:var(--fg);font-size:1rem;text-decoration:none}.oph__more svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--e-out)}@media(hover:hover)and (pointer:fine){.oph__more:hover{text-decoration:underline;text-underline-offset:4px}.oph__more:hover svg{transform:translate(2px)}}.oph a:focus-visible,.oph button:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.oph__badge{margin:1.5rem 0 0;padding:.45rem .95rem;border-radius:999px;background:#ff6a3d1f;border:1px solid rgba(255,176,138,.3);color:var(--glow-2);font-size:.875rem;font-weight:600}.ofm{max-width:1200px;margin:clamp(2.5rem,6vw,4.5rem) auto 0;text-align:left}.ofm__screen{position:relative;aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;border-radius:clamp(20px,2.4vw,32px);background:radial-gradient(120% 90% at 50% 100%,#1b1214,#0d0d12 55%,#09090d);box-shadow:inset 0 0 0 1px #ffffff12,0 50px 140px -60px #e5452a80}.ofm__screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(110% 100% at 50% 45%,transparent 58%,rgba(0,0,0,.55))}@media(max-width:749px){.ofm__screen{aspect-ratio:1 / 1}}.ofm-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ofm-svg .tb,.ofm-svg .p-ring,.ofm-svg .k-gun,.ofm-svg .l-rig{transform-box:fill-box;transform-origin:center}.sc{opacity:0;transform:scale(1.04);transform-box:view-box;transform-origin:50% 50%;transition:opacity .4s ease,transform .5s var(--e-out)}.sc.is-on{opacity:1;transform:none;transition:opacity 1s var(--e-out) .15s,transform 1.6s var(--e-out) .1s}.ofm__foot{display:grid;gap:1.25rem;margin-top:clamp(1.25rem,2.5vw,1.75rem)}@media(min-width:900px){.ofm__foot{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:end;gap:3rem}}.ofm__caps{display:grid}.ofm__cap{grid-area:1 / 1;opacity:0;transform:translateY(8px);filter:blur(6px);transition:opacity .25s ease,transform .25s ease,filter .25s ease}.ofm__cap.is-on{opacity:1;transform:none;filter:none;transition:opacity .8s var(--e-out) .3s,transform .8s var(--e-out) .3s,filter .8s var(--e-out) .3s}.ofm__num{font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--glow-2);font-variant-numeric:tabular-nums}.ofm__cap-title{margin:.4rem 0 0;font-family:var(--display);font-size:clamp(1.375rem,2.4vw,2rem);font-weight:600;letter-spacing:-.025em;line-height:1.1;color:#fff;text-wrap:balance}.ofm__cap-text{margin:.45rem 0 0;font-size:clamp(.9375rem,1.2vw,1.0625rem);line-height:1.5;color:#f4f1eca8;max-width:44ch}.ofm__bar{display:flex;align-items:center;gap:1rem}.ofm__chs{flex:1;display:grid;grid-template-columns:repeat(var(--n, 4),minmax(0,1fr));gap:.6rem}.ofm-ch{display:grid;gap:.55rem;padding:.55rem 0;border:0;background:none;cursor:pointer;text-align:left;font:inherit;font-size:.8125rem;font-weight:600;color:#f4f1ec80;transition:color .2s ease,transform .16s var(--e-out)}.ofm-ch[aria-current=true]{color:var(--fg)}@media(hover:hover)and (pointer:fine){.ofm-ch:hover{color:var(--fg)}}.ofm-ch:active{transform:scale(.98)}.ofm-ch__track{display:block;height:3px;border-radius:3px;background:#f4f1ec29;overflow:hidden}.ofm-ch__fill{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--glow-2),var(--glow));transform:scaleX(0);transform-origin:left}.ofm__toggle{flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:#f4f1ec1a;color:var(--fg);transition:background-color .2s ease,transform .16s var(--e-out)}.ofm__toggle:active{transform:scale(.94)}@media(hover:hover)and (pointer:fine){.ofm__toggle:hover{background:#f4f1ec2e}}.ofm__toggle svg{width:.95rem;height:.95rem;fill:currentColor}.ofm__toggle .i-play,.ofm.is-paused .ofm__toggle .i-pause{display:none}.ofm.is-paused .ofm__toggle .i-play{display:block}@media(max-width:749px){.ofm-ch__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.ofm.is-paused .sc *,.ofm.is-off .sc *{animation-play-state:paused!important}.oph__jobs{margin:clamp(3rem,7vw,5rem) auto 0;padding-block:1.5rem clamp(2.5rem,6vw,4rem);border-top:1px solid rgba(244,241,236,.1);display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:62rem}.oph__jobs-label{flex-basis:100%;margin-bottom:.4rem;font-size:.8125rem;color:#f4f1ec8c}.oph__job{padding:.35rem .85rem;border-radius:999px;background:#f4f1ec0f;border:1px solid rgba(244,241,236,.08);font-size:.875rem;color:#f4f1ecd1}.p-contour{fill:none;stroke:#ffffff1a;stroke-width:1.5}.p-back{fill:none;stroke:#ffffff24;stroke-width:1.5}.p-front{fill:none;stroke:#ffffff52;stroke-width:2}.p-lit{fill:none;stroke:url(#opfEmberH);stroke-width:3.5;stroke-linecap:round;opacity:0}.p-halo{fill:none;stroke:#ff6a3d;stroke-width:14;opacity:0}.p-amb,.p-wave{opacity:0}.sc.is-on .p-amb{animation:op-bloom 2.6s var(--e-out) .2s both}.sc.is-on .p-wave{animation:p-wave 2s var(--e-io) .4s both}.sc.is-on .p-ring{animation:p-ring 1.7s var(--e-out) both;animation-delay:calc(var(--i) * .17s + .52s)}.sc.is-on .p-lit{animation:p-lit 1.7s var(--e-out) both;animation-delay:calc(var(--i) * .17s + .52s)}.sc.is-on .p-halo{animation:p-halo 1.7s var(--e-out) both;animation-delay:calc(var(--i) * .17s + .52s)}@keyframes p-ring{0%{transform:scale(1)}22%{transform:scale(1.09,1.24)}to{transform:scale(1.03,1.07)}}@keyframes p-lit{0%{opacity:0}18%{opacity:1}to{opacity:.82}}@keyframes p-halo{0%{opacity:0}18%{opacity:.9}to{opacity:.3}}@keyframes p-wave{0%{opacity:0;transform:translateY(0)}12%{opacity:.85}85%{opacity:.65}to{opacity:0;transform:translateY(-580px)}}@keyframes op-bloom{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.l-panel{fill:#131318;stroke:#ffffff1f;stroke-width:1.5}.l-led{fill:#2a1714}.l-glow{fill:#ff4a2e;opacity:0}.l-beam,.l-floor{opacity:0}.sc.is-on .l-rig{animation:op-rise 1.4s var(--e-out) both}.sc.is-on .l-led{animation:l-led 1.1s var(--e-out) both;animation-delay:calc(var(--d) * 80ms + .45s)}.sc.is-on .l-glow{animation:l-glow 1.8s var(--e-out) 1s both}.sc.is-on .l-beam{animation:l-beam 2.8s var(--e-out) .8s both}.sc.is-on .l-floor{animation:l-glow 2s var(--e-out) 1.2s both}@keyframes l-led{0%{fill:#2a1714}35%{fill:#ffd0b5}to{fill:#ff4a2e}}@keyframes l-glow{0%{opacity:0}to{opacity:.6}}@keyframes l-beam{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1.12)}}@keyframes op-rise{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.k-body{fill:#15151b;stroke:#ffffff4d;stroke-width:2}.k-screen{fill:#1f1f27;stroke:#ffb08a80;stroke-width:1.5}.k-neck{fill:#26262e}.k-head{fill:url(#opfEmberV)}.k-fib{fill:none;stroke:rgba(255,255,255,var(--a));stroke-width:1.6}.k-fib--hot{stroke:url(#opfEmberH);stroke-width:2.4}.k-rip{fill:none;stroke:#ff6a3d;stroke-width:2;opacity:0}.k-amb{opacity:0}.sc.is-on .k-amb{animation:op-bloom 2.4s var(--e-out) .3s both}.sc.is-on .k-gun{animation:k-in 1.2s var(--e-out) both}.sc.is-on .k-piston{animation:k-hit .14s ease-in-out .9s infinite alternate}.sc.is-on .k-rip{animation:k-rip 1.6s var(--e-out) infinite both;animation-delay:calc(var(--i) * .4s + .9s)}.sc.is-on .k-fib{animation:k-flow calc(1.3s + var(--k) * .3s) linear infinite}@keyframes k-in{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:none}}@keyframes k-hit{0%{transform:translate(0)}to{transform:translate(14px)}}@keyframes k-rip{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(3.4)}}@keyframes k-flow{to{transform:translate(-120px)}}.h-belt{fill:#16161c;stroke:#ffffff24;stroke-width:1.5}.h-warm{fill:url(#opfEmberH);opacity:0}.h-coil{fill:none;stroke:#ffd0b5;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.12}.h-haze{fill:none;stroke:#ffb08a8c;stroke-width:2;stroke-linecap:round;opacity:0}.h-amb{opacity:0}.sc.is-on .h-amb{animation:op-bloom 3s var(--e-out) .8s both}.sc.is-on .h-warm{animation:h-warm 3s var(--e-io) .4s both}.sc.is-on .h-coil{animation:h-coil 1s var(--e-out) both;animation-delay:calc(var(--i) * .15s + .3s)}.sc.is-on .h-haze{animation:h-rise 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * .33s + 1.1s)}@keyframes h-warm{to{opacity:.92}}@keyframes h-coil{to{opacity:.95}}@keyframes h-rise{0%{opacity:0;transform:translateY(30px)}30%{opacity:.85}to{opacity:0;transform:translateY(-90px)}}@media(prefers-reduced-motion:reduce){.oph--js .oph__w,.oph--js .oph__fade{transition:opacity .3s ease;transform:none;filter:none}.sc,.sc.is-on{transform:none;transition:opacity .4s ease}.ofm .sc *{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important}.ofm__cap,.ofm__cap.is-on{transform:none;filter:none;transition:opacity .3s ease}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/op-film.css.map */