:root {
  --ink-darkest: #03080b;
  --ink-navy: #071319;
  --ink-blue: #10242b;
  --parchment: #f3ebdd;
  --parchment-2: #ece1cd;
  --off-white: #faf6ee;
  --sand: #d7c09b;
  --gold: #c8953f;
  --gold-bright: #e0ae56;
  --umber: #8d4b2d;
  --ink-text: #1a2429;
  --ink-text-soft: #465158;
  --light-text: #f1e9d9;
  --light-text-soft: rgba(241, 233, 217, 0.72);
  --light-text-faint: rgba(241, 233, 217, 0.5);
  --rule-light: rgba(26, 36, 41, 0.14);
  --rule-dark: rgba(241, 233, 217, 0.12);
  --font-serif: "Cormorant Garamond", "Libre Caslon Text", Georgia, serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --container: 1180px;
  --gutter: clamp(20px, 5vw, 64px);
  --radius: 6px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  color: var(--ink-text);
  background: var(--off-white);
  font: 17px/1.65 var(--font-sans);
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { border: 0; color: inherit; background: none; font: inherit; cursor: pointer; }
h1, h2, h3, p, ul { margin: 0; }
ul { padding: 0; list-style: none; }
.container { width: 100%; max-width: var(--container); margin: 0 auto; padding-inline: var(--gutter); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.nav {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  padding: 20px 0;
  color: var(--light-text);
  background: rgba(3, 8, 11, 0.96);
  border-bottom: 1px solid transparent;
  transition: padding .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);
}
.nav.is-scrolled { padding: 13px 0; background: rgba(3, 8, 11, 0.91); border-bottom-color: var(--rule-dark); backdrop-filter: blur(12px); }
.nav__inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.logo { display: inline-flex; align-items: center; gap: 13px; min-width: max-content; }
.logo__mark { width: 34px; height: 40px; object-fit: contain; }
.logo__wordmark { display: flex; flex-direction: column; color: var(--off-white); font: 600 10px/1.2 var(--font-sans); letter-spacing: .31em; text-transform: uppercase; }
.logo__wordmark span:first-child { font-size: 12px; letter-spacing: .4em; }
.nav__links { display: flex; align-items: center; gap: 30px; }
.nav__links a { position: relative; padding: 6px 0; color: var(--light-text-soft); font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; transition: color .25s var(--ease); }
.nav__links a::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: var(--gold-bright); transform: scaleX(0); transform-origin: left; transition: transform .25s var(--ease); }
.nav__links a:hover, .nav__links a[aria-current="page"] { color: var(--off-white); }
.nav__links a:hover::after, .nav__links a[aria-current="page"]::after { transform: scaleX(1); }
.nav__cta { padding: 11px 17px; color: var(--gold-bright); border: 1px solid var(--gold); border-radius: var(--radius); font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.nav__toggle { display: none; width: 42px; height: 42px; place-items: center; color: var(--off-white); border: 1px solid var(--rule-dark); border-radius: 50%; }
.mobile-menu { position: fixed; inset: 0; z-index: 70; display: flex; flex-direction: column; gap: 2px; padding: 96px 30px 40px; color: var(--off-white); background: rgba(3, 8, 11, .985); transform: translateY(-105%); transition: transform .42s var(--ease); }
.mobile-menu.open { transform: translateY(0); }
.mobile-menu__close { position: absolute; top: 22px; right: 24px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--rule-dark); border-radius: 50%; }
.mobile-menu a { padding: 13px 0; border-bottom: 1px solid var(--rule-dark); font: 500 26px/1.2 var(--font-serif); }
.mobile-menu .mobile-menu__cta { margin-top: 20px; padding: 14px 18px; border: 1px solid var(--gold); color: var(--gold-bright); font: 700 11px/1 var(--font-sans); letter-spacing: .16em; text-align: center; text-transform: uppercase; }

