/* About TNT: company story and illustrated leadership. */
.about-page{--about-ink:#14263e;--about-muted:#5d6a7a;--about-accent:#2878e5;--about-paper:#f2f4f6;color:var(--about-ink);background:var(--about-paper)}
.about-page .about-kicker{margin:0 0 18px;font-size:10px;font-weight:750;letter-spacing:.16em;line-height:1.6;color:#4b6d97}
.about-page .about-section{padding:96px 0}
.about-page h2{margin:0;font-size:clamp(32px,3.5vw,49px);font-weight:550;letter-spacing:-1.8px;line-height:1.18}
.about-page h2 span{color:#6381a3}
.about-page .about-hero{position:relative;isolation:isolate;overflow:hidden;padding:88px 0 96px;color:#fff;background:linear-gradient(112deg,#0e1319 0%,#141c25 56%,#1c2938 100%)}
.about-page .about-hero:after{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 82% 62%,#548ed322,transparent 34%),linear-gradient(115deg,transparent 58%,#ffffff05 58.1%,transparent 58.4%);content:""}
.about-page .about-hero-layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:4.5vw;align-items:center}
.about-page .about-hero .about-kicker{color:#a7c8ef}
.about-page .about-hero h1{max-width:760px;margin:0;font-size:clamp(39px,4.2vw,60px);font-weight:550;letter-spacing:-2.6px;line-height:1.16;text-wrap:balance}
.about-page .about-hero h1>span{color:#9fc3f1}
.about-page .about-hero-intro{max-width:580px;margin:25px 0 0;color:#c3d0df;font-size:16px;line-height:1.85}
.about-page .about-hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:33px}
.about-page .about-hero .button-green{color:#fff;border-color:#448cec;background:#2878e5;gap:28px}
.about-page .about-hero .button-green:hover{background:#3a87ed}
.about-page .about-team-link{display:inline-flex;gap:18px;align-items:center;font-size:13px;color:#d3e1f3}
.about-page .about-team-link>span{color:#8db6e9;font-size:20px}
.about-page .about-hero-visual{position:relative;height:430px;min-height:0;overflow:hidden;border:1px solid #ffffff24;border-radius:18px;background:#171d25;box-shadow:0 24px 70px #05070a40}
.about-page .about-hero-visual:after{position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#070b10d9 0%,transparent 100%);pointer-events:none;content:""}
.about-page .about-hero-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.72) brightness(.82)}
.about-page .about-hero-visual-caption{position:absolute;z-index:1;left:22px;right:22px;bottom:19px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.about-page .about-hero-visual-caption>span{color:#b7bfc9;font-size:8px;letter-spacing:1.4px}
.about-page .about-hero-visual-caption strong{max-width:210px;text-align:right;font-size:16px;line-height:1.3;font-weight:400;color:#fff}
.about-page .about-story-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:start;margin-bottom:42px}
.about-page .about-story-copy{padding-top:3px}
.about-page .about-story-copy p{margin:0 0 17px;color:var(--about-muted);font-size:15px;line-height:1.85}
.about-page .about-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.about-page .about-service-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:330px;padding:25px 24px 26px;border:1px solid #dbe3ed;border-radius:13px;background:linear-gradient(145deg,#fff 8%,#f7f9fc 100%);box-shadow:0 18px 42px #152c4c0a;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.about-page .about-service-card:before{position:absolute;z-index:-1;top:-82px;right:-72px;width:205px;height:205px;border:1px solid #4f86c00e;border-radius:50%;box-shadow:0 0 0 23px #4f86c008,0 0 0 48px #4f86c005;content:""}
.about-page .about-service-card:after{position:absolute;top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,#4388d8,#9bbce0 48%,transparent);content:""}
.about-page .about-service-card:hover{transform:translateY(-4px);border-color:#bfd0e4;box-shadow:0 24px 50px #152c4c12}
.about-page .about-service-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6c88a9}
.about-page .about-service-number{font-size:10px;font-weight:750;letter-spacing:.12em;color:#5279a5}
.about-page .about-service-category{max-width:70%;font-size:7px;font-weight:700;letter-spacing:.12em;line-height:1.5;text-align:right;color:#8294a9}
.about-page .about-service-icon{display:grid;place-items:center;width:54px;height:54px;margin:31px 0 20px;border:1px solid #dce7f3;border-radius:12px;background:linear-gradient(145deg,#f1f6fc,#e9f0f8);color:#3974b5}
.about-page .about-service-icon svg{width:38px;height:36px}
.about-page .about-service-card h3{margin:0 0 9px;color:#182f4d;font-size:25px;font-weight:600;letter-spacing:-.8px}
.about-page .about-service-card>strong{display:block;color:#4c709b;font-size:11px;font-weight:700}
.about-page .about-service-card>p{margin:12px 0 0;color:#627083;font-size:12px;line-height:1.8}
.about-page .about-section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:38px}
.about-page .about-section-heading>p{max-width:390px;margin:0 0 5px;color:var(--about-muted);font-size:14px;line-height:1.8}
.about-page .about-leadership-kicker{margin-bottom:28px}
.about-page .about-leader-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.about-page .about-leader-card{min-width:0;overflow:hidden;border:1px solid #dce4ee;border-radius:12px;background:#fff;box-shadow:0 16px 38px #112a4909}
.about-page .about-leader-card figure{position:relative;margin:0;overflow:hidden;aspect-ratio:3/4;background:#d6e3f1}
.about-page .about-leader-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.about-page .about-leader-card:hover img{transform:scale(1.025)}
.about-page .about-role-badge{position:absolute;left:15px;bottom:15px;padding:7px 11px;border:1px solid #ffffff47;border-radius:5px;background:#0d2543dc;color:#fff;font-size:11px;font-weight:750;letter-spacing:.09em}
.about-page .about-leader-copy{padding:22px 20px 24px}
.about-page .about-leader-focus{margin:0 0 10px;color:#5a79a0;font-size:9px;line-height:1.6;letter-spacing:.04em;font-weight:650}
.about-page .about-leader-copy h3{margin:0 0 13px;color:#172d47;font-size:20px;line-height:1.3;letter-spacing:-.4px;font-weight:600}
.about-page .about-leader-copy h3 a{color:inherit;text-decoration:none}.about-page .about-leader-copy h3 a:hover{color:#2878e5}
.about-page .about-leader-profile-link{display:inline-flex;align-items:center;gap:7px;margin:-5px 0 13px;color:#2769b0;font-size:11px;font-weight:700}.about-page .about-leader-profile-link span{font-size:15px;transition:transform .2s ease}.about-page .about-leader-profile-link:hover span{transform:translate(2px,-2px)}
.about-page .about-leader-copy>p:last-child{margin:0;color:#657286;font-size:12px;line-height:1.8}
.about-page .about-company{padding-top:0}
.about-page .about-company-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;padding-top:47px;border-top:1px solid #d4dce7}
.about-page .about-company-contact{display:inline-flex;align-items:center;gap:30px;margin-top:25px;padding-bottom:7px;border-bottom:1px solid #9badc3;color:#2d5d96;font-size:13px;font-weight:600}
.about-page .about-company-contact span{font-size:21px}
.about-page .about-company dl{display:grid;gap:21px;margin:0}
.about-page .about-company dl>div{display:grid;grid-template-columns:110px 1fr;gap:18px}
.about-page .about-company dt{color:#728097;font-size:11px}
.about-page .about-company dd{margin:0;color:#32465f;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:1100px){.about-page .about-hero-layout,.about-page .about-story-layout,.about-page .about-company-layout{gap:40px}.about-page .about-hero-visual{height:370px}.about-page .about-leader-grid{gap:14px}.about-page .about-leader-copy{padding:19px 16px}.about-page .about-leader-copy h3{font-size:18px}.about-page .about-service-grid{gap:12px}.about-page .about-service-card{padding:22px 18px;min-height:320px}.about-page .about-service-card h3{font-size:22px}}
@media(max-width:900px){.about-page .about-hero{padding:64px 0 70px}.about-page .about-hero-layout{grid-template-columns:1fr;gap:32px}.about-page .about-hero h1{font-size:43px;letter-spacing:-1.7px}.about-page .about-hero-intro{font-size:14px}.about-page .about-hero-visual{height:330px}.about-page .about-story-layout{grid-template-columns:1fr;gap:25px}.about-page .about-story-copy{max-width:750px}.about-page .about-service-grid,.about-page .about-leader-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.about-page .about-leader-copy{padding:23px}.about-page .about-leader-copy h3{font-size:22px}.about-page .about-section-heading{align-items:start;gap:30px}.about-page .about-section-heading>p{max-width:300px}.about-page .about-company-layout{grid-template-columns:.8fr 1.2fr;gap:28px}.about-page .about-company dl>div{grid-template-columns:90px 1fr;gap:12px}}
@media(max-width:650px){.about-page .about-section{padding:64px 0}.about-page .about-hero{padding:65px 0 50px}.about-page .about-hero-layout{grid-template-columns:1fr;gap:28px}.about-page .about-hero h1{font-size:clamp(35px,8.5vw,46px);letter-spacing:-1.7px}.about-page .about-hero-intro{font-size:14px}.about-page .about-hero-visual{height:255px;border-radius:14px}.about-page .about-hero-visual-caption{left:15px;right:15px;bottom:14px}.about-page .about-hero-visual-caption strong{max-width:180px;font-size:13px}.about-page .about-hero-actions{gap:18px}.about-page h2{font-size:32px;letter-spacing:-1px}.about-page .about-story-layout{grid-template-columns:1fr;gap:25px;margin-bottom:28px}.about-page .about-story-copy p{font-size:14px}.about-page .about-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.about-page .about-service-card{padding:19px 16px;min-height:300px}.about-page .about-service-icon{margin:25px 0 17px;width:48px;height:48px}.about-page .about-service-icon svg{width:34px;height:32px}.about-page .about-service-category{font-size:7px}.about-page .about-service-card h3{font-size:21px;margin-top:20px}.about-page .about-service-card>p{font-size:11px}.about-page .about-section-heading{display:block;margin-bottom:27px}.about-page .about-section-heading>p{max-width:none;margin:21px 0 0;font-size:13px}.about-page .about-leader-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.about-page .about-leader-copy{padding:18px 15px}.about-page .about-leader-copy h3{font-size:18px}.about-page .about-leader-copy>p:last-child{font-size:11px}.about-page .about-role-badge{left:11px;bottom:11px;font-size:10px}.about-page .about-leader-focus{font-size:8px}.about-page .about-company{padding-top:0}.about-page .about-company-layout{grid-template-columns:1fr;gap:32px;padding-top:36px}.about-page .about-company dl>div{grid-template-columns:85px 1fr}.about-page .about-company-contact{margin-top:20px}}
@media(max-width:380px){.about-page .about-leader-grid{grid-template-columns:1fr;gap:20px}.about-page .about-leader-copy h3{font-size:21px}.about-page .about-leader-copy>p:last-child{font-size:12px}.about-page .about-service-grid{grid-template-columns:1fr}.about-page .about-hero-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){.about-page .about-leader-card img,.about-page .about-service-card{transition:none}.about-page .about-service-card:hover{transform:none}}