:root {
  --ink: #11100f;
  --ink-soft: #1d1b19;
  --paper: #eee9df;
  --paper-bright: #f8f4eb;
  --paper-deep: #d9d0c2;
  --rule: #bcb2a3;
  --muted: #6c675f;
  --orange: #c63a0b;
  --orange-bright: #e34a12;
  --orange-dark: #8f2607;
  --white: #fffdf7;
  --display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --body: "Instrument Sans", Arial, sans-serif;
  --mono: "IBM Plex Mono", monospace;
  --gutter: clamp(1.25rem, 4vw, 4.5rem);
  --max: 1440px;
  --header: 78px;
}

*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; overflow-x: hidden; color: var(--ink); background: var(--paper); font-family: var(--body); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
img, svg { display: block; max-width: 100%; }
button, input, select, textarea { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3, h4, ul, ol { margin-top: 0; }
button { border: 0; background: none; cursor: pointer; }
::selection { color: var(--white); background: var(--orange); }
:focus-visible { outline: 2px solid var(--orange-bright); outline-offset: 4px; }
.skip-link { position: fixed; top: .75rem; left: .75rem; z-index: 999; padding: .7rem 1rem; color: var(--white); background: var(--orange); font: 600 .72rem var(--mono); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.honey { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.progress { position: fixed; inset: 0 0 auto; z-index: 1000; height: 2px; pointer-events: none; }
.progress span { display: block; width: 0; height: 100%; background: var(--orange-bright); }

.site-header { position: absolute; top: 0; left: 0; z-index: 100; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; width: 100%; height: var(--header); padding: 0 var(--gutter); color: var(--white); border-bottom: 1px solid rgba(255,255,255,.13); transition: background .25s ease, transform .25s ease; }
.site-header.is-fixed { position: fixed; background: rgba(17,16,15,.95); backdrop-filter: blur(14px); }
.wordmark { display: inline-flex; align-items: center; gap: .75rem; justify-self: start; width: max-content; text-transform: uppercase; }
.wordmark > span:last-child { display: flex; flex-direction: column; line-height: .9; }
.wordmark b { font: 700 1.02rem var(--display); letter-spacing: .025em; }
.wordmark em { color: var(--orange-bright); font: 600 .85rem var(--display); letter-spacing: .095em; }
.wordmark-icon { position: relative; display: grid; gap: 3px; width: 25px; transform: skewX(-18deg); }
.wordmark-icon i { display: block; width: 100%; height: 4px; background: var(--orange-bright); }
.wordmark-icon i:nth-child(2) { width: 72%; margin-left: 28%; }
.desktop-nav { display: flex; align-items: center; gap: clamp(1.2rem, 2.2vw, 2.6rem); }
.desktop-nav a { position: relative; padding: 1.8rem 0; color: rgba(255,255,255,.72); font: 500 .67rem var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.desktop-nav a::after { position: absolute; bottom: 1.2rem; left: 0; width: 0; height: 1px; background: var(--orange-bright); content: ""; transition: width .25s ease; }
.desktop-nav a:hover, .desktop-nav a[aria-current="page"] { color: var(--white); }
.desktop-nav a:hover::after, .desktop-nav a[aria-current="page"]::after { width: 100%; }
.header-cta { justify-self: end; font: 600 .7rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.header-cta span { display: inline-grid; place-items: center; width: 25px; height: 25px; margin-left: .5rem; color: var(--ink); background: var(--orange-bright); transition: transform .2s ease; }
.header-cta:hover span { transform: rotate(45deg); }
.menu-button, .mobile-menu { display: none; }

.home-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(400px, .96fr); gap: clamp(1.5rem, 3vw, 4rem); min-height: 100svh; padding: calc(var(--header) + clamp(2.25rem, 4.5vh, 4rem)) var(--gutter) clamp(3.5rem, 6vh, 5rem); overflow: hidden; color: var(--white); background: var(--ink); isolation: isolate; }
.hero-grid { position: absolute; inset: var(--header) 0 0 50%; z-index: -2; opacity: .09; background-image: linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg, transparent, #000 25%, #000); }
.home-hero::before { position: absolute; top: 21%; left: -6%; z-index: -1; width: 37vw; height: 37vw; border: 1px solid rgba(255,255,255,.045); border-radius: 50%; content: ""; }
.hero-copy { align-self: center; width: 100%; min-width: 0; max-width: 720px; }
.file-label { display: flex; align-items: center; gap: .85rem; color: var(--muted); font: 500 .65rem var(--mono); letter-spacing: .105em; text-transform: uppercase; }
.file-label i { width: 40px; height: 1px; background: currentColor; }
.file-label.light { color: rgba(255,255,255,.52); }
.home-hero h1 { max-width: 720px; margin: 1.65rem 0 1.35rem; font: 700 clamp(3.35rem,4.8vw,5.5rem)/.86 var(--display); letter-spacing: -.04em; text-wrap: balance; text-transform: uppercase; }
.home-hero h1 em { display: inline-block; color: var(--orange-bright); font-style: normal; }
.hero-line { display: block; width: max-content; max-width: 100%; white-space: nowrap; }
.hero-lock { display: inline-block; white-space: nowrap; }
.hero-intro { max-width: 630px; margin-bottom: 1.8rem; color: rgba(255,255,255,.75); font-size: clamp(.98rem, 1.08vw, 1.12rem); line-height: 1.58; text-wrap: pretty; }
.action-row { display: flex; align-items: center; gap: 2rem; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.6rem; min-height: 51px; padding: .88rem 1.1rem .88rem 1.25rem; font: 600 .68rem var(--mono); letter-spacing: .065em; text-transform: uppercase; transition: color .2s ease, background .2s ease, transform .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-orange { color: var(--white); background: var(--orange); }
.button-orange:hover { background: var(--orange-bright); }
.button-black { color: var(--white); background: var(--ink); }
.button-black:hover { background: var(--orange); }
.play-dot { display: grid; place-items: center; width: 25px; height: 25px; color: var(--orange); background: var(--white); font-size: .55rem; }
.text-link { display: inline-flex; gap: 1rem; align-items: center; padding: .4rem 0; border-bottom: 1px solid currentColor; font: 600 .69rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.text-link span { transition: transform .2s ease; }
.text-link:hover span { transform: translate(3px,-3px); }
.text-link.light { color: var(--white); }
.hero-note { display: flex; gap: 1.4rem; margin-top: clamp(2rem, 4.5vh, 3.5rem); color: rgba(255,255,255,.33); font: 500 .57rem var(--mono); letter-spacing: .08em; }
.hero-note span + span::before { margin-right: 1.4rem; content: "/"; }

.hero-file { position: relative; align-self: center; justify-self: center; width: min(39vw, 600px, calc(100svh - var(--header) - 6rem)); aspect-ratio: 1; }
.file-shadow { position: absolute; inset: 6% -1% -2% 5%; background: #000; filter: blur(35px); opacity: .7; transform: rotate(-3deg); }
.blueprint-underlay { position: absolute; inset: -4% -5% 1% 7%; overflow: hidden; background-color: var(--orange); background-image: linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px); background-size: 20px 20px; transform: rotate(3deg); }
.blueprint-underlay svg { width: 100%; height: 100%; }
.blueprint-underlay path { fill: none; stroke: rgba(255,255,255,.66); stroke-width: 2; }
.blueprint-underlay circle { fill: var(--orange); stroke: rgba(255,255,255,.75); stroke-width: 2; }
.blueprint-underlay text { fill: rgba(255,255,255,.72); font: 600 14px var(--mono); letter-spacing: .06em; }
.cover-wrap { position: absolute; inset: 0; overflow: hidden; background: #1a1917; box-shadow: 0 20px 70px rgba(0,0,0,.55); transform: rotate(-1.2deg) translate(-7%, -5%); }
.cover-wrap img { width: 100%; height: 100%; object-fit: cover; }
.file-tab { position: absolute; right: -8%; bottom: 11%; z-index: 4; padding: .7rem 1rem; color: rgba(255,255,255,.7); background: #252320; border: 1px solid rgba(255,255,255,.16); font: 500 .58rem var(--mono); letter-spacing: .08em; transform: rotate(90deg); }
.hero-folio { position: absolute; right: var(--gutter); bottom: 1.7rem; left: var(--gutter); display: flex; align-items: center; gap: 1rem; color: rgba(255,255,255,.27); font: 500 .54rem var(--mono); letter-spacing: .1em; }
.hero-folio i { flex: 1; height: 1px; background: rgba(255,255,255,.1); }

.paper-section { position: relative; padding: clamp(6rem, 10vw, 10rem) var(--gutter); background-color: var(--paper); background-image: radial-gradient(rgba(37,29,21,.045) .7px, transparent .7px); background-size: 5px 5px; }
.section-index { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; margin-bottom: clamp(3.5rem, 6vw, 6rem); color: var(--muted); font: 500 .59rem var(--mono); letter-spacing: .1em; }
.section-index span { color: var(--orange); font-weight: 600; }
.section-index i { height: 1px; background: var(--rule); }
.section-index.dark { color: rgba(255,255,255,.38); }
.section-index.dark i { background: rgba(255,255,255,.16); }
.section-index.dark span { color: var(--orange-bright); }
.section-kicker { margin-bottom: 1.1rem; color: var(--muted); font: 600 .65rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.section-kicker.orange { color: var(--orange-bright); }

.latest-layout { display: grid; grid-template-columns: minmax(180px, .55fr) minmax(0, 1.45fr); gap: clamp(3rem, 8vw, 9rem); max-width: var(--max); margin: 0 auto; }
.latest-meta { display: flex; flex-direction: column; align-items: flex-start; }
.latest-meta time { margin-top: 1.2rem; color: var(--muted); font: 500 .62rem var(--mono); letter-spacing: .08em; }
.audio-mark { display: flex; align-items: center; gap: 6px; height: 100px; margin-top: auto; padding-top: 3rem; }
.audio-mark i { width: 3px; height: 30%; background: var(--orange); animation: waveform 1.6s ease-in-out infinite alternate; }
.audio-mark i:nth-child(2n) { height: 70%; animation-delay: -.7s; }.audio-mark i:nth-child(3n) { height: 100%; animation-delay: -.2s; }.audio-mark i:nth-child(5n) { height: 48%; animation-delay: -.9s; }
@keyframes waveform { to { height: 18%; } }
.latest-main { max-width: 930px; }
.latest-main h2, .preview-heading h2, .services-heading h2, .signup-copy h2 { margin: 0 0 1.8rem; font: 700 clamp(4.4rem, 8vw, 8rem)/.82 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.latest-main > p:not(.section-kicker) { max-width: 760px; margin-bottom: 2.2rem; color: #45413c; font-size: clamp(1.06rem, 1.7vw, 1.35rem); line-height: 1.6; }
.audio-player { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; width: 100%; margin-top: 2.6rem; padding: 1rem; color: var(--white); background: var(--ink); }
.audio-player > button { display: grid; place-items: center; width: 48px; height: 48px; color: var(--ink); background: var(--orange-bright); }
.audio-player > button span { font-size: .75rem; }
.player-track { min-width: 0; }
.player-time { display: flex; justify-content: space-between; margin-bottom: .4rem; color: rgba(255,255,255,.56); font: 500 .56rem var(--mono); }
.track-button { position: relative; width: 100%; height: 14px; padding: 0; }
.track-button::before { position: absolute; top: 6px; right: 0; left: 0; height: 2px; background: rgba(255,255,255,.25); content: ""; }
.track-button i { position: absolute; top: 6px; left: 0; width: var(--track-progress, 0%); height: 2px; background: var(--orange-bright); }
.player-status { color: rgba(255,255,255,.4); font: 500 .55rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.latest-actions { display: flex; align-items: center; gap: 2rem; margin-top: 1.5rem; }
.platform-note { color: var(--muted); font: 500 .56rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }

.shift-section { position: relative; padding: clamp(6rem, 10vw, 10rem) var(--gutter); overflow: hidden; color: var(--white); background: var(--ink-soft); }
.shift-section::after { position: absolute; right: -10vw; bottom: -20vw; width: 55vw; height: 55vw; border: 1px solid rgba(255,255,255,.06); border-radius: 50%; content: ""; }
.shift-heading { max-width: var(--max); margin: 0 auto; }
.shift-heading h2 { max-width: 1030px; margin: 0; font: 700 clamp(4rem, 8.5vw, 8.7rem)/.8 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.shift-heading h2 em { color: var(--orange-bright); font-style: normal; }
.shift-system { position: relative; z-index: 1; max-width: var(--max); margin: clamp(4rem, 7vw, 7rem) auto 0; }
.shift-row { display: grid; grid-template-columns: 190px 1fr; align-items: center; gap: 2rem; padding: 1.5rem 0; border-top: 1px solid rgba(255,255,255,.13); border-bottom: 1px solid rgba(255,255,255,.13); }
.shift-row strong { color: rgba(255,255,255,.42); font: 500 .59rem var(--mono); letter-spacing: .08em; }
.shift-row > div { display: grid; grid-template-columns: repeat(7, auto); justify-content: space-between; align-items: center; gap: 1rem; }
.shift-row span { font: 600 clamp(1.5rem, 2.2vw, 2.6rem) var(--display); text-transform: uppercase; }
.shift-row i { color: var(--orange-bright); font-style: normal; }
.shift-row.old span { color: rgba(255,255,255,.34); text-decoration: line-through; text-decoration-thickness: 1px; }
.shift-path { position: relative; height: 100px; overflow: hidden; }
.shift-path svg { width: 100%; height: 100%; }
.shift-path path { fill: none; stroke: var(--orange-bright); stroke-width: 2; stroke-dasharray: 10 8; vector-effect: non-scaling-stroke; }
.shift-path span { position: absolute; top: 42%; left: 50%; padding: .25rem .7rem; color: var(--orange-bright); background: var(--ink-soft); font: 500 .55rem var(--mono); letter-spacing: .08em; transform: translate(-50%,-50%) rotate(-3deg); }
.shift-copy { display: grid; grid-template-columns: 190px minmax(0, 700px); gap: 2rem; max-width: var(--max); margin: 4rem auto 0; }
.shift-copy span { color: var(--orange-bright); font: 500 .57rem var(--mono); letter-spacing: .08em; }
.shift-copy p { color: rgba(255,255,255,.68); font-size: 1.05rem; line-height: 1.7; }

.preview-heading { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(250px, .55fr); align-items: end; gap: 4rem; max-width: var(--max); margin: 0 auto clamp(4rem, 7vw, 6.5rem); }
.preview-heading h2 { margin-bottom: 0; }
.preview-heading > p { max-width: 420px; margin-bottom: .7rem; color: var(--muted); font-size: 1.05rem; }
.play-ledger { max-width: var(--max); margin: 0 auto; border-top: 2px solid var(--ink); }
.play-row { position: relative; display: grid; grid-template-columns: 80px minmax(0, 1.5fr) minmax(140px, .4fr) auto; align-items: center; gap: 1.5rem; min-height: 112px; border-bottom: 1px solid var(--rule); transition: color .25s ease, padding .25s ease, background .25s ease; }
.play-row::before { position: absolute; inset: 0; z-index: -1; background: var(--ink); content: ""; transform: scaleY(0); transform-origin: bottom; transition: transform .25s ease; }
.play-row:hover, .play-row:focus-within { padding-right: 1.2rem; padding-left: 1.2rem; color: var(--white); }
.play-row:hover::before, .play-row:focus-within::before { transform: scaleY(1); }
.play-row > span { color: var(--orange); font: 600 .62rem var(--mono); }
.play-row h3 { margin: 0; font: 600 clamp(1.65rem, 2.6vw, 2.8rem)/1 var(--display); text-transform: uppercase; }
.play-row small { color: var(--muted); font: 500 .58rem var(--mono); letter-spacing: .07em; }
.play-row:hover small { color: rgba(255,255,255,.5); }
.play-row > i { display: grid; place-items: center; width: 38px; height: 38px; color: var(--white); background: var(--orange); font-style: normal; transition: transform .2s ease; }
.play-row:hover > i { transform: rotate(45deg); }
.ledger-footer { display: flex; justify-content: space-between; align-items: center; max-width: var(--max); margin: 2rem auto 0; }
.ledger-footer > span { color: var(--muted); font: 500 .59rem var(--mono); letter-spacing: .08em; }
.ledger-footer b { color: var(--orange); font-size: .8rem; }

.resource-feature { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(440px, .95fr); min-height: 820px; overflow: hidden; color: var(--white); background: var(--orange); }
.resource-copy { align-self: center; padding: clamp(5rem, 9vw, 9rem) var(--gutter); }
.resource-copy .file-label { color: rgba(255,255,255,.58); }
.resource-copy h2 { margin: 2rem 0 1.7rem; font: 700 clamp(4.5rem, 8vw, 8.5rem)/.78 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.resource-copy h2 em { color: var(--ink); font-style: normal; }
.resource-copy > p { max-width: 620px; font-size: 1.1rem; line-height: 1.7; }
.resource-copy ul { display: flex; flex-wrap: wrap; gap: .8rem 1.8rem; margin: 2rem 0 2.8rem; padding: 1.2rem 0; border-top: 1px solid rgba(255,255,255,.28); border-bottom: 1px solid rgba(255,255,255,.28); list-style: none; }
.resource-copy li { font: 500 .6rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.resource-copy li::before { margin-right: .55rem; color: var(--ink); content: "■"; }
.resource-copy .button-orange { color: var(--ink); background: var(--white); }
.resource-pages { position: relative; min-height: 100%; background-color: var(--ink-soft); background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 28px 28px; perspective: 1200px; }
.guide-page { position: absolute; top: 50%; left: 50%; width: min(65%, 390px); aspect-ratio: .76; padding: 1.8rem; color: var(--ink); background: var(--paper-bright); box-shadow: 0 30px 70px rgba(0,0,0,.45); transform-origin: bottom center; transition: transform .7s cubic-bezier(.2,.8,.2,1); }
.guide-page > span { font: 500 .56rem var(--mono); letter-spacing: .07em; }
.page-back { transform: translate(-36%,-48%) rotate(10deg); }
.page-mid { transform: translate(-48%,-50%) rotate(3deg); }
.page-front { display: flex; flex-direction: column; transform: translate(-60%,-52%) rotate(-5deg); }
.resource-pages:hover .page-back { transform: translate(-24%,-48%) rotate(14deg); }
.resource-pages:hover .page-mid { transform: translate(-48%,-52%) rotate(2deg); }
.resource-pages:hover .page-front { transform: translate(-68%,-55%) rotate(-8deg); }
.page-front small { padding-bottom: 1rem; border-bottom: 1px solid var(--ink); font: 600 .53rem var(--mono); letter-spacing: .08em; }
.page-front strong { margin-top: auto; font: 700 clamp(2rem, 3vw, 3.3rem)/.82 var(--display); }
.page-front strong em { color: var(--orange); font-style: normal; }
.page-front p { max-width: 220px; margin: 1.2rem 0 0; font: 500 .56rem/1.5 var(--mono); }
.page-front b { align-self: flex-end; margin-top: auto; color: var(--orange); font: 600 .65rem var(--mono); }
.page-back svg { width: 100%; margin-top: 2rem; }
.page-back path { fill: none; stroke: var(--rule); }.page-back circle { fill: var(--paper-bright); stroke: var(--orange); stroke-width: 2; }
.mini-path { display: flex; justify-content: space-between; align-items: center; height: 70%; }
.mini-path i { width: 24px; height: 24px; border: 2px solid var(--orange); border-radius: 50%; }
.mini-path::before { position: absolute; right: 3rem; left: 3rem; height: 2px; background: var(--orange); content: ""; }

.services-heading { display: grid; grid-template-columns: 1fr minmax(280px, .4fr); column-gap: 4rem; max-width: var(--max); margin: 0 auto 5rem; }
.services-heading .section-kicker { grid-column: 1 / -1; }
.services-heading h2 { margin: 0; }
.services-heading h2 em, .signup-copy h2 em { color: var(--orange); font-style: normal; }
.services-heading > p:last-child { align-self: end; margin-bottom: .8rem; color: var(--muted); font-size: 1.05rem; }
.service-lines { max-width: var(--max); margin: 0 auto; border-top: 2px solid var(--ink); }
.service-lines a { display: grid; grid-template-columns: 60px minmax(0,1fr) minmax(170px,.35fr) auto; align-items: center; gap: 1.5rem; min-height: 104px; border-bottom: 1px solid var(--rule); }
.service-lines a > span { color: var(--orange); font: 600 .6rem var(--mono); }
.service-lines strong { font: 600 clamp(1.45rem, 2.25vw, 2.5rem) var(--display); text-transform: uppercase; transition: transform .25s ease; }
.service-lines small { color: var(--muted); font: 500 .55rem/1.5 var(--mono); letter-spacing: .07em; }
.service-lines i { display: grid; place-items: center; width: 36px; height: 36px; color: var(--white); background: var(--ink); font-style: normal; transition: background .2s ease, transform .2s ease; }
.service-lines a:hover strong { transform: translateX(12px); }
.service-lines a:hover i { background: var(--orange); transform: rotate(45deg); }
.bridge-actions { display: flex; align-items: center; gap: 2rem; max-width: var(--max); margin: 2.2rem auto 0; }

.host-section { display: grid; grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr); gap: clamp(4rem, 10vw, 10rem); align-items: center; min-height: 730px; padding: clamp(6rem, 10vw, 10rem) var(--gutter); color: var(--white); background-color: var(--ink); background-image: radial-gradient(rgba(255,255,255,.06) .7px, transparent .7px); background-size: 6px 6px; }
.host-portrait { position: relative; justify-self: center; width: min(30vw, 420px); margin: 0; padding: 12px 12px 0; color: var(--ink); background: var(--orange-bright); transform: rotate(-2deg); }
.host-portrait::before { position: absolute; inset: -13px 13px 13px -13px; z-index: -1; border: 1px solid rgba(255,255,255,.22); content: ""; }
.host-portrait picture { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--paper); }
.host-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 38%; }
.host-portrait figcaption { display: grid; grid-template-columns: 1fr auto; gap: .3rem 1rem; padding: 1rem .25rem 1.1rem; }
.host-portrait figcaption span { color: rgba(17,16,15,.65); font: 600 .52rem var(--mono); letter-spacing: .08em; }
.host-portrait figcaption strong { grid-column: 1; font: 700 clamp(1.8rem,2.7vw,2.8rem)/.9 var(--display); text-transform: uppercase; }
.host-portrait figcaption small { grid-column: 2; grid-row: 1 / 3; align-self: end; max-width: 105px; font: 600 .48rem/1.5 var(--mono); letter-spacing: .05em; text-align: right; }
.host-copy { max-width: 830px; }
.host-copy h2 { margin: 2rem 0; font: 700 clamp(4rem, 7.5vw, 7.8rem)/.81 var(--display); letter-spacing: -.03em; text-transform: uppercase; }
.host-copy h2 em { color: var(--orange-bright); font-style: normal; }
.host-copy > p:not(.file-label) { max-width: 690px; margin-bottom: 2rem; color: rgba(255,255,255,.66); font-size: 1.08rem; line-height: 1.7; }

.client-notes-layout { display: grid; grid-template-columns: minmax(250px,.48fr) minmax(0,1.52fr); gap: clamp(3rem,8vw,8rem); max-width: var(--max); margin: 0 auto; }
.client-notes-heading { position: sticky; top: calc(var(--header) + 2rem); align-self: start; }
.client-notes-heading h2 { margin: 1.2rem 0 1.5rem; font: 700 var(--display-title-l)/.88 var(--display); letter-spacing: -.025em; text-transform: uppercase; }
.client-notes-heading h2::after { display: block; width: 44px; height: 7px; margin-top: 1.5rem; background: var(--orange); content: ""; }
.client-notes-heading > p:last-child { max-width: 430px; color: var(--muted); font-size: .92rem; line-height: 1.65; }
.testimonial-ledger { margin: 0; padding: 0; border-top: 2px solid var(--ink); list-style: none; }
.testimonial-ledger > li { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 1.25rem; padding: clamp(2rem,4vw,3.5rem) 0; border-bottom: 1px solid var(--rule); }
.testimonial-ledger > li > span { padding-top: .35rem; color: var(--orange); font: 600 .58rem var(--mono); letter-spacing: .08em; }
.testimonial-ledger blockquote { margin: 0; }
.testimonial-ledger blockquote > p { max-width: 970px; margin: 0; font: 500 clamp(1.45rem,2.4vw,2.45rem)/1.08 var(--display); letter-spacing: -.015em; }
.testimonial-ledger > li:first-child blockquote > p { font-size: clamp(1.7rem,2.8vw,2.9rem); }
.testimonial-ledger footer { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1rem; align-items: end; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--rule); }
.testimonial-ledger cite { display: block; font-style: normal; }
.testimonial-ledger cite strong { display: block; font: 650 .72rem var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.testimonial-ledger cite small { display: block; margin-top: .25rem; overflow-wrap: anywhere; color: var(--muted); font: 500 .55rem/1.45 var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.testimonial-ledger footer a { color: var(--orange-dark); font: 600 .53rem var(--mono); letter-spacing: .05em; text-transform: uppercase; }

.briefing-signup { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(330px,.8fr); gap: clamp(4rem, 9vw, 9rem); align-items: end; }
.signup-copy h2 { margin: 0; }
.signup-form { padding-bottom: .6rem; }
.signup-form label { display: block; }
.signup-form label span { display: block; margin-bottom: .75rem; color: var(--muted); font: 500 .57rem var(--mono); letter-spacing: .08em; }
.signup-form input { width: 100%; padding: .8rem 0 1rem; border: 0; border-bottom: 2px solid var(--ink); border-radius: 0; outline: 0; background: transparent; font: 500 clamp(1.3rem, 2vw, 1.8rem) var(--body); }
.signup-form input:focus { border-color: var(--orange); }
.signup-form .button { margin-top: 1.5rem; }
.signup-form > p:not(.honey):not(.form-status) { margin-top: 1rem; color: var(--muted); font: 500 .55rem var(--mono); }
.form-status { min-height: 1.5em; margin-top: 1rem; color: var(--orange-dark); font-size: .85rem; }

.site-footer { padding: clamp(4rem, 7vw, 7rem) var(--gutter) 1.5rem; color: var(--white); background: #090908; }
.footer-top { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: end; gap: 3rem; padding-bottom: 3.2rem; border-bottom: 1px solid rgba(255,255,255,.15); }
.footer-top > p { max-width: 340px; margin: 0; color: rgba(255,255,255,.45); font-size: .9rem; }
.footer-call { justify-self: end; max-width: 300px; color: var(--orange-bright); font: 600 clamp(1.5rem, 2.3vw, 2.3rem)/1.05 var(--display); text-align: right; text-transform: uppercase; }
.footer-nav { display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; padding: 3.2rem 0; }
.footer-nav > div { display: flex; flex-direction: column; gap: .55rem; }
.footer-nav small { margin-bottom: .55rem; color: rgba(255,255,255,.3); font: 500 .56rem var(--mono); letter-spacing: .08em; }
.footer-nav a { width: max-content; color: rgba(255,255,255,.68); font-size: .9rem; }
.footer-nav a:hover { color: var(--orange-bright); }
.footer-bottom { display: flex; justify-content: space-between; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.25); font: 500 .51rem var(--mono); letter-spacing: .07em; }
.mini-player { position: fixed; right: 1rem; bottom: 1rem; z-index: 200; display: grid; grid-template-columns: auto minmax(180px,1fr) auto auto; align-items: center; gap: .8rem; width: min(440px, calc(100% - 2rem)); padding: .8rem; color: var(--white); background: var(--ink); border: 1px solid rgba(255,255,255,.2); box-shadow: 0 16px 50px rgba(0,0,0,.42); }
.mini-player[hidden] { display: none; }
.mini-player > button:first-child { width: 38px; height: 38px; color: var(--ink); background: var(--orange-bright); }
.mini-player small { display: block; color: rgba(255,255,255,.35); font: 500 .49rem var(--mono); letter-spacing: .06em; }
.mini-player strong { display: block; overflow: hidden; font: 600 .78rem var(--body); text-overflow: ellipsis; white-space: nowrap; }
.mini-player > span { color: rgba(255,255,255,.48); font: 500 .55rem var(--mono); }
.mini-player > button:last-child { color: rgba(255,255,255,.6); font-size: 1.2rem; }

.reveal { opacity: 1; transform: none; }
.js .reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.js .reveal.visible { opacity: 1; transform: none; }

@media (max-width: 1100px) {
  :root { --header: 70px; }
  .site-header { grid-template-columns: 1fr auto; }
  .desktop-nav, .header-cta { display: none; }
  .menu-button { display: grid; gap: 7px; justify-self: end; width: 42px; height: 42px; padding: 12px 8px; }
  .menu-button i { display: block; width: 100%; height: 1px; background: var(--white); transition: transform .25s ease; }
  .menu-button[aria-expanded="true"] i:first-child { transform: translateY(4px) rotate(45deg); }
  .menu-button[aria-expanded="true"] i:last-child { transform: translateY(-4px) rotate(-45deg); }
  .mobile-menu { position: fixed; top: var(--header); right: auto; bottom: auto; left: 0; z-index: 90; display: grid; align-content: center; width: 100%; height: calc(100dvh - var(--header)); padding: var(--gutter); visibility: hidden; background: var(--ink); opacity: 0; transform: translateY(-20px); transition: opacity .25s ease, transform .25s ease, visibility .25s; }
  .mobile-menu.open { visibility: visible; opacity: 1; transform: none; }
  .mobile-menu nav { display: flex; flex-direction: column; }
  .mobile-menu nav a { padding: .2rem 0; font: 700 clamp(3rem, 11vw, 6rem)/.95 var(--display); text-transform: uppercase; }
  .mobile-menu nav a:hover { color: var(--orange-bright); }
  .mobile-menu p { margin: 2.5rem 0 0; color: rgba(255,255,255,.4); font: 500 .62rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
  .home-hero { grid-template-columns: minmax(0,1fr) minmax(370px,.8fr); }
  .home-hero h1 { font-size: clamp(3rem,5vw,4rem); }
  .latest-layout { gap: 3.5rem; }
  .resource-feature { grid-template-columns: 1fr 1fr; }
  .services-heading { grid-template-columns: 1fr; }
  .services-heading > p:last-child { max-width: 570px; margin-top: 1.5rem; }
}

@media (max-width: 820px) {
  .home-hero { display: flex; flex-direction: column; min-height: auto; padding-top: calc(var(--header) + 3.5rem); }
  .hero-copy { padding: 0; }
  .home-hero h1 { font-size: clamp(2.7rem,8vw,4rem); }
  .hero-intro { max-width: 620px; }
  .hero-file { width: min(82vw, 520px); margin: 2.75rem auto 1.5rem; }
  .hero-grid { inset: 50% 0 0; }
  .hero-note { margin-top: 3.5rem; }
  .section-index { margin-bottom: 3.5rem; }
  .latest-layout { grid-template-columns: 1fr; }
  .latest-meta { flex-direction: row; justify-content: space-between; align-items: center; }
  .audio-mark { display: none; }
  .latest-meta time { margin: 0; }
  .latest-main h2, .preview-heading h2, .services-heading h2, .signup-copy h2 { font-size: clamp(4rem, 13vw, 6.5rem); }
  .shift-heading h2 { font-size: clamp(4rem, 13vw, 6.8rem); }
  .shift-row { grid-template-columns: 1fr; }
  .shift-row > div { grid-template-columns: 1fr auto; justify-content: stretch; }
  .shift-row > div span { border-bottom: 1px solid rgba(255,255,255,.12); }
  .shift-row > div i { text-align: right; }
  .shift-row > div i:nth-of-type(4) { display: none; }
  .shift-path { height: 70px; }
  .shift-copy { grid-template-columns: 1fr; }
  .preview-heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .play-row { grid-template-columns: 48px minmax(0,1fr) auto; }
  .play-row small { display: none; }
  .resource-feature { grid-template-columns: 1fr; }
  .resource-pages { min-height: 700px; }
  .service-lines a { grid-template-columns: 40px 1fr auto; padding: 1.2rem 0; }
  .service-lines small { grid-column: 2; }
  .service-lines i { grid-column: 3; grid-row: 1 / 3; }
  .host-section { grid-template-columns: 1fr; }
  .host-portrait { width: min(74vw, 420px); }
  .client-notes-layout { grid-template-columns: 1fr; }
  .client-notes-heading { position: static; }
  .briefing-signup { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr; align-items: start; }
  .footer-call { justify-self: start; text-align: left; }
}

@media (max-width: 560px) {
  :root { --gutter: 1.25rem; }
  .wordmark b { font-size: .93rem; }.wordmark em { font-size: .76rem; }
  .home-hero { padding-top: calc(var(--header) + 2.25rem); padding-bottom: 4.5rem; }
  .hero-copy { display: contents; }
  .hero-copy > .file-label { order: 1; }
  .hero-copy > h1 { order: 2; }
  .hero-file { order: 3; width: min(78vw, 340px); margin: .75rem auto 2rem; }
  .hero-copy > .hero-intro { order: 4; }
  .hero-copy > .action-row { order: 5; }
  .hero-copy > .hero-note { order: 6; }
  .home-hero h1 { margin: 1.35rem 0 .8rem; font-size: clamp(1.85rem,9.6vw,3.2rem); line-height: .88; letter-spacing: -.04em; }
  .hero-intro { margin-bottom: 1.6rem; }
  .action-row { align-items: flex-start; flex-direction: column; gap: 1rem; }
  .hero-note { align-items: flex-start; flex-direction: column; gap: .5rem; margin-top: 2rem; }
  .hero-note span + span::before { display: none; }
  .blueprint-underlay { inset: -3% -3% 0 4%; }
  .file-tab { display: none; }
  .hero-folio span:last-child { display: none; }
  .latest-main h2, .preview-heading h2, .services-heading h2, .signup-copy h2 { font-size: clamp(3.7rem, 18vw, 5.1rem); }
  .latest-main > p:not(.section-kicker) { font-size: 1rem; }
  .audio-player { grid-template-columns: auto 1fr; }
  .player-status { display: none; }
  .latest-actions { align-items: flex-start; flex-direction: column; gap: .8rem; }
  .shift-heading h2 { font-size: clamp(3.7rem, 18vw, 5.2rem); }
  .shift-row > div { gap: .6rem; }
  .shift-row span { font-size: 1.5rem; }
  .shift-copy { margin-top: 2.5rem; }
  .play-row { min-height: 95px; }
  .play-row h3 { font-size: 1.55rem; }
  .play-row > i { width: 32px; height: 32px; }
  .ledger-footer { align-items: flex-start; flex-direction: column; gap: 1.4rem; }
  .resource-copy h2 { font-size: clamp(3.9rem, 18vw, 5.4rem); }
  .resource-pages { min-height: 560px; }
  .guide-page { width: 68%; padding: 1.2rem; }
  .page-front strong { font-size: 1.9rem; }
  .service-lines a { gap: .8rem; }
  .service-lines strong { font-size: 1.5rem; }
  .bridge-actions { align-items: flex-start; flex-direction: column; }
  .host-copy h2 { font-size: clamp(3.8rem, 17vw, 5rem); }
  .host-portrait { width: min(82vw, 370px); }
  .testimonial-ledger > li { grid-template-columns: 34px minmax(0,1fr); gap: .8rem; }
  .testimonial-ledger footer { grid-template-columns: 1fr; }
  .testimonial-ledger footer a { justify-self: start; }
  .footer-nav { grid-template-columns: 1fr 1fr; row-gap: 3rem; }
  .footer-bottom { flex-direction: column; gap: .5rem; }
  .mini-player { bottom: .5rem; left: .5rem; right: .5rem; width: auto; grid-template-columns: auto minmax(0,1fr) auto; }
  .mini-player > span { display: none; }
}

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

/* Interior page framework */
.interior-hero, .page-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(300px,.7fr); gap: clamp(3rem,8vw,9rem); align-items: center; min-height: 760px; padding: calc(var(--header) + clamp(4rem,8vw,8rem)) var(--gutter) clamp(5rem,8vw,8rem); overflow: hidden; color: var(--white); background: var(--ink); isolation: isolate; }
.interior-hero::before, .page-hero::before { position: absolute; right: -12vw; bottom: -22vw; z-index: -1; width: 63vw; height: 63vw; border: 1px solid rgba(255,255,255,.055); border-radius: 50%; content: ""; }
.interior-hero-copy, .page-hero-copy { position: relative; z-index: 1; max-width: 970px; }
.interior-hero h1, .page-hero h1 { max-width: 860px; margin: 1.7rem 0 1.5rem; font: 700 clamp(3.35rem,4.8vw,5.6rem)/.86 var(--display); letter-spacing: -.035em; text-wrap: balance; text-transform: uppercase; }
.interior-hero h1 em, .page-hero h1 em { color: var(--orange-bright); font-style: normal; }
.interior-hero-copy > p:last-child, .page-hero-copy > .hero-intro { max-width: 720px; color: rgba(255,255,255,.7); font-size: clamp(1.02rem,1.4vw,1.2rem); line-height: 1.7; text-wrap: pretty; }
.interior-hero-mark, .host-file-mark { position: relative; display: grid; place-items: center; justify-self: center; width: min(30vw,410px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.2); transform: rotate(2deg); }
.interior-hero-mark::before, .interior-hero-mark::after, .host-file-mark::before, .host-file-mark::after { position: absolute; width: 112%; height: 1px; background: rgba(255,255,255,.13); content: ""; transform: rotate(45deg); }
.interior-hero-mark::after, .host-file-mark::after { transform: rotate(-45deg); }
.interior-hero-mark > span, .host-file-mark > span { position: absolute; top: 1rem; left: 1rem; color: var(--orange-bright); font: 500 .57rem var(--mono); letter-spacing: .08em; }
.interior-hero-mark > strong, .host-file-mark > strong { position: relative; z-index: 1; display: grid; place-items: center; width: 48%; aspect-ratio: 1; color: var(--ink); background: var(--paper); font: 700 clamp(5rem,10vw,9rem)/1 var(--display); }
.interior-hero-mark > small, .host-file-mark > small { position: absolute; right: 1rem; bottom: 1rem; color: rgba(255,255,255,.42); font: 500 .52rem/1.6 var(--mono); text-align: right; }
.interior-folio { position: absolute; right: var(--gutter); bottom: 1.7rem; left: var(--gutter); display: flex; align-items: center; gap: 1rem; color: rgba(255,255,255,.28); font: 500 .54rem var(--mono); letter-spacing: .09em; }
.interior-folio i { flex: 1; height: 1px; background: rgba(255,255,255,.12); }
.page-jump { display: flex; align-items: center; gap: clamp(1rem,2.2vw,2.5rem); padding-top: 1.15rem; padding-bottom: 1.15rem; overflow-x: auto; border-bottom: 1px solid var(--rule); white-space: nowrap; }
.page-jump > span { color: var(--orange); font: 600 .56rem var(--mono); letter-spacing: .08em; }
.page-jump a { color: var(--muted); font: 500 .62rem var(--mono); text-transform: uppercase; }
.page-jump a:hover { color: var(--ink); }

/* Plays */
.featured-play-layout { display: grid; grid-template-columns: minmax(220px,.55fr) minmax(0,1.45fr); gap: clamp(3rem,8vw,9rem); max-width: var(--max); margin: 0 auto; }
.featured-play-meta { position: relative; min-height: 420px; padding: 1.5rem; overflow: hidden; color: var(--white); background-color: var(--orange); background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size: 24px 24px; }
.featured-play-meta .file-label { color: rgba(255,255,255,.68); }
.record-status { position: absolute; top: 5.5rem; left: 1.5rem; padding: .4rem .6rem; color: var(--orange); background: var(--white); font: 600 .51rem var(--mono); letter-spacing: .08em; transform: rotate(-2deg); }
.featured-play-number { position: absolute; right: -1rem; bottom: -4rem; color: rgba(17,16,15,.9); font: 700 clamp(9rem,20vw,20rem)/1 var(--display); letter-spacing: -.08em; }
.featured-play-copy { align-self: center; max-width: 880px; }
.featured-play-copy h2, .directory-heading h2, .method-heading h2 { margin: 0 0 1.8rem; font: 700 clamp(4.2rem,7.5vw,7.8rem)/.82 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.featured-play-copy > p:not(.section-kicker) { max-width: 740px; margin-bottom: 2.2rem; color: var(--muted); font-size: 1.08rem; line-height: 1.7; }
.directory-heading, .archive-heading, .principles-heading { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(280px,.7fr); align-items: end; gap: 4rem; max-width: var(--max); margin: 0 auto 4rem; }
.directory-heading h2, .archive-heading h2, .principles-heading h2 { margin: 0; font: 700 clamp(3.8rem,7vw,7rem)/.82 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.directory-heading > p, .archive-heading > p, .principles-heading > p { max-width: 470px; margin: 0 0 .5rem; color: var(--muted); }
.library-controls { display: grid; grid-template-columns: minmax(300px,1fr) auto; gap: 1.6rem 3rem; align-items: end; max-width: var(--max); margin: 0 auto 2.5rem; padding: 1.5rem 0; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--rule); }
.library-search span { display: block; margin-bottom: .55rem; color: var(--muted); font: 500 .55rem var(--mono); letter-spacing: .08em; }
.library-search input { width: 100%; padding: .75rem 0; border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; outline: 0; background: transparent; font-size: 1.05rem; }
.library-search input:focus { border-color: var(--orange); }
.library-filter { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .55rem; }
.library-filter button { padding: .55rem .75rem; border: 1px solid var(--rule); font: 500 .56rem var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.library-filter button[aria-pressed="true"], .library-filter button:hover { color: var(--white); background: var(--ink); border-color: var(--ink); }
.library-count { display: flex; align-items: baseline; gap: .75rem; margin: 0; }
.library-count strong { color: var(--orange); font: 700 2.8rem var(--display); }
.library-count span { max-width: 135px; color: var(--muted); font: 500 .48rem/1.4 var(--mono); letter-spacing: .06em; }
.archive-ledger { max-width: var(--max); margin: 0 auto; border-top: 1px solid var(--ink); }
.archive-row > a { position: relative; display: grid; grid-template-columns: 72px minmax(0,1fr) 130px auto; gap: 1.5rem; align-items: center; min-height: 126px; padding: 1.1rem 0; border-bottom: 1px solid var(--rule); }
.archive-number { color: var(--orange); font: 600 .63rem var(--mono); }
.archive-title small { color: var(--muted); font: 500 .51rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.archive-title h2 { margin: .35rem 0 .4rem; font: 600 clamp(1.6rem,2.5vw,2.7rem)/1 var(--display); text-transform: uppercase; transition: transform .25s ease; }
.archive-title p { max-width: 720px; margin: 0; color: var(--muted); font-size: .85rem; }
.archive-format { color: var(--muted); font: 500 .58rem var(--mono); text-transform: uppercase; }
.archive-format small { display: block; margin-top: .3rem; color: var(--orange); }
.archive-row i { display: grid; place-items: center; width: 36px; height: 36px; color: var(--white); background: var(--ink); font-style: normal; transition: background .2s ease,transform .2s ease; }
.archive-row a:hover .archive-title h2 { transform: translateX(10px); }
.archive-row a:hover i { background: var(--orange); transform: rotate(45deg); }
.archive-empty { padding: 4rem 0; border-bottom: 1px solid var(--rule); }
.archive-empty strong { color: var(--orange); font: 600 .65rem var(--mono); }
.play-method, .resource-standard, .about-thesis, .scope-section, .contact-options { padding: clamp(6rem,10vw,10rem) var(--gutter); color: var(--white); background: var(--ink-soft); }
.method-heading, .standard-heading, .thesis-heading, .scope-heading, .contact-options-heading { max-width: var(--max); margin: 0 auto 4rem; }
.method-heading h2, .standard-heading h2, .thesis-heading h2, .scope-heading h2, .contact-options-heading h2 { margin: 0; font: 700 clamp(4rem,7.5vw,7.7rem)/.81 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.method-heading em, .standard-heading em, .thesis-heading em { color: var(--orange-bright); font-style: normal; }
.method-steps, .standard-lines, .scope-ledger { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; max-width: var(--max); margin: 0 auto; padding: 0; border-top: 1px solid rgba(255,255,255,.19); list-style: none; }
.method-steps li, .standard-lines article, .scope-ledger article { padding: 2rem clamp(1rem,3vw,3rem) 1rem 0; border-right: 1px solid rgba(255,255,255,.13); }
.method-steps li + li, .standard-lines article + article, .scope-ledger article + article { padding-left: clamp(1rem,3vw,3rem); }
.method-steps span, .standard-lines span, .scope-ledger span { color: var(--orange-bright); font: 600 .58rem var(--mono); }
.method-steps strong, .standard-lines h3, .scope-ledger h3 { display: block; margin: 2rem 0 .8rem; font: 600 clamp(1.7rem,2.5vw,2.5rem)/1 var(--display); text-transform: uppercase; }
.method-steps p, .standard-lines p, .scope-ledger p { color: rgba(255,255,255,.58); font-size: .92rem; }
.method-action { display: flex; gap: 2rem; align-items: center; max-width: var(--max); margin: 3rem auto 0; }

/* Resources */
.featured-resource-layout { display: grid; grid-template-columns: minmax(340px,.8fr) minmax(0,1.2fr); gap: clamp(4rem,10vw,10rem); align-items: center; max-width: var(--max); margin: 0 auto; }
.resource-document { position: relative; min-height: 610px; perspective: 1200px; }
.resource-document-shadow { position: absolute; inset: 16% 9% 4% 6%; background: rgba(0,0,0,.28); filter: blur(30px); transform: rotate(-7deg); }
.resource-document-sheet { position: absolute; inset: 5% 8%; display: flex; flex-direction: column; padding: clamp(1.5rem,3vw,3rem); color: var(--ink); background: var(--paper-bright); border: 1px solid var(--rule); box-shadow: 0 20px 50px rgba(0,0,0,.18); transform: rotate(-4deg); transition: transform .7s cubic-bezier(.2,.8,.2,1); }
.resource-document:hover .resource-document-sheet { transform: rotate(-2deg) translateY(-10px); }
.resource-document-sheet::after { position: absolute; right: 0; bottom: 0; width: 28%; height: 28%; background: var(--orange); clip-path: polygon(100% 0,100% 100%,0 100%); content: ""; }
.resource-document-sheet small { padding-bottom: 1rem; border-bottom: 1px solid var(--ink); font: 600 .54rem var(--mono); letter-spacing: .08em; }
.resource-document-sheet strong { margin: auto 0 1.2rem; font: 700 clamp(2.7rem,4vw,4.5rem)/.8 var(--display); }
.resource-document-sheet strong em { color: var(--orange); font-style: normal; }
.resource-document-sheet p { max-width: 230px; font: 500 .6rem/1.5 var(--mono); }
.resource-document-sheet > span { position: relative; z-index: 1; align-self: flex-end; margin-top: auto; color: var(--white); font: 600 .5rem var(--mono); }
.featured-resource-copy h2 { margin: 1.8rem 0; font: 700 clamp(4rem,7.2vw,7.5rem)/.81 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.featured-resource-copy h2 em { color: var(--orange); font-style: normal; }
.featured-resource-copy > p:not(.file-label) { max-width: 700px; color: var(--muted); font-size: 1.08rem; }
.resource-includes { margin: 2.5rem 0 0; padding: 0; border-top: 2px solid var(--ink); list-style: none; }
.resource-includes li { display: grid; grid-template-columns: 45px 190px 1fr; gap: 1rem; align-items: baseline; padding: 1.2rem 0; border-bottom: 1px solid var(--rule); }
.resource-includes span { color: var(--orange); font: 600 .56rem var(--mono); }
.resource-includes strong { font: 600 1.45rem var(--display); text-transform: uppercase; }
.resource-includes p { margin: 0; color: var(--muted); font-size: .86rem; }
.resource-request { display: grid; grid-template-columns: minmax(280px,.65fr) minmax(0,1.35fr); gap: clamp(3rem,8vw,8rem); align-items: end; max-width: var(--max); margin: 5rem auto 0; padding: 2.5rem 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.resource-request h3 { margin-bottom: .6rem; font: 600 2.4rem var(--display); text-transform: uppercase; }
.resource-request > div > p:last-child { color: var(--muted); }
.resource-request form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 1.2rem; align-items: end; }
.resource-request label span { display: block; margin-bottom: .5rem; color: var(--muted); font: 500 .51rem var(--mono); letter-spacing: .07em; }
.resource-request input, .resource-request select { width: 100%; min-height: 49px; padding: .65rem 0; border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; background: transparent; }
.resource-request .form-status { grid-column: 1 / -1; margin: 0; }
.resource-ledger { max-width: var(--max); margin: 0 auto; padding: 0; border-top: 2px solid var(--ink); list-style: none; }
.resource-ledger li { display: grid; grid-template-columns: 70px minmax(0,1fr) 120px 120px; gap: 1.5rem; align-items: center; min-height: 120px; padding: 1rem 0; border-bottom: 1px solid var(--rule); }
.resource-ledger li > span:first-child { color: var(--orange); font: 600 .6rem var(--mono); }
.resource-ledger small { color: var(--muted); font: 500 .51rem var(--mono); letter-spacing: .06em; }
.resource-ledger h3 { margin: .35rem 0; font: 600 clamp(1.5rem,2.2vw,2.3rem)/1 var(--display); text-transform: uppercase; }
.resource-ledger p { margin: 0; color: var(--muted); font-size: .83rem; }
.resource-ledger > li > strong, .resource-ledger > li > span:last-child { color: var(--muted); font: 500 .54rem var(--mono); }
.resource-ledger a { color: var(--orange); font: 600 .58rem var(--mono); text-transform: uppercase; }
.resource-help { display: grid; grid-template-columns: 1fr auto; gap: 4rem; align-items: end; }
.resource-help-copy h2 { margin: 0 0 1.5rem; font: 700 clamp(3.8rem,6.5vw,6.5rem)/.82 var(--display); text-transform: uppercase; }
.resource-help-copy > p:last-child { max-width: 700px; color: var(--muted); }
.resource-help-actions { display: flex; gap: 1.5rem; align-items: center; }

/* About */
.host-dossier-layout { display: grid; grid-template-columns: minmax(300px,.75fr) minmax(0,1.25fr); gap: clamp(4rem,9vw,9rem); max-width: var(--max); margin: 0 auto; }
.dossier-register { padding: 1.5rem 0; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--ink); }
.dossier-portrait { display: block; aspect-ratio: 1; margin: 1.5rem 0; overflow: hidden; background: var(--ink); }
.dossier-portrait img { width: 100%; height: 100%; object-fit: cover; }
.dossier-register dl { margin: 0; }
.dossier-register dl div { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0; border-top: 1px solid var(--rule); }
.dossier-register dt { color: var(--muted); font: 500 .5rem/1.5 var(--mono); letter-spacing: .05em; }
.dossier-register dd { margin: 0; font: 600 .72rem var(--mono); text-align: right; }
.dossier-copy { align-self: center; }
.dossier-copy h2 { margin: 0 0 1.8rem; font: 700 clamp(4rem,7vw,7rem)/.82 var(--display); letter-spacing: -.03em; text-transform: uppercase; }
.dossier-copy > p { max-width: 790px; color: var(--muted); }
.dossier-copy .lede { color: var(--ink); font-size: 1.15rem; }
.dossier-links { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem; }
.thesis-heading { max-width: var(--max); }
.thesis-copy { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,6vw,7rem); max-width: var(--max); margin: 0 auto; }
.thesis-copy p { color: rgba(255,255,255,.66); font-size: 1.02rem; line-height: 1.75; }
.thesis-route { display: grid; grid-template-columns: repeat(7,auto); justify-content: space-between; align-items: center; gap: 1rem; max-width: var(--max); margin: 4rem auto 0; padding: 1.5rem 0; border-top: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
.thesis-route span { font: 600 clamp(1.5rem,2.5vw,2.6rem) var(--display); }
.thesis-route i { color: var(--orange-bright); font-style: normal; }
.principle-lines { max-width: var(--max); margin: 0 auto; padding: 0; border-top: 2px solid var(--ink); list-style: none; }
.principle-lines li { display: grid; grid-template-columns: 55px minmax(0,1fr) 230px; gap: 1.5rem; align-items: center; min-height: 120px; border-bottom: 1px solid var(--rule); }
.principle-lines li > span { color: var(--orange); font: 600 .59rem var(--mono); }
.principle-lines h3 { margin: 0 0 .3rem; font: 600 clamp(1.6rem,2.4vw,2.5rem)/1 var(--display); text-transform: uppercase; }
.principle-lines p { margin: 0; color: var(--muted); font-size: .88rem; }
.principle-lines small { color: var(--muted); font: 500 .51rem/1.5 var(--mono); letter-spacing: .06em; }
.work-file { display: grid; grid-template-columns: minmax(0,1.3fr) auto; gap: 4rem; align-items: end; }
.work-file-copy h2 { margin: 0 0 1.5rem; font: 700 clamp(4rem,7vw,7rem)/.82 var(--display); text-transform: uppercase; }
.work-file-copy > p:last-child { max-width: 760px; color: var(--muted); }
.work-file-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; }

/* Services and contact */
.page-hero { grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); }
.services-hero-index { align-self: center; border-top: 1px solid rgba(255,255,255,.25); }
.services-hero-index p { display: grid; grid-template-columns: 45px 1fr; gap: 1rem; margin: 0; padding: .75rem 0; border-bottom: 1px solid rgba(255,255,255,.13); }
.services-hero-index span { color: var(--orange-bright); font: 500 .55rem var(--mono); }
.services-hero-index strong { font: 600 1.4rem var(--display); text-transform: uppercase; }
.service-directory-heading, .proof-heading { max-width: 1050px; margin: 0 auto 5rem; text-align: center; }
.service-directory-heading h2, .proof-heading h2 { margin: 0 0 1.5rem; font: 700 clamp(4rem,7vw,7rem)/.82 var(--display); letter-spacing: -.03em; text-transform: uppercase; }
.service-directory-heading > p:last-child, .proof-heading > p:last-child { max-width: 680px; margin: 0 auto; color: var(--muted); }
.service-files { max-width: var(--max); margin: 0 auto; border-top: 2px solid var(--ink); }
.service-file { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.8fr); gap: 3rem; padding: clamp(3rem,6vw,6rem) 0 2rem; border-bottom: 1px solid var(--rule); }
.service-file-heading h2 { max-width: 790px; margin: 1.7rem 0 0; font: 600 clamp(3rem,5vw,5.4rem)/.85 var(--display); letter-spacing: -.025em; text-transform: uppercase; }
.service-file-body { align-self: end; }
.service-file-body > p { color: var(--muted); font-size: 1rem; }
.service-scope { margin-top: 2rem; }
.service-scope h3 { margin-bottom: .8rem; color: var(--orange); font: 600 .56rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.service-scope ul { margin: 0; padding: 0; border-top: 1px solid var(--rule); list-style: none; }
.service-scope li { padding: .55rem 0; border-bottom: 1px solid var(--rule); font-size: .85rem; }
.service-scope li::before { margin-right: .65rem; color: var(--orange); content: "■"; font-size: .45rem; }
.service-file-footer { grid-column: 1 / -1; display: grid; grid-template-columns: 120px 1fr auto; gap: 1.5rem; align-items: center; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--rule); }
.service-file-footer > span { color: var(--muted); font: 500 .52rem var(--mono); letter-spacing: .07em; }
.service-file-footer > strong { font-size: .86rem; }
.review-section { padding: clamp(6rem,10vw,10rem) var(--gutter); color: var(--white); background-color: var(--ink); background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size: 36px 36px; }
.review-layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr); gap: clamp(4rem,10vw,10rem); max-width: var(--max); margin: 0 auto; }
.review-copy h2 { margin: 2rem 0 1.5rem; font: 700 clamp(4rem,7vw,7rem)/.82 var(--display); text-transform: uppercase; }
.review-copy > p:not(.file-label) { max-width: 700px; color: rgba(255,255,255,.64); }
.review-price { display: flex; align-items: center; gap: 1.5rem; margin: 2.5rem 0; padding: 1.2rem 0; border-top: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
.review-price strong { color: var(--orange-bright); font: 700 4rem var(--display); }
.review-price span { max-width: 220px; color: rgba(255,255,255,.48); font: 500 .55rem/1.5 var(--mono); }
.review-deliverables { align-self: center; }
.review-deliverables ol { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.2); list-style: none; }
.review-deliverables li { display: grid; grid-template-columns: 45px 1fr; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid rgba(255,255,255,.15); }
.review-deliverables span { color: var(--orange-bright); font: 500 .55rem var(--mono); }
.review-deliverables p { margin: 0; color: rgba(255,255,255,.72); }
.proof-ledger { display: grid; grid-template-columns: repeat(3,1fr); max-width: var(--max); margin: 0 auto; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--ink); }
.proof-ledger article { padding: 2rem; border-right: 1px solid var(--rule); }
.proof-ledger article:last-child { border-right: 0; }
.proof-ledger strong { font: 700 clamp(4rem,7vw,7rem)/1 var(--display); }
.proof-ledger span { margin-left: .5rem; color: var(--orange); font: 600 .55rem var(--mono); }
.proof-ledger p { margin: 1rem 0 0; color: var(--muted); font-size: .85rem; }
.scope-heading { max-width: var(--max); }
.scope-heading > p:last-child { max-width: 700px; color: rgba(255,255,255,.6); }
.scope-note { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; max-width: var(--max); margin: 3rem auto 0; padding: 1.5rem 0; border-top: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.scope-note p { margin: 0; color: rgba(255,255,255,.5); font-size: .84rem; }
.scope-note strong { color: var(--white); }
.contact-bridge { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(280px,.7fr); gap: 4rem; align-items: end; }
.contact-bridge-copy h2 { margin: 1.7rem 0; font: 700 clamp(4rem,7vw,7rem)/.82 var(--display); text-transform: uppercase; }
.contact-bridge-copy > p:not(.file-label) { max-width: 780px; color: var(--muted); }
.contact-assurances { display: flex; flex-direction: column; border-top: 2px solid var(--ink); }
.contact-assurances span { padding: 1rem 0; border-bottom: 1px solid var(--rule); font: 600 .66rem var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.contact-assurances span::before { margin-right: .8rem; color: var(--orange); content: "✓"; }
.contact-hero { grid-template-columns: minmax(0,1.3fr) minmax(260px,.7fr); }
.contact-hero-note { display: flex; flex-direction: column; align-self: center; border-top: 1px solid rgba(255,255,255,.22); }
.contact-hero-note span { padding: 1rem 0; border-bottom: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.55); font: 500 .59rem var(--mono); letter-spacing: .07em; }
.contact-hero-note span::before { margin-right: .8rem; color: var(--orange-bright); content: "■"; }
.inquiry-layout { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(4rem,10vw,10rem); max-width: var(--max); margin: 0 auto; }
.inquiry-copy h2 { margin: 0 0 1.3rem; font: 700 clamp(4rem,6vw,6rem)/.84 var(--display); text-transform: uppercase; }
.inquiry-copy > p:not(.section-kicker) { color: var(--muted); }
.inquiry-prompts { margin: 2.5rem 0; padding: 0; border-top: 1px solid var(--rule); list-style: none; }
.inquiry-prompts li { display: grid; grid-template-columns: 38px 1fr; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--rule); }
.inquiry-prompts span { color: var(--orange); font: 600 .55rem var(--mono); }
.inquiry-prompts p { margin: 0; font-size: .86rem; }
.inquiry-response { padding: 1.3rem; color: var(--white); background: var(--ink); }
.inquiry-response span { color: var(--orange-bright); font: 500 .53rem var(--mono); letter-spacing: .07em; }
.inquiry-response p { margin: .8rem 0 0; color: rgba(255,255,255,.62); font-size: .82rem; }
.inquiry-form { padding: clamp(1.5rem,3vw,3rem); background: var(--paper-bright); border: 1px solid var(--rule); box-shadow: 0 24px 60px rgba(30,22,15,.1); }
.form-heading { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: 1.2rem; border-bottom: 2px solid var(--ink); }
.form-heading span { color: var(--orange); font: 600 .64rem var(--mono); letter-spacing: .08em; }
.form-heading small { color: var(--muted); font: 500 .51rem var(--mono); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }
.inquiry-form label { display: block; margin-top: 1.3rem; }
.inquiry-form label > span { display: block; margin-bottom: .45rem; color: var(--muted); font: 500 .55rem var(--mono); text-transform: uppercase; }
.inquiry-form input, .inquiry-form select, .inquiry-form textarea { width: 100%; padding: .75rem; border: 1px solid var(--rule); border-radius: 0; outline: 0; background: var(--white); }
.inquiry-form textarea { resize: vertical; }
.inquiry-form input:focus, .inquiry-form select:focus, .inquiry-form textarea:focus { border-color: var(--orange); }
.inquiry-form .button { margin-top: 1.4rem; }
.form-note { margin-top: 1rem; color: var(--muted); font: 500 .51rem var(--mono); }
.contact-option-lines { max-width: var(--max); margin: 0 auto; border-top: 1px solid rgba(255,255,255,.2); }
.contact-option-lines a { display: grid; grid-template-columns: 55px 1fr 260px auto; gap: 1.5rem; align-items: center; min-height: 100px; border-bottom: 1px solid rgba(255,255,255,.13); }
.contact-option-lines span { color: var(--orange-bright); font: 600 .58rem var(--mono); }
.contact-option-lines strong { font: 600 clamp(1.6rem,2.4vw,2.5rem) var(--display); text-transform: uppercase; }
.contact-option-lines small { color: rgba(255,255,255,.4); font: 500 .52rem/1.5 var(--mono); }
.contact-option-lines i { color: var(--orange-bright); font-style: normal; }
.contact-principle-copy { max-width: 1000px; margin: 0 auto; text-align: center; }
.contact-principle-copy h2 { margin: 1.7rem 0; font: 700 clamp(4rem,7vw,7rem)/.82 var(--display); text-transform: uppercase; }
.contact-principle-copy > p:not(.file-label) { max-width: 680px; margin: 0 auto; color: var(--muted); }
.contact-principle-copy .file-label { justify-content: center; }

/* Podcast hub */
.podcast-masthead { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(390px,.9fr); gap: clamp(4rem,9vw,9rem); align-items: center; min-height: max(790px,100svh); padding: calc(var(--header) + clamp(4rem,8vw,8rem)) var(--gutter) clamp(5rem,8vw,8rem); color: var(--white); background-color: var(--ink); background-image: radial-gradient(rgba(255,255,255,.055) .7px,transparent .7px); background-size: 6px 6px; }
.podcast-filing, .episode-filing { display: flex; gap: 1rem; color: rgba(255,255,255,.46); font: 500 .6rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.podcast-filing span + span::before, .episode-filing span + span::before { margin-right: 1rem; color: var(--orange-bright); content: "/"; }
.podcast-masthead-copy h1 { max-width: 820px; margin: 1.7rem 0; font: 700 clamp(3.35rem,4.9vw,5.75rem)/.86 var(--display); letter-spacing: -.035em; text-wrap: balance; text-transform: uppercase; }
.podcast-masthead-copy > p:not(.podcast-filing) { max-width: 680px; color: rgba(255,255,255,.68); font-size: 1.08rem; }
.podcast-masthead-actions { display: flex; align-items: center; gap: 2rem; margin-top: 2.4rem; }
.podcast-primary-action { display: inline-flex; align-items: center; gap: 1rem; min-height: 52px; padding: .9rem 1.2rem; background: var(--orange); font: 600 .67rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.podcast-primary-action span { display: grid; place-items: center; width: 24px; height: 24px; color: var(--orange); background: var(--white); font-size: .5rem; }
.podcast-secondary-action { border-bottom: 1px solid currentColor; font: 600 .65rem var(--mono); text-transform: uppercase; }
.podcast-subscribe { display: flex; gap: 1rem; margin-top: 4rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.14); }
.podcast-subscribe span { color: var(--orange-bright); font: 500 .52rem var(--mono); text-transform: uppercase; }
.podcast-subscribe strong { color: rgba(255,255,255,.38); font: 500 .52rem var(--mono); }
.podcast-cover-file { position: relative; justify-self: center; width: min(42vw,590px); }
.podcast-cover-file::before { position: absolute; inset: 4% -4% -4% 5%; background: var(--orange); content: ""; transform: rotate(4deg); }
.podcast-cover-sheet { position: relative; box-shadow: 0 30px 80px rgba(0,0,0,.55); transform: rotate(-2deg); }
.podcast-cover-sheet img, .episode-cover img { width: 100%; height: auto; }
.podcast-file-data { position: relative; display: grid; grid-template-columns: repeat(3,1fr); margin: 2rem 0 0; padding: 0; }
.podcast-file-data div { padding: .65rem; border-top: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
.podcast-file-data dt { color: rgba(255,255,255,.3); font: 500 .49rem var(--mono); text-transform: uppercase; }
.podcast-file-data dd { margin: .35rem 0 0; color: rgba(255,255,255,.65); font: 500 .56rem var(--mono); }
.podcast-latest, .podcast-archive, .podcast-promise, .podcast-briefing { padding: clamp(6rem,10vw,10rem) var(--gutter); background: var(--paper); }
.podcast-section-heading { display: flex; justify-content: space-between; max-width: var(--max); margin: 0 auto 4rem; padding-bottom: .9rem; border-bottom: 1px solid var(--rule); color: var(--muted); font: 500 .55rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.podcast-section-heading p { margin: 0; }.podcast-section-heading p span { margin-right: .8rem; color: var(--orange); }
.podcast-latest-layout { display: grid; grid-template-columns: 160px minmax(0,1.2fr) minmax(280px,.8fr); gap: clamp(2rem,5vw,5rem); max-width: var(--max); margin: 0 auto; }
.podcast-episode-number { color: var(--orange); font: 700 clamp(6rem,10vw,10rem)/.8 var(--display); letter-spacing: -.05em; }
.podcast-entry-meta { display: flex; gap: 1.2rem; color: var(--muted); font: 500 .54rem var(--mono); text-transform: uppercase; }
.podcast-latest-copy h2 { margin: 1.2rem 0; font: 700 clamp(3.8rem,6.5vw,6.5rem)/.83 var(--display); text-transform: uppercase; }
.podcast-latest-copy > p:not(.podcast-entry-meta):not(.podcast-audio-status) { max-width: 700px; color: var(--muted); }
.podcast-audio-console, .episode-audio-console { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; margin-top: 2rem; padding: 1rem; color: var(--white); background: var(--ink); }
.podcast-audio-toggle, .episode-audio-toggle { display: grid; place-items: center; width: 48px; height: 48px; color: var(--ink); background: var(--orange-bright); }
.podcast-audio-progress > div, .episode-audio-progress > div { display: flex; justify-content: space-between; margin-bottom: .35rem; color: rgba(255,255,255,.48); font: 500 .53rem var(--mono); }
.podcast-audio-track, .episode-audio-track { position: relative; display: block; width: 100%; height: 14px; }
.podcast-audio-track::before, .episode-audio-track::before { position: absolute; top: 6px; right: 0; left: 0; height: 2px; background: rgba(255,255,255,.25); content: ""; }
.podcast-audio-track span, .episode-audio-track span { position: absolute; top: 6px; left: 0; width: var(--track-progress,0%); height: 2px; background: var(--orange-bright); }
.podcast-audio-status, .episode-audio-status { margin: 0; color: rgba(255,255,255,.4); font: 500 .5rem var(--mono); text-transform: uppercase; }
.podcast-latest-links { display: flex; gap: 1.5rem; margin-top: 1rem; color: var(--muted); font: 500 .55rem var(--mono); text-transform: uppercase; }
.podcast-latest-links a { color: var(--ink); border-bottom: 1px solid var(--ink); }
.podcast-takeaway-sheet { align-self: start; padding: 1.5rem; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--ink); }
.podcast-takeaway-sheet > p { color: var(--orange); font: 600 .54rem var(--mono); text-transform: uppercase; }
.podcast-takeaway-sheet h3 { font: 600 2rem/1 var(--display); text-transform: uppercase; }
.podcast-takeaway-sheet ol { margin: 0; padding-left: 1.2rem; }
.podcast-takeaway-sheet li { padding: .65rem 0; border-top: 1px solid var(--rule); font-size: .83rem; }
.podcast-start { padding: clamp(6rem,10vw,10rem) var(--gutter); color: var(--white); background: var(--orange); }
.podcast-section-heading-light { color: rgba(255,255,255,.65); border-color: rgba(255,255,255,.3); }
.podcast-section-heading-light p span { color: var(--ink); }
.podcast-start-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: end; max-width: var(--max); margin: 0 auto 3rem; }
.podcast-start-intro h2 { margin: 0; font: 700 clamp(4rem,7vw,7rem)/.82 var(--display); text-transform: uppercase; }
.podcast-start-intro p { max-width: 480px; margin: 0; }
.podcast-start-list { max-width: var(--max); margin: 0 auto; padding: 0; border-top: 2px solid var(--ink); list-style: none; }
.podcast-start-list li > a, .podcast-start-list li > div { display: grid; grid-template-columns: 180px 1fr 190px; gap: 1.5rem; align-items: center; min-height: 100px; border-bottom: 1px solid rgba(17,16,15,.35); }
.podcast-start-list span, .podcast-start-list small { font: 500 .54rem var(--mono); text-transform: uppercase; }
.podcast-start-list strong { font: 600 clamp(1.7rem,2.7vw,2.8rem) var(--display); text-transform: uppercase; }
.podcast-start-list small { text-align: right; }
.podcast-archive-intro { display: grid; grid-template-columns: 1.2fr .8fr; gap: 3rem; align-items: end; max-width: var(--max); margin: 0 auto 3rem; }
.podcast-archive-intro h2 { margin: 0; font: 700 clamp(4rem,7vw,7rem)/.82 var(--display); text-transform: uppercase; }
.podcast-archive-intro p { color: var(--muted); }
.podcast-archive-table { max-width: var(--max); margin: 0 auto; overflow-x: auto; }
.podcast-archive-table table { width: 100%; border-collapse: collapse; }
.podcast-archive-caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.podcast-archive-table th, .podcast-archive-table td { padding: 1.2rem .8rem; border-bottom: 1px solid var(--rule); text-align: left; }
.podcast-archive-table thead th { color: var(--muted); font: 500 .52rem var(--mono); text-transform: uppercase; }
.podcast-archive-table tbody td { color: var(--muted); font: 500 .58rem var(--mono); }
.podcast-archive-table tbody th { font: 600 clamp(1.4rem,2vw,2rem) var(--display); text-transform: uppercase; }
.podcast-archive-table a { color: var(--orange); }
.podcast-promise { color: var(--white); background: var(--ink-soft); }
.podcast-promise-statement { max-width: var(--max); margin: 0 auto 4rem; }
.podcast-promise-statement > p { color: var(--orange-bright); font: 500 .57rem var(--mono); text-transform: uppercase; }
.podcast-promise-statement h2 { max-width: 1050px; margin: 0; font: 700 clamp(4rem,7vw,7rem)/.82 var(--display); text-transform: uppercase; }
.podcast-promise-points { display: grid; grid-template-columns: repeat(3,1fr); max-width: var(--max); margin: 0 auto; border-top: 1px solid rgba(255,255,255,.18); }
.podcast-promise-points article { padding: 2rem 2rem 0 0; border-right: 1px solid rgba(255,255,255,.13); }
.podcast-promise-points article + article { padding-left: 2rem; }
.podcast-promise-points span { color: var(--orange-bright); font: 600 .56rem var(--mono); }
.podcast-promise-points h3 { margin: 1.5rem 0 .7rem; font: 600 2rem var(--display); text-transform: uppercase; }
.podcast-promise-points p { color: rgba(255,255,255,.56); font-size: .9rem; }
.podcast-host { display: grid; grid-template-columns: minmax(280px,.65fr) minmax(0,1.35fr); gap: clamp(4rem,9vw,9rem); align-items: center; padding: clamp(6rem,10vw,10rem) var(--gutter); color: var(--white); background: var(--orange); }
.podcast-host-portrait { justify-self: center; width: min(30vw,380px); margin: 0; padding: 10px 10px 0; color: var(--white); background: var(--ink); transform: rotate(-2deg); }
.podcast-host-portrait picture { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--paper); }
.podcast-host-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 38%; }
.podcast-host-portrait figcaption { display: flex; justify-content: space-between; gap: 1rem; padding: .85rem .2rem 1rem; }
.podcast-host-portrait figcaption span, .podcast-host-portrait figcaption small { font: 500 .49rem/1.5 var(--mono); letter-spacing: .05em; }
.podcast-host-portrait figcaption small { max-width: 125px; color: rgba(255,255,255,.56); text-align: right; }
.podcast-host-copy > p:first-child { font: 600 .57rem var(--mono); text-transform: uppercase; }
.podcast-host-copy h2 { max-width: 900px; margin: 1.5rem 0; font: 700 clamp(4rem,7vw,7rem)/.82 var(--display); text-transform: uppercase; }
.podcast-host-copy > p:not(:first-child) { max-width: 670px; }
.podcast-host-copy a { display: inline-block; margin-top: 1.2rem; border-bottom: 1px solid currentColor; font: 600 .6rem var(--mono); text-transform: uppercase; }
.podcast-briefing { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(330px,.8fr); gap: clamp(4rem,9vw,9rem); align-items: end; }
.podcast-briefing > div > p { color: var(--orange); font: 600 .57rem var(--mono); text-transform: uppercase; }
.podcast-briefing h2 { margin: 0; font: 700 clamp(4rem,7vw,7rem)/.82 var(--display); text-transform: uppercase; }
.podcast-briefing-form label span { display: block; color: var(--muted); font: 500 .54rem var(--mono); text-transform: uppercase; }
.podcast-briefing-form input { width: 100%; padding: 1rem 0; border: 0; border-bottom: 2px solid var(--ink); border-radius: 0; background: transparent; font-size: 1.3rem; }
.podcast-briefing-form button { margin-top: 1.2rem; padding: 1rem 1.2rem; color: var(--white); background: var(--orange); font: 600 .62rem var(--mono); text-transform: uppercase; }
.podcast-briefing-form > p { color: var(--muted); font-size: .75rem; }
.podcast-briefing-honeypot { position: absolute; left: -10000px; }

/* Episode */
.episode-masthead { padding: calc(var(--header) + 3rem) var(--gutter) clamp(5rem,8vw,8rem); color: var(--white); background: var(--ink); }
.episode-breadcrumb { display: flex; gap: .7rem; max-width: var(--max); margin: 0 auto 4rem; color: rgba(255,255,255,.4); font: 500 .56rem var(--mono); text-transform: uppercase; }
.episode-masthead-layout { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(330px,.7fr); gap: clamp(4rem,9vw,9rem); align-items: center; max-width: var(--max); margin: 0 auto; }
.episode-title-block h1 { max-width: 860px; margin: 1.7rem 0; font: 700 clamp(3.35rem,4.9vw,5.75rem)/.86 var(--display); letter-spacing: -.035em; text-wrap: balance; text-transform: uppercase; }
.episode-title-block > p:not(.episode-filing) { max-width: 750px; color: rgba(255,255,255,.68); font-size: 1.08rem; }
.episode-byline { display: flex; gap: 1rem; margin-top: 2.5rem; color: rgba(255,255,255,.38); font: 500 .55rem var(--mono); text-transform: uppercase; }
.episode-byline time::before { margin-right: 1rem; color: var(--orange-bright); content: "/"; }
.episode-cover { margin: 0; }
.episode-cover img { box-shadow: 0 30px 80px rgba(0,0,0,.55); transform: rotate(2deg); }
.episode-cover figcaption { margin-top: 1rem; color: rgba(255,255,255,.35); font: 500 .51rem var(--mono); text-align: right; text-transform: uppercase; }
.episode-listen { display: grid; grid-template-columns: minmax(280px,.65fr) minmax(0,1.35fr); gap: 2rem 5rem; align-items: center; padding: clamp(4rem,7vw,7rem) var(--gutter); background: var(--orange); }
.episode-listen-heading h2 { margin: .8rem 0 0; font: 600 clamp(2.5rem,4.2vw,4.3rem)/.9 var(--display); text-transform: uppercase; }
.episode-listen-heading > p { font: 500 .55rem var(--mono); text-transform: uppercase; }
.episode-listen .episode-audio-console { margin: 0; }
.episode-platform-status { grid-column: 2; display: flex; gap: 1rem; color: rgba(17,16,15,.65); font: 500 .52rem var(--mono); text-transform: uppercase; }
.episode-platform-status p { margin: 0; }
.episode-takeaways, .episode-resources, .episode-transcript, .episode-next { padding: clamp(6rem,9vw,9rem) var(--gutter); background: var(--paper); }
.episode-takeaways > header { max-width: var(--max); margin: 0 auto 3rem; }
.episode-takeaways > header > p, .episode-notes-heading > p, .episode-resources header > p, .episode-transcript > div > p, .episode-next > p, .episode-help > div > p { color: var(--orange); font: 600 .56rem var(--mono); text-transform: uppercase; }
.episode-takeaways header h2 { max-width: 950px; margin: .8rem 0 0; font: 700 clamp(4rem,7vw,7rem)/.82 var(--display); text-transform: uppercase; }
.episode-takeaways > ol { display: grid; grid-template-columns: repeat(3,1fr); max-width: var(--max); margin: 0 auto; padding: 0; border-top: 2px solid var(--ink); list-style: none; }
.episode-takeaways > ol li { padding: 2rem 2rem 0 0; border-right: 1px solid var(--rule); }
.episode-takeaways > ol li + li { padding-left: 2rem; }
.episode-takeaways li > span { color: var(--orange); font: 600 .56rem var(--mono); }
.episode-takeaways li > strong { display: block; margin: 1.4rem 0 .8rem; font: 600 2rem/1 var(--display); text-transform: uppercase; }
.episode-takeaways li > p { color: var(--muted); font-size: .88rem; }
.episode-reading-layout { display: grid; grid-template-columns: 290px minmax(0,800px); justify-content: center; gap: clamp(3rem,8vw,8rem); padding: clamp(6rem,9vw,9rem) var(--gutter); background: var(--paper-bright); }
.episode-chapters { position: sticky; top: calc(var(--header) + 2rem); align-self: start; border-top: 2px solid var(--ink); }
.episode-chapters h2 { padding: 1rem 0; border-bottom: 1px solid var(--rule); font: 600 1.5rem var(--display); text-transform: uppercase; }
.episode-chapters ol { margin: 0; padding: 0; list-style: none; }
.episode-chapters li a { display: grid; grid-template-columns: 48px 1fr; gap: .8rem; padding: .75rem 0; border-bottom: 1px solid var(--rule); font-size: .78rem; }
.episode-chapters time { color: var(--orange); font: 500 .53rem var(--mono); }
.episode-chapter-download { display: inline-block; margin-top: 1rem; color: var(--orange); font: 600 .57rem var(--mono); text-transform: uppercase; }
.episode-notes-heading h2 { margin: .5rem 0 2rem; font: 700 clamp(3.5rem,5.5vw,5.5rem)/.85 var(--display); text-transform: uppercase; }
.episode-notes > section { scroll-margin-top: calc(var(--header) + 2rem); margin: 0 0 4rem; }
.episode-note-label { color: var(--orange); font: 500 .55rem var(--mono); text-transform: uppercase; }
.episode-notes h3 { margin: .8rem 0 1.3rem; font: 600 clamp(2.2rem,3.5vw,3.5rem)/.95 var(--display); text-transform: uppercase; }
.episode-notes > section > p:not(.episode-note-label) { color: #46413b; font-size: 1.04rem; line-height: 1.75; }
.episode-notes blockquote { margin: 2rem 0; padding: 1.5rem 0; border-top: 1px solid var(--orange); border-bottom: 1px solid var(--orange); }
.episode-notes blockquote p { margin: 0; font: 600 clamp(1.8rem,3vw,2.8rem)/1.05 var(--display); text-transform: uppercase; }
.episode-core-play { padding: 2rem; color: var(--white); background: var(--ink); }
.episode-core-play > p { color: var(--orange-bright); }
.episode-core-play ol { margin: 2rem 0; padding: 0; border-top: 1px solid rgba(255,255,255,.18); list-style: none; }
.episode-core-play li { display: grid; grid-template-columns: 75px 1fr; gap: .5rem 1rem; padding: 1rem 0; border-bottom: 1px solid rgba(255,255,255,.15); }
.episode-core-play li span { grid-row: 1 / 3; color: var(--orange-bright); font: 600 .57rem var(--mono); text-transform: uppercase; }
.episode-core-play li strong { font: 600 1.35rem var(--display); text-transform: uppercase; }
.episode-core-play li small { color: rgba(255,255,255,.48); }
.episode-resources > header, .episode-resources .episode-resource-list, .episode-transcript > div, .episode-transcript > details, .episode-next { max-width: var(--max); margin-right: auto; margin-left: auto; }
.episode-resources header h2, .episode-transcript > div h2 { margin: .6rem 0 2rem; font: 700 clamp(3.5rem,6vw,6rem)/.84 var(--display); text-transform: uppercase; }
.episode-resource-list { border-top: 2px solid var(--ink); }
.episode-resource-list a { display: grid; grid-template-columns: 150px minmax(0,1fr) minmax(240px,.7fr) auto; gap: 1.5rem; align-items: center; min-height: 105px; border-bottom: 1px solid var(--rule); }
.episode-resource-list span, .episode-resource-list small { color: var(--muted); font: 500 .53rem/1.5 var(--mono); text-transform: uppercase; }
.episode-resource-list strong { font: 600 1.8rem var(--display); text-transform: uppercase; }
.episode-resource-list i { color: var(--orange); font-style: normal; }
.episode-transcript { color: var(--white); background: var(--ink-soft); }
.episode-transcript > div > p { color: var(--orange-bright); }
.transcript-search { display: block; max-width: 500px; margin: 1.5rem 0 2rem; }
.transcript-search span { display: block; margin-bottom: .5rem; color: rgba(255,255,255,.4); font: 500 .51rem var(--mono); }
.transcript-search input { width: 100%; padding: .8rem 0; color: var(--white); border: 0; border-bottom: 1px solid rgba(255,255,255,.4); background: transparent; }
.episode-transcript details { border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.episode-transcript summary { display: flex; justify-content: space-between; padding: 1.2rem 0; cursor: pointer; font: 600 .62rem var(--mono); text-transform: uppercase; }
.episode-transcript-copy { max-width: 760px; padding: 2rem 0; color: rgba(255,255,255,.67); }
.episode-transcript-copy p { line-height: 1.75; }
.episode-next { display: grid; grid-template-columns: 120px 1fr auto; gap: 2rem; align-items: center; border-top: 1px solid var(--rule); }
.episode-next h2 { margin: 0 0 .4rem; font: 600 clamp(2rem,3.5vw,3.5rem)/.95 var(--display); text-transform: uppercase; }
.episode-next span { color: var(--muted); font: 500 .53rem var(--mono); text-transform: uppercase; }
.episode-next > a { color: var(--orange); font: 600 .56rem var(--mono); text-transform: uppercase; }
.episode-help { display: grid; grid-template-columns: 1fr auto; gap: 4rem; align-items: end; padding: clamp(6rem,9vw,9rem) var(--gutter); color: var(--white); background: var(--orange); }
.episode-help h2 { max-width: 950px; margin: .7rem 0 1rem; font: 700 clamp(3.5rem,6vw,6rem)/.83 var(--display); text-transform: uppercase; }
.episode-help > div > p:last-child { max-width: 700px; }
.episode-help > a { padding: 1rem 1.2rem; color: var(--white); background: var(--ink); font: 600 .59rem var(--mono); text-transform: uppercase; }

@media (max-width: 980px) {
  .interior-hero, .page-hero { grid-template-columns: 1fr minmax(230px,.45fr); min-height: 680px; }
  .interior-hero-mark, .host-file-mark { width: min(28vw,310px); }
  .featured-play-layout, .featured-resource-layout, .host-dossier-layout, .review-layout, .inquiry-layout { gap: 3rem; }
  .resource-request form { grid-template-columns: 1fr 1fr; }.resource-request form .button { grid-column: 1 / -1; justify-self: start; }
  .podcast-masthead { grid-template-columns: 1fr minmax(330px,.7fr); }
  .podcast-latest-layout { grid-template-columns: 110px 1fr; }.podcast-takeaway-sheet { grid-column: 2; }
  .episode-masthead-layout { grid-template-columns: 1fr minmax(290px,.55fr); }
}

@media (max-width: 760px) {
  .interior-hero, .page-hero { grid-template-columns: 1fr; min-height: auto; padding-top: calc(var(--header) + 4rem); }
  .interior-hero h1, .page-hero h1 { font-size: clamp(1.85rem,9.6vw,3.55rem); }
  .interior-hero-mark, .host-file-mark { width: min(70vw,380px); margin: 1rem auto 2rem; }
  .page-jump { padding-top: 1rem; padding-bottom: 1rem; }
  .featured-play-layout, .featured-resource-layout, .host-dossier-layout, .review-layout, .inquiry-layout { grid-template-columns: 1fr; }
  .dossier-register { width: 100%; max-width: 480px; margin: 0 auto; }
  .featured-play-meta { min-height: 330px; }
  .directory-heading, .archive-heading, .principles-heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .library-controls { grid-template-columns: 1fr; }.library-count { grid-row: 2; }.library-filter { grid-column: 1; }
  .archive-row > a { grid-template-columns: 50px 1fr auto; }.archive-format { display: none; }
  .method-steps, .standard-lines, .scope-ledger, .proof-ledger, .podcast-promise-points, .episode-takeaways > ol { grid-template-columns: 1fr; }
  .method-steps li, .standard-lines article, .scope-ledger article, .proof-ledger article, .podcast-promise-points article, .episode-takeaways > ol li { padding: 1.5rem 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  .method-steps li + li, .standard-lines article + article, .scope-ledger article + article, .podcast-promise-points article + article, .episode-takeaways > ol li + li { padding-left: 0; }
  .resource-document { min-height: 560px; }.resource-request { grid-template-columns: 1fr; }.resource-request form { grid-template-columns: 1fr; }.resource-request form .button { grid-column: auto; }
  .resource-ledger li { grid-template-columns: 55px 1fr; }.resource-ledger li > strong, .resource-ledger li > span:last-child, .resource-ledger li > a { grid-column: 2; }
  .resource-help, .work-file, .contact-bridge, .podcast-briefing, .episode-help { grid-template-columns: 1fr; }
  .thesis-copy, .scope-note { grid-template-columns: 1fr; }
  .thesis-route { grid-template-columns: 1fr auto; }.thesis-route span { border-bottom: 1px solid rgba(255,255,255,.13); }.thesis-route i { text-align: right; }
  .principle-lines li { grid-template-columns: 42px 1fr; padding: 1rem 0; }.principle-lines small { grid-column: 2; }
  .page-hero { gap: 2rem; }.services-hero-index { margin-bottom: 2rem; }
  .service-file { grid-template-columns: 1fr; }.service-file-footer { grid-column: 1; grid-template-columns: 100px 1fr; }.service-file-footer .text-link { grid-column: 2; justify-self: start; }
  .proof-ledger article { border-color: var(--rule); }
  .contact-hero-note { margin-bottom: 2rem; }.contact-option-lines a { grid-template-columns: 42px 1fr auto; padding: 1rem 0; }.contact-option-lines small { grid-column: 2; }
  .podcast-masthead { grid-template-columns: 1fr; min-height: auto; padding-top: calc(var(--header) + 4rem); }.podcast-masthead-copy h1 { font-size: clamp(1.85rem,9.6vw,3.55rem); }.podcast-cover-file { width: min(82vw,580px); margin: 2rem auto; }
  .podcast-latest-layout { grid-template-columns: 1fr; }.podcast-takeaway-sheet { grid-column: 1; }.podcast-start-intro, .podcast-archive-intro { grid-template-columns: 1fr; }.podcast-start-list li > a, .podcast-start-list li > div { grid-template-columns: 1fr; gap: .4rem; padding: 1rem 0; }.podcast-start-list small { text-align: left; }.podcast-host { grid-template-columns: 1fr; }.podcast-host-portrait { width: min(70vw,380px); }
  .episode-masthead-layout { grid-template-columns: 1fr; }.episode-cover { max-width: 510px; margin: 2rem auto 0; }.episode-listen { grid-template-columns: 1fr; }.episode-platform-status { grid-column: 1; }.episode-reading-layout { grid-template-columns: 1fr; }.episode-chapters { position: static; }.episode-resource-list a { grid-template-columns: 1fr auto; padding: 1rem 0; }.episode-resource-list span, .episode-resource-list small { grid-column: 1; }.episode-resource-list i { grid-column: 2; grid-row: 1 / 4; }.episode-next { grid-template-columns: 1fr; }.episode-next > p { margin-bottom: 0; }
}

@media (max-width: 520px) {
  .featured-play-copy h2, .directory-heading h2, .method-heading h2, .archive-heading h2, .principles-heading h2, .featured-resource-copy h2, .dossier-copy h2, .work-file-copy h2, .service-directory-heading h2, .proof-heading h2, .review-copy h2, .scope-heading h2, .contact-options-heading h2, .contact-principle-copy h2, .podcast-start-intro h2, .podcast-archive-intro h2, .podcast-promise-statement h2, .podcast-host-copy h2, .podcast-briefing h2, .episode-takeaways header h2, .episode-help h2 { font-size: clamp(3.7rem,17vw,5rem); }
  .method-action, .resource-help-actions, .dossier-links, .podcast-masthead-actions { align-items: flex-start; flex-direction: column; }
  .archive-row > a { grid-template-columns: 38px 1fr auto; gap: .8rem; }.archive-title h2 { font-size: 1.5rem; }.archive-title p { display: none; }
  .resource-includes li { grid-template-columns: 36px 1fr; }.resource-includes p { grid-column: 2; }
  .resource-document { width: calc(100% - 1rem); min-width: 0; min-height: 490px; margin-right: auto; margin-left: auto; }.resource-document-sheet { inset: 4% 7%; }
  .form-grid { grid-template-columns: 1fr; }
  .service-file-heading h2 { font-size: 2.9rem; }.service-file-footer { grid-template-columns: 1fr; }.service-file-footer .text-link { grid-column: 1; }
  .review-price { align-items: flex-start; flex-direction: column; }
  .podcast-file-data { grid-template-columns: 1fr; }.podcast-file-data div { display: flex; justify-content: space-between; }.podcast-latest-layout { gap: 1.5rem; }.podcast-episode-number { font-size: 6rem; }.podcast-latest-copy h2 { font-size: 3.7rem; }.podcast-audio-console, .episode-audio-console { grid-template-columns: auto 1fr; }.podcast-audio-status, .episode-audio-status { display: none; }
  .episode-title-block h1 { font-size: clamp(1.85rem,9.6vw,3.55rem); }.episode-listen-heading h2 { font-size: 2.6rem; }.episode-core-play { padding: 1.3rem; }.episode-core-play li { grid-template-columns: 60px 1fr; }
}

/* Long-form play article */
.play-article-masthead { padding: calc(var(--header) + clamp(4rem,8vw,8rem)) var(--gutter) clamp(5rem,9vw,9rem); color: var(--white); background-color: var(--ink); background-image: radial-gradient(rgba(255,255,255,.055) .7px,transparent .7px); background-size: 6px 6px; }
.play-article-breadcrumb { display: flex; gap: .7rem; max-width: var(--max); margin: 0 auto 4rem; color: rgba(255,255,255,.4); font: 500 .55rem var(--mono); text-transform: uppercase; }
.play-article-masthead-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: clamp(4rem,9vw,9rem); align-items: center; max-width: var(--max); margin: 0 auto; }
.play-article-filing { display: flex; gap: 1rem; color: rgba(255,255,255,.45); font: 500 .58rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.play-article-filing span + span::before { margin-right: 1rem; color: var(--orange-bright); content: "/"; }
.play-article-title h1 { max-width: 960px; margin: 1.7rem 0; font: 700 clamp(3.35rem,4.9vw,5.75rem)/.86 var(--display); letter-spacing: -.035em; text-wrap: balance; text-transform: uppercase; }
.play-article-title h1 em { color: var(--orange-bright); font-style: normal; }
.play-article-deck { max-width: 760px; color: rgba(255,255,255,.68); font-size: 1.1rem; line-height: 1.7; }
.play-article-byline { display: flex; gap: 1rem; margin-top: 2.5rem; color: rgba(255,255,255,.38); font: 500 .53rem var(--mono); text-transform: uppercase; }
.play-article-byline span + span::before { margin-right: 1rem; color: var(--orange-bright); content: "/"; }
.play-article-diagram { position: relative; min-height: 390px; padding: 1.5rem; overflow: hidden; color: var(--white); background-color: var(--orange); background-image: linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size: 24px 24px; transform: rotate(2deg); }
.play-article-diagram > span { font: 500 .55rem var(--mono); letter-spacing: .08em; }
.play-article-diagram strong { position: absolute; right: 1rem; bottom: -2rem; color: var(--ink); font: 700 clamp(10rem,18vw,18rem)/1 var(--display); letter-spacing: -.06em; }
.play-article-diagram ol { position: relative; z-index: 1; margin: 5rem 0 0; padding: 0; list-style: none; }
.play-article-diagram li { display: grid; grid-template-columns: 35px 1fr; gap: .7rem; padding: .75rem 0; border-top: 1px solid rgba(255,255,255,.4); font: 600 1.3rem var(--display); text-transform: uppercase; }
.play-article-diagram li span { font: 500 .52rem var(--mono); }
.play-article-summary { padding: clamp(5rem,8vw,8rem) var(--gutter); background: var(--orange); }
.play-article-summary > div { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(3rem,8vw,8rem); max-width: var(--max); margin: 0 auto; }
.play-article-summary header p { font: 500 .56rem var(--mono); text-transform: uppercase; }
.play-article-summary h2 { margin: .8rem 0 0; font: 700 clamp(3.5rem,6vw,6rem)/.83 var(--display); text-transform: uppercase; }
.play-article-summary ol { margin: 0; padding: 0; border-top: 2px solid var(--ink); list-style: none; }
.play-article-summary li { display: grid; grid-template-columns: 44px 1fr; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid rgba(17,16,15,.35); }
.play-article-summary li > span { font: 600 .56rem var(--mono); }
.play-article-summary li strong { display: block; font: 600 1.7rem var(--display); text-transform: uppercase; }
.play-article-summary li p { margin: .3rem 0 0; font-size: .88rem; }
.play-article-layout { display: grid; grid-template-columns: 270px minmax(0,790px); justify-content: center; gap: clamp(3rem,8vw,8rem); padding: clamp(6rem,9vw,9rem) var(--gutter); background: var(--paper-bright); }
.play-article-aside { position: sticky; top: calc(var(--header) + 2rem); align-self: start; border-top: 2px solid var(--ink); }
.play-article-aside > span { display: block; padding: 1rem 0; color: var(--orange); border-bottom: 1px solid var(--rule); font: 600 .55rem var(--mono); }
.play-article-aside nav { display: flex; flex-direction: column; }
.play-article-aside nav a { padding: .75rem 0; border-bottom: 1px solid var(--rule); font-size: .78rem; }
.play-article-aside .button { margin-top: 1.2rem; }
.play-article-body > section { scroll-margin-top: calc(var(--header) + 2rem); margin-bottom: 4.5rem; }
.play-article-body .section-kicker { color: var(--orange); }
.play-article-body h2 { margin: .7rem 0 1.4rem; font: 600 clamp(2.8rem,4.5vw,4.6rem)/.9 var(--display); text-transform: uppercase; }
.play-article-body h3 { margin: 2rem 0 .8rem; font: 600 1.8rem var(--display); text-transform: uppercase; }
.play-article-body > section > p, .play-article-body li { color: #45413c; font-size: 1.02rem; line-height: 1.75; }
.play-article-body blockquote { margin: 2rem 0; padding: 1.5rem 0; border-top: 1px solid var(--orange); border-bottom: 1px solid var(--orange); }
.play-article-body blockquote p { margin: 0; font: 600 clamp(1.8rem,3vw,2.8rem)/1.05 var(--display); text-transform: uppercase; }
.play-article-checklist { padding: 1.8rem; color: var(--white); background: var(--ink); }
.play-article-checklist h2 { color: var(--white); }
.play-article-checklist ul { margin: 2rem 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,.18); list-style: none; }
.play-article-checklist li { position: relative; padding: .9rem 0 .9rem 2rem; color: rgba(255,255,255,.65); border-bottom: 1px solid rgba(255,255,255,.14); }
.play-article-checklist li::before { position: absolute; top: 1.15rem; left: 0; width: 12px; height: 12px; border: 1px solid var(--orange-bright); content: ""; }
.play-article-related { display: grid; grid-template-columns: 1fr auto; gap: 4rem; align-items: end; padding: clamp(6rem,9vw,9rem) var(--gutter); background: var(--paper); }
.play-article-related h2 { max-width: 900px; margin: .7rem 0 1rem; font: 700 clamp(3.5rem,6vw,6rem)/.83 var(--display); text-transform: uppercase; }
.play-article-related p { max-width: 700px; color: var(--muted); }
.play-article-service { display: grid; grid-template-columns: 1fr auto; gap: 4rem; align-items: end; padding: clamp(6rem,9vw,9rem) var(--gutter); color: var(--white); background: var(--orange); }
.play-article-service h2 { max-width: 930px; margin: .7rem 0 1rem; font: 700 clamp(3.5rem,6vw,6rem)/.83 var(--display); text-transform: uppercase; }
.play-article-service p { max-width: 700px; }
.play-article-service .button { color: var(--white); background: var(--ink); }
@media (max-width: 760px) {
  .play-article-masthead-layout, .play-article-summary > div { grid-template-columns: 1fr; }
  .play-article-title h1 { font-size: clamp(1.85rem,9.6vw,3.55rem); }
  .play-article-diagram { min-height: 330px; }
  .play-article-layout { grid-template-columns: 1fr; }
  .play-article-aside { position: static; }
  .play-article-related, .play-article-service { grid-template-columns: 1fr; }
}

.play-article-heading { max-width: 1070px; margin: 0 auto; }
.play-article-heading h1 { max-width: 960px; margin: 1.7rem 0; font: 700 clamp(3.35rem,4.9vw,5.75rem)/.86 var(--display); letter-spacing: -.035em; text-wrap: balance; text-transform: uppercase; }
.play-article-abstract { max-width: 790px; color: rgba(255,255,255,.67); font-size: 1.1rem; line-height: 1.7; }
.play-article-brief { display: grid; grid-template-columns: repeat(3,1fr); max-width: 1070px; margin: 4rem auto 0; padding: 0; border-top: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
.play-article-brief div { padding: 1rem; border-right: 1px solid rgba(255,255,255,.13); }
.play-article-brief div:last-child { border-right: 0; }
.play-article-brief dt { color: var(--orange-bright); font: 500 .51rem var(--mono); text-transform: uppercase; }
.play-article-brief dd { margin: .4rem 0 0; color: rgba(255,255,255,.62); font-size: .8rem; }
.play-article-takeaways { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(3rem,8vw,8rem); padding: clamp(5rem,8vw,8rem) var(--gutter); background: var(--orange); }
.play-article-takeaways > header { max-width: 550px; }
.play-article-takeaways > header > p { font: 500 .56rem var(--mono); text-transform: uppercase; }
.play-article-takeaways > header h2 { margin: .7rem 0 0; font: 700 clamp(3.4rem,5.8vw,5.8rem)/.83 var(--display); text-transform: uppercase; }
.play-article-takeaways > ol { margin: 0; padding: 0; border-top: 2px solid var(--ink); list-style: none; }
.play-article-takeaways > ol li { display: grid; grid-template-columns: 42px 1fr; gap: .2rem 1rem; padding: 1.2rem 0; border-bottom: 1px solid rgba(17,16,15,.35); }
.play-article-takeaways > ol li > span { grid-row: 1 / 3; font: 600 .56rem var(--mono); }
.play-article-takeaways > ol strong { font: 600 1.65rem var(--display); text-transform: uppercase; }
.play-article-takeaways > ol p { margin: 0; font-size: .85rem; }
.play-article-contents { position: sticky; top: calc(var(--header) + 2rem); align-self: start; border-top: 2px solid var(--ink); }
.play-article-contents h2 { padding: 1rem 0; border-bottom: 1px solid var(--rule); font: 600 1.5rem var(--display); text-transform: uppercase; }
.play-article-contents ol { margin: 0; padding: 0; list-style: none; }
.play-article-contents a { display: grid; grid-template-columns: 34px 1fr; gap: .7rem; padding: .75rem 0; border-bottom: 1px solid var(--rule); font-size: .76rem; }
.play-article-contents a span { color: var(--orange); font: 500 .52rem var(--mono); }
.play-article-section-label { color: var(--orange); font: 500 .55rem var(--mono); text-transform: uppercase; }
.play-article-framework { padding: 2rem; color: var(--white); background: var(--ink); }
.play-article-framework h2 { color: var(--white); }
.play-article-framework ol { margin: 2rem 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,.18); list-style: none; }
.play-article-framework li { display: grid; grid-template-columns: 40px 130px 1fr; gap: 1rem; padding: .9rem 0; color: rgba(255,255,255,.62); border-bottom: 1px solid rgba(255,255,255,.14); }
.play-article-framework li > span { color: var(--orange-bright); font: 500 .53rem var(--mono); }
.play-article-framework li > strong { color: var(--white); font: 600 1.3rem var(--display); text-transform: uppercase; }
.play-article-example { display: grid; grid-template-columns: 110px 1fr; gap: .5rem 1rem; margin: 2rem 0; padding: 1.5rem 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.play-article-example p { margin: 0; color: var(--orange); font: 500 .53rem var(--mono); text-transform: uppercase; }
.play-article-example strong { font: 600 1.35rem var(--display); text-transform: uppercase; }
.play-article-record { margin: 2rem 0; border-top: 2px solid var(--ink); }
.play-article-record p { display: grid; grid-template-columns: 150px 1fr; gap: 1rem; margin: 0; padding: .8rem 0; border-bottom: 1px solid var(--rule); }
.play-article-record span { color: var(--orange); font: 500 .52rem var(--mono); text-transform: uppercase; }
.play-article-record strong { font-size: .87rem; }
.play-article-table-wrap { margin: 2rem 0; overflow-x: auto; }
.play-article-table-wrap table { width: 100%; min-width: 680px; border-collapse: collapse; }
.play-article-table-wrap caption { padding: .8rem 0; color: var(--orange); border-top: 2px solid var(--ink); font: 600 .56rem var(--mono); text-align: left; text-transform: uppercase; }
.play-article-table-wrap th, .play-article-table-wrap td { padding: .8rem; border-bottom: 1px solid var(--rule); text-align: left; vertical-align: top; font-size: .79rem; }
.play-article-table-wrap thead th { color: var(--muted); font: 500 .51rem var(--mono); text-transform: uppercase; }
.play-article-table-wrap tbody th { font: 600 1.15rem var(--display); text-transform: uppercase; }
.play-article-message { margin: 2rem 0; padding: 1.5rem; color: var(--white); background: var(--ink); }
.play-article-message > p { color: var(--orange-bright); font: 500 .55rem var(--mono); text-transform: uppercase; }
.play-article-message ol { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.18); list-style: none; }
.play-article-message li { display: grid; grid-template-columns: 170px 1fr; gap: 1rem; padding: .9rem 0; color: rgba(255,255,255,.56); border-bottom: 1px solid rgba(255,255,255,.13); }
.play-article-message strong { color: var(--white); font: 600 1.2rem var(--display); text-transform: uppercase; }
.play-article-checklist { padding: clamp(6rem,9vw,9rem) var(--gutter); }
.play-article-checklist > header { max-width: var(--max); margin: 0 auto 3rem; }
.play-article-checklist > header p { color: var(--orange-bright); font: 500 .55rem var(--mono); text-transform: uppercase; }
.play-article-checklist > header h2 { max-width: 950px; margin: .7rem 0 0; font: 700 clamp(3.5rem,6vw,6rem)/.83 var(--display); text-transform: uppercase; }
.play-article-checklist-groups { display: grid; grid-template-columns: repeat(4,1fr); max-width: var(--max); margin: 0 auto; border-top: 1px solid rgba(255,255,255,.18); }
.play-article-checklist-groups > section { padding: 1.5rem 1.5rem 0 0; border-right: 1px solid rgba(255,255,255,.13); }
.play-article-checklist-groups > section + section { padding-left: 1.5rem; }
.play-article-checklist-groups h3 { color: var(--white); font: 600 1.7rem var(--display); text-transform: uppercase; }
.play-article-checklist-groups ul { border-top: 1px solid rgba(255,255,255,.16); }
.play-article-checklist-groups li { color: rgba(255,255,255,.58); font-size: .8rem; line-height: 1.5; }
.play-article-resource { display: grid; grid-template-columns: minmax(300px,.75fr) minmax(0,1.25fr); gap: clamp(4rem,9vw,9rem); align-items: center; padding: clamp(6rem,9vw,9rem) var(--gutter); background: var(--paper); }
.play-article-resource-file { position: relative; min-height: 430px; padding: 1.5rem; overflow: hidden; color: var(--white); background-color: var(--orange); background-image: linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size: 24px 24px; transform: rotate(-3deg); }
.play-article-resource-file span { font: 500 .54rem var(--mono); text-transform: uppercase; }
.play-article-resource-file strong { position: absolute; right: 1.5rem; bottom: 4rem; left: 1.5rem; color: var(--ink); font: 700 clamp(2.8rem,4.7vw,4.8rem)/.82 var(--display); }
.play-article-resource-file small { position: absolute; right: 1.5rem; bottom: 1.5rem; left: 1.5rem; font: 500 .48rem var(--mono); }
.play-article-resource-copy > p { color: var(--orange); font: 500 .55rem var(--mono); text-transform: uppercase; }
.play-article-resource-copy h2 { margin: .7rem 0 1.2rem; font: 700 clamp(3.5rem,6vw,6rem)/.83 var(--display); text-transform: uppercase; }
.play-article-resource-copy > p:nth-of-type(2) { max-width: 700px; color: var(--muted); font: inherit; text-transform: none; }
.play-article-resource-copy a, .play-article-service-actions a { display: inline-block; margin-top: 1.3rem; border-bottom: 1px solid currentColor; font: 600 .58rem var(--mono); text-transform: uppercase; }
.play-article-service-actions { display: flex; flex-direction: column; align-items: flex-start; }
.play-article-related { display: grid; grid-template-columns: minmax(250px,.45fr) minmax(0,1.55fr); }
.play-article-related header > p { color: var(--orange); font: 500 .55rem var(--mono); text-transform: uppercase; }
.play-article-related header h2 { margin: .7rem 0 0; }
.play-article-related > div { border-top: 2px solid var(--ink); }
.play-article-related > div a { display: grid; grid-template-columns: 160px minmax(0,1fr) 150px; gap: 1.2rem; align-items: center; min-height: 100px; border-bottom: 1px solid var(--rule); }
.play-article-related > div span, .play-article-related > div small { color: var(--muted); font: 500 .5rem/1.5 var(--mono); text-transform: uppercase; }
.play-article-related > div strong { font: 600 1.7rem var(--display); text-transform: uppercase; }
@media (max-width: 760px) {
  .play-article-heading h1 { font-size: clamp(1.85rem,9.6vw,3.55rem); }
  .play-article-brief, .play-article-takeaways { grid-template-columns: 1fr; }
  .play-article-brief div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  .play-article-contents { position: static; }
  .play-article-checklist-groups { grid-template-columns: 1fr; }
  .play-article-checklist-groups > section, .play-article-checklist-groups > section + section { padding: 1.3rem 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  .play-article-resource, .play-article-related { grid-template-columns: 1fr; }
  .play-article-related > div a { grid-template-columns: 1fr; gap: .4rem; padding: 1rem 0; }
}
@media (max-width: 520px) {
  .play-article-filing, .play-article-byline { flex-wrap: wrap; }
  .play-article-abstract { font-size: 1rem; }
  .play-article-framework, .play-article-message { padding: 1.2rem; }
  .play-article-framework li { grid-template-columns: 32px 1fr; }.play-article-framework li small { grid-column: 2; }
  .play-article-example, .play-article-record p, .play-article-message li { grid-template-columns: 1fr; }
  .play-article-resource-file { min-height: 360px; }
}

/* Display typography guardrails */
:root {
  --display-title-xl: clamp(3.2rem,4.9vw,5.75rem);
  --display-title-l: clamp(2.6rem,3.9vw,4.35rem);
  --display-title-m: clamp(2.05rem,3vw,3.3rem);
}

main h1, main h2 { text-wrap: balance; }
.display-lock { display: inline-block; white-space: nowrap; }

.home-hero h1 { max-width: 720px; font-size: clamp(3.75rem,5.35vw,5.5rem); line-height: .84; }
.interior-hero h1, .page-hero h1 { max-width: 880px; font-size: clamp(3.8rem,5.5vw,6.35rem); line-height: .84; }
.podcast-masthead-copy h1 { max-width: 850px; font-size: clamp(3.9rem,5.6vw,6.5rem); line-height: .83; }
.episode-title-block h1 { max-width: 900px; font-size: clamp(4rem,5.8vw,6.75rem); line-height: .83; }
.play-article-title h1, .play-article-heading h1 { max-width: 1000px; font-size: clamp(4rem,5.8vw,6.75rem); line-height: .83; }

.latest-main h2,
.shift-heading h2,
.preview-heading h2,
.services-heading h2,
.signup-copy h2,
.featured-play-copy h2,
.directory-heading h2,
.method-heading h2,
.archive-heading h2,
.standard-heading h2,
.dossier-copy h2,
.thesis-heading h2,
.principles-heading h2,
.work-file-copy h2,
.service-directory-heading h2,
.proof-heading h2,
.review-copy h2,
.scope-heading h2,
.inquiry-copy h2,
.contact-bridge-copy h2,
.contact-options-heading h2,
.contact-principle-copy h2,
.podcast-start-intro h2,
.podcast-archive-intro h2,
.podcast-promise-statement h2,
.podcast-briefing h2,
.episode-takeaways header h2 {
  font-size: var(--display-title-xl);
  line-height: .84;
  letter-spacing: -.03em;
}

.service-file-heading h2,
.resource-copy h2,
.host-copy h2,
.featured-resource-copy h2,
.resource-help-copy h2,
.podcast-latest-copy h2,
.podcast-host-copy h2,
.episode-notes-heading h2,
.episode-resources header h2,
.episode-transcript > div h2,
.episode-help h2,
.play-article-summary h2,
.play-article-takeaways > header h2,
.play-article-resource-copy h2,
.play-article-service h2 {
  font-size: var(--display-title-l);
  line-height: .88;
  letter-spacing: -.025em;
}

.episode-next h2,
.episode-listen-heading h2,
.play-article-body h2,
.play-article-related header h2,
.play-article-checklist > header h2 {
  font-size: var(--display-title-m);
  line-height: .92;
}

.episode-chapters h2,
.play-article-contents h2 {
  font-size: clamp(1.45rem,2.2vw,2rem);
  line-height: 1;
}

.shift-heading h2, .podcast-promise-statement h2 { max-width: 1000px; }
.service-directory-heading h2, .proof-heading h2, .episode-takeaways header h2, .episode-help h2, .play-article-checklist > header h2, .play-article-service h2 { max-width: 950px; }
.latest-main h2, .featured-play-copy h2, .featured-resource-copy h2, .dossier-copy h2, .work-file-copy h2, .review-copy h2, .podcast-latest-copy h2, .podcast-host-copy h2, .play-article-takeaways > header h2 { max-width: 900px; }
.preview-heading h2, .services-heading h2, .directory-heading h2, .archive-heading h2, .principles-heading h2, .method-heading h2, .standard-heading h2, .thesis-heading h2, .scope-heading h2, .contact-options-heading h2, .contact-principle-copy h2, .podcast-start-intro h2, .podcast-archive-intro h2, .podcast-briefing h2 { max-width: 820px; }
.resource-copy h2, .resource-help-copy h2, .inquiry-copy h2, .play-article-resource-copy h2 { max-width: 720px; }
.play-article-body h2 { max-width: 760px; }

@media (max-width: 760px) {
  :root {
    --display-title-xl: clamp(2.45rem,9.8vw,3.4rem);
    --display-title-l: clamp(2.15rem,8.4vw,2.85rem);
    --display-title-m: clamp(1.9rem,7.5vw,2.5rem);
  }

  .home-hero h1,
  .interior-hero h1,
  .page-hero h1,
  .podcast-masthead-copy h1,
  .episode-title-block h1,
  .play-article-title h1,
  .play-article-heading h1 {
    font-size: clamp(2rem,10.5vw,4.1rem);
    line-height: .86;
  }
}

@media (max-width: 420px) {
  .play-article-heading .hero-article-ending { white-space: normal; }
  .play-article-heading .hero-article-ending > span { display: block; width: max-content; white-space: nowrap; }
}

@media (max-width: 520px) {
  .archive-title h2 { font-size: 1.35rem; line-height: 1.02; }
}

@media (max-width: 360px) {
  .archive-row > a { grid-template-columns: 30px minmax(0,1fr); gap: .65rem; }
  .archive-row > a > i { display: none; }
}

/* Client proof story */
.proof-story-masthead { position: relative; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(260px,.55fr); gap: clamp(3rem,7vw,7rem); align-items: center; min-height: 780px; padding: calc(var(--header) + clamp(4rem,7vw,7rem)) var(--gutter) clamp(5rem,8vw,8rem); overflow: hidden; color: var(--white); background: var(--ink); isolation: isolate; }
.proof-story-heading { position: relative; z-index: 1; max-width: 980px; }
.proof-story-heading h1 { max-width: 930px; margin: 1.7rem 0 1.5rem; font: 700 clamp(3.4rem,4.7vw,5.2rem)/.84 var(--display); letter-spacing: -.04em; text-transform: uppercase; }
.proof-story-heading h1 em { color: var(--orange-bright); font-style: normal; }
.proof-story-title-mobile { display: none; }
.proof-story-heading > p { max-width: 700px; color: rgba(255,255,255,.7); font-size: clamp(1.02rem,1.35vw,1.18rem); line-height: 1.7; text-wrap: pretty; }
.proof-story-heading > a { display: inline-block; margin-top: 1rem; }
.proof-story-file { position: relative; display: grid; place-items: center; justify-self: center; width: min(27vw,380px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.2); transform: rotate(2deg); }
.proof-story-file::before, .proof-story-file::after { position: absolute; width: 112%; height: 1px; background: rgba(255,255,255,.12); content: ""; transform: rotate(45deg); }
.proof-story-file::after { transform: rotate(-45deg); }
.proof-story-file > span { position: absolute; top: 1rem; left: 1rem; color: var(--orange-bright); font: 500 .55rem var(--mono); letter-spacing: .07em; }
.proof-story-file > strong { position: relative; z-index: 1; display: grid; place-items: center; width: 58%; aspect-ratio: 1; color: var(--ink); background: var(--paper); font: 700 clamp(4rem,8vw,7.5rem)/1 var(--display); }
.proof-story-file > small { position: absolute; right: 1rem; bottom: 1rem; color: rgba(255,255,255,.42); font: 500 .49rem/1.6 var(--mono); text-align: right; }
.proof-story-folio { position: absolute; right: var(--gutter); bottom: 1.2rem; left: var(--gutter); display: flex; align-items: center; gap: 1.2rem; color: rgba(255,255,255,.25); font: 500 .51rem var(--mono); letter-spacing: .06em; }
.proof-story-folio i { flex: 1; height: 1px; background: rgba(255,255,255,.13); }
.proof-story-signals-heading { max-width: 900px; margin: 0 auto clamp(3rem,6vw,5rem); }
.proof-story-signals-heading h2 { max-width: 820px; margin: 1.2rem 0 0; font: 700 var(--display-title-xl)/.84 var(--display); letter-spacing: -.03em; text-transform: uppercase; }
.proof-signal-ledger { display: grid; grid-template-columns: repeat(3,1fr); max-width: var(--max); margin: 0 auto; padding: 0; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--rule); list-style: none; }
.proof-signal-ledger li { padding: 2rem 2rem 2.4rem 0; border-right: 1px solid var(--rule); }
.proof-signal-ledger li + li { padding-left: 2rem; }
.proof-signal-ledger li:last-child { border-right: 0; }
.proof-signal-ledger span { color: var(--orange); font: 600 .57rem var(--mono); }
.proof-signal-ledger p { margin: 1.2rem 0 0; font: 600 clamp(1.55rem,2.3vw,2.35rem)/1.03 var(--display); }
.proof-story-testimonial { background: var(--paper-bright); }
.proof-story-testimonial-layout { display: grid; grid-template-columns: minmax(250px,.42fr) minmax(0,1.58fr); gap: clamp(3rem,8vw,8rem); max-width: var(--max); margin: 0 auto; }
.proof-story-attribution { position: sticky; top: calc(var(--header) + 2rem); align-self: start; }
.proof-story-attribution h2 { margin: 1.2rem 0 2rem; font: 700 var(--display-title-l)/.88 var(--display); letter-spacing: -.025em; text-transform: uppercase; }
.proof-story-attribution dl { margin: 0; border-top: 2px solid var(--ink); }
.proof-story-attribution dl div { padding: .8rem 0; border-bottom: 1px solid var(--rule); }
.proof-story-attribution dt { color: var(--orange-dark); font: 600 .51rem var(--mono); letter-spacing: .06em; }
.proof-story-attribution dd { margin: .25rem 0 0; font: 600 .7rem/1.45 var(--mono); }
.proof-story-full-quote { margin: 0; padding-top: 2rem; border-top: 2px solid var(--ink); }
.proof-story-full-quote > p { max-width: 880px; margin: 0 0 2rem; color: #3f3b35; font-size: clamp(1.03rem,1.3vw,1.18rem); line-height: 1.82; text-wrap: pretty; }
.proof-story-full-quote > .proof-story-lede { color: var(--ink); font: 600 clamp(2.2rem,3.6vw,3.9rem)/1 var(--display); letter-spacing: -.02em; }
.proof-story-full-quote footer { max-width: 880px; margin-top: 3rem; padding-top: 1.4rem; border-top: 1px solid var(--rule); }
.proof-story-full-quote cite { font-style: normal; }
.proof-story-full-quote cite strong { display: block; font: 700 1rem var(--mono); text-transform: uppercase; }
.proof-story-full-quote cite small { display: block; margin-top: .3rem; color: var(--muted); font: 500 .58rem var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.proof-story-next { display: grid; grid-template-columns: minmax(0,1.3fr) auto; gap: clamp(3rem,8vw,8rem); align-items: end; padding: clamp(6rem,10vw,10rem) var(--gutter); color: var(--white); background-color: var(--ink-soft); background-image: radial-gradient(rgba(255,255,255,.055) .7px,transparent .7px); background-size: 6px 6px; }
.proof-story-next-copy h2 { max-width: 900px; margin: 1.2rem 0 1.5rem; font: 700 var(--display-title-xl)/.84 var(--display); letter-spacing: -.03em; text-transform: uppercase; }
.proof-story-next-copy > p:last-child { max-width: 720px; color: rgba(255,255,255,.64); }
.proof-story-next-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 1.4rem; }

@media (max-width: 1100px) {
  .proof-story-masthead { grid-template-columns: 1fr; min-height: auto; }
  .proof-story-title-desktop { display: none; }
  .proof-story-title-mobile { display: block; }
  .proof-story-heading h1 { font-size: clamp(2.5rem,6.3vw,3.8rem); }
  .proof-story-file { width: min(56vw,340px); margin: 1.5rem auto 2rem; }
}

@media (max-width: 760px) {
  .proof-story-masthead { padding-top: calc(var(--header) + 4rem); }
  .proof-story-heading h1 { font-size: clamp(2rem,8.9vw,3.2rem); line-height: .86; }
  .proof-story-folio span:last-child { display: none; }
  .proof-signal-ledger { grid-template-columns: 1fr; }
  .proof-signal-ledger li, .proof-signal-ledger li + li { padding: 1.5rem 0; border-right: 0; border-bottom: 1px solid var(--rule); }
  .proof-signal-ledger li:last-child { border-bottom: 0; }
  .proof-story-testimonial-layout { grid-template-columns: 1fr; }
  .proof-story-attribution { position: static; }
  .proof-story-next { grid-template-columns: 1fr; }
}

@media (max-width: 360px) {
  .proof-story-heading h1 { font-size: 1.85rem; }
}