.detail-hero{padding:128px 0 72px;background:#161616;color:#fff}
.detail-hero .section-kicker{color:#aaa}
.detail-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 28px;color:#aaa;font-size:.78rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}
.detail-breadcrumbs a:hover{color:#fff}
.detail-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}
.detail-hero h1{margin:0;font-size:clamp(3rem,6vw,5.8rem);line-height:.95;letter-spacing:-.055em}
.detail-lead{max-width:650px;margin:24px 0 30px;color:#ccc;font-size:1.12rem}
.detail-hero-media{display:block;width:100%;padding:0;overflow:hidden;border:1px solid #444;background:#222;cursor:zoom-in}
.detail-hero-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(100%);transition:filter .35s ease,transform .45s ease}
.detail-hero-media:hover img,.detail-hero-media:focus-visible img{filter:grayscale(0);transform:scale(1.03)}
.furniture-detail .detail-hero-media{background:#efefef}
.furniture-detail .detail-hero-media img{object-fit:contain}
.detail-section{background:#f2f2f2}
.detail-two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.detail-copy{color:#505050;font-size:1.03rem}
.detail-copy p:first-child{margin-top:0}
.detail-list{margin:24px 0 0;padding:0;list-style:none;border-top:1px solid #c9c9c9}
.detail-list li{padding:13px 0;border-bottom:1px solid #c9c9c9}
.spec-section{background:#e4e4e4}
.spec-grid{margin-top:42px;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #c5c5c5;border-left:1px solid #c5c5c5}
.spec-item{padding:25px;border-right:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;background:#fff}
.spec-item h3{margin:0 0 8px;font-size:1.12rem}
.spec-item p{margin:0;color:#666}
.value-band{padding:0;background:#111;color:#fff}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.value-item{min-height:205px;padding:34px 28px;border-right:1px solid #3e3e3e}
.value-item:last-child{border-right:0}
.value-item span{display:block;margin-bottom:28px;color:#888;font-size:.78rem;font-weight:850;letter-spacing:.12em}
.value-item h3{margin:0 0 8px;font-size:1.16rem}
.value-item p{margin:0;color:#aaa;font-size:.92rem}
.brief-section{background:#f2f2f2}
.brief-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.brief-box{padding:30px;background:#fff;border-top:5px solid #111}
.brief-box ul{margin:0;padding-left:20px;color:#555}
.brief-box li+li{margin-top:9px}
.detail-cta{padding:70px 0;background:#d6d6d6}
.detail-cta-grid{display:flex;align-items:center;justify-content:space-between;gap:38px}
.detail-cta h2{max-width:760px;margin:0;font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.04;letter-spacing:-.04em}
.detail-cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.gallery-section{background:#181818;color:#fff}
.gallery-section .section-kicker{color:#aaa}
.gallery-grid{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gallery-button{display:block;width:100%;padding:0;overflow:hidden;border:0;background:#272727;cursor:zoom-in}
.gallery-button img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(100%);transition:filter .35s ease,transform .45s ease}
.gallery-button:hover img,.gallery-button:focus-visible img{filter:grayscale(0);transform:scale(1.035)}
.related-section{background:#efefef}
.related-grid{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccc;border-left:1px solid #ccc}
.related-link{min-height:160px;padding:25px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:#fff;transition:background .2s,color .2s}
.related-link:hover,.related-link:focus-visible{background:#111;color:#fff}
.related-link span{display:block;margin-bottom:26px;color:#888;font-size:.76rem;font-weight:850;letter-spacing:.1em}
.related-link strong{font-size:1.18rem}
@media(max-width:900px){.detail-hero-grid,.detail-two-col,.brief-grid{grid-template-columns:1fr}.value-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid,.related-grid{grid-template-columns:1fr}.detail-cta-grid{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.detail-hero{padding:110px 0 58px}.detail-hero-grid{gap:38px}.spec-grid,.value-grid{grid-template-columns:1fr}.value-item{border-right:0;border-bottom:1px solid #3e3e3e}.detail-cta-actions{width:100%}}
