@media(max-width:800px){
  html{scroll-padding-top:68px}
  .topbar{height:68px;padding:0 18px;position:absolute}
  .brand{height:40px}.brand img{width:122px;max-height:40px}
  .topbar .button-small{padding:10px 12px;font-size:10px}
  .hero{min-height:680px;padding:122px 22px 52px;display:block;background:#0a0a0a}
  .hero-copy{max-width:520px}
  .hero h1{font-size:clamp(54px,16vw,78px);line-height:.87}
  .hero .eyebrow{max-width:275px;line-height:1.5;margin-bottom:15px}
  .intro{font-size:13px;line-height:1.7;margin:24px 0 27px;max-width:390px}
  .actions{align-items:flex-start;flex-direction:column;gap:16px}
  .actions .button{width:100%;max-width:280px;text-align:center}
  .hero-image{display:none}
  .hero-slides:after{background:linear-gradient(90deg,rgba(10,10,10,.94) 0%,rgba(10,10,10,.7) 68%,rgba(10,10,10,.3) 100%),linear-gradient(0deg,rgba(10,10,10,.88),transparent 60%)}
  .hero-slide{background-position:62% center}
  .hero-motion{opacity:.62}
  .section{padding:72px 22px}
  .section-heading{margin-bottom:34px}
  .section h2{font-size:clamp(46px,13vw,62px);line-height:.9}
  .cards{grid-template-columns:1fr}
  .cards article{min-height:0;padding:25px 22px}
  .cards h3{margin:22px 0 8px;font-size:28px}
  .about{padding:0;background:#eeeae4;gap:0}
  .portrait{height:360px;width:100%;background:#d7d0c8}
  .about>div:last-child{padding:56px 22px 64px}
  .about p:not(.eyebrow){font-size:13px;margin:20px 0}
  .social-links a{width:32px;height:32px}
  .social-links svg{width:15px;height:15px}
  .gallery .section-heading{margin-bottom:30px}
  .gallery-caption{max-width:290px}
  .gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:235px;gap:8px}
  .gallery-card figcaption{bottom:12px;left:13px;font-size:15px}
  .gallery-card figcaption span{margin-bottom:5px}
  .gallery-featured,.gallery-wide{grid-row:span 1;grid-column:span 1}
  .gallery-card:first-child{grid-column:span 2;grid-row:span 2}
  .contact{padding:88px 22px}
  .contact h2{font-size:clamp(70px,19vw,108px);margin-bottom:30px}
  .contact .button{width:100%;max-width:300px}
  .contact-info{margin-top:42px;flex-direction:column;gap:15px}
  .contact-info a{font-size:11px;line-height:1.4}
  footer{padding:25px 22px;flex-wrap:wrap;justify-content:center;gap:16px;text-align:center}
  .footer-logo{display:none}
  footer span{width:100%;order:2;line-height:1.6}
  footer>a:last-child{order:1}
  .lightbox{max-width:94vw}.lightbox img{max-width:94vw;max-height:82vh}.lightbox-close{right:-8px;top:-10px}
}
@media(max-width:390px){
  .topbar{padding:0 15px}.brand img{width:108px}.topbar .button-small{padding:9px 10px;font-size:9px}
  .hero{padding-left:18px;padding-right:18px;min-height:640px}.hero h1{font-size:53px}
  .section{padding-left:18px;padding-right:18px}.about>div:last-child{padding-left:18px;padding-right:18px}
  .gallery-grid{grid-template-columns:1fr;grid-auto-rows:360px}.gallery-card:first-child{grid-column:span 1;grid-row:span 1}
}