/* Local mobile polish of LIVE_FREEZE 1.0. No desktop or artwork changes. */
@media(max-width:800px){
 /* A stable minimum includes the expanded header during anchor navigation.
    The measured height also includes any safe-area inset. */
 html{scroll-padding-top:calc(max(84px,var(--header-height)) + 20px)}
 main>section[id],main[id],.timeline li{scroll-margin-top:12px}
 main h2[id]{scroll-margin-top:12px}
 .site-header{padding-top:env(safe-area-inset-top,0px)}
 .site-header.is-scrolled .header-inner{min-height:64px}
 .js .menu-overlay{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
 .menu-sheet{min-height:100svh;min-height:100dvh}
 .founder-line{display:none}
 .footer-inner{padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}
}
@media(max-width:600px){
 .company-hero{gap:40px;padding-block:38px 36px}
 .company-hero h1{font-size:clamp(42.78px,12.834vw,72.54px);line-height:1.04}
 .kinetic-poster.people-hero{height:322px}
 .hero-motion{max-width:460px}
 .hero .motion-toggle{min-height:44px}
 .company{padding-block:28px 32px}
 .company .company-paths{margin-top:18px;gap:9px}
 .company-paths>a.company-portal{padding-block:12px;min-height:74px}
 .reach .network-numbers>div:not(.network-total) dt{font-size:14px}
 .reach .network-numbers dt>span{font-size:11px;line-height:1.55}
 .projects{padding-block:52px}
 .projects-heading{margin-bottom:36px}
 .project-monitor .project-panel,.motion-enabled .project-monitor .project-panel,
 .project-monitor .community-project.project-panel{padding:14px 17px;gap:16px;min-height:0}
 .project-monitor .project-kicker{margin-bottom:12px}
 .project-monitor .project-panel .project-copy>p:not(.project-kicker),
 .project-panel .community-copy>p:not(.project-kicker){margin-top:12px;line-height:1.7}
 .project-monitor .product-links{margin-top:14px;gap:2px}
 .project-monitor .product-links>a{min-height:44px}
 .product-composition .composition-stage{gap:12px}
 .product-composition .product-crop{width:90%;max-width:342px}
 .product-composition figcaption{margin-top:10px}
 .command-body{min-height:250px}
 .command-map .dog-map{min-height:250px}
 .command-team{padding-block:12px}
 .command-team dl{margin-bottom:12px}
 .command-team dl>div{padding-block:8px}
 .command-dog{margin-block:12px}
 .command-visual>figcaption{margin-top:10px}
 .community-build{width:92%;margin-inline:auto}
 .project-monitor .community-copy>.text-link{margin-top:16px;min-height:44px}
 .monitor-footer{padding-block:10px}
 .monitor-motion-toggle{min-height:44px}
 .development{padding-block:44px}
 .timeline-heading{margin-bottom:30px}
 .timeline li{padding-bottom:30px}
 .timeline .year-start>.timeline-year{margin-bottom:18px}
 .contact{padding-block:28px 24px}
 .contact .footer-signature{width:104px;margin-bottom:14px}
 .contact-layout{margin-top:20px;gap:20px}
 .contact .contact-email{margin-top:16px;min-height:44px;display:flex;align-items:center}
 .contact .contact-phone{margin-top:0;min-height:44px;display:flex;align-items:center}
 .contact .route-link{min-height:46px}
 .footer-utilities a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:600px){
 /* Preserve readable platform labels instead of squeezing three narrow columns. */
 .reach .network-numbers{grid-template-columns:1fr;gap:20px}
 .reach .network-numbers>div:not(.network-total){flex-direction:row;align-items:center;gap:18px;padding-top:18px}
 .reach .network-numbers>div:not(.network-total) dd{flex:0 0 104px;font-size:32px;margin:0}
 .reach .network-numbers>div:not(.network-total) dt{flex:1;min-width:0}
 .reach .network-numbers dt>span{margin-top:4px}
}
@media(max-width:389px){
 .hero-interaction-hint{font-size:10px;max-width:57%;padding-inline:6px}
}
