/* Zendejas — ALL PROJECTS use the CASAS detail composition. Loaded LAST. */
html body main.project-detail{padding:0 0 5rem!important;width:100%!important;max-width:none!important;}
html body main.project-detail .project-layout{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:none!important;margin:0!important;gap:28px!important;grid-template-columns:none!important;grid-template-rows:none!important;}
html body main.project-detail .project-gallery{order:1!important;width:100%!important;max-width:none!important;min-width:0!important;grid-column:auto!important;grid-row:auto!important;}
html body main.project-detail .project-information{order:2!important;position:relative!important;inset:auto!important;transform:none!important;float:none!important;grid-column:auto!important;grid-row:auto!important;width:min(90vw,1480px)!important;max-width:1480px!important;margin:0 auto!important;padding:30px 0 0!important;border-top:1px solid rgba(255,255,255,.13)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 46px!important;align-items:start!important;}
html body main.project-detail .project-information>h1{grid-column:1/-1!important;margin:0 0 8px!important;font-size:clamp(38px,5vw,76px)!important;line-height:.96!important;font-weight:400!important;letter-spacing:-.025em!important;color:#fff!important;}
html body main.project-detail .project-information .information-group{margin:0!important;padding:0!important;min-width:0!important;}
html body main.project-detail .project-information .detail-line{margin:0 0 11px!important;line-height:1.6!important;color:rgba(255,255,255,.86)!important;}
html body main.project-detail .project-information .detail-line span{display:block!important;font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:rgba(255,255,255,.48)!important;margin-bottom:2px!important;}
html body main.project-detail .project-information .project-contact{grid-column:1!important;margin-top:8px!important;}
html body main.project-detail .project-information .back-link{grid-column:2!important;margin-top:8px!important;align-self:center!important;justify-self:start!important;}
html body main.project-detail .project-information .info-toggle{display:none!important;}

html body main.project-detail .project-tabs,
html body main.project-detail .gallery-stage,
html body main.project-detail .gallery-bottom{width:min(90vw,1480px)!important;max-width:1480px!important;margin-left:auto!important;margin-right:auto!important;}
html body main.project-detail .project-tabs{display:flex!important;align-items:flex-end!important;gap:26px!important;min-height:38px!important;margin-top:0!important;margin-bottom:12px!important;}
html body main.project-detail .project-tabs [role="tablist"],html body main.project-detail .za-project-tabs-list{display:flex!important;align-items:center!important;gap:26px!important;background:transparent!important;padding:0!important;height:auto!important;}
html body main.project-detail .project-tabs button{appearance:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:rgba(255,255,255,.58)!important;font:inherit!important;font-size:12px!important;letter-spacing:.08em!important;line-height:1.2!important;padding:0 0 8px!important;position:relative!important;cursor:pointer!important;text-transform:uppercase!important;}
html body main.project-detail .project-tabs button::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:1px!important;background:transparent!important;}
html body main.project-detail .project-tabs button.za-tab-active,html body main.project-detail .project-tabs button[aria-selected="true"]{color:#fff!important;}
html body main.project-detail .project-tabs button.za-tab-active::after,html body main.project-detail .project-tabs button[aria-selected="true"]::after{background:#fff!important;}

/* The video is not a second block: if a real project video exists, JS injects it as carousel item 01. */
html body main.project-detail .project-cover-video{display:none!important;}
html body main.project-detail .gallery-stage{position:relative!important;margin-top:0!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;min-height:min(70vh,820px)!important;height:min(70vh,820px)!important;}
html body main.project-detail .gallery-image-button{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#000!important;border:0!important;padding:0!important;overflow:hidden!important;}
html body main.project-detail .gallery-image{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important;object-fit:contain!important;margin:auto!important;}
html body main.project-detail .gallery-video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#000!important;}
html body main.project-detail .gallery-arrow{z-index:6!important;}
html body main.project-detail .gallery-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:18px!important;margin-top:15px!important;}
html body main.project-detail .thumbnails{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;padding:0 0 8px!important;scrollbar-width:thin!important;}
html body main.project-detail .thumbnails button{flex:0 0 auto!important;position:relative!important;}
html body main.project-detail .thumbnails button.is-video::after{content:'▶';position:absolute;left:7px;bottom:7px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.68);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:10px;}

/* Light theme */
html.za-theme-light body main.project-detail .project-information{border-color:#d8d8d8!important;}
html.za-theme-light body main.project-detail .project-information>h1{color:#111!important;}
html.za-theme-light body main.project-detail .project-information .detail-line{color:#222!important;}
html.za-theme-light body main.project-detail .project-information .detail-line span{color:rgba(0,0,0,.48)!important;}
html.za-theme-light body main.project-detail .project-tabs button{color:rgba(0,0,0,.52)!important;}
html.za-theme-light body main.project-detail .project-tabs button.za-tab-active,html.za-theme-light body main.project-detail .project-tabs button[aria-selected="true"]{color:#111!important;}
html.za-theme-light body main.project-detail .project-tabs button.za-tab-active::after,html.za-theme-light body main.project-detail .project-tabs button[aria-selected="true"]::after{background:#111!important;}

@media(max-width:950px){
  html body main.project-detail{padding-left:14px!important;padding-right:14px!important;}
  html body main.project-detail .project-tabs,html body main.project-detail .gallery-stage,html body main.project-detail .gallery-bottom,html body main.project-detail .project-information{width:100%!important;max-width:none!important;}
  html body main.project-detail .gallery-stage{min-height:min(58vh,580px)!important;height:min(58vh,580px)!important;}
  html body main.project-detail .project-information{grid-template-columns:1fr!important;gap:14px!important;}
  html body main.project-detail .project-information>h1,html body main.project-detail .project-information .project-contact,html body main.project-detail .project-information .back-link{grid-column:1!important;}
  html body main.project-detail .project-information>h1{font-size:clamp(34px,10vw,54px)!important;}
  html body main.project-detail .gallery-bottom{grid-template-columns:1fr!important;gap:8px!important;}
  html body main.project-detail .image-count{justify-self:end!important;}
}
@media(max-width:620px){
  html body main.project-detail .gallery-stage{min-height:58vw!important;height:58vw!important;max-height:430px!important;}
  html body main.project-detail .project-tabs{margin-top:8px!important;}
  html body main.project-detail .project-information{padding-top:22px!important;}
}