:root {
  --ink : #121417;--paper : #f4f0e8;--paper2 : #fbfaf7;--muted : #656b70;--line : #d9d4ca;--accent : #b96543;--accent2 : #183d4f;--white : #fff;--max : 1180px;
  --sage : #d8ded5;--sand : #e8dfd1;--rust : #a95e42;--navy : #173747;--charcoal : #111315;
}
* {
  box-sizing : border-box
}
html {
  scroll-behavior : smooth
}
body {
  margin : 0;
  font-family : Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background : var(--paper2);
  color : var(--ink);
  line-height : 1.62
}
a {
  color : inherit;
  text-decoration : none
    }
a:hover {
  text-decoration : underline;
  text-underline-offset : 3px
}
.wrap {
  max-width : var(--max);
  margin : 0 auto;
  padding : 0 28px
}
.topbar {
  background : var(--ink);
  color : #fff;
  font-size : 13px
}
.topbar .wrap {
  display : flex;
  justify-content : space-between;
  padding-top : 9px;
  padding-bottom : 9px
}
.nav {
  height : 76px;
  display : flex;
  align-items : center;
  justify-content : space-between;
  gap : 28px
}
header {
  position : sticky;
  top : 0;
  z-index : 20;
  background : rgba(251, 250, 247, .96);
  backdrop-filter : blur(10px);
  border-bottom : 1px solid var(--line)
}
.brand {
  font-family : Georgia, serif;
  font-weight : 700;
  font-size : 24px
}
.brand span {
  display : block;
  font-family : Inter, sans-serif;
  font-size : 10px;
  font-weight : 700;
  letter-spacing : .16em;
  text-transform : uppercase;
  color : var(--muted)
}
.navlinks {
  display : flex;
  gap : 23px;
  align-items : center;
  font-size : 14px
}
.navlinks .cta {
  background : var(--ink);
  color : #fff;
  padding : 10px 14px;
  border-radius : 999px
}
.hero {
  padding : 92px 0 72px;
  background : linear-gradient(135deg, var(--paper) 0%, var(--paper2) 70%)
}
.hero-grid {
  display : grid;
  grid-template-columns : 1.35fr .65fr;
  gap : 66px;
  align-items : end
}
.eyebrow, .kicker {
  font-size : 12px;
  text-transform : uppercase;
  letter-spacing : .16em;
  font-weight : 800;
  color : var(--accent)
}
h1 {
  font-family : Georgia, serif;
  font-size : clamp(52px, 7vw, 92px);
  line-height : .96;
  letter-spacing : -.035em;
  margin : 14px 0 26px;
  font-weight : 500
}
h2 {
  font-family : Georgia, serif;
  font-size : 44px;
  line-height : 1.08;
  font-weight : 500;
  letter-spacing : -.02em;
  margin : 12px 0 22px
}
.hero p, .lead {
  font-size : 20px;
  color : #444b51;
  max-width : 820px
}
.actions {
  display : flex;
  gap : 12px;
  flex-wrap : wrap;
  margin-top : 26px
}
.btn {
  display : inline-block;
  border : 1px solid var(--ink);
  padding : 12px 17px;
  border-radius : 999px;
  font-weight : 700;
  font-size : 14px
}
.btn.primary {
  background : var(--ink);
  color : white
}
.identity-card {
  border : 1px solid var(--line);
  background : white;
  padding : 28px;
  border-radius : 20px;
  box-shadow : 0 20px 50px rgba(20, 20, 20, .07)
}
.monogram {
  width : 116px;
  height : 116px;
  border-radius : 50%;
  background : var(--accent2);
  color : #fff;
  display : grid;
  place-items : center;
  font-family : Georgia, serif;
  font-size : 42px;
  margin-bottom : 22px
}
.identity-card h3 {
  font-family : Georgia, serif;
  font-size : 26px;
  margin : 0 0 8px
}
.identity-card p {
  font-size : 15px;
  color : var(--muted)
}
.identity-meta {
  display : grid;
  gap : 7px;
  font-size : 13px;
  border-top : 1px solid var(--line);
  padding-top : 16px
}
section {
  padding : 74px 0
}
.factbar {
  background : var(--paper);
  border-block : 1px solid var(--line);
  padding : 20px 0
}
.factbar .wrap {
  display : flex;
  gap : 28px;
  flex-wrap : wrap;
  font-size : 13px;
  color : #50555a
}
.grid3 {
  display : grid;
  grid-template-columns : repeat(3, 1fr);
  gap : 18px;
  margin-top : 36px
}
.card {
  background : white;
  border : 1px solid var(--line);
  border-radius : 16px;
  padding : 26px;
  min-height : 225px
}
.card .small, .tag {
  font-size : 11px;
  text-transform : uppercase;
  letter-spacing : .12em;
  color : var(--muted);
  font-weight : 800
}
.card h3 {
  font-family : Georgia, serif;
  font-size : 26px;
  line-height : 1.16;
  margin : 14px 0 12px;
  font-weight : 500
}
.card p {
  color : #555d64
}
.dark {
  background : var(--ink);
  color : #fff
}
.dark p, .dark .lead {
  color : #d5d5d2
}
.dark .kicker {
  color : #d49a82
}
.ecosystem {
  display : grid;
  grid-template-columns : repeat(4, 1fr);
  gap : 12px;
  margin-top : 34px
}
.node {
  border : 1px solid #3c4146;
  border-radius : 15px;
  padding : 24px;
  background : #181b1f
}
.node strong {
  display : block;
  font-family : Georgia, serif;
  font-size : 21px;
  margin-bottom : 8px
}
.node span {
  font-size : 13px;
  color : #bfc3c7
}
.article-list {
  border-top : 1px solid var(--line);
  margin-top : 28px
}
.article-row {
  display : grid;
  grid-template-columns : 105px 1fr auto;
  gap : 22px;
  align-items : center;
  padding : 22px 0;
  border-bottom : 1px solid var(--line)
}
.article-row time {
  font-size : 13px;
  color : var(--muted)
}
.article-row h3 {
  font-family : Georgia, serif;
  font-size : 24px;
  font-weight : 500;
  margin : 0
}
.pagehead {
  padding : 68px 0 48px;
  background : var(--paper)
}
.pagehead h1 {
  font-size : clamp(44px, 6vw, 70px);
  max-width : 980px
}
.content {
  max-width : 820px
}
.content p, .content li {
  font-size : 18px;
  color : #383f45
}
.content h2 {
  font-size : 34px;
  margin-top : 46px
}
.content h3 {
  font-family : Georgia, serif;
  font-size : 25px;
  margin-top : 34px
}
.content blockquote {
  font-family : Georgia, serif;
  font-size : 28px;
  line-height : 1.3;
  margin : 36px 0;
  padding-left : 24px;
  border-left : 3px solid var(--accent);
  color : #252a2f
}
.pill {
  display : inline-block;
  background : #ece7dd;
  padding : 6px 10px;
  border-radius : 999px;
  font-size : 11px;
  text-transform : uppercase;
  letter-spacing : .1em;
  font-weight : 800
}
.article-meta {
  display : flex;
  gap : 14px;
  flex-wrap : wrap;
  margin-top : 18px;
  color : var(--muted);
  font-size : 13px
}
.article-summary {
  font-family : Georgia, serif;
  font-size : 25px!important;
  line-height : 1.4;
  color : #272d32!important;
  margin-bottom : 34px
}
.evidence {
  margin-top : 54px;
  padding : 24px;
  border : 1px solid var(--line);
  background : #f3efe7;
  border-radius : 14px
}
.evidence h3 {
  margin-top : 0
}
.evidence li {
  font-size : 14px;
  margin : 8px 0
}
.authorbox {
  display : grid;
  grid-template-columns : 90px 1fr;
  gap : 20px;
  border-top : 1px solid var(--line);
  margin-top : 52px;
  padding-top : 28px
}
.authorbox .monogram {
  width : 76px;
  height : 76px;
  font-size : 28px;
  margin : 0
}
.authorbox p {
  font-size : 14px
}
.related {
  display : grid;
  grid-template-columns : repeat(2, 1fr);
  gap : 14px;
  margin-top : 26px
}
.related a {
  border : 1px solid var(--line);
  background : white;
  border-radius : 12px;
  padding : 16px;
  font-family : Georgia, serif;
  font-size : 19px
}
.note {
  background : #f0ece4;
  border : 1px solid var(--line);
  border-radius : 14px;
  padding : 18px 20px;
  font-size : 14px;
  color : #555d64
}
.quote {
  font-family : Georgia, serif;
  font-size : 36px;
  line-height : 1.2;
  max-width : 900px
}
.footer-grid {
  display : grid;
  grid-template-columns : 1.2fr 1fr 1fr;
  gap : 40px
}
footer {
  padding : 52px 0;
  background : #0f1114;
  color : #c8cbce
}
footer h4 {
  color : white;
  font-family : Georgia, serif;
  font-size : 19px;
  margin : 0 0 14px
}
footer a {
  display : block;
  margin : 8px 0;
  font-size : 14px
}
.subtle {
  font-size : 12px;
  color : #8f9499;
  margin-top : 28px
}
.disclaimer {
  font-size : 13px!important;
  color : #6c7278!important;
  border-top : 1px solid var(--line);
  padding-top : 18px;
  margin-top : 30px
}

