.hy-film{background:#050505;color:var(--hy-white);padding-block-end:var(--hy-film-pb, 72px);overflow:clip}.hy-film__stage{position:relative;display:flex;align-items:flex-end;min-block-size:clamp(520px,88vh,860px);isolation:isolate;overflow:hidden;background:#050505}.hy-film__poster,.hy-film__bg{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;inline-size:calc(100% + 4px);block-size:calc(100% + 4px);object-fit:cover;z-index:-2}.hy-film__bg{opacity:0;transition:opacity .9s var(--hy-ease);pointer-events:none}.hy-film.is-playing .hy-film__bg{opacity:1}.hy-film__stage.is-in .hy-film__bg,.hy-film__stage.is-in .hy-film__poster{animation:hy-film-push 14s var(--hy-ease) both}.hy-film__shade{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;background:linear-gradient(180deg,#05050500 30%,#050505d9 82%,#050505),rgba(5,5,5,var(--hy-film-shade, .45))}.hy-film__content{position:relative;padding-block:clamp(96px,16vh,160px) clamp(40px,8vh,72px)}.hy-film__kicker{display:inline-flex;align-items:center;gap:var(--hy-2);margin:0 0 var(--hy-4);padding:8px 16px;border:1px solid rgba(255,255,255,.55);border-radius:999px;font-size:var(--hy-label);font-weight:800;letter-spacing:.04em}.hy-film__dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--hy-red);box-shadow:0 0 #dd1d1db3;animation:hy-film-pulse 1.8s var(--hy-ease) infinite}.hy-film__title{margin:0;color:inherit;font-size:clamp(42px,7.4vw,112px);font-weight:900;font-stretch:var(--hy-stretch-display);line-height:.95;letter-spacing:-.01em}.hy-film__line{display:block}.hy-film__line--accent{color:var(--hy-red)}.hy-film__text{max-inline-size:46ch;margin:var(--hy-4) 0 0;font-size:var(--hy-lead);color:#ffffffd1}.hy-film__play{display:inline-flex;align-items:center;gap:var(--hy-3);margin-block-start:var(--hy-6);padding-block:10px;padding-inline:10px 22px;border:0;border-radius:999px;background:var(--hy-white);color:var(--hy-ink);font:inherit;font-weight:800;cursor:pointer;transition:transform .25s var(--hy-ease),box-shadow .25s var(--hy-ease)}.hy-film__play:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000073}.hy-film__play:focus-visible{outline:2px solid var(--hy-red);outline-offset:3px}.hy-film__play-icon{display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:50%;background:var(--hy-red);color:var(--hy-white)}.hy-film__play-icon svg{inline-size:20px;block-size:20px}.hy-film__rise{opacity:0;transform:translateY(36px);clip-path:inset(0 0 100% 0)}.hy-film__stage.is-in .hy-film__rise{animation:hy-film-rise .9s var(--hy-ease) both;animation-delay:calc(var(--i, 0) * .14s + .15s)}.hy-film__reel{position:relative}.hy-film__reel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--hy-4);margin-block-end:var(--hy-5)}.hy-film__reel-title{margin:0;font-size:var(--hy-label);font-weight:800;letter-spacing:.08em;color:#ffffffb3}.hy-film__arrows{display:flex;gap:var(--hy-2);margin-inline-start:auto}.hy-film__arrow{display:grid;place-items:center;inline-size:48px;block-size:48px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:transparent;color:var(--hy-white);cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.hy-film__arrow svg{inline-size:20px;block-size:20px}.hy-film__arrow:hover:not(:disabled){background:var(--hy-white);color:var(--hy-ink)}.hy-film__arrow:disabled{opacity:.3;cursor:default}.hy-film__arrow:focus-visible{outline:2px solid var(--hy-red);outline-offset:2px}.hy-film__track{display:flex;gap:16px;margin:0;padding:0;padding-inline:max(var(--hy-gutter),calc((100vw - var(--hy-page-max, 1440px)) / 2 + var(--hy-gutter)));list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--hy-gutter),calc((100vw - var(--hy-page-max, 1440px)) / 2 + var(--hy-gutter)));scrollbar-width:none;overscroll-behavior-x:contain}.hy-film__track::-webkit-scrollbar{display:none}.hy-film__card{position:relative;flex:0 0 clamp(260px,30vw,420px);aspect-ratio:4 / 5;overflow:hidden;border-radius:6px;background:#111;scroll-snap-align:start;isolation:isolate;opacity:0;transform:translateY(48px) scale(.96)}.hy-film__track.is-in .hy-film__card{animation:hy-film-card .9s var(--hy-ease) both;animation-delay:calc(var(--i, 0) * .11s)}.hy-film__card-img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--hy-ease)}.hy-film__card:hover .hy-film__card-img{transform:scale(1.06)}.hy-film__card-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0000009e,#0000 32%),linear-gradient(0deg,#000000e6,#00000059 42%,#0000 62%)}.hy-film__stat{position:absolute;inset-block-start:18px;inset-inline:20px;display:flex;align-items:baseline;gap:8px;margin:0}.hy-film__stat-num{font-size:clamp(54px,6vw,84px);font-weight:900;font-stretch:var(--hy-stretch-number);line-height:.9;font-variant-numeric:tabular-nums;color:var(--hy-white)}.hy-film__stat-unit{font-size:15px;font-weight:800;color:var(--hy-red)}.hy-film__card-body{position:absolute;inset-block-end:20px;inset-inline:20px}.hy-film__card-title{margin:0 0 6px;color:var(--hy-white);font-size:clamp(22px,2vw,28px);font-weight:900;line-height:1.1}.hy-film__card-text{margin:0;font-size:15px;line-height:1.45;color:#ffffffd1}.hy-film__reel.is-pinned .hy-film__pin{position:sticky;inset-block-start:var(--hy-film-pin-top, var(--hy-film-top, 0px))}.hy-film__reel.is-pinned .hy-film__track{overflow:visible;scroll-snap-type:none;transition:transform .7s var(--hy-ease)}.hy-film__progress{display:block;block-size:2px;margin-block-start:var(--hy-5);background:#ffffff2e}.hy-film__progress span{display:block;block-size:100%;inline-size:12%;background:var(--hy-red);transition:inline-size .7s var(--hy-ease)}.hy-film__dialog{inline-size:min(1100px,94vw);max-inline-size:none;padding:0;border:0;background:#000;overflow:visible}.hy-film__dialog::backdrop{background:#000000db}.hy-film__full{display:block;inline-size:100%;max-block-size:86vh;background:#000}.hy-film__close{position:absolute;inset-block-start:-52px;inset-inline-end:0;display:grid;place-items:center;inline-size:44px;block-size:44px;border:0;border-radius:50%;background:var(--hy-white);color:var(--hy-ink);cursor:pointer}.hy-film__close svg{inline-size:20px;block-size:20px}@media screen and (max-width:749px){.hy-film__stage{min-block-size:78vh}.hy-film__text{font-size:var(--hy-body)}.hy-film__card{flex-basis:78vw}.hy-film__arrows{display:none}}@keyframes hy-film-push{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes hy-film-rise{0%{opacity:0;transform:translateY(36px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 -20% 0)}}@keyframes hy-film-card{0%{opacity:0;transform:translateY(48px) scale(.96)}to{opacity:1;transform:none}}@keyframes hy-film-pulse{0%{box-shadow:0 0 #dd1d1db3}70%{box-shadow:0 0 0 10px #dd1d1d00}to{box-shadow:0 0 #dd1d1d00}}@media(prefers-reduced-motion:reduce){.hy-film__rise,.hy-film__card{opacity:1;transform:none;clip-path:none;animation:none!important}.hy-film__bg,.hy-film__poster,.hy-film__dot{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hybrid-film-showcase.css.map */