:root {
  --ink: #171817;
  --paper: #f1eee7;
  --ivory: #f8f6f0;
  --bronze: #9a7651;
  --burgundy: #5e292b;
  --line: rgba(23, 24, 23, .18);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ivory); color: var(--ink); font-family: "Manrope", sans-serif; }
a { color: inherit; text-decoration: none; }

.site-header { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 104px; padding: 0 4.5vw; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: white; border-bottom: 1px solid rgba(255,255,255,.2); }
.brand { display: inline-flex; align-items: center; gap: 14px; justify-self: start; }
.brand-logo { display: block; width: 126px; height: 58px; object-fit: contain; filter: invert(1); }
.brand-mark { font: 500 26px/1 "Newsreader", serif; letter-spacing: -3px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; }
.brand-name { font: 500 15px/1.05 "DM Sans", sans-serif; letter-spacing: .02em; }
.brand-name small { display: block; margin-top: 5px; opacity: .58; font-size: 8px; text-transform: uppercase; letter-spacing: .18em; }
.desktop-nav { display: flex; gap: clamp(24px, 3.4vw, 56px); font-size: 12px; }
.desktop-nav a, .header-cta { transition: opacity .25s; }
.desktop-nav a:hover, .header-cta:hover { opacity: .65; }
.header-cta { justify-self: end; padding: 13px 18px; border: 1px solid rgba(255,255,255,.55); font-size: 11px; display: flex; gap: 24px; align-items: center; }
.menu-toggle { display: none; background: none; color: white; border: 0; font: inherit; }

