.sp-collection-hero{--sp-accent:#334fb4;--sp-ink:#111;--sp-paper:#fbfbfa;--sp-soft:#f1f2f4;--sp-line:rgba(17,17,17,.12);background:var(--sp-paper);color:var(--sp-ink);padding:38px 0 28px}.sp-collection-hero *{box-sizing:border-box}.sp-collection-hero__shell{width:min(100% - 32px,1480px);margin:0 auto}.sp-collection-hero__panel{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);min-height:500px;overflow:hidden;border:1px solid var(--sp-line);border-radius:24px;background:#fff}.sp-collection-hero__copy{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(32px,5vw,72px)}.sp-collection-hero__eyebrow{margin:0 0 18px;color:var(--sp-accent);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sp-collection-hero h1{max-width:850px;margin:0;font-size:clamp(42px,6vw,82px);line-height:.98;letter-spacing:-.055em}.sp-collection-hero__description{max-width:760px;margin-top:24px;font-size:17px;line-height:1.7;opacity:.76}.sp-collection-hero__description p:last-child{margin-bottom:0}.sp-collection-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.sp-collection-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--sp-ink);border-radius:9px;background:var(--sp-ink);color:#fff;font-weight:800;text-decoration:none}.sp-collection-hero__button--secondary{background:transparent;color:var(--sp-ink)}.sp-collection-hero__button:focus-visible,.sp-collection-hero__link:focus-visible{outline:3px solid rgba(51,79,180,.35);outline-offset:3px}.sp-collection-hero__bottom{margin-top:44px}.sp-collection-hero__status{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:14px;font-weight:750}.sp-collection-hero__status-dot{width:8px;height:8px;border-radius:999px;background:var(--sp-accent)}.sp-collection-hero__chips{display:flex;flex-wrap:wrap;gap:8px}.sp-collection-hero__chip{padding:8px 11px;border:1px solid var(--sp-line);border-radius:999px;background:var(--sp-paper);font-size:12px;font-weight:700}.sp-collection-hero__visual{position:relative;min-height:420px;background:var(--sp-ink);color:#fff}.sp-collection-hero__visual img{width:100%;height:100%;min-height:500px;object-fit:cover;display:block}.sp-collection-hero__visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 30%,rgba(0,0,0,.62) 100%);pointer-events:none}.sp-collection-hero__visual-copy{position:absolute;left:30px;right:30px;bottom:30px;z-index:1}.sp-collection-hero__visual-copy p{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;opacity:.78}.sp-collection-hero__visual-copy h2{max-width:520px;margin:0;font-size:clamp(26px,3vw,42px);line-height:1.05;letter-spacing:-.035em;color:#fff}.sp-collection-hero__visual--no-image{display:flex;align-items:flex-end;padding:36px;background:linear-gradient(145deg,#111 0%,#1d1f25 62%,#334fb4 150%)}.sp-collection-hero__visual--no-image .sp-collection-hero__visual-copy{position:static}.sp-collection-hero__nav{display:flex;align-items:center;gap:14px;margin-top:18px;padding:18px 4px 0;overflow-x:auto;scrollbar-width:none}.sp-collection-hero__nav::-webkit-scrollbar{display:none}.sp-collection-hero__nav-label{flex:0 0 auto;color:rgba(17,17,17,.5);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sp-collection-hero__link{flex:0 0 auto;color:var(--sp-ink);font-size:14px;font-weight:800;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}.sp-collection-hero__link:hover{border-bottom-color:currentColor}@media(max-width:999px){.sp-collection-hero__panel{grid-template-columns:1fr}.sp-collection-hero__visual{min-height:360px}.sp-collection-hero__visual img{min-height:360px;max-height:520px}.sp-collection-hero__copy{min-height:460px}}@media(max-width:749px){.sp-collection-hero{padding:20px 0 22px}.sp-collection-hero__shell{width:min(100% - 24px,1480px)}.sp-collection-hero__panel{border-radius:18px}.sp-collection-hero__copy{min-height:auto;padding:30px 22px}.sp-collection-hero h1{font-size:clamp(38px,12vw,58px)}.sp-collection-hero__description{font-size:16px}.sp-collection-hero__bottom{margin-top:34px}.sp-collection-hero__actions{width:100%}.sp-collection-hero__button{flex:1 1 100%}.sp-collection-hero__visual,.sp-collection-hero__visual img{min-height:310px}.sp-collection-hero__visual--no-image{padding:26px}.sp-collection-hero__visual-copy{left:22px;right:22px;bottom:22px}.sp-collection-hero__nav{padding-top:15px}}