@import url('/project.css');

.ops-hero{grid-template-columns:.82fr 1.18fr;max-width:1560px}
.ops-hero h1{font-size:clamp(3.3rem,7.2vw,7.6rem)}
.ops-kicker{margin:.8rem 0 0;font-family:"Archivo Black",sans-serif;font-size:clamp(1.35rem,2.4vw,2.5rem);line-height:1.08}
.ops-visual{width:100%;background-image:url('/assets/projects/operations-intelligence/operations-intelligence-board.jpeg');background-repeat:no-repeat;background-color:#f4f5f7;border:1px solid #d9dce3;box-shadow:18px 18px 0 var(--purple)}
.crop-dashboard{aspect-ratio:1.43/1;background-size:204% auto;background-position:left top}
.crop-products{aspect-ratio:1.43/1;background-size:204% auto;background-position:right top}
.crop-materials{aspect-ratio:1.25/1;background-size:302% auto;background-position:left bottom}
.crop-ai{aspect-ratio:1.2/1;background-size:302% auto;background-position:center bottom}
.crop-flow{aspect-ratio:1.25/1;background-size:302% auto;background-position:right bottom}
.ops-section{max-width:1560px}
.ops-copy{max-width:810px}
.ops-copy p,.ops-section li{color:var(--muted);font-size:1.06rem}
.ops-copy .statement{color:var(--cream);font-size:clamp(1.45rem,2.4vw,2.2rem);font-weight:600}
.ops-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(35px,7vw,110px);align-items:start}
.ops-layout.reverse{grid-template-columns:1.2fr .8fr}
.ops-layout.reverse .ops-copy{order:2}
.ops-layout.reverse .ops-visual{order:1}
.ops-process{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:48px;background:var(--line);border:1px solid var(--line)}
.ops-process article{background:var(--panel);padding:24px 20px}
.ops-process span{color:var(--purple);font-family:"Space Mono",monospace}
.ops-process h3{margin-top:16px;font-size:1.08rem;letter-spacing:-.03em}
.ops-process p{margin-bottom:0;color:var(--muted);font-size:.95rem}
.ops-product-list,.ops-status-grid,.ops-capabilities{display:grid;gap:1px;margin:34px 0;background:var(--line);border:1px solid var(--line)}
.ops-product-list{grid-template-columns:repeat(5,1fr)}
.ops-product-list article,.ops-status-grid article,.ops-capabilities article{background:var(--panel);padding:22px}
.ops-product-list h3,.ops-status-grid h3{font-size:1rem;letter-spacing:-.02em}
.ops-product-list p,.ops-status-grid p{color:var(--muted);font-size:.94rem;margin-bottom:0}
.ops-status-grid{grid-template-columns:repeat(4,1fr)}
.ops-status-grid article{border-top:4px solid var(--lime)}
.ops-status-grid article:nth-child(1){border-color:#ff4b4b}.ops-status-grid article:nth-child(2){border-color:#ff8a34}.ops-status-grid article:nth-child(3){border-color:#ffc63d}.ops-status-grid article:nth-child(4){border-color:#28c77d}
.ops-question{margin:30px 0 0;padding:26px;border-left:6px solid var(--lime);background:var(--panel);font-family:"Archivo Black",sans-serif;font-size:clamp(1.35rem,2.7vw,2.4rem);line-height:1.25}
.ops-source-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin:32px 0}
.ops-source-grid ul{list-style:none;margin:0;padding:0}.ops-source-grid li{padding:8px 0;border-bottom:1px solid var(--line)}
.ops-source-grid strong{color:var(--lime);font-family:"Space Mono",monospace;text-transform:uppercase;font-size:.78rem}
.ops-arrow{color:var(--purple);font-size:2rem}
.ops-benefits{columns:2;column-gap:56px;padding-left:1.2rem}
.ops-benefits li{margin:0 0 12px;break-inside:avoid}
.ops-capabilities{grid-template-columns:1fr 1fr;margin-top:42px}
.ops-capabilities h3{color:var(--lime);font-size:clamp(1.5rem,3vw,2.8rem)}
.ops-capabilities ul{columns:2;padding-left:1.1rem}
.ops-disclosure{max-width:980px;margin:0 auto;padding:32px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(168,85,247,.12),rgba(200,255,61,.04))}
.ops-disclosure h3{margin-bottom:15px}
.ops-disclosure p{margin:0;color:var(--muted)}
.ops-next-links{display:flex;flex-wrap:wrap;gap:12px}
.ops-next-links a{margin-top:22px}
.ops-next-links a.secondary{background:transparent;border:1px solid var(--black);color:var(--black)}

@media(max-width:1050px){
  .ops-hero,.ops-layout,.ops-layout.reverse{grid-template-columns:1fr}
  .ops-layout.reverse .ops-copy,.ops-layout.reverse .ops-visual{order:initial}
  .ops-visual{box-shadow:12px 12px 0 var(--purple)}
  .ops-process,.ops-product-list{grid-template-columns:repeat(2,1fr)}
  .ops-status-grid{grid-template-columns:repeat(2,1fr)}
  .ops-capabilities ul{columns:1}
}
@media(max-width:620px){
  .ops-process,.ops-product-list,.ops-status-grid,.ops-capabilities{grid-template-columns:1fr}
  .ops-source-grid{grid-template-columns:1fr}.ops-arrow{transform:rotate(90deg);justify-self:center}
  .ops-benefits{columns:1}
  .ops-visual{box-shadow:8px 8px 0 var(--purple)}
}