/* V72 — cohesive mobile typography, spacing, subtle continuous editorial motion */
:root{--att72-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:28px}body{overflow-x:clip}
@media(max-width:800px){
nav.att66-dock.att68-dock{max-width:calc(100vw - 24px)!important;padding:5px 6px!important;gap:0!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;box-shadow:0 8px 24px #0002!important}
nav.att66-dock.att68-dock a{font-size:clamp(9px,2.45vw,12px)!important;padding:11px clamp(5px,1.65vw,10px)!important;line-height:1!important;font-weight:400!important;letter-spacing:-.025em!important}
/* Restrict huge typography without flattening the editorial hierarchy */
.section .statement,.section h2.statement,.family-statement,.network-heading{font-size:clamp(38px,10.3vw,72px)!important;line-height:.98!important;letter-spacing:-.055em!important;overflow-wrap:normal;hyphens:none}
.section p:not(.eyebrow):not(.family-list):not(.network-stats),.section .network-body p,.section .family-intro{font-size:clamp(17px,4.55vw,22px)!important;line-height:1.38!important;letter-spacing:-.02em!important}
.section .family-list{font-size:clamp(16px,4.5vw,21px)!important;line-height:1.3!important;overflow-wrap:anywhere}
.section .eyebrow{font-size:clamp(10px,2.7vw,13px)!important;letter-spacing:.12em!important}
.step h3{font-size:clamp(30px,8vw,48px)!important;line-height:1.02!important;letter-spacing:-.045em!important;overflow-wrap:anywhere}
.step p{font-size:clamp(17px,4.55vw,21px)!important;line-height:1.42!important}
.step{padding-block:36px!important}
.att69-step-link{font-size:clamp(12px,3.6vw,15px)!important;letter-spacing:.015em!important}
/* Large gaps are for pacing, not empty screens */
.section:not(.hero):not(.intro-hero){min-height:0!important}
.network-section,.who-section,.selected-family,.label-strip{padding-top:clamp(68px,15vw,115px)!important;padding-bottom:clamp(76px,17vw,130px)!important}
.network-body,.who-grid{margin-top:clamp(35px,9vw,65px)!important}
.att71-footer{padding-bottom:calc(135px + env(safe-area-inset-bottom,0px))!important}
.att71-bottom{bottom:calc(103px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:390px){nav.att66-dock.att68-dock a{font-size:9.3px!important;padding-inline:5px!important}}
/* Motion repeats as new elements enter viewport, not just on initial page load */
.att72-reveal{transition:opacity .75s var(--att72-ease),transform .9s var(--att72-ease);will-change:opacity,transform}
.att72-reveal.att72-off{opacity:.35;transform:translate3d(0,22px,0)}
.att72-reveal.att72-on{opacity:1;transform:translate3d(0,0,0)}
.att71-links a,.att71-cta>a,.att69-step-link{transition:opacity .25s ease,transform .35s var(--att72-ease)}
.att71-links a:hover,.att71-cta>a:hover,.att69-step-link:hover{opacity:.65;transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.att72-reveal,.att71-links a,.att71-cta>a,.att69-step-link{transition:none!important;transform:none!important;opacity:1!important}}