/* Rumi / "Listen to the Reed" page — ported verbatim from the design handoff (Rumi.html).
   Reuses home.css/pages.css tokens (loaded globally). Linked per-page like events.css/blog.css. */
/* ---- Rumi page ---- */
.rumi { background: var(--slate-deeper); min-height: 100vh; }
.rumi__stars { position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .7; }

.reed-opening__scroll { position: absolute; bottom: 42px; left: 50%; transform: translateX(-50%); font-family: var(--caps); font-size: 10px; letter-spacing: .22em; text-transform: uppercase; color: var(--champagne); opacity: .6; display: flex; flex-direction: column; align-items: center; gap: 10px; animation: reed-bounce 2.4s ease-in-out infinite; }
.reed-opening__scroll::after { content: ""; width: 1px; height: 30px; background: var(--champagne); opacity: .6; }
@keyframes reed-bounce { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(6px)} }

/* section wrappers — all z:1, no nesting */
.reed-sec { position: relative; z-index: 1; padding: clamp(36px,4.5vw,72px) clamp(28px,5vw,80px); max-width: 1100px; margin: 0 auto; }
.reed-sec--split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px,6vw,90px); align-items: start; }
.reed-sec--centered { text-align: center; max-width: 860px; }

.reed-label { font-family: var(--caps); font-size: 11px; letter-spacing: .26em; text-transform: uppercase; color: var(--champagne); margin-bottom: 24px; }
.reed-h { font-family: var(--serif); font-weight: 500; font-size: clamp(34px,4.6vw,62px); line-height: 1.06; letter-spacing: -.02em; color: var(--ivory); }
.reed-h em { font-style: italic; font-weight: 400; color: var(--champagne-soft); }
.reed-p { font-family: var(--serif); font-size: clamp(18px,2vw,22px); line-height: 1.72; color: var(--on-dark-mut); margin-top: 22px; }
.reed-p em { font-style: italic; color: var(--champagne-soft); }
.reed-p strong { color: var(--ivory); font-weight: 500; }
.reed-pull--DISABLED { font-family: var(--serif); font-weight: 500; font-size: clamp(26px,3.2vw,44px); line-height: 1.2; letter-spacing: -.01em; color: var(--ivory); border-left: 3px solid var(--champagne); padding-left: clamp(22px,2.6vw,34px); margin: clamp(34px,4vw,52px) 0; }
.reed-pull--DISABLED em { font-style: italic; color: var(--champagne-soft); }
.reed-divider { width: 100%; height: 1px; background: linear-gradient(to right, transparent, rgba(199,164,104,.3) 30%, rgba(199,164,104,.3) 70%, transparent); margin: 0; position: relative; z-index: 1; }

/* Balkh section — watermark + content as one organic unit */
.reed-balkh { position: relative; z-index: 1; padding: 0 clamp(28px,5vw,80px) 0; max-width: 1100px; margin: 0 auto; }
.reed-balkh__fa { font-family: 'Aref Ruqaa', serif; font-weight: 700; font-size: clamp(100px,16vw,240px); line-height: 1; direction: rtl; color: rgba(199,164,104,.07); pointer-events: none; display: block; text-align: right; margin-bottom: clamp(-80px,-10vw,-120px); margin-top: clamp(32px,4vw,56px); }

/* timeline */
.reed-life { position: relative; z-index: 1; padding: clamp(56px,7vw,96px) clamp(28px,5vw,80px); background: radial-gradient(ellipse 100% 80% at 50% 0%, rgba(51,84,104,.4), transparent 60%); max-width: 100%; margin: 0; }
.reed-life .reed-era { max-width: 1100px; margin-left: auto; margin-right: auto; }
.reed-era { display: grid; grid-template-columns: 100px 1fr; gap: clamp(20px,2.6vw,36px); padding: clamp(22px,2.6vw,34px) 0; border-top: 1px solid rgba(199,164,104,.14); align-items: start; }
.reed-era:first-of-type { border-top: none; }
.reed-era__yr { font-family: var(--serif); font-weight: 500; font-size: clamp(22px,2.2vw,28px); color: var(--champagne-soft); line-height: 1.1; }
.reed-era__body { display: flex; flex-direction: column; gap: 8px; }
.reed-era__t { font-family: var(--serif); font-weight: 500; font-size: clamp(20px,2.1vw,25px); line-height: 1.15; color: var(--ivory); }
.reed-era__p { font-family: var(--serif); font-size: 17px; line-height: 1.6; color: var(--on-dark-mut); }
.reed-era__p em { color: var(--champagne-soft); font-style: italic; }

