/* Phone and coarse-pointer tablet layer. Desktop layout rules remain in style.css. */
@media (max-width:720px), (max-width:1366px) and (pointer:coarse){
 html{scroll-padding-top:96px}body{font-size:17px}.wrap{padding-inline:6%}
 .header{height:76px;padding-inline:6%}.wordmark{font-size:29px}.menu-toggle{display:flex;align-items:center;gap:20px;min-height:48px;padding:6px 0;font-size:15px;border-bottom:1px solid var(--ink)}
 #navigation{display:none;position:absolute;inset:76px 0 auto;background:var(--paper);padding:16px 6% 24px;border-bottom:1px solid var(--ink);align-items:stretch;flex-direction:column;gap:4px;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}
 #navigation.open{display:flex}#navigation>a{min-height:48px;padding:12px 4px;font-size:18px}#navigation .button{padding-inline:18px}#navigation .mobile-start{display:block}
 .page-hero{padding-top:32px}.page-hero h1{font-size:clamp(38px,7.5vw,76px);line-height:1.04;overflow-wrap:break-word}.page-hero p{font-size:19px;line-height:1.5}
 .hero-actions{flex-wrap:wrap;gap:12px}.hero-actions>a{min-height:48px;display:inline-flex;align-items:center}.button{min-height:48px}.region-strip>a{min-height:48px}
 .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.library-card{padding:24px;height:100%}.library-card h2{font-size:28px;line-height:1.12}.library-card p{font-size:16px}
 .article-layout{grid-template-columns:minmax(0,1fr);gap:32px}.article-layout .prose{max-width:70ch}.article-aside{position:static;border-top:1px solid var(--line);padding-top:24px;display:flex;flex-wrap:wrap;gap:16px}.article-aside>a{min-height:48px;display:inline-flex;align-items:center}.prose{font-size:18px;line-height:1.7;overflow-wrap:anywhere}.prose h2{font-size:28px;line-height:1.15}.prose p{max-width:65ch}
 input,select,textarea{font-size:16px!important}input,select{min-height:48px}.filter-bar{gap:16px}.filter-bar input,.filter-bar select{width:100%}
 .privacy-banner{margin:16px 6%;padding:18px;flex-direction:column;align-items:stretch;gap:16px}.privacy-actions{min-width:0;display:grid;grid-template-columns:1fr 1fr}.privacy-actions button{min-height:48px}.privacy-banner p{font-size:15px}
 dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;overscroll-behavior:contain}dialog h2{font-size:clamp(30px,6vw,48px)}[data-close]{min-height:48px;min-width:48px}.brief-actions{flex-wrap:wrap}
 .footer-top{gap:20px}.footer-top>a,.footer-bottom>a,.footer-bottom>button{min-height:44px;display:inline-flex;align-items:center}.footer-bottom{gap:8px 20px}.moti-launch{display:none}
}
@media (min-width:721px) and (max-width:1366px) and (pointer:coarse){
 .hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5%}.hero h1{font-size:clamp(72px,9.6vw,130px)}.hero-description{font-size:23px}.hero-photo img{height:auto;aspect-ratio:4/3}.hero-actions{flex-direction:column;align-items:flex-start}.section{padding-block:64px}.section-intro{gap:32px}
 .capability-grid{grid-template-columns:1fr}.capability{display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr;gap:12px 28px;padding:28px}.capability+.capability{border-left:0;border-top:1px solid var(--ink)}.capability>.capability-photo{grid-column:1;grid-row:1/7;width:100%;height:100%;min-height:300px;margin:0}.capability .remix-source{height:100%;object-fit:cover}.capability>:not(.capability-photo){grid-column:2}.capability h3{font-size:36px;margin:0}.capability p{min-height:0}.capability .tags{margin:0}.capability .card-link{align-self:end}
 .regions-grid{gap:32px}.regions-grid h3{font-size:72px}.cities{flex-wrap:wrap}.connected-panel{gap:28px;padding:28px}.insight-grid{grid-template-columns:1fr}.insight-grid>a{padding:24px 0}.insight-grid>a+a{border-left:0;border-top:1px solid var(--line);padding-left:0}.insight-grid h3{font-size:30px}
}
@media(max-width:720px){
 .hero{padding-top:24px}.hero-grid{gap:24px;padding:24px 0}.hero h1{font-size:clamp(58px,15.5vw,108px)}.hero-description{font-size:22px;line-height:1.35}.hero-photo img{height:auto;aspect-ratio:4/3}.hero-actions>.button{width:100%}.hero-actions>.text-link{font-size:15px}
 .library-grid{grid-template-columns:1fr}.library-card{padding:24px}.section{padding-block:44px}.capability h3{font-size:34px}.capability .capability-photo{height:auto;aspect-ratio:4/3}.capability .remix-source{height:100%;object-fit:cover}.audience-copy h2{font-size:clamp(42px,12vw,62px)}.audience-band{min-height:460px}
 .page-hero h1{font-size:clamp(38px,10vw,64px)}.privacy-actions{grid-template-columns:1fr}.article-layout{padding-block:24px}.article-aside{flex-direction:column}.article-aside .button{width:100%}.footer-top{flex-direction:column;align-items:flex-start}.footer-top>a:last-child{width:auto}.footer-top p{max-width:100%}.cities{flex-wrap:wrap;gap:12px 24px}.regions-grid h3{font-size:64px}
}
