/* The pacing comes from composition and natural scrolling, without autoplay. */
.page-index{background:#080808}
.cadence-opening{position:relative;min-height:calc(100svh - 84px);display:flex;align-items:center;padding-top:55px;padding-bottom:100px}
.cadence-opening h1{font-size:clamp(66px,8.65vw,134px);line-height:1.075;letter-spacing:-.057em;font-weight:450;margin:0;max-width:1300px}
.cadence-cue{position:absolute;left:var(--pad);bottom:35px;display:grid;place-items:center;width:32px;height:32px;color:#7a7a7a;font-size:19px}
.cadence-cue:hover{color:#eeeeee}
.cadence-pause{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:95px;padding-bottom:120px;align-items:start}
.pause-rule{height:1px;max-width:120px;background:#4f4f4f;margin-top:19px}
.cadence-pause>p{font-size:26px;line-height:1.55;letter-spacing:-.025em;color:#bababa;max-width:510px}
.cadence-inquiry{background:linear-gradient(#080808,#111111 45%,#080808)}
.page-index .featured-research{padding-top:0;padding-bottom:115px}
.page-index .research-feature{grid-template-columns:1.22fr 1fr;gap:7%;min-height:0;align-items:center}
.page-index .feature-diagram{background:#b3b3b3;aspect-ratio:1.24;min-height:0;color:#353535}
.page-index .feature-diagram svg{width:110%;max-width:none;margin-left:-5%}
.page-index .feature-copy{background:none;padding:15px 0;min-height:0}
.page-index .feature-copy h2{font-size:clamp(34px,3.4vw,50px);margin-top:0;line-height:1.12;letter-spacing:-.043em}
.page-index .feature-copy p{font-size:16px;line-height:1.8;color:#a8a8a8;margin-top:26px;max-width:385px}
.page-index .feature-link{margin-top:0;padding-top:28px;color:#dbdbdb}
.page-index .research-feature:hover .feature-copy{background:none}
.page-index .research-feature:hover .feature-link{text-decoration:underline;text-underline-offset:5px}
.page-index .research-directions{padding-bottom:125px}
.page-index .research-directions .section-topline{padding-bottom:35px}
.page-index .direction-grid{gap:32px}
.page-index .direction-grid>a:nth-child(2){margin-top:35px}
.page-index .direction-grid>a:nth-child(3){margin-top:70px}
.page-index .direction-figure{height:auto;aspect-ratio:1.6;background:#757575;color:#e4e4e4}
.page-index .direction-figure.silver{background:#acacac;color:#333333}
.page-index .type-figure{background:#2c2c2c;color:#e5e5e5;padding:27px}
.page-index .type-figure>span{font-size:26px;line-height:1.22}
.page-index .direction-grid h3{font-size:24px;line-height:1.2;max-width:330px;margin-top:24px}
.page-index .direction-grid p{font-size:14px;color:#979797}
.page-index .principles-brief{border:0;grid-template-columns:1.15fr 1fr;gap:12%;padding-top:70px;padding-bottom:135px}
.page-index .principles-brief h2{font-size:clamp(36px,4.1vw,60px);line-height:1.16}
.page-index .principles-brief p{font-size:18px;color:#aaaaaa;max-width:370px;line-height:1.8}
.page-index .systems-intro{padding-top:0;padding-bottom:110px}
.page-index .system-editorial{gap:12%}
.page-index .systems-intro .section-topline{border-top:1px solid #363636}
.page-index .system-editorial h2{font-size:clamp(38px,4.1vw,59px)}
.page-index .audience-entry{border:0;padding-top:0;padding-bottom:15px}
.page-index .audience-entry .section-topline{padding-bottom:30px}
.page-index .audience-entry-grid{gap:8%}
.page-index .audience-entry h3{font-size:31px;line-height:1.15}
.page-index .audience-entry p{font-size:14px;max-width:410px}
.cadence-arrival{padding-top:310px;background:linear-gradient(to bottom,#080808 0,#191919 65px,#535353 145px,#acacac 235px,#dddddd 310px,#dddddd 100%)}
.page-index .next-focus{background:#dddddd;padding-top:70px;padding-bottom:105px;color:#202020;gap:12%;grid-template-columns:1fr 1.1fr}
.page-index .next-focus h2{font-size:clamp(50px,6.5vw,94px);line-height:1.07;letter-spacing:-.054em}
.page-index .next-focus>div>p{color:#626262;line-height:1.8;margin-top:30px}
.page-index .next-focus-links>a{border-color:#b0b0b0;padding-block:25px}
.page-index .next-focus-links h3{font-size:25px}
.page-index .next-focus-links p{color:#626262}
.page-index .site-footer{background:#dddddd;border-top:1px solid #c0c0c0;padding-top:65px;color:#232323;max-width:none}
.page-index .footer-top>div{color:#626262}
.page-index .footer-top .small-label{color:#3b3b3b}
.page-index .footer-top a:hover{color:#222222}
.page-index .footer-bottom{color:#666666;border-color:#bdbdbd}
.page-index .preview-note{color:#6f6f6f}
.page-index .site-footer a:focus-visible{outline-color:#323232}
@media(min-width:1600px){.page-index .site-footer,.page-index .next-focus{padding-inline:max(var(--pad),calc((100vw - 1440px)/2))}}
@media(max-width:760px){
 .cadence-opening{min-height:calc(100svh - 72px);padding-top:40px;padding-bottom:95px}
 .cadence-opening h1{font-size:clamp(43px,9.1vw,66px);line-height:1.12;letter-spacing:-.052em}
 .cadence-cue{bottom:27px;font-size:17px}
 .cadence-pause{grid-template-columns:1fr;gap:30px;padding-top:60px;padding-bottom:65px}
 .pause-rule{margin-top:0;width:60px}
 .cadence-pause>p{font-size:22px;line-height:1.65;max-width:400px}
 .page-index .featured-research{padding-bottom:65px}
 .page-index .research-feature{grid-template-columns:1fr;gap:30px}
 .page-index .feature-diagram{aspect-ratio:1.3;min-height:0}
 .page-index .feature-copy{padding:0}
 .page-index .feature-copy h2{font-size:35px;line-height:1.13}
 .page-index .feature-copy p{font-size:15px;margin-top:22px}
 .page-index .feature-link{padding-top:23px}
 .page-index .research-directions{padding-bottom:60px}
 .page-index .research-directions .section-topline{padding-bottom:25px}
 .page-index .direction-grid{grid-template-columns:1fr;gap:35px}
 .page-index .direction-grid>a:nth-child(2),.page-index .direction-grid>a:nth-child(3){margin-top:0}
 .page-index .direction-figure{aspect-ratio:1.8}
 .page-index .type-figure>span{font-size:28px}
 .page-index .direction-grid h3{font-size:24px;margin-top:20px}
 .page-index .principles-brief{grid-template-columns:1fr;gap:25px;padding-top:40px;padding-bottom:70px}
 .page-index .principles-brief h2{font-size:35px}
 .page-index .principles-brief p{font-size:16px}
 .page-index .systems-intro{padding-bottom:65px}
 .page-index .system-editorial{gap:35px}
 .page-index .system-editorial h2{font-size:39px}
 .page-index .audience-entry{padding-bottom:0}
 .page-index .audience-entry-grid{gap:32px}
 .page-index .audience-entry h3{font-size:28px}
 .page-index .audience-entry p{font-size:14px}
 .cadence-arrival{padding-top:195px;background:linear-gradient(to bottom,#080808 0,#191919 40px,#535353 90px,#acacac 150px,#dddddd 195px,#dddddd 100%)}
 .page-index .next-focus{grid-template-columns:1fr;gap:34px;padding-top:25px;padding-bottom:60px}
 .page-index .next-focus h2{font-size:49px}
 .page-index .next-focus>div>p{font-size:15px;margin-top:23px}
 .page-index .next-focus-links h3{font-size:23px}
 .page-index .next-focus-links p{font-size:13px}
 .page-index .site-footer{padding-top:45px}
}