/* TNT editorial illustrations: graphite structure, blush paper, crimson decisions. */
.clarity .editorial-illustration .service-motion{width:100%;height:auto;aspect-ratio:1.3;margin:0;padding:0;border-radius:12px}
.editorial-illustration svg{width:100%;height:auto;display:block}
.editorial-illustration{width:100%;max-width:540px;margin:auto}
.approach-intro,.assessment-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center}
.approach-intro h1,.assessment-intro h1{font-size:clamp(40px,4.1vw,59px)}
.assessment-intro>div>p{font-size:20px;color:#6b5f63;margin:26px 0 0;max-width:680px}
.home-paths #process .editorial-illustration{max-width:330px;margin:-10px 0 22px}
.editorial-illustration .art-paper,.editorial-illustration .art-pencil,.editorial-illustration .scan-lens,.editorial-illustration .scan-result,.editorial-illustration .choice-buy,.editorial-illustration .choice-build{transform-box:fill-box;transform-origin:center}
[data-motion].is-animating .art-paper{animation:paper-settle 7s ease-in-out infinite}
[data-motion].is-animating .art-pencil{animation:pencil-mark 7s ease-in-out infinite}
[data-motion].is-animating .art-route{animation:route-emphasis 7s ease-in-out infinite}
[data-motion].is-animating .art-dot{animation:route-emphasis 7s 1s ease-in-out infinite}
[data-motion].is-animating .scan-lens{animation:lens-examine 8s ease-in-out infinite}
[data-motion].is-animating .scan-result{animation:result-arrive 8s ease-in-out infinite}
[data-motion].is-animating .scan-connection{animation:route-emphasis 8s ease-in-out infinite}
[data-motion].is-animating .choice-buy{animation:option-lift 7s ease-in-out infinite}
[data-motion].is-animating .choice-build{animation:option-lift 7s -3.5s ease-in-out infinite}
@keyframes paper-settle{0%,65%,100%{transform:translate(0,0)}30%{transform:translate(5px,-10px) rotate(-3deg)}}
@keyframes pencil-mark{0%,70%,100%{transform:translate(0,0)}35%{transform:translate(10px,-6px) rotate(-3deg)}50%{transform:translate(3px,-3px)}}
@keyframes route-emphasis{0%,100%{opacity:.45}40%,70%{opacity:1}}
@keyframes lens-examine{0%,80%,100%{transform:translate(0,0)}30%{transform:translate(-13px,10px)}55%{transform:translate(3px,-6px)}}
@keyframes result-arrive{0%,25%,100%{transform:translateY(0)}55%,75%{transform:translateY(-8px)}}
@keyframes option-lift{0%,60%,100%{transform:translateY(0)}25%,40%{transform:translateY(-7px)}}
@media(max-width:800px){.approach-intro,.assessment-intro{grid-template-columns:1fr;gap:20px}.editorial-illustration{max-width:390px}.assessment-intro>div>p{font-size:18px}.home-paths #process .editorial-illustration{max-width:280px}.approach-intro h1,.assessment-intro h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){[data-motion].is-animating svg *{animation:none!important}}
