.plaay-hero{--plaay-pad: clamp(1.8rem, 2.4vw, 4rem);--plaay-ink: rgb(var(--color-foreground));--plaay-line: rgba(var(--color-foreground), .35);--plaay-muted: rgba(var(--color-foreground), .68);position:relative;min-height:var(--plaay-desktop-height);overflow:hidden;isolation:isolate;background:#0b0b0b;color:var(--plaay-ink)}.plaay-hero *,.plaay-hero *:before,.plaay-hero *:after{box-sizing:border-box}.plaay-hero a{color:inherit;text-decoration:none}.plaay-hero__media,.plaay-hero__slide,.plaay-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.plaay-hero__slide{opacity:0;transform:scale(1.025);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform 7s linear}.plaay-hero__slide.is-active{opacity:1;transform:scale(1.075)}.plaay-hero__video,.plaay-hero__image,.plaay-hero__slide picture{display:block;width:100%;height:100%}.plaay-hero__video,.plaay-hero__image{object-fit:cover}.plaay-hero__placeholder{width:100%;height:100%;background:radial-gradient(circle at 72% 30%,rgba(211,231,89,.36),transparent 28%),linear-gradient(125deg,#111,#292929 44%,#090909)}.plaay-hero__placeholder--2{background:radial-gradient(circle at 32% 30%,rgba(92,118,255,.35),transparent 26%),linear-gradient(120deg,#080c19,#20283d 48%,#090909)}.plaay-hero__placeholder--3{background:radial-gradient(circle at 68% 68%,rgba(240,116,64,.36),transparent 24%),linear-gradient(125deg,#180d08,#352117 48%,#090909)}.plaay-hero__placeholder--4{background:radial-gradient(circle at 48% 40%,rgba(210,210,210,.28),transparent 24%),linear-gradient(125deg,#0d0d0d,#323232 48%,#090909)}.plaay-hero__overlay{background:linear-gradient(180deg,rgba(0,0,0,calc(var(--plaay-overlay) + .1)),#00000008 38%,#00000052 72%,#000000c7),linear-gradient(90deg,rgba(0,0,0,calc(var(--plaay-overlay) * .65)),transparent 58%)}.plaay-hero__header{position:absolute;z-index:4;top:0;left:0;right:0;min-height:9rem;padding:var(--plaay-pad);pointer-events:none}.plaay-hero__brand{position:absolute;top:var(--plaay-pad);left:var(--plaay-pad);display:inline-flex;align-items:center;pointer-events:auto;font-size:clamp(2rem,1.8vw,3rem);font-weight:900;line-height:1;letter-spacing:-.07em}.plaay-hero__logo{display:block;width:auto;max-width:min(15rem,32vw);max-height:3.4rem}.plaay-hero__menu-button{position:absolute;top:var(--plaay-pad);left:50%;transform:translate(-50%);display:grid;place-items:center;width:4.8rem;height:4.8rem;padding:0;border:0;border-radius:50%;color:inherit;background:#00000029;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;cursor:pointer;transition:background .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}.plaay-hero__menu-button:hover{background:#00000047;transform:translate(-50%) scale(1.06)}.plaay-hero__hamburger{display:grid;gap:.7rem;width:2rem}.plaay-hero__hamburger span{display:block;width:100%;height:.1rem;background:currentColor;transform-origin:center;transition:transform .32s cubic-bezier(.22,1,.36,1)}.plaay-hero__menu-button[aria-expanded=true] .plaay-hero__hamburger span:nth-child(1){transform:translateY(.4rem) rotate(45deg)}.plaay-hero__menu-button[aria-expanded=true] .plaay-hero__hamburger span:nth-child(2){transform:translateY(-.4rem) rotate(-45deg)}.plaay-hero__menu-button{border:0;padding:0;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;cursor:pointer}.plaay-hero__content{position:absolute;z-index:3;left:var(--plaay-pad);bottom:clamp(17rem,25vh,25rem);width:min(var(--plaay-content-width),calc(100vw - (var(--plaay-pad) * 2)))}.plaay-hero__content.is-changing>*{animation:plaayHeroTextIn .65s cubic-bezier(.22,1,.36,1) both}@keyframes plaayHeroTextIn{0%{opacity:0;transform:translateY(2.4rem)}to{opacity:1;transform:translateY(0)}}.plaay-hero__eyebrow{margin:0 0 1.6rem;font-size:1.1rem;line-height:1;letter-spacing:.18em;text-transform:uppercase}.plaay-hero__title{margin:0;max-width:100rem;font-size:clamp(4rem,6.1vw,9rem);line-height:.9;letter-spacing:-.055em;font-weight:900;text-transform:uppercase;text-wrap:balance}.plaay-hero__cta{display:inline-flex;align-items:center;gap:1.2rem;margin-top:clamp(2.4rem,3vw,4.2rem);padding-bottom:.7rem;border-bottom:.1rem solid currentColor;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;min-width:17rem;justify-content:space-between}.plaay-hero__footer{position:absolute;z-index:4;left:var(--plaay-pad);right:var(--plaay-pad);bottom:var(--plaay-pad);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3rem}.plaay-hero__chapters{display:grid;grid-template-columns:repeat(4,minmax(11rem,1fr));gap:clamp(1rem,2.5vw,4.4rem)}.plaay-hero__chapter{display:grid;grid-template-columns:3rem 1fr;gap:.7rem 1rem;padding:0;border:0;color:var(--plaay-muted);background:transparent;text-align:left;cursor:pointer;font:inherit;transition:color .35s ease}.plaay-hero__chapter:hover,.plaay-hero__chapter.is-active{color:var(--plaay-ink)}.plaay-hero__chapter-number,.plaay-hero__chapter-label{font-size:1rem;line-height:1;letter-spacing:.12em;text-transform:uppercase}.plaay-hero__progress{grid-column:1 / -1;display:block;width:100%;height:.1rem;overflow:hidden;background:var(--plaay-line)}.plaay-hero__progress-fill{display:block;width:0;height:100%;background:var(--plaay-ink)}.plaay-hero__chapter.is-active .plaay-hero__progress-fill{animation:plaayHeroProgress var(--plaay-duration, 7s) linear forwards}@keyframes plaayHeroProgress{to{width:100%}}.plaay-hero__scroll{display:grid;justify-items:end;gap:.9rem;font-size:1rem;letter-spacing:.12em;text-transform:uppercase}.plaay-hero__sound{position:absolute;z-index:5;right:var(--plaay-pad);top:50%;transform:rotate(-90deg) translate(50%);transform-origin:right center;padding:0 0 .5rem;border:0;border-bottom:.1rem solid rgba(var(--color-foreground),.5);color:inherit;background:transparent;cursor:pointer;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase}@media screen and (max-width:749px){.plaay-hero{min-height:var(--plaay-mobile-height)}.plaay-hero__content{left:1.8rem;right:1.8rem;bottom:19rem;width:auto}.plaay-hero__title{font-size:clamp(3.8rem,12.5vw,6rem);line-height:.92}.plaay-hero__footer{left:1.8rem;right:1.8rem;bottom:1.8rem;display:block}.plaay-hero__chapters{display:flex;gap:1.8rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.plaay-hero__chapters::-webkit-scrollbar{display:none}.plaay-hero__chapter{min-width:15.5rem;scroll-snap-align:start}.plaay-hero__scroll,.plaay-hero__sound{display:none}}@media(prefers-reduced-motion:reduce){.plaay-hero *,.plaay-hero *:before,.plaay-hero *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media screen and (max-width:749px){.plaay-hero__header{min-height:7rem}.plaay-hero__brand{top:1.8rem;left:1.8rem;font-size:2.2rem}.plaay-hero__logo{max-width:12rem;max-height:2.8rem}.plaay-hero__menu-button{top:1.35rem;width:4.2rem;height:4.2rem}}.plaay-menu-v2{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;pointer-events:none;color:#fff;background:radial-gradient(circle at 74% 18%,rgba(255,255,255,.08),transparent 32%),#080808cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateY(-1.6rem);transition:opacity .6s ease,transform .82s cubic-bezier(.22,1,.36,1),visibility 0s linear .82s}body.plaay-menu-open{overflow:hidden}body.plaay-menu-open .plaay-menu-v2{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity .6s ease,transform .82s cubic-bezier(.22,1,.36,1),visibility 0s}.plaay-menu-v2__inner{min-height:100%;padding:clamp(11rem,14vh,16rem) var(--plaay-pad) var(--plaay-pad);display:flex;flex-direction:column;justify-content:space-between}.plaay-menu-v2__links{display:flex;flex-direction:column;align-items:flex-start}.plaay-menu-v2__links a{color:#fff;font-size:clamp(4.4rem,6.2vw,9.6rem);font-weight:900;line-height:.91;letter-spacing:-.06em;text-transform:uppercase;opacity:0;transform:translateY(3.2rem);transition:opacity .56s ease,transform .82s cubic-bezier(.22,1,.36,1)}body.plaay-menu-open .plaay-menu-v2__links a{opacity:1;transform:translateY(0)}body.plaay-menu-open .plaay-menu-v2__links a:nth-child(1){transition-delay:70ms}body.plaay-menu-open .plaay-menu-v2__links a:nth-child(2){transition-delay:.12s}body.plaay-menu-open .plaay-menu-v2__links a:nth-child(3){transition-delay:.17s}body.plaay-menu-open .plaay-menu-v2__links a:nth-child(4){transition-delay:.22s}body.plaay-menu-open .plaay-menu-v2__links a:nth-child(5){transition-delay:.27s}.plaay-menu-v2__links a:hover{opacity:.48}.plaay-menu-v2__bottom{display:flex;flex-wrap:wrap;gap:1.8rem 3.4rem;padding-top:2.8rem;border-top:.1rem solid rgba(255,255,255,.22)}.plaay-menu-v2__bottom a{color:#ffffffb8;font-size:1rem;font-weight:800;line-height:1;letter-spacing:.14em}body.plaay-menu-open .plaay-hero__brand,body.plaay-menu-open .plaay-hero__menu-button{position:fixed}body.plaay-menu-open .plaay-hero__brand,body.plaay-menu-open .plaay-hero__menu-button{z-index:40}@media screen and (max-width:749px){.plaay-menu-v2__inner{padding:10rem 1.8rem 2.4rem}.plaay-menu-v2__links a{font-size:clamp(4rem,13vw,6.2rem);line-height:.98}.plaay-menu-v2__bottom{gap:1.6rem 2.4rem}}.plaay-hero__menu-button:before,.plaay-hero__menu-button:after{display:none!important}body.plaay-menu-open .plaay-hero__header{position:fixed;z-index:50;inset:0 0 auto 0;min-height:9rem;pointer-events:none}body.plaay-menu-open .plaay-hero__brand,body.plaay-menu-open .plaay-hero__menu-button{pointer-events:auto}@media screen and (max-width:749px){body.plaay-menu-open .plaay-hero__header{min-height:7rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-plaay-hero.css.map */