/* Keep the established tablet and desktop layout; simplify the phone surface. */
.mobile-search-button,.phone-promotion{display:none}

@media (max-width:700px){
  :root{--gutter:clamp(1rem,5vw,1.5rem)}
  html{scroll-padding-top:1.5rem}
  .site-header,.site-header.page-header{min-height:76px;gap:.5rem;padding:1rem var(--gutter)}
  .site-header .wordmark{width:auto;min-width:0;margin-right:auto}
  .site-header .wordmark>span:first-child{font-size:1.3rem}
  .site-header .wordmark-sub{font-size:.65rem}
  .site-header .menu-button,.mobile-search-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:.5rem .65rem;font-size:.875rem;line-height:1.3;border:1px solid var(--line);background:transparent;color:var(--paper);cursor:pointer}
  .site-header .menu-button{gap:.5rem}
  .site-header .menu-button span{font-size:1.15rem}
  .mobile-search-button[aria-expanded=true],.site-header .menu-button[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}
  .site-header nav,.site-header.page-header nav{position:static!important;flex:1 0 100%;width:100%!important;padding:1rem 0 0!important;gap:.25rem!important;background:transparent!important;border:0;border-top:1px solid var(--line);margin-top:.5rem;flex-direction:column;align-items:stretch;font-size:1rem!important}
  .site-header nav a{min-height:48px;padding:.6rem .25rem}
  .site-header nav a:is(.nav-reels,.nav-holds){font-size:1.05rem;padding:.75rem 1rem;margin:0 0 .5rem}
  .site-header nav .nav-contact{margin:.5rem 0 0}
  .site-header[data-mobile-ready] nav,.site-header[data-mobile-ready] .site-search-form{display:none}
  .site-header[data-mobile-panel=menu] nav{display:flex}
  .site-header[data-mobile-panel=search] .site-search-form{display:flex}
  .site-header .site-search-form{margin-top:.5rem;flex:1 0 100%}
  .site-header:not([data-mobile-ready]) nav{display:flex}
  .site-header:not([data-mobile-ready]) .menu-button{display:none}

  .promotion-ribbon{padding:.45rem var(--gutter);background:#1b2519;color:var(--paper);border-bottom:1px solid #34452d;justify-content:center;text-align:center}
  .promotion-ribbon>:not(.phone-promotion){display:none}
  .promotion-ribbon .phone-promotion{display:flex;flex-direction:column;justify-content:center;gap:0;min-height:44px;font-size:.875rem;line-height:1.5;text-decoration:none}
  .phone-promotion strong{color:var(--accent)}
  .phone-promotion span{font-size:.8125rem;font-weight:400}

  .hero{min-height:0;padding-top:1.5rem;padding-bottom:1.5rem}
  .hero-topline,.hero-bottom{display:none}
  .hero-copy{padding:1rem 0 .5rem}
  .hero-copy>.eyebrow{max-width:none;font-size:.8125rem;letter-spacing:.08em;margin-bottom:1rem}
  .hero h1{font-size:clamp(2.45rem,10vw,3.1rem);line-height:1.12;letter-spacing:-.045em}
  .hero-drone{width:100px;margin:.8rem 0 .3rem .5rem}
  .drone-strobe{height:100%}
  .rooftop-lights{opacity:.45}
  .hero-description{font-size:1rem;line-height:1.7;margin-top:1rem;max-width:34rem}
  .hero-description .hero-credentials{display:none}
  .hero-actions{width:100%;margin-top:1.5rem;gap:.75rem}
  .hero-actions .button{width:100%;min-height:54px;justify-content:center;gap:1rem;font-size:1rem}
  .hero-actions .text-link{min-height:48px;align-self:center;gap:1rem;font-size:.9375rem}
  .credential-strip>span{padding:1rem .75rem;font-size:.875rem;line-height:1.5}
  .credential-strip>span:nth-child(odd){padding-left:0}

  .section{padding-top:3rem;padding-bottom:3rem}
  .section-label{padding-bottom:1rem}
  .section-intro,.about-section .section-intro{margin-top:1.75rem;gap:1.25rem}
  .section h2,.capabilities-section h2,.contact-layout h2{font-size:clamp(2rem,8vw,2.5rem);line-height:1.18}
  .intro-copy p{line-height:1.8}
  .work-hero{min-height:0;padding-top:1.5rem;padding-bottom:1rem}
  .work-hero-copy{padding:2.5rem 0}
  .work-hero h2{font-size:clamp(2.25rem,9vw,3rem);line-height:1.14}
  .work-hero-copy>p{line-height:1.8}
  .work-hero-copy .button{gap:.75rem;min-height:52px}
  .work-details{padding-top:2rem}
  .selected-credits h3{margin:.5rem 0 .75rem;font-size:1.4rem}
  .selected-credits>a{padding:1.25rem}
  .capabilities-section{padding-top:3rem;padding-bottom:2rem}
  .capabilities-layout{margin-top:1.75rem;gap:1.5rem}
  .big-spec>span{font-size:5.5rem}
  .big-spec p{font-size:.875rem}
  .spec-list dd{line-height:1.8}
  .experience-stats strong{font-size:3rem}
  .home-case-study h2{font-size:2rem}
  .story-cards{gap:2rem}
  .story-cards h3{font-size:1.5rem;line-height:1.25}
  .story-cards article>p:not(.eyebrow){margin-bottom:1rem}
  .story-cards .button{min-height:48px;font-size:.9375rem}

  .promotion-panel{padding:1.25rem;gap:1rem}
  .promotion-panel .promo-percent{font-size:3.5rem}
  .promotion-panel .promo-off{font-size:.875rem;letter-spacing:.12em}
  .promotion-panel h3{font-size:1.5rem}
  .promotion-panel .eyebrow{display:none}
  .crew-rate{padding:1.25rem}
  .crew-rate-featured{padding-top:calc(1.25rem - 2px)}
  .rate-amount strong{font-size:2.8rem}
  .crew-total{align-items:flex-start;flex-direction:column;gap:.6rem}
  .kit-rate{padding:1.25rem}
  .pricing-contact{margin-top:1.5rem}
  .rates-table th:first-child{width:58%}
  .rates-table .promo-price{display:inline-flex;flex-wrap:wrap;gap:.2rem .4rem}
  .rates-table .promo-price del{margin:0}

  .comments-heading{margin:1.75rem 0 2rem}
  .comments-heading .comments-intro{margin-top:1rem}
  .client-comment{padding:1.25rem}
  .client-comment blockquote{font-size:1rem;line-height:1.8}
  .quote-mark{font-size:2.5rem;margin-bottom:.75rem}
  .comments-section .client-comment:nth-child(n+3){display:none}
  .comments-read-button{width:100%;justify-content:space-between;font-size:.9375rem}
  .contact-section{padding:1.5rem;margin-bottom:2rem}
  .contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
  .contact-actions .button{width:100%;margin-top:0;justify-content:center;gap:.4rem;font-size:.9375rem;padding:.75rem .5rem}
  .contact-actions .button:last-child{grid-column:1/-1}
  .contact-socials{gap:.25rem 1rem}
  .footer-contact{align-items:flex-start;gap:.4rem 1rem}
  .footer-contact a{display:inline-flex;align-items:center;min-height:44px}

  .page-shell{padding-top:2rem;padding-bottom:3rem}
  .page-intro h1,.production-intro h1,.case-intro h1{font-size:clamp(2.15rem,8.5vw,3rem);line-height:1.15;overflow-wrap:break-word}
  .page-intro{margin-bottom:2rem}
  .production-section h2{font-size:2rem}
  .production-actions .button{max-width:100%;gap:1rem;font-size:.9375rem}
  .production-rates strong{font-size:2.65rem}
  .case-layout{margin-top:2rem;gap:2rem}
  .case-copy p{font-size:1rem;line-height:1.85}
  .case-copy h2{font-size:1.65rem}
  .case-deck{font-size:1.05rem}
  .field input,.field select,.field textarea,.quantity-control select{font-size:1rem}
  .search-input-row input{font-size:1rem}
  .reels-intro h1{font-size:clamp(2.5rem,11vw,3.5rem)}
  .reel-enquiry-actions{width:100%}
  .reel-enquiry-actions .button{width:100%;justify-content:center}
}