/* Dub & Disorder — every illustrated model and garment view embeds the exact print master. */
.dd-section{max-width:1600px;margin:2rem auto 4rem;padding:clamp(1rem,3vw,2rem);background:#0b0d0c;border-top:3px solid #c8ff15;scroll-margin-top:5rem}
.dd-banner{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;padding:clamp(1rem,3vw,2rem) 0;border-bottom:1px solid #454a39}
.dd-banner .eyebrow{color:#baf13b;font-weight:900;letter-spacing:.15em}
.dd-banner h2{font:900 clamp(3rem,8vw,7rem)/.92 'Barlow Condensed',Impact,sans-serif;color:#f3f1e8;max-width:900px;margin:.3rem 0;letter-spacing:-.02em}
.dd-banner h2 em{font-style:normal;color:#c8ff15}
.dd-banner p{max-width:44rem;font-size:.95rem;line-height:1.5;color:#d5d2c6}
.dd-count{color:#e8c564;font-size:.77rem;font-weight:900;white-space:nowrap}
.dd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin-top:1.4rem}
.dd-card{min-width:0;border:1px solid #40423b;background:#141715;display:flex;flex-direction:column}
.dd-card-title{padding:1rem}
.dd-card-title small{font-size:.7rem;color:#c8ff15;font-weight:900;letter-spacing:.1em}
.dd-card-title h3{font-size:1.12rem;text-transform:uppercase;line-height:1.15;margin:.35rem 0 0;color:#f4f3ed}
.dd-media{display:grid;grid-template-columns:1fr 1fr;background:#0b0d0e;gap:2px}
.dd-media img{min-width:0;width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:contain;background:#171a18}
.dd-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;padding:.8rem}
.dd-controls button{min-width:0;white-space:nowrap;border:1px solid #474a43;background:#262923;color:#f1f1eb;padding:.65rem .3rem;font-size:.72rem;font-weight:900;cursor:pointer}
.dd-controls button[aria-pressed=true]{background:#c8ff15;color:#111;border-color:#c8ff15}
.dd-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.dd-caption{font-size:.69rem;line-height:1.45;color:#bbbcb0;padding:0 1rem 1rem;margin:auto 0 0}
@media(max-width:1120px){.dd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.dd-grid{grid-template-columns:1fr;gap:.85rem}.dd-banner{display:block}.dd-count{display:block;margin-top:.65rem}.dd-media{grid-template-columns:1fr 1fr}.dd-controls button{font-size:.72rem}}

/* Always-visible primary collections, including on mobile where main header navigation collapses. */
.collection-nav-bar{position:sticky;top:0;z-index:45;display:flex;align-items:center;gap:.4rem;padding:.5rem max(1rem,5.4%);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;border-bottom:1px solid #51523c;background:#11140fee;backdrop-filter:blur(15px)}
.collection-nav-bar .collection-nav-label{font-size:.67rem;font-weight:900;letter-spacing:.13em;color:#aaaea6;white-space:nowrap;margin-right:auto}
.collection-nav-bar a{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.7rem .9rem;text-decoration:none;font-size:.71rem;font-weight:900;letter-spacing:.08em;color:#f1f1e9;border:1px solid #484b43;background:#1a1c1a}
.collection-nav-bar a:hover,.collection-nav-bar a:focus-visible{outline-offset:2px;border-color:#c8ff15;color:#c8ff15}
.collection-nav-bar .collection-nav-dub{background:#c8ff15;color:#151714;border-color:#c8ff15}
.collection-nav-bar .collection-nav-dub span{border-radius:99px;color:#c8ff15;background:#151714;padding:.17rem .38rem}
.header .nav-dub-link{color:#c8ff15}
.drop-collection-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.drop-collection-tile.dub{--drop-accent:#c8ff15;background:radial-gradient(ellipse at 100% 0,#38471a 0,transparent 65%),#121711;text-decoration:none}
.drop-collection-tile.dub:hover,.drop-collection-tile.dub:focus-visible{border-color:#c8ff15;transform:translateY(-2px)}
.dd-load-error{grid-column:1/-1;background:#181b14;color:#f1eade;border:1px solid #737865;padding:1.5rem}
@media(max-width:1100px){.collection-nav-bar .collection-nav-label{display:none}.header .nav-dub-link{display:none}.drop-collection-tile strong{font-size:clamp(1.9rem,3.4vw,3.5rem)}}
@media(max-width:650px){.collection-nav-bar{padding:.3rem .65rem;gap:.38rem;top:0}.collection-nav-bar a{min-height:46px;font-size:.65rem;padding:.65rem .72rem}.drop-collection-tiles{grid-template-columns:1fr}.drop-collection-tile strong{font-size:2.8rem}.dd-section{scroll-margin-top:5rem}}

/* Withheld production artwork: show collection index, not rejected cartoon mockups. */
.dd-rebuild-notice{grid-column:1/-1;padding:clamp(1.25rem,3.8vw,3rem);border:1px solid #5d6b27;background:radial-gradient(circle at 95% 0,#32411b 0,transparent 55%),#151713}
.dd-rebuild-notice small{font-size:.76rem;color:#c8ff15;font-weight:900;letter-spacing:.14em}
.dd-rebuild-notice h3{font:900 clamp(2.4rem,5.8vw,5.6rem)/.96 'Barlow Condensed',Impact,sans-serif;color:#f3f1eb;margin:.65rem 0}
.dd-rebuild-notice p{max-width:55rem;color:#dadcd2;font-size:.98rem;line-height:1.6}
.dd-rebuild-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.dd-rebuild-item{display:flex;flex-direction:column;min-width:0;padding:1.15rem;gap:.55rem;border:1px solid #42483b;background:#171c16}
.dd-rebuild-item small{font-size:.7rem;color:#c8ff15;font-weight:900;letter-spacing:.1em}
.dd-rebuild-item strong{color:#f4f3ec;font-size:1.15rem;text-transform:uppercase}
.dd-rebuild-item span{font-size:.67rem;color:#c5c5b8;font-weight:800;letter-spacing:.08em}
@media(max-width:900px){.dd-rebuild-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dd-rebuild-list{grid-template-columns:1fr}.dd-rebuild-item{padding:.95rem}}