/* TBC mobile polish + perf v1 (2026-05-24) Applied site-wide via in ; uses !important to override inline page styles. */ /* === CRITICAL: prevent iOS auto-zoom on input focus === */ @media (max-width: 768px) { input, textarea, select { font-size: 16px !important; } } /* === Accessibility helper for sr-only labels === */ .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /* === Touch targets >= 44x44 === */ .nav__hamburger { min-width: 44px; min-height: 44px; } @media (max-width: 768px) { .footer__col a, .nav__drawer a, .drawer a { padding: 12px 0; display: block; } } /* === Mobile hero density — index + weekend === Hide marquees and scroll indicator on small phones to bring CTAs into the fold. */ @media (max-width: 600px) { .hero, .hero__inner { padding-top: 5.5rem !important; padding-bottom: 3rem !important; } .hero__marquee, .hero-marquee, .hero__scroll { display: none !important; } .hero h1, .hero__title { font-size: clamp(2.1rem, 8vw, 3.5rem) !important; line-height: 1.1 !important; } } /* === Hero image brightness floor — OLED visibility === */ @media (max-width: 600px) { .hero__bg, .hero-bg, .hero__media img { filter: brightness(0.42) saturate(0.7) !important; } } /* === Testimonials carousel: peek next card + scroll-snap === */ @media (max-width: 480px) { .testimonial-card { flex: 0 0 86% !important; scroll-snap-align: center; } .testimonials__track, .testimonials-track, [class*="testimonials"] [class*="track"] { scroll-snap-type: x mandatory; } } /* === Sticky CTA + FAQ collision (weekend page) === */ @media (max-width: 768px) { .has-sticky-cta { padding-bottom: 88px; } .faq-item summary, .faq-item__q, details.faq-item, .faq-item { scroll-margin-bottom: 100px; } } /* === Weekend stats-bar: clean 3-col grid on mobile === */ @media (max-width: 600px) { .stats-bar__inner { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 1rem !important; text-align: center; } .stats-bar__sep { display: none !important; } } /* === Journal: shorter why-image on mobile === */ @media (max-width: 768px) { .why__image { aspect-ratio: 16 / 10 !important; } } /* === Respect reduced-motion (marquees, photo strips) === */ @media (prefers-reduced-motion: reduce) { [class*="marquee"], .photostrip, .photo-strip, [class*="autoscroll"] { animation: none !important; } } /* === Form status message styling (used by /js/forms.js) === */ .tbc-form-status { margin-top: 1rem; font-family: var(--font-sans, "DM Sans", system-ui, sans-serif); font-size: 0.9rem; } /* === Better tap-target spacing for stacked form buttons === */ @media (max-width: 550px) { form[data-tbc-form] { margin-bottom: 60px; /* keep submit above iOS keyboard suggestion bar */ } }