/*
Theme Name: SERVMANGROUP 2026
Theme URI: https://www.servman.de/
Author: SERVMANGROUP
Description: Eigenständiges, responsives WordPress-Theme für SERVMANGROUP, Consulting und Press.
Version: 1.8.7
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
Update URI: false
Text Domain: servmangroup
*/
@font-face{
font-family:"Barlow";
font-style:normal;
font-weight:500;
font-display:swap;
src:url("assets/fonts/barlow/barlow-latin-500-normal.woff2") format("woff2"),url("assets/fonts/barlow/barlow-latin-500-normal.woff") format("woff");
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{
font-family:"Barlow";
font-style:normal;
font-weight:700;
font-display:swap;
src:url("assets/fonts/barlow/barlow-latin-700-normal.woff2") format("woff2"),url("assets/fonts/barlow/barlow-latin-700-normal.woff") format("woff");
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{
font-family:"Barlow Fallback";
src:local("Arial Narrow"),local("Arial");
size-adjust:94%;
ascent-override:96%;
descent-override:24%;
line-gap-override:0%}
:root{
--sg-grey:#878785;
--sg-orange:#DB6410;
--sg-red:#D30535;
--sg-yellow:#FFDD00;
--sg-green:#269C3C;
--sg-orange-deep:#B8500C;
--ink:#242629;
--muted:#676b70;
--line:#dedede;
--paper:#f7f6f3;
--dark:#232528;
--orange:var(--sg-orange);
--red:var(--sg-red);
--yellow:var(--sg-yellow);
--font-head:"Barlow","Barlow Fallback",Arial,Helvetica,sans-serif;
--font-body:Arial,Helvetica,sans-serif}
*{
box-sizing:border-box}
html{
scroll-behavior:smooth}
body{
margin:0;
color:var(--ink);
background:#fff;
font-family:var(--font-body);
font-size:17px;
line-height:1.6}
a{
color:inherit;
text-decoration:none}

/* WCAG 2.2: interactive controls keep a minimum 24 x 24 px target. */
a,button,input,select,textarea,summary{
min-height:24px}
img{
display:block;
max-width:100%;
height:auto}
.site-header{
height:78px;
padding:0 4vw;
display:flex;
align-items:center;
justify-content:space-between;
position:sticky;
top:0;
background:rgba(255,255,255,.96);
backdrop-filter:blur(14px);
z-index:20;
border-bottom:1px solid var(--line)}
.admin-bar .site-header{
top:32px}
.nav{
display:flex;
align-items:center;
gap:30px;
font-family:var(--font-head);
font-size:14px;
font-weight:500}
.nav a:hover{
color:var(--orange)}
.nav-cta{
border:1px solid var(--ink);
padding:8px 18px}
.menu-toggle{
display:none;
border:0;
background:none;
font:inherit}
.hero{
min-height:640px;
padding:7vw 8vw;
display:flex;
align-items:center;
position:relative;
overflow:hidden;
color:var(--ink);
background:var(--paper);
border-top:8px solid var(--sg-orange)}
.hero-copy{
max-width:1180px;
position:relative;
z-index:2}
.eyebrow,.section-kicker{
font-family:var(--font-head);
font-size:12px;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase}
.hero h1{
font-size:clamp(50px,6.6vw,110px);
line-height:1;
letter-spacing:-.02em;
margin:.3em 0;
max-width:1040px}
.lead{
max-width:720px;
font-size:clamp(18px,2vw,25px);
line-height:1.5}
.actions{
display:flex;
gap:14px;
margin-top:38px}
.button{
padding:13px 22px;
font-family:var(--font-head);
font-size:14px;
font-weight:500;
border:0;
cursor:pointer}
.button.primary{
background:#fff;
color:var(--ink)}
.button.ghost{
border:1px solid rgba(255,255,255,.65)}
.section{
padding:110px max(6vw,24px)}
.section-kicker{
margin-bottom:42px;
color:var(--ink);
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:6px}
.split{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:8vw;
align-items:start}
.split h2,.team>h2,.perspective-head h2{
font-size:clamp(40px,5.3vw,72px);
line-height:1.05;
letter-spacing:-.02em;
margin:0}
.prose p{
font-size:19px;
margin:0 0 1.4em}
.holding{
background:#fff;
border-top:0}
.division-links{
display:grid;
grid-template-columns:1fr 1fr;
margin-top:75px;
gap:24px;
border-top:0;
align-items:stretch}
.division-links a{
display:flex;
flex-direction:column;
gap:18px;
min-height:0;
padding:28px 30px;
border:1px solid var(--line)}
.division-links a:first-child{
border-right:1px solid var(--line)}
.division-links small{
color:var(--muted);
font-size:16px;
line-height:1.5}
.division-links strong{
margin-top:0;
padding-top:0;
font-family:var(--font-head);
font-weight:500;
font-size:14px}
.service-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
margin-top:80px;
border-top:1px solid var(--line);
border-left:1px solid var(--line)}
.service-grid article{
padding:30px;
border-right:1px solid var(--line);
border-bottom:1px solid var(--line);
min-height:260px}
.service-grid span,.press-offer span{
font-family:var(--font-head);
font-weight:700;
font-size:12px;
color:var(--red)}
.service-grid h3{
font-family:var(--font-head);
font-weight:500;
font-size:22px;
line-height:1.25;
margin:45px 0 12px}
.service-grid p{
color:var(--muted);
font-size:15px;
line-height:1.55}
.perspectives{
background:var(--dark);
color:#fff}
.perspective-head{
display:grid;
grid-template-columns:1.5fr .5fr;
gap:8vw;
align-items:end}
.perspective-head p{
color:var(--sg-grey)}
.insight-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1px;
background:rgba(255,255,255,.18);
margin-top:70px}
.insight{
background:var(--dark);
display:grid;
grid-template-columns:42% 58%;
min-height:310px}
.insight img{
height:100%;
width:100%;
object-fit:cover}
.insight div{
padding:24px}
.insight span{
font-family:var(--font-head);
font-weight:700;
font-size:10px;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--sg-red)}
.insight h2,.insight h3{
font-family:var(--font-head);
font-weight:500;
font-size:19px;
line-height:1.25;
margin:18px 0}
.insight p{
font-size:14px;
color:var(--sg-grey);
line-height:1.55}
.text-link{
display:inline-block;
margin-top:36px;
color:var(--sg-red);
padding-block:3px}
.press{
background:var(--sg-yellow)}
.press-offer{
display:grid;
grid-template-columns:repeat(4,1fr);
margin:70px 0;
border-top:1px solid rgba(0,0,0,.3)}
.press-offer div{
padding:28px 24px 28px 0;
border-bottom:1px solid rgba(0,0,0,.3)}
.press-offer h3{
font-family:var(--font-head);
font-weight:500;
font-size:20px;
line-height:1.3}
.press-offer span{
color:var(--ink)}
blockquote{
font-size:clamp(25px,3vw,42px);
line-height:1.25;
max-width:1000px;
margin:90px 0 0}
blockquote cite{
display:block;
font-size:13px;
font-style:normal;
margin-top:25px}
.team-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:3vw;
margin-top:65px}
.team-grid article{
display:grid;
grid-template-columns:42% 58%;
background:var(--paper)}
.team-grid img{
width:100%;
height:100%;
min-height:380px;
object-fit:cover;
filter:grayscale(100%)}
.team-grid article>div{
padding:34px}
.team-grid .role{
font-family:var(--font-head);
font-size:12px;
letter-spacing:.15em;
text-transform:uppercase;
color:var(--ink);
font-weight:700;
text-decoration:underline;
text-decoration-color:var(--sg-orange);
text-decoration-thickness:3px;
text-underline-offset:5px}
.team-grid h3{
font-family:var(--font-head);
font-weight:500;
font-size:27px;
line-height:1.2}
.team-grid article>div>p:not(.role){
font-size:15px;
color:var(--muted)}
.team-grid a{
font-size:13px;
border-bottom:1px solid}
.contact{
padding:110px max(6vw,24px);
background:var(--sg-orange);
color:#fff}
.contact h2{
font-size:clamp(42px,6vw,78px);
line-height:1.05;
letter-spacing:-.02em;
max-width:1050px}
.contact-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:70px;
padding-top:24px;
border-top:1px solid rgba(255,255,255,.5)}
.contact-grid span{
display:block;
font-family:var(--font-head);
font-weight:700;
font-size:10px;
letter-spacing:.17em;
text-transform:uppercase;
margin-bottom:14px}
.contact-grid a,.contact-grid p{
font-size:16px;
margin:0}
.contact-form{
max-width:900px;
margin-top:60px}
.form-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px}
.contact-form label{
display:block;
font-size:19px;
margin-bottom:16px;
font-weight:700}
.contact-form input,.contact-form textarea{
width:100%;
border:1px solid rgba(255,255,255,.55);
background:rgba(255,255,255,.08);
color:#fff;
padding:13px;
font:inherit}
.contact-form textarea{
min-height:150px}
.contact-form input::placeholder,.contact-form textarea::placeholder{
color:rgba(255,255,255,.7)}
.consent{
display:flex!important;
gap:10px;
align-items:flex-start}
.consent input{
width:auto;
margin-top:6px}
.form-status{
padding:12px 16px;
background:#fff;
color:var(--ink);
margin-bottom:20px}
.website-field{
position:absolute;
left:-9999px}
.site-footer{
padding:46px 6vw;
background:var(--dark);
color:#fff;
display:grid;
grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto auto;
gap:20px;
align-items:center}
.site-footer p{
color:rgba(255,255,255,.72);
margin:0}
.site-footer nav{
display:flex;
gap:18px;
font-size:13px}
.site-footer small{
grid-column:1/-1;
color:rgba(255,255,255,.72);
border-top:1px solid rgba(255,255,255,.18);
padding-top:20px;
margin-top:15px}
.legal{
padding:100px max(6vw,24px);
max-width:1050px}
.legal h1{
font-size:clamp(42px,6vw,72px);
line-height:1}
.legal h2{
margin-top:2.2em}
.legal h3{
margin-top:1.8em}
.legal p,.legal li{
max-width:850px}
.legal a{
text-decoration:underline}
.content-page{
padding:100px max(6vw,24px);
min-height:60vh}
.error-subhero{
border-bottom:8px solid var(--sg-orange)}
.error-subhero .eyebrow{
text-decoration:underline;
text-decoration-color:var(--sg-orange);
text-decoration-thickness:2px;
text-underline-offset:6px}
.error-subhero h1{
font-size:clamp(42px,6vw,84px)}
.error-routes{
padding:70px max(6vw,24px) 90px;
background:#fff}
.error-routes .hero-business-cards{
margin:0 0 40px;
max-width:1120px}
.error-routes .cta-actions{
gap:14px}
.error-routes .button.ghost{
border:1px solid var(--ink);
color:var(--ink)}
.screen-reader-text{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0}

@media(max-width:980px){
.service-grid{
grid-template-columns:1fr 1fr}
.insight-grid{
grid-template-columns:1fr 1fr}
.team-grid{
grid-template-columns:1fr}
.contact-grid{
grid-template-columns:1fr 1fr}
.press-offer{
grid-template-columns:1fr 1fr}
.perspective-head{
grid-template-columns:1fr}
}
@media(max-width:782px){
.admin-bar .site-header{
top:46px}
}
@media(max-width:720px){
body{
font-size:16px}
.site-header{
height:64px}
.menu-toggle{
display:block}
.nav{
display:none;
position:absolute;
top:64px;
left:0;
right:0;
background:#fff;
padding:22px;
flex-direction:column;
align-items:stretch}
.nav.open{
display:flex}
.hero{
min-height:760px;
padding:70px 24px}
.hero h1{
font-size:58px}
.actions{
flex-direction:column;
align-items:flex-start}
.section{
padding:78px 24px}
.split{
grid-template-columns:1fr;
gap:34px}
.service-grid,.insight-grid,.contact-grid,.form-row{
grid-template-columns:1fr}
.division-links{
grid-template-columns:1fr}
.division-links a:first-child{
border-right:0}
.press-offer{
grid-template-columns:1fr}
.team-grid article{
grid-template-columns:1fr}
.team-grid img{
min-height:320px}
.insight{
grid-template-columns:38% 62%}
.contact{
padding:78px 24px}
.site-footer{
grid-template-columns:1fr}
.site-footer nav{
grid-column:1}
.site-footer small{
grid-column:1}
.perspective-head{
display:block}
}

.service-grid>a{
padding:30px;
border-right:1px solid var(--line);
border-bottom:1px solid var(--line);
min-height:280px;
transition:background .2s,transform .2s}
.service-grid>a:hover{
background:var(--paper);
transform:translateY(-2px)}
.service-grid strong{
font-size:12px;
color:var(--red)}
.press-offer a{
padding:28px 24px 28px 0;
border-bottom:1px solid rgba(0,0,0,.3)}
.press-offer a:hover h3{
text-decoration:underline}
.contact-form select{
width:100%;
border:1px solid rgba(255,255,255,.55);
background:var(--sg-orange-deep);
color:#fff;
padding:13px;
font:inherit}
.booking{
display:inline-block;
margin-left:12px}
.dark-link{
color:var(--orange)}
.trust-strip{
padding:46px max(6vw,24px);
display:grid;
grid-template-columns:repeat(5,1fr);
gap:1px;
background:var(--line)}
.trust-strip div{
background:#fff;
padding:26px}
.trust-strip strong{
display:block;
font-family:var(--font-head);
font-weight:500;
font-size:clamp(25px,3vw,42px);
line-height:1.1}
.trust-strip span{
display:block;
color:var(--muted);
font-size:13px;
margin-top:7px}
.subhero{
padding:95px max(6vw,24px) 105px;
background:var(--paper)}
.consulting-page .subhero{
border-bottom:8px solid var(--red);
border-bottom-color:var(--sg-red)}
.press-page .subhero{
background:var(--sg-yellow);
border-bottom:8px solid var(--sg-yellow);
border-bottom-color:var(--sg-yellow)}
.insights-page .subhero,.insight-page .subhero{
background:var(--dark);
color:#fff;
border-bottom:8px solid var(--red)}
.team-page .subhero{
border-bottom:8px solid var(--orange)}
.subhero h1{
font-size:clamp(48px,7.4vw,98px);
line-height:.98;
letter-spacing:-.02em;
max-width:1100px;
margin:.5em 0 .35em}
.subhero .lead{
max-width:850px}
.subhero .button{
display:inline-block;
margin-top:26px}
.button.dark{
background:var(--ink);
color:#fff}
.breadcrumbs{
display:flex;
gap:10px;
align-items:center;
flex-wrap:wrap;
font-size:12px;
color:var(--muted);
margin-bottom:50px}
.insight-page .breadcrumbs{
color:var(--sg-grey)}
.service-detail{
display:grid;
grid-template-columns:1fr 1fr;
gap:9vw}
.service-detail h2{
font-size:clamp(40px,5.3vw,72px);
line-height:1.04;
letter-spacing:-.02em;
margin:0}
.service-detail ol{
list-style:none;
margin:0;
padding:0;
counter-reset:detail}
.service-detail li{
counter-increment:detail;
border-top:1px solid var(--line);
padding:24px 0 24px 58px;
position:relative;
font-size:19px}
.service-detail li:before{
content:'0' counter(detail);
position:absolute;
left:0;
color:var(--red);
font-size:12px}
.press-page .service-detail li:before{
color:var(--ink)}
.page-cta{
padding:90px max(6vw,24px);
background:var(--sg-orange);
color:#fff}
.page-cta p{
font-size:13px;
text-transform:uppercase;
letter-spacing:.14em}
.page-cta h2{
font-size:clamp(36px,5vw,68px);
line-height:1.04;
letter-spacing:-.02em;
max-width:1000px}
.page-cta .button{
display:inline-block;
margin-top:20px}
.area-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
border-top:1px solid var(--line);
border-left:1px solid var(--line)}
.area-grid>a{
padding:30px;
border-right:1px solid var(--line);
border-bottom:1px solid var(--line);
min-height:310px}
.area-grid>a:hover{
background:var(--paper)}
.area-grid span{
font-family:var(--font-head);
font-weight:700;
font-size:12px;
color:var(--red)}
.press-page .area-grid span{
color:var(--ink)}
.area-grid h2{
font-family:var(--font-head);
font-weight:500;
font-size:25px;
line-height:1.2;
margin-top:55px}
.area-grid p{
font-size:14px;
color:var(--muted)}
.area-grid strong{
display:block;
margin-top:25px;
font-size:12px}
.light-insights{
background:#fff;
color:var(--ink)}
.light-insights .insight-grid{
background:var(--line);
margin-top:0}
.light-insights .insight{
background:#fff}
.light-insights .insight p{
color:var(--muted)}
.light-insights .insight h2{
font-family:var(--font-head);
font-weight:500;
font-size:19px;
line-height:1.25;
margin:18px 0}
.insight-story{
padding:95px max(6vw,24px);
display:grid;
grid-template-columns:minmax(260px,480px) 1fr;
gap:8vw;
align-items:start}
.insight-story img{
width:100%}
.insight-story>div{
max-width:720px}
.insight-story>div>p:not(.lead){
font-size:19px;
color:var(--muted);
margin-top:34px}

@media(max-width:980px){
.area-grid{
grid-template-columns:1fr 1fr}
.site-footer nav{
flex-wrap:wrap}
}
@media(max-width:720px){
.area-grid,.trust-strip,.service-detail,.insight-story{
grid-template-columns:1fr}
.subhero{
padding:70px 24px}
.booking{
margin:12px 0 0}
.site-footer nav{
flex-direction:column}
.insight-story{
padding:70px 24px}
}

.insight-toolbar{
display:flex;
flex-wrap:wrap;
gap:9px;
margin-bottom:24px}
.insight-toolbar button{
border:1px solid rgba(255,255,255,.35);
background:transparent;
color:#fff;
padding:9px 13px;
font-family:var(--font-head);
font-weight:500;
font-size:12px;
cursor:pointer}
.insight-toolbar button:hover,.insight-toolbar button.active{
background:#fff;
border-color:#fff;
color:var(--ink)}
.insight-count{
color:rgba(255,255,255,.72);
margin:0 0 40px}
.insight-count strong{
color:#fff}
.insight-library .insight-grid{
margin-top:0}
.insight-library .insight{
min-height:350px}
.insight-library .insight strong{
display:block;
color:var(--red);
font-size:12px;
margin-top:20px}
.insight-library [hidden],.no-insights[hidden]{
display:none!important}
.no-insights{
padding:30px;
background:var(--paper)}
.insight-story>article{
max-width:760px}
.insight-story>article>p{
font-size:19px;
color:var(--muted);
margin:0 0 1.45em}
.insight-story>article>p.lead{
color:var(--ink);
font-family:var(--font-head);
font-weight:700;
font-size:clamp(20px,2.2vw,27px)}
.insight-actions{
display:flex;
gap:22px;
align-items:center;
flex-wrap:wrap;
border-top:1px solid var(--line);
padding-top:28px;
margin-top:45px}
.insight-actions .text-link{
margin:0}
.insight-actions .button{
display:inline-block}
.team-grid h2{
font-family:var(--font-head);
font-weight:500;
font-size:27px;
line-height:1.2}

@media(max-width:720px){
.insight-toolbar{
flex-wrap:nowrap;
overflow-x:auto;
padding-bottom:8px}
.insight-toolbar button{
white-space:nowrap}
.insight-library .insight{
min-height:300px}
.insight-story>article>p{
font-size:17px}
}

.industry-link{
margin-top:28px;
padding:24px 28px;
border:1px solid var(--line);
display:grid;
grid-template-columns:180px 1fr;
gap:28px;
align-items:center;
background:var(--paper)}
.industry-link span{
font-family:var(--font-head);
font-weight:700;
font-size:11px;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--red)}
.industry-link strong{
font-size:17px;
line-height:1.45}
.industry-link:hover{
border-color:var(--red)}
.industries{
background:var(--dark);
color:#fff}
.industry-intro{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:8vw;
align-items:start}
.industry-intro h2{
font-size:clamp(40px,5.3vw,72px);
line-height:1.05;
letter-spacing:-.02em;
margin:0}
.industry-intro .prose p{
color:var(--sg-grey)}
.industry-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
margin-top:75px;
border-top:1px solid rgba(255,255,255,.18);
border-left:1px solid rgba(255,255,255,.18)}
.industry-grid article{
padding:28px;
border-right:1px solid rgba(255,255,255,.18);
border-bottom:1px solid rgba(255,255,255,.18);
min-height:330px}
.industry-grid article>span{
font-size:11px;
color:var(--sg-red)}
.industry-grid h3{
font-family:var(--font-head);
font-weight:500;
font-size:24px;
line-height:1.22;
margin:42px 0 14px}
.industry-grid p{
color:var(--sg-grey);
font-size:15px}
.industry-grid ul{
display:flex;
flex-wrap:wrap;
gap:7px;
list-style:none;
padding:0;
margin:24px 0 0}
.industry-grid li{
border:1px solid rgba(255,255,255,.18);
padding:5px 8px;
font-size:10px;
color:var(--sg-grey)}

@media(max-width:980px){
.industry-grid{
grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
.industry-link,.industry-intro,.industry-grid{
grid-template-columns:1fr}
.industry-link{
gap:8px}
.industry-grid article{
min-height:0}
}

.team-grid picture{
display:block;
height:100%;
min-width:0}
.team-grid picture img{
height:100%;
width:100%;
object-fit:cover}
.sample-link{
display:inline-block;
margin-top:30px;
padding:11px 16px;
border:1px solid rgba(0,0,0,.35);
font-family:var(--font-head);
font-size:13px;
font-weight:500}
.sample-link:hover{
background:#fff}
.cases{
background:var(--paper)}
.case-head{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:8vw;
align-items:end}
.case-head h2{
font-size:clamp(40px,5.3vw,72px);
line-height:1.05;
letter-spacing:-.02em;
margin:0}
.case-head>p{
color:var(--muted);
font-size:18px}
.case-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:1px;
background:var(--line);
margin-top:65px}
.case-grid article{
background:#fff;
padding:34px}
.case-grid article>span{
font-family:var(--font-head);
font-weight:700;
font-size:10px;
letter-spacing:.14em;
color:var(--red);
text-transform:uppercase}
.case-grid h3{
font-family:var(--font-head);
font-weight:500;
font-size:26px;
line-height:1.2;
margin:28px 0}
.case-grid dl{
margin:0}
.case-grid dl div{
display:grid;
grid-template-columns:90px 1fr;
gap:18px;
padding:16px 0;
border-top:1px solid var(--line)}
.case-grid dt{
font-size:10px;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--muted)}
.case-grid dd{
margin:0;
font-size:14px;
color:var(--muted)}
.press-positioning{
display:grid;
grid-template-columns:1fr 1fr;
gap:8vw;
background:#fff}
.press-positioning h2{
font-size:clamp(40px,5.3vw,72px);
line-height:1.05;
letter-spacing:-.02em;
margin:0}
.press-steps{
border-top:1px solid var(--line)}
.press-steps p{
display:grid;
grid-template-columns:42px 1fr;
gap:12px;
margin:0;
padding:18px 0;
border-bottom:1px solid var(--line)}
.press-steps span{
font-size:11px;
color:var(--ink)}
.press-download{
padding:70px max(6vw,24px);
display:flex;
justify-content:space-between;
gap:50px;
align-items:center;
background:var(--sg-yellow)}
.press-download>div{
max-width:760px}
.press-download h2{
font-size:clamp(35px,5vw,62px);
line-height:1.05;
letter-spacing:-.02em;
margin:.25em 0}
.contact-proof{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1px;
background:rgba(255,255,255,.35);
margin:52px 0 0}
.contact-proof span{
padding:18px;
background:rgba(255,255,255,.08);
font-size:13px}
.contact-proof strong{
display:block;
font-size:16px;
margin-bottom:5px}

@media(max-width:980px){
.case-grid{
grid-template-columns:1fr}
.press-positioning{
grid-template-columns:1fr}
.contact-proof{
grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
.case-head,.press-positioning{
grid-template-columns:1fr}
.case-grid dl div{
grid-template-columns:1fr;
gap:5px}
.press-download{
align-items:flex-start;
flex-direction:column}
.contact-proof{
grid-template-columns:1fr}
.team-grid picture{
height:auto}
.team-grid picture img{
aspect-ratio:1/1}
}


.social-links{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap}
.social-links a{
display:inline-flex;
align-items:center;
gap:8px;
font-size:13px;
padding:8px 11px;
border:1px solid var(--sg-grey)}
.social-links a:hover{
border-color:#fff}
.social-links svg{
flex:0 0 auto}
.lead-link{
margin:28px 0 0}
.lead-link a{
display:inline-block;
border-bottom:1px solid currentColor;
font-size:15px;
font-weight:700}
.linkedin-link{
display:block;
width:max-content;
margin-top:12px;
color:var(--ink)}
.insights-follow-cta{
margin-top:42px;
padding:26px 28px;
background:var(--paper);
border-left:4px solid var(--red)}
.insights-follow-cta p{
margin:0 0 15px!important;
font-size:15px!important;
color:var(--muted)!important}
.insights-follow-cta a{
display:inline-block;
font-size:14px;
font-weight:700;
color:var(--red);
border-bottom:1px solid var(--red)}

@media(max-width:1100px){
.site-footer{
grid-template-columns:1fr 1fr}
.site-footer nav,.site-footer small{
grid-column:1/-1}
}
@media(max-width:720px){
.site-footer{
grid-template-columns:1fr}
.site-footer nav,.site-footer small{
grid-column:1}
.social-links a{
width:max-content}
.insights-follow-cta{
padding:22px}
.linkedin-link{
width:auto}
}

.press-positioning>div:first-child>p:not(.section-kicker){
max-width:620px;
color:var(--muted);
font-size:18px;
margin-top:28px}
.press-timeline{
border-top:0}
.press-timeline article{
display:grid;
grid-template-columns:42px 1fr;
gap:16px;
padding:24px 0;
border-top:1px solid var(--line)}
.press-timeline article:last-child{
border-bottom:1px solid var(--line)}
.press-timeline article>span{
font-size:11px;
color:var(--ink)}
.press-timeline h3{
font-family:var(--font-head);
font-weight:500;
font-size:22px;
line-height:1.2;
margin:0 0 5px}
.press-timeline strong{
display:block;
color:var(--ink);
font-size:12px;
text-transform:uppercase;
letter-spacing:.08em}
.press-timeline p{
display:block;
border:0;
padding:0;
margin:12px 0 0;
color:var(--muted);
font-size:15px}
.press-investment{
display:grid;
grid-template-columns:1fr 1fr;
gap:8vw;
background:var(--paper)}
.press-investment h2,.press-reference h2,.press-faq h2{
font-size:clamp(40px,5.3vw,72px);
line-height:1.05;
letter-spacing:-.02em;
margin:0}
.press-investment-card{
padding:36px;
background:#fff;
border-top:8px solid var(--sg-yellow)}
.press-investment-card h3{
font-family:var(--font-head);
font-weight:500;
font-size:28px;
line-height:1.2;
margin:0 0 20px}
.press-investment-card p{
color:var(--muted);
margin-bottom:28px}
.press-investment-card .button{
display:inline-block}
.press-reference{
display:grid;
grid-template-columns:minmax(220px,360px) 1fr;
gap:8vw;
align-items:center}
.press-reference img{
width:100%;
box-shadow:0 18px 45px rgba(0,0,0,.16)}
.press-reference>div:last-child{
max-width:760px}
.press-reference>div:last-child>p:not(.section-kicker){
font-size:18px;
color:var(--muted)}
.press-faq{
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:8vw;
background:var(--paper)}
.faq-list{
border-top:1px solid var(--line);
max-width:980px;
margin-top:55px}
.faq-list details{
border-bottom:1px solid var(--line)}
.faq-list summary{
cursor:pointer;
padding:24px 52px 24px 0;
font-weight:700;
position:relative;
list-style:none;
font-size:20px}
.faq-list summary::-webkit-details-marker{
display:none}
.faq-list summary:after{
content:'+';
position:absolute;
right:10px;
font-size:28px;
font-weight:400;
top:17px}
.faq-list details[open] summary:after{
content:'–'}
.faq-list details p{
margin:0;
padding:0 52px 25px 0;
color:var(--muted);
max-width:820px}

@media(max-width:900px){
.press-investment,.press-faq{
grid-template-columns:1fr}
.press-reference{
grid-template-columns:minmax(180px,280px) 1fr}
}
@media(max-width:720px){
.press-reference{
grid-template-columns:1fr}
.press-reference>div:first-child{
max-width:240px}
.press-investment-card{
padding:26px}
}



.hero .lead{
max-width:980px;
color:var(--muted)}
.availability{
padding:70px max(6vw,24px);
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:7vw;
background:var(--sg-orange);
color:#fff}
.availability h2{
font-size:clamp(35px,4.5vw,60px);
line-height:1.05;
letter-spacing:-.02em;
margin:.25em 0}
.availability dl{
display:grid;
grid-template-columns:1fr 1fr;
gap:1px;
background:rgba(255,255,255,.35);
margin:0}
.availability dl div{
background:rgba(255,255,255,.08);
padding:22px}
.availability dt{
font-size:10px;
letter-spacing:.13em;
text-transform:uppercase}
.availability dd{
margin:8px 0 0;
font-family:var(--font-head);
font-size:18px;
font-weight:500}
.industry-focus-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1px;
background:rgba(255,255,255,.18);
margin-top:65px}
.industry-focus-grid a{
display:flex;
min-height:210px;
flex-direction:column;
justify-content:space-between;
padding:28px;
background:var(--dark);
transition:background .2s}
.industry-focus-grid a:hover{
background:var(--dark)}
.industry-focus-grid span{
font-size:10px;
letter-spacing:.13em;
color:var(--sg-red)}
.industry-focus-grid strong{
font-family:var(--font-head);
font-weight:500;
font-size:20px;
line-height:1.35}
.case-result dd{
color:var(--ink);
font-weight:700}
.lead-magnet,.newsletter-cta{
display:flex;
align-items:center;
justify-content:space-between;
gap:50px}
.lead-magnet{
padding:70px max(6vw,24px);
background:var(--sg-yellow)}
.lead-magnet>div{
max-width:780px}
.lead-magnet h2{
font-size:clamp(34px,4.5vw,60px);
line-height:1.05;
letter-spacing:-.02em;
margin:.25em 0}
.newsletter-cta{
margin-top:60px;
padding:28px;
background:var(--paper);
border-left:4px solid var(--red)}
.newsletter-cta p{
margin:.5em 0 0!important}
.faq-section{
background:#fff}
.faq-section>h2{
font-size:clamp(36px,4.8vw,64px);
line-height:1.05;
letter-spacing:-.02em;
max-width:900px}







.cta-actions{
display:flex;
gap:14px;
align-items:center;
flex-wrap:wrap}
.industry-services{
padding:75px max(6vw,24px);
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:7vw;
background:var(--dark);
color:#fff}
.industry-services h2{
font-size:clamp(35px,4.5vw,60px);
line-height:1.05;
letter-spacing:-.02em;
margin:.25em 0}
.industry-service-links{
border-top:1px solid rgba(255,255,255,.18)}
.industry-service-links a{
display:block;
padding:19px 0;
border-bottom:1px solid rgba(255,255,255,.18);
font-size:18px}
.industry-service-links a:hover{
color:var(--sg-red)}

@media(max-width:980px){
.availability,.industry-services{
grid-template-columns:1fr}
.industry-focus-grid{
grid-template-columns:1fr}
.industry-focus-grid a{
min-height:150px}
.lead-magnet,.newsletter-cta{
align-items:flex-start;
flex-direction:column}
.hero-copy{
max-width:86vw}
}

@media(max-width:720px){
.hero-copy{
max-width:100%}
.hero h1{
font-size:clamp(43px,13vw,64px)}
.availability{
grid-template-columns:1fr}
.availability dl{
grid-template-columns:1fr}
.faq-list summary{
font-size:18px}
.lead-magnet,.industry-services{
padding:60px 24px}
}

.home-industry-links{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1px;
margin-top:28px;
background:var(--line)}
.home-industry-links a{
display:flex;
min-height:150px;
padding:22px;
background:#fff;
flex-direction:column;
justify-content:space-between}
.home-industry-links a:hover{
background:var(--paper)}
.home-industry-links span{
font-family:var(--font-head);
font-weight:700;
font-size:10px;
letter-spacing:.13em;
text-transform:uppercase;
color:var(--red)}
.home-industry-links strong{
font-size:16px;
line-height:1.4}
.press-proof{
display:grid;
grid-template-columns:minmax(210px,310px) 1fr;
gap:6vw;
align-items:center;
margin-top:70px;
padding:38px;
background:var(--paper)}
.book-cover{
display:block;
box-shadow:0 18px 45px rgba(0,0,0,.16);
transition:transform .2s}
.book-cover:hover{
transform:translateY(-4px)}
.book-cover img{
width:100%;
height:auto}
.press-proof blockquote{
margin:0;
max-width:900px}
.press-actions{
display:none;
align-items:center;
flex-wrap:wrap;
gap:14px;
margin-top:32px}
.press-actions .sample-link{
margin:0}
.press-overview-link{
font-family:var(--font-head);
font-size:13px;
font-weight:500;
border-bottom:1px solid rgba(0,0,0,.5)}
.press-remote{
margin:22px 0 0;
font-size:13px;
color:var(--ink)}

.trust-strip div:last-child{
background:var(--paper)}
.trust-strip div:last-child strong{
font-size:clamp(22px,2.4vw,35px)}

@media(max-width:1180px){
.trust-strip{
grid-template-columns:repeat(3,1fr)}
.trust-strip div:nth-child(4),.trust-strip div:nth-child(5){
grid-column:span 1}
}

@media(max-width:820px){
.home-industry-links{
grid-template-columns:1fr}
.home-industry-links a{
min-height:110px}
.press-proof{
grid-template-columns:180px 1fr;
gap:35px}
}

@media(max-width:620px){
.press-proof{
grid-template-columns:1fr}
.book-cover{
width:min(250px,75vw)}
.trust-strip{
grid-template-columns:1fr}
}

.press-faq .faq-list{
max-width:none;
margin-top:0}

/* Version 1.7.3: Corporate Identity and implementation review */
h1,h2,h3{font-family:var(--font-head);font-weight:700;letter-spacing:-.02em}
.brand,.footer-brand{
display:block;
line-height:0}

.brand img{
width:auto;
height:40px}

.footer-brand img{
width:auto;
height:36px}

.area-logo,.business-logo{
width:auto;
height:34px;
margin-bottom:42px}









.hero-business-cards{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
margin-top:42px}

.hero-business-card{
display:grid;
grid-template-columns:56px 1fr;
gap:22px;
min-height:176px;
padding:26px;
background:#fff;
border:1px solid var(--line)}

.hero-business-card.consulting-card{
border-bottom:6px solid var(--sg-red)}

.hero-business-card.press-card{
border-bottom:6px solid var(--sg-yellow)}

.hero-business-card img{
width:56px;
height:56px}

.hero-business-card span{
display:block;
font-family:var(--font-head);
font-size:13px;
font-style:normal;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase}

.hero-business-card strong{
display:block;
margin:12px 0;
font-family:var(--font-head);
font-weight:500;
font-size:19px;
line-height:1.35}

.hero-business-card em{
font-size:13px;
font-style:normal;
font-weight:700}

.division-links .division-consulting{
border-bottom:6px solid var(--sg-red)}

.division-links .division-press{
border-bottom:6px solid var(--sg-yellow)}

.business-section{
background:#fff}

.business-section.consulting{
border-top:8px solid var(--sg-red)}

.business-section.press{
border-top:8px solid var(--sg-yellow)}

.business-section>.split{
min-height:250px}

.business-section .service-grid,.business-section .press-offer{
display:grid;
grid-template-columns:repeat(3,1fr);
margin:70px 0 0;
border:0;
border-left:1px solid var(--line);
border-top:1px solid var(--line)}

.business-section .service-grid>a,.business-section .press-offer>a{
display:block;
min-height:280px;
padding:30px;
border-right:1px solid var(--line);
border-bottom:1px solid var(--line)}

.business-section .service-grid>a:hover,.business-section .press-offer>a:hover{
background:var(--paper)}

.business-section .service-grid h3,.business-section .press-offer h3{
margin:42px 0 12px;
font-size:22px;
line-height:1.25}

.business-section .press-offer p{
font-size:15px;
line-height:1.55;
color:var(--muted)}

.business-section .press-offer a>strong{
display:inline-block;
margin-top:18px;
color:var(--ink);
text-decoration:underline;
text-decoration-color:var(--sg-yellow);
text-decoration-thickness:2px;
text-underline-offset:4px}

.business-section .service-grid span{
color:var(--sg-red)}

.business-section .press-offer span{
display:inline-block;
color:var(--ink);
border-bottom:3px solid var(--sg-yellow)}

.business-proof{
min-height:470px;
margin-top:70px}

.consulting-proof{
display:flex;
flex-direction:column;
padding:38px;
background:var(--paper)}

.consulting-proof .home-industry-links{
margin:0}

.consulting-proof>p{
margin:28px 0 0;
color:var(--muted)}



.business-actions{
display:flex;
gap:14px;
align-items:center;
margin-top:34px}

.business-actions .button{
display:inline-block}

.business-actions .button.ghost{
border:1px solid var(--ink);
color:var(--ink)}





.consulting-page .subhero,.press-page .subhero{
background:var(--paper)}





.press-download,.lead-magnet{
background:var(--paper);
border-top:8px solid var(--sg-yellow)}



.press-timeline article>span,.press-timeline strong{
color:var(--ink);
text-decoration:underline;
text-decoration-color:var(--sg-yellow);
text-decoration-thickness:3px;
text-underline-offset:5px}



.consulting-page .section-kicker,.consulting .section-kicker,.perspectives .section-kicker{
text-decoration-color:var(--sg-red)}

.press-page .section-kicker{
text-decoration-color:var(--sg-yellow)}

.holding .section-kicker,.team .section-kicker{
text-decoration-color:var(--sg-orange)}

.team-page .subhero .eyebrow,.team-page .section-kicker{
text-decoration:underline;
text-decoration-color:var(--sg-orange);
text-decoration-thickness:2px;
text-underline-offset:6px}

.perspectives .section-kicker,.insights-page .section-kicker,.insight-page .section-kicker,.industries .section-kicker{
color:#fff;
text-decoration-color:var(--sg-red)}

.insights-page .subhero .eyebrow,.insight-page .subhero .eyebrow{
color:#fff;
text-decoration:underline;
text-decoration-color:var(--sg-red);
text-decoration-thickness:2px;
text-underline-offset:6px}

.perspectives,.industries,.industry-services{
background:var(--dark)}
.perspectives:not(.light-insights) .section-kicker,.perspectives:not(.light-insights) .text-link,.industries .section-kicker,.industry-services .section-kicker{color:#fff;text-decoration:underline;text-decoration-color:var(--sg-red);text-decoration-thickness:2px;text-underline-offset:6px}
.perspective-head p,.perspectives:not(.light-insights) .insight p,.industry-intro .prose p,.industry-grid p,.industry-grid li{color:rgba(255,255,255,.7)}
.perspectives:not(.light-insights) .insight span{color:#fff;text-decoration:underline;text-decoration-color:var(--sg-red);text-decoration-thickness:3px;text-underline-offset:4px}
.light-insights .insight span,.light-insights .insight strong{color:var(--sg-red)}

.insight-grid,.industry-grid,.industry-focus-grid,.industry-service-links{
border-color:rgba(255,255,255,.18)}

.insight[data-insight-category="press"]{
border-left:4px solid var(--sg-yellow)}

.insight[data-insight-category="press"] span{
color:#fff;
text-decoration:underline;
text-decoration-color:var(--sg-yellow);
text-decoration-thickness:3px;
text-underline-offset:4px}

.insight.is-press span{
color:#fff;
box-shadow:inset 0 -3px 0 var(--sg-yellow)}

.insight-page.insight-press .subhero{
border-bottom-color:var(--sg-yellow)}

.insight-page.insight-press .section-kicker,.insight-page.insight-press .subhero .eyebrow{
text-decoration-color:var(--sg-yellow)}

.insight-page.insight-press .insights-follow-cta,.insight-page.insight-press .newsletter-cta{
border-left-color:var(--sg-yellow)}

.insight-page.insight-press .insights-follow-cta a{
color:var(--ink);
border-bottom-color:var(--sg-yellow)}

.insight-byline{
margin:24px 0 0;
font-size:15px;
color:rgba(255,255,255,.78)}

.related-insights{
margin:54px 0 12px;
padding:28px;
background:var(--paper);
border-left:6px solid var(--sg-red)}


.insight-page.insight-press .related-insights{
border-left-color:var(--sg-yellow)}

.related-insights h2{
margin:0 0 16px;
font-size:26px}

.related-insights ul{
margin:0;
padding-left:20px}

.related-insights a{
display:inline-block;
padding:4px 0;
text-decoration:underline;
text-underline-offset:4px}







.contact-form input,.contact-form textarea,.contact-form select{
background:var(--sg-orange-deep)}

.contact-proof span,.contact-grid>div{background:var(--sg-orange-deep)}
.contact-grid>div{padding:18px}
.contact>.eyebrow{font-size:19px;font-weight:700}
.team .dark-link{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sg-orange);text-decoration-thickness:3px;text-underline-offset:5px}



.social-group{
display:grid;
grid-template-columns:20px auto;
gap:5px 8px;
align-items:center;
padding:8px 10px;
border:1px solid var(--sg-grey)}

.social-group img{
grid-row:1 / span 2;
width:20px;
height:20px}

.social-group strong{
font-size:11px;
line-height:1.2}

.social-group a{
font-size:11px;
border:0;
padding:0}

.service-editorial{
background:var(--paper)}
.service-editorial-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px}
.service-editorial-grid article{
padding:26px;
background:#fff;
border-top:5px solid var(--sg-yellow)}
.consulting-page .service-editorial-grid article{
border-top-color:var(--sg-red)}
.service-editorial-grid h2{
margin:0 0 14px;
font-size:25px}
.service-editorial-grid p{
margin:0;
line-height:1.65}
.service-insights{
background:#fff}
.service-insights>h2{
max-width:720px}
.service-insight-links{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
margin-top:28px}
.service-insight-links a{
display:flex;
flex-direction:column;
gap:10px;
min-height:150px;
padding:24px;
border:1px solid var(--line);
border-bottom:5px solid var(--sg-yellow)}
.consulting-page .service-insight-links a{
border-bottom-color:var(--sg-red)}
.service-insight-links span{
font:700 12px/1.2 var(--font-head);
letter-spacing:.12em}
.service-insight-links strong{
font:700 20px/1.3 var(--font-head)}

/* Consent banner: equal first-layer choices, non-blocking and keyboard usable. */
.sg-consent[hidden]{display:none!important}
.sg-consent{
position:fixed;
z-index:99999;
left:20px;
right:20px;
bottom:20px;
max-width:980px;
margin:auto;
padding:28px;
background:#fff;
color:var(--ink);
border:2px solid var(--ink);
box-shadow:0 18px 60px rgba(0,0,0,.28)}
.sg-consent h2{
margin:0 0 10px;
font-size:28px;
line-height:1.2}
.sg-consent p{
margin:0 0 18px;
font-size:15px;
line-height:1.55}
.sg-consent a{
text-decoration:underline;
text-underline-offset:3px}
.sg-consent-actions{
display:flex;
flex-wrap:wrap;
gap:12px}
.sg-consent-actions button,.sg-consent-reopen{
min-height:44px;
padding:10px 18px;
font:700 14px/1.2 var(--font-head);
cursor:pointer}
.sg-consent-choice{
min-width:190px;
background:var(--dark);
color:#fff;
border:2px solid var(--dark)}
.sg-consent-settings-button{
background:#fff;
color:var(--ink);
border:2px solid var(--ink)}
.sg-consent-details{
margin:22px 0 0;
padding-top:20px;
border-top:1px solid var(--line)}
.sg-consent-option{
display:grid;
grid-template-columns:auto 1fr;
gap:12px;
align-items:start;
margin:12px 0}
.sg-consent-option input{
width:22px;
height:22px;
margin:2px 0 0}
.sg-consent-option strong,.sg-consent-option span{display:block}
.sg-consent-option span{font-size:14px;color:var(--muted)}
.sg-consent-reopen{
background:transparent;
color:inherit;
border:0;
padding:0;
font-size:13px;
text-decoration:underline;
text-underline-offset:3px}
@media(max-width:620px){
.sg-consent{left:10px;right:10px;bottom:10px;padding:20px;max-height:calc(100vh - 20px);overflow:auto}
.sg-consent-actions{display:grid}
.sg-consent-choice{min-width:0;width:100%}
}

@media(max-width:980px){
.business-section .service-grid,.business-section .press-offer{
grid-template-columns:1fr 1fr}
.business-proof{
min-height:0}
}

@media(max-width:720px){
.brand img{
height:32px}
.footer-brand img{
height:32px}
.hero{
min-height:0;
padding:64px 24px}
.hero-business-cards,.division-links,.business-section .service-grid,.business-section .press-offer{
grid-template-columns:1fr}
.hero-business-card{
grid-template-columns:48px 1fr}
.hero-business-card img{
width:48px;
height:48px}
.area-logo,.business-logo{
height:30px}
.business-actions{
align-items:stretch;
flex-direction:column}
.business-actions .button{
text-align:center}
.press-proof,.consulting-proof{
padding:24px}
.service-editorial-grid,.service-insight-links{
grid-template-columns:1fr}
}
