.leo-hero{--open:0;--lw:min(48vw, calc((100vh - 44rem)*1.3) ,82rem);position:relative;height:var(--leo-hero-length,620vh);background:var(--leo-ink);color:#fff;font-family:var(--leo-font)}.leo-hero__sticky{position:sticky;top:0;height:100vh;min-height:64rem;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding-top:clamp(11rem,15vh,15rem)}.leo-hero__glow{position:absolute;left:50%;bottom:-18vh;width:110vw;height:60vh;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 50%,color-mix(in srgb,var(--leo-hero-glow) 34%,transparent) 0%,transparent 70%);opacity:calc(.3 + var(--open) * .7);filter:blur(30px);pointer-events:none;animation:leo-breathe 8s ease-in-out infinite}.leo-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:3.2rem 3.2rem;-webkit-mask-image:radial-gradient(60% 50% at 50% 40%,#000 0%,transparent 75%);mask-image:radial-gradient(60% 50% at 50% 40%,#000 0%,transparent 75%);pointer-events:none}.leo-hero__top{text-align:center;z-index:1;display:grid;gap:2.4rem;justify-items:center}.leo-hero__eyebrow{color:#ffffff8c}.leo-hero__title{display:grid;transform:translateY(calc(var(--open) * -3vh)) scale(calc(1 - var(--open) * .1));transform-origin:50% 0;will-change:transform}.leo-hero__line--fade{background:linear-gradient(180deg,#fff 28%,#ffffff1f 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.leo-hero__stage{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;margin-top:-14vh;padding-bottom:3rem}.leo-hero__deck{position:relative;width:var(--lw);height:calc(var(--lw) * .6625 + 2rem);transform:translateY(-9vh)}.leo-lap{position:absolute;left:0;bottom:0;width:100%;perspective:2400px;perspective-origin:50% -45%;transform-style:preserve-3d;transform-origin:50% 100%}.leo-lap__lid{position:relative;width:100%;aspect-ratio:16/10.6;transform-origin:50% 100%;transform:rotateX(-60deg);transform-style:preserve-3d;will-change:transform}.leo-lap__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2.2rem 2.2rem .6rem .6rem}.leo-lap__face{background:#0c0c0e;padding:1.4rem 1.4rem 2.2rem;box-shadow:inset 0 0 0 1px #ffffff24,0 -2rem 8rem #0006}.leo-lap__bezel{position:relative;width:100%;height:100%;border-radius:1rem;overflow:hidden;background:#000}.leo-lap__cam{position:absolute;top:.5rem;left:50%;width:.6rem;height:.6rem;margin-left:-.3rem;border-radius:50%;background:#1d1d22;z-index:3}.leo-lap__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#000;opacity:calc(1 - var(--dim,1));pointer-events:none}.leo-lap__shot{position:absolute;top:1.6rem;right:0;bottom:0;left:0;width:100%;height:calc(100% - 1.6rem);object-fit:cover;object-position:top}.leo-lap__glare{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#ffffff24,#fff0 35% 65%,#ffffff0f);pointer-events:none;mix-blend-mode:screen}.leo-lap__cover{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transform:scaleY(-1);background:radial-gradient(70% 60% at 50% 45%,#55555d,#2c2c31 55%,#1b1b1e);box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff14;display:grid;place-items:center;opacity:0}.leo-lap.is-back .leo-lap__cover{opacity:1}.leo-lap.is-back .leo-lap__bezel{visibility:hidden}.leo-lap__logo{width:9%;height:auto;fill:#ebebf0f2;filter:drop-shadow(0 0 1.4rem rgba(255,255,255,.6)) drop-shadow(0 0 3.2rem rgba(163,230,53,.45))}.leo-lap__kb{position:absolute;left:-7%;width:114%;top:100%;height:calc(var(--lw) * .5);transform-origin:50% 0;transform:rotateX(90deg);transform-style:preserve-3d;border-radius:.4rem .4rem 2.4rem 2.4rem;background:linear-gradient(180deg,#bdbdc4,#d9d9de 30%,#c7c7cd);box-shadow:inset 0 0 0 1px #ffffff59}.leo-lap__keys{position:absolute;left:12%;right:12%;top:8%;height:46%;border-radius:.8rem;background:repeating-linear-gradient(90deg,#1a1a1d 0 5.6%,#2a2a2e 5.6% 6.3%),#1a1a1d;-webkit-mask:repeating-linear-gradient(180deg,#000 0 15%,transparent 15% 17%);mask:repeating-linear-gradient(180deg,#000 0 15%,transparent 15% 17%);opacity:.92}.leo-lap__pad{position:absolute;left:34%;right:34%;top:60%;height:30%;border-radius:.8rem;background:linear-gradient(180deg,#cfcfd5,#babac1);box-shadow:inset 0 0 0 1px #00000014}.leo-lap__lip{position:absolute;left:0;right:0;top:100%;height:1.6rem;transform-origin:50% 0;transform:rotateX(-90deg);border-radius:0 0 1.2rem 1.2rem;background:linear-gradient(180deg,#a9a9b0,#5c5c63)}.leo-lap__shadow{position:absolute;left:-6%;right:-6%;bottom:-3rem;height:4rem;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.7),transparent 70%);filter:blur(8px);z-index:-1}.leo-hero__ui{position:absolute;left:50%;bottom:calc(3rem + 9vh);width:var(--lw);height:calc(var(--lw) * .6625 + 2rem);transform:translate(-50%);pointer-events:none;z-index:5}.leo-hero__ui>*{pointer-events:auto}.leo-hero__badge{position:absolute;right:-4.4rem;top:0;transform:translateY(-100%);opacity:calc((var(--open) - .75) * 4);box-shadow:0 0 3rem #a3e63573}.leo-hero__now{position:absolute;right:-6.4rem;bottom:4rem;width:31rem;height:7.2rem;border-radius:1.6rem;opacity:calc((var(--open) - .8) * 5);box-shadow:0 1.6rem 4rem #00000073;transition:transform .5s var(--leo-ease)}.leo-hero.is-moving .leo-hero__now{transform:translateY(.6rem) scale(.97)}.leo-hero__now-item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:1.2rem;padding:.8rem;color:#fff;text-decoration:none;opacity:0;transform:translateY(.8rem);transition:opacity .45s var(--leo-ease),transform .45s var(--leo-ease);pointer-events:none}.leo-hero__now-item.is-on{opacity:1;transform:none;pointer-events:auto}.leo-hero__now-item img{width:5.6rem;height:5.6rem;border-radius:1rem;object-fit:cover;object-position:top}.leo-hero__now-text{display:grid;gap:.2rem;flex:1;min-width:0}.leo-hero__now-count{font-size:1rem;color:#fff9}.leo-hero__now-name{font-size:1.7rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leo-hero__now-meta{font-size:1.2rem;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leo-hero__now-go{width:4.4rem;height:4.4rem;border-radius:1.2rem;background:#fff;color:var(--leo-ink);display:grid;place-items:center;font-size:1.8rem;flex:none;transition:transform .3s var(--leo-ease)}.leo-hero__now-item:hover .leo-hero__now-go{transform:rotate(45deg)}.leo-hero__ticks{position:absolute;left:0;bottom:-3.4rem;display:flex;gap:.6rem;opacity:var(--open)}.leo-hero__ticks button{width:1.6rem;height:.3rem;padding:0;border:0;border-radius:2px;background:#ffffff40;cursor:pointer;transition:width .4s var(--leo-ease),background .4s}.leo-hero__ticks button.is-on{width:3.2rem;background:#fff}.leo-hero__bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;padding-bottom:4.4rem;z-index:6}.leo-hero__lead{max-width:44rem;color:#ffffff9e}.leo-hero__actions{display:flex;gap:1.2rem}.leo-hero__hint{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);color:#fff6;opacity:calc(1 - var(--open) * 1.4);animation:leo-float 2.8s ease-in-out infinite;z-index:3}@media(max-width:989px){.leo-hero{height:auto}.leo-hero__sticky{position:relative;height:auto;min-height:0;display:block;padding:10.4rem 0 6.4rem}.leo-hero__grid,.leo-hero__hint,.leo-lap__kb,.leo-lap__shadow,.leo-hero__badge,.leo-lap__cover{display:none}.leo-hero__top{text-align:left;justify-items:start;gap:1.6rem;width:calc(100% - 4rem)}.leo-hero__title{transform:none;font-size:4.6rem;line-height:4.8rem}.leo-hero__line--fade{background:none;color:var(--leo-mute);max-width:6.2em}.leo-hero__stage{margin:3.2rem auto 0;width:calc(100% - 4rem);padding-bottom:5.6rem;display:block}.leo-hero__deck{width:100%;height:auto;aspect-ratio:16/10.4;overflow:hidden;border-radius:1.4rem;box-shadow:0 2.4rem 5rem #00000080}.leo-lap{perspective:none;transform:none!important;opacity:1!important;filter:none!important;top:0;transition:transform .7s var(--leo-ease)}.leo-lap{transform:translate(calc(var(--m,0) * 100%))!important}.leo-lap__lid{transform:none!important;aspect-ratio:auto;height:100%}.leo-lap__face{padding:2rem 0 0;border-radius:1.4rem;background:var(--leo-chrome);box-shadow:inset 0 0 0 1px #ffffff1f}.leo-lap__face:before{content:"";position:absolute;left:1rem;top:.75rem;width:.5rem;height:.5rem;border-radius:50%;background:#ffffff38;box-shadow:.9rem 0 #ffffff38,1.8rem 0 #ffffff38}.leo-lap__bezel{border-radius:0 0 1.4rem 1.4rem}.leo-lap__cam{display:none}.leo-lap__shot{top:0;right:0;bottom:0;left:0;height:100%}.leo-hero__deck{transform:none}.leo-hero__ui{position:absolute;left:0;right:0;top:0;bottom:auto;width:auto;height:auto;aspect-ratio:16/10.4;transform:none}.leo-hero__now{right:-.4rem;bottom:-3.6rem;width:auto;left:16%;opacity:1}.leo-hero__now-item img{width:4rem;height:4rem}.leo-hero__now-go{width:3.6rem;height:3.6rem}.leo-hero__ticks{bottom:-2.4rem;opacity:1}.leo-hero__glow{bottom:auto;top:30rem;height:30rem;opacity:.6}.leo-hero__bottom{display:grid;gap:2.4rem;padding:0;margin-top:1.6rem}.leo-hero__actions{display:grid;gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/319/assets/leo-hero.css.map */