*{box-sizing:border-box}
html{min-width:1200px}
body{margin:0;background:#C4BDCC;color:#292531;font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
p,h1{margin:0}
.canvas{width:1440px;max-width:100%;margin:auto;position:relative}
.header{position:relative;height:134px;margin-inline:56px}
.brand{position:absolute;top:32px;left:0;display:flex;gap:12px;font-size:16px;line-height:1.5;font-weight:600}
.mark{font-size:23px;font-weight:400}
.brand-sub{display:block;font-size:11px;font-weight:450}
.nav{display:flex;gap:32px;font-size:13px;font-weight:550}
.nav a,.header-cta,.actions a{padding-block:10px}
.header-cta{font-size:13px;font-weight:600;white-space:nowrap}
.hero{position:relative}
h1{font-weight:540;letter-spacing:-.052em;line-height:1.08}
.meta{font-size:10px;letter-spacing:.065em;line-height:1.7}
.index{font-size:11px;letter-spacing:.025em;font-variant-numeric:tabular-nums}
.actions{font-size:14px;font-weight:550;display:flex;gap:48px}
/* A: small premise, large connected action, quiet continuation. */
.study-a .header .nav{position:absolute;left:210px;top:31px}
.study-a .header-cta{position:absolute;right:0;top:31px}
.study-a .hero{padding:34px 56px 66px}
.study-a .lead{display:block;font-size:39px;letter-spacing:-.04em;margin-bottom:22px}
.study-a .core{display:block;margin-left:210px;font-size:103px;line-height:1.04}
.study-a .core span{display:block}
.study-a .ending{display:block;margin-left:210px;margin-top:20px;font-size:51px;letter-spacing:-.045em}
.study-a .meta{position:absolute;left:56px;top:151px;width:165px}
.study-a .index{display:block;margin-top:28px}
.study-a .actions{justify-content:space-between;margin-left:210px;margin-top:72px}
/* B: a stable rail and a sentence deliberately crossing its boundary. */
.study-b .header .nav{position:absolute;left:210px;top:31px}
.study-b .header-cta{position:absolute;right:0;top:31px}
.study-b .hero{padding:41px 56px 64px}
.study-b .lead{display:block;margin-left:210px;font-size:55px;letter-spacing:-.045em}
.study-b .core{display:block;margin-top:15px;font-size:79px;white-space:nowrap}
.study-b .ending{display:block;margin:18px 0 0 360px;font-size:73px;line-height:1.13}
.study-b .ending span{display:block}
.study-b .meta{position:absolute;right:56px;top:38px;width:182px}
.study-b .index{display:block;margin-top:20px}
.study-b .actions{position:relative;margin-top:44px;justify-content:space-between}
.study-b .actions a:last-child{margin-right:56px}
/* C: the continuation becomes figure, the premise stays in the field. */
.study-c .header{height:148px}
.study-c .header .nav{position:absolute;right:0;top:29px;flex-direction:column;gap:0;align-items:start;width:176px}
.study-c .header .nav a{padding:5px 0}
.study-c .header-cta{position:absolute;left:360px;top:31px}
.study-c .hero{padding:20px 56px 58px}
.study-c .lead{display:block;font-size:68px;line-height:1.12;max-width:880px}
.study-c .lead span{display:block}
.study-c .core{display:block;margin-left:360px;margin-top:22px;background:#292531;color:#EEEAF0;padding:31px 36px 39px;font-size:65px;line-height:1.17}
.study-c .core span{display:block;white-space:nowrap}
.study-c .meta{position:absolute;left:56px;top:244px;width:205px}
.study-c .index{display:block;margin-top:29px}
.study-c .actions{margin-left:360px;justify-content:space-between;margin-top:35px}
@media(min-width:1200px) and (max-width:1399px){
 .study-a .core{font-size:85px}.study-a .ending{font-size:45px}
 .study-b .core{font-size:66px}.study-b .ending{font-size:62px;margin-left:290px}
 .study-c .core{font-size:53px;margin-left:300px}.study-c .actions{margin-left:300px}
}