/* Each direction shares the same copy and behaviour, but has its own composition. */
html[data-direction] .eyebrow,html[data-direction] .section-label,html[data-direction] .case-meta{font-size:12px}
html[data-direction] .discipline,html[data-direction] .header nav,html[data-direction] .section-heading>p{font-size:14px}
html[data-direction] .signal{display:none}
html[data-direction] .case-grid p:not(.case-meta),html[data-direction] .ai-content p{font-size:16px}
html[data-direction] .hero-foot{font-size:12px}

/* A: a journal-like composition with centred typography and early case studies. */
html[data-direction=editorial]{--bg:#151515;--surface:#202020;--ink:#f3f1ec;--muted:#b2afaa;--line:#3b3937;--accent:#dda895}
[data-direction=editorial] .header{background:#151515;min-height:100px}
[data-direction=editorial] .hero{text-align:center;padding-top:58px;background:#1b1918}
[data-direction=editorial] .hero:before{background-position:center 56%}
[data-direction=editorial] .hero:after{background:rgba(23,20,18,.92)}
[data-direction=editorial] .hero-content{max-width:1000px;margin:auto}
[data-direction=editorial] .eyebrow{justify-content:center;margin-bottom:27px}
[data-direction=editorial] h1{font-family:'Instrument Serif',Georgia,serif;font-size:76px;line-height:1.04}
[data-direction=editorial] h1 em{font-style:normal;color:#e2c3b5}
[data-direction=editorial] .hero-copy{font-size:16px;max-width:590px;margin:23px auto}
[data-direction=editorial] .primary{background:#eee8dd;color:#201c19}
[data-direction=editorial] .hero-foot{margin-top:35px;text-align:left}
[data-direction=editorial] .discipline{justify-content:center;gap:38px;background:#151515}
[data-direction=editorial] h2{font-family:'Instrument Serif',Georgia,serif;font-size:53px}
[data-direction=editorial] h2 em{color:#d8c8bb}
[data-direction=editorial] .work{padding-top:70px}
[data-direction=editorial] .case-grid{grid-template-columns:1.45fr 1fr;gap:55px}
[data-direction=editorial] .case-feature>img{height:340px;filter:saturate(.65)}
[data-direction=editorial] .case-grid h3{font-family:'Instrument Serif',Georgia,serif;font-size:35px}
[data-direction=editorial] .intro{background:#211f1e}
[data-direction=editorial] .industries{background:#151515}
[data-direction=editorial] .industry-list{margin-left:25%}
[data-direction=editorial] .paths{background:#211f1e}
[data-direction=editorial] .contact{background:#2c2623}
[data-direction=editorial] .contact h2{font-size:60px}

/* B: a structured advisory practice with compact headings and visible methodology. */
html[data-direction=precision]{--bg:#131719;--surface:#1b2125;--ink:#eef1f1;--muted:#b0b9bc;--line:#364247;--accent:#a3c9d3;--precision-header-height:96px}
/* The hero photograph continues behind the transparent navigation. */
[data-direction=precision] .header{position:relative;z-index:2;min-height:var(--precision-header-height);margin-bottom:calc(-1 * var(--precision-header-height));background:transparent;border-bottom:0}
[data-direction=precision] .header-contact{border:1px solid #687b83;padding:10px 18px}
[data-direction=precision] .hero{padding-top:calc(var(--precision-header-height) + 54px);padding-bottom:20px;background:#1d2529}
[data-direction=precision] .hero:after{background:rgba(13,23,29,.9)}
[data-direction=precision] h1{font:500 58px/1.12 'DM Sans',Arial,sans-serif}
[data-direction=precision] h1 em{font:inherit;color:#a3c9d3}
[data-direction=precision] .hero-content{max-width:1060px;border-left:3px solid #a3c9d3;padding-left:32px}
[data-direction=precision] .hero-copy{font-size:17px;margin-top:23px}
[data-direction=precision] .hero-foot{margin-top:38px}
[data-direction=precision] .primary{background:#c6dce2;color:#142128}
[data-direction=precision] .discipline{padding-top:0;padding-bottom:0;background:#20282c;gap:0}
[data-direction=precision] .discipline>span{padding:22px 20px;border-left:1px solid var(--line);flex:1}
[data-direction=precision] .discipline>span:last-child{border-right:1px solid var(--line)}
[data-direction=precision] .section{padding-top:65px;padding-bottom:65px}
[data-direction=precision] h2{font-size:37px;font-weight:500}
[data-direction=precision] h2 em{font:inherit;color:#b8cbd2}
[data-direction=precision] .intro{grid-template-columns:1fr;gap:0}
[data-direction=precision] .intro>div{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}
[data-direction=precision] .intro h2{grid-row:span 2}
[data-direction=precision] .intro .lead{font-size:18px}
[data-direction=precision] .expertise-lines{grid-column:1/-1;grid-template-columns:repeat(4,1fr);font-size:14px;margin-top:20px}
[data-direction=precision] .paths{background:#212a2f;grid-template-columns:1fr;gap:0}
[data-direction=precision] .path-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
[data-direction=precision] .path-list summary{font-size:19px;align-items:start;gap:12px;min-height:98px}
[data-direction=precision] .path-list details>div{padding-left:0;padding-right:0}
[data-direction=precision] .process{justify-content:start;gap:40px;font-size:14px}
[data-direction=precision] .industries{background:#131719}
[data-direction=precision] .industry-list{max-width:980px}
[data-direction=precision] .case-grid{grid-template-columns:1fr 1fr;gap:45px}
[data-direction=precision] .case-grid h3{font-size:27px}
[data-direction=precision] .contact{background:#20282c}
[data-direction=precision] .contact h2{font-size:42px}

/* C: a people-first practice with a photographic opening and open layouts. */
html[data-direction=human]{--bg:#181b19;--surface:#222922;--ink:#f1f1e9;--muted:#b7bdb2;--line:#424a3e;--accent:#c8d2aa}
[data-direction=human] .header{background:#181d18;min-height:105px}
[data-direction=human] .hero{padding-top:56px;padding-bottom:22px;background:#283027}
[data-direction=human] .hero:before{background-position:center 35%}
[data-direction=human] .hero:after{background:rgba(15,27,18,.79)}
[data-direction=human] h1{font:400 65px/1.08 'Instrument Serif',Georgia,serif}
[data-direction=human] h1 em{color:#e5e9d0}
[data-direction=human] .hero-content{max-width:930px}
[data-direction=human] .hero-copy{max-width:590px;color:#e0e4da}
[data-direction=human] .hero-foot{margin-top:38px}
[data-direction=human] .primary{background:#dbe2c3;color:#18201a}
[data-direction=human] .discipline{background:#242c23}
[data-direction=human] h2{font-size:45px}
[data-direction=human] h2 em{color:#d4ddbe}
[data-direction=human] .intro{grid-template-columns:1.15fr 1fr;gap:30px 65px}
[data-direction=human] .intro>.section-label{grid-column:1/-1;margin-bottom:0}
[data-direction=human] .consulting-image{margin:0;align-self:stretch;min-height:360px}
[data-direction=human] .consulting-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.55)}
[data-direction=human] .expertise-lines{grid-template-columns:1fr;font-size:14px}
[data-direction=human] .industries{background:#242b22}
[data-direction=human] .industry-list{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}
[data-direction=human] .industry-list summary{font-size:22px}
[data-direction=human] .industry-body{padding-left:0}
[data-direction=human] .case-grid{grid-template-columns:1fr;gap:40px}
[data-direction=human] .case-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:0 50px}
[data-direction=human] .case-feature>img{grid-row:span 4;height:330px;margin-bottom:0}
[data-direction=human] .case-feature h3{font-size:32px}
[data-direction=human] .case-stack{display:grid;grid-template-columns:1fr 1fr;gap:50px}
[data-direction=human] .case-stack article+article{margin:0;padding:0;border:0}
[data-direction=human] .paths{background:#293025}
[data-direction=human] .ai-content{grid-template-columns:1fr;gap:0;max-width:850px}
[data-direction=human] .contact{background:#252d23}

@media(max-width:1000px){
 [data-direction=editorial] h1{font-size:64px}
 [data-direction=editorial] .discipline{gap:20px;font-size:12px}
 [data-direction=precision] .discipline>span{padding:20px 12px;font-size:12px}
 [data-direction=human] .intro{gap:30px}
 [data-direction=human] .case-feature{gap:0 30px}
}
@media(max-width:700px){
 html[data-direction=precision]{--precision-header-height:83px}
 html[data-direction] .header{min-height:83px}
 html[data-direction] .hero{padding-top:36px}
 html[data-direction=precision] .hero{padding-top:calc(var(--precision-header-height) + 36px)}
 html[data-direction] .eyebrow{font-size:11px}
 html[data-direction] h1{font-size:42px;overflow-wrap:break-word}
 html[data-direction] h2,html[data-direction] .contact h2{font-size:35px}
 html[data-direction] .hero-foot{font-size:10px;margin-top:26px}
 html[data-direction] .discipline{font-size:12px;gap:12px}
 html[data-direction] .section{padding-top:50px;padding-bottom:50px}
 [data-direction=editorial] .quiet{margin-left:auto;margin-right:auto}
 [data-direction=editorial] .hero h1{font-size:47px}
 [data-direction=editorial] .case-grid{grid-template-columns:1fr;gap:28px}
 [data-direction=editorial] .case-feature>img{height:240px}
 [data-direction=editorial] .industry-list{margin-left:0}
 [data-direction=precision] .hero-content{padding-left:16px;border-left-width:2px}
 [data-direction=precision] .hero h1{font-size:34px}
 [data-direction=precision] .discipline{gap:0}
 [data-direction=precision] .discipline>span{padding:16px 9px;font-size:11px}
 [data-direction=precision] .intro>div{display:block}
 [data-direction=precision] .expertise-lines{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
 [data-direction=precision] .path-list{grid-template-columns:1fr;gap:0}
 [data-direction=precision] .path-list summary{min-height:0}
 [data-direction=precision] .process{gap:13px;font-size:12px}
 [data-direction=precision] .case-grid{grid-template-columns:1fr}
 [data-direction=human] .intro,[data-direction=human] .industry-list,[data-direction=human] .case-feature,[data-direction=human] .case-stack{display:block}
 [data-direction=human] .intro>.section-label{margin-bottom:23px}
 [data-direction=human] .consulting-image{min-height:0;margin-top:26px}
 [data-direction=human] .consulting-image img{height:250px}
 [data-direction=human] .case-feature>img{height:240px;margin-bottom:24px}
 [data-direction=human] .case-stack article+article{padding-top:28px;border-top:1px solid var(--line)}
}