.nox-feat{padding-block:clamp(56px,8vw,96px)}.nox-feat__head{display:grid;justify-items:center;text-align:center;margin-bottom:clamp(28px,4vw,44px)}.nox-feat__head .nox-h2{max-width:24ch}.nox-feat__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--nox-s3)}@media screen and (min-width:900px){.nox-feat__grid{grid-template-columns:repeat(4,1fr);gap:var(--nox-s4)}}.nox-feat__card{position:relative;overflow:hidden;border:1px solid rgba(201,162,75,.18);border-radius:var(--nox-radius);padding:0;background:var(--nox-night-raised);aspect-ratio:3 / 4;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease}.nox-feat__card:hover{transform:translateY(-2px);box-shadow:0 0 32px -10px #c9a24b66}.nox-feat__card:focus-visible{outline:2px solid var(--nox-accent);outline-offset:3px}.nox-feat__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.nox-feat__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(6,8,12,.85))}.nox-feat__label{position:absolute;left:12px;bottom:12px;z-index:1;font-family:var(--nox-font-body);font-size:calc(.9375rem * var(--nox-scale, 1));font-weight:600;color:var(--nox-text);text-align:left;text-wrap:balance;max-width:70%}.nox-feat__plus{position:absolute;right:10px;bottom:10px;z-index:1;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,var(--nox-accent-bright),var(--nox-accent));color:var(--nox-accent-ink)}.nox-feat__plus svg{width:16px;height:16px}.nox-feat__modal[hidden]{display:none}.nox-feat__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:var(--nox-s4);pointer-events:none}.nox-feat__modal.is-open{pointer-events:auto}.nox-feat__backdrop{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:#040509b8;-webkit-backdrop-filter:blur(18px) saturate(.8);backdrop-filter:blur(18px) saturate(.8);opacity:0;transition:opacity .18s ease}.nox-feat__modal.is-open .nox-feat__backdrop{opacity:1;transition:none}@supports not (backdrop-filter: blur(1px)){.nox-feat__backdrop{background:#040509eb}}.nox-feat__panel{position:relative;width:min(880px,100%);max-height:min(86vh,720px);overflow:auto;background:linear-gradient(180deg,#171c26,#10131b);border:1px solid rgba(201,162,75,.25);border-radius:var(--nox-radius-lg);box-shadow:0 40px 90px -30px #000c;display:grid;transform:scale(.9);opacity:0;transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .16s ease}.nox-feat__modal.is-open .nox-feat__panel{transform:scale(1);opacity:1}@media(prefers-reduced-motion:reduce){.nox-feat__panel{transform:none;transition:none}}@media screen and (min-width:768px){.nox-feat__panel{grid-template-columns:1fr 1fr;overflow:hidden}}.nox-feat__panel-media{aspect-ratio:1}@media screen and (min-width:768px){.nox-feat__panel-media{aspect-ratio:auto;height:100%}}.nox-feat__panel-media img{width:100%;height:100%;object-fit:cover;display:block}.nox-feat__panel-body{padding:clamp(20px,4vw,40px);display:grid;align-content:center;gap:var(--nox-s3)}.nox-feat__panel-title{margin:0;font-family:var(--nox-font-display);font-optical-sizing:auto;font-weight:540;font-size:calc(1.625rem * var(--nox-scale, 1));line-height:1.15;color:var(--nox-text);text-wrap:balance}.nox-feat__panel-text{margin:0;font-size:var(--nox-fs-body);line-height:1.65;color:var(--nox-text-soft);max-width:46ch}.nox-feat__close{position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--nox-hairline);border-radius:50%;background:#0a0c12b3;color:var(--nox-text);cursor:pointer}.nox-feat__close svg{width:16px;height:16px}.nox-feat__nav{display:flex;gap:var(--nox-s2);margin-top:var(--nox-s2)}.nox-feat__nav button{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(201,162,75,.35);border-radius:50%;background:transparent;color:var(--nox-accent);cursor:pointer;transition:background .2s ease,transform .15s ease}.nox-feat__nav button:hover{background:#c9a24b1f;transform:translateY(-1px)}.nox-feat__nav button svg{width:18px;height:18px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-nox-features.css.map */