@font-face {
      font-family: "Barlow Condensed";
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url('/fonts/barlow-condensed-black-italic.woff2') format('woff2');
    }
    :root {
      --ink: #121412;
      --ink-soft: #1a1d1a;
      --ivory: #f3efe6;
      --paper: #e8e1d5;
      --champagne: #bda271;
      --graphite: #272825;
      --team-surface: #272a26;
      --smoke: #a9aaa4;
      --line-dark: rgba(243, 239, 230, .16);
      --line-light: rgba(18, 20, 18, .18);
      --serif: "Instrument Serif", Georgia, serif;
      --sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
      --panel-peek: clamp(54px, 8svh, 92px);
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ivory);
      background: var(--ink);
      font-family: var(--sans);
      font-size: 17px;
      line-height: 1.68;
      -webkit-font-smoothing: antialiased;
    }
    img { display: block; width: 100%; height: auto; }
    a { color: inherit; }
    button, input, textarea, select { font: inherit; }

    .shell { width: min(1320px, calc(100% - 96px)); margin-inline: auto; }
    .shell-narrow { width: min(920px, calc(100% - 96px)); margin-inline: auto; }
    .eyebrow {
      margin: 0 0 24px;
      color: var(--champagne);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .22em;
      line-height: 1.4;
      text-transform: uppercase;
    }
    h1, h2, h3, p { margin-top: 0; }
    h1, h2, h3 {
      font-family: var(--sans);
      font-weight: 500;
      letter-spacing: -.048em;
      line-height: .96;
    }
    h2 { font-size: clamp(50px, 6.4vw, 96px); }
    h3 { font-size: clamp(34px, 4vw, 58px); }
    .announcement { font-family: "Barlow Condensed", var(--sans); font-weight: 900; font-style: italic; text-transform: uppercase; letter-spacing: -.025em; line-height: .9; text-align: center; }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 52px;
      padding: 14px 25px;
      border: 1px solid var(--champagne);
      color: var(--ink);
      background: var(--champagne);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .15em;
      text-decoration: none;
      text-transform: uppercase;
      transition: background .2s ease, color .2s ease;
    }
    .btn:hover { background: var(--ivory); border-color: var(--ivory); }
    .btn-ghost { color: var(--ivory); background: transparent; border-color: rgba(243,239,230,.48); }
    .btn-ghost:hover { color: var(--ink); }
    .skip {
      position: fixed;
      z-index: 100;
      left: 16px;
      top: -80px;
      padding: 12px 16px;
      color: var(--ink);
      background: var(--ivory);
    }
    .skip:focus { top: 16px; }

    .nav {
      position: absolute;
      z-index: 20;
      inset: 0 0 auto;
      height: 132px;
    }
    .nav-inner {
      width: min(1320px, calc(100% - 144px));
      height: 100%;
      margin-inline: auto;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      gap: 24px;
    }
    .wordmark {
      text-decoration: none;
      text-align: center;
      line-height: 1;
    }
    .wordmark strong {
      display: block;
      font-family: var(--serif);
      font-size: 24px;
      font-weight: 400;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .wordmark span {
      display: block;
      margin-top: 6px;
      color: var(--champagne);
      font-size: 9px;
      font-weight: 600;
      letter-spacing: .5em;
      text-transform: uppercase;
      transform: translateX(.25em);
    }
    .nav-links { display: flex; align-items: center; gap: 28px; }
    .nav-links:last-child { justify-content: flex-end; }
    .nav a:not(.wordmark) {
      font-size: 13px;
      font-weight: 500;
      letter-spacing: .13em;
      text-decoration: none;
      text-transform: uppercase;
    }
    .nav .hero-wordmark { display: block; justify-self: start; }
    .nav .hero-logo { width: 178px; height: auto; }
    .nav a.nav-book { display: inline-flex; align-items: center; gap: 12px; min-height: 46px; padding: 11px 22px; border: 1px solid rgba(243,239,230,.22); border-radius: 99px; color: var(--ivory); background: #756149; font-size: 12px; letter-spacing: .04em; }
    .nav-book::before { content: ""; width: 5px; height: 5px; background: currentColor; transform: rotate(45deg); }
    .nav-book:hover { background: #8b7458; }
    .nav-links a:not(.nav-book) { text-shadow: 0 1px 10px rgba(0,0,0,.6); }


.nav { position: relative; }
.journal-intro { padding: 66px 0 90px; text-align:center; }
.journal-intro h1 { font-size:clamp(76px,12vw,168px); margin:0 0 30px; }
.journal-intro .intro {max-width:660px; margin:0 auto; color:#c8c5be; font-size:20px;}
.journal-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px; padding-bottom:100px;}
.journal-card {border-top:1px solid var(--line-dark);padding-top:24px;}
.journal-card a {text-decoration:none;}
.journal-card img {aspect-ratio:3/2;object-fit:contain;background:#1a1d1a;}
.journal-card h2 {font-size:clamp(34px,4vw,52px);line-height:1.05;margin:20px 0 18px;}
.journal-card p {color:#c8c5be;max-width:640px;}
.journal-card .eyebrow {margin:24px 0 12px;color:var(--champagne);}
.read-link {display:inline-block; margin-top:8px; color:var(--champagne); text-decoration:underline !important; text-underline-offset:5px;}
.journal-card:only-child {grid-column:1/-1; display:grid; grid-template-columns:1.1fr 1fr; gap:48px;align-items:center;}
.journal-cta {padding:70px 0;background:var(--paper);color:var(--ink);}
.journal-cta .shell {display:flex;justify-content:space-between;align-items:center;gap:40px;}
.journal-cta .eyebrow {color:var(--ink);}
.journal-cta h2 {font-size:40px; margin-bottom:16px;}
.journal-cta p {margin:0;max-width:650px;}
.journal-cta .btn {flex-shrink:0; background:var(--ink);color:var(--ivory);border-color:var(--ink);}
footer {padding:45px 0; border-top:1px solid var(--line-dark);}
.footer-inner {display:flex;justify-content:space-between;align-items:center;gap:30px;}
.footer-small {font-size:12px;color:#a9aaa4;margin:0;}
.article-header {padding:65px 0 50px;text-align:center;}
.article-header h1 {max-width:1200px;margin:0 auto 30px;font-size:clamp(60px,8vw,116px);}
.article-header .subtitle {max-width:720px;margin:0 auto;color:#c8c5be;font-size:21px;}
.article-meta {margin-top:24px;font-size:13px;color:var(--champagne);}
.article-hero {width:min(1100px,calc(100% - 96px));margin:0 auto 65px;}
.article-hero img {height:auto;}
.article-body {max-width:760px;margin:0 auto;padding:0 0 100px;font-size:19px;line-height:1.8;}
.article-body h2 {font-size:clamp(34px,4vw,48px);line-height:1.12;margin:60px 0 22px;}
.article-body p,.article-body li {color:#d7d3ca;}
.article-body a {text-decoration-color:var(--champagne);text-underline-offset:4px;}
.article-body figure {margin:42px 0;}
figcaption {font-size:13px;color:#a9aaa4;line-height:1.6;margin-top:12px;}
a:focus-visible {outline:3px solid var(--champagne);outline-offset:5px;}
@media(max-width:800px){.shell,.shell-narrow{width:calc(100% - 40px)}.nav{height:110px}.nav-inner{width:calc(100% - 40px);grid-template-columns:1fr auto;gap:16px}.nav .hero-logo{width:125px}.nav-inner>.nav-links:nth-child(2){display:none}.nav a.nav-book{font-size:11px;padding:9px 14px;min-height:44px}.journal-intro{padding:45px 0 60px}.journal-intro .intro{font-size:18px}.journal-grid{grid-template-columns:1fr;gap:40px;padding-bottom:60px}.journal-card:only-child{display:block}.journal-cta .shell,.footer-inner{display:block}.journal-cta .btn{margin-top:28px}.footer-small+.wordmark{display:block;margin:24px 0;text-align:left}.article-header{padding-top:40px}.article-header h1{max-width:100%;font-size:clamp(42px,12vw,48px);overflow-wrap:anywhere;text-wrap:balance}.article-hero{width:calc(100% - 40px);margin-bottom:35px}.article-body{width:calc(100% - 40px);font-size:18px}.article-header .subtitle{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}