html body #dimensions .discipline-scene{padding:42px 5.2vw 48px 8.8vw!important;background:#c1ff00!important;color:#111!important;transition:background-color .25s ease,color .25s ease;box-sizing:border-box;width:100%}
html body #dimensions .discipline-scene[data-discipline=strategy]{background:#580c14!important;color:#fff!important}
html body .discipline-tabs{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-bottom:1px solid currentColor;padding-bottom:28px;margin-bottom:36px}
html body .discipline-tabs button{appearance:none;background:transparent!important;border:0;border-radius:0;padding:8px 0 20px!important;font:400 clamp(26px,3.3vw,52px)/1.1 Manrope,sans-serif!important;letter-spacing:-.045em;text-align:left;color:inherit!important;-webkit-text-fill-color:currentColor!important;cursor:pointer;opacity:.45;transition:opacity .2s ease;position:relative}
html body .discipline-tabs button[aria-selected=true]{opacity:1}
html body .discipline-tabs button::after{content:'↗';display:inline-block;margin-left:.22em;font-size:.7em;transition:transform .2s ease}
html body .discipline-tabs button[aria-selected=true]::after{transform:translate(3px,-3px)}
html body .discipline-tabs button:focus-visible{outline:2px solid currentColor;outline-offset:8px}
html body .discipline-scene-panel{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,.8fr);gap:8vw;align-items:start}
html body .discipline-scene-intro{font:400 clamp(21px,2vw,30px)/1.4 Manrope,sans-serif!important;letter-spacing:-.03em;margin:0 0 30px!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
html body .discipline-scene-list{list-style:none;padding:0;margin:0 0 28px}
html body .discipline-scene-list li{border-bottom:1px solid currentColor;margin:0;padding:0}
html body .discipline-scene-list a{display:flex;justify-content:space-between;align-items:center;padding:18px 0;text-decoration:none;font:400 17px/1.3 Manrope,sans-serif!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;background:transparent!important}
html body .discipline-scene-list a span{color:inherit!important;-webkit-text-fill-color:currentColor!important;background:transparent!important}
html body .discipline-scene-media video{display:block;width:100%!important;height:440px!important;object-fit:cover!important;aspect-ratio:9/16;margin:0!important;background:#1111}
html body .discipline-scene-copy>.quiet-cta{background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;display:inline-flex;padding:18px 25px;text-decoration:none}
@media(max-width:760px){html body #dimensions .discipline-scene{padding:30px 6vw!important}.discipline-tabs{gap:20px!important;margin-bottom:24px!important;padding-bottom:18px!important}.discipline-scene-panel{grid-template-columns:1fr!important;gap:28px!important}.discipline-scene-media video{height:350px!important;max-width:100%;object-position:center}.discipline-scene-list a{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.discipline-scene,.discipline-tabs button,.discipline-tabs button::after{transition:none!important}}

html body #dimensions .discipline-tabs button{opacity:1!important;font-size:clamp(25px,3vw,46px)!important;line-height:1.18!important;padding-bottom:22px!important;overflow-wrap:normal!important}
html body #dimensions .discipline-tabs button[aria-selected=true]{box-shadow:0 3px 0 currentColor!important}
html body #dimensions .discipline-scene[data-discipline=strategy] .discipline-scene-list,html body #dimensions .discipline-scene[data-discipline=strategy] .discipline-scene-list :is(li,a,span){color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#ffffff65!important}
html body #dimensions .discipline-scene[data-discipline=brands] .discipline-scene-list,html body #dimensions .discipline-scene[data-discipline=brands] .discipline-scene-list :is(li,a,span){color:#111!important;-webkit-text-fill-color:#111!important;border-color:#1115!important}
html body #dimensions .discipline-scene-list a{font-size:18px!important;line-height:1.5!important;padding:18px 0!important}

/* White content in either discipline; only the strategy title carries oxblood. */
html body #dimensions .discipline-scene,html body #dimensions .discipline-scene[data-discipline=strategy]{background:#fff!important;color:#111!important;transition:none!important}
html body #dimensions .discipline-tabs button{color:#111!important;-webkit-text-fill-color:#111!important;opacity:1!important}
html body #dimensions .discipline-tabs #discipline-tab-1{color:#580c14!important;-webkit-text-fill-color:#580c14!important}
html body #dimensions .discipline-tabs button::after{content:'↓'!important;transform:none!important}
html body #dimensions .discipline-tabs #discipline-tab-0[aria-selected=true]{box-shadow:0 3px 0 #c1ff00!important}
html body #dimensions .discipline-tabs #discipline-tab-1[aria-selected=true]{box-shadow:0 3px 0 #580c14!important}
html body #dimensions .discipline-scene .discipline-scene-list,html body #dimensions .discipline-scene[data-discipline=strategy] .discipline-scene-list :is(li,a,span),html body #dimensions .discipline-scene .discipline-scene-intro{color:#111!important;-webkit-text-fill-color:#111!important;border-color:#1114!important}
html body #dimensions .discipline-scene-kpis{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:18px!important;margin:28px 0 30px!important;font:400 12px/1.5 Manrope,sans-serif!important;color:#111!important}
html body #dimensions .discipline-scene-kpis :is(span,svg){color:#111!important;-webkit-text-fill-color:#111!important;opacity:1!important}
html body .portal-prompt{display:flex!important;justify-content:flex-start!important;align-items:baseline!important;gap:.2em!important;text-align:left!important}
html body .portal-prompt>span{transform:none!important;will-change:auto!important}
html body .portal-prompt>.portal-display{color:var(--portal-colour,#580c14)!important;-webkit-text-fill-color:var(--portal-colour,#580c14)!important;animation:portal-colour-signal 4s steps(1,end) infinite!important}
@keyframes portal-colour-signal{0%,100%{--portal-colour:#580c14}50%{--portal-colour:#c1ff00}}
@media(prefers-reduced-motion:reduce){html body .portal-prompt>.portal-display{animation:none!important;color:#580c14!important;-webkit-text-fill-color:#580c14!important}}

/* Permanent discipline colours, white content, shared optical inset. */
html body #dimensions .discipline-tabs{gap:0!important;border:0!important;padding:0!important;margin-bottom:36px!important;align-items:stretch!important}
html body #dimensions .discipline-tabs #discipline-tab-0{background:#c1ff00!important;color:#111!important;-webkit-text-fill-color:#111!important}
html body #dimensions .discipline-tabs #discipline-tab-1{background:#580c14!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #dimensions .discipline-tabs button{padding:26px 24px!important;box-shadow:none!important;margin:0!important;opacity:1!important}
html body #dimensions .discipline-tabs button[aria-selected=true]{box-shadow:inset 0 -4px 0 currentColor!important}
html body #dimensions .discipline-tabs button::after{content:'↘'!important;transform:none!important}
html body .portal-prompt{padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important}
html body .portal-prompt>.portal-choose{margin-left:-.045em!important}
html body .discipline-scene-kpis svg,html body .discipline-scene-kpis img{display:none!important}
@media(max-width:760px){html body #dimensions .discipline-tabs button{padding:22px 16px!important;font-size:clamp(20px,4vw,28px)!important}html body .portal-prompt{padding-left:16px!important;padding-right:16px!important}}

html body .portal-prompt>.portal-display{animation:none!important;color:#111!important;-webkit-text-fill-color:#111!important}

/* A single active colour, matched typography and aligned content columns. */
html body #dimensions .discipline-tabs{gap:0!important;margin:0 0 36px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body #dimensions .discipline-tabs button{font:400 clamp(22px,2.4vw,38px)/1.2 Manrope,sans-serif!important;letter-spacing:-.035em!important;min-height:132px!important;padding:24px!important;box-sizing:border-box!important;border:1px solid #1113!important;box-shadow:none!important}
html body #dimensions .discipline-tabs #discipline-tab-0[aria-selected=false]{background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important}
html body #dimensions .discipline-tabs #discipline-tab-1[aria-selected=false]{background:#fff!important;color:#580c14!important;-webkit-text-fill-color:#580c14!important}
html body #dimensions .discipline-tabs #discipline-tab-0[aria-selected=true]{background:#c1ff00!important;color:#111!important;-webkit-text-fill-color:#111!important;box-shadow:none!important}
html body #dimensions .discipline-tabs #discipline-tab-1[aria-selected=true]{background:#580c14!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important}
html body #dimensions .discipline-scene-panel{grid-template-columns:minmax(0,1.8fr) minmax(220px,.8fr)!important;gap:7vw!important;align-items:start!important}
html body #dimensions .discipline-scene-copy{min-width:0!important;padding:0!important}
html body #dimensions .discipline-scene-intro{font:400 clamp(21px,2vw,30px)/1.4 Manrope,sans-serif!important;min-height:2.8em!important;margin:0 0 28px!important}
html body #dimensions .discipline-scene-list a{font:400 18px/1.45 Manrope,sans-serif!important;min-height:62px!important;padding:16px 0!important;box-sizing:border-box!important}
html body #dimensions .discipline-scene-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:28px 0!important;font:400 12px/1.4 Manrope,sans-serif!important}
html body #dimensions .discipline-metric{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
html body #dimensions .discipline-scene-kpis svg.metric-line-icon{display:block!important;flex:0 0 17px!important;width:17px!important;height:17px!important;stroke:currentColor!important;color:inherit!important}
html body #dimensions .discipline-scene-kpis .metric-trend{margin-left:2px!important}
html body #dimensions .discipline-scene[data-discipline=strategy] :is(.discipline-scene-intro,.discipline-scene-list,.discipline-scene-list li,.discipline-scene-list a,.discipline-scene-list span,.discipline-scene-kpis,.discipline-scene-kpis span,.discipline-scene-kpis svg){color:#580c14!important;-webkit-text-fill-color:#580c14!important;border-color:#580c1435!important}
html body #dimensions .discipline-scene[data-discipline=brands] :is(.discipline-scene-intro,.discipline-scene-kpis,.discipline-scene-kpis span,.discipline-scene-kpis svg){color:#111!important;-webkit-text-fill-color:#111!important}
@media(max-width:760px){html body #dimensions .discipline-tabs button{font-size:clamp(19px,3.6vw,26px)!important;min-height:115px!important;padding:18px 16px!important}html body #dimensions .discipline-scene-panel{grid-template-columns:1fr!important;gap:28px!important}html body #dimensions .discipline-scene-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}}


html body #dimensions .question-row{padding-top:72px!important;padding-bottom:84px!important}
html body #dimensions .direction-story{gap:32px!important}
html body #dimensions .portal-prompt{padding-top:12px!important;padding-bottom:12px!important;line-height:1.15!important}
html body #dimensions .discipline-scene{padding-top:0!important;padding-bottom:64px!important}
html body #dimensions .discipline-tabs{margin-bottom:44px!important}
html body #dimensions .discipline-scene-panel{grid-template-columns:minmax(0,1fr) clamp(260px,22vw,340px)!important;gap:7vw!important;align-items:start!important}
html body #dimensions .discipline-scene-media{width:100%!important;min-width:0!important}
html body #dimensions .discipline-scene-media video{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:9/16!important;object-fit:contain!important;margin:0!important;transform:none!important}
@media(max-width:760px){html body #dimensions .question-row{padding-top:45px!important;padding-bottom:52px!important}html body #dimensions .direction-story{gap:24px!important}html body #dimensions .discipline-scene-panel{grid-template-columns:1fr!important;gap:30px!important}html body #dimensions .discipline-scene-media{width:min(100%,300px)!important;margin:0 auto!important}}

/* Fit the service scene itself; the airy portal introduction stays separate. */
html body #dimensions .discipline-scene{padding-top:0!important;padding-bottom:24px!important;scroll-margin-top:96px!important}
html body #dimensions .discipline-tabs{margin-bottom:24px!important}
html body #dimensions .discipline-tabs button{min-height:88px!important;padding:18px 24px!important;font-size:clamp(22px,2.2vw,34px)!important}
html body #dimensions .discipline-scene-panel{grid-template-columns:minmax(0,1fr) calc(clamp(320px,calc(100svh - 240px),600px)*.5625)!important;gap:6vw!important}
html body #dimensions .discipline-scene-intro{font-size:24px!important;line-height:1.35!important;min-height:0!important;margin:0 0 20px!important}
html body #dimensions .discipline-scene-list{margin:0 0 16px!important}
html body #dimensions .discipline-scene-list li{padding:0!important;margin:0!important;min-height:0!important;height:auto!important}
html body #dimensions .discipline-scene-list a{font-size:17px!important;line-height:1.4!important;padding:10px 0!important;min-height:46px!important;height:auto!important;box-sizing:border-box!important}
html body #dimensions .discipline-scene-kpis{margin:18px 0!important}
html body #dimensions .discipline-scene-copy>.quiet-cta{padding:14px 24px!important;min-height:46px!important;margin:0!important;box-sizing:border-box!important}
html body #dimensions .discipline-scene-media video{width:100%!important;height:auto!important;aspect-ratio:9/16!important;object-fit:contain!important}
@media(max-width:760px){html body #dimensions .discipline-scene-panel{grid-template-columns:1fr!important}html body #dimensions .discipline-scene-intro{font-size:21px!important}}

/* Match the centred Matias representation introduction. */
html body #dimensions .direction-summary{font:400 14px/1.5 Manrope,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;max-width:1000px!important;margin:0 auto!important;text-align:center!important}
html body #dimensions .portal-prompt{display:flex!important;justify-content:center!important;align-items:baseline!important;gap:.2em!important;padding:0!important;margin:24px 0 32px!important;font:500 clamp(38px,5.6vw,86px)/1.03 Syne,sans-serif!important;letter-spacing:-.035em!important;text-align:center!important;white-space:nowrap!important}
html body #dimensions .portal-prompt>span{font:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;margin:0!important;transform:none!important;color:#111!important;-webkit-text-fill-color:#111!important;animation:none!important}
@media(max-width:760px){html body #dimensions .direction-summary{font-size:12px!important;letter-spacing:.04em!important}html body #dimensions .portal-prompt{font-size:clamp(25px,6.2vw,46px)!important;margin:20px 0 24px!important;gap:.15em!important}}

/* Service copy shares the full height of its portrait video. */
@media(min-width:761px){
html body #dimensions .discipline-scene-panel{align-items:stretch!important}
html body #dimensions .discipline-scene-copy{display:flex!important;flex-direction:column!important;align-self:stretch!important;min-height:0!important}
html body #dimensions .discipline-scene-list{display:flex!important;flex-direction:column!important;flex:1 0 auto!important;margin:0!important}
html body #dimensions .discipline-scene-list li{display:flex!important;flex:1 0 auto!important}
html body #dimensions .discipline-scene-list a{flex:1!important;width:100%!important}
html body #dimensions .discipline-scene-copy>.quiet-cta{align-self:flex-start!important;flex-shrink:0!important}
html body #dimensions .discipline-scene-kpis{flex-shrink:0!important;margin:22px 0!important}
}

html body .collaborate-wordmark{font:500 clamp(22px,2.2vw,34px)/1.1 Manrope,sans-serif!important;letter-spacing:-.035em!important;color:#fff!important;white-space:nowrap}
html body #dimensions .discipline-scene-list a>span{font-size:0!important}
html body #dimensions .discipline-scene-list a>span::after{content:'→';font:400 28px/1 Manrope,sans-serif}
html body #new-perspective{padding-top:72px!important;padding-bottom:72px!important}
html body #new-perspective>h2{font-family:Manrope,sans-serif!important;font-size:clamp(34px,3.6vw,54px)!important;font-weight:400!important;line-height:1.15!important;letter-spacing:-.035em!important;margin:24px 0 48px!important}
html body #new-perspective .connected-three{gap:32px!important;margin:0!important}
html body #new-perspective .connected-three article{min-height:0!important;padding:0!important}
html body #new-perspective .connected-three h3{font:400 clamp(20px,1.8vw,26px)/1.3 Manrope,sans-serif!important;letter-spacing:-.025em!important;text-transform:none!important;margin:20px 0 0!important}
html body #new-perspective .connected-three p{font:400 16px/1.6 Manrope,sans-serif!important;letter-spacing:0!important;margin:16px 0 0!important}
@media(max-width:760px){html body #new-perspective{padding-top:44px!important;padding-bottom:44px!important}}

html body .founder-results .founder-years{font:inherit!important;letter-spacing:inherit!important}@media(max-width:760px){html body .founder-results .founder-years{font-size:.6em!important}}

@media(min-width:761px){
html body #dimensions .discipline-tabs button::after,
html body #dimensions .discipline-scene-list a>span[aria-hidden],
html body #dimensions .discipline-scene-list a::after{display:none!important;content:none!important}
}