/* page-only styles for project-page.html (from design/pages, theme/build/extract.js) */
.dz-banner-chips{display:flex;flex-wrap:wrap;gap:8px}
.dz-banner-chips span{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#FFFFFF;font-size:14px;font-weight:600}
/* project banner: white, no photo, tight */
.dz-banner.dz-banner-light{background:#FFFFFF;color:#000000;padding:32px 32px 20px}
.dz-banner-light .dz-crumbs,.dz-banner-light .dz-crumbs a{color:#4A4A4A}.dz-banner-light .dz-crumbs a[aria-current]{color:#000000}
.dz-banner-light h1{font-size:44px}.dz-banner-light .sub{color:#4A4A4A;font-size:19px;max-width:none}
.dz-banner-light .dz-banner-copy{max-width:none}
.dz-chips-dark span{background:#F4F4F2;border-color:#F4F4F2;color:#000000}
/* tighter rhythm between the text sections on a project page */
.dz-main>section{padding:26px 0}
.dz-body{padding-bottom:40px}
/* gallery: one frame, a strip of thumbnails that scrolls sideways */
.dz-gal{display:flex;flex-direction:column;gap:12px}
.dz-gal-main{position:relative;background:#111111;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9;max-height:min(62vh,600px)}
.dz-gal-main img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}
/* a blurred copy of the same photo fills the frame behind portrait shots instead of black bars (owner 2026-10-19) */
.dz-gal-main .dz-gal-bg{position:absolute;inset:0;z-index:0;object-fit:cover;filter:blur(26px) brightness(.6);transform:scale(1.15)}
.dz-gal-cap{position:absolute;left:0;right:0;bottom:0;margin:0;padding:14px 18px 12px;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0));color:#FFFFFF;font-size:14px}
.dz-gal-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 8px;scrollbar-width:thin;scrollbar-color:#B8B8B8 transparent}
.dz-gal-thumb{flex:none;width:160px;aspect-ratio:4 / 3;padding:0;border:3px solid transparent;border-radius:8px;overflow:hidden;background:#E9EDF0;cursor:pointer;scroll-snap-align:start}
.dz-gal-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.dz-gal-thumb:hover{border-color:#B8B8B8}.dz-gal-thumb.is-active{border-color:#CF9E2A}
/* details strip under the photos */
.dz-details-strip{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:1px;margin:0;border:1px solid #E3E3E0;border-radius:8px;overflow:hidden;background:#E3E3E0}
.dz-details-strip>div{padding:14px 18px;background:#FFFFFF;display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere}
.dz-details-strip dt{font-size:12px;font-weight:600;color:#6B6B6B;text-transform:uppercase;letter-spacing:.05em}
.dz-details-strip dd{margin:0;font-size:16px;color:#000000;font-weight:600;font-family:Abrade,Barlow,sans-serif}
.dz-details-strip dd a{color:#7F5E18;text-decoration:none}.dz-details-strip dd a:hover{text-decoration:underline}
.dz-spec-list{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:14px 24px;margin:0;padding:0;list-style:none}
.dz-spec-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 12px;align-items:start}
.dz-spec-list li>span{width:28px;height:28px;border-radius:999px;background:#CF9E2A;display:inline-flex;align-items:center;justify-content:center;grid-row:1/3}
.dz-spec-list strong{font-family:Abrade,Barlow,sans-serif;font-size:17px;font-weight:600;line-height:1.2}
.dz-spec-list small{grid-column:2;font-size:15px;color:#4A4A4A;line-height:1.45}
@media (max-width:1024px){.dz-details-strip{grid-template-columns:repeat(3, minmax(0,1fr))}}
@media (max-width:768px){
  .dz-gal-thumb{width:120px}.dz-gal-cap{font-size:13px;padding:12px 12px 10px}
  .dz-details-strip{grid-template-columns:repeat(2, minmax(0,1fr))}.dz-details-strip>div{padding:12px 14px}
  .dz-spec-list{grid-template-columns:minmax(0,1fr)}
  .dz-banner-chips span{font-size:13px;min-height:30px}
  .dz-main>section{padding:22px 0!important}.dz-body{padding-bottom:28px!important}
  .dz-banner.dz-banner-light{padding:24px 16px 12px!important}.dz-banner-light h1{font-size:32px}.dz-banner-light .sub{font-size:17px}
}