/* Work overview: two substantial project features, each with a clear path into the story. */
body[data-layout="work"] { background:#091629; }
.work-skip { position:fixed; top:-80px; left:24px; z-index:100; background:#fff; color:#10233d; padding:12px 18px; }
.work-skip:focus { top:16px; }
:is(.work-intro,.work-project,.work-contact) :is(h1,h2,h3) { font-family:"Inter",system-ui,sans-serif; font-weight:400; letter-spacing:-.05em; line-height:1.08; }
.work-intro { padding:148px 0 68px; background:#091629; color:#f2f6fc; }
.work-intro__layout { display:grid; grid-template-columns:1.3fr 1fr; gap:12%; align-items:end; }
.work-intro h1 { font-size:clamp(68px,8.2vw,132px); letter-spacing:-.065em; line-height:.98; }
.work-intro h1 em { color:#a9c9fa; }
.work-intro__aside { padding-bottom:4px; }
.work-intro__aside>p { max-width:26ch; font-size:clamp(19px,2vw,28px); line-height:1.4; letter-spacing:-.025em; color:#c2d3e9; }
.work-index { margin-top:32px; border-top:1px solid #a9c3e433; }
.work-index a { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 0; border-bottom:1px solid #a9c3e433; color:#bdd0e9; font-size:14px; }
.work-index a>span:last-child { font-size:20px; color:#92baff; }
.work-index a:hover { color:#fff; }
.work-project { padding:56px 0 34px; scroll-margin-top:94px; }
.work-project--stine { background:#f1f4f8; color:#10233d; }
.work-project__header { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:32px; }
.work-project__header h2 { font-size:clamp(30px,3.2vw,48px); }
.work-project__header p { font-size:13px; color:#617791; }
.work-project__layout { display:grid; grid-template-columns:1.2fr 1fr; gap:7%; align-items:center; }
.work-project__visual { position:relative; display:flex; align-items:center; justify-content:center; min-width:0; min-height:450px; aspect-ratio:1.2; padding:35px 28px 83px; background:#dae5f1; border:1px solid #a5b8cf55; overflow:hidden; }
.work-project__visual img { width:100%; height:auto; max-height:100%; object-fit:contain; box-shadow:0 18px 42px #19334d20; transition:transform .5s ease; }
.work-project__visual-link { position:absolute; bottom:0; left:0; width:100%; display:flex; justify-content:space-between; align-items:center; padding:18px 25px; color:#2c4d77; border-top:1px solid #9eb1c83d; font-size:13px; }
.work-project__visual-link>span { font-size:24px; line-height:1; }
.work-project__visual:focus-visible { outline-color:#3974c7; outline-offset:5px; }
.work-project__story { padding:8px 0; min-width:0; }
.work-project__story h3 { font-size:clamp(31px,3.3vw,50px); line-height:1.1; }
.work-project__story h3 em { color:#4774b4; }
.work-project__story>p { font-size:14px; line-height:1.8; color:#526b8a; margin-top:25px; max-width:52ch; }
.work-project__facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:30px; padding-top:23px; border-top:1px solid #97abc450; }
.work-project__facts>div { display:flex; flex-direction:column-reverse; justify-content:flex-end; gap:8px; }
.work-project__facts dt { color:#617791; font-size:11px; line-height:1.5; }
.work-project__facts dd { color:#214a80; font-size:clamp(29px,3vw,43px); letter-spacing:-.05em; font-weight:400; line-height:1; }
.work-project__facts dd>span { font-size:12px; letter-spacing:0; }
.work-link { display:inline-flex; align-items:center; justify-content:space-between; gap:26px; min-height:46px; font-size:13px; color:#2258a7; border-bottom:1px solid #6b8cb855; }
.work-link>span { font-size:22px; }
.work-link:hover { border-color:currentColor; }
.work-project__story>.work-link { margin-top:24px; }
.work-project__foot { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px 28px; margin-top:30px; padding-top:22px; border-top:1px solid #97abc450; color:#60738d; font-size:12px; }
.work-project__foot a { display:inline-flex; align-items:center; gap:16px; min-height:44px; color:#315e9a; }
.work-project__foot a:hover { text-decoration:underline; text-underline-offset:5px; }
.work-project--soygen { padding-top:60px; background:#10253f; color:#f0f5fc; }
.work-project--soygen .work-project__layout { grid-template-columns:1fr 1.2fr; }
.work-project--soygen .work-project__visual { grid-column:2; grid-row:1; background:#1a3657; border-color:#7795bb3a; }
.work-project--soygen .work-project__story { grid-column:1; grid-row:1; }
.work-project--soygen .work-project__header p { color:#96b0cf; }
.work-project--soygen .work-project__story h3 em { color:#a4c5f8; }
.work-project--soygen .work-project__story>p { color:#afc1d9; }
.work-project--soygen .work-project__visual-link,.work-project--soygen .work-link { color:#d0e2ff; border-color:#8faacf44; }
.work-project__capabilities { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:0 22px; margin-top:28px; }
.work-project__capabilities li { padding:10px 0; border-top:1px solid #8faacf44; color:#9eb9dc; font-size:12px; }
.work-project--soygen .work-project__foot { color:#98b2d2; border-color:#8faacf44; }
.work-project--soygen .work-project__foot a { color:#c2dbff; }
.work-contact { padding:76px 0 84px; background:#e9eff6; color:#10233d; }
.work-contact__layout { display:grid; grid-template-columns:1fr 1fr; gap:10%; align-items:center; }
.work-contact h2 { font-size:clamp(44px,5.4vw,82px); }
.work-contact h2 em { color:#4774b4; }
.work-contact p { max-width:42ch; font-size:17px; line-height:1.75; color:#576f8d; }
.work-contact__actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:27px; }
.work-contact .btn { background:#16365e; color:#fff; }
.work-contact .btn:hover { background:#244c7e; }
.work-testimonial-ticker { height:96px; display:flex; align-items:stretch; position:relative; isolation:isolate; color:#e5edf5; background:#071526; border-top:1px solid #7598c344; border-bottom:1px solid #213954; }
.work-hero .work-testimonial-ticker { margin-bottom:clamp(20px,2.4vw,36px); }
.signal-ticker__link { display:flex; align-items:stretch; flex:1; min-width:0; color:inherit; }
.signal-ticker__link:focus-visible { outline-offset:-4px; }
.signal-ticker__label { display:flex; align-items:center; padding:0 clamp(24px,4.3vw,84px); flex:none; color:#d8e6f7; background:#0c1e34; border-right:1px solid #7192b340; font-size:12px; }
.signal-ticker__label small { display:block; margin-top:5px; color:#96afce; font-size:10px; }
.signal-ticker__window { flex:1; min-width:0; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; }
.signal-ticker__window::-webkit-scrollbar { display:none; }
.signal-ticker__track { display:flex; width:max-content; height:100%; }
.signal-ticker__sequence { display:flex; flex:none; align-items:center; gap:72px; padding-right:72px; }
.signal-ticker__item { display:flex; align-items:center; gap:24px; height:100%; padding-left:30px; white-space:nowrap; }
.signal-ticker__logo { display:block; flex:none; object-fit:contain; }
.signal-ticker__logo--stine { width:48px; height:48px; }
.signal-ticker__item strong { color:#9fc6ff; font-family:"Geist Mono",monospace; font-size:clamp(17px,1.35vw,22px); font-weight:500; }
.signal-ticker__item>span { color:#dce6f2; font-family:"Geist Mono",monospace; font-size:clamp(13px,1.05vw,17px); }
.signal-ticker__item i { color:#8cbcff; font-size:20px; font-style:normal; }
.signal-ticker__pause { display:none; flex:none; width:60px; border:0; border-left:1px solid #7192b340; background:#0c1e34; color:#bce0ff; font-size:19px; cursor:pointer; }
.signal-ticker.ticker-ready .signal-ticker__pause { display:block; }
.ticker-ready .signal-ticker__track { animation:signal-scroll 48s linear infinite; }
.signal-ticker__link:hover .signal-ticker__track,.signal-ticker.is-paused .signal-ticker__track,.signal-ticker.is-background .signal-ticker__track { animation-play-state:paused; }
.signal-ticker.is-reading .signal-ticker__track { animation:none; transform:none; }
.signal-ticker.is-reading .signal-ticker__sequence[aria-hidden="true"] { display:none; }
@keyframes signal-scroll { to { transform:translateX(-50%); } }
body:is([data-layout="work"],[data-layout="work-study"]) .closeband { padding-top:60px; }
body:is([data-layout="work"],[data-layout="work-study"]) .closeband .tagband { flex-direction:row; flex-wrap:wrap; gap:10px; align-items:center; }
body:is([data-layout="work"],[data-layout="work-study"]) .closeband .tagband span { font-family:inherit; font-size:15px; text-transform:none; letter-spacing:0; }

/* The original case-study copy stays intact, with a return path and quieter section hierarchy. */
.work-back { display:inline-flex; gap:12px; align-items:center; min-height:44px; color:#aec6e7; font-size:13px; margin-bottom:22px; }
.work-back:hover { color:#fff; }
.stine-hero { position:relative; isolation:isolate; display:flex; align-items:flex-end; min-height:clamp(620px,88svh,880px); padding:170px 0 62px; background:#0b1a2a; color:#f6f9ff; overflow:hidden; }
.stine-hero__media { position:absolute; inset:0; margin:0; z-index:-2; }
.stine-hero__media img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:62% 45%; }
.stine-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,#061321f2 0%,#06132199 30%,#0613210d 67%),linear-gradient(90deg,#06132145,transparent 75%); }
.stine-hero__content { position:relative; padding-top:120px; }
.stine-hero .work-back { color:#e3edfb; margin-bottom:24px; }
.stine-hero .work-back:hover { color:#fff; text-decoration:underline; text-underline-offset:5px; }
.stine-hero__title { font-family:"Inter",system-ui,sans-serif; font-size:clamp(44px,5.7vw,88px); font-weight:400; line-height:1.06; letter-spacing:-.055em; max-width:1200px; color:#f6f9ff; text-wrap:balance; }
.stine-hero__title .mask { display:block; padding:0; overflow:visible; }
.stine-hero__title .rise { display:inline; opacity:1; transform:none; animation:none; }
.stine-hero__title em { color:#c3daff; font-weight:400; }
.stine-summary { padding:44px 0 20px; background:#d8e4f2; color:#172943; }
.stine-summary__layout { display:grid; grid-template-columns:1.4fr 1fr; gap:8%; align-items:start; }
.stine-summary__copy { font-size:18px; line-height:1.75; color:#405e82; max-width:62ch; }
.stine-summary__meta { display:grid; grid-template-columns:1fr 1fr; gap:20px 28px; color:#4a6586; font-size:12px; line-height:1.65; padding-top:4px; }
/* Real column containers keep headings in flow, independent of legacy .mgrid rules. */
body[data-layout="work-study"] .case-chapter__layout { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:52px 8%; align-items:start; }
body[data-layout="work-study"] .case-chapter .case-chapter__title { position:static; top:auto; grid-column:1; grid-row:auto; min-width:0; max-width:17ch; margin:0; font-size:clamp(34px,3.5vw,54px); line-height:1.12; text-wrap:balance; overflow-wrap:break-word; }
.case-chapter__body { grid-column:2; display:flex; flex-direction:column; gap:28px; min-width:0; }
.case-chapter__wide { grid-column:1/-1; display:flex; flex-direction:column; gap:28px; min-width:0; }
body[data-layout="work-study"] :is(.case-chapter__body,.case-chapter__wide)>* { grid-column:auto; grid-row:auto; margin:0 !important; }
body[data-layout="work-study"] .case-chapter__body>.lede { max-width:none; }
body[data-layout="work-study"] .case-chapter .work-study__subheading { font-size:24px; line-height:1.3; letter-spacing:-.025em; }
body[data-layout="work-study"] .case-chapter .work-study__subheading:not(:first-child) { padding-top:12px; }
body[data-layout="work-study"] .case-chapter__wide .caps { gap:0 40px; }
body[data-layout="work-study"] .case-chapter__wide .caps h3 { margin-bottom:12px; line-height:1.35; }
body[data-layout="work-study"] .case-chapter__wide .pair { min-width:0; }

/* The nine domains share one surface, with visible descriptions on every device. */
.domain-map { padding:clamp(24px,3.2vw,48px); background:#10233d; color:#edf4ff; border:1px solid #294463; }
.domain-map__intro { display:flex; justify-content:space-between; align-items:end; gap:24px; }
body[data-layout="work-study"] .domain-map__intro h3 { max-width:13ch; font-size:clamp(28px,3vw,42px); line-height:1.12; letter-spacing:-.04em; color:#edf4ff; }
.domain-map__intro p { max-width:28ch; color:#b8cce7; font-size:16px; line-height:1.6; }
.domain-map__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#385474; border:1px solid #385474; }
.domain-card { min-width:0; padding:28px; background:#142b48; transition:background .25s ease; }
.domain-card dt { color:#f1f6fd; font-size:22px; line-height:1.3; letter-spacing:-.025em; }
.domain-card dt>span { display:block; width:32px; height:32px; margin-bottom:28px; }
.domain-card .new-icon { width:30px; height:30px; color:#9dc4ff; }
.domain-card dd { max-width:28ch; margin:12px 0 0; color:#b6cbe6; font-size:14px; line-height:1.6; }
.work-scope { grid-column:2; padding-top:18px; }
body[data-layout="work-study"] .work-scope h3 { font-size:24px; line-height:1.3; letter-spacing:-.025em; }
.work-scope>p { display:flex; align-items:baseline; gap:14px; margin-top:22px; color:#536d8d; font-size:13px; }
.work-scope>p strong { font-size:52px; font-weight:400; line-height:1; letter-spacing:-.05em; color:#264e87; }
.work-scope dl { margin-top:16px; }
.work-scope dl>div { position:relative; display:flex; align-items:baseline; justify-content:space-between; gap:20px; padding:17px 0 14px; margin-top:5px; border-bottom:3px solid #809abe26; }
.work-scope dl>div::after { content:""; position:absolute; left:0; bottom:-3px; width:var(--share); height:3px; background:#4774b4; }
.work-scope dt { color:#536d8d; font-size:13px; }
.work-scope dd { color:#264e87; font-size:18px; font-variant-numeric:tabular-nums; }

@media(hover:hover) {
  .work-project__visual:hover img { transform:translateY(-4px) scale(1.015); }
  .domain-card:hover { background:#1d3b60; }
}
@media(max-width:1100px) {
  .work-intro__layout { gap:8%; }
  .work-project__layout,.work-project--soygen .work-project__layout { gap:5%; }
  .work-project__visual { min-height:420px; padding-inline:20px; }
  .work-project__story h3 { font-size:34px; }
  .work-project__facts { gap:12px; }
  .case-chapter__body .pbars { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:800px) {
  .work-testimonial-ticker { height:82px; }
  .signal-ticker__label { padding-inline:22px; }
  .signal-ticker__sequence { gap:48px; padding-right:48px; }
  .signal-ticker__item { gap:18px; padding-left:22px; }
  .signal-ticker__logo--stine { width:40px; height:40px; }
  .signal-ticker__pause { width:52px; }
  .work-intro { padding:123px 0 48px; }
  .work-intro__layout { grid-template-columns:1fr; gap:32px; }
  .work-intro h1 { font-size:clamp(64px,12vw,90px); }
  .work-intro__aside { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; }
  .work-intro__aside>p { font-size:20px; }
  .work-index { margin:0; }
  .work-project { padding:40px 0 25px; }
  .work-project__header { margin-bottom:24px; }
  .work-project__layout,.work-project--soygen .work-project__layout { grid-template-columns:1fr; gap:30px; }
  .work-project--soygen .work-project__visual,.work-project--soygen .work-project__story { grid-column:auto; grid-row:auto; }
  .work-project__visual { min-height:0; aspect-ratio:1.5; padding:28px 28px 75px; }
  .work-project__story { padding:0; }
  .work-project__story h3 { font-size:clamp(33px,5.6vw,46px); max-width:25ch; }
  .work-project__story>p { max-width:70ch; font-size:15px; }
  .work-project__facts { max-width:520px; }
  .work-project__facts dd { font-size:40px; }
  .work-project__capabilities { max-width:520px; }
  .work-project__foot { margin-top:26px; padding-top:16px; }
  .work-contact { padding:55px 0 60px; }
  .work-contact__layout { grid-template-columns:1fr; gap:28px; }
  .work-contact h2 { font-size:54px; }
  .work-contact p { font-size:16px; }
  .stine-hero { min-height:620px; padding:220px 0 44px; }
  .stine-hero__content { padding-top:80px; }
  .stine-hero__title { font-size:clamp(40px,6.6vw,56px); }
  .stine-hero__media img { object-position:68% center; }
  .stine-summary { padding:32px 0 4px; }
  .stine-summary__layout { grid-template-columns:1fr; gap:26px; }
  .stine-summary__copy { font-size:16px; }
  .stine-summary__meta { border-top:1px solid #849dbe55; padding-top:22px; }
  body[data-layout="work-study"] .case-chapter__layout { grid-template-columns:minmax(0,1fr); gap:32px; }
  body[data-layout="work-study"] .case-chapter .case-chapter__title { grid-column:1; max-width:22ch; }
  .case-chapter__body { grid-column:1; }
  .domain-map__intro { align-items:start; flex-direction:column; gap:16px; }
  .domain-map__intro h3 { max-width:none; }
  .domain-map__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .domain-card { padding:23px; }
  .domain-card:last-child { grid-column:1/-1; }
  .domain-card:last-child dd { max-width:none; }
}
@media(max-width:520px) {
  body[data-layout="work-study"] .case-chapter__wide .caps { grid-template-columns:minmax(0,1fr) !important; }
  .case-chapter__body .pbars { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:460px) {
  .work-testimonial-ticker { height:74px; }
  .signal-ticker__label { padding-inline:14px; font-size:10px; }
  .signal-ticker__label small { font-size:9px; }
  .signal-ticker__item { gap:15px; padding-left:16px; }
  .signal-ticker__logo--stine { width:34px; height:34px; }
  .signal-ticker__item strong { font-size:15px; }
  .signal-ticker__item>span { font-size:13px; }
  .signal-ticker__pause { width:44px; }
  .work-intro__aside { grid-template-columns:1fr; gap:25px; }
  .work-intro__aside>p { max-width:30ch; font-size:18px; }
  .work-index a { padding:14px 0; }
  .work-project__header { display:block; }
  .work-project__header p { margin-top:10px; }
  .work-project__visual { aspect-ratio:1.2; padding:20px 14px 63px; }
  .work-project__visual-link { padding:14px 18px; }
  .work-project__story h3 { font-size:33px; }
  .work-project__story>p { font-size:14px; }
  .work-project__facts dd { font-size:34px; }
  .work-project__facts dd>span { display:block; margin-top:6px; }
  .work-project__foot { gap:7px; }
  .work-contact h2 { font-size:46px; }
  .stine-hero__title { font-size:clamp(34px,8.7vw,40px); }
  .stine-hero .work-back { margin-bottom:18px; }
  .domain-map { padding:26px 16px; }
  .domain-map__grid { grid-template-columns:minmax(0,1fr); }
  .domain-card { padding:22px 20px; }
  .domain-card dt { display:flex; align-items:center; gap:16px; font-size:20px; }
  .domain-card dt>span { margin:0; flex:none; }
  .domain-card dd { max-width:none; margin-left:48px; }
}
@media(prefers-reduced-motion:reduce) {
  .ticker-ready .signal-ticker__track { animation:none; }
  .signal-ticker__sequence[aria-hidden="true"] { display:none; }
  .signal-ticker__window { overflow-x:auto; }
  .work-project__visual img { transition:none; transform:none !important; }
  .domain-card { transition:none; }
}
@media print {
  .work-index,.work-skip,.work-back,.work-project__visual-link { display:none; }
  .work-project { break-inside:avoid; }
}