.book-cover-image {
    display: block;
    width: 330px;
    max-width: 100%;
    height: auto;
    box-shadow: 20px 24px 0 #c9b39c;
}

.article-featured {
    margin: 0 0 42px;
}

.article-featured-image {
    display: block;
    width: 100%;
    height: auto;
    max-height: 620px;
    object-fit: cover;
}

.article-media {
    position: relative;
    overflow: hidden;
}

.card-art.has-image {
    padding: 0;
    align-items: stretch;
}

.article-media-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.card-art .article-media-image {
    transition: transform 0.35s ease;
}

.essay-card:hover .card-art .article-media-image {
    transform: scale(1.035);
}

.card-art.has-number {
    display: flex;
    align-items: flex-end;
    padding: 18px;
}

.card-art .article-media-number {
    position: relative;
    z-index: 1;
    font-family: Georgia, serif;
    font-size: 48px;
    line-height: 1;
    color: #fff;
}

.article-media-placeholder {
    display: block;
    width: 100%;
    height: 100%;
}

.v2-hero--photo {
    position: relative;
    min-height: 670px;
    padding: 0;
    overflow: hidden;
    background: #e3cbb3;
    isolation: isolate;
}

.v2-hero--photo::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    content: "";
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(233, 211, 188, 0.98) 0%,
            rgba(233, 211, 188, 0.92) 28%,
            rgba(233, 211, 188, 0.48) 49%,
            rgba(233, 211, 188, 0) 68%
        );
}

