/* One primary navigation; four editorial spreads. Figures remain in flow so
   zoom, translated text and short viewports can grow the page without clipping. */
.compact-home [data-home-view][hidden]{display:none!important}
.compact-home [data-home-view],.compact-home #top{scroll-margin-top:var(--header-height,80px)}
html:has(.compact-home){scroll-padding-top:20px}
.homepage.compact-home .nav{position:relative;min-height:80px;padding-right:var(--gutter)}
.compact-home #main{display:block}
.compact-home h1:focus,.research-publications h2:focus{outline:none}
.compact-home .hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;min-height:0;gap:28px;padding-block:30px 48px;align-items:center}
.compact-home .hero-text{grid-area:auto;align-self:center;min-width:0}
.compact-home .hero .title{width:100%;max-width:none;font-size:clamp(36px,10.2vw,64px);line-height:1.01;margin:0 0 24px}
.compact-home .hero .title span{white-space:normal}
.compact-home .hero .lede{width:100%;max-width:26em;font-size:20px;line-height:1.35;padding:0}
.compact-home .art-hero{grid-area:auto;width:min(88%,320px);max-width:none;justify-self:center;align-self:center;margin:0 0 16px}
.compact-home .figlabel{left:0;top:7%;font-size:17px}
.compact-home .figure-controls{font-size:12px;bottom:-20px;gap:14px}
.compact-home .figure-controls button{font-size:12px}

