/* Responsive finishing layer. It intentionally contains only phone/tablet
   adjustments so the desktop editorial composition stays unchanged. */
@media(min-width:1051px){
  .work-section .frame-grid--uniform .frame-card{aspect-ratio:16/9;grid-column:span 4;grid-row:auto}
}

@media(min-width:701px) and (max-width:1050px){
  .work-section .frame-grid--uniform .frame-card{aspect-ratio:16/9;grid-column:span 6;grid-row:auto}
}

@media(max-width:700px){
  .menu-open{overflow:hidden}
  .wordmark,.menu-toggle{align-items:center;display:flex;min-height:44px}
  .menu-toggle{justify-content:flex-end;margin-right:-8px;min-width:44px;padding:8px}
  .site-nav{visibility:hidden}
  .menu-open .site-nav{visibility:visible}
  .site-nav{padding:84px var(--page) 44px;overflow-y:auto}
  .site-nav>a{align-items:center;display:flex;font-size:15px;justify-content:center;line-height:1.1;min-height:44px;min-width:88px}
  .language-switch{margin-top:4px}
  .language-switch a{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}

  .proof-strip{scrollbar-width:none}
  .proof-strip::-webkit-scrollbar{display:none}

  .frame-label{bottom:15px;left:15px;right:15px}
  .frame-label strong{font-size:20px;line-height:1.04}
  .frame-open,.archive-card__open{opacity:1;right:15px;transform:none}
  .frame-card .frame-open{background:rgba(5,7,10,.46);padding:5px 0 5px 7px}
  .work-section .frame-grid--uniform .frame-card{grid-column:span 12}

  .motion-label{bottom:15px;left:15px;right:15px}
  .motion-label strong{font-size:20px;line-height:1.04}
  .play-button{height:52px;width:52px}

  .journal-card>strong{font-size:22px;line-height:1.06;overflow-wrap:anywhere}
  .journal-image{margin-bottom:14px}
  .journal-image i{opacity:1;transform:none}

  .detail-title{bottom:34px;max-width:calc(100% - (var(--page) * 2))}
  .detail-title h1{font-size:clamp(42px,12vw,64px);line-height:.86;overflow-wrap:anywhere}
  .detail-copy>p:not(.eyebrow){font-size:clamp(22px,7.2vw,31px);line-height:1.18}
  .gallery-heading{align-items:flex-start;gap:12px}
  .gallery-heading p:last-child{padding-top:2px;text-align:right}
  .detail-gallery__item span{font-size:8px;line-height:1.45;padding:11px 12px}
  .richtext{font-size:16px;line-height:1.65;margin-top:32px}

  .email-link{overflow-wrap:anywhere;word-break:break-word}
  .site-footer{align-items:flex-start;flex-direction:column;gap:11px;line-height:1.5;padding-bottom:27px}
  .footer-links{flex-wrap:wrap;gap:8px 11px}
}

@media(max-width:380px){
  :root{--page:18px}
  .hero-services{max-width:220px}
  .site-nav{padding-left:var(--page);padding-right:var(--page)}
}