.home-hero-image {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.home-hero-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 670px;
}

.v2-hero--photo .home-hero-copy {
    width: min(54%, 760px);
    padding: 80px 0;
}

.v2-hero--photo .home-hero-copy h1 {
    max-width: 760px;
    margin-bottom: 34px;
    font-size: clamp(48px, 5.5vw, 88px);
    line-height: 0.95;
}

.v2-hero--photo .home-hero-copy .actions {
    max-width: 650px;
}

@media (max-width: 980px) {
    .book-cover-image {
        margin-inline: auto;
    }
}

@media(max-width : 900px) {
  .navlinks{display : none
}
.hero-grid, .footer-grid {
  grid-template-columns : 1fr
}
.grid3 {
  grid-template-columns : 1fr
}
.ecosystem {
  grid-template-columns : 1fr 1fr
}
.article-row {
  grid-template-columns : 1fr
}
.article-row .tag {
  display : none
}
.related {
  grid-template-columns : 1fr
}
  }@media(max-width : 560px) {
  .wrap{padding : 0 20px
}
  .topbar .wrap span:last-child {
  display : none
}
.ecosystem {
  grid-template-columns : 1fr
}
h2 {
  font-size : 36px
}
.content p, .content li {
  font-size : 17px
}
.authorbox {
  grid-template-columns : 1fr
}

  .v2-hero--photo {
        display: flex;
        min-height: 0;
        flex-direction: column;
    }

    .v2-hero--photo::after {
        display: none;
    }

    .home-hero-inner {
        order: 1;
        min-height: 0;
        background: #e9d3bc;
    }

    .v2-hero--photo .home-hero-copy {
        width: 100%;
        padding: 58px 0;
    }

    .v2-hero--photo .home-hero-copy h1 {
        max-width: 780px;
        font-size: clamp(48px, 10vw, 76px);
    }

    .home-hero-image {
        position: relative;
        order: 2;
        width: 100%;
        height: auto;
        object-fit: contain;
    }
} 