/* The small Home link is a return affordance, not another navigation bar. */
.chapter-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin:0 0 24px;font-size:16px;line-height:1.4;color:var(--mute)}
.chapter-back{display:inline-flex;align-items:center;min-height:44px;color:var(--mute);text-decoration:none}
.chapter-back:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.chapter-meta>span{color:#b4aa9b}
.compact-home .chapter-meta .label{font-size:16px;letter-spacing:0;text-transform:none;line-height:1.4;color:var(--ink2);margin:0}
.compact-home .question-sheet,.compact-home .research-sheet{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-block:20px 48px;align-items:center}
.question-sheet>.chapter-meta,.research-sheet>.chapter-meta{grid-column:1;margin:0}
.question-copy,.research-intro,.research-publications{grid-column:1;min-width:0;scroll-margin-top:24px}
.question-copy h1,.research-intro h1{font:400 clamp(36px,9.3vw,62px)/1.05 var(--display);letter-spacing:-.025em;margin:0 0 24px}
.question-copy h1 span{display:block}
.question-motivation{font-size:20px;line-height:1.42;color:var(--ink2);max-width:26em;margin:0}
.research-lead{font-size:21px;line-height:1.35;color:var(--ink2);margin:0;max-width:23em}
.research-publications{width:100%;border-top:1px solid var(--rule);padding-top:22px}
.publication-meta{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:13px;line-height:1.4;letter-spacing:.04em;color:var(--mute);margin:0 0 18px;font-variant-numeric:lining-nums}
.publication-meta>span:first-child{display:inline-flex;gap:8px}
.research-publication h2{font:400 32px/1.15 var(--display);letter-spacing:-.015em;margin:0 0 12px;text-wrap:balance}
.research-publication h2 a{text-decoration:none}
.research-publication h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.research-work-description{font-size:18px;line-height:1.45;color:var(--ink2);min-width:0;margin:0;text-wrap:wrap}
/* Keep the action attached to the sentence, instead of a separate right column. */
.research-description-tail{display:inline-block;max-width:100%}
.research-more{display:inline-block;vertical-align:baseline;margin-inline-start:.5em;min-height:44px;padding-block:10px;font-size:17px;line-height:1.4;color:var(--ink2);white-space:nowrap;text-decoration:underline;text-decoration-color:#b9b1a5;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-skip-ink:none}
.research-more .arr{margin-left:0}
.research-more:hover{text-decoration-color:currentColor}
.compact-home .question-sheet .art-human{grid-column:1;grid-row:auto;width:min(94%,380px);max-width:none;justify-self:center;align-self:center;margin:0}
.compact-home .research-sheet .art-research{grid-column:1;grid-row:auto;width:min(72%,260px);max-width:none;justify-self:center;align-self:center;margin:8px 0 22px}

.compact-home .panel{min-height:0;grid-template-columns:minmax(0,1fr);padding-block:20px 48px;gap:32px;align-items:center;align-content:start}
.compact-home .panel .panel-text{width:auto;margin:0;align-self:center}
.compact-home .panel h1{font:400 clamp(36px,9.3vw,62px)/1.05 var(--display);letter-spacing:-.03em;margin:0 0 26px}
.compact-home .panel .lede{font-size:21px;line-height:1.35;max-width:23em}
.compact-home .panel .links{margin-top:24px;gap:12px 30px}
.compact-home .panel .links a{font-size:18px}
.compact-home .panel .arena-resources{gap:0 10px;align-items:baseline}
.arena-resources li{display:flex;align-items:baseline;gap:10px}
.arena-resources li>span{color:var(--mute)}
.compact-home .panel .arena-resources a{border:0;color:var(--ink2);text-decoration:underline;text-decoration-color:#b9b1a5;text-decoration-thickness:1px;text-underline-offset:2px;white-space:nowrap}
.compact-home .panel .arena-resources a:hover{color:var(--ink);text-decoration-color:currentColor}
.compact-home .art-arena{width:100%;max-width:600px;align-self:center;justify-self:center;margin:0}
.compact-home .forecast{margin-top:0;transform:none}
.compact-home .arena-timeline{width:100%;margin:12px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:14px}
.compact-home .arena-timeline::before{left:16.67%;right:7%}
.compact-home .arena-timeline::after{left:93%}
.compact-home .arena-timeline li span{width:10px;height:10px;top:-5px;left:calc(50% - 5px)}
.compact-home .foot{padding-block:14px 18px;gap:8px 28px}
.compact-home .foot .name{display:none}
.compact-home .foot .meta{font-size:14px;margin:0}
.compact-home .foot nav a{font-size:16px}
.compact-home .motion-toggle{font-size:12px}

/* A tablet spread follows the page width, so a tall portrait screen does not
   create a large empty band above the text. */
@media(min-width:760px){
  .compact-home .hero{grid-template-columns:51% 49%;column-gap:0;min-height:calc(min(100vw,1100px)*.68);padding-block:28px 48px}
  .compact-home .hero .title{width:126%;font-size:clamp(48px,6.8vw,104px);line-height:1.01;margin:0 0 26px}
  .compact-home .hero .title span{white-space:nowrap}
  .compact-home .hero .lede{width:92%;max-width:23em;font-size:clamp(21px,1.82vw,28px)}
  .compact-home .art-hero{width:110%;justify-self:start;margin:0 0 14px -2%}
  .compact-home .figlabel{left:-2%;top:9%}
  .compact-home .question-sheet,.compact-home .research-sheet{grid-template-columns:46% 54%;column-gap:0;row-gap:0;min-height:640px;padding-block:32px 52px}
  .compact-home .question-sheet{grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr)}
  .compact-home .research-sheet{grid-template-rows:minmax(0,1fr) auto auto auto minmax(0,1fr)}
  .question-sheet>.chapter-meta,.research-sheet>.chapter-meta{grid-column:1;grid-row:2;margin:0 0 24px}
  .question-copy,.research-intro{grid-column:1;grid-row:3;align-self:start}
  .question-copy h1,.research-intro h1{font-size:clamp(44px,5.1vw,78px);line-height:1.05;margin-bottom:28px}
  .question-motivation{font-size:clamp(20px,1.65vw,24px);max-width:23em;padding-right:14px}
  .research-intro{margin-bottom:30px}
  .research-lead{font-size:clamp(21px,1.8vw,27px);max-width:21em;padding-right:20px}
  .research-publications{grid-row:4;margin-right:0;padding-top:22px}
  .research-publication h2{font-size:clamp(30px,3.2vw,36px)}
  .research-work-description{font-size:20px}
  .compact-home .question-sheet .art-human{grid-column:2;grid-row:1/5;width:100%;max-width:580px}
  .compact-home .research-sheet .art-research{grid-column:2;grid-row:1/6;width:78%;max-width:420px;margin:0 0 20px}
  .compact-home .panel{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px 36px;min-height:640px;padding-block:48px 52px;align-content:center}
  .compact-home .panel h1{font-size:clamp(46px,5.1vw,78px)}
  .compact-home .panel .lede{font-size:clamp(21px,1.8vw,27px);max-width:18em}
  .compact-home .panel .links{margin-top:38px}
  .compact-home .panel .links a{font-size:21px}
  .compact-home .art-arena{max-width:none}
  .compact-home .arena-timeline{font-size:clamp(17px,1.6vw,24px);margin-top:16px}
}

/* Reference proportions: larger illustrations hold the right side of the page;
   the reading column occupies the middle of the spread, with no extra directory. */
@media(min-width:1000px){
  .compact-home{--spread-height:clamp(660px,calc(100svh - 156px),900px)}
  .compact-home .hero,.compact-home .question-sheet,.compact-home .research-sheet,.compact-home .panel{min-height:var(--spread-height)}
  .compact-home .hero{padding-block:32px 52px}
  .compact-home .hero-text{padding-bottom:24px}
  .compact-home .art-hero{width:min(108%,calc((var(--spread-height) - 84px)*.851));max-width:none;justify-self:start;margin:0 0 0 6%}
  .compact-home .question-sheet .art-human{width:min(96%,calc((var(--spread-height) - 84px)*.818));max-width:580px}
  .compact-home .research-sheet .art-research{width:min(78%,calc((var(--spread-height) - 88px)*.651));max-width:420px}
  .compact-home .question-copy{padding-right:16px}
  .compact-home .research-sheet{grid-template-columns:48% 52%}
  .compact-home .panel{padding-block:90px 36px;column-gap:56px;row-gap:48px}
  .compact-home .chart-head p{font-size:15px}
  .compact-home .chart-head em{font-size:18px}
}
/* Portrait tablets read down the page; the landscape composition stays wide. */
@media(min-width:760px) and (max-width:999px) and (max-aspect-ratio:4/5){
  .compact-home .hero{grid-template-columns:minmax(0,1fr);min-height:0;gap:28px;padding-block:40px 48px}
  .compact-home .hero .title{width:100%;font-size:clamp(56px,7.2vw,68px)}
  .compact-home .hero .lede{font-size:23px;max-width:26em}
  .compact-home .art-hero{width:min(70%,440px);justify-self:center;margin:0 0 16px}
  .compact-home .question-sheet,.compact-home .research-sheet{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;min-height:0;gap:28px;padding-block:32px 52px}
  .question-sheet>.chapter-meta,.research-sheet>.chapter-meta,.question-copy,.research-intro,.research-publications{grid-column:1;grid-row:auto;margin:0}
  .question-copy h1,.research-intro h1{font-size:56px}
  .question-motivation{font-size:23px;max-width:32em;padding:0}
  .research-lead{font-size:23px;max-width:28em}
  .compact-home .question-sheet .art-human{grid-column:1;grid-row:auto;width:min(68%,440px)}
  .compact-home .research-sheet .art-research{grid-column:1;grid-row:auto;width:min(50%,300px);margin:8px 0 22px}
  .compact-home .panel{grid-template-columns:minmax(0,1fr);min-height:0;gap:32px;padding-block:32px 52px}
  .compact-home .panel h1{font-size:56px}
  .compact-home .art-arena{width:90%;max-width:600px}
}
@media(max-width:759px){
  .homepage.compact-home .nav{min-height:76px}
  .compact-home .nav--editorial nav a{font-size:17px}
  .compact-home .figlabel,.compact-home .figure-controls>span{display:none}
  .compact-home .figure-controls{right:4%;bottom:-18px}
  .compact-home .foot{padding-block:18px;gap:8px 24px}
  .compact-home .foot .meta{font-size:13px;flex-basis:100%}
}