:root{--navy:#0a2540;--navy2:#123b5b;--green:#2f7d53;--green2:#4f9a68;--sage:#dceadf;--lime:#a8d86f;--sand:#f5f1e8;--cream:#fffdf8;--ink:#142d3f;--body:#536575;--muted:#73808a;--line:#dce4e3;--coral:#d9785d;--shadow:0 24px 70px rgba(10,37,64,.11),0 3px 10px rgba(10,37,64,.05);--font-display:Inter,"Segoe UI",Arial,sans-serif;--font-body:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fff,var(--sand) 64%,#fff);color:var(--body);font-family:var(--font-body);line-height:1.55}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);letter-spacing:-.045em}.nav-wrap{height:76px;padding:0 clamp(20px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(10,37,64,.08);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;font-weight:900;line-height:1;color:var(--ink)}.brand small{display:block;margin-top:6px;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;display:grid;place-items:center;font-size:11px;box-shadow:0 8px 24px rgba(10,37,64,.2)}.nav-wrap nav{display:flex;gap:29px;font-size:13px;font-weight:800;color:var(--ink)}.nav-wrap nav a:hover{color:var(--green)}.nav-cta{background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;padding:12px 18px;border-radius:13px;font-size:12px;font-weight:900;box-shadow:0 10px 24px rgba(47,125,83,.23);transition:.2s}.nav-cta:hover,.button:hover{transform:translateY(-2px)}.hero{min-height:690px;background:#fff;padding:55px max(24px,calc((100vw - 1420px)/2));display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,var(--sage),rgba(220,234,223,0) 70%);left:-240px;bottom:-270px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:#edf7ef;color:var(--green);border:1px solid #d1e8d5;border-radius:99px;padding:8px 13px;margin-bottom:26px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:900}.eyebrow span,.pulse{width:8px;height:8px;background:#51a96c;border-radius:50%;box-shadow:0 0 0 5px rgba(81,169,108,.13)}.hero h1{font-size:clamp(55px,6.5vw,94px);line-height:.96;margin:0 0 27px;font-weight:900;max-width:830px}.hero h1 em{font-style:normal;color:var(--green)}.hero-lead{font-size:clamp(17px,1.4vw,21px);line-height:1.65;max-width:720px;color:#425b6c}.hero-actions{display:flex;gap:12px;margin:32px 0 43px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:15px 21px;border-radius:13px;font-size:13px;font-weight:900;transition:.2s}.button.primary{background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;box-shadow:0 12px 30px rgba(47,125,83,.26)}.button.primary span{color:#dff6c2}.button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.proof-strip{display:flex;gap:0;border-top:1px solid var(--line);padding-top:22px;max-width:650px}.proof-strip div{padding:0 28px;border-right:1px solid var(--line)}.proof-strip div:first-child{padding-left:0}.proof-strip div:last-child{border:0}.proof-strip strong{display:block;color:var(--navy);font-size:28px;font-weight:900;line-height:1}.proof-strip span{display:block;margin-top:6px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.hero-visual{height:580px;position:relative}.portrait-frame{position:absolute;inset:15px 10px 25px 40px;border-radius:46% 46% 28px 28px;overflow:hidden;background:var(--sage);box-shadow:var(--shadow)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.92) contrast(1.02)}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,37,64,.2),transparent 45%)}.hero-visual:before{content:"";position:absolute;right:-15px;bottom:5px;width:70%;height:65%;border-radius:32px;background:linear-gradient(145deg,var(--sage),#c8dfcd);transform:rotate(5deg)}.floating-card{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.91);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(10,37,64,.17);border-radius:17px;padding:15px 19px;font-size:11px;line-height:1.5;color:var(--body)}.floating-card strong{color:var(--ink);font-size:14px}.card-top{right:-5px;top:68px}.card-top .pulse{display:inline-block;margin-right:9px;width:7px;height:7px}.card-bottom{left:0;bottom:45px;background:rgba(10,37,64,.9);color:#dce8ef}.card-bottom strong{color:#fff}.mini-label{display:block;color:var(--lime);text-transform:uppercase;letter-spacing:.14em;font-size:8px;margin-bottom:7px}.scribble{position:absolute;right:7px;bottom:38px;z-index:4;background:var(--green);color:#fff;border-radius:11px;padding:7px 11px;font:italic 600 13px Georgia;transform:rotate(-5deg)}.scribble span{color:#dff6c2}.orb{display:none}.statement{text-align:center;padding:62px 24px;background:linear-gradient(135deg,var(--navy),#123f62);color:#fff}.statement p{color:#b9cad6;font-size:12px;margin-bottom:10px}.statement h2{color:#fff;font-size:clamp(30px,4vw,52px);margin:0}.section{max-width:1420px;margin:auto;padding:110px clamp(24px,7vw,105px)}.section-heading{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:end;margin-bottom:55px}.kicker{display:block;color:var(--green);font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.section-heading h2,.experience-intro h2,.value-intro h2{font-size:clamp(40px,4.8vw,66px);line-height:1.03;margin:0;font-weight:900}.expertise-grid{display:grid;grid-template-columns:1.15fr .925fr .925fr;gap:16px}.expert-card{min-height:380px;padding:30px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 12px 38px rgba(10,37,64,.06);display:flex;flex-direction:column;position:relative;transition:.25s}.expert-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.expert-card.featured{background:linear-gradient(145deg,var(--navy),#123f62);color:#d8e3ea}.expert-card.featured h3{color:#fff}.card-number{position:absolute;right:22px;top:22px;color:#8a9ca8;font-size:9px;font-weight:900}.icon-shape{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;font-weight:900;margin-bottom:auto;box-shadow:0 12px 26px rgba(47,125,83,.2)}.icon-shape.orange{background:linear-gradient(135deg,#e99a7e,var(--coral))}.icon-shape.lime{background:linear-gradient(135deg,#c5e28f,var(--lime));color:var(--navy)}.expert-card h3{font-size:25px;line-height:1.1;margin:30px 0 12px}.expert-card p{font-size:14px;line-height:1.65;opacity:.84}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag-row span{background:rgba(47,125,83,.09);color:var(--green);padding:6px 9px;border-radius:99px;font-size:8px;font-weight:800}.featured .tag-row span{background:rgba(255,255,255,.1);color:#d9efc2}.personal-value{max-width:1270px;margin:0 auto 105px;padding:68px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.value-intro .kicker{margin-bottom:20px}.value-list article{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--line)}.value-list article:last-child{border-bottom:1px solid var(--line)}.value-list b{color:var(--green);font-size:10px}.value-list h3{font-size:21px;margin:0 0 7px}.value-list p{font-size:14px;line-height:1.65;margin:0}.work{max-width:none;background:linear-gradient(135deg,var(--navy),#123f62);color:#fff}.work h2{color:#fff}.work-heading{max-width:1230px;margin:0 auto 52px}.work-heading .kicker{color:var(--lime);margin-bottom:18px}.work-heading>p{color:#c7d5de;font-size:16px;line-height:1.65}.project-grid{max-width:1230px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{min-height:295px;border-radius:20px;padding:27px;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 14px 35px rgba(0,0,0,.13);transition:.25s}.project-card:hover{transform:translateY(-5px)}.project-card.lime{background:#dcefc5}.project-card.orange{background:#f3c6b8}.project-card.blue{background:#ccddec}.project-card.pink{background:#ead6e5}.project-top{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.project-card h3{font-size:34px;margin:0 0 10px}.project-card p{font-size:14px;line-height:1.6;max-width:450px}.project-link{padding-top:15px;border-top:1px solid rgba(10,37,64,.16);display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;font-weight:900}.experience{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.experience-intro .kicker{margin-bottom:20px}.experience-intro p{font-size:16px;line-height:1.7;margin-top:25px}.timeline article{display:grid;grid-template-columns:48px 1fr;gap:19px;padding:24px 0;border-top:1px solid var(--line)}.timeline article:last-child{border-bottom:1px solid var(--line)}.timeline-dot{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;font-size:10px;font-weight:900}.timeline small{color:var(--green);text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:900}.timeline h3{font-size:23px;margin:5px 0 8px}.timeline p{font-size:14px;line-height:1.6}.quote-section{max-width:1270px;margin:0 auto 105px;padding:75px clamp(28px,7vw,95px);border-radius:28px;background:linear-gradient(135deg,#e9f2ea,#f7f2e7);text-align:center;border:1px solid #d7e3d9}.quote-section blockquote{font:800 clamp(28px,3.5vw,48px)/1.22 var(--font-display);letter-spacing:-.045em;color:var(--ink);margin:0 auto 35px;max-width:1040px}.quote-person{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left}.quote-person img{width:52px;height:52px;border-radius:50%;object-fit:cover}.quote-person strong,.quote-person span{display:block}.quote-person strong{color:var(--ink)}.quote-person span{font-size:10px;color:var(--muted);margin-top:4px}.contact{background:linear-gradient(135deg,var(--green),#438d5b);color:#fff;padding:90px max(24px,calc((100vw - 1230px)/2));display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end}.contact h2{color:#fff;font-size:clamp(43px,5vw,70px);line-height:1.02;margin:0}.contact h2 em{font-style:normal;color:#dff5c8}.contact .kicker{color:#dff5c8;margin-bottom:18px}.contact-side p{font-size:16px;line-height:1.65}.contact-button{background:#fff;color:var(--green);margin:7px 0 14px;box-shadow:0 12px 30px rgba(10,37,64,.18)}.contact-side small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#dcecdf}footer{max-width:1420px;margin:auto;padding:38px clamp(24px,5vw,78px);display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.footer-links{display:flex;gap:23px;font-size:10px;font-weight:800;color:var(--green)}footer>p{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;margin:0;font-size:9px;color:var(--muted)}
@media(max-width:950px){.nav-wrap nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{height:580px;max-width:560px;width:100%;margin:auto}.section-heading{grid-template-columns:1fr;gap:23px}.expertise-grid{grid-template-columns:1fr}.expert-card{min-height:325px}.personal-value,.experience,.contact{grid-template-columns:1fr;gap:55px}.project-grid{grid-template-columns:1fr}}
@media(max-width:620px){.nav-wrap{height:68px}.nav-cta{font-size:0;padding:10px}.nav-cta span{font-size:18px}.hero{padding-top:45px;gap:22px}.hero h1{font-size:51px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.proof-strip div{padding:0 12px}.proof-strip strong{font-size:23px}.hero-visual{height:440px}.portrait-frame{inset:10px 5px 20px 22px}.card-top{right:0}.card-bottom{left:0;bottom:20px}.scribble{display:none}.section{padding:78px 20px}.section-heading h2,.experience-intro h2,.value-intro h2{font-size:42px}.personal-value{margin:0 18px 75px;padding:38px 24px}.project-card{min-height:280px}.quote-section{margin:0 18px 75px;padding:55px 24px}.contact{padding:75px 22px}.contact h2{font-size:47px}.footer-links{grid-column:1/-1;flex-wrap:wrap}footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.visual-proof{max-width:1270px;margin:0 auto 110px;padding:0 20px}.visual-proof-head{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end;margin-bottom:38px}.visual-proof-head .kicker{margin-bottom:18px}.visual-proof-head h2{font-size:clamp(40px,4.8vw,66px);line-height:1.02;margin:0}.visual-proof-head>p{font-size:16px;line-height:1.7;margin:0}.visual-showcase{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.visual-showcase figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.visual-showcase .visual-main{grid-row:span 2}.visual-showcase img{width:100%;height:230px;object-fit:cover;object-position:top;display:block;background:#e8eef1}.visual-showcase .visual-main img{height:100%;min-height:470px}.visual-showcase figcaption{display:grid;gap:4px;padding:18px 20px;border-top:1px solid var(--line)}.visual-showcase figcaption b{color:var(--ink);font-size:15px}.visual-showcase figcaption span{font-size:12px;color:var(--muted)}
@media(max-width:850px){.visual-proof-head,.visual-showcase{grid-template-columns:1fr}.visual-showcase .visual-main{grid-row:auto}.visual-showcase .visual-main img{min-height:0;height:300px}}
@media(max-width:620px){.visual-proof{margin-bottom:75px}.visual-proof-head h2{font-size:42px}.visual-showcase img,.visual-showcase .visual-main img{height:220px}}
.expert-card{overflow:hidden;min-height:560px}.expert-card .icon-shape{margin-bottom:0;position:absolute;left:24px;top:24px;z-index:2;border:4px solid rgba(255,255,255,.9)}.expert-image{width:calc(100% + 60px);height:235px;object-fit:cover;margin:-30px -30px 25px;display:block}.expert-card.featured .expert-image{filter:saturate(.86)}.expert-card h3{margin-top:12px}.expert-card .card-number{z-index:3;background:rgba(255,255,255,.9);color:var(--navy);border-radius:99px;padding:6px 8px}
@media(max-width:950px){.expert-card{min-height:520px}.expert-image{height:260px}}
@media(max-width:620px){.expert-card{min-height:500px}.expert-image{height:220px}}
.first-principles{max-width:1270px;margin:105px auto 0;padding:50px 58px;background:linear-gradient(135deg,var(--navy),#123f62);color:#fff;border-radius:27px;box-shadow:var(--shadow);display:grid;grid-template-columns:.55fr 1.15fr;gap:35px 7vw;position:relative;overflow:hidden}.first-principles:after{content:"01";position:absolute;right:-20px;top:-45px;font-size:190px;font-weight:900;line-height:1;color:rgba(255,255,255,.035)}.fp-label{position:relative;z-index:1}.fp-label span{display:block;color:var(--lime);font-size:9px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;margin-bottom:10px}.fp-label b{display:block;font-size:20px;color:#fff}.fp-copy{position:relative;z-index:1}.fp-copy h2{color:#fff;font-size:clamp(29px,3.2vw,45px);line-height:1.08;margin:0 0 17px}.fp-copy p{color:#c9d7df;font-size:15px;line-height:1.7;margin:0}.fp-steps{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16);padding-top:22px;position:relative;z-index:1}.fp-steps span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.fp-steps b{color:var(--lime);margin-right:8px}
@media(max-width:850px){.first-principles{margin:80px 24px 0;grid-template-columns:1fr}.fp-steps{grid-column:1}}
@media(max-width:620px){.first-principles{margin:70px 18px 0;padding:38px 25px}.fp-steps{grid-template-columns:1fr;gap:13px}}
.ttg-flagship{max-width:1230px;margin:0 auto 54px;background:#fff;color:var(--body);border-radius:25px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;box-shadow:0 25px 70px rgba(0,0,0,.22)}.ttg-media{min-height:535px;position:relative;background:#dbe5e9;overflow:hidden}.ttg-scene{width:100%;height:100%;object-fit:cover;display:block}.ttg-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,37,64,.4),transparent 55%)}.ttg-screen{position:absolute;z-index:2;width:75%;right:-4%;bottom:7%;border-radius:13px;border:5px solid rgba(255,255,255,.92);box-shadow:0 20px 55px rgba(10,37,64,.35)}.ttg-copy{padding:45px;display:flex;flex-direction:column;align-items:flex-start}.ttg-status{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:25px}.ttg-status span{background:#e7f4e9;color:var(--green);border:1px solid #cce4d1;border-radius:99px;padding:7px 10px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.ttg-logo{width:min(250px,70%);height:88px;object-fit:contain;object-position:left center;margin-bottom:18px}.ttg-copy h3{font-size:clamp(28px,3vw,43px);line-height:1.03;margin:0 0 16px}.ttg-copy>p{font-size:14px;line-height:1.7;margin-bottom:25px}.ttg-impact{width:100%;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:18px 0;margin-bottom:26px}.ttg-impact div{padding:0 13px;border-right:1px solid var(--line)}.ttg-impact div:first-child{padding-left:0}.ttg-impact div:last-child{border:0}.ttg-impact strong{display:block;color:var(--green);font-size:25px;line-height:1}.ttg-impact span{display:block;color:var(--muted);font-size:8px;line-height:1.35;text-transform:uppercase;letter-spacing:.08em;margin-top:6px}.ttg-copy>a{margin-top:auto;background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;border-radius:12px;padding:14px 18px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 10px 25px rgba(47,125,83,.23)}.ttg-copy>a span{color:#dff6c2;margin-left:8px}
@media(max-width:900px){.ttg-flagship{grid-template-columns:1fr}.ttg-media{min-height:420px}.ttg-copy{padding:38px}}
@media(max-width:620px){.ttg-media{min-height:330px}.ttg-copy{padding:28px 22px}.ttg-impact{grid-template-columns:1fr;gap:15px}.ttg-impact div{border-right:0;border-bottom:1px solid var(--line);padding:0 0 13px}.ttg-impact div:last-child{border-bottom:0}.ttg-logo{height:70px}}
.ttg-gallery{max-width:1230px;margin:0 auto 55px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ttg-gallery figure{margin:0;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden}.ttg-gallery img{width:100%;height:165px;object-fit:cover;display:block}.ttg-gallery figcaption{padding:14px 15px}.ttg-gallery b,.ttg-gallery span{display:block}.ttg-gallery b{color:#fff;font-size:13px}.ttg-gallery span{color:#bfcfd9;font-size:10px;margin-top:4px}.ttg-flagship .ttg-screen{content:url('/ttg-dashboard.jpg')}
@media(max-width:900px){.ttg-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ttg-gallery{grid-template-columns:1fr}.ttg-gallery img{height:210px}}
.project-subhead{max-width:1230px;margin:5px auto 24px;padding-top:38px;border-top:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.project-subhead>div>span{display:block;color:var(--lime);font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:900;margin-bottom:7px}.project-subhead h3{color:#fff;font-size:26px;margin:0}.project-subhead p{color:#bdccd6;font-size:13px;line-height:1.6;margin:0}.project-grid{gap:12px}.project-card,.project-card.lime,.project-card.orange,.project-card.blue,.project-card.pink{min-height:270px;background:rgba(255,255,255,.96);color:var(--body);border:1px solid rgba(255,255,255,.5);box-shadow:0 14px 38px rgba(0,0,0,.13);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--green2),var(--green))}.project-card:hover{transform:translateY(-4px);background:#fff}.project-card .project-top{color:var(--green)}.project-card .project-top b{background:#e9f4eb;border-radius:99px;padding:5px 8px}.project-card h3{color:var(--navy);font-size:30px;letter-spacing:-.04em}.project-card p{color:var(--body)}.project-card .project-link{border-top:1px solid var(--line);color:var(--green)}.project-card .live-dot{display:flex;align-items:center;gap:7px}.project-card .live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#4da968;box-shadow:0 0 0 4px rgba(77,169,104,.13)}
@media(max-width:700px){.project-subhead{grid-template-columns:1fr;gap:12px}}
/* TTG impact alignment */
.ttg-impact{gap:10px;border:0;padding:0;margin-bottom:26px;align-items:stretch}.ttg-impact div,.ttg-impact div:first-child,.ttg-impact div:last-child{padding:15px 12px;border:1px solid var(--line);border-radius:13px;background:#f6f9f7;min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:94px}.ttg-impact strong{font-size:23px;white-space:nowrap;line-height:1.05}.ttg-impact div:last-child strong{font-size:17px;letter-spacing:-.03em}.ttg-impact span{min-height:22px;display:flex;align-items:center;justify-content:center;margin-top:7px;line-height:1.35}
@media(max-width:620px){.ttg-impact{grid-template-columns:repeat(3,1fr);gap:6px}.ttg-impact div,.ttg-impact div:first-child,.ttg-impact div:last-child{padding:12px 6px;min-height:100px;border:1px solid var(--line)}.ttg-impact strong{font-size:18px}.ttg-impact div:last-child strong{font-size:13px}.ttg-impact span{font-size:7px}}
.lang-switch{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;margin-left:auto;margin-right:12px}.lang-switch button{border:0;background:transparent;color:var(--muted);padding:8px 9px;font:900 9px var(--font-body);cursor:pointer}.lang-switch button.active{background:var(--navy);color:#fff}.lang-switch button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
@media(max-width:620px){.lang-switch{margin-right:7px}.lang-switch button{padding:7px}}

/* toevoegen aan het einde van app/globals.css */

/* Rollenstrip onder de hero-lead: maakt de functietitels zichtbaar en doorzoekbaar
   zonder de eyebrow-pil op te blazen. */
.role-strip{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:22px;max-width:720px}
.role-strip b{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:900;margin-right:5px}
.role-strip span{font-size:11px;font-weight:800;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 12px}
@media(max-width:620px){.role-strip{gap:6px;margin-top:18px}.role-strip span{font-size:10px;padding:5px 10px}}

/* Tweede navy-blok (ontwerpprincipe) hergebruikt .first-principles.
   Alleen het watermerk-cijfer en de marge verschillen. */
.fp-second{margin-top:0;margin-bottom:105px}
.fp-second:after{content:"02"}
@media(max-width:850px){.fp-second{margin:0 24px 80px}}
@media(max-width:620px){.fp-second{margin:0 18px 70px}}

/* De self-billing-sectie hergebruikt .personal-value. De intro heeft nu twee
   alinea's in plaats van alleen een kop. */
.value-intro p{font-size:15px;line-height:1.7;color:var(--body);margin:18px 0 0}
.value-list b{text-transform:uppercase;letter-spacing:.1em;font-weight:900}

/* Houd ieder groen controlelabel bij de titel en tekst waar het bij hoort. */
.value-list article{grid-template-columns:1fr;gap:7px;padding:27px 0}
.value-list article b{display:block;margin:0 0 2px;color:var(--green)}
.value-list article h3{margin:0 0 8px}