/*
 * Shared presentation for individual work pages reached from Research.
 *
 * These pages are concise research stories rather than copies of journal
 * abstracts. A story may group multiple publications when they form one
 * continuous method-to-observable research thread.
 */

.work-page{--work-max:1120px}
.work-hero,.work-story,.work-publication{width:min(var(--work-max),calc(100% - 48px));margin:0 auto}
.work-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:66px;align-items:center;padding:86px 0 72px;border-bottom:1px solid #e3eaf2}
.work-breadcrumb{margin-bottom:16px;color:#5f7389;font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.work-breadcrumb a{color:#24638e}
.work-hero h1{margin:0;max-width:760px;color:#071a33;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.05em}
.work-hero-lede{margin:24px 0 0;max-width:720px;color:#4f6176;font-size:18px;line-height:1.7}
.work-hero-date{display:inline-block;margin-top:26px;color:#5682a3;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.work-hero-visual{overflow:hidden;border:1px solid #dce6ef;border-radius:24px;background:#071a31;box-shadow:0 20px 55px rgba(7,31,57,.10)}
.work-hero-visual .work-visual-shared{min-height:0;aspect-ratio:4/3}
.work-story{display:grid;grid-template-columns:minmax(190px,.36fr) minmax(0,1fr);gap:64px;padding:76px 0 86px}
.work-story-nav{color:#6d7d8e;font-size:12px;line-height:1.7}
.work-story-nav strong{display:block;margin-bottom:8px;color:#0b365f;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.work-story-copy h2{margin:0 0 14px;color:#071a33;font-size:30px;line-height:1.15;letter-spacing:-.025em}
.work-story-copy h2:not(:first-child){margin-top:46px}
.work-story-copy p{margin:0 0 16px;max-width:780px;color:#4d6075;font-size:16px;line-height:1.76}
.work-story-copy a{color:#24638e;text-decoration:underline;text-underline-offset:3px}
.work-story-copy .work-story-action{margin:22px 0 34px}
.work-story-copy .work-story-action a{display:inline-flex;align-items:center;min-height:44px;padding:0 17px;border:1px solid #cbd9e5;border-radius:999px;color:#0b365f;font-size:13px;font-weight:700;text-decoration:none}
.work-story-copy .work-story-action a:hover{border-color:#5682a3;background:#f4f8fb}
.work-publication-wrap{background:#071b31;color:#fff}
.work-publication{display:grid;grid-template-columns:.42fr 1fr;gap:56px;padding:58px 0 62px}
.work-publication+.work-publication{border-top:1px solid rgba(255,255,255,.14)}
.work-publication-label{color:#78cbff;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.work-publication h2{margin:0 0 12px;color:#fff;font-size:28px;line-height:1.2}
.work-publication p{margin:0 0 18px;color:#b9cada;line-height:1.65}
.work-publication-links{display:flex;flex-wrap:wrap;gap:10px}
.work-publication a{display:inline-flex;align-items:center;min-height:44px;padding:0 17px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;font-size:13px;font-weight:700}
.work-publication a:hover{border-color:#78cbff;background:rgba(120,203,255,.08)}
@media(max-width:900px){
  .work-hero,.work-story,.work-publication{grid-template-columns:1fr;gap:36px}
  .work-hero-visual{max-width:650px}
  .work-story-nav{max-width:640px}
}
@media(max-width:640px){
  .work-hero,.work-story,.work-publication{width:calc(100% - 32px)}
  .work-hero{padding:62px 0 54px}
  .work-story{padding:56px 0 64px}
}