/* Editorial depth: motion enhances content without delaying access. */
html{scroll-padding-top:7rem}
main .button{border-radius:999px!important;transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease}
main .button:hover{transform:translateY(-3px);box-shadow:0 9px 24px #020b1945}
main .button:active{transform:translateY(-1px)}
main .institution-link{line-height:1.6;text-underline-offset:.32em}
main .institution-section h2{letter-spacing:-.025em;text-wrap:balance}
main .institution-lead{max-width:48rem;line-height:1.8}
main .institution-section{padding-block:clamp(3.5rem,7vw,6.5rem)}
main .institution-card h3{line-height:1.3}
main .institution-card p{line-height:1.8}
main .depth-enter{animation:editorial-arrive .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes editorial-arrive{from{opacity:.6;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){main .institution-actions{gap:1rem;flex-wrap:wrap}main .institution-actions .button{max-width:100%;white-space:normal;text-align:center}main .institution-section{padding-inline:clamp(1.25rem,5vw,2.5rem)}}
@media(max-width:480px){main .institution-actions{align-items:stretch;flex-direction:column}main .institution-actions>a{max-width:100%}main h1{overflow-wrap:normal}main .institution-section h2{font-size:clamp(1.9rem,8vw,2.7rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}main .depth-enter{animation:none}main .button{transition:none}main .button:hover{transform:none}}

main .brand-intro{padding-block:clamp(3.5rem,8vw,8rem);column-gap:clamp(2rem,6vw,6rem)}
main .brand-intro .strategy-headline{font-size:clamp(2.55rem,4.7vw,5.1rem);line-height:1.1;letter-spacing:-.04em;margin-bottom:1.7rem}
main .brand-intro .strategy-headline .title-accent{display:inline;background:linear-gradient(115deg,#87d3d5,#d3e6a4,#91d3cd);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:dja-title-light 12s ease-in-out infinite}
@keyframes dja-title-light{50%{background-position:100% 50%}}
main .brand-intro .brand-promise{font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.85;color:#c9dce7;max-width:37rem}
main .brand-intro .strategy-actions{margin-top:2rem;row-gap:1.35rem}
main .brand-intro .home-brand-lockup{gap:.35rem}
main #resolve-your-tax-issue .institution-card{transition:padding-left .3s ease,border-color .3s ease}
@media(hover:hover){main #resolve-your-tax-issue .institution-card:hover{padding-left:.65rem;border-color:#aedb9f}}
@media(max-width:800px){main .brand-intro{gap:2.5rem;padding-top:2rem}main .brand-intro .home-brand-lockup .brand-emblem-stage img{width:min(40vw,180px)!important}main .brand-intro .strategy-headline{font-size:clamp(2.5rem,6.4vw,4rem)}main .brand-intro .home-brand-lockup .strategy-brand-name{font-size:clamp(1.9rem,5vw,2.7rem)}}
@media(prefers-reduced-motion:reduce){main .brand-intro .strategy-headline .title-accent{animation:none}main #resolve-your-tax-issue .institution-card{transition:none}}