.detail-section{padding:80px var(--gutter);border-bottom:1px solid var(--line);background:var(--paper)}.detail-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:48px}.detail-heading h2{font:700 clamp(42px,5vw,72px)/1.03 BigShoulders,sans-serif;margin:14px 0 0}.detail-heading p{color:var(--muted);font-size:17px;line-height:1.7;max-width:45ch}.role-board{border-top:1px solid var(--line)}.role-row{display:grid;grid-template-columns:50px 1fr 1.1fr;gap:32px;padding:36px 0;border-bottom:1px solid var(--line)}.role-row>span,.eyebrow{color:#536b48}.role-row h3{font-size:28px;font-weight:500;letter-spacing:-.03em;margin:0 0 15px}.role-row p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 16px}.role-row dl{margin:0;display:grid;grid-template-columns:80px 1fr;gap:12px 20px;font-size:14px;line-height:1.65}.role-row dt{color:#536b48}.role-row dd{margin:0}.brain-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;min-height:650px}.brain-section h2{font:700 clamp(58px,6vw,92px)/.98 BigShoulders,sans-serif;margin:20px 0 28px}.brain-section p{max-width:42ch;color:var(--muted);line-height:1.75}.brain-field{height:540px;position:relative;overflow:hidden}.brain-field canvas{position:absolute;inset:0;width:100%;height:100%}.brain-fallback{position:absolute;inset:15%;display:grid;place-content:center;text-align:center;border:1px solid var(--line);font-size:20px;line-height:2}.brain-field[data-ready=true] .brain-fallback{display:none}.context-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.context-card{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.context-card h3{font-size:25px;line-height:1.25;font-weight:500;margin:0 0 20px}.context-card p{font-size:15px;line-height:1.7;color:var(--muted)}.context-card a,.role-row a{display:inline-block;min-height:44px;padding:12px 0;text-decoration:underline;text-underline-offset:5px}.detail-evidence{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.detail-evidence img{width:100%;aspect-ratio:4/3;object-fit:cover}.detail-evidence h2{font:700 clamp(42px,4vw,64px)/1.1 BigShoulders,sans-serif}.detail-evidence p{line-height:1.8;color:var(--muted)}.breadcrumb{font-size:12px;line-height:2;color:var(--muted);margin-bottom:30px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.interior-copy{max-width:820px}.interior-copy h2{font-size:34px;margin-top:48px}.interior-copy p,.interior-copy li{font-size:17px;line-height:1.8;color:var(--muted)}
@media(max-width:760px){.detail-section{padding:52px var(--gutter)}.detail-heading,.brain-section,.detail-evidence{grid-template-columns:1fr}.detail-heading{gap:12px;margin-bottom:30px}.brain-section{min-height:0;gap:0}.brain-field{height:370px}.brain-section h2{font-size:64px}.role-row{grid-template-columns:26px 1fr;gap:16px;padding:30px 0}.role-row dl{grid-column:2;grid-template-columns:65px 1fr;gap:10px}.context-grid{grid-template-columns:1fr}.context-card{padding:26px}.detail-evidence{gap:24px}}

.brain-fallback{inset:0;border:0;background:url("/_rebuild/assets/preview/shared/brain-still.webp") center/contain no-repeat;font-size:0;color:transparent}

.context-card{display:flex;flex-direction:column}.context-card>p{flex:1}.context-card>a:last-child{margin-top:auto;align-self:flex-start}

.brain-activate{grid-column:2;justify-self:center;font:12px/1.5 Satoshi,sans-serif;color:#465b3c;background:none;border:0;border-bottom:1px solid #a0ae95;padding:12px 4px;min-height:44px;margin-top:-38px;cursor:pointer}.brain-activate:focus-visible{outline:2px solid #728967;outline-offset:4px}.brain-activate:disabled{opacity:.45;cursor:default}@media(max-width:760px){.brain-activate{grid-column:1;margin-top:-8px}}@media(prefers-reduced-motion:reduce){.brain-activate{display:none}}

.studio-evidence figure{margin:0;min-width:0}.studio-evidence figure img{height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.studio-evidence figcaption{font-size:10px;line-height:1.5;color:var(--muted);margin-top:10px}

/* Service choice is a compact comparison; delivery retains the three-step board. */
.approach-fit{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start;padding-block:64px}.approach-fit h2{font:500 clamp(32px,3.5vw,48px)/1.1 Satoshi,sans-serif;letter-spacing:-.045em;margin:16px 0 22px}.approach-fit>div>p:last-child{max-width:35ch;font-size:16px;line-height:1.7;color:var(--muted)}.approach-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.approach-list li{border-bottom:1px solid var(--line)}.approach-list li>a,.approach-list li.is-current{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:22px 20px;text-decoration:none}.approach-list li.is-current{background:#71876a0c}.approach-list h3{font:500 20px/1.3 Satoshi,sans-serif;margin:0 0 8px;letter-spacing:-.02em}.approach-list p{font-size:14px;line-height:1.65;color:var(--muted);margin:0;max-width:46ch}.approach-current{font-size:10px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;color:#4c6045}.approach-arrow{font-size:24px;color:#65775c}.approach-list a:hover{background:#71876a12}.approach-list a:focus-visible{outline:2px solid #65775c;outline-offset:3px}
@media(max-width:760px){.approach-fit{grid-template-columns:1fr;gap:24px;padding-block:48px}.approach-fit h2 br{display:none}.approach-list li>a,.approach-list li.is-current{padding:20px 12px;gap:16px}.approach-list h3{font-size:18px}.approach-current{font-size:9px}}

/* Keep the brain and its headline proportionate in a compact desktop pane. */
@media (min-width:761px) and (max-width:1000px){
 .brain-section{min-height:0;gap:30px}
 .brain-section h2{font-size:clamp(42px,5.4vw,54px)}
 .brain-field{height:390px}
 .context-card{padding:24px}
}
