.hero-on{position:relative;min-height:100vh;min-height:100svh;background:#0c0c0b;color:#fff;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end}.hero-on:before{content:"";position:absolute;inset:0 0 auto 0;height:170px;z-index:-1;background:linear-gradient(to bottom,#00000080,#0000)}.hero-on__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;overflow:hidden}.hero-on__blur{width:100%;height:100%;object-fit:cover;filter:blur(38px) brightness(.55) saturate(1.15);transform:scale(1.25)}.hero-on__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;display:flex;justify-content:flex-end;align-items:center;padding:0 6vw 0 0}.hero-on__img{height:92%;width:auto;max-width:60%;object-fit:contain}.hero-on__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#000000b3,#00000040 45%,#0000 70%)}.hero-on__content{position:relative;z-index:1;width:100%;max-width:820px;padding:0 40px 56px}.hero-on__title{margin:0 0 18px;font-size:clamp(2.2rem,5.2vw,4.4rem);font-weight:700;line-height:1.05;letter-spacing:-.025em;color:#fff}.hero-on__text{margin:0 0 32px;max-width:30em;font-size:clamp(1.1rem,2.1vw,1.9rem);font-weight:400;line-height:1.3;color:#fff}.hero-on__actions{display:flex;flex-wrap:wrap;gap:20px}.hero-on__btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:999px;background:#fff;color:#0c0c0b;font-weight:700;font-size:1.05rem;line-height:1;text-decoration:none;transition:background .2s ease,transform .2s ease}.hero-on__btn:hover{background:#e9e9e9;transform:translateY(-1px)}.hero-on__btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.header__in{display:flex;align-items:center;gap:12px;max-width:none;padding:10px clamp(16px,2.6vw,40px);min-height:72px}.header__in .logo{margin-right:auto}.header .menu-toggle summary{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%;background:transparent;border:0;box-shadow:none;color:inherit}.header .menu-toggle summary svg{width:26px;height:26px}.header .nav a{min-height:44px;padding:0 14px;border-radius:0;background:none;color:inherit;font-size:clamp(17px,1.5vw,21px);font-weight:600;letter-spacing:-.02em}.header .nav a:hover,.header .nav a[aria-current]{background:none;color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.header__tools{gap:2px}.header .icon-btn{position:relative;color:inherit}.header .icon-btn:hover{background:#7f7f7f33}.header .icon-btn svg{width:24px;height:24px}.header__search{display:inline-flex!important}.header .header__cart .cart-pill__count{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;background:var(--ink,#0C0C0B);color:#fff}@media(min-width:900px){.header__in{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;min-height:84px}.header__in .logo{justify-self:start;margin-right:0}.header .nav{display:flex;gap:6px;justify-self:center}.header__tools{justify-self:end}}body.template-index .header{position:fixed!important;top:var(--ann-offset,0);left:0;right:0;z-index:50;background:transparent!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#fff;transition:background .25s ease,color .25s ease}body.template-index .header .header__in{background:transparent!important}body.template-index .header a,body.template-index .header summary,body.template-index .header .icon-btn,body.template-index .header .logo{color:inherit!important}body.template-index .header:not(.is-solid) .nav a,body.template-index .header:not(.is-solid) .logo{text-shadow:0 1px 14px rgba(0,0,0,.35)}body.template-index .header:not(.is-solid) .header__cart .cart-pill__count{background:#fff;color:#0c0c0b}body.template-index .header.is-solid{background:#fff!important;color:var(--ink,#0C0C0B);box-shadow:0 1px #00000014!important}body.template-index .header .menu-panel a{color:var(--ink,#0C0C0B)!important}.site-locale{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:0 var(--gutter,24px) 28px;background:#000}@media(max-width:899px){.hero-on__media{align-items:flex-start;justify-content:center;padding:84px 0 0}.hero-on__img{height:auto;width:min(86%,520px);max-width:none;max-height:58svh}.hero-on__content{padding:0 20px 36px}.hero-on__actions{gap:12px}.hero-on__btn{padding:14px 26px}}@media(prefers-reduced-motion:reduce){.hero-on__btn,body.template-index .header{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/noiren-on.css.map */