/* reed art full-bleed — full editorial treatment */
.reed-art { position: relative; z-index: 1; margin: 0; overflow: hidden; min-height: 45vh; }
.reed-art img { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; min-height: 100%; object-fit: cover; object-position: center bottom; }
.reed-art__cap { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; padding: clamp(48px,6vw,80px) clamp(40px,6vw,100px) clamp(120px,18vh,200px); text-align: center; font-family: var(--serif); font-weight: 500; font-size: clamp(28px,3.4vw,48px); line-height: 1.3; letter-spacing: -.01em; color: var(--ivory); text-shadow: 0 2px 24px rgba(0,0,0,.6); max-width: 36ch; margin: 0 auto; }

/* closing: meaning to us */
.reed-us { position: relative; z-index: 1; background: radial-gradient(ellipse 110% 90% at 50% 100%, rgba(30,51,64,.8), transparent 70%); padding: clamp(80px,10vw,140px) clamp(28px,5vw,80px); max-width: 1100px; margin: 0 auto; }
.reed-us__couplet-block { border: 1px solid rgba(199,164,104,.22); border-radius: 18px; padding: clamp(40px,5vw,64px); text-align: center; background: radial-gradient(ellipse 80% 100% at 50% 0%, rgba(199,164,104,.05), transparent 68%); margin-top: clamp(40px,5vw,64px); }
.reed-us__fa { font-family: 'Aref Ruqaa', serif; font-size: clamp(28px,3.6vw,52px); direction: rtl; color: var(--champagne-soft); line-height: 1.7; }
.reed-us__tr { font-family: var(--serif); font-style: italic; font-size: clamp(18px,2.1vw,25px); color: var(--on-dark-mut); margin-top: 20px; line-height: 1.6; }
.reed-us__sign { font-family: var(--caps); font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; color: var(--champagne); margin-top: 28px; }

/* illustration figures (Balkh, caravan) */
.reed-illo-fig { position: relative; z-index: 1; margin: clamp(40px,5vw,64px) auto; max-width: 1100px; overflow: hidden; border-radius: 10px; border: 1px solid rgba(199,164,104,.18); box-shadow: 0 28px 60px -30px rgba(0,0,0,.85); }
.reed-illo-fig img { width: 100%; display: block; }
.reed-illo-fig figcaption { padding: 16px 28px; background: rgba(15,26,32,.75); font-family: var(--serif); font-style: italic; font-size: 15px; color: var(--on-dark-mut); text-align: center; }

/* sources section */
.reed-sources { position: relative; z-index: 1; background: rgba(0,0,0,.15); padding: clamp(64px,8vw,112px) clamp(28px,5vw,80px); border-top: 1px solid rgba(199,164,104,.14); }
.reed-sources__in { max-width: 1100px; margin: 0 auto; }
.reed-sources__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(14px,1.6vw,20px); margin-top: clamp(28px,3.5vw,44px); }
.reed-source { display: flex; flex-direction: column; gap: 7px; padding: clamp(20px,2.2vw,28px); border: 1px solid rgba(199,164,104,.16); border-radius: 12px; background: linear-gradient(168deg, rgba(255,255,255,.02), rgba(0,0,0,.04)); text-decoration: none; transition: border-color .3s, transform .3s; }
.reed-source:hover { border-color: rgba(199,164,104,.4); transform: translateY(-3px); }
.reed-source__k { font-family: var(--caps); font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--champagne); }
.reed-source__t { font-family: var(--serif); font-weight: 500; font-size: clamp(16px,1.6vw,19px); line-height: 1.2; color: var(--ivory); }
.reed-source__d { font-family: var(--serif); font-size: 14px; line-height: 1.55; color: var(--on-dark-mut); }
@media (max-width: 700px) { .reed-sources__grid { grid-template-columns: 1fr; } }

