/* Original wordmark on the dark brand surface; the source PNG stays unchanged. */
.site-header{background:#000;border-bottom:1px solid #ffffff14;box-shadow:0 8px 28px #03060d26}
.footer{background:#000}
.header-inner{height:94px}
.brand.brand--wordmark{display:block;position:relative;flex-shrink:0;width:280px;max-width:100%;aspect-ratio:4.4/1;overflow:hidden;background:transparent;line-height:0;border-radius:0;transition:opacity .2s ease}
.brand--wordmark .brand-wordmark-image{display:block;position:absolute;width:130%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}
.brand.brand--wordmark:hover{opacity:.88}
.brand.brand--wordmark:focus-visible{outline:3px solid #7f9aff;outline-offset:5px}
.footer .brand.brand--wordmark{width:320px}
/* Fill the desktop project frames; open the original photograph for full detail. */
.current-project .featured-project-media .reference-open img{display:block;object-fit:cover}
.update-project-gallery{align-items:start}
.update-project-gallery .reference-open{display:block;background:transparent;min-height:0}
.update-project-gallery .reference-open img,
.update-gallery-three figure:last-child .reference-open img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto}
@media(max-width:1150px){.site-header .brand.brand--wordmark{width:240px}}
@media(max-width:900px){.header-inner{height:82px}.header-inner nav{top:82px}.site-header .brand.brand--wordmark{width:220px}}
@media(max-width:760px){
  .site-header .brand.brand--wordmark{width:220px}
  /* Natural image height avoids empty bars around mixed portrait/landscape photos. */
  .featured-project .featured-project-media,
  .featured-project .featured-project-media.project-media-pair,
  .featured-project .featured-project-media.project-media-single{height:auto;grid-template-columns:minmax(0,1fr);align-items:start;gap:4px;background:transparent}
  .featured-project .featured-project-media>.reference-open,
  .featured-project-media .project-secondary .reference-open{height:auto;min-height:0;background:transparent}
  .featured-project .featured-project-media .project-secondary{grid-template-rows:none;gap:4px}
  .featured-project .featured-project-media .reference-open img,
  .reference-card .reference-open img,
  .reference-card.portrait .reference-open img,
  .update-photo-grid img,
  .detail-project-images img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:cover}
  .featured-project .featured-project-media .reference-open:hover img{transform:none}
  .current-project .featured-project-copy{min-height:0}
  .featured-project-media .project-secondary .reference-zoom{display:block}
}
@media(max-width:370px){.site-header .brand.brand--wordmark{width:175px}}
@media(prefers-reduced-motion:reduce){.brand.brand--wordmark{transition:none}}