/* Published evidence, editorial case narratives and practical AI scenarios. */
.case-studies-section{background:#171715;border-block:1px solid #555149}.proof-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;align-items:end}.proof-heading>.mono{grid-column:1/-1;color:var(--accent);font-size:10px}.proof-heading h2,.ai-intro h2{font:700 clamp(64px,7.5vw,112px)/.92 var(--condensed);letter-spacing:-.025em}.proof-heading h2 em,.ai-intro h2 em{color:var(--accent);font-style:normal}.proof-heading p{font-size:15px;line-height:1.8;color:#c3bfb6}.proof-count{display:block;font-size:9px;color:#a8a49b;margin-top:25px}.case-filters{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0 24px}.case-filters button{font:11px var(--mono);border:1px solid #5c584e;padding:13px 18px;min-height:44px}.case-filters button span{margin-left:12px;opacity:.6}.case-filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#111}.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.proof-card{display:flex;flex-direction:column;border:1px solid #514c41;min-width:0;transition:border-color .2s}.proof-card[hidden]{display:none}.proof-card>.case-page-link{flex:none;margin-top:auto;position:relative;z-index:1}.proof-card:hover{border-color:var(--accent)}.proof-card button{display:block;flex:1 0 auto;text-align:left;width:100%;height:auto;background:#121211}.proof-image{aspect-ratio:1.697;overflow:hidden}.proof-image img{width:100%;height:100%;object-fit:cover}.proof-copy{padding:22px}.proof-copy>.mono{font-size:8px;color:var(--accent)}.proof-copy h3{font:600 30px/1.05 var(--condensed);text-transform:uppercase;margin:12px 0}.proof-copy p{font-size:12px;color:#d0cbc0;line-height:1.7;min-height:42px}.proof-period{display:block;font-size:10px;line-height:1.6;color:#a9a499;margin-top:15px}.proof-open{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #47443b;padding-top:15px;margin-top:20px;font-size:7px;color:#cfc8b9}.proof-open b{font:22px var(--body);color:var(--accent)}.proof-card:nth-child(n+4){grid-column:span 1}.proof-card:nth-child(n+4) .proof-image{display:none}.proof-card:nth-child(n+4) .proof-copy h3{font-size:27px}.proof-footnote{max-width:850px;font-size:10px;line-height:1.8;color:#9b9589;margin-top:25px}.proof-next{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding-top:26px;border-top:1px solid #514c41}.proof-next p{font-size:18px}.proof-next .action{font-size:10px;margin:0}
/* The layer canvas and the story are two views of the same opened project. */
.viewer-nav{display:flex;gap:0;flex-shrink:0;border-bottom:1px solid #514c41;padding:0 4%;background:#121211;z-index:6}.viewer-nav button{font:10px var(--mono);padding:16px 22px;min-height:48px;border-bottom:2px solid transparent;color:#aba69a}.viewer-nav button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}.viewer-nav button:disabled{opacity:.5}.cyber #project-dialog [hidden]{display:none!important}.story-panel{overflow:auto;min-height:0;flex:1;background:#111110;padding:40px 6% 60px}.story-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1250px;margin:auto}.story-intro .mono{font-size:9px;color:var(--accent)}.story-intro h3{font:600 clamp(42px,4.8vw,72px)/.98 var(--condensed);text-transform:uppercase;max-width:650px;margin:16px 0}.story-intro>p{font-size:13px;color:#bcb6aa;line-height:1.9;max-width:600px}.story-metric{border-left:2px solid var(--accent);padding:10px 30px;background:linear-gradient(90deg,#ffb4000a,transparent)}.story-metric>strong{font:600 clamp(38px,4.3vw,66px)/1 var(--condensed);color:var(--accent)}.story-metric>span{display:block;font-size:13px;margin:12px 0}.story-period{font:9px/1.7 var(--mono);color:#aaa395}.story-extra{display:flex;gap:30px;margin-top:25px}.story-extra strong{display:block;font:500 24px var(--condensed);color:#e6e0d2}.story-extra span{display:block;font-size:10px;color:#afa899;max-width:150px}.story-metric-note{font-size:10px;line-height:1.8;color:#a69f92;margin-top:22px;max-width:500px}.story-scope{margin-top:28px;display:flex;gap:8px;flex-wrap:wrap}.story-scope span{font:9px var(--mono);padding:9px 12px;border:1px solid #655d4e;color:#d2c9b6}.story-body{max-width:1250px;margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #514c41;padding-top:32px}.story-body h4{font:600 32px var(--condensed);margin-bottom:16px}.story-body .mono{font-size:9px;color:var(--accent)}.story-body p{font-size:13px;line-height:1.9;color:#bdb7ab}.solution-list{display:grid;gap:20px;margin-top:24px}.solution-item{display:grid;grid-template-columns:30px 1fr;gap:12px}.solution-item>span{font:10px var(--mono);color:var(--accent);padding-top:4px}.solution-item h5{font-size:14px;font-weight:600;margin:0 0 7px}.solution-item p{font-size:12px}.story-value{padding:25px 28px;border:1px solid #625846;align-self:start}.story-value p{margin:16px 0 22px}.story-value button{padding:16px 20px;background:var(--accent);color:#111;font:10px/1.5 var(--mono);text-align:left;min-height:44px}.story-source{margin-top:24px;font:9px/1.8 var(--mono);color:#c3bcae;display:block}.story-disclosure{font-size:10px!important;color:#9a9284!important;margin-top:18px}.story-cover{width:100%;max-height:300px;object-fit:cover;border:1px solid #514c41}.read-story{display:block;text-align:left;width:100%;font:10px var(--mono);padding:15px 12px;margin-bottom:20px;border:1px solid #ffb40077;color:var(--accent)}[data-phase=entering] .viewer-nav,[data-phase=departing] .viewer-nav{opacity:0}.viewer-nav{transition:opacity .3s}.story-panel:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
/* A concrete business task is the centre of the AI presentation. */
.ai-section{background:#10100f;display:grid;grid-template-columns:1fr;gap:44px;border-block:1px solid #514b3e}.ai-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px 55px;align-items:start}.ai-intro>.mono{grid-column:1/-1;font-size:9px;color:var(--accent)}.ai-intro h2{grid-row:2/5}.ai-intro .ai-lead{font:500 25px/1.3 var(--body);color:#ece6d8;margin:0}.ai-intro>p:not(.ai-lead){font-size:13px;line-height:1.9;color:#bfb8ab;max-width:540px}.ai-intro .action{font-size:9px;justify-self:start;margin:0}.ai-workbench{border:1px solid #6d5e42;background:#171613;position:relative}.ai-workbench-top{display:flex;justify-content:space-between;gap:16px;font-size:8px;color:#a9a08e;padding:18px 25px;border-bottom:1px solid #4d4638}.ai-tabs{display:flex;border-bottom:1px solid #4d4638}.ai-tabs button{flex:1;padding:20px 12px;font:10px var(--mono);color:#a8a08e;border-right:1px solid #4d4638}.ai-tabs button[aria-selected=true]{background:var(--accent);color:#111}.ai-panel{padding:35px 40px}.ai-example{font-size:8px;color:#a49a86}.ai-panel h3{font:600 47px/.98 var(--condensed);margin:18px 0 28px}.ai-flow{display:flex;align-items:stretch;gap:18px;border-block:1px solid #4d4638;padding:28px 0}.ai-flow>div{flex:1;min-width:0}.ai-flow small{display:block;font:8px var(--mono);color:var(--accent);margin-bottom:13px}.ai-flow strong{font:500 26px var(--condensed);display:block}.ai-flow span{display:block;color:#a9a08e;font-size:11px;line-height:1.6;margin-top:5px}.ai-flow>b{align-self:center;font-size:24px;color:#ffb400;opacity:.7}.ai-panel>p{font-size:13px;line-height:1.9;color:#c9c0ad;max-width:850px;margin:24px 0}.ai-measure{display:flex;align-items:center;gap:25px;border-left:2px solid var(--accent);padding:5px 15px}.ai-measure span{font-size:8px;white-space:nowrap;color:var(--accent)}.ai-measure strong{font-size:11px;font-weight:500}.ai-start{display:flex;gap:24px;align-items:center;padding:22px 40px;border-top:1px solid #4d4638;background:#11110f}.ai-start span{font-size:8px;color:var(--accent);white-space:nowrap}.ai-start p{font-size:11px;line-height:1.8;color:#bcb29d}.ai-person{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.ai-person img{width:100%;aspect-ratio:1.7;object-fit:cover;border:1px solid #615540}.ai-person .mono{font-size:8px;color:#a99b80}.ai-person p{font:500 43px/1.05 var(--condensed);text-transform:uppercase;margin:15px 0 25px}.ai-person em{font-style:normal;color:var(--accent)}.ai-person a{font:9px/1.8 var(--mono);color:#e0c58f;border-bottom:1px solid #675333;padding-bottom:7px}.hero-ai-link{display:inline-block;font:9px var(--mono);margin-top:20px;color:var(--accent);border-bottom:1px solid #ffb40055;padding-bottom:6px}
@media(max-width:1000px){.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-copy{padding:18px}.ai-intro{gap:20px 30px}.ai-panel{padding:28px}.story-hero,.story-body{gap:28px}.story-panel{padding:32px 4%}.viewer-nav{padding-inline:4%}}
@media(max-width:700px){.proof-heading,.ai-intro{display:block}.proof-heading>.mono,.ai-intro>.mono{display:block;font-size:8px;margin-bottom:22px}.proof-heading h2,.ai-intro h2{font-size:62px}.proof-heading p{font-size:12px;margin-top:24px}.proof-count{font-size:8px}.case-filters{gap:7px}.case-filters button{padding:10px;font-size:9px}.case-filters button span{margin-left:6px}.proof-grid{grid-template-columns:1fr;gap:12px}.proof-card:nth-child(n+4) .proof-copy{display:grid;grid-template-columns:1fr auto;gap:6px 12px}.proof-card:nth-child(n+4) .proof-copy>.mono,.proof-card:nth-child(n+4) .proof-copy>h3,.proof-card:nth-child(n+4) .proof-copy>p,.proof-card:nth-child(n+4) .proof-copy>.proof-period{grid-column:1/-1}.proof-card:nth-child(n+4) .proof-open{grid-column:1/-1}.proof-copy p{min-height:0}.proof-copy h3{font-size:32px}.proof-next{display:block}.proof-next p{font-size:16px;margin-bottom:15px}.proof-next .action{font-size:8px}.proof-footnote{font-size:10px}.viewer-nav{position:sticky;top:89px;padding:0 18px;z-index:35}.viewer-nav button{font-size:8px;padding:13px 12px}.story-panel{overflow:visible;flex:none;padding:26px 20px 50px}.story-hero,.story-body{display:block}.story-intro h3{font-size:42px}.story-metric{margin-top:25px;padding:10px 18px}.story-metric>strong{font-size:44px}.story-cover{margin-top:25px}.story-body{margin-top:28px;padding-top:24px}.story-value{margin-top:28px;padding:23px 20px}.story-body p{font-size:12px}.story-extra{gap:20px}.ai-intro .ai-lead{font-size:21px;margin-top:26px}.ai-intro>p:not(.ai-lead){font-size:12px;margin-top:18px}.ai-intro .action{font-size:8px;margin-top:20px}.ai-section{gap:30px}.ai-workbench-top{padding:16px;font-size:7px}.ai-workbench-top>span:last-child{display:none}.ai-tabs button{font-size:8px;padding:18px 8px}.ai-panel{padding:25px 18px}.ai-panel h3{font-size:36px}.ai-flow{display:grid;grid-template-columns:1fr;gap:12px;padding:20px 0}.ai-flow>div{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;align-items:center}.ai-flow small{grid-column:1/-1;margin:0 0 4px}.ai-flow strong{font-size:25px}.ai-flow span{font-size:10px;margin:0}.ai-flow>b{transform:rotate(90deg);font-size:18px;justify-self:start;margin-left:12px}.ai-panel>p{font-size:12px}.ai-measure{display:block}.ai-measure span{display:block;margin-bottom:8px}.ai-measure strong{font-size:11px;line-height:1.7}.ai-start{display:block;padding:20px 18px}.ai-start span{display:block;margin-bottom:10px}.ai-person{grid-template-columns:1fr;gap:25px}.ai-person p{font-size:38px}.ai-person a{font-size:8px}.ai-person img{aspect-ratio:1.5}.hero-ai-link{font-size:8px}.cyber .header nav{gap:13px}.cyber .header nav a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.viewer-nav,.proof-card{transition:none}}
.cyber-portrait img{object-position:50% 18%;filter:saturate(.9) contrast(1.04)}
@media(max-width:700px){.viewer-nav{top:var(--viewer-head-height,89px)}}
.proof-card:nth-child(n+4){grid-column:1/-1;border-inline:0;border-top:0}
.proof-card:nth-child(n+4) button{display:grid;grid-template-columns:170px 1fr;align-items:center;background:transparent}
.proof-card:nth-child(n+4) .proof-image{display:block;aspect-ratio:1.697;margin:12px 0}
.proof-card:nth-child(n+4) .proof-copy{display:grid;grid-template-columns:minmax(200px,1fr) minmax(150px,.7fr) 24px;gap:7px 24px;padding:14px 20px}
.proof-card:nth-child(n+4) .proof-copy>.mono{grid-column:1;grid-row:1}
.proof-card:nth-child(n+4) .proof-copy h3{grid-column:1;grid-row:2;margin:0;font-size:27px}
.proof-card:nth-child(n+4) .proof-copy>p{grid-column:2;grid-row:1/3;min-height:0;align-self:center}
.proof-card:nth-child(n+4) .proof-period{grid-column:1/3;grid-row:3;margin:0;font-size:9px}
.proof-card:nth-child(n+4) .proof-copy>.proof-open{grid-column:3;grid-row:1/4;font-size:0;border:0;margin:0;padding:0}
.proof-card:nth-child(n+4) .proof-open b{font-size:28px}
@media(max-width:700px){.proof-card:nth-child(n+4) button{grid-template-columns:100px 1fr;align-items:start}.proof-card:nth-child(n+4) .proof-copy{display:block;padding:12px 0 15px 15px}.proof-card:nth-child(n+4) .proof-copy h3{font-size:24px;margin:7px 0}.proof-card:nth-child(n+4) .proof-copy>p{font-size:11px;line-height:1.6;margin-top:8px}.proof-card:nth-child(n+4) .proof-period{font-size:9px;margin-top:9px}.proof-card:nth-child(n+4) .proof-copy>.proof-open{display:none}.proof-card:nth-child(n+4) .proof-image{margin-top:15px}.cyber-portrait img{object-position:50% 10%}}