@media (max-width: 760px) { .reed-sec--split { grid-template-columns: 1fr; } .reed-era { grid-template-columns: 70px 1fr; } }
/* ============ FIRST FOLD: cinematic full-screen hero ============ */
.reed-hero { position: relative; z-index: 1; width: 100%; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
/* the illustration fills the entire background */
.reed-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
/* gradient — dark at top for text, clear at bottom for the reed/reflection */
.reed-hero__veil { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(15,26,32,.88) 0%, rgba(15,26,32,.65) 45%, rgba(15,26,32,.2) 70%, transparent 100%); pointer-events: none; }
/* content sits centered over the dark sky */
.reed-hero__content { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px,4vw,64px); align-items: center; padding: clamp(100px,12vw,160px) clamp(40px,6vw,80px) clamp(60px,7vh,100px); max-width: 1300px; margin: 0 auto; width: 100%; }
.reed-hero__eyebrow { font-family: var(--caps); font-size: 11px; letter-spacing: .28em; text-transform: uppercase; color: var(--champagne); margin-bottom: 52px; opacity: .85; }
.reed-hero__fa { direction: rtl; font-family: 'Aref Ruqaa', serif; font-weight: 700; font-size: clamp(38px,5.5vw,76px); line-height: 1.55; color: rgba(236,233,226,.28); text-shadow: none; white-space: nowrap; }
.reed-hero__rule { width: 56px; height: 1px; background: var(--champagne); margin: 28px auto; opacity: .85; }
.reed-hero__tr { font-family: var(--serif); font-size: clamp(18px,2vw,26px); line-height: 1.5; color: var(--ivory); max-width: 36ch; text-shadow: 0 2px 20px rgba(0,0,0,.8); }
.reed-hero__translit { font-family: var(--caps); font-size: clamp(9px,1vw,11px); letter-spacing: .16em; text-transform: uppercase; color: var(--on-dark-mut); margin-top: 16px; line-height: 1.9; }
/* image caption at the very bottom of the hero */
.reed-hero__cap { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; padding: 14px 32px; background: linear-gradient(to top, rgba(15,26,32,.75), transparent); font-family: var(--serif); font-style: italic; font-size: 14px; color: var(--on-dark-mut); text-align: center; }
/* scroll nudge */
.reed-hero__scroll { position: absolute; bottom: 36px; right: 32px; z-index: 2; font-family: var(--caps); font-size: 9.5px; letter-spacing: .22em; text-transform: uppercase; color: var(--champagne); opacity: .55; display: flex; align-items: center; gap: 10px; }
.reed-hero__scroll::after { content: ""; width: 28px; height: 1px; background: var(--champagne); }

/* extended prologue couplets */
.reed-prologue { position: relative; z-index: 1; background: radial-gradient(ellipse 110% 80% at 50% 0%, rgba(51,84,104,.35), transparent 65%); padding: clamp(64px,8vw,112px) clamp(28px,5vw,80px) clamp(40px,5vw,64px); }
.reed-prologue__in { max-width: 900px; margin: 0 auto; }
.reed-couplets { display: flex; flex-direction: column; gap: clamp(32px,4vw,48px); margin-top: 0; }
.reed-couplet-row { display: grid; grid-template-columns: 60px 1fr; gap: 0 clamp(20px,2.6vw,36px); align-items: start; padding: clamp(28px,3vw,42px) 0; border-top: 1px solid rgba(199,164,104,.14); }
.reed-couplet-row:first-child { border-top: none; }
.reed-couplet-n { font-family: var(--caps); font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--champagne); padding-top: 6px; opacity: .7; }
.reed-couplet-fa { font-family: 'Aref Ruqaa', serif; font-weight: 700; font-size: clamp(24px,2.8vw,38px); line-height: 1.7; direction: rtl; color: var(--ivory); grid-column: 2; }
.reed-couplet-tr { font-family: var(--serif); font-size: clamp(17px,1.8vw,21px); line-height: 1.6; color: rgba(236,233,226,.88); }
.reed-couplet-lat { font-family: var(--caps); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--on-dark-mut); margin-top: 10px; line-height: 1.7; grid-column: 2; opacity: .7; }
.reed-prologue__note { font-family: var(--serif); font-style: italic; font-size: 14px; color: var(--on-dark-mut); margin-top: clamp(28px,3vw,40px); padding-top: 18px; border-top: 1px solid rgba(199,164,104,.12); opacity: .75; }


