.collection-page{--iv-red:#ef514b;--iv-ink:#0b0e12;--iv-muted:#b7bac1;background:var(--iv-ink);color:#f3f2ef}
.collection-page main{background:var(--iv-ink)}
.collection-page .collection-kicker{font:700 .72rem/1.5 monospace;letter-spacing:.18em;color:var(--iv-red);margin:0 0 1.2rem}
.collection-page .collection-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding-block:3.5rem 5rem}
.collection-page .collection-intro h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(5.5rem,9vw,9.5rem);line-height:.86;letter-spacing:-.04em;margin:0 0 2rem;color:#f3f2ef;text-shadow:none}
.collection-page .collection-intro h1 span{color:#a4a8b0}
.collection-deck{font-size:clamp(1.4rem,2.3vw,2.2rem);line-height:1.25;margin:0 0 1.2rem}
.collection-summary{max-width:38ch;color:var(--iv-muted);font-size:1.05rem;line-height:1.75}
.collection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:2rem}
.collection-page .collection-button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.6rem;background:var(--iv-red);color:#0b0e12;padding:.95rem 1.2rem;font-weight:800;text-decoration:none;border:1px solid var(--iv-red)}
.collection-button:hover{filter:brightness(1.15)}
.collection-page .collection-text-link{color:#eee;text-underline-offset:5px;font-size:.88rem}
.collection-page .collection-availability{font-size:.78rem;color:var(--iv-muted);margin-top:1.2rem}
.collection-index{display:flex;flex-wrap:wrap;gap:1.5rem;border-top:1px solid #35383e;padding-top:1.4rem;margin-top:2.4rem}
.collection-index dt{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#9399a4;margin-bottom:.4rem}
.collection-index dd{margin:0;font-size:.8rem}
.collection-page figure{margin:0}
.collection-page figure img{display:block;width:100%;height:auto}
.collection-cover img{max-height:760px;object-fit:cover;object-position:50% 30%}
.collection-page figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem;padding:.75rem 0;font:600 .64rem/1.5 monospace;letter-spacing:.08em;color:#c8cbd1}
.collection-page figcaption span{font-weight:400;color:#949aa4;letter-spacing:0}
.collection-section{padding-block:4rem;border-top:1px solid #35383e;scroll-margin-top:2rem}
.collection-section-heading{max-width:65ch;margin-bottom:2.4rem}
.collection-page .collection-section h2{font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 1rem;color:#f3f2ef}
.collection-section-heading>p:last-child,.collection-shelf>div>p:last-child{color:var(--iv-muted);line-height:1.8}
.collection-studies{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}
.collection-studies figure img{max-height:780px;object-fit:cover;object-position:50% 35%}
.collection-details article{padding:1.6rem 0;border-top:1px solid #35383e}
.collection-details article>span{font:600 .72rem monospace;color:var(--iv-red)}
.collection-page .collection-details h3{font-size:1.5rem;margin:.6rem 0 .7rem;color:#f3f2ef}
.collection-details p{color:var(--iv-muted);line-height:1.8;max-width:40ch}
.garment-controls{display:none;gap:.5rem;margin-bottom:1.5rem}
.is-enhanced .garment-controls{display:flex}
.garment-controls button{font-family:inherit;font-size:.85rem;font-weight:700;padding:.85rem 1.6rem;background:transparent;color:#eee;border:1px solid #555b65;cursor:pointer;min-height:44px}
.garment-controls button[aria-pressed=true]{background:#e6e7e9;color:#111;border-color:#e6e7e9}
.garment-views{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.is-enhanced .garment-views{display:block}
.collection-page .garment-views [hidden]{display:none}
.garment-views figure{max-width:900px;margin-inline:auto}
.collection-page .garment-views img{max-height:700px;object-fit:contain;background:#eee}
.garment-view-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.collection-pair img{max-height:900px;object-fit:contain;background:#181a1d}
.collection-pair>p{font-size:clamp(2.5rem,5vw,5rem);line-height:1.04;font-weight:800;letter-spacing:-.04em;margin:2rem 0 0}
.collection-shelf{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:2rem}
.collection-page .collection-shelf a{display:block;border-top:2px solid #4b4f58;padding:1.5rem 0;color:#f3f2ef;text-decoration:none}
.collection-shelf a>span{font:.68rem monospace;letter-spacing:.12em;color:var(--iv-muted)}
.collection-shelf a h3{font-size:1.25rem;margin:1rem 0;color:#f3f2ef}
.collection-shelf a p{font-size:.9rem;color:var(--iv-muted);line-height:1.7}
.collection-shelf a:hover{border-color:var(--iv-red)}
.collection-page a:focus-visible,.collection-page button:focus-visible{outline:3px solid #fff!important;outline-offset:5px}
@media(max-width:760px){.collection-page .collection-hero{grid-template-columns:minmax(0,1fr);padding-top:2.5rem;gap:2rem}.collection-page .collection-intro h1{font-size:clamp(3.8rem,17vw,8rem);overflow-wrap:normal}.collection-page .collection-intro h1 span{white-space:nowrap}.collection-page .site-header .cyber-brand-copy strong{white-space:normal!important}.collection-cover img{max-height:none}.collection-studies,.collection-shelf{grid-template-columns:minmax(0,1fr)}.collection-studies{gap:1rem}.collection-section{padding-block:2.5rem}.garment-views{grid-template-columns:1fr}.collection-index{gap:1.2rem}.collection-page figcaption{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.collection-page *{scroll-behavior:auto!important;transition:none!important}}
