/* ARCHIMETRICA 413 — Firefox-safe concept layout + unified black gallery background. */

/* A—001 / Concept is always neutral white. */
body.project-page .project-intro{
  background:#fff!important;
  color:#111!important;
}

/* Desktop/Firefox lock: attached sketch stays on the left, copy + metadata on the right. */
@media (min-width:981px){
  body.project-page .project-intro.has-concept-sketch{
    display:grid!important;
    grid-template-columns:minmax(0,1.04fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    column-gap:clamp(56px,6.2vw,124px)!important;
    row-gap:clamp(18px,2vw,34px)!important;
    align-items:start!important;
    background:#fff!important;
  }
  body.project-page .project-intro.has-concept-sketch .project-label{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    margin:0!important;
  }
  body.project-page .project-intro.has-concept-sketch .project-intro-sketch{
    display:block!important;
    grid-column:1!important;
    grid-row:2 / span 2!important;
    width:100%!important;
    min-width:0!important;
    align-self:start!important;
    margin:clamp(10px,1.2vw,18px) 0 0!important;
  }
  body.project-page .project-intro.has-concept-sketch .project-intro-sketch[hidden]{
    display:none!important;
  }
  body.project-page .project-intro.has-concept-sketch .project-intro-sketch img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
  body.project-page .project-intro.has-concept-sketch .project-intro-copy{
    grid-column:2!important;
    grid-row:2!important;
    min-width:0!important;
    width:100%!important;
    padding-top:clamp(20px,2vw,34px)!important;
  }
  body.project-page .project-intro.has-concept-sketch .project-data,
  body.project-page .project-intro.has-concept-sketch .project-data.has-project-area,
  body.project-page .project-intro.has-concept-sketch .project-data:not(.has-project-area){
    grid-column:2!important;
    grid-row:3!important;
    min-width:0!important;
    width:100%!important;
  }
}

/* Gallery and every surface beneath it use one strict black, with no grey seams. */
body.project-page .gallery-section,
body.project-page .gallery-section[data-scroll-gallery],
body.project-page .gallery-section[data-scroll-gallery] > .gallery-heading,
body.project-page .gallery-section[data-scroll-gallery] .gallery-sticky-stage,
body.project-page .gallery-section[data-scroll-gallery] .gallery-viewport,
body.project-page .gallery-section[data-scroll-gallery] .gallery-mosaic,
body.project-page .gallery-section[data-scroll-gallery] .gallery-mosaic.is-gallery-scene,
body.project-page .gallery-section[data-scroll-gallery] .gallery-mosaic.is-flying-gallery{
  background:#050505!important;
}
body.project-page .gallery-section[data-scroll-gallery] > .gallery-heading h2{
  color:#f4f4f0!important;
}
body.project-page .gallery-section[data-scroll-gallery] > .gallery-heading p,
body.project-page .gallery-section[data-scroll-gallery] .gallery-shot span{
  color:rgba(244,244,240,.52)!important;
}
body.project-page .gallery-section[data-scroll-gallery] .gallery-shot:focus-visible{
  outline-color:rgba(255,255,255,.42)!important;
}