/* ============ WAVE ANIMATION ============ */
.reed-hero__wave { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.reed-hero__content { position: relative; z-index: 2; }
/* initial hidden states — set by JS on load, not CSS */
.reed-hero__eyebrow { transition: opacity 0.8s ease; }
.reed-hero__fa { transition: opacity 1s ease, transform 1s cubic-bezier(.22,.61,.36,1); white-space: nowrap; }
.reed-hero__rule { transform-origin: center; transition: opacity 0.5s ease, transform 0.6s cubic-bezier(.22,.61,.36,1); }
.reed-hero__tr { transition: opacity 0.9s ease, transform 0.9s cubic-bezier(.22,.61,.36,1); }
.reed-hero__translit { transition: opacity 0.8s ease; }
/* revealed */
.reed-hero__eyebrow.rmd-on { opacity: 1 !important; }
.reed-hero__fa.rmd-on { opacity: 1 !important; transform: translateY(0) !important; }
.reed-hero__rule.rmd-on { opacity: .85 !important; transform: scaleX(1) !important; }
.reed-hero__tr.rmd-on { opacity: 1 !important; transform: translateY(0) !important; }
.reed-hero__translit.rmd-on { opacity: 1 !important; }

/* ============ SCROLL REVEAL SYSTEM ============ */
.sr { opacity: 0; transform: translateY(28px); transition: opacity .9s cubic-bezier(.22,.61,.36,1), transform .9s cubic-bezier(.22,.61,.36,1); will-change: opacity,transform; }
.sr--left { transform: translate(-24px,0); }
.sr--right { transform: translate(24px,0); }
.sr--scale { transform: scale(.97); }
.sr.is-in { opacity: 1; transform: none; }
.sr--delay-1.is-in { transition-delay: .12s; }
.sr--delay-2.is-in { transition-delay: .24s; }
.sr--delay-3.is-in { transition-delay: .36s; }
.sr--delay-4.is-in { transition-delay: .48s; }
.sr--delay-5.is-in { transition-delay: .60s; }

/* pull quote */
.reed-pull { font-family: var(--serif); font-weight: 500; font-size: clamp(26px,3.2vw,44px); line-height: 1.4; letter-spacing: -.01em; color: var(--ivory); border-left: 2px solid rgba(199,164,104,.45); padding: clamp(22px,2.6vw,36px) 0 clamp(22px,2.6vw,36px) clamp(32px,3.6vw,52px); margin: clamp(44px,5.5vw,72px) 0; transition: box-shadow .8s ease, border-color .8s ease; }
.reed-pull em { font-style: italic; color: var(--champagne-soft); }
.reed-pull.is-in { box-shadow: -4px 0 32px -12px rgba(199,164,104,.3); border-color: var(--champagne); }

/* illustration parallax wrapper */
.reed-illo-fig img, .reed-art img { transition: transform .1s linear; will-change: transform; }

/* couplet rows — horizontal two-column layout */
.reed-couplet-row { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px,3vw,48px); align-items: center; opacity: 0; transform: translateX(-20px); transition: opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1); padding: clamp(22px,2.6vw,34px) 0; border-top: 1px solid rgba(199,164,104,.14); }
.reed-couplet-row:first-child { border-top: none; }
.reed-couplet-row.is-in { opacity: 1; transform: none; }
.reed-couplet-n { font-family: var(--caps); font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--champagne); opacity: .7; margin-bottom: 10px; }
.reed-couplet-fa { font-family: 'Aref Ruqaa', serif; font-weight: 700; font-size: clamp(20px,2.4vw,32px); line-height: 1.7; direction: rtl; color: var(--ivory); text-align: right; }
.reed-couplet-tr { font-family: var(--serif); font-size: clamp(17px,1.8vw,21px); line-height: 1.6; color: rgba(236,233,226,.88); }
.reed-couplet-lat { font-family: var(--caps); font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--on-dark-mut); margin-top: 10px; line-height: 1.7; opacity: .7; }
.reed-couplet-left { display: flex; flex-direction: column; justify-content: center; }
.reed-couplet-right { display: flex; flex-direction: column; justify-content: center; }
@media (max-width: 700px) { .reed-couplet-row { grid-template-columns: 1fr; } .reed-couplet-fa { text-align: right; } }