.masthead {
  padding: clamp(154px, 18vw, 218px) 0 clamp(64px, 8vw, 108px);
  background:
    radial-gradient(circle at 78% 12%, rgba(200,149,63,.08), transparent 31%),
    linear-gradient(180deg, #fbf7ef 0%, var(--off-white) 100%);
}
.masthead__title { max-width: 980px; font: 500 clamp(54px, 7vw, 92px)/.98 var(--font-serif); letter-spacing: -.035em; text-wrap: balance; }
.masthead__thesis { max-width: 790px; margin-top: 28px; color: var(--ink-text-soft); font: 400 clamp(20px, 2.1vw, 28px)/1.45 var(--font-serif); }
.masthead__meta { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 34px; color: var(--umber); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.masthead--library { padding-bottom: clamp(70px, 9vw, 118px); }
.masthead--library .masthead__title { max-width: 850px; }
.library-search { max-width: 790px; margin-top: 38px; }
.library-search__label { display: block; margin-bottom: 10px; color: var(--umber); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.library-search__field { display: flex; align-items: center; gap: 12px; padding: 7px 8px 7px 20px; background: rgba(255,255,255,.72); border: 1px solid rgba(26,36,41,.22); border-radius: 999px; box-shadow: 0 12px 34px rgba(26,36,41,.07); transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.library-search__field:focus-within { background: #fff; border-color: var(--gold); box-shadow: 0 14px 38px rgba(26,36,41,.1), 0 0 0 3px rgba(200,149,63,.13); }
.library-search input { width: 100%; min-width: 0; padding: 10px 0; color: var(--ink-text); background: transparent; border: 0; outline: 0; font: 400 16px/1.35 var(--font-sans); }
.library-search input::placeholder { color: rgba(26,36,41,.55); }
.library-search input::-webkit-search-cancel-button { display: none; }
.library-search button { flex: 0 0 auto; padding: 10px 14px; color: var(--umber); border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.library-search button:hover { background: rgba(141,75,45,.08); }
.library-search__status { min-height: 18px; margin-top: 10px; color: var(--ink-text-soft); font-size: 12px; }
.library-access-filter { margin: 22px 0 0; padding: 0; border: 0; }
.library-access-filter legend { margin-bottom: 9px; color: var(--umber); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.library-access-filter__options { display: inline-flex; padding: 4px; border: 1px solid rgba(26,36,41,.19); border-radius: 999px; background: rgba(255,255,255,.6); }
.library-access-filter button { padding: 9px 15px; color: var(--ink-text-soft); border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; transition: color .2s ease, background .2s ease, box-shadow .2s ease; }
.library-access-filter button.is-active { color: var(--off-white); background: var(--ink-navy); box-shadow: 0 5px 14px rgba(3,8,11,.17); }
.library-access-filter__note { max-width: 560px; margin-top: 10px; color: var(--ink-text-soft); font-size: 12px; }
.library-empty { padding: clamp(58px, 7vw, 86px) 24px; text-align: center; border: 1px solid var(--rule-light); border-radius: var(--radius); background: var(--off-white); }
.library-empty h2 { font: 500 clamp(34px, 4vw, 48px)/1.05 var(--font-serif); }
.library-empty p { max-width: 520px; margin: 14px auto 0; color: var(--ink-text-soft); }
.teaching-card[hidden], .library-section[hidden], .library-jump a[hidden], .library-empty[hidden] { display: none; }
.library-jump { position: relative; z-index: 2; padding: 22px 0; color: var(--light-text); background: var(--ink-navy); border-block: 1px solid var(--rule-dark); }
.library-jump .container { display: flex; flex-wrap: wrap; gap: 9px; }
.library-jump a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; color: var(--light-text-soft); border: 1px solid var(--rule-dark); border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: .08em; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.library-jump a:hover { color: var(--off-white); border-color: rgba(224,174,86,.5); background: rgba(224,174,86,.06); }
.library-jump a span { color: var(--gold-bright); }
.format-nav { display: flex; flex-wrap: wrap; gap: 10px 32px; margin-top: 38px; padding-top: 26px; border-top: 1px solid var(--rule-light); }
.format-nav a { display: inline-flex; align-items: center; gap: 9px; padding: 8px 0; font-size: 12px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; border-bottom: 1px solid transparent; transition: color .2s ease, border-color .2s ease; }
.format-nav a:first-child, .format-nav a:hover { color: var(--umber); border-bottom-color: var(--gold); }
.format-nav svg { width: 20px; height: 20px; }

.video-section { padding: 0 0 clamp(72px, 8vw, 116px); background: var(--off-white); }
.video-shell { overflow: hidden; border-radius: var(--radius); box-shadow: 0 22px 70px rgba(3, 8, 11, .17); background: var(--ink-darkest); aspect-ratio: 16 / 9; }
.video-shell iframe { width: 100%; height: 100%; border: 0; }

.library-list { padding: clamp(76px, 9vw, 128px) 0; background: #fffdf8; border-top: 1px solid var(--rule-light); }
.library-list__head { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 38px; }
.library-list__head p { max-width: 470px; color: var(--ink-text-soft); }
.library-section + .library-section { margin-top: clamp(76px, 9vw, 124px); padding-top: clamp(70px, 8vw, 108px); border-top: 1px solid var(--rule-light); }
.library-section__head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 32px; }
.library-section__head > span { color: var(--ink-text-soft); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; white-space: nowrap; }
.library-section__eyebrow { margin-bottom: 9px; color: var(--umber); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.teaching-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(22px, 3vw, 34px); align-items: stretch; }
.teaching-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; color: var(--light-text); background: var(--ink-navy); border-radius: var(--radius); box-shadow: 0 18px 48px rgba(3,8,11,.12); transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.teaching-card:hover { transform: translateY(-4px); box-shadow: 0 24px 58px rgba(3,8,11,.17); }
.teaching-card__media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #130d09; }
.teaching-card__media img { width: 100%; height: 100%; object-fit: cover; }
.teaching-card--members { outline: 1px solid rgba(224,174,86,.48); outline-offset: -1px; }
.teaching-card__badge { position: absolute; top: 14px; left: 14px; z-index: 1; padding: 7px 10px 6px; color: var(--ink-darkest); border-radius: 999px; background: var(--gold-bright); box-shadow: 0 7px 20px rgba(3,8,11,.28); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.teaching-card__series-part { position: absolute; right: 14px; bottom: 13px; padding: 5px 8px; color: var(--off-white); border: 1px solid rgba(255,255,255,.28); border-radius: 999px; background: rgba(3,8,11,.78); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.teaching-card__content { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 28px 26px 30px; }
.teaching-card__meta { color: var(--gold-bright); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.teaching-card h2, .teaching-card h3 { margin-top: 14px; font: 500 clamp(29px, 2.6vw, 37px)/1.03 var(--font-serif); letter-spacing: -.02em; }
.teaching-card p { display: -webkit-box; margin-top: 17px; overflow: hidden; color: var(--light-text-soft); font-size: 15px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.teaching-card__formats { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; color: var(--sand); font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.teaching-card__formats span { padding: 6px 9px 5px; border: 1px solid rgba(215,192,155,.35); border-radius: 999px; background: rgba(215,192,155,.06); }
.teaching-card__formats .teaching-card__access { color: var(--ink-darkest); border-color: var(--gold-bright); background: var(--gold-bright); }
.teaching-card .text-link { margin-top: auto; padding-top: 28px; color: var(--gold-bright); border-bottom-color: rgba(224,174,86,.42); }

.teaching-body { padding: clamp(76px, 9vw, 128px) 0; background: #fffdf8; border-block: 1px solid var(--rule-light); }
.access-badge { display: inline-flex; align-items: center; padding: 8px 12px 7px; margin-bottom: 22px; color: var(--ink-darkest); border-radius: 999px; background: var(--gold-bright); font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.member-teaching-art { max-width: 940px; margin: clamp(42px, 6vw, 68px) 0 0; overflow: hidden; border: 1px solid rgba(26,36,41,.12); border-radius: var(--radius); box-shadow: 0 22px 70px rgba(3,8,11,.14); background: var(--ink-navy); }
.member-teaching-art img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.member-teaching-art figcaption { padding: 12px 16px; color: var(--light-text-soft); background: var(--ink-navy); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.member-access { padding: clamp(54px, 7vw, 82px) 0; color: var(--light-text); background: var(--ink-navy); border-block: 1px solid rgba(224,174,86,.25); }
.member-access__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: clamp(34px, 6vw, 82px); align-items: center; }
.member-access__eyebrow { margin-bottom: 12px; color: var(--gold-bright); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.member-access h2 { font: 500 clamp(34px, 4vw, 50px)/1.05 var(--font-serif); }
.member-access p { max-width: 720px; margin-top: 14px; color: var(--light-text-soft); }
.member-access__actions { display: flex; min-width: min(100%, 320px); flex-direction: column; gap: 11px; }
.member-access__actions .btn { width: 100%; }
.member-access__supplement { display: block; margin-top: 5px; color: var(--gold-bright); font-size: 12px; font-weight: 700; line-height: 1.5; letter-spacing: .04em; text-align: center; }
.member-access__supplement:hover { color: var(--light-text); }
.btn--outline-light { color: var(--gold-bright); border: 1px solid rgba(224,174,86,.58); }
.related-teachings { padding: clamp(72px, 8vw, 108px) 0; background: var(--parchment); }
.related-teachings__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 30px; }
.related-teachings__card { padding: 26px; border: 1px solid rgba(26,36,41,.15); border-radius: var(--radius); background: rgba(255,255,255,.55); }
.related-teachings__card span { color: var(--umber); font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.related-teachings__card h3 { margin-top: 9px; font: 500 clamp(26px, 3vw, 34px)/1.07 var(--font-serif); }
.related-teachings__card p { margin-top: 12px; color: var(--ink-text-soft); font-size: 14px; }
.body-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: clamp(56px, 8vw, 112px); align-items: start; }
.section-title { font: 500 clamp(38px, 4vw, 56px)/1.05 var(--font-serif); letter-spacing: -.02em; }
.about-copy { margin-top: 24px; color: var(--ink-text-soft); font-size: 18px; line-height: 1.8; }
.key-ideas { padding-top: 8px; }
.key-ideas h2 { margin-bottom: 22px; font: 500 34px/1.1 var(--font-serif); }
.key-ideas li { position: relative; padding: 13px 0 13px 34px; border-top: 1px solid var(--rule-light); color: var(--ink-text-soft); font-size: 15px; }
.key-ideas li::before { content: ""; position: absolute; left: 0; top: 24px; width: 17px; height: 1px; background: var(--gold); }

.formats { padding: clamp(78px, 9vw, 124px) 0; background: var(--parchment); background-image: radial-gradient(rgba(141,75,45,.06) .7px, transparent .7px); background-size: 8px 8px; }
.formats__head { max-width: 720px; margin-bottom: 44px; }
.formats__head p { margin-top: 16px; color: var(--ink-text-soft); }
.format-row { display: grid; grid-template-columns: 54px 120px minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 25px 0; border-top: 1px solid rgba(26,36,41,.17); }
.format-row:last-child { border-bottom: 1px solid rgba(26,36,41,.17); }
.format-row__icon { width: 50px; height: 50px; display: grid; place-items: center; color: var(--gold); border: 1px solid rgba(141,75,45,.26); border-radius: 50%; }
.format-row__icon svg { width: 23px; height: 23px; }
.format-row__label { color: var(--umber); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.format-row__title { margin-top: 3px; font: 500 clamp(24px, 2.4vw, 33px)/1.1 var(--font-serif); }
.format-row__detail { margin-top: 6px; color: var(--ink-text-soft); font-size: 13px; }
.format-row__title, .format-row__detail { display: block; }
.format-row__arrow { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(26,36,41,.2); border-radius: 50%; transition: transform .25s var(--ease), color .25s ease, border-color .25s ease; }
.format-row:hover .format-row__arrow { transform: translateX(4px); color: var(--umber); border-color: var(--gold); }

.article-preview { padding: clamp(80px, 9vw, 130px) 0; background: var(--off-white); }
.article-preview__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .65fr); gap: clamp(50px, 8vw, 110px); align-items: stretch; }
.article-preview__content { padding-block: 24px; }
.article-preview__source { margin-bottom: 17px; color: var(--umber); font-size: 11px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.article-preview__content h2 { font: 500 clamp(39px, 4.6vw, 62px)/1.02 var(--font-serif); letter-spacing: -.025em; }
.article-preview__content p { margin-top: 25px; color: var(--ink-text-soft); font-size: 17px; line-height: 1.8; }
.text-link { display: inline-flex; align-items: center; gap: 14px; margin-top: 30px; padding-bottom: 5px; color: var(--umber); border-bottom: 1px solid rgba(141,75,45,.36); font-size: 13px; font-weight: 700; letter-spacing: .06em; }
.article-preview__visual { min-height: 390px; position: relative; overflow: hidden; border-radius: var(--radius); background: linear-gradient(155deg, var(--ink-navy), #17313a); }
.article-preview__visual::before { content: ""; position: absolute; width: 66%; aspect-ratio: .72; left: 17%; bottom: -23%; border: 2px solid rgba(224,174,86,.7); border-radius: 50% 50% 0 0 / 28% 28% 0 0; box-shadow: 0 0 0 14px rgba(200,149,63,.05), 0 0 80px rgba(224,174,86,.18) inset; }
.article-preview__visual::after { content: attr(data-quote); position: absolute; inset: 50% 12% auto; color: var(--light-text); font: italic 500 clamp(25px, 3vw, 38px)/1.18 var(--font-serif); text-align: center; transform: translateY(-50%); }
.article-preview--reading .article-preview__grid { grid-template-columns: minmax(0, 1.25fr) minmax(280px, .55fr); align-items: start; }
.article-preview--reading .article-preview__content { max-width: 760px; }
.article-preview--reading .article-preview__content p { margin-top: 16px; }
.article-preview--reading .article-preview__content h2 + p { margin-top: 28px; }
.article-preview--reading .article-preview__visual { min-height: 430px; }

.next-step { padding: clamp(62px, 7vw, 88px) 0; color: var(--light-text); background: var(--ink-navy); border-top: 1px solid rgba(224,174,86,.24); }
.next-step__inner { display: flex; align-items: center; justify-content: space-between; gap: 42px; }
.next-step h2 { font: 500 clamp(33px, 3.8vw, 50px)/1.04 var(--font-serif); }
.next-step p { max-width: 700px; margin-top: 12px; color: var(--light-text-soft); }
.btn { display: inline-flex; align-items: center; justify-content: center; padding: 15px 23px; border-radius: var(--radius); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-align: center; text-transform: uppercase; white-space: nowrap; }
.btn--gold { color: var(--ink-darkest); background: linear-gradient(180deg, var(--gold-bright), var(--gold)); box-shadow: 0 8px 28px rgba(200,149,63,.22); }

.footer { padding: 72px 0 30px; color: var(--light-text); background: var(--ink-darkest); }
.footer__grid { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 40px; }
.footer__brand p { max-width: 310px; margin-top: 20px; color: var(--light-text-faint); font-size: 13px; }
.footer h3 { margin-bottom: 15px; color: var(--gold); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; }
.footer li + li { margin-top: 8px; }
.footer li a { color: var(--light-text-soft); font-size: 13px; }
.footer li a:hover { color: var(--gold-bright); }
.footer__bottom { margin-top: 54px; padding-top: 24px; border-top: 1px solid var(--rule-dark); color: var(--light-text-faint); font-size: 11px; }

:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; } }
@media (max-width: 980px) {
  .nav__links, .nav__cta { display: none; }
  .nav__toggle { display: grid; }
  .body-grid, .article-preview__grid, .article-preview--reading .article-preview__grid { grid-template-columns: 1fr; }
  .key-ideas { max-width: 760px; }
  .article-preview__visual { min-height: 330px; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .footer__brand { grid-column: 1 / -1; }
  .teaching-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-access__inner { grid-template-columns: 1fr; }
  .member-access__actions { min-width: 0; max-width: 420px; }
}
@media (max-width: 720px) {
  body { font-size: 16px; }
  .masthead { padding-top: 132px; }
  .masthead__title { font-size: clamp(47px, 14vw, 66px); }
  .format-row { grid-template-columns: 48px minmax(0, 1fr) auto; gap: 15px; }
  .format-row__label { grid-column: 2; }
  .format-row__copy { grid-column: 2; }
  .format-row__arrow { grid-column: 3; grid-row: 1 / span 2; }
  .next-step__inner { align-items: flex-start; flex-direction: column; }
  .btn--gold { width: 100%; }
  .footer__grid { grid-template-columns: 1fr; }
  .footer__brand { grid-column: auto; }
  .library-list__head { align-items: flex-start; flex-direction: column; }
  .library-section__head { align-items: flex-start; }
  .teaching-grid { grid-template-columns: 1fr; }
  .teaching-card__content { padding: 28px 24px 30px; }
  .related-teachings__grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .logo__wordmark { display: none; }
  .library-search__field { padding-left: 16px; }
  .library-search button { padding-inline: 10px; }
  .format-nav { gap: 8px 22px; }
  .format-row { grid-template-columns: 44px minmax(0, 1fr); }
  .format-row__arrow { display: none; }
  .format-row__icon { width: 43px; height: 43px; }
  .article-preview__visual { min-height: 270px; }
}