.strut-ai-hero{background:#171717;color:#fff;position:relative;overflow:hidden}
.strut-ai-hero:after{content:'✦';position:absolute;right:7%;top:14%;color:var(--lime);font-size:190px;font-weight:300;transform:rotate(18deg);opacity:.9}
.strut-ai-hero h1{position:relative;z-index:1}
.strut-ai-hero h1 em{font-family:var(--serif);font-weight:500;color:var(--lime)}
.ai-operating-model{max-width:var(--max);margin:auto}
.ai-ops{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);margin-top:65px}
.ai-ops>div{padding:30px;border-right:1px solid var(--ink);min-height:310px}
.ai-ops>div:last-child{border:0}
.ai-ops span{font:36px var(--serif)}
.ai-ops h3{font-size:23px;margin-top:75px}
.ai-ops p{font-size:13px;color:var(--muted)}
.context-diagram{background:var(--lime);padding:90px max(28px,calc((100vw - var(--max))/2 + 48px));display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:30px}
.context-diagram>div{border:1px solid var(--ink);padding:28px;min-height:180px}
.context-diagram .context-core{background:var(--violet)}
.context-diagram span{font:9px var(--mono);letter-spacing:.12em}
.context-diagram b{display:block;font-size:25px;line-height:1.15;margin-top:45px}
.context-diagram i{font:30px var(--serif);font-style:normal}
@media(max-width:760px){.strut-ai-hero:after{font-size:100px;right:-20px;top:30%}.ai-ops{grid-template-columns:1fr}.ai-ops>div{border-right:0;border-bottom:1px solid;min-height:220px}.ai-ops h3{margin-top:40px}.context-diagram{grid-template-columns:1fr;padding:60px 20px}.context-diagram i{transform:rotate(90deg);text-align:center}}
