@media(max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
  .page-hero{padding:56px 24px 46px 20px}
  .page-hero h1{font-size:clamp(38px,10.9vw,50px);line-height:.88;max-width:calc(100% - 12px);padding-right:0;overflow-wrap:normal;word-break:normal}
  .page-hero h1 em{display:block;max-width:100%;overflow-wrap:normal;word-break:normal}
  .about-hero-title{font-size:clamp(35px,9.8vw,45px)!important;max-width:300px!important;line-height:.9!important}
  .page-hero p{font-size:15px;max-width:100%;line-height:1.6}
  .breadcrumbs{font-size:10px}
  .site-header{height:76px;padding:0 16px;gap:12px;position:sticky;top:0;z-index:15;background:rgba(243,242,237,.97);backdrop-filter:blur(12px);transition:box-shadow .2s,background .2s}
  .site-header.scrolled{background:rgba(255,255,252,.98);box-shadow:0 5px 18px rgba(11,13,14,.14)}
  .brand{width:122px;height:62px;flex:0 0 auto;display:flex;align-items:center}
  .brand img{object-fit:contain;object-position:left center}
  .site-header>.text-size{display:none}
  .menu-toggle{margin-left:auto;width:46px;height:46px;display:grid;place-items:center;font-size:23px;line-height:1;background:var(--red);color:#fff;border:0;box-shadow:4px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s}
  .menu-toggle:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
  .hero{min-height:760px;padding:0 22px;display:block}
  .hero-copy{position:relative;z-index:4;width:100%;padding-top:70px}
  .hero h1{font-size:clamp(58px,16vw,72px);line-height:.82;margin:23px 0 22px;max-width:350px}
  .hero-text{font-size:12px;line-height:1.55;max-width:310px;position:relative;z-index:4}
  .hero-actions{position:relative;z-index:5;display:flex;align-items:flex-start;gap:15px;margin-top:22px}
  .hero-actions .button{font-size:10px;padding:14px 15px}
  .hero-actions .text-link{font-size:10px;padding-top:5px}
  .hero-proof{position:relative;z-index:4;margin-top:26px}
  .hero-art{z-index:1;width:112%;height:330px;right:-6%;bottom:0;top:auto;opacity:.67}
  .hero-art img{width:125%;height:110%;object-fit:cover;object-position:52% 50%;transform:translate(4%,0)}
  .hero-art:after{inset:0;background:linear-gradient(180deg,#101416 0%,rgba(16,20,22,.16) 20%,transparent 48%,rgba(16,20,22,.25) 78%,#101416 100%),linear-gradient(90deg,#101416 0%,transparent 22%)}
  .art-label{right:8%;bottom:18%;font-size:9px}
  .hero-bottom{display:none}
  .ticker{height:38px}
  .section-pad{padding:68px 20px}
  .intro-copy h2,.section-head h2,.promise h2,.contact-copy h2{font-size:52px}
  .stat-row{gap:12px}
  .stat-row strong{font-size:32px}
  .service-grid{grid-template-columns:1fr;gap:12px}
  .service-card{min-height:230px;padding:22px}
  .service-card p{max-width:290px}
  .article-card{padding:24px 2px 26px}
  .article-card h3{font-size:30px;line-height:.9;max-width:320px;margin-bottom:14px}
  .article-card p{font-size:14px;line-height:1.6;max-width:320px}
  .article-meta{font-size:9px;letter-spacing:.13em;margin-bottom:8px}
  .article-card .text-link{font-size:10px;display:inline-block;margin-top:12px}
  .gallery-tabs{width:100%;min-width:0;display:flex;flex-wrap:wrap;overflow:visible;gap:7px}
  .review-content blockquote{font-size:34px}
  .contact-section{padding:68px 20px}
  .booking-form{padding:22px}
}
