:root{--ink:#0b0b0b;--paper:#0f0f10;--text:#fff;--accent:#fff;--gap: clamp(14px, 2.2vw, 28px)}.hero-spread{display:grid;grid-template-columns:minmax(160px,20vw) 1fr minmax(420px,42vw);gap:var(--gap);align-items:stretch;block-size:var(--hero-h, 78vh);inline-size:100%;padding:clamp(12px,1.5vw,18px);background:var(--paper);color:var(--text);overflow:hidden;container-type:inline-size}.hero-spread__brand{background:linear-gradient(180deg,#0d0d0e,#060606);border:1px solid rgba(255,255,255,.06);border-radius:20px;display:grid;place-items:center;position:relative;isolation:isolate}.brand-mark{display:flex;flex-direction:column;align-items:center;gap:.5rem;letter-spacing:.08em}.brand-mark__glyph{font-size:clamp(56px,8vw,96px);font-weight:700;opacity:.18;border:2px solid rgba(255,255,255,.18);padding:.1em .35em;border-radius:18px}.brand-mark__text{font-size:clamp(18px,2vw,28px);font-weight:600}.hero-spread__feature{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.06);display:grid}.hero-spread__feature img{inline-size:100%;block-size:100%;object-fit:cover;transform:scale(1.02)}.hero-spread__feature:after{content:"THE ICONS";position:absolute;inset-inline:clamp(12px,1.2vw,18px);inset-block-end:clamp(12px,1.2vw,18px);font-size:clamp(10px,1.2vw,12px);letter-spacing:.22em;opacity:.9}.hero-spread__portraits{position:relative;border-radius:20px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.portrait{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:stretch;opacity:0;visibility:hidden;transition:opacity .42s ease,visibility 0s linear .42s}.portrait.is-active{opacity:1;visibility:visible;transition:opacity .52s ease}.portrait:before{content:"";position:absolute;inset:clamp(10px,1.2vw,16px);border:8px solid var(--frame, #d1b23d);border-radius:18px;pointer-events:none;opacity:.95;mix-blend-mode:screen}.portrait img{inline-size:100%;block-size:100%;object-fit:cover}.portrait__tag{position:absolute;inset-inline-end:clamp(14px,1.4vw,20px);inset-block-end:clamp(14px,1.4vw,22px);font-size:clamp(10px,1.1vw,12px);letter-spacing:.18em;background:#00000059;padding:.4rem .6rem;border-radius:10px;border:1px solid rgba(255,255,255,.18)}.hero-spread__dots{position:absolute;inset-inline:0;inset-block-end:clamp(10px,1.2vw,16px);display:flex;justify-content:center;gap:.5rem;z-index:2}.dot{inline-size:10px;block-size:10px;border-radius:999px;background:#fff9;border:0;cursor:pointer;transition:transform .15s ease,background .15s ease}.dot:hover{transform:scale(1.15);background:#ffffffd9}.dot.is-active{inline-size:24px;background:#fff}.portrait.is-active img{animation:reveal .62s cubic-bezier(.2,.7,.2,1) both}@keyframes reveal{0%{clip-path:inset(0 0 0 100%);transform:scale(1.025);filter:brightness(.9)}to{clip-path:inset(0 0 0 0);transform:scale(1);filter:brightness(1)}}@container (max-width: 980px){.hero-spread{grid-template-columns:minmax(120px,22vw) 1fr;grid-template-rows:1fr 1fr}.hero-spread__portraits{grid-column:1 / -1}}@container (max-width: 640px){.hero-spread{grid-template-columns:1fr;grid-template-rows:auto auto auto;--hero-h: auto}.hero-spread__brand,.hero-spread__feature,.hero-spread__portraits{min-block-size:48vh}}@media (prefers-reduced-motion: reduce){.portrait.is-active img{animation:none}.portrait{transition:none}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(50%);clip:rect(0 0 0 0);overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/6/assets/base-custom.css.map */