.design-hero{padding-top:145px;background:radial-gradient(ellipse at 90% 35%,#71301055,transparent 55%),var(--negro)}
.back-link{display:block;margin:28px 0;color:var(--ambar);font:11px var(--mono)}
.design-hero h1{position:relative;font:clamp(44px,7.5vw,112px)/.98 var(--display);margin:28px 0;letter-spacing:-.04em}.design-hero h1 em{font-style:normal;color:var(--naranja)}
.hero-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:35px 0 50px}.hero-intro p{color:#bdb4a8;line-height:1.7}
.collection-directory{background:var(--crema);color:var(--negro);padding-block:42px}.collection-directory nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px}.collection-directory nav a{padding:14px 8px;border-bottom:1px solid #c3b9ac;font:12px var(--mono)}.collection-directory nav span{color:var(--oxido)}.collection-directory nav a:hover{color:var(--oxido)}.collection-directory p{font-size:13px;line-height:1.6}
.design-collection{border-bottom:1px solid var(--gris)}.design-collection:nth-of-type(even){background:#151312}.collection-heading{display:flex;align-items:center;gap:25px;margin-bottom:36px}.collection-number{font:clamp(50px,7vw,94px) var(--display);color:var(--naranja)}.collection-heading h2{font:clamp(25px,3.7vw,52px)/1.1 var(--display);text-transform:uppercase;margin:12px 0}.collection-heading p{color:#bdb4a8;line-height:1.6;margin:0}.collection-heading .text-link{margin-left:auto}
.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.design-card{min-width:0;background:var(--carbon);scroll-margin-top:100px}.design-image{position:relative;display:grid;place-items:center;aspect-ratio:1;isolation:isolate;width:100%;border:0;color:var(--crema);cursor:zoom-in;background:#171615;overflow:hidden}.design-image img{width:90%;height:90%;object-fit:contain;transition:transform .25s;filter:drop-shadow(0 12px 12px #0005)}.design-image:hover img{transform:scale(1.05)}.design-image.c-carbon,.design-image.c-jaspe{background:#34312f}.design-image.c-naranja{background:#e2621c}.design-code,.badge,.zoom-label{position:absolute;z-index:1;font:10px var(--mono)}.design-code{top:15px;left:15px}.badge{top:15px;right:15px;background:var(--crema);color:var(--negro);padding:5px}.zoom-label{bottom:12px;right:12px;background:var(--negro);padding:10px;color:var(--ambar)}.design-info{padding:22px}.design-info h3{font:21px/1.2 var(--display);margin:12px 0}.tagline{min-height:3.2em;color:#c1b8ad;font-size:14px;line-height:1.6}.swatches{display:flex;flex-wrap:wrap;gap:12px;font:10px var(--mono);color:#bdb4a8}.swatches>span{display:inline-flex;align-items:center;gap:6px}.dot{display:inline-block;width:13px;height:13px;border-radius:50%;border:1px solid #817970}.d-negro{background:#080808}.d-carbon{background:#44403e}.d-jaspe{background:#888}.design-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--gris2);margin-top:20px;padding-top:16px;font:11px var(--mono)}.design-bottom b{color:var(--ambar)}
.design-dialog{width:min(960px,94vw);max-height:94dvh;padding:20px;border:1px solid var(--gris2);background:var(--negro);color:var(--crema)}.design-dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}.zoom-toolbar,.zoom-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.zoom-toolbar h2{font:16px/1.5 var(--mono);margin:0}.design-dialog button{background:var(--carbon);color:var(--ambar);border:1px solid var(--gris2);padding:12px;min-height:44px;font:11px var(--mono);cursor:pointer}.zoom-canvas{height:60dvh;overflow:auto;margin:16px 0;background:#24211f;text-align:center}.zoom-canvas img{display:block;width:100%;height:100%;object-fit:contain}.zoom-canvas.is-enlarged img{width:200%;height:200%;max-width:none;cursor:zoom-out}.design-dialog>p{font:13px/1.6 var(--body);color:#bdb4a8}.design-dialog button:focus-visible,.design-image:focus-visible{outline:2px solid var(--ambar);outline-offset:-4px}
@media(max-width:1000px){.collection-directory nav{grid-template-columns:repeat(3,minmax(0,1fr))}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-heading{flex-wrap:wrap}.collection-heading .text-link{margin-left:0}}
@media(max-width:600px){.design-hero{padding-top:100px}.hero-intro{align-items:start;flex-direction:column}.collection-directory nav{grid-template-columns:repeat(2,minmax(0,1fr))}.design-grid{grid-template-columns:1fr}.collection-heading{gap:16px}.collection-heading>div{flex:1;min-width:180px}.design-dialog{padding:12px}.zoom-toolbar h2{font-size:12px}.zoom-controls button{font-size:9px;padding:10px 6px}.design-info h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.design-image img{transition:none}}