/* Controlling references: the five supplied page PDFs and the approved logo sheet.
   Exact raster artwork is used for the identity; no glyph substitute or tracing. */
.site-header { min-height: clamp(88px, 4.85vw, 108px); padding-block: 13px; }
.identity { gap: 0; }
.brand-lockup { width: clamp(238px, 15vw, 330px); height: auto; flex: none; mix-blend-mode: multiply; }
.page-home .site-header { width: 100%; padding: 13px var(--gutter); background: var(--ivory); align-items: center; }
.page-home .identity { padding: 0; background: transparent; }
.page-home .site-header nav { padding: 0; background: transparent; }
.page-home .hero-copy { bottom: 12%; }
.page-home .hero-copy h1 { font-size: clamp(70px, 7.2vw, 148px); }
.page-home .home-hero { min-height: 780px; }
.footer-signature .brand-mark { object-fit: contain; height: auto; filter: invert(1); mix-blend-mode: screen; }

/* Keep the reference's scale relationships at ordinary desktop widths. */
.page-projects .page-intro h1 { font-size: clamp(64px, 6.7vw, 148px); }
.page-projects .page-intro { padding-top: clamp(65px, 3.6vw, 80px); padding-bottom: clamp(45px, 2.9vw, 65px); }
.project-index { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 5%; row-gap: clamp(70px, 4.5vw, 100px); }
.project-index .index-right { padding-top: clamp(80px, 6.72vw, 150px); }
.project-index .image-link img { aspect-ratio: 1.05; object-position: center; }
.project-index .project-caption { gap: 0; }
.project-index .project-caption h3 { font-size: clamp(28px, 2.5vw, 56px); line-height: 1.08; }
.project-index .project-arrow { display: none; }
.project-index .location { font-size: 14px; }
.project-index .project-caption .eyebrow { font-size: 12px; }
.project-intro h1 { font-size: clamp(44px, 4vw, 72px); }

/* Restore the supplied Studio material study and five supplied line icons,
   inside the existing philosophy and capability sections. */
.page-studio .studio-philosophy { display: grid; grid-template-columns: 1fr 1fr; padding: 0; align-items: stretch; }
.studio-philosophy > div { padding: clamp(58px, 4.1vw, 90px) 10.8%; align-self: center; }
.page-studio .studio-philosophy h2 { font-size: clamp(39px, 3.7vw, 82px); line-height: 1.1; }
.studio-material-image { width: 100%; height: 100%; min-height: 420px; object-fit: cover; }
.page-studio .capabilities li { font-family: var(--sans); font-size: clamp(17px, 1.12vw, 25px); text-align: center; padding-inline: 22px; }
.page-studio .capabilities li:first-child { padding-left: 22px; }
.capability-icon { display: block; width: 90px; height: 72px; object-fit: contain; margin: 0 auto 28px; mix-blend-mode: multiply; }
.page-studio .capabilities .item-number { margin-bottom: 16px; }
/* Preserve the reference's simple native form and clear control baselines. */
.field select { appearance: none; border-bottom: 1px solid var(--sage); padding-right: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='m2 2 6 6 6-6' fill='none' stroke='%23242424' stroke-width='1'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; background-size: 12px; }

@media (min-width: 1800px) {
  .page-home .site-header { max-width: 2200px; left: 50%; right: auto; transform: translateX(-50%); }
}
@media (min-width: 801px) and (max-width: 1100px) {
  .brand-lockup { width: 225px; }
  .page-home .site-header { padding-inline: 28px; }
  .page-home .site-header nav { padding: 0; }
}
@media (max-width: 800px) {
  .site-header, .page-home .site-header { min-height: 88px; padding: 17px var(--gutter); gap: 12px; }
  .brand-lockup { width: clamp(200px, 47vw, 290px); }
  .page-home .site-header nav.is-open { padding-top: 18px; }
  .page-home .home-hero { min-height: 610px; height: calc(100svh - 88px); }
  .page-home .hero-copy { bottom: 15%; }
  .page-home .hero-copy h1 { font-size: clamp(34px, 10.15vw, 80px); }
  .page-projects .page-intro h1 { font-size: clamp(49px, 9vw, 70px); }
  .project-index { grid-template-columns: 1fr; gap: 65px; }
  .project-index .index-right { padding-top: 0; }
  .project-index .project-caption h3 { font-size: clamp(30px, 6.8vw, 43px); }
  .project-intro h1 { font-size: clamp(43px, 8.8vw, 68px); }
  .page-studio .studio-philosophy { display: block; }
  .studio-philosophy > div { padding: 65px var(--gutter); }
  .page-studio .studio-philosophy h2 { font-size: clamp(39px, 8vw, 64px); }
  .studio-material-image { height: auto; min-height: 0; aspect-ratio: 1.65; }
  .page-studio .capabilities li, .page-studio .capabilities li:first-child { display: grid; grid-template-columns: 66px 1fr; gap: 12px 22px; text-align: left; font-size: 21px; padding: 24px 0; align-items: center; }
  .page-studio .capability-icon { width: 66px; height: 60px; margin: 0; grid-column: 1; grid-row: 1 / span 2; }
  .page-studio .capabilities .item-number { grid-column: 2; margin: 0; align-self: end; }
}
@media (max-width: 380px) {
  .brand-lockup { width: 196px; }
  .site-header, .page-home .site-header { gap: 8px; }
}
/* Remove the reference sheet's paper tone through compositing only.
   Artwork files and all letterform geometry remain untouched. */
.brand-lockup, .capability-icon { filter: brightness(1.045); }
.footer-signature .brand-mark { filter: invert(1) grayscale(1) contrast(1.22); }

/* Studio editorial copy refinement; scoped to the Studio page. */
.page-studio .page-intro h1 { text-transform: none; }
.page-studio .studio-main > div > p:first-child { margin-top: 0; }
.page-studio .studio-design-note { font-family: var(--serif); font-size: clamp(22px, 2vw, 30px); line-height: 1.5; margin: 25px 0 0; max-width: 36ch; text-wrap: balance; }