/* V76 — network headline fit, richer label story, tactile manifesto motion */
/* Long Finnish network headline: protect the right margin on narrow screens. */
.network-heading{max-width:100%!important}
.att76-label-link{display:inline-block;margin-top:clamp(24px,3vw,38px);border-bottom:1px solid currentColor;padding-bottom:4px;text-decoration:none!important;font-size:clamp(13px,1.25vw,17px);font-weight:750;letter-spacing:.025em;width:max-content;max-width:100%}
.label-copy>p+p{margin-top:clamp(18px,2vw,26px)}
.label-copy .label-proof{margin-top:clamp(24px,3vw,38px)}

/* Shiver is applied to an inner span so existing scroll transforms stay intact. */
.att76-shake-text{display:inline-block;transform:translate3d(0,0,0);will-change:transform}
.att45-manifesto.att76-shiver-live .att76-shake-text{animation:att76-shiver .12s steps(2,end) 14}
.att45-manifesto.att76-shiver-live .att45-manifesto-lines>div:nth-child(2) .att76-shake-text{animation-delay:.05s}
.att45-manifesto.att76-shiver-live .att45-manifesto-lines>div:nth-child(3) .att76-shake-text{animation-delay:.09s}
@keyframes att76-shiver{
  0%{transform:translate3d(0,0,0) rotate(0)}
  20%{transform:translate3d(-1.2px,.4px,0) rotate(-.04deg)}
  40%{transform:translate3d(1px,-.55px,0) rotate(.035deg)}
  60%{transform:translate3d(-.65px,-.35px,0) rotate(-.025deg)}
  80%{transform:translate3d(.9px,.5px,0) rotate(.03deg)}
  100%{transform:translate3d(0,0,0) rotate(0)}
}

@media(max-width:800px){
  .network-heading{font-size:clamp(32px,8vw,48px)!important;line-height:.96!important;letter-spacing:-.06em!important;max-width:100%!important}
  .label-strip-grid{gap:34px!important}
  .label-copy p{font-size:clamp(17px,4.55vw,20px)!important;line-height:1.43!important}
  .label-copy .label-proof{font-size:clamp(14px,3.85vw,17px)!important;line-height:1.45!important}
  .att76-label-link{font-size:13px!important;margin-top:26px!important}
}
@media(prefers-reduced-motion:reduce){
  .att76-shake-text{animation:none!important;transform:none!important;will-change:auto!important}
}