:root { --work-orange: #ff5a36; }
.work-page { --ai-accent: var(--work-orange); }
.work-page .ai-text-link:hover,.work-page .ai-text-link:focus { color:#c93414; }
.work-hero { background:#0a0a09; color:#fff; min-height:860px; overflow:hidden; position:relative; }
.work-hero__inner { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(430px,.8fr); gap:clamp(40px,6vw,100px); min-height:860px; align-items:center; padding-top:130px; padding-bottom:70px; }
.work-hero__copy { position:relative; z-index:2; }
.work-hero h1 { color:#fff; font-size:clamp(68px,8.2vw,132px); line-height:.86; margin:0 0 55px; max-width:900px; }
.work-hero__lede { color:rgba(255,255,255,.72); font-size:clamp(18px,1.55vw,24px); line-height:1.48; max-width:680px; margin-bottom:42px; }
.work-collage { height:620px; position:relative; }
.work-collage figure { box-shadow:0 22px 70px rgba(0,0,0,.35); margin:0; overflow:hidden; position:absolute; }
.work-collage img { height:100%; object-fit:cover; width:100%; }
.work-collage__clock { height:60%; left:3%; top:3%; width:67%; z-index:2; }
.work-collage__cheapr { bottom:3%; height:48%; right:0; width:61%; z-index:3; }
.work-collage__qubit { height:39%; right:1%; top:12%; width:40%; z-index:4; }
.work-collage > span { bottom:10%; color:rgba(255,255,255,.5); font-size:10px; left:3%; letter-spacing:.16em; position:absolute; text-transform:uppercase; transform:rotate(-90deg); transform-origin:left bottom; }

.work-intro { background:var(--ai-paper-bright); }
.work-intro__grid { display:grid; gap:clamp(60px,8vw,130px); grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr); }
.work-intro h2,.work-capabilities__intro h2,.work-agent h2,.work-archive__heading h2 { font-size:clamp(42px,5vw,76px); line-height:1.02; }
.work-intro h2 { margin-bottom:0; }
.work-intro__copy > p { color:#4e5049; font-size:clamp(17px,1.35vw,21px); line-height:1.65; }

.work-selected { background:var(--ai-paper); }
.work-case { background:var(--ai-paper-bright); margin-bottom:clamp(70px,9vw,140px); }
.work-case__visual { background:#deddd5; min-height:420px; overflow:hidden; }
.work-case__visual > img { height:100%; object-fit:cover; width:100%; }
.work-case__body { padding:clamp(32px,4vw,65px); }
.work-case__number { color:var(--ai-muted); font-size:11px; font-weight:700; letter-spacing:.15em; margin-bottom:28px; text-transform:uppercase; }
.work-case h3 { font-size:clamp(48px,6vw,92px); line-height:.94; margin-bottom:25px; }
.work-case--hero h3 { font-size:clamp(48px,4vw,64px); }
.work-case__lead { font-size:clamp(20px,2vw,30px); font-weight:600; letter-spacing:-.025em; line-height:1.25; margin-bottom:24px; max-width:680px; }
.work-case__body > p:not(.work-case__number):not(.work-case__lead) { color:#55574f; font-size:16px; line-height:1.7; max-width:670px; }
.work-case .ai-case__tags { margin-bottom:32px; margin-top:30px; }
.work-case--hero { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(390px,.65fr); }
.work-case--hero .work-case__visual { min-height:720px; }
.work-case--split { display:grid; grid-template-columns:minmax(0,1fr) minmax(400px,.82fr); }
.work-case--split .work-case__visual { min-height:660px; }
.work-case--reverse .work-case__visual { grid-column:2; grid-row:1; }
.work-case--reverse .work-case__body { grid-column:1; grid-row:1; }
.work-case__visual--double { display:grid; grid-template-columns:1fr 1fr; gap:2px; }
.work-case__visual--double img { height:100%; min-width:0; object-fit:cover; width:100%; }
.work-case--dark { background:#11120f; color:#fff; }
.work-case--dark .work-case__body > p:not(.work-case__number):not(.work-case__lead) { color:rgba(255,255,255,.65); }
.work-case--dark .ai-case__tags li { border-color:rgba(255,255,255,.25); color:rgba(255,255,255,.8); }
.work-case-grid { display:grid; gap:clamp(25px,3vw,50px); grid-template-columns:1fr 1fr; }
.work-case--card { display:flex; flex-direction:column; }
.work-case--card .work-case__visual { aspect-ratio:4/3; min-height:0; }
.work-case--card .work-case__body { flex:1; }
.work-case--card h3 { font-size:clamp(44px,5vw,72px); }
.work-case__visual--contain img { background:#e6e4dc; object-fit:contain; padding:8%; }
.work-case--wide { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(390px,.7fr); margin-bottom:0; }
.work-case--wide .work-case__visual { min-height:670px; }

.work-capabilities { background:var(--work-orange); color:#11120f; }
.work-capabilities .ai-kicker,.work-capabilities .ai-section-number { color:rgba(17,18,15,.65); }
.work-capabilities__intro { align-items:end; display:grid; gap:50px; grid-template-columns:1fr minmax(300px,.55fr); margin-bottom:clamp(70px,9vw,130px); }
.work-capabilities__intro h2 { margin-bottom:0; }
.work-capabilities__intro p { font-size:clamp(18px,1.5vw,23px); line-height:1.55; margin-bottom:0; }
.work-capabilities .ai-capability-list li { border-color:rgba(17,18,15,.35); }
.work-capabilities .ai-capability-list span,.work-capabilities .ai-capability-list em { color:rgba(17,18,15,.66); }

.work-physical-ai { background:var(--ai-paper-bright); }
.work-agent { align-items:stretch; display:grid; gap:clamp(40px,7vw,110px); grid-template-columns:minmax(0,.8fr) minmax(500px,1fr); margin-bottom:clamp(100px,11vw,170px); }
.work-agent__copy p { color:#55574f; font-size:clamp(17px,1.35vw,21px); line-height:1.65; }
.work-agent__diagram { background:#11120f; color:#fff; display:flex; flex-direction:column; justify-content:center; min-height:590px; overflow:hidden; padding:clamp(30px,4vw,70px); position:relative; }
.work-agent__diagram::after { border:1px solid rgba(255,90,54,.45); border-radius:50%; content:""; height:440px; position:absolute; right:-220px; top:-180px; width:440px; }
.work-agent__prompt { border-bottom:1px solid rgba(255,255,255,.22); display:flex; flex-direction:column; gap:20px; padding-bottom:34px; }
.work-agent__prompt small { color:var(--work-orange); font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.work-agent__prompt strong { font-size:clamp(24px,2.5vw,38px); font-weight:500; line-height:1.2; }
.work-agent__flow { align-items:center; display:grid; gap:12px; grid-template-columns:1fr auto 1fr auto 1fr; margin:45px 0; }
.work-agent__flow span { border:1px solid rgba(255,255,255,.25); font-size:11px; font-weight:700; letter-spacing:.08em; padding:18px 10px; text-align:center; text-transform:uppercase; }
.work-agent__flow i { color:var(--work-orange); font-size:22px; font-style:normal; }
.work-agent__devices { display:grid; gap:8px; grid-template-columns:repeat(4,1fr); }
.work-agent__devices span { background:var(--work-orange); color:#11120f; font-size:10px; font-weight:700; letter-spacing:.08em; padding:13px 5px; text-align:center; text-transform:uppercase; }
.work-agent__loop { color:rgba(255,255,255,.45); font-family:monospace; font-size:12px; letter-spacing:.08em; margin-top:28px; }
.work-crossover { display:grid; gap:2px; grid-template-columns:1fr 1fr 1fr; }
.work-crossover article { background:#ecebe4; min-height:520px; padding-bottom:35px; }
.work-crossover img { aspect-ratio:4/3; height:auto; object-fit:cover; width:100%; }
.work-crossover p,.work-crossover h3,.work-crossover article > span,.work-crossover .ai-text-link { margin-left:30px; margin-right:30px; }
.work-crossover p { color:var(--ai-muted); font-size:10px; font-weight:700; letter-spacing:.15em; margin-top:30px; text-transform:uppercase; }
.work-crossover h3 { font-size:clamp(28px,3vw,44px); line-height:1.05; margin-bottom:18px; }
.work-crossover article > span { color:#66685f; display:block; line-height:1.5; }
.work-crossover__bridge { background:var(--ai-accent)!important; display:flex; flex-direction:column; padding-top:30px; }
.work-crossover__bridge h3 { margin-top:auto; }
.work-crossover__bridge > span { color:#11120f!important; }
.work-crossover__bridge .ai-text-link { margin-top:40px; width:max-content; }

.work-archive { background:var(--ai-paper); }
.work-archive__heading { align-items:end; display:grid; gap:60px; grid-template-columns:1fr minmax(300px,.45fr); margin-bottom:clamp(70px,8vw,120px); }
.work-archive__heading h2,.work-archive__heading p { margin-bottom:0; }
.work-archive__heading p { color:#66685f; font-size:18px; line-height:1.6; }
.work-archive__grid { border-top:1px solid var(--ai-line); display:grid; grid-template-columns:1fr 1fr; }
.work-archive__grid > a,.work-archive__grid > article { align-items:baseline; border-bottom:1px solid var(--ai-line); color:var(--ai-ink); display:grid; gap:18px; grid-template-columns:38px 1fr auto; min-height:90px; padding:27px 22px 25px 0; transition:background .2s,padding .2s; }
.work-archive__grid > :nth-child(odd) { border-right:1px solid var(--ai-line); }
.work-archive__grid > :nth-child(even) { padding-left:22px; }
.work-archive__grid > a:hover { background:var(--work-orange); padding-left:22px; text-decoration:none; }
.work-archive__grid span { color:var(--ai-muted); font-size:10px; letter-spacing:.1em; }
.work-archive__grid strong { font-size:19px; font-weight:600; }
.work-archive__grid em { color:var(--ai-muted); font-size:12px; font-style:normal; }

.work-ai-bridge { background:#11120f; color:#fff; padding:clamp(100px,12vw,190px) 0; }
.work-ai-bridge__grid { display:grid; gap:30px; grid-template-columns:minmax(0,1fr) minmax(290px,.34fr); }
.work-ai-bridge .ai-kicker { color:var(--ai-accent); grid-column:1/-1; }
.work-ai-bridge h2 { color:#fff; font-size:clamp(52px,7vw,108px); line-height:.9; margin:0; }
.work-ai-bridge p:not(.ai-kicker) { color:rgba(255,255,255,.63); font-size:18px; line-height:1.6; }
.work-ai-bridge a { color:var(--ai-accent); font-size:13px; font-weight:700; grid-column:2; letter-spacing:.1em; text-transform:uppercase; }
.work-cta { background:var(--work-orange); }
.work-cta .ai-kicker { color:rgba(17,18,15,.65); }

@media (max-width:991px) {
  .work-hero__inner { grid-template-columns:1fr; padding-top:160px; }
  .work-hero__copy { padding-bottom:20px; }
  .work-collage { height:560px; }
  .work-intro__grid,.work-capabilities__intro,.work-agent,.work-archive__heading { grid-template-columns:1fr; }
  .work-case--hero,.work-case--split,.work-case--wide { grid-template-columns:1fr; }
  .work-case--reverse .work-case__visual,.work-case--reverse .work-case__body { grid-column:auto; grid-row:auto; }
  .work-case--hero .work-case__visual,.work-case--split .work-case__visual,.work-case--wide .work-case__visual { min-height:560px; }
  .work-agent__diagram { min-height:520px; }
  .work-crossover { grid-template-columns:1fr 1fr; }
  .work-crossover__bridge { grid-column:1/-1; min-height:400px; }
  .work-ai-bridge__grid { grid-template-columns:1fr; }
  .work-ai-bridge a { grid-column:1; }
}

@media (max-width:767px) {
  .work-hero,.work-hero__inner { min-height:760px; }
  .work-hero__inner { display:block; padding-top:135px; }
  .work-hero h1 { font-size:clamp(56px,18vw,82px); margin-bottom:32px; }
  .work-hero__lede { font-size:17px; margin-bottom:30px; }
  .work-collage { height:300px; margin-top:45px; }
  .work-collage__clock { height:72%; width:67%; }
  .work-collage__cheapr { height:48%; width:55%; }
  .work-collage__qubit { height:44%; width:42%; }
  .work-intro__grid { grid-template-columns:1fr; }
  .work-case { margin-bottom:60px; }
  .work-case__body { padding:28px 22px 36px; }
  .work-case h3 { font-size:50px; }
  .work-case__lead { font-size:21px; }
  .work-case--hero .work-case__visual,.work-case--split .work-case__visual,.work-case--wide .work-case__visual { min-height:360px; }
  .work-case__visual--double { min-height:330px!important; }
  .work-case-grid { grid-template-columns:1fr; }
  .work-capabilities__intro { gap:25px; }
  .work-agent__diagram { min-height:0; padding:30px 20px; }
  .work-agent__flow { align-items:stretch; grid-template-columns:1fr; margin:30px 0; }
  .work-agent__flow i { line-height:1; text-align:center; transform:rotate(90deg); }
  .work-agent__devices { grid-template-columns:1fr 1fr; }
  .work-crossover { display:block; }
  .work-crossover article { margin-bottom:2px; min-height:0; padding-bottom:35px; }
  .work-crossover__bridge { min-height:390px!important; }
  .work-archive__grid { display:block; }
  .work-archive__grid > a,.work-archive__grid > article { border-right:0!important; grid-template-columns:30px 1fr; padding-left:0!important; }
  .work-archive__grid em { display:none; }
  .work-archive__grid > a:hover { padding-left:12px!important; }
  .work-ai-bridge h2 { font-size:54px; }
}