.premiott-hero__inner{text-align:center;padding:3rem 1.5rem 4rem}.premiott-hero__pretitle{color:rgba(var(--color-foreground),.7);margin:0 0 1rem}.premiott-hero__heading{margin:0 0 .6rem}.premiott-hero__sub{color:rgba(var(--color-foreground),.72);margin:0 0 2.4rem}.premiott-hero__chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;max-width:48rem;margin:0 auto .8rem}.premiott-hero__chip{font-family:var(--font-body-family);cursor:pointer;text-align:center;background:rgba(var(--color-foreground),.04);color:rgba(var(--color-foreground),.75);border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.2rem;padding:.8rem .4rem .7rem;position:relative}.premiott-hero__chip[aria-pressed=true]{border-color:rgb(var(--color-button));box-shadow:0 0 0 .2rem rgb(var(--color-button));background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.premiott-hero__chip:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}.premiott-hero__chip-img{display:block;height:6rem;width:auto;margin:0 auto .4rem}.premiott-hero__chip-persona{display:block;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.premiott-hero__chip-name{display:block;font-size:1rem;opacity:.8}.premiott-hero__chip-badge{position:absolute;top:-.9rem;left:50%;transform:translate(-50%);background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:.9rem;padding:.2rem .8rem;border-radius:99rem;white-space:nowrap}.premiott-hero__quiz-link{grid-column:1 / -1;justify-self:center;margin-top:.4rem;background:none;border:0;cursor:pointer}.premiott-hero__stage{position:relative;width:min(62vw,30rem);aspect-ratio:633 / 1000;margin:1.6rem auto 0}.premiott-hero__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:opacity .28s ease}.premiott-hero__model-name{font-family:var(--font-heading-family);font-size:2.2rem;margin:1.4rem 0 .2rem}.premiott-hero__model-name span{color:rgb(var(--color-button))}.premiott-hero__tagline{color:rgba(var(--color-foreground),.72);font-size:1.4rem;margin:0 0 1.6rem}.premiott-hero__swatches{display:flex;justify-content:center;gap:3.4rem;flex-wrap:wrap}.premiott-hero__swatch-label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:1.1rem;color:rgba(var(--color-foreground),.6);margin-bottom:.8rem}.premiott-hero__dots{display:flex;gap:1rem;justify-content:center}.premiott-hero__dot{width:2.6rem;height:2.6rem;border-radius:50%;cursor:pointer;border:.2rem solid rgba(var(--color-foreground),.15);padding:0}.premiott-hero__dot[aria-pressed=true]{border-color:rgb(var(--color-button));box-shadow:0 0 0 .2rem rgb(var(--color-button))}.premiott-hero__dot:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}.premiott-hero__cta{margin-top:2.2rem;width:100%;max-width:38rem}.premiott-hero__steps{display:flex;justify-content:center;gap:.6rem 1.8rem;flex-wrap:wrap;margin:2.6rem 0 0;padding:0;list-style:none;color:rgba(var(--color-foreground),.65);font-size:1.3rem}.premiott-hero__steps b{color:rgb(var(--color-button))}.premiott-hero__quiz{border:0;border-radius:1.4rem;padding:0;max-width:42rem;width:calc(100% - 3rem)}.premiott-hero__quiz::backdrop{background:#0000008c}.premiott-hero__quiz-box{padding:2.4rem;position:relative}.premiott-hero__quiz-close{position:absolute;top:.6rem;right:1rem;background:none;border:0;font-size:2.4rem;cursor:pointer}.premiott-hero__quiz-q{font-family:var(--font-heading-family);font-size:1.8rem;margin:0 0 1.4rem}.premiott-hero__quiz-answers{display:flex;flex-direction:column;gap:.8rem}.premiott-hero__quiz-a{cursor:pointer;padding:1.2rem;border-radius:.8rem;border:.1rem solid rgba(var(--color-foreground),.15);background:none;font-size:1.5rem}.premiott-hero__quiz-a:hover,.premiott-hero__quiz-a:focus-visible{border-color:rgb(var(--color-button))}.premiott-hero__stage--assemble .premiott-hero__layer{opacity:0}.premiott-hero__stage--play [data-layer=base]{animation:premiott-arrive 1.1s cubic-bezier(.22,1,.36,1) forwards}.premiott-hero__stage--play [data-layer=dial]{animation:premiott-rise .9s cubic-bezier(.34,1.3,.64,1) .9s forwards}.premiott-hero__stage--play [data-layer=bezel]{animation:premiott-drop .9s cubic-bezier(.34,1.3,.64,1) 1.7s forwards}.premiott-hero__stage--play [data-layer=top]{animation:premiott-snap .7s cubic-bezier(.22,1,.36,1) 2.5s forwards}.premiott-hero__stage--play [data-layer=static]{animation:premiott-arrive 1.1s cubic-bezier(.22,1,.36,1) forwards}@keyframes premiott-arrive{0%{opacity:0;transform:translateY(3.5rem) scale(.96)}to{opacity:1;transform:none}}@keyframes premiott-rise{0%{opacity:0;transform:translateY(2.8rem) scale(.9)}to{opacity:1;transform:none}}@keyframes premiott-drop{0%{opacity:0;transform:scale(1.15) rotate(12deg)}to{opacity:1;transform:none}}@keyframes premiott-snap{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}@media screen and (max-width:480px){.premiott-hero__chip-img{height:4.6rem}}@media(prefers-reduced-motion:reduce){.premiott-hero__layer{transition:none!important;animation:none!important;opacity:1!important}.premiott-hero__stage--assemble .premiott-hero__layer{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-premiott-hero.css.map */