/* Existing brand · mission, vision, contact and kinetic wordmark · palette preserved. */
/* Text stays readable without script; movement is finite and respects user preferences. */
.brand-emblem,.brand-word,.brand-letter,.motion-word{display:inline-block}
.brand-emblem{flex:none;line-height:0;transform-origin:center}
.brand-word{white-space:nowrap}
.brand-letter{transform-origin:50% 85%}
.brand-letter:nth-child(1){--letter-order:0}
.brand-letter:nth-child(2){--letter-order:1}
.brand-letter:nth-child(3){--letter-order:2}
.brand-letter:nth-child(4){--letter-order:3}
.brand-letter:nth-child(5){--letter-order:4}
.brand-letter:nth-child(6){--letter-order:5}
.brand-letter:nth-child(7){--letter-order:6}
.brand-letter:nth-child(8){--letter-order:7}
.motion-heading[data-letter-motion]{animation:none}
.purpose{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--gap-columns)}
.purpose-intro .lead{margin-top:var(--space-lg);max-width:29ch}
.purpose-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}
.purpose-values h3{color:var(--color-ink-2);font-size:var(--text-xl);margin-bottom:var(--space-md)}
.purpose-values p{font-size:var(--text-md);line-height:1.75}
.faq-contact{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-lg);color:var(--color-accent);font-size:var(--text-sm)}
.contact{color:var(--color-accent-ink);background:var(--color-accent)}
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--gap-columns);align-items:start}
.contact h2{color:var(--color-accent-ink)}
.contact-copy .lead{margin-top:var(--space-lg);max-width:36ch}
.contact-quote{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-lg);font-size:var(--text-sm)}
.contact a:not(.button):hover{color:var(--color-paper-3)}
.contact a:focus-visible{outline-color:var(--color-accent-ink)}
.contact-channel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}
.contact-number{display:inline-flex;align-items:center;min-height:48px;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;line-height:1.25;text-decoration:none;font-variant-numeric:tabular-nums}
.contact-channel .button{margin-top:var(--space-sm)}
.contact-channel>p{color:var(--color-paper-3);font-size:var(--text-sm)}
.footer-info{margin-top:0}
@keyframes brand-emblem-arrival{from{opacity:.35;transform:translateY(-8px) rotate(-24deg) scale(.85)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes brand-word-arrival{from{opacity:.25;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@keyframes brand-letter-ripple{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-5px) rotate(-5deg)}}
@keyframes brand-footer-arrival{from{opacity:.25;transform:translateY(20px) rotate(4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(prefers-reduced-motion:no-preference){
 .brand .brand-emblem{animation:brand-emblem-arrival 850ms var(--ease-out) both}
 .brand .brand-word{animation:brand-word-arrival 900ms 80ms var(--ease-out) both}
 .brand:focus-visible .brand-letter{animation:brand-letter-ripple 650ms var(--ease-out);animation-delay:calc(var(--letter-order,0) * 55ms)}
 .brand:focus-visible img{transform:rotate(-12deg) scale(1.12)}
 .footer-wordmark.brand-visible .brand-letter{animation:brand-footer-arrival 800ms var(--ease-out) both;animation-delay:calc(var(--letter-order,0) * 55ms)}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
 .brand:hover .brand-letter{animation:brand-letter-ripple 650ms var(--ease-out);animation-delay:calc(var(--letter-order,0) * 55ms)}
 .brand:hover img{transform:rotate(-12deg) scale(1.12)}
}
@media(max-width:1000px){
 .purpose{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}
 .purpose-intro .lead{max-width:48ch}
}
@media(max-width:600px){
 .header nav:not(.menu-closed){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs) var(--space-md)}
 .header nav .nav-link{justify-content:flex-start}
 .purpose-values,.contact-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}
 .purpose-values h3{margin-bottom:var(--space-sm)}
 .contact-channel .button{width:100%}
 .contact-number{font-size:var(--text-xl)}
}
@media(prefers-reduced-motion:reduce){
 .brand-emblem,.brand-word,.brand-letter,.motion-word{animation:none!important;transition:none!important;transform:none!important}
 .brand:hover img,.brand:focus-visible img{transform:none}
}