.hero { min-height: 820px; height: 100vh; max-height: 980px; position: relative; overflow: hidden; color: white; background: #1b1c1b; }
.hero-slides { position: absolute; inset: 0; }
.hero-image { position: absolute; inset: 0; background: var(--hero-image) center center/cover no-repeat; transform: scale(1.06); opacity: 0; transition: opacity 1.1s ease, transform 7s ease; }
.hero-image.active { opacity: 1; transform: scale(1.015); }
.hero-slide:nth-child(2) { background-position: center 42%; }
.hero-slide:nth-child(3) { background-position: center 55%; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14,15,14,.94) 0%, rgba(14,15,14,.74) 38%, rgba(14,15,14,.12) 72%, rgba(14,15,14,.28) 100%); }
.hero-content { position: relative; z-index: 2; padding: clamp(170px, 22vh, 230px) 4.5vw 80px; width: min(790px, 70vw); }
.eyebrow { display: flex; align-items: center; gap: 12px; text-transform: uppercase; letter-spacing: .2em; font-size: 9px; font-weight: 600; }
.eyebrow span { width: 30px; height: 1px; background: currentColor; opacity: .7; }
h1, h2, h3 { margin: 0; font-family: "Newsreader", serif; font-weight: 400; }
.hero h1 { margin-top: 35px; font-size: clamp(60px, 7vw, 106px); line-height: .88; letter-spacing: -.045em; }
.hero h1 em, .practice h2 em, .contact h2 em { color: #b48b62; font-weight: 400; }
.hero-copy { max-width: 470px; margin: 32px 0 34px; color: rgba(255,255,255,.67); font-size: 14px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 35px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; min-width: 218px; padding: 17px 18px; font-size: 11px; font-weight: 600; transition: transform .25s, background .25s; }
.button:hover { transform: translateY(-2px); }
.button-light { background: var(--ivory); color: var(--ink); }
.text-link, .arrow-link { font-size: 11px; border-bottom: 1px solid currentColor; padding-bottom: 6px; display: inline-flex; gap: 28px; }
.hero-controls { position: absolute; z-index: 3; right: 4.5vw; bottom: 43px; display: flex; align-items: center; gap: 16px; }
.hero-index { display: flex; align-items: center; gap: 12px; font-size: 8px; letter-spacing: .12em; }
.hero-dots { width: 76px; display: grid; grid-template-columns: repeat(4,1fr); gap: 4px; }
.hero-dots button { appearance: none; border: 0; padding: 0; height: 1px; background: rgba(255,255,255,.32); cursor: pointer; transition: height .2s, background .2s; }
.hero-dots button.active { height: 2px; background: white; }
.hero-arrow { width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; background: transparent; color: white; cursor: pointer; display: grid; place-items: center; transition: background .25s, color .25s; }
.hero-arrow:hover { background: white; color: var(--ink); }
.hero-note { position: absolute; z-index: 2; right: 4.5vw; top: 145px; writing-mode: vertical-rl; font-size: 8px; line-height: 1.8; text-transform: uppercase; letter-spacing: .18em; color: rgba(255,255,255,.55); }

.section-label { font: 600 9px/1 "DM Sans", sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #77766f; }
.section-label.light { color: rgba(255,255,255,.5); }
.kicker { font: italic 400 20px/1.2 "Newsreader", serif; color: var(--bronze); }
.manifesto { padding: 140px 5vw 150px; display: grid; grid-template-columns: 1fr 2.5fr 1fr; gap: 6vw; align-items: start; }
.manifesto-copy h2 { font-size: clamp(42px, 5.3vw, 78px); line-height: 1.02; letter-spacing: -.035em; }
.manifesto-aside { padding-top: 94px; }
.manifesto-aside p { font-size: 12px; line-height: 1.8; color: #6e6d67; margin: 0 0 35px; }

.practice { background: var(--ink); color: white; padding: 125px 5vw 80px; }
.practice-head { display: grid; grid-template-columns: 2fr 1fr; align-items: end; padding-bottom: 70px; }
.practice-head h2 { margin-top: 25px; font-size: clamp(52px, 6.2vw, 92px); line-height: .93; letter-spacing: -.04em; }
.practice-head > p { max-width: 340px; justify-self: end; color: rgba(255,255,255,.52); font-size: 12px; line-height: 1.8; }
.practice-list { border-top: 1px solid rgba(255,255,255,.18); }
.practice-item { display: grid; grid-template-columns: 75px 1.2fr 1fr 40px; gap: 20px; align-items: center; min-height: 122px; border-bottom: 1px solid rgba(255,255,255,.18); transition: padding .3s, color .3s, background .3s; }
.practice-item:hover { padding: 0 20px; background: #242524; color: #cfa477; }
.practice-number { font-size: 9px; color: rgba(255,255,255,.4); }
.practice-title { font: 400 clamp(26px, 3vw, 43px)/1 "Newsreader", serif; }
.practice-desc { font-size: 11px; line-height: 1.6; color: rgba(255,255,255,.5); max-width: 280px; }
.practice-arrow { justify-self: end; font-size: 18px; }

.method { min-height: 780px; display: grid; grid-template-columns: 1fr 1fr; }
.method-visual { position: relative; overflow: hidden; background: #d9d0c2; display: grid; place-items: center; }
.method-visual::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 65% 35%, rgba(255,255,255,.75), transparent 32%), linear-gradient(135deg, #9c8d7a, #ece4d8 48%, #6c5b4d); mix-blend-mode: multiply; opacity: .72; }
.method-visual > span { position: relative; z-index: 2; font: 400 clamp(90px, 13vw, 190px)/1 "Newsreader", serif; letter-spacing: -.14em; color: rgba(255,255,255,.78); text-shadow: 0 10px 40px rgba(41,33,26,.22); }
.orbit { position: absolute; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; }
.orbit-one { width: 70%; aspect-ratio: 1; transform: rotate(25deg) scaleY(.32); }
.orbit-two { width: 92%; aspect-ratio: 1; transform: rotate(-34deg) scaleY(.18); }
.method-content { display: flex; flex-direction: column; justify-content: center; padding: 90px 8vw; }
.method-content .kicker { margin-top: 65px; }
.method-content h2 { font-size: clamp(46px, 5.2vw, 76px); line-height: .98; letter-spacing: -.04em; }
.method-content > p:not(.section-label):not(.kicker) { margin: 36px 0 55px; max-width: 510px; color: #66665f; font-size: 12px; line-height: 1.9; }
.method-points { display: grid; gap: 18px; border-top: 1px solid var(--line); padding-top: 26px; font-size: 11px; }
.method-points span { display: flex; gap: 24px; }
.method-points b { color: var(--bronze); font-size: 9px; }

.insights { padding: 130px 5vw 150px; background: var(--paper); }
.insights-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 60px; }
.insights h2 { margin-top: 22px; font-size: clamp(52px, 6vw, 86px); letter-spacing: -.04em; }
.featured-article { display: grid; grid-template-columns: 1.2fr 1fr; min-height: 470px; background: var(--ivory); }
.article-art { position: relative; overflow: hidden; background: #6a292b; display: grid; place-items: center; color: rgba(255,255,255,.82); }
.article-art::before, .article-art::after { content: ""; position: absolute; width: 75%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; }
.article-art::after { width: 44%; }
.article-art span { font: 400 clamp(90px, 14vw, 190px)/1 "Newsreader", serif; letter-spacing: -.13em; z-index: 1; }
.article-art i { position: absolute; width: 1px; height: 100%; background: rgba(255,255,255,.2); transform: rotate(35deg); }
.article-content { padding: clamp(50px, 7vw, 100px); display: flex; flex-direction: column; justify-content: center; }
.article-content > p { color: var(--bronze); text-transform: uppercase; font-size: 8px; letter-spacing: .16em; }
.article-content h3 { font-size: clamp(30px, 3.4vw, 50px); line-height: 1.05; margin: 22px 0 48px; }
.article-content .arrow-link { align-self: flex-start; }

.contact { background: #222321; color: white; padding: 130px 5vw; }
.contact .eyebrow { color: #b99975; }
.contact-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 7vw; align-items: end; margin-top: 55px; }
.contact h2 { font-size: clamp(58px, 7.8vw, 116px); line-height: .88; letter-spacing: -.045em; }
.contact-aside p { color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.8; margin: 0 0 35px; }
.button-bronze { background: var(--bronze); color: white; }

footer { padding: 75px 5vw 28px; background: #121312; color: rgba(255,255,255,.68); display: grid; grid-template-columns: 2fr repeat(2, 1fr); gap: 4vw; font-size: 10px; line-height: 1.8; }
.footer-brand { display: flex; gap: 14px; align-items: flex-start; color: white; font: 500 14px/1.15 "DM Sans", sans-serif; }
.footer-logo { width: 150px; height: auto; filter: invert(1); }
.footer-brand small { font-size: 8px; text-transform: uppercase; letter-spacing: .14em; color: rgba(255,255,255,.35); }
footer > div:not(.footer-brand):not(.footer-bottom) { display: flex; flex-direction: column; }
footer p { color: white; font-weight: 600; margin: 0 0 14px; }
footer a:hover { color: white; }
.footer-bottom { grid-column: 1/-1; border-top: 1px solid rgba(255,255,255,.12); padding-top: 24px; margin-top: 55px; display: flex; gap: 35px; }
.footer-bottom > *:last-child { margin-left: auto; }
.footer-credit { color: rgba(255,255,255,.55); }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .75s ease, transform .75s ease; }
.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 850px) {
  .site-header { height: 82px; grid-template-columns: 1fr auto; padding: 0 24px; }
  .brand-logo { width: 108px; height: 50px; }
  .desktop-nav, .header-cta { display: none; }
  .menu-toggle { display: block; justify-self: end; }
  .desktop-nav.open { position: absolute; display: flex; flex-direction: column; top: 82px; left: 0; right: 0; padding: 28px 24px; background: #171817; border-top: 1px solid rgba(255,255,255,.12); }
  .hero { min-height: 740px; }
  .hero-image { background-position: 62% center; }
  .hero-shade { background: linear-gradient(90deg, rgba(14,15,14,.94), rgba(14,15,14,.52)); }
  .hero-content { padding: 155px 24px 90px; width: 100%; }
  .hero h1 { font-size: clamp(50px, 15vw, 72px); }
  .hero-copy { max-width: 85%; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 24px; }
  .hero-note { display: none; }
  .hero-controls { right: 24px; bottom: 25px; gap: 9px; }
  .hero-arrow { width: 28px; height: 28px; }
  .hero-dots { width: 55px; }
  .manifesto { padding: 90px 24px; grid-template-columns: 1fr; gap: 35px; }
  .manifesto-aside { padding-top: 0; }
  .practice { padding: 90px 24px 50px; }
  .practice-head { grid-template-columns: 1fr; gap: 30px; }
  .practice-head > p { justify-self: start; }
  .practice-item { grid-template-columns: 38px 1fr 25px; min-height: 100px; }
  .practice-desc { display: none; }
  .method { grid-template-columns: 1fr; }
  .method-visual { min-height: 450px; }
  .method-content { padding: 85px 24px; }
  .method-content .kicker { margin-top: 45px; }
  .insights { padding: 90px 24px; }
  .insights-head { align-items: flex-start; flex-direction: column; gap: 30px; }
  .featured-article { grid-template-columns: 1fr; }
  .article-art { min-height: 330px; }
  .contact { padding: 90px 24px; }
  .contact-grid { grid-template-columns: 1fr; gap: 50px; }
  footer { padding: 65px 24px 25px; grid-template-columns: 1fr 1fr; gap: 40px 24px; }
  .footer-brand { grid-column: 1/-1; }
  .footer-bottom { flex-wrap: wrap; gap: 15px 25px; }
  .footer-bottom > *:last-child { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Journal and article templates */
.inner-page { background: var(--paper); }
.inner-header { position: relative; color: var(--ink); border-bottom-color: var(--line); background: var(--paper); }
.inner-header .brand-logo { filter: none; }
.inner-header .desktop-nav .active { color: var(--bronze); }
.inner-header .header-cta { border-color: var(--ink); }
.inner-header .menu-toggle { color: var(--ink); }
.journal-hero { padding: 105px 5vw 65px; min-height: 545px; display: flex; flex-direction: column; justify-content: space-between; border-bottom: 1px solid var(--line); }
.journal-title { display: grid; grid-template-columns: 2fr 1fr; align-items: end; gap: 8vw; }
.journal-title h1 { font-size: clamp(76px, 11vw, 155px); line-height: .76; letter-spacing: -.06em; }
.journal-title h1 em { color: var(--bronze); }
.journal-title p { margin: 0 0 10px; color: #66655f; font-size: 13px; line-height: 1.8; max-width: 390px; }
.journal-meta { display: flex; justify-content: space-between; text-transform: uppercase; letter-spacing: .15em; font-size: 8px; }
.journal-featured { padding: 100px 5vw 125px; display: grid; grid-template-columns: 1.15fr 1fr; gap: 7vw; align-items: center; }
.featured-visual { min-height: 580px; background: var(--burgundy); display: grid; place-items: center; color: rgba(255,255,255,.86); position: relative; overflow: hidden; }
.featured-visual::before, .featured-visual::after { content: ""; position: absolute; width: 70%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; }
.featured-visual::after { width: 43%; }
.featured-visual span { font: 400 clamp(120px, 17vw, 240px)/1 "Newsreader",serif; letter-spacing: -.14em; z-index: 1; transition: transform .45s; }
.featured-visual:hover span { transform: scale(1.04); }
.featured-visual i { position: absolute; width: 1px; height: 120%; background: rgba(255,255,255,.2); transform: rotate(38deg); }
.article-tag { color: var(--bronze); text-transform: uppercase; font-size: 8px; letter-spacing: .16em; }
.featured-copy h2 { margin: 28px 0; font-size: clamp(42px, 4.8vw, 70px); line-height: .98; letter-spacing: -.04em; }
.featured-copy > p:not(.article-tag) { color: #66655f; font-size: 12px; line-height: 1.85; max-width: 520px; }
.article-byline { display: flex; gap: 20px; flex-wrap: wrap; margin: 35px 0; color: #87857e; font-size: 8px; text-transform: uppercase; letter-spacing: .12em; }
.journal-index { padding: 110px 5vw 140px; background: var(--ivory); }
.journal-toolbar { display: flex; justify-content: space-between; align-items: end; padding-bottom: 42px; border-bottom: 1px solid var(--line); }
.journal-toolbar h2 { font-size: clamp(48px, 6vw, 78px); letter-spacing: -.04em; }
.category-filter { display: flex; flex-wrap: wrap; justify-content: end; gap: 7px; }
.category-filter button { border: 1px solid var(--line); background: transparent; padding: 9px 13px; border-radius: 99px; font: 500 8px "Manrope",sans-serif; text-transform: uppercase; letter-spacing: .08em; cursor: pointer; }
.category-filter button.selected, .category-filter button:hover { background: var(--ink); color: white; }
.article-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 75px 35px; padding-top: 65px; }
.article-card[hidden] { display: none; }
.card-art { min-height: 370px; display: grid; place-items: center; color: rgba(255,255,255,.8); position: relative; overflow: hidden; }
.card-art::before { content: ""; position: absolute; width: 58%; aspect-ratio: 1; border: 1px solid currentColor; border-radius: 50%; opacity: .3; }
.card-art span { font: 400 clamp(80px,11vw,150px) "Newsreader",serif; letter-spacing: -.13em; z-index: 1; }
.card-art small { position: absolute; left: 24px; top: 24px; }
.burgundy { background: var(--burgundy); }.bronze { background:#856c52; }.charcoal { background:#292b29; }.sand { background:#c9b9a0; color:#fff; }
.article-card > p { margin: 24px 0 13px; color: var(--bronze); text-transform: uppercase; font-size: 8px; letter-spacing: .14em; }
.article-card h3 { max-width: 560px; font-size: clamp(28px,3vw,40px); line-height: 1.06; }
.article-card > div:last-child { margin-top: 25px; padding-top: 16px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; font-size: 9px; color:#77766f; }
.concept-card { opacity: .78; }
.newsletter { padding: 110px 5vw; background: var(--burgundy); color: white; display: grid; grid-template-columns: 1.3fr 1fr; gap: 9vw; align-items: end; }
.newsletter h2 { margin-top: 30px; font-size: clamp(52px,6.5vw,88px); line-height: .92; }.newsletter h2 em { color:#d4b08d; }
.newsletter-form label { display:block; font:400 22px "Newsreader",serif; margin-bottom:20px; }
.newsletter-form > div { display:flex; border-bottom:1px solid rgba(255,255,255,.5); }
.newsletter-form input { width:100%; border:0; outline:0; background:transparent; padding:16px 0; color:white; font:12px "Manrope"; }.newsletter-form input::placeholder{color:rgba(255,255,255,.45)}
.newsletter-form button { width:45px; border:0; background:transparent; color:white; font-size:18px; cursor:pointer; }.newsletter-form small{display:block;margin-top:14px;color:rgba(255,255,255,.4);font-size:8px;}

.post-hero { padding: 90px 11vw 85px; background: var(--paper); }
.post-back { display:inline-block; margin-bottom:65px; font-size:10px; border-bottom:1px solid var(--line); padding-bottom:5px; }
.post-hero h1 { max-width: 1120px; margin: 25px 0 55px; font-size: clamp(60px,8.5vw,122px); line-height:.88; letter-spacing:-.05em; }
.post-hero h1 em { color:var(--bronze); }
.post-byline { display:flex; align-items:center; gap:15px; }
.author-monogram { width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font:16px "Newsreader"; }
.post-byline > div:nth-child(2){display:flex;flex-direction:column;font-size:10px;}.post-byline span{color:#77766f;font-size:8px;text-transform:uppercase;letter-spacing:.1em;margin-top:4px;}
.post-date { margin-left:auto;display:flex;gap:35px; }
.post-cover { margin:0 5vw; height:min(66vw,760px); background:var(--burgundy);position:relative;overflow:hidden;color:rgba(255,255,255,.86);display:grid;place-items:center; }
.post-cover > span { font:400 clamp(150px,28vw,410px)/1 "Newsreader";letter-spacing:-.14em;z-index:1; }
.post-cover::before,.post-cover::after{content:"";position:absolute;width:66%;aspect-ratio:1;border:1px solid rgba(255,255,255,.24);border-radius:50%;}.post-cover::after{width:40%;}
.post-cover > div { position:absolute;left:4vw;bottom:4vw;z-index:2;display:flex;flex-direction:column;text-transform:uppercase;letter-spacing:.13em;}.post-cover small{font-size:7px;opacity:.5;margin-bottom:8px;}.post-cover b{font:400 18px/1.15 "Newsreader";letter-spacing:0;text-transform:none;}
.post-cover i{position:absolute;width:1px;height:150%;background:rgba(255,255,255,.2);transform:rotate(38deg)}
.post-layout { display:grid;grid-template-columns:100px minmax(0,720px) 190px;justify-content:center;gap:55px;padding:115px 5vw 140px;background:var(--ivory); }
.post-share { position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;align-items:center;gap:12px; }.post-share > span{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.15em;font-size:7px;margin-bottom:8px}.post-share a{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:9px;}
.post-content { font-family:"Newsreader",serif;font-size:20px;line-height:1.75;color:#3e3e3a; }.post-content p{margin:0 0 32px;}.post-content .post-lead{font-size:30px;line-height:1.45;color:var(--ink);}.post-content h2{font-size:48px;line-height:1.05;margin:75px 0 28px;color:var(--ink);}.post-content blockquote{margin:65px -65px;padding:45px 65px;border-left:2px solid var(--bronze);background:var(--paper);font-size:35px;line-height:1.25;color:var(--ink);}.post-content blockquote p{margin:0}.post-callout{margin:60px 0;padding:35px;border-top:1px solid var(--bronze);border-bottom:1px solid var(--bronze);}.post-callout span{font:600 8px "Manrope";text-transform:uppercase;letter-spacing:.15em;color:var(--bronze);}.post-callout p{margin:15px 0 0;font-size:26px;line-height:1.4;color:var(--ink)}
.post-tags{display:flex;gap:8px;margin-top:70px;padding-top:28px;border-top:1px solid var(--line)}.post-tags span{font:500 8px "Manrope";text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);border-radius:99px;padding:8px 12px}
.post-toc{position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:25px;gap:13px;font-size:9px;color:#77766f}.post-toc p{color:var(--ink);font-weight:600;text-transform:uppercase;letter-spacing:.13em}.post-toc a:hover{color:var(--bronze)}
.author-box { margin:0 5vw 120px;padding:65px;background:var(--paper);display:grid;grid-template-columns:auto 1fr auto;gap:35px;align-items:center; }.author-seal{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font:36px "Newsreader";}.author-box p{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--bronze);}.author-box h2{font-size:38px;margin-bottom:8px}.author-box span{font-size:11px;color:#77766f}.next-reading{background:var(--ink);color:white;padding:100px 5vw}.next-reading h2{font-size:clamp(55px,8vw,110px);margin:30px 0 75px}.next-reading > a{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.25);padding-top:25px;font-size:12px}.next-reading > a b{font-size:20px}

@media(max-width:850px){
  .inner-header .desktop-nav.open{background:var(--paper);color:var(--ink)}.journal-hero{padding:80px 24px 45px;min-height:460px}.journal-title{grid-template-columns:1fr;gap:40px}.journal-title h1{font-size:80px}.journal-featured{padding:70px 24px 90px;grid-template-columns:1fr}.featured-visual{min-height:390px}.journal-index{padding:80px 24px}.journal-toolbar{align-items:flex-start;flex-direction:column;gap:30px}.category-filter{justify-content:flex-start}.article-grid{grid-template-columns:1fr;gap:60px}.card-art{min-height:300px}.newsletter{padding:80px 24px;grid-template-columns:1fr;gap:55px}
  .post-hero{padding:65px 24px}.post-back{margin-bottom:45px}.post-hero h1{font-size:54px}.post-date{display:none}.post-cover{margin:0;height:520px}.post-layout{grid-template-columns:1fr;padding:75px 24px}.post-share{position:static;flex-direction:row;justify-content:flex-start}.post-share > span{writing-mode:initial;margin:0 10px 0 0}.post-toc{display:none}.post-content{font-size:18px}.post-content .post-lead{font-size:25px}.post-content h2{font-size:39px}.post-content blockquote{margin:50px 0;padding:30px 25px;font-size:28px}.author-box{margin:0;padding:60px 24px;grid-template-columns:auto 1fr}.author-seal{width:70px;height:70px}.author-box .arrow-link{grid-column:1/-1;justify-self:start}.next-reading{padding:75px 24px}
}