/* Mobile application layout; desktop styling stays in styles.css. */
@media (max-width: 680px) {
  /* Contain off-screen drawers and reveal transforms at the viewport. */
  html { overflow-x:hidden; }
  body { width:100%; min-width:0; overflow-x:hidden; }
  main { overflow-x:clip; }
  .mobile-drawer { visibility:hidden; pointer-events:none; }
  .mobile-drawer.open { visibility:visible; pointer-events:auto; }
  .honeypot { left:auto!important; right:0!important; top:0!important; clip-path:inset(50%); }
  :root { --container:calc(100% - 32px); }
  html { scroll-padding-top:88px; }
  .hero { height:auto; min-height:100svh; }
  .hero-content { padding:128px 0 130px; }
  .hero-copy { width:100%; }
  .hero h1 { font-size:clamp(38px,10.5vw,60px); line-height:1.24; letter-spacing:-.025em; }
  .hero-copy>p { font-size:15px; line-height:1.95; }
  .eyebrow { font-size:10px; max-width:100%; }
  .hero-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .btn { font-size:12px; min-height:52px; padding:0 10px; gap:8px; }
  .hero-meta b { font-size:12px; }.hero-meta small { font-size:10px; }
  .topbar { top:10px; background:rgba(24,16,11,.86); }
  .brand strong { font-size:15px; }.brand small { font-size:7px; }
  .intro,.story,.capabilities,.operations,.gallery,.approach,.experience,.contact { padding:60px 0; }
  .section-copy h2,.section-heading h2,.intro-title h2,.operations-copy h2,.experience-head h2,.contact-copy h2,.values-copy h2 { font-size:34px; line-height:1.35; }
  .intro-text p,.section-copy p,.section-heading p,.experience-head>p,.contact-copy>p,.values-copy p,.explore-card p { font-size:15px; line-height:1.95; }
  .section-label,.text-link,.whatsapp { font-size:12px; }
  .cap-grid,.steps { grid-template-columns:1fr; gap:14px; }
  .cap-card,.step { min-height:0; padding:24px; border-radius:24px; }
  .cap-card p,.step p { font-size:14px; line-height:1.9; }
  .cap-card h3,.step h3 { font-size:21px; }
  .step small { margin-top:20px; font-size:10px; }
  .photo-grid { grid-auto-rows:190px; gap:10px; }
  .gallery-item span { font-size:11px; background:rgba(15,10,6,.7); padding:4px 8px; border-radius:8px; }
  .value-cards { grid-template-columns:1fr; gap:10px; }
  .value-cards article { min-height:105px; padding:20px; }
  .value-cards strong { font-size:17px; }.value-cards span { font-size:13px; }
  .contact-info>a,.contact-info>div { flex-wrap:wrap; gap:8px; }
  .contact-info span { font-size:12px; }.contact-info strong { font-size:14px; overflow-wrap:anywhere; }
  .contact-card { padding:22px 18px; }
  .form-head p,.field>span,.consent { font-size:12px; }
  .field input,.field textarea,.field select { font-size:16px; border-radius:14px; }
  .field input { height:54px; }.field-error,.form-status { font-size:12px; }
  .submit-btn { font-size:14px; min-height:56px; }
  .footer { padding-bottom:calc(120px + env(safe-area-inset-bottom)); }
  .footer-row>p,.footer-links a,.footer-bottom { font-size:11px; }
  .mobile-bottom-nav { left:10px; right:10px; bottom:calc(10px + env(safe-area-inset-bottom)); height:76px; padding:6px; gap:3px; border-radius:25px; background:rgba(28,20,14,.97); border:1px solid rgba(237,201,126,.28); box-shadow:0 12px 40px #0005,inset 0 1px 0 #ffffff12; }
  .mobile-bottom-nav a { min-width:0; height:62px; gap:5px; border-radius:19px; color:#d2c5b5; position:relative; }
  .mobile-bottom-nav svg { width:23px; height:23px; transition:transform .3s ease; }
  .mobile-bottom-nav span { font-size:10px; white-space:nowrap; }
  .mobile-bottom-nav a.active { background:linear-gradient(145deg,#efd18c,#c59645); color:#26190b; box-shadow:0 4px 14px #0003; }
  .mobile-bottom-nav a.active svg { transform:translateY(-2px); }
  .mobile-bottom-nav a:active { transform:scale(.94); }
  .mobile-bottom-nav a:focus-visible,.back-to-top:focus-visible { outline:2px solid #fff; outline-offset:3px; }
  .back-to-top { bottom:calc(102px + env(safe-area-inset-bottom)); }
  .story-grid>*,.experience-card>*,.contact-grid>*,.operations-grid>* { min-width:0; }
  .experience-card { grid-template-columns:1fr; border-radius:24px; }
  .experience-visual { min-height:280px; padding:22px; }
  .experience-content { padding:24px 18px; }
  .experience-meta,.experience-scope { grid-template-columns:1fr; }
}