.hero{position:relative;background:var(--cream);background:radial-gradient(900px 520px at 88% -10%,color-mix(in srgb,var(--lilac) 45%,transparent),transparent 60%),radial-gradient(700px 460px at -8% 110%,color-mix(in srgb,var(--sky) 30%,transparent),transparent 55%),var(--cream);overflow:clip}.hero__slider{position:relative}.hero__slide{display:none;grid-template-columns:1.08fr .92fr;gap:24px;align-items:center;min-height:min(660px,calc(100vh - 150px));min-height:min(660px,calc(100dvh - 150px));padding:44px 0 64px}.hero__slide.is-active{display:grid;animation:heroIn .6s ease both}@keyframes heroIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero__copy{position:relative;z-index:3}.hero__kicker{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:700;box-shadow:var(--shadow-soft);margin-bottom:22px}.hero__kicker .icon{color:var(--accent);font-size:15px}.hero__copy h1{font-size:clamp(44px,7vw,92px);font-weight:900;margin-bottom:20px;margin-right:-120px;max-width:11ch}.hero__copy h1 em{font-style:normal;color:var(--accent);display:inline-block}.hero__copy p{font-size:17px;color:var(--ink-70);margin-bottom:30px;max-width:40ch}.hero__media{position:relative;z-index:1}.hero__media-main{border-radius:240px 240px 28px 28px;overflow:hidden;aspect-ratio:4 / 4.6;background:var(--lilac-soft);box-shadow:var(--shadow-lift)}.hero__media-main img,.hero__media-main .hero__placeholder{width:100%;height:100%;object-fit:cover}.hero__sticker{position:absolute;right:-14px;top:40px;z-index:4;background:var(--accent);color:var(--paper);border-radius:var(--r-card);padding:14px 18px;font-weight:700;font-size:13px;line-height:1.3;transform:rotate(6deg);box-shadow:var(--shadow-lift)}.hero__sticker span{display:block;font-family:var(--font-disp);font-size:19px}.hero__chip{position:absolute;left:-26px;bottom:44px;z-index:4;background:#f4f1ecc7;background:color-mix(in srgb,var(--paper) 78%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(244,241,236,.9);border:1px solid color-mix(in srgb,var(--paper) 90%,transparent);border-radius:var(--r-card);box-shadow:var(--shadow-lift);padding:12px 18px 12px 12px;display:flex;align-items:center;gap:12px;max-width:270px;transform:rotate(-3deg);font:inherit;text-align:left;cursor:pointer;color:var(--ink);transition:transform .2s ease,box-shadow .2s ease}.hero__chip:hover{transform:rotate(-1deg) translateY(-3px);box-shadow:0 22px 50px #3d3d3c38}.hero__chip:active{transform:rotate(-1deg) translateY(-1px) scale(.98)}.hero__chip img{width:54px;height:54px;border-radius:14px;object-fit:cover;flex:none}.hero__chip strong{display:block;font-size:13px;line-height:1.35}.hero__chip span{font-size:13.5px;color:var(--accent);font-weight:700}.hero__spin{position:absolute;left:min(46vw,560px);bottom:54px;z-index:5;width:110px;height:110px}.hero__spin svg{width:100%;height:100%;animation:heroSpin 16s linear infinite}.hero__spin text{font-family:var(--font-body);font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;fill:var(--ink)}.hero__spin .core{position:absolute;top:32px;right:32px;bottom:32px;left:32px;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--accent);box-shadow:var(--shadow-soft)}@keyframes heroSpin{to{transform:rotate(360deg)}}.hero__controls{position:absolute;bottom:22px;left:0;z-index:6;display:flex;align-items:center;gap:14px}.hero__dots{display:flex;gap:8px}.hero__toggle{width:28px;height:28px;border-radius:50%;background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.hero__toggle:hover{background:var(--accent);color:var(--paper)}.hero__dots button{width:26px;height:5px;border-radius:999px;background:var(--lilac-deep);transition:background .2s ease,width .2s ease}.hero__dots button.is-active{background:var(--accent);width:44px}@media(max-width:1080px){.hero__copy h1{margin-right:0}.hero__spin{display:none}}@media(max-width:900px){.hero__slide{grid-template-columns:1fr;gap:30px;min-height:0;padding:30px 0 54px}.hero__media-main{aspect-ratio:4 / 3.6;border-radius:150px 150px 24px 24px}.hero__sticker{right:4px;top:14px}.hero__chip{left:8px;bottom:16px}}@media(prefers-reduced-motion:reduce){.hero__spin svg{animation:none!important}.hero__slide.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/nolana-hero.css.map */