.site-header {
  position : sticky;
  top : 0;
  z-index : 40;
  background : rgba(251, 250, 247, .95);
  backdrop-filter : blur(14px);
  border-bottom : 1px solid var(--line)
}
.v2-hero {
  padding : 56px 0 0;
  background : #f6f1e8;
  overflow : hidden
}
.v2-hero-grid {
  display : grid;
  grid-template-columns : 1.1fr .9fr;
  min-height : 670px;
  align-items : stretch
}
.hero-copy {
  padding : 86px 0 80px;
  align-self : center
}
.hero-copy h1 {
  font-size : clamp(68px, 9vw, 126px);
  line-height : .82
}
.hero-copy p {
  font-size : 21px;
  max-width : 670px;
  color : #4b5054
}
.portrait-stage {
  display : flex;
  align-items : end;
  justify-content : center;
  padding-top : 30px
}
.portrait-placeholder {
  height : 100%;
  min-height : 640px;
  width : 88%;
  background : linear-gradient(155deg, #d6d1c6, #9ca6a3);
  border-radius : 240px 240px 0 0;
  display : flex;
  flex-direction : column;
  justify-content : flex-end;
  padding : 46px;
  color : #fff;
  box-shadow : 0 30px 70px rgba(0, 0,0, .14)
}
.portrait-placeholder span, .portrait-placeholder small {
  font-size : 11px;
  letter-spacing : .14em;
  text-transform : uppercase
}
.portrait-placeholder strong {
  font-family : Georgia, serif;
  font-size : 54px;
  line-height : .9;
  margin : 14px 0
}
.featured-thinking {
  background : #111315;
  color : white;
  padding : 0
}
.feature-grid {
  display : grid;
  grid-template-columns : .9fr 1.1fr;
  gap : 72px;
  align-items : center;
  padding-top : 80px;
  padding-bottom : 80px
}
.feature-art {
  min-height : 520px;
  background : linear-gradient(145deg, #ad694f, #1f4858);
  display : flex;
  align-items : flex-end;
  padding : 28px;
  border-radius : 2px
}
.feature-art span {
  font-weight : 800;
  letter-spacing : .15em;
  font-size : 12px
}
.featured-thinking h2 {
  font-size : 58px
}
.featured-thinking .lead {
  color : #d8d8d6
}
.text-link {
  display : inline-block;
  margin-top : 12px;
  font-weight : 800;
  border-bottom : 1px solid currentColor;
  padding-bottom : 3px
}
.section-head {
  display : flex;
  justify-content : space-between;
  gap : 30px;
  align-items : end;
  margin-bottom : 30px
}
.section-head h2 {
  margin-bottom : 0
}
.editorial-grid {
  display : grid;
  grid-template-columns : repeat(4, 1fr);
  gap : 18px
}
.editorial-grid.three {
  grid-template-columns : repeat(3, 1fr)
}
.essay-card {
  display : block;
  background : #fff;
  border : 1px solid var(--line);
  min-height : 100%;
  transition : transform .2s ease, box-shadow .2s ease
}
  .essay-card:hover {
  transform : translateY(-4px);
  box-shadow : 0 18px 45px rgba(0, 0,0, .08);
  text-decoration : none
}
.card-art {
  height : 210px;
  background : linear-gradient(145deg, #d9d0c2, #87979a);
  padding : 18px;
  display : flex;
  align-items : flex-end
}
.card-art span {
  font-family : Georgia, serif;
  font-size : 48px;
  color : white
}
  .essay-card :nth-child(2n) .card-art {
  background : linear-gradient(145deg, #d7bea8, #8f5f4c)
}
  .essay-card :nth-child(3n) .card-art {
  background : linear-gradient(145deg, #c9d5cd, #426170)
}
.card-copy {
  padding : 24px
}
.card-copy h3 {
  font-family : Georgia, serif;
  font-size : 26px;
  line-height : 1.08;
  font-weight : 500
}
.card-copy p {
  font-size : 14px;
  color : #5b6166
}
.card-copy strong {
  font-size : 13px
}
.question-band {
  background : #a95e42;
  color : white;
  padding : 90px 0
}
.question-band .kicker {
  color : #f3d6ca
}
.question-band .quote {
  font-size : clamp(42px, 6vw, 78px);
  max-width : 1050px;
  margin : 10px 0 26px
}
  .question-band p :not(.quote) {
  max-width : 700px;
  font-size : 18px;
  color : #f2ddd6
}
.btn.light {
  border-color : white;
  color : white
}
.book-feature {
  background : #ede6da
}
.book-grid {
  display : grid;
  grid-template-columns : .7fr 1.3fr;
  gap : 80px;
  align-items : center
}
.book-cover-mock {
  width : 330px;
  min-height : 470px;
  background : #15181b;
  color : white;
  display : flex;
  flex-direction : column;
  padding : 34px;
  box-shadow : 20px 24px 0 #c9b39c
}
.book-cover-mock span, .book-cover-mock small {
  font-size : 12px;
  letter-spacing : .2em
}
.book-cover-mock strong {
  font-family : Georgia, serif;
  font-size : 60px;
  line-height : .82;
  margin : auto 0
}
.topic-grid {
  display : grid;
  grid-template-columns : repeat(3, 1fr);
  gap : 1px;
  background : var(--line);
  border : 1px solid var(--line);
  margin-top : 30px;
  text-align : center;
}
.topic-grid a {
  background : #fbfaf7;
  padding : 34px;
  font-family : Georgia, serif;
  font-size : 28px
}
.topic-grid a span {
  display : block;
  font-family : Inter, sans-serif;
  font-size : 13px;
  color : var(--muted);
  margin-top : 8px
}
.measurement-meaning {
  background : #dbe2dc
}
.split {
  display : grid;
  grid-template-columns : 1fr 1fr;
  gap : 80px;
  align-items : start
}
.about-preview {
  background : #16191c;
  color : white
}
.about-grid {
  display : grid;
  grid-template-columns : 1fr 1fr;
  gap : 70px;
  align-items : center
}
.about-preview .lead {
  color : #d1d4d5
}
.portrait-strip {
    position: relative;
    width: 100%;
    min-height: 420px;
    margin: 0;
    overflow: hidden;
    background: #25292b;
}

.portrait-strip img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    object-position: 70% center;
    transition: transform 0.4s ease;
}

.about-preview:hover .portrait-strip img {
    transform: scale(1.02);
}
.network-strip {
  padding : 60px 0
}
.network-links {
  display : grid;
  grid-template-columns : repeat(5, 1fr);
  gap : 10px;
  margin-top : 26px
}
.network-links a {
  border-top : 2px solid var(--ink);
  padding : 16px 4px
}
.network-links strong, .network-links span {
  display : block
}
.network-links span {
  font-size : 12px;
  color : var(--muted);
  margin-top : 5px
}
.editorial-head {
  padding : 90px 0
}
.topic-chips {
  display : flex;
  flex-wrap : wrap;
  gap : 10px;
  margin-top : 28px
}
.topic-chips a {
  border : 1px solid var(--ink);
  border-radius : 999px;
  padding : 9px 14px;
  font-size : 13px;
  font-weight : 700
}
.idea-cluster {
  padding : 65px 0
}
  .idea-cluster:nth-of-type(even) {
  background : #f3eee5
}
.cluster-head {
  display : flex;
  justify-content : space-between;
  align-items : end;
  border-bottom : 1px solid var(--line);
  padding-bottom : 18px
}
.cluster-head span {
  font-family : Georgia, serif;
  font-size : 30px;
  color : var(--muted)
}
.essay-index>a {
  display : grid;
  grid-template-columns : 80px 1fr 40px;
  gap : 26px;
  padding : 24px 0;
  border-bottom : 1px solid var(--line);
  align-items : center
}
.essay-index>a>span {
  font-family : Georgia, serif;
  font-size : 28px
}
.essay-index small {
  font-size : 10px;
  text-transform : uppercase;
  letter-spacing : .12em;
  color : var(--muted);
  font-weight : 800
}
.essay-index h3 {
  font-family : Georgia, serif;
  font-size : 27px;
  margin : 4px 0
}
.essay-index p {
  font-size : 14px;
  color : var(--muted);
  max-width : 800px;
  margin : 0
}
.essay-index b {
  font-size : 24px
}
.article-hero {
  background : #f0ebe2;
  padding : 72px 0
}
.article-hero-grid {
  display : grid;
  grid-template-columns : 1.25fr .45fr;
  gap : 60px;
  align-items : end
}
.article-hero h1 {
  font-size : clamp(48px, 6.2vw, 82px);
  max-width : 950px
}
.article-hero p {
  font-size : 20px;
  color : #4e555b;
  max-width : 760px
}
.editorial-shape {
  height : 330px;
  background : linear-gradient(145deg, #b76c4e, #254b5b);
  display : grid;
  place-items : center;
  border-radius : 180px 180px 0 0
}
.editorial-shape span {
  font-family : Georgia, serif;
  font-size : 70px;
  color : white
}
.article-shell {
  padding : 75px 0
}
.article-shell .content {
  margin : 0 auto
}
.deep-dive {
  margin-top : 50px;
  background : #15181b;
  color : white;
  padding : 28px;
  display : grid;
  grid-template-columns : 1fr 1.6fr;
  gap : 24px
}
.deep-dive span, .continue>span {
  font-size : 10px;
  letter-spacing : .14em;
  font-weight : 800
}
.deep-dive h3 {
  margin : 8px 0 0;
  font-size : 23px
}
.deep-links {
  display : grid;
  grid-template-columns : repeat(3, 1fr);
  gap : 8px
}
.deep-links a {
  border : 1px solid #3d4246;
  padding : 15px
}
.deep-links strong, .deep-links small {
  display : block
}
.deep-links small {
  color : #aeb3b6;
  font-size : 11px;
  margin-top : 5px
}
.continue {
  margin-top : 42px;
  padding-top : 22px;
  border-top : 1px solid var(--line)
}
.about-hero {
  padding : 70px 0;
  background : #e9e2d7
}
.about-hero-grid {
  display : grid;
  grid-template-columns : .75fr 1.25fr;
  gap : 72px;
  align-items : center
}
.portrait-tall {
    width: 100%;
    max-width: 600px;
    margin: 0;
    aspect-ratio: 711 / 892;
    overflow: hidden;
    background: #d7c7b3;
    box-shadow: 0 24px 55px rgba(0, 0, 0, 0.12);
}

.portrait-tall img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.about-hero h1 {
  font-size : clamp(50px, 6vw, 82px)
}

/* Balanced Explore by Idea layout */
.topic-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1px;
    margin-top: 30px;
    border: 1px solid var(--line);
    background: var(--line);
}

/* First four items: four equal columns */
.topic-grid a {
    grid-column: span 3;
    display: flex;
    min-width: 0;
    min-height: 175px;
    padding: 34px;
    flex-direction: column;
    justify-content: center;
    background: #fbfaf7;
    font-family: Georgia, serif;
    font-size: 28px;
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

/* Final three items: three equal columns */
.topic-grid a:nth-last-child(-n + 3) {
    grid-column: span 4;
}

.topic-grid a span {
    display: block;
    margin-top: 8px;
    color: var(--muted);
    font-family: Inter, sans-serif;
    font-size: 13px;
    line-height: 1.5;
}

.topic-grid a:hover {
    background: var(--ink);
    color: #fff;
    text-decoration: none;
}

.topic-grid a:hover span {
    color: rgba(255, 255, 255, 0.72);
}
  @media(max-width : 1000px) {
    .editorial-grid{grid-template-columns : repeat(2, 1fr)
    }
    .editorial-grid.three {
    grid-template-columns : repeat(2, 1fr)
    }
    .network-links {
    grid-template-columns : repeat(2, 1fr)
    }
    .topic-grid {
    grid-template-columns : repeat(2, 1fr)
    }
    .v2-hero-grid, .feature-grid, .book-grid, .split, .about-grid, .about-hero-grid, .article-hero-grid {
    grid-template-columns : 1fr
    }
    .portrait-placeholder {
    min-height : 500px;
    width : 100%;
    border-radius : 180px 180px 0 0
    }
    .book-cover-mock {
    margin : auto
    }
    .editorial-shape {
    max-width : 360px
    }
     .portrait-tall {
        max-width: 580px;
        margin-inline: auto;
    }
     .portrait-strip,
    .portrait-strip img {
        min-height: 0;
    }

    .portrait-strip img {
        height: auto;
        object-fit: contain;
        object-position: center;
    }

     .topic-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .topic-grid a,
    .topic-grid a:nth-last-child(-n + 3) {
        grid-column: auto;
    }

    .topic-grid a:last-child {
        grid-column: 1 / -1;
    }
}
@media(max-width : 620px) {
    .editorial-grid, .editorial-grid.three, .topic-grid, .network-links{grid-template-columns : 1fr
    }
    .feature-grid {
    gap : 35px
    }
    .featured-thinking h2 {
    font-size : 42px
    }
    .essay-index>a {
    grid-template-columns : 45px 1fr
    }
    .essay-index>a>b {
    display : none
    }
    .deep-dive {
    grid-template-columns : 1fr
    }
    .deep-links {
    grid-template-columns : 1fr
    }
    .hero-copy h1 {
    font-size : 64px
    }
    .book-cover-mock {
    width : 260px;
    min-height : 390px
    }
    .book-cover-mock strong {
    font-size : 48px
    }

    .v2-hero--photo .home-hero-copy {
        padding: 44px 0;
    }

    .v2-hero--photo .home-hero-copy h1 {
        font-size: 46px;
        line-height: 0.98;
    }

     .about-hero {
        padding: 42px 0;
    }

    .portrait-tall {
        max-width: 100%;
    }

     .topic-grid {
        grid-template-columns: 1fr;
    }

    .topic-grid a,
    .topic-grid a:nth-last-child(-n + 3),
    .topic-grid a:last-child {
        grid-column: 1 / -1;
        min-height: 140px;
        padding: 26px;
    }
}
.hero-signature {
  margin : 12px 0 22px;
  color : #5b6166;
  font-size : 12px;
  letter-spacing : .08em;
  text-transform : uppercase
}
.hero-signature strong {
  color : var(--ink)
}
.v2-hero .hero-copy h1 {
  font-size : clamp(52px, 6.8vw, 96px);
  line-height : .92;
  max-width : 860px
}
.featured-rail {
  display : flex;
  gap : 24px;
  overflow-x : auto;
  scroll-snap-type : x mandatory;
  padding : 4px 2px 18px;
  scrollbar-width : none
}
  .featured-rail::-webkit-scrollbar {
  display : none
}
.featured-rail .rail-card {
  flex : 0 0 min(390px, 82vw);
  scroll-snap-align : start
}
.rail-controls {
  display : flex;
  justify-content : flex-end;
  gap : 10px;
  margin-top : 12px
}
.rail-btn {
  width : 46px;
  height : 46px;
  border : 1px solid var(--line);
  background : transparent;
  font-size : 20px;
  cursor : pointer
}
  .rail-btn:hover {
  background : var(--ink);
  color : white
}
.article-pager {
  display : grid;
  grid-template-columns : 1fr 1fr;
  gap : 18px;
  margin-top : 42px;
  padding-top : 24px;
  border-top : 1px solid var(--line)
}
.article-pager a {
  padding : 18px;
  border : 1px solid var(--line);
  text-decoration : none
}
.article-pager span, .article-pager strong {
  display : block
}
.article-pager span {
  font-size : 10px;
  letter-spacing : .12em;
  text-transform : uppercase;
  margin-bottom : 8px;
  color : #687078
}
.pager-next {
  text-align : right
}
.continue-exploring {
  margin-top : 42px
}
.continue-exploring>span {
  font-size : 10px;
  letter-spacing : .14em;
  font-weight : 800
}
.continue-grid {
  display : grid;
  grid-template-columns : repeat(3, 1fr);
  gap : 12px;
  margin-top : 14px
}
.continue-grid a {
  border-top : 2px solid var(--ink);
  padding : 16px 4px 8px;
  text-decoration : none
}
.continue-grid small, .continue-grid strong, .continue-grid span {
  display : block
}
.continue-grid small {
  color : #71777c;
  text-transform : uppercase;
  letter-spacing : .08em;
  font-size : 10px
}
.continue-grid strong {
  font-family : Georgia, serif;
  font-size : 19px;
  line-height : 1.15;
  margin : 8px 0 12px
}
.continue-grid span {
  font-size : 12px
}
  @media(max-width : 620px) {
    .article-pager, .continue-grid{grid-template-columns : 1fr
    }
    .pager-next {
    text-align : left
    }
    .featured-rail .rail-card {
    flex-basis : 88vw
    }
    .rail-controls {
    justify-content : flex-start
    }
}