/* Approved Immersion composition. Shared navigation and existing Encre tokens remain owners. */
.science-release-v17 .sc-hero-v21{padding:clamp(112px,12vh,146px) var(--sc-gutter) 0;background:var(--sc-bg);max-width:none;margin:0}
.sc-hero-v21 .sc-intro{margin:0 0 36px;max-width:1200px}
.science-release-v17 .sc-hero-v21 h1{font:500 clamp(36px,4.1vw,64px)/1.12 ManropeDS,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 22px;text-wrap:balance;max-width:1150px}
.science-release-v17 .sc-hero-v21 h1 span{color:var(--sc-cyan)}
.sc-hero-v21 .sc-intro>p{font-size:clamp(18px,1.4vw,21px);line-height:1.5;max-width:1000px;color:var(--sc-muted);margin:0}
.sc-hero-v21 .sc-grid{display:grid;grid-template-columns:32% minmax(0,1fr) minmax(0,1fr);grid-template-rows:310px 302px;gap:18px}
.sc-hero-v21 .sc-module{position:relative;display:block;isolation:isolate;padding:0;border:1px solid #40546770;border-radius:25px;overflow:hidden;background:var(--sc-surface);color:var(--sc-text);text-decoration:none;min-width:0;contain:layout paint;transition:border-color .25s}
.sc-hero-v21 .sc-module:is(:hover,:focus-visible){border-color:var(--sc-coral)}
.sc-hero-v21 .sc-portrait{grid-column:1;grid-row:1/3}
.sc-hero-v21 .sc-analytical{grid-column:2/4;grid-row:1}
.sc-hero-v21 .sc-longitudinal{grid-column:2;grid-row:2}
.sc-hero-v21 .sc-knowledge{grid-column:3;grid-row:2}
.sc-hero-v21 .sc-art{position:absolute;inset:0;z-index:-2;overflow:hidden;background:var(--sc-surface)}
.sc-hero-v21 .sc-portrait .sc-art{background:linear-gradient(115deg,#733a2d,#33353b 55%,#24505a)}
.sc-hero-v21 .sc-analytical .sc-art{background:radial-gradient(ellipse at 86% 12%,#b64e1338,transparent 65%),linear-gradient(120deg,#10202e,#1a3041 58%,#38333a)}
.sc-hero-v21 .sc-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#101c2a26,transparent 30%,#101c2a12 44%,#101c2adb 82%,#101c2af5);pointer-events:none}
.sc-hero-v21 .sc-art canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.sc-hero-v21 .sc-art .sc-layer-readout-v24{z-index:1;pointer-events:none}
.sc-hero-v21 .sc-portrait .sc-art canvas{mask-image:linear-gradient(#000 55%,transparent 90%)}
.sc-hero-v21 .sc-meta{position:absolute;top:23px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:14px;line-height:1.3;color:var(--sc-text)}
.sc-hero-v21 .sc-meta>span:first-child{color:var(--sc-coral);flex:none}
.sc-hero-v21 .sc-meta>span:last-child{text-align:right;max-width:205px}
.sc-hero-v21 .sc-copy{position:absolute;left:23px;right:23px;bottom:24px;padding-right:25px}
.science-release-v17 .sc-hero-v21 .sc-copy h2{font:500 clamp(26px,2.25vw,34px)/1.16 ManropeDS,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 13px;text-wrap:balance}
.sc-hero-v21 .sc-copy p{font-size:16px;line-height:1.4;color:var(--sc-muted);margin:0;max-width:min(400px,calc(100% - 18px))}
.sc-hero-v21 .sc-portrait .sc-copy{bottom:28px;padding-right:0}
.science-release-v17 .sc-hero-v21 .sc-portrait h2{font-size:clamp(28px,2.5vw,38px)}
.sc-hero-v21 .sc-portrait .sc-copy p{border-top:1px solid #afbfce44;padding-top:18px;margin-top:20px;max-width:calc(100% - 42px)}
.science-release-v17 .sc-hero-v21 .sc-analytical h2{font-size:clamp(28px,2.5vw,38px);max-width:540px}
.sc-hero-v21 .sc-open{position:absolute;bottom:0;right:0;display:grid;place-items:center;width:34px;height:34px;border:1px solid #afbfce80;border-radius:50%;font-size:22px;line-height:1;background:#101c2a66;color:var(--sc-text)}
@media(max-width:1000px){.sc-hero-v21 .sc-copy{left:18px;right:18px}.sc-hero-v21 .sc-meta{left:18px;right:18px;font-size:13px}.sc-hero-v21 .sc-copy p{font-size:15px}}
@media(max-width:760px){.science-release-v17 .sc-hero-v21{padding:112px 24px 0}.sc-hero-v21 .sc-grid{grid-template-columns:1fr 1fr;grid-template-rows:310px 330px 300px;gap:16px}.sc-hero-v21 .sc-analytical{grid-column:1/3;grid-row:1}.sc-hero-v21 .sc-portrait{grid-column:1/3;grid-row:2}.sc-hero-v21 .sc-longitudinal{grid-column:1;grid-row:3}.sc-hero-v21 .sc-knowledge{grid-column:2;grid-row:3}.sc-hero-v21 .sc-portrait .sc-art{right:40%}.sc-hero-v21 .sc-portrait .sc-copy{left:53%;top:95px;bottom:24px}.science-release-v17 .sc-hero-v21 .sc-copy h2{font-size:26px}.sc-hero-v21 .sc-portrait .sc-copy p{margin-top:15px;padding-top:14px}.sc-hero-v21 .sc-portrait .sc-meta{z-index:1}}
@media(max-width:520px){.science-release-v17 .sc-hero-v21{padding:108px 20px 0}.science-release-v17 .sc-hero-v21 h1{font-size:36px}.sc-hero-v21 .sc-intro{margin-bottom:30px}.sc-hero-v21 .sc-intro>p{font-size:18px}.sc-hero-v21 .sc-grid{display:flex;flex-direction:column}.sc-hero-v21 .sc-module{height:300px;flex:none}.sc-hero-v21 .sc-portrait{height:450px}.sc-hero-v21 .sc-portrait .sc-art{right:0}.sc-hero-v21 .sc-portrait .sc-copy{left:18px;right:18px;top:auto;bottom:24px}.sc-hero-v21 .sc-portrait .sc-copy h2 br:nth-of-type(2){display:none}.sc-hero-v21 .sc-meta{font-size:13px}.sc-hero-v21 .sc-meta>span:last-child{max-width:225px}.science-release-v17 .sc-hero-v21 .sc-portrait h2{font-size:29px}.sc-hero-v21 .sc-copy p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.sc-hero-v21 .sc-module{transition:none}}
/* The same four chapter labels as the hero; no extra numbering inside cards. */
.science-release-v17 .sc-section-index{display:flex!important;position:relative;inset:auto;align-items:center;gap:12px;width:auto;max-width:none;margin:0 0 18px;padding:0;font:400 15px/1.4 SourceDS,Arial,sans-serif;letter-spacing:.02em;text-transform:none;color:var(--sc-muted)}
.science-release-v17 .sc-section-index>span:first-child{color:var(--sc-coral);flex:none}
.science-release-v17 .bio-loop-heading .sc-section-index{grid-column:1/-1;margin-bottom:0}
.science-release-v17 .systems-copy .sc-section-index{z-index:1}

/* A slightly more open studio surface; text stays fully opaque. */
.sc-hero-v21 .sc-module{background:rgba(24,39,55,.42);border-color:#afbfce38;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sc-hero-v21 .sc-art{opacity:.82}
.sc-hero-v21 .sc-art::after{background:linear-gradient(180deg,#101c2a14,transparent 30%,#101c2a0a 44%,#101c2ac7 82%,#101c2ae8)}
.sc-hero-v21 .sc-portrait .sc-art canvas{opacity:0;transition:opacity .85s ease}
.sc-hero-v21 .sc-portrait .sc-art.webgl-ready canvas{opacity:1}
.sc-hero-v21 .sc-analytical .sc-art canvas{transition:opacity .75s ease}
.sc-hero-v21 .sc-analytical:not([data-render-state=ready]) .sc-art canvas{opacity:0}
@keyframes sc-intro-arrive-v54{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}
@keyframes sc-arrive-v54{from{opacity:0;transform:translate3d(0,24px,0) scale(.988);clip-path:inset(5% 0 0 round 25px)}to{opacity:1;transform:none;clip-path:inset(0 round 25px)}}
@media(prefers-reduced-motion:no-preference){
 .sc-hero-v21 .sc-intro{animation:sc-intro-arrive-v54 .85s cubic-bezier(.2,.7,.2,1) both}
 .sc-hero-v21 .sc-module{animation:sc-arrive-v54 1s cubic-bezier(.2,.7,.2,1) var(--sc-arrival-delay,.16s) both}
 .sc-hero-v21 .sc-portrait{--sc-arrival-delay:.25s}
 .sc-hero-v21 .sc-longitudinal{--sc-arrival-delay:.34s}
 .sc-hero-v21 .sc-knowledge{--sc-arrival-delay:.43s}
 .sc-hero-v21 .sc-module.sc-reveal-pending{animation:none;opacity:0;transform:translate3d(0,24px,0) scale(.988);clip-path:inset(5% 0 0 round 25px)}
 .sc-hero-v21 .sc-module.sc-reveal-pending:focus-visible{animation:none;opacity:1;transform:none;clip-path:none}
}
@media(prefers-reduced-motion:reduce){.sc-hero-v21 :is(.sc-intro,.sc-module){animation:none;opacity:1;transform:none;clip-path:none}.sc-hero-v21 .sc-art canvas{transition:none}}
