.ai-hero { position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:1.25fr 1fr; gap:2vw; min-height:clamp(44rem,90svh,60rem); padding:clamp(9rem,17vh,13rem) var(--digital-pad) 5rem; align-items:center; background:#080b0d; }
.ai-hero::after { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(90deg,#080b0df5 0%,#080b0ddd 27%,#080b0d70 50%,transparent 76%),linear-gradient(0deg,#080b0d,transparent 18%,transparent 85%,#080b0d80); }
.ai-hero__copy { min-width:0; position:relative; z-index:1; }
.ai-hero h1 { font-size:clamp(3rem,5.2vw,6rem); line-height:1.04; }
.ai-intro { max-width:32rem; margin:2rem 0 1.5rem; color:var(--digital-muted); font-size:1.15rem; }
.ai-lab { position:absolute; inset:0; z-index:-1; margin:0; pointer-events:none; background:radial-gradient(ellipse at 75% 50%,#163346,transparent 65%); }
.ai-lab__visual { position:absolute; inset:0; }
.ai-lab canvas { position:absolute; width:100%; height:100%; inset:0; }
.ai-lab canvas { opacity:0; }
.ai-lab.is-ready canvas { opacity:1; }
.ai-journey { height:var(--ai-journey-height,220svh); background:#080b0d; }
.ai-journey .ai-hero { position:sticky; top:var(--ai-pin-top,0px); min-height:100svh; }
.ai-journey.is-unavailable { height:auto; }
.ai-journey.is-unavailable .ai-hero { position:relative; top:auto; }
.ai-manifesto { border-block:1px solid var(--digital-line); }
.ai-manifesto h2 { font-size:clamp(2.2rem,3.7vw,4rem); }
.ai-manifesto__copy p + p { margin-top:1.5rem; color:var(--digital-muted); }
.ai-fields { background:#e9ece9; color:#10232b; }
.ai-fields em { color:#365d6e; }
.ai-field { display:grid; grid-template-columns:.17fr .85fr 1.3fr; gap:2rem; padding:3.2rem 0; border-top:1px solid #b3c0c5; }
.ai-field:first-of-type { margin-top:3.5rem; }
.ai-field:last-child { padding-bottom:0; }
.ai-field__number { font-size:.7rem; letter-spacing:.12em; padding-top:.5rem; color:#476778; }
.ai-field h3 { font-size:clamp(1.7rem,2.5vw,2.7rem); }
.ai-field p { font-size:1rem; color:#344c57; }
.ai-field p + p { margin-top:1rem; }
.ai-field .ai-statement { margin-top:1.5rem; color:#10232b; }
.ai-statement strong { font-weight:600; }
.ai-future { background:radial-gradient(ellipse at 100% 75%,#173541,transparent 65%); }
.ai-future__intro { max-width:43rem; margin-top:2rem; color:var(--digital-muted); font-size:1.15rem; }
.ai-disciplines { display:flex; flex-wrap:wrap; gap:.6rem 1.3rem; margin:3rem 0; padding-block:1.6rem; border-block:1px solid var(--digital-line); font-size:clamp(1.4rem,3vw,3rem); letter-spacing:-.04em; }
.ai-disciplines span, .ai-disciplines a:hover { color:var(--digital-blue); }
.ai-future__closing { margin-bottom:2rem; }
.ai-future__closing p:first-child { color:var(--digital-muted); }
.ai-future__closing p:last-child { font-size:clamp(1.4rem,2.3vw,2.2rem); margin-top:.6rem; }
@media(max-width:900px) { .ai-hero { grid-template-columns:1fr; gap:3rem; } .ai-hero h1 { font-size:clamp(3rem,8.3vw,5.5rem); max-width:44rem; } .ai-field { grid-template-columns:.15fr 1fr; gap:1.3rem; } .ai-field>div { grid-column:2; } }
@media(max-width:700px) { .ai-hero { padding-bottom:17rem; } .ai-hero::after { background:linear-gradient(180deg,#080b0de8 0%,#080b0dce 43%,#080b0d35 72%,#080b0d 100%); } }
@media(max-width:520px) { .ai-field { grid-template-columns:1fr; gap:1rem; } .ai-field>div { grid-column:auto; } .internal-header>p { display:none; } .internal-header { grid-template-columns:1fr 1fr; } .ai-future .digital-link { gap:1rem; font-size:.6rem; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media(prefers-reduced-motion:reduce) { .ai-journey { height:auto; } .ai-journey .ai-hero { position:relative; top:auto; } }