:root{--ink:#101719;--navy:#0e1b2c;--teal:#3fb8af;--paper:#f5f4ef;--muted:#606766}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:6px}.announcement{height:32px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:9px;letter-spacing:2px;font-weight:700}header{height:92px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;z-index:10}.brand img{width:220px;height:auto;display:block}nav{display:flex;align-items:center;gap:38px;font-size:10px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.nav-social{border-left:1px solid #d8dada;padding-left:35px}.nav-social span{margin-left:14px;font-size:18px}nav a:hover{color:#22877f}.menu{display:none}.hero{height:min(730px,78vw);min-height:600px;position:relative;color:white;overflow:hidden;background:#252e30}.hero-image{position:absolute;inset:0;background:none center 45%/cover;filter:grayscale(1);opacity:.58}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,17,.82),rgba(5,14,17,.12)),linear-gradient(0deg,rgba(5,14,17,.8),transparent 70%)}.hero-top,.hero-bottom{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;font-weight:700}.hero-top{top:31px;border-top:1px solid #ffffff55;padding-top:17px}.hero-bottom{bottom:28px;color:#d4dddd}.hero-copy{position:absolute;left:5%;bottom:100px;right:4%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;margin:0 0 25px}.hero .eyebrow:before{content:'';display:inline-block;width:7px;height:7px;background:var(--teal);margin-right:12px}h1{font-size:clamp(50px,6.8vw,105px);line-height:.98;letter-spacing:-5px;margin:0 0 28px;font-weight:800}h1 em{font-style:normal;color:var(--teal)}.intro{font-size:17px;line-height:1.65;color:#e4e8e7;margin-bottom:30px}.actions{display:flex;gap:13px}.button{padding:19px 24px;display:inline-flex;gap:35px;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;transition:.2s}.button span{font-size:19px;line-height:10px}.light{background:#fff;color:var(--ink)}.outline{border:1px solid #ffffffb0;color:white}.button:hover{background:var(--teal);color:var(--ink);border-color:var(--teal)}.ticker{background:var(--teal);padding:23px 5%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px;font-weight:700}.ticker i{font-size:22px;font-style:normal}.section{padding:100px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}h2{font-size:clamp(38px,4vw,61px);line-height:1.06;letter-spacing:-2px;margin:0}h2 em{font-family:Georgia,serif;font-weight:400}p{line-height:1.7}.section-heading>p{color:var(--muted);font-size:14px;margin-bottom:4px}.filters{display:flex;gap:10px;margin:0 0 28px}.filters button{border:1px solid #cdd0cb;background:transparent;padding:10px 18px;border-radius:0;font-size:11px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card[hidden]{display:none}.card-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-top:22px;color:#5c6360}h3{font-size:20px;margin:12px 0 6px;letter-spacing:-.5px}.card p{font-size:13px;color:#626865;margin:0}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white}.feature-art{min-height:520px;background:#202020;position:relative;overflow:hidden}.feature-copy{padding:70px 10%}.feature-copy h2{font-size:47px}.feature-copy>p:not(.eyebrow){font-size:14px;color:#b9c3c1;margin:25px 0}.trial-list{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:35px}.trial-list span{font-size:10px;border:1px solid #566360;padding:9px}.text-link{font-size:11px;letter-spacing:.6px;font-weight:700;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #929d9966;padding:14px 0;gap:16px}.text-link span{font-size:22px}.text-link:hover{color:#268b83}.topics{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-bottom:1px solid #d8dbd4}.topic p:not(.eyebrow){font-size:15px;color:#626865;max-width:440px;margin:25px 0}.topic small{font-size:10px;color:#777;display:block;margin-top:15px}.about{background:#e7e8e0}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.about h2{font-size:clamp(48px,5.7vw,80px)}.about-grid>div{max-width:460px}.about-grid p{font-size:14px;color:#515c57}.about-grid .about-lead{font-size:24px;line-height:1.4;color:var(--ink);margin-top:0}.follow{text-align:center;padding:85px 5%;background:#fff}.follow h2{font-size:clamp(40px,6vw,86px);margin-bottom:32px}footer{background:var(--ink);color:#fff;padding:40px 5% 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:30px;border-bottom:1px solid #ffffff33}.footer-top img{width:205px;height:auto}.footer-top span,.footer-top>a:last-child{font-size:9px;letter-spacing:1.5px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;color:#b5bfbc;font-size:10px}.footer-bottom p{max-width:480px}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){.hero-copy,.hero-top,.hero-bottom{left:8%;right:8%}.section{padding-left:8%;padding-right:8%}}@media(max-width:900px){nav{gap:19px}.nav-social{padding-left:18px}.hero{min-height:590px}h1{letter-spacing:-3px}.section{padding:70px 5%}.feature-copy{padding:50px 8%}.feature-copy h2{font-size:38px}.section-heading>p{max-width:240px}}@media(max-width:650px){header{height:77px}.brand img{width:180px}.menu{display:flex;gap:15px;align-items:center;background:none;border:0;font-size:11px}.menu span{font-size:19px}nav{display:none;position:absolute;top:77px;left:0;right:0;background:white;padding:25px 6%;box-shadow:0 12px 15px #0002}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:25px}.nav-social{border:0;padding:0}.hero{min-height:620px;height:calc(100svh - 109px);max-height:760px}.hero-top{font-size:8px;top:22px}.hero-top span:last-child{display:none}.hero-copy{bottom:95px;left:6%;right:6%}h1{font-size:clamp(39px,10.1vw,62px);letter-spacing:-2px;line-height:1.05}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.intro{font-size:15px}.actions{flex-direction:column;width:min(100%,330px)}.button{padding:18px 20px}.hero-bottom{font-size:7px;letter-spacing:.8px;left:6%;right:6%}.ticker{padding:18px 6%;gap:20px;overflow:hidden;white-space:nowrap;justify-content:start;font-size:9px}.ticker i{font-size:16px}.section{padding:57px 6%}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:24px}.desktop{display:none}h2{font-size:40px}.cards{grid-template-columns:1fr;gap:38px}.card-meta{font-size:8px}.feature{grid-template-columns:1fr}.feature-art{min-height:330px}.feature-copy{padding:48px 6%}.topics{grid-template-columns:1fr;gap:52px}.about-grid{grid-template-columns:1fr;gap:30px}.about-grid h2{font-size:52px}.about-grid .about-lead{font-size:22px}.follow{padding:60px 6%}.follow h2{font-size:44px}.footer-top{flex-wrap:wrap}.footer-top span{display:none}.footer-top img{width:170px}.footer-bottom{flex-wrap:wrap;gap:5px;margin-top:20px}.footer-bottom p{order:3;width:100%}.footer-bottom>a{margin-left:auto}html{scroll-padding-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Homepage masthead and featured chapters. */
:root {
  --ink: #141516;
  --paper: #f6f5f2;
}

.announcement {
  height: 30px;
  font-size: 9px;
  letter-spacing: .2em;
}

header {
  height: 66px;
  padding-inline: clamp(24px, 3.5vw, 64px);
}

.brand img {
  width: 168px;
}

nav {
  gap: clamp(18px, 2.5vw, 42px);
  font-size: 10px;
}

.nav-social {
  padding-left: 22px;
}

.hero {
  --hero-gutter: clamp(24px, 3.5vw, 64px);
  --hero-bottom: 78px;
  height: calc(100vh - 96px);
  height: calc(100svh - 96px);
  min-height: 530px;
  max-height: 900px;
  background: #454a4d;
}

.hero-slide {
  position: absolute;
  inset: 0;
}

.hero-slide[hidden],
.chapter-controls[hidden] {
  display: none;
}

.hero-image {
  opacity: 1;
  filter: grayscale(1);
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image-rounds {
  background-image: url("assets/on-rounds.jpg");
  background-position: center 52%;
}

.hero-image-research {
  background-image: url("assets/research.jpg");
  background-position: center 48%;
}

.hero-shade {
  background: linear-gradient(
    to top,
    rgb(12 16 20 / 94%) 0%,
    rgb(12 16 20 / 77%) 17%,
    rgb(12 16 20 / 35%) 41%,
    transparent 69%
  );
}

.hero-copy {
  left: var(--hero-gutter);
  right: var(--hero-gutter);
  bottom: var(--hero-bottom);
  max-width: 850px;
}

.hero .eyebrow {
  margin: 0 0 13px;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.hero .eyebrow::before {
  content: none;
}

.hero h1,
.hero h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(37px, 4.05vw, 65px);
  font-weight: 800;
  line-height: 1.03;
  letter-spacing: -.025em;
  text-transform: uppercase;
}

.hero .intro {
  margin: 15px 0 23px;
  font-size: 15px;
  line-height: 1.55;
  color: #f0f0ee;
}

.hero .actions {
  gap: 12px;
}

.hero .button {
  justify-content: center;
  min-height: 44px;
  padding: 13px 24px;
  border: 1px solid #ffffff80;
  font-size: 9px;
  letter-spacing: .16em;
}

.hero .light {
  border-color: white;
}

.hero .button:hover {
  border-color: white;
  background: #e7e7e4;
  color: var(--ink);
}

.chapter-controls {
  position: absolute;
  bottom: 28px;
  left: var(--hero-gutter);
  display: flex;
  gap: 10px;
}

.chapter-controls button {
  position: relative;
  width: 48px;
  height: 28px;
  border: 0;
  padding: 0;
  background: transparent;
}

.chapter-controls button::before {
  content: "";
  display: block;
  height: 2px;
  background: #ffffff65;
}

.chapter-controls button:hover::before,
.chapter-controls button[aria-pressed="true"]::before {
  background: white;
}

@media (max-width: 650px) {
  header { height: 60px; }
  .brand img { width: 145px; }
  nav { top: 60px; }

  .hero {
    --hero-bottom: 65px;
    height: calc(100svh - 90px);
    min-height: 530px;
    max-height: 780px;
  }

  .hero h1,
  .hero h2 {
    font-size: clamp(31px, 8vw, 50px);
  }

  .hero .eyebrow {
    font-size: 8px;
  }

  .hero .intro {
    font-size: 14px;
  }

  .hero .actions {
    width: 100%;
    max-width: 360px;
    gap: 8px;
  }

  .hero-image-rounds { background-position: 67% center; }
  .chapter-controls { bottom: 20px; }
}

/* Frame the original portrait covers consistently across the grid. */
.reel-cover {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  background: #141516;
}

.follow .button {
  border: 1px solid var(--ink);
}

.feature-art img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}