/* Shared editorial system: the same typography and space as the landing page. */
.editorial-intro h1, .article-heading h1 { font-size: clamp(64px, 6.7vw, 108px); font-weight: 450; line-height: .99; letter-spacing: -.065em; }
.editorial-intro > p { margin-top: 36px; font-size: clamp(19px, 1.8vw, 27px); line-height: 1.4; color: var(--muted); letter-spacing: -.022em; }
.section-label { color: #64646a; font-size: 11px; font-weight: 400; line-height: 1.5; letter-spacing: .14em; text-transform: uppercase; }
.text-link { display: inline-flex; align-items: center; gap: 12px; font-size: 16px; line-height: 1.6; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 7px; text-decoration-color: #aaa; }
.text-link .icon { width: 18px; height: 18px; transition: transform .3s; }
.text-link:hover .icon { transform: translate(2px, -2px); }
.text-link:hover { text-decoration-color: currentColor; }
.research-hero { position: relative; min-height: 700px; height: 48vw; max-height: 830px; isolation: isolate; }
.research-hero .editorial-intro { position: relative; z-index: 1; padding-top: clamp(190px, 16vw, 280px); padding-bottom: 90px; }
.research-hero h1 { font-size: clamp(64px, 6.3vw, 105px); }
.research-art { position: absolute; z-index: 0; width: 43%; right: -2%; top: 80px; bottom: 0; overflow: hidden; mask-image: linear-gradient(#000 88%, transparent); pointer-events: none; }
.research-art img { width: 100%; height: auto; }
.research-directions { border-top: 1px solid var(--line); }
.research-directions > .section-label { padding-block: 28px; }
.research-row { display: grid; grid-template-columns: 28% 1fr; gap: 30px; padding-block: 42px; border-top: 1px solid var(--line); }
.research-index { padding-top: 8px; text-transform: uppercase; font-size: 12px; letter-spacing: .12em; color: #55555b; }
.research-row h3 { font-size: clamp(27px, 2.5vw, 40px); font-weight: 450; letter-spacing: -.045em; line-height: 1.18; }
.research-row > div > p { font-size: 20px; line-height: 1.55; color: var(--muted); margin-top: 10px; letter-spacing: -.015em; }
.research-notes { display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid var(--line); padding-block: 34px 24px; }
.research-notes h2 { font-size: 28px; font-weight: 450; letter-spacing: -.035em; }
.research-notes p { margin-top: 7px; font-size: 17px; line-height: 1.5; color: var(--muted); }
.research-notes .text-link { flex: 0 0 auto; }
.news-main { padding-top: 176px; padding-bottom: 50px; }
.news-intro { margin-bottom: 64px; }
.news-intro > p { margin-top: 30px; font-size: 23px; }
.featured-story { display: grid; grid-template-columns: 1.45fr 1fr; gap: 42px; align-items: stretch; }
.story-image { position: relative; overflow: hidden; isolation: isolate; display: block; min-height: 440px; aspect-ratio: 1.7; background: var(--dark); border-radius: 25px; }
.story-image img { position: absolute; top: 0; right: -2%; width: 110%; max-width: none; height: 100%; object-fit: cover; object-position: right top; transition: transform .8s var(--ease); }
.story-image:hover img { transform: scale(1.035); }
.story-content { display: flex; flex-direction: column; padding-block: 18px; }
.story-content .section-label { letter-spacing: .07em; }
.story-content h2 { font-size: clamp(36px, 3.3vw, 56px); font-weight: 450; line-height: 1.07; letter-spacing: -.057em; margin-top: 22px; }
.story-content h2 a { display: block; }
.story-content h2 a:hover { color: #515156; }
.story-description { font-size: 21px; line-height: 1.45; color: var(--muted); margin-top: 32px; letter-spacing: -.018em; max-width: 490px; }
.story-meta { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: auto; padding-top: 44px; }
.story-meta time { font-size: 12px; color: var(--muted); white-space: nowrap; }
.article-main { padding-top: 152px; }
.article-heading { max-width: 1120px; margin: 0 auto 55px; }
.article-back { font-size: 14px; text-decoration: none; }
.article-back .icon { transform: rotate(-90deg); width: 16px; }
.article-back:hover .icon { transform: rotate(-90deg) translateY(-3px); }
.article-meta { display: flex; align-items: center; gap: 24px; margin-top: 66px; margin-bottom: 27px; color: var(--muted); font-size: 12px; }
.article-meta .section-label { margin-right: auto; }
.article-heading h1 { font-size: clamp(58px, 6.5vw, 104px); }
.article-deck { margin-top: 31px; font-size: 25px; letter-spacing: -.025em; line-height: 1.45; color: var(--muted); max-width: 690px; }
.article-image { max-width: 1320px; margin-inline: auto; }
.article-image img { width: 100%; height: auto; max-height: 640px; object-fit: cover; object-position: right top; border-radius: 26px; }
.article-image figcaption { margin-top: 14px; color: var(--muted); font-size: 12px; }
.article-body { max-width: 720px; margin: 76px auto 0; font-size: 20px; line-height: 1.7; letter-spacing: -.012em; color: #535359; }
.article-body > p + p { margin-top: 25px; }
.article-body .article-lead { font-size: 27px; letter-spacing: -.025em; line-height: 1.5; color: var(--ink); }
.article-body h2 { margin: 49px 0 17px; font-size: 34px; font-weight: 450; line-height: 1.2; letter-spacing: -.04em; color: var(--ink); }
.article-body p a { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.article-body .article-closing { color: var(--ink); margin-top: 36px; }
.article-end { border-top: 1px solid var(--line); margin-top: 46px; padding-top: 26px; padding-bottom: 26px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--ink); font-size: 15px; }
.article-end .text-link { font-size: 15px; }

@media (max-width: 1100px) {
  .research-hero { min-height: 620px; }
  .research-hero h1 { font-size: 6.4vw; }
  .research-art { width: 42%; top: 145px; right: -3%; }
  .research-row { grid-template-columns: 24% 1fr; }
  .research-row > div > p { font-size: 18px; }
  .featured-story { gap: 30px; grid-template-columns: 1.2fr 1fr; }
  .story-image { min-height: 390px; }
  .story-description { font-size: 18px; margin-top: 23px; }
  .story-meta { flex-wrap: wrap; gap: 20px; padding-top: 27px; }
  .story-meta .text-link { font-size: 15px; }
}
@media (max-width: 700px) {
  .editorial-intro h1, .article-heading h1 { font-size: clamp(48px, 13vw, 82px); }
  .editorial-intro > p { font-size: 18px; margin-top: 25px; max-width: 330px; }
  .desktop-break { display: none; }
  .research-hero { min-height: 750px; height: calc(440px + 80vw); max-height: 920px; overflow: hidden; }
  .research-hero .editorial-intro { padding-top: 155px; padding-bottom: 0; }
  .research-hero h1 { font-size: clamp(44px, 11.4vw, 76px); }
  .research-art { width: 85%; top: 360px; right: 0; bottom: 0; }
  .research-directions > .section-label { padding-block: 24px; font-size: 10px; }
  .research-row { grid-template-columns: 1fr; gap: 18px; padding-block: 29px; }
  .research-index { padding-top: 0; font-size: 10px; }
  .research-row h3 { font-size: 29px; }
  .research-row > div > p { font-size: 16px; margin-top: 12px; }
  .research-notes { flex-direction: column; align-items: flex-start; padding-top: 28px; padding-bottom: 15px; gap: 23px; }
  .research-notes h2 { font-size: 26px; }
  .research-notes p { font-size: 16px; }
  .text-link { font-size: 15px; }
  .news-main { padding-top: 154px; padding-bottom: 28px; }
  .news-intro { margin-bottom: 39px; }
  .featured-story { grid-template-columns: 1fr; gap: 26px; }
  .story-image { min-height: 0; aspect-ratio: 1.25; border-radius: 21px; }
  .story-content { padding: 0; }
  .story-content h2 { font-size: clamp(37px, 10.5vw, 60px); margin-top: 18px; }
  .story-content .section-label { font-size: 10px; }
  .story-description { margin-top: 22px; font-size: 18px; }
  .story-meta { margin-top: 8px; padding-top: 26px; }
  .article-main { padding-top: 130px; }
  .article-heading { margin-bottom: 34px; }
  .article-meta { gap: 16px; margin-top: 43px; margin-bottom: 22px; flex-wrap: wrap; font-size: 10px; }
  .article-meta .section-label { font-size: 10px; }
  .article-heading h1 { font-size: clamp(40px, 10.4vw, 65px); }
  .article-deck { font-size: 19px; margin-top: 24px; }
  .article-image img { min-height: 260px; object-position: 75%; border-radius: 20px; }
  .article-image figcaption { font-size: 10px; line-height: 1.5; }
  .article-body { margin-top: 42px; font-size: 17px; }
  .article-body .article-lead { font-size: 22px; }
  .article-body h2 { margin-top: 35px; font-size: 28px; }
  .article-end { flex-wrap: wrap; padding-bottom: 0; }
}
/* Original Modanu overhead view stays intact in editorial imagery. */
.story-image { background: #fafafa; }
.story-image img { width: 100%; right: 0; object-fit: contain; object-position: center; }
.article-image img { object-fit: contain; object-position: center; background: #fafafa; }
.research-art { display: flex; justify-content: center; align-items: flex-start; overflow: visible; mask-image: none; top: 125px; }
.research-art img { height: 530px; width: auto; max-width: none; }
@media (max-width: 1100px) { .research-art img { height: 430px; } }
@media (max-width: 700px) { .research-art { top: 355px; right: 0; width: 100%; } .research-art img { height: 340px; } }