.cs-hero{position:relative;overflow:hidden}.cs-hero-in{position:relative;z-index:2}.cs-hero:before{animation:csAurora 24s ease-in-out infinite alternate}@keyframes csAurora{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(3%,2.5%,0) scale(1.09)}}.cs-hero h1 .hl{background-repeat:no-repeat;background-size:0% 100%;animation:csHl .95s cubic-bezier(.2,.8,.3,1) .5s forwards}@keyframes csHl{to{background-size:100% 100%}}.cs-hero-media{position:relative;display:grid;place-items:center;width:100%}.cs-hero-glow{position:absolute;top:-9%;right:-7%;bottom:-9%;left:-7%;z-index:0;pointer-events:none;border-radius:48px;filter:blur(30px);background:radial-gradient(58% 58% at 50% 55%,rgba(224,102,44,.34),transparent 72%)}.cs-cine{position:relative;z-index:2;margin:0;width:100%;aspect-ratio:16 / 9;border-radius:clamp(18px,2vw,30px);overflow:hidden;isolation:isolate;background:#100c0a;border:1px solid rgba(23,18,15,.1);box-shadow:0 2px 6px #3c23141a,0 34px 84px #3c231442}.cs-cine video,.cs-cine img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border:0}.cs-cine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 -80px 90px -60px #a3231a73;background:radial-gradient(120% 90% at 50% 40%,transparent 45%,rgba(12,8,6,.34) 100%)}.cs-cine.is-empty{background:linear-gradient(158deg,#fffdf7,#f7ecd9 52%,#eddfc4);display:grid;place-items:center}.cs-cine.is-empty:after{box-shadow:inset 0 0 0 1px #17120f12;background:none}.cs-cine.is-empty .cs-cine-pouch{position:relative;z-index:1;width:min(34%,190px);filter:drop-shadow(0 24px 38px rgba(90,50,25,.24));animation:float 7s ease-in-out infinite}.cs-embed{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cs-embed iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100%;max-width:none;transform:translate(-50%,-50%);border:0;pointer-events:none}.cs-cine .cs-embed iframe{width:100%;height:100%;min-width:0;min-height:0}.cs-cine-bar{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:999px;background:#0c080685;-webkit-backdrop-filter:blur(11px) saturate(140%);backdrop-filter:blur(11px) saturate(140%);border:1px solid rgba(255,255,255,.16);color:#f7f0e4;font-size:12.5px;font-weight:600;letter-spacing:-.01em}.cs-cine-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--ember);animation:csDot 1.9s ease-in-out infinite}@keyframes csDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.55)}}.cs-cine-cap{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-cine-btn{width:30px;height:30px;flex:none;border-radius:999px;display:grid;place-items:center;background:#ffffff26;color:#fff;transition:background .2s,transform .2s}.cs-cine-btn:hover{background:#ffffff47;transform:scale(1.06)}.cs-cine-btn svg{width:12px;height:12px;fill:currentColor}.cs-cine-btn .ic-pause,.cs-cine-btn .ic-on{display:none}.cs-hero[data-playing=true] .cs-cine-btn .ic-pause{display:block}.cs-hero[data-playing=true] .cs-cine-btn .ic-play{display:none}.cs-hero[data-sound=on] .cs-snd .ic-on{display:block}.cs-hero[data-sound=on] .cs-snd .ic-off{display:none}.cs-cine-tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;background:#0c08062e;opacity:0;transition:opacity .3s;cursor:pointer}.cs-hero[data-playing=false] .cs-cine-tap{opacity:1}.cs-cine-tap span{width:62px;height:62px;border-radius:999px;display:grid;place-items:center;background:#ffffffeb;box-shadow:0 10px 30px #0000004d}.cs-cine-tap svg{width:20px;height:20px;fill:var(--ink);margin-left:3px}.cs-hero-media .chip{position:absolute;z-index:4}.cs-hero--cinema .cs-hero-in{display:grid;gap:clamp(30px,4vw,54px);justify-items:center}.cs-hero--cinema .hero-copy{justify-items:center;text-align:center;max-width:830px;gap:22px}.cs-hero--cinema .hero-copy h1{max-width:20ch}.cs-hero--cinema .hero-copy .lead{text-align:center;margin-inline:auto}.cs-hero--cinema .hero-cta,.cs-hero--cinema .hero-sub,.cs-hero--cinema .hero-rate{justify-content:center}.cs-hero--cinema .cs-hero-media{max-width:1080px}.cs-hero--cinema .chip-1{top:-16px;left:3%}.cs-hero--cinema .chip-2{bottom:22%;right:-14px}.cs-hero--cinema .chip-3{bottom:-18px;left:18%}@media(max-width:760px){.cs-hero--cinema .chip-1{top:-12px;left:2%}.cs-hero--cinema .chip-2{bottom:24%;right:2%}.cs-hero--cinema .chip-3{display:none}}.cs-hero--split .cs-hero-in{display:grid;align-items:center;gap:clamp(34px,4vw,56px);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.cs-hero--split .hero-copy{max-width:600px}.cs-hero--split .chip-1{top:-14px;left:-3%}.cs-hero--split .chip-2{bottom:16%;right:-14px}.cs-hero--split .chip-3{bottom:-18px;left:8%}@media(max-width:940px){.cs-hero--split .cs-hero-in{grid-template-columns:1fr}.cs-hero--split .chip-1{left:2%}.cs-hero--split .chip-2{right:2%}.cs-hero--split .chip-3{display:none}}@media(max-width:940px){.cs-hero.is-media-first .cs-hero-media{order:-1}}.cs-hero--immersive{--cs-scrim: .46;min-height:clamp(520px,86vh,940px);display:grid;align-items:end;background:#100c0a;color:#f7f0e4;padding-block:0}.cs-hero--immersive:before{display:none}.cs-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.cs-hero-bg video,.cs-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;border:0}.cs-hero-bg .cs-hero-bg-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(70% 60% at 50% 45%,#2a1d16,#100c0a)}.cs-hero-bg .cs-hero-bg-fallback svg{width:min(30%,260px);height:auto}.cs-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(12,8,6,calc(var(--cs-scrim) * 1.25)),rgba(12,8,6,calc(var(--cs-scrim) * .3)) 32%,rgba(12,8,6,calc(var(--cs-scrim) * 1.1)),rgba(12,8,6,calc(var(--cs-scrim) * 1.95))),radial-gradient(75% 65% at 16% 78%,rgba(163,35,26,calc(var(--cs-scrim) * .7)),transparent 70%)}.cs-hero--immersive .cs-hero-in{padding-block:clamp(56px,9vw,118px) clamp(74px,10vw,132px);display:grid;justify-items:start;gap:clamp(20px,2.6vw,28px)}.cs-hero--immersive .hero-copy{max-width:760px;gap:20px}.cs-hero--immersive h1{color:#fff9ee;text-shadow:0 6px 44px rgba(0,0,0,.45)}.cs-hero--immersive .lead{color:#f7f0e4d6;text-shadow:0 2px 18px rgba(0,0,0,.4)}.cs-hero--immersive .hero-rate .n{color:#fff9ee}.cs-hero--immersive .hero-rate .d{color:#f7f0e49e}.cs-hero--immersive .hero-sub{color:#f7f0e4b3}.cs-hero--immersive .hero-sub b{color:#fff9ee}.cs-hero--immersive .hero-sub .dot{background:#f7f0e466}.cs-hero--immersive .eyebrow{color:var(--ember-lt)}.cs-hero--immersive .btn-ghost{--fg: #FFF9EE;border-color:#ffffff57;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f}.cs-hero--immersive .btn-ghost:hover{background:#ffffff24}.cs-hero--immersive .cs-chip-row{display:flex;flex-wrap:wrap;gap:10px}.cs-hero--immersive .chip{position:static;animation:none;background:#ffffff1a;border-color:#fff3;color:#f7f0e4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cs-hero--immersive .chip span{color:#f7f0e49e}.cs-hero--immersive .cs-cine-bar{position:absolute;right:22px;bottom:20px;left:auto;z-index:4;width:auto;max-width:min(90%,480px)}.cs-hero--immersive.is-align-center .cs-hero-in{justify-items:center}.cs-hero--immersive.is-align-center .hero-copy{justify-items:center;text-align:center}.cs-hero--immersive.is-align-center .hero-rate,.cs-hero--immersive.is-align-center .hero-cta,.cs-hero--immersive.is-align-center .hero-sub,.cs-hero--immersive.is-align-center .cs-chip-row{justify-content:center}.cs-hero--immersive.is-align-center .lead{margin-inline:auto;text-align:center}.cs-hero--immersive.is-v-middle{align-items:center}.cs-hero--immersive .cs-hero-cue-wrap{position:absolute;left:0;right:0;bottom:16px;z-index:3;pointer-events:none}.cs-hero--immersive .cs-hero-cue{margin:0;color:#f7f0e499}@media(max-width:749px){.cs-hero--immersive .cs-cine-bar{left:16px;right:16px;bottom:14px;max-width:none}.cs-hero--immersive .cs-hero-in{padding-bottom:clamp(96px,24vw,150px)}.cs-hero--immersive .cs-hero-cue-wrap{display:none}.cs-hero--immersive .hero-copy h1{max-width:none}}.cs-hero-cue{position:relative;z-index:3;margin:clamp(22px,3vw,34px) auto 0;display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-30)}.cs-hero-cue i{width:1px;height:26px;background:currentColor;opacity:.5;transform-origin:top;animation:csCue 2.1s ease-in-out infinite}@keyframes csCue{0%,to{transform:scaleY(.35);opacity:.25}50%{transform:scaleY(1);opacity:.7}}.cs-hero-cue-wrap{text-align:center}@media(prefers-reduced-motion:reduce){.cs-hero:before,.cs-cine.is-empty .cs-cine-pouch,.cs-cine-dot,.cs-hero-cue i{animation:none!important}.cs-hero h1 .hl{animation:none;background-size:100% 100%}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/cs-hero.css.map */