: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 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}.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(2,minmax(0,1fr));gap:24px 14px;max-width:1200px}.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: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}.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: 9 / 16;
  object-fit: contain;
  background: #141516;
}

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

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

.arrow-icon {
  display: inline-block;
  flex: none;
  width: 1em;
  height: 1em;
  vertical-align: -.12em;
}

.text-link .arrow-icon,
.button .arrow-icon {
  width: 1.2em;
  height: 1.2em;
}

.nav-social .arrow-icon {
  margin-left: 8px;
}

.card-meta {
  align-items: center;
  gap: 6px;
  margin-top: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.card-meta .arrow-icon {
  width: 13px;
  height: 13px;
}

.card h3 {
  margin: 5px 0 0;
  font-size: clamp(13px, 1.25vw, 17px);
  line-height: 1.25;
}

@media (min-width: 560px) {
  .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 760px) {
  .cards { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (min-width: 1050px) {
  .cards { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px 18px; }
}

/* ---------- v2: explainer pages, library and email signup ---------- */
input:focus-visible{outline:3px solid var(--teal);outline-offset:2px}

/* Homepage cards: on-site link plus a secondary Instagram link. */
.card-link{display:block}
.card-link:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.card-ig{display:inline-flex;align-items:center;gap:5px;min-height:24px;margin-top:6px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5c6360;border-bottom:1px solid #c9ccc6}
.card-ig:hover{color:#22877f}
.card-ig .arrow-icon{width:11px;height:11px}
.library-link{max-width:340px;margin-top:36px}
.trial-list a{font-size:10px;border:1px solid #566360;padding:9px;transition:.2s}
.trial-list a:hover{background:var(--teal);border-color:var(--teal);color:var(--ink)}
.feature-copy .text-link + .text-link{margin-top:4px}

/* Page hero (study pages, library, 404). */
.page-hero{background:var(--ink);color:#fff;padding:56px clamp(24px,5vw,80px) 52px}
.page-hero h1{font-size:clamp(32px,4.6vw,60px);font-weight:800;line-height:1.04;letter-spacing:-.025em;text-transform:uppercase;margin:0 0 18px;max-width:950px}
.page-hero h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;text-transform:none;color:var(--teal)}
.page-hero .eyebrow{text-transform:uppercase;margin-bottom:14px;color:#d6dcdb}
.page-hero .eyebrow:before{content:'';display:inline-block;width:7px;height:7px;background:var(--teal);margin-right:10px}
.page-hero .dek{font-size:16px;line-height:1.6;color:#d6dcdb;max-width:660px;margin:0 0 24px}
.crumbs{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9fb0ad;margin:0 0 30px}
.crumbs a{color:#fff;border-bottom:1px solid #ffffff55}
.crumbs a:hover{color:var(--teal)}
.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.tags a{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid #566360;padding:8px 10px;transition:.2s}
.tags a:hover{background:var(--teal);border-color:var(--teal);color:var(--ink)}
.source-line{font-size:12px;color:#9fb0ad;margin:22px 0 0}

/* Study layout. */
.study-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding:64px clamp(24px,5vw,80px) 80px;max-width:1320px;align-items:start}
.study-media{position:sticky;top:24px}
.reel-embed{max-width:360px}
.reel-embed .instagram-media{margin:0!important;min-width:0!important;width:100%!important;max-width:360px!important}
.reel-fallback{display:block;position:relative;background:#141516;color:#fff}
.reel-fallback img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
.reel-fallback span{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(transparent,#000c);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.reel-link{max-width:360px;margin-top:14px}
.reel-note{font-size:13px;color:var(--muted);margin:14px 0 0}
.trial-art{margin:0;background:#202020}
.trial-art img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}
.prose{max-width:720px}
.prose h2{font-size:clamp(24px,2.3vw,32px);letter-spacing:-.02em;line-height:1.15;margin:46px 0 14px}
.prose > h2:first-child{margin-top:0}
.prose p,.prose li{font-size:16px;line-height:1.7;color:#2c3331}
.prose ul,.prose ol{padding-left:20px;margin:0 0 16px}
.prose li{margin-bottom:8px}
.prose strong{color:var(--ink)}
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:6px 0 22px}
.stat{background:#fff;border:1px solid #e0e2dc;padding:16px 16px 14px}
.stat b{display:block;font-size:24px;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
.stat span{display:block;font-size:12px;line-height:1.45;color:var(--muted);margin-top:6px}
.refs li{font-size:14px;line-height:1.6}
.refs em{font-style:normal;color:var(--muted)}
.ref-links{display:block;margin-top:2px}
.refs a{color:#1d6f69;border-bottom:1px solid currentColor;overflow-wrap:anywhere}
.refs a:hover{color:var(--ink)}
.disclaimer{font-size:12px!important;line-height:1.6;color:var(--muted)!important;border-top:1px solid #d8dbd4;padding-top:18px;margin-top:40px}

/* Library and "more" cards. */
.library{padding-top:48px}
.filters{flex-wrap:wrap}
.cards--library .card p,.cards--more .card p{font-size:13px;line-height:1.5;color:#626865;margin:8px 0 0}
.cards--library .card p.card-topics,.cards--more .card p.card-topics{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#7a817e;margin-top:8px}
.cards--library .card h3,.cards--more .card h3{font-size:clamp(15px,1.4vw,19px)}
.photo-cover{object-fit:cover!important;filter:grayscale(1)}
.more{background:#e7e8e0}
.more .section-heading{align-items:end;gap:24px}
.more .section-heading .text-link{min-width:220px}
@media (min-width:560px){.cards--library{grid-template-columns:repeat(3,minmax(0,1fr))}.cards--more{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1050px){.cards--library{grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 18px}.cards--more{grid-template-columns:repeat(3,minmax(0,220px));gap:24px 28px}}

/* Email signup. */
.signup{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:end;background:var(--ink);color:#fff;padding:90px 5%}
.signup h2 em{color:var(--teal)}
.signup .eyebrow{color:#d6dcdb}
.signup-copy p:not(.eyebrow){font-size:15px;color:#b9c3c1;max-width:470px;margin:22px 0 0}
.signup-label{display:block;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
.signup-row{display:flex}
.signup-row input{flex:1 1 auto;min-width:0;min-height:54px;padding:0 18px;border:1px solid #ffffffa0;border-right:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:16px}
.signup-row input::placeholder{color:#ffffff80}
.signup-row button{flex:none;min-height:54px;padding:0 26px;border:1px solid #fff;border-radius:0;background:#fff;color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transition:.2s}
.signup-row button:hover{background:var(--teal);border-color:var(--teal)}
.signup-row button:disabled{opacity:.6;cursor:progress}
.signup-status{min-height:1.5em;font-size:14px;line-height:1.5;margin:12px 0 0}
.signup-status[data-state=success]{color:#7fe0d8}
.signup-status[data-state=error]{color:#ffb4a8}
.signup-note{font-size:11px;color:#9fb0ad;margin:4px 0 0}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.signup--compact{background:#fff;color:var(--ink);padding:64px 5%;border-top:1px solid #d8dbd4}
.signup--compact h2{font-size:clamp(30px,3vw,44px)}
.signup--compact .eyebrow{color:var(--ink)}
.signup--compact .signup-row input{border-color:var(--ink)}
.signup--compact .signup-row input::placeholder{color:#8a918e}
.signup--compact .signup-row button{background:var(--ink);border-color:var(--ink);color:#fff}
.signup--compact .signup-row button:hover{background:var(--teal);border-color:var(--teal);color:var(--ink)}
.signup--compact .signup-status[data-state=success]{color:#1d6f69}
.signup--compact .signup-status[data-state=error]{color:#a8321f}
.signup--compact .signup-note{color:var(--muted)}

@media (max-width:900px){
  .study-grid{grid-template-columns:1fr;padding-top:44px}
  .study-media{position:static;max-width:360px}
  .signup{grid-template-columns:1fr;gap:32px}
}
@media (max-width:650px){
  .page-hero{padding:40px 6% 40px}
  .page-hero h1{font-size:clamp(28px,8.4vw,44px)}
  .study-grid{padding:36px 6% 56px}
  .study-media{margin:0 auto;width:100%}
  .prose p,.prose li{font-size:15px}
  .signup{padding:60px 6%}
  .signup--compact{padding:48px 6%}
  .signup-row{flex-direction:column}
  .signup-row input{border-right:1px solid #ffffffa0}
  .signup--compact .signup-row input{border-right-color:var(--ink)}
  .signup-row button{margin-top:8px}
  .more .section-heading .text-link{margin-top:20px}
  .filters button{padding:9px 14px}
}
.cards--library .card p.card-topics,.cards--more .card p.card-topics{color:#5a615e}
.signup--compact h2 em{color:inherit}
.topic small{color:#5f6563}