/* divider breathe */
.reed-divider { background: linear-gradient(to right, transparent, rgba(199,164,104,.0) 30%, rgba(199,164,104,.0) 70%, transparent); transition: background 1.2s ease; }
.reed-divider.is-in { background: linear-gradient(to right, transparent, rgba(199,164,104,.3) 30%, rgba(199,164,104,.3) 70%, transparent); }


/* full-width capstone pull quote (below the split) */
.reed-pull-full { position: relative; z-index: 1; text-align: center; padding: clamp(56px,7vw,96px) clamp(28px,5vw,80px); }
.reed-pull-full__in { font-family: var(--serif); font-weight: 500; font-size: clamp(34px,4.6vw,62px); line-height: 1.18; letter-spacing: -.02em; color: var(--ivory); max-width: 20ch; margin: 0 auto; }
.reed-pull-full__in em { font-style: italic; color: var(--champagne-soft); }
.reed-pull-full::before { content: ""; display: block; width: 50px; height: 1px; background: var(--champagne); opacity: .7; margin: 0 auto clamp(32px,4vw,52px); }


/* ---- philosophy section ---- */
.reed-philosophy { position: relative; z-index: 1; padding: clamp(48px,5vw,72px) clamp(28px,5vw,80px); background: radial-gradient(ellipse 110% 80% at 50% 100%, rgba(30,51,64,.7), transparent 65%); }
.reed-philosophy__in { max-width: 1100px; margin: 0 auto; }
.reed-philosophy__body { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px,5vw,72px); margin-top: clamp(32px,4vw,52px); }
.reed-philosophy__col { display: flex; flex-direction: column; gap: 0; }
.reed-philosophy__capstone { margin-top: clamp(56px,7vw,96px); text-align: center; }
.reed-philosophy__rule { width: 50px; height: 1px; background: var(--champagne); opacity: .75; margin: 0 auto clamp(32px,4vw,52px); }
.reed-philosophy__quote { font-family: var(--serif); font-weight: 500; font-size: clamp(22px,2.6vw,34px); line-height: 1.45; letter-spacing: -.01em; color: var(--ivory); max-width: 28ch; margin: 0 auto; }
@media (max-width: 760px) { .reed-philosophy__body { grid-template-columns: 1fr; } }


/* caravan — full-bleed cinematic panel */
.reed-caravan { position: relative; z-index: 1; min-height: 55vh; display: flex; align-items: flex-start; overflow: hidden; }
.reed-caravan__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.reed-caravan__veil { position: absolute; inset: 0; background: linear-gradient(to right, rgba(15,26,32,.88) 0%, rgba(15,26,32,.6) 40%, rgba(15,26,32,.1) 70%, transparent 100%), linear-gradient(to bottom, rgba(15,26,32,.3) 0%, transparent 40%, transparent 60%, rgba(15,26,32,.6) 100%); pointer-events: none; }
.reed-caravan__text { position: relative; z-index: 1; max-width: 600px; padding: clamp(80px,10vw,140px) clamp(40px,6vw,100px); display: flex; flex-direction: column; gap: 22px; }
.reed-caravan__cap { font-family: var(--serif); font-size: clamp(17px,1.8vw,21px); line-height: 1.65; color: rgba(236,233,226,.72); max-width: 50ch; text-shadow: 0 1px 12px rgba(0,0,0,.6); margin-top: 8px; }


/* Balkh panel — full-bleed, text on left */
.reed-balkh-panel { position: relative; z-index: 1; min-height: 55vh; display: flex; align-items: flex-end; overflow: hidden; }
.reed-balkh-panel__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }
.reed-balkh-panel__veil { position: absolute; inset: 0; background: linear-gradient(to right, rgba(15,26,32,.9) 0%, rgba(15,26,32,.65) 38%, rgba(15,26,32,.12) 68%, transparent 100%), linear-gradient(to bottom, rgba(15,26,32,.2) 0%, transparent 35%); pointer-events: none; }
.reed-balkh-panel__text { position: relative; z-index: 1; max-width: 560px; padding: clamp(80px,10vw,140px) clamp(40px,6vw,100px); display: flex; flex-direction: column; gap: 20px; }
.reed-balkh-panel__cap { font-family: var(--serif); font-size: clamp(17px,1.8vw,21px); line-height: 1.65; color: rgba(236,233,226,.72); max-width: 48ch; text-shadow: 0 1px 12px rgba(0,0,0,.6); margin-top: 8px; }


.reed-hero__statement { font-family: var(--serif); font-weight: 500; font-size: clamp(44px,6.5vw,96px); line-height: 1.05; letter-spacing: -.03em; color: var(--ivory); text-shadow: 0 2px 40px rgba(0,0,0,.7); text-align: left; }
.reed-hero__statement em { font-style: italic; color: var(--champagne-soft); }
.reed-hero__context { font-family: var(--serif); font-size: clamp(15px,1.6vw,17px); line-height: 1.6; color: var(--on-dark-mut); max-width: 44ch; margin-top: 10px; text-shadow: 0 1px 12px rgba(0,0,0,.8); }


.reed-hero__left { display: flex; flex-direction: column; gap: 20px; text-align: left; align-items: flex-start; }
.reed-hero__right { display: flex; flex-direction: column; gap: 0; align-items: flex-start; }
@media (max-width: 820px) { .reed-hero__content { grid-template-columns: 1fr; } .reed-hero__fa { white-space: normal; text-align: right; direction: rtl; } }


/* monumental blockquote */
.reed-bq { font-family: var(--serif); font-weight: 500; font-size: clamp(26px,3.4vw,50px); line-height: 1.32; letter-spacing: -.02em; color: var(--ivory); margin: clamp(56px,7vw,96px) 0; padding: clamp(40px,5vw,64px) clamp(40px,6vw,96px); border: none; text-align: center; position: relative; }
.reed-bq::before { content: "\201C"; position: absolute; top: 0; left: 50%; transform: translate(-50%, -40%); font-family: var(--serif); font-size: clamp(80px,12vw,160px); line-height: 1; color: var(--champagne); opacity: .35; font-weight: 400; pointer-events: none; }
.reed-bq::after { content: ""; display: block; width: 56px; height: 1px; background: var(--champagne); opacity: .7; margin: clamp(28px,3.5vw,44px) auto 0; }


/* claim section */
.reed-claim { position: relative; z-index: 1; background: radial-gradient(ellipse 100% 70% at 50% 0%, rgba(51,84,104,.3), transparent 60%); padding: clamp(80px,10vw,140px) clamp(28px,5vw,80px); }
.reed-claim__in { max-width: 840px; margin: 0 auto; display: flex; flex-direction: column; gap: clamp(18px,2.2vw,28px); }


/* claim section — larger, more readable body text */
.reed-claim .reed-p { font-size: clamp(19px,2.1vw,23px); line-height: 1.78; color: rgba(236,233,226,.90); }
.reed-claim__in { gap: clamp(22px,2.6vw,34px); }


/* academic inline citations */
.cite { font-family: var(--caps); font-size: 9px; letter-spacing: .06em; color: var(--champagne); text-decoration: none; vertical-align: super; line-height: 0; opacity: .8; margin-left: 3px; transition: opacity .2s; }
.cite:hover { opacity: 1; }
/* footnote list at page bottom */
.reed-footnotes { position: relative; z-index: 1; padding: clamp(36px,4vw,56px) clamp(28px,5vw,80px); border-top: 1px solid rgba(199,164,104,.12); }
.reed-footnotes__in { max-width: 900px; margin: 0 auto; }
.reed-footnotes__k { font-family: var(--caps); font-size: 9.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--champagne); margin-bottom: 16px; display: block; }
.reed-fn { display: grid; grid-template-columns: 28px 1fr; gap: 8px; padding: 9px 0; border-top: 1px solid rgba(199,164,104,.1); font-family: var(--serif); font-size: 14px; line-height: 1.55; color: var(--on-dark-mut); }
.reed-fn:first-of-type { border-top: none; }
.reed-fn__n { color: var(--champagne); font-weight: 500; }
.reed-fn__t { }
.reed-fn__t a { color: var(--champagne-soft); border-bottom: 1px solid rgba(199,164,104,.28); text-decoration: none; }
.reed-fn__t a:hover { color: var(--champagne); }