:root {
  --black: #050505;
  --black-2: #0a0a0a;
  --paper: #f1ede4;
  --muted: #aaa49a;
  --gold: #efb84c;
  --gold-light: #ffd979;
  --line: rgba(255, 255, 255, 0.14);
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Inter", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body {
  margin: 0;
  background: var(--black);
  color: var(--paper);
  font-family: var(--sans);
  font-size: 1rem;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; }
img { display: block; max-width: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.site-header {
  position: fixed;
  z-index: 50;
  inset: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5.25rem;
  padding: 0 4vw;
  background: linear-gradient(to bottom, rgba(5,5,5,.9), transparent);
  transition: background .35s ease, border-color .35s ease;
  border-bottom: 1px solid transparent;
}
.site-header.scrolled { background: rgba(5,5,5,.92); backdrop-filter: blur(16px); border-color: var(--line); }
.wordmark { display: flex; align-items: center; gap: .8rem; text-decoration: none; font-size: .8rem; letter-spacing: .2em; }
.wordmark b { color: var(--gold); font-weight: 500; }
.mark { position: relative; width: 1.45rem; height: 1.8rem; display: inline-grid; place-items: center; }
.mark::before { content: ""; width: 1.1rem; height: .38rem; border: 1px solid var(--gold-light); border-radius: 50%; background: #050505; z-index: 1; }
.mark i { position: absolute; width: 1px; height: 100%; background: var(--gold); }
nav { display: flex; align-items: center; gap: clamp(.8rem, 1.5vw, 2rem); }
nav a { text-decoration: none; font-size: .73rem; letter-spacing: .12em; text-transform: uppercase; color: #d7d2ca; transition: color .2s ease; }
nav a:hover, nav a:focus-visible { color: var(--gold-light); }
.nav-status { border: 1px solid rgba(239,184,76,.5); padding: .65rem .9rem; }
.menu-toggle { display: none; }

.hero {
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding: 8rem 8vw 7rem;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.hero::after { content: ""; position: absolute; left: 8vw; right: 8vw; bottom: 0; height: 1px; background: var(--line); }
.hero-glow { position: absolute; z-index: -1; width: 58vw; height: 58vw; left: -23vw; top: 5vh; border-radius: 50%; background: radial-gradient(circle, rgba(181,97,13,.18), rgba(5,5,5,0) 66%); }
.hero-copy { position: relative; z-index: 2; width: min(74vw, 62rem); }
.eyebrow { margin: 0 0 1.7rem; color: var(--gold); font-size: .72rem; font-weight: 500; letter-spacing: .22em; line-height: 1.3; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(5.2rem, 10.5vw, 10rem); line-height: .72; letter-spacing: -.055em; margin: 0 0 2.2rem; }
h1 span { display: block; width: max-content; color: var(--gold-light); }
.hero-subtitle { font-family: var(--serif); font-size: clamp(1.35rem, 2.2vw, 2rem); letter-spacing: .02em; margin-bottom: 2.3rem; }
.hero-subtitle b { color: var(--gold); font-weight: 400; padding: 0 .35em; }
.hero-subtitle > span { display: block; width: max-content; max-width: 100%; }
.hero-subtitle > span + span { margin-top: .08em; }
.hero-thesis { display: grid; gap: .75rem; max-width: 39rem; color: #bcb7ae; font-size: clamp(1rem, 1.3vw, 1.16rem); font-weight: 300; }
.hero-promise { max-width: 37rem; color: #ddd3bd; font-family: var(--serif); font-size: clamp(1.18rem, 1.65vw, 1.48rem); line-height: 1.3; }
.hero-actions { display: flex; align-items: center; gap: 2rem; margin-top: 2.4rem; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 3.25rem; padding: .85rem 1.3rem; border: 1px solid var(--gold); text-decoration: none; text-transform: uppercase; letter-spacing: .13em; font-size: .69rem; transition: background .2s ease, color .2s ease, transform .2s ease; }
.button:hover, .button:focus-visible { transform: translateY(-2px); }
.button-primary { color: #080603; background: var(--gold); }
.button-primary:hover, .button-primary:focus-visible { background: var(--gold-light); }
.text-link { text-decoration: none; color: #ddd8cf; font-size: .76rem; letter-spacing: .11em; text-transform: uppercase; }
.text-link span { color: var(--gold); margin-left: .45rem; }
.hero-ring-stage { position: absolute; z-index: 0; left: 68%; bottom: clamp(-42rem, -46vw, -30rem); width: min(76vw, 76rem); transform: translateX(-50%); pointer-events: none; }
.hero-ring-stage img { width: 100%; }
.scroll-note { position: absolute; z-index: 2; right: 8vw; bottom: 1.6rem; margin: 0; color: #79756f; font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }
.scroll-note span { color: var(--gold); margin-left: .4rem; }

.premise, .author { display: grid; grid-template-columns: .28fr .95fr 1fr; gap: 5vw; padding: clamp(6rem, 11vw, 11rem) 8vw; border-bottom: 1px solid var(--line); }
.section-number { color: #5f5b55; font-family: var(--serif); font-size: 1.4rem; }
.premise h2, .argument h2, .precision h2, .author h2, .work-gateway h2, .release h2 { font-family: var(--serif); font-size: clamp(3.1rem, 5.8vw, 6.3rem); line-height: .92; font-weight: 500; letter-spacing: -.04em; }
.premise h2 em, .release h2 em { color: var(--gold-light); font-weight: 400; }
.premise-body { padding-top: 2.8rem; }
.premise-body p, .author-body p { color: #bbb6ad; font-weight: 300; }
.premise-body p:first-child, .author-lede { color: var(--paper) !important; font-family: var(--serif); font-size: 1.45rem; line-height: 1.4; }
.premise-body .gap-hinge {
  display: grid;
  gap: .9rem;
  margin: 2.25rem 0;
  padding: 1.35rem 0 1.35rem 1.4rem;
  border-left: 2px solid var(--gold);
}
.premise-body .gap-hinge strong {
  color: var(--paper);
  font-size: clamp(1rem, 1.35vw, 1.16rem);
  font-weight: 650;
  line-height: 1.55;
}

.image-break { min-height: 72svh; position: relative; display: grid; place-items: center; overflow: hidden; }
.image-break img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.image-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.16) 55%, rgba(0,0,0,.62)); }
.image-break-crevasse .image-overlay { background: linear-gradient(90deg, rgba(0,0,0,.28), rgba(0,0,0,.64) 47%, rgba(0,0,0,.56)); }
.image-break blockquote { position: relative; max-width: 54rem; margin: 0; padding: 8vw; font-family: var(--serif); font-size: clamp(2.3rem, 4.2vw, 4.65rem); line-height: 1.02; letter-spacing: -.03em; text-align: center; text-shadow: 0 1rem 2rem #000; }
.image-break blockquote span { display: block; color: var(--gold); font-size: 1.4em; height: .45em; }

.argument { padding: clamp(6rem, 11vw, 11rem) 8vw; }
.argument-intro { display: grid; grid-template-columns: .28fr 1.2fr .75fr; gap: 5vw; align-items: end; margin-bottom: 7rem; }
.argument-intro h2 { margin-bottom: 0; }
.argument-intro > p { color: #aaa59c; font-weight: 300; margin-bottom: .4rem; }
.arc-list { border-top: 1px solid var(--line); }
.arc-item { display: grid; grid-template-columns: .24fr .95fr 1fr; gap: 5vw; align-items: center; padding: 2.5rem 0; border-bottom: 1px solid var(--line); transition: background .25s ease, padding .25s ease; }
.arc-item:hover { background: linear-gradient(90deg, rgba(239,184,76,.08), transparent 70%); padding-left: 1.2rem; padding-right: 1.2rem; }
.arc-index { color: var(--gold); font-family: var(--serif); font-size: 1.6rem; }
.arc-question { margin-bottom: .35rem; color: #8f8a82; font-size: .68rem; letter-spacing: .18em; }
.arc-item h3 { margin: 0; font-family: var(--serif); font-size: clamp(2rem, 3vw, 3rem); font-weight: 500; }
.arc-item > p { color: #aaa59d; margin: 0; font-weight: 300; }

.precision { position: relative; min-height: 82svh; display: grid; align-items: end; overflow: hidden; }
.precision > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.precision-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,3,3,.95), rgba(3,3,3,.05) 66%), linear-gradient(90deg, rgba(3,3,3,.75), transparent 60%); }
.precision-copy { position: relative; z-index: 2; padding: 7vw 8vw; max-width: 74rem; }
.precision-copy h2 { max-width: 59rem; font-size: clamp(2.8rem, 5.5vw, 5.95rem); }
.precision-copy > p:last-child { max-width: 43rem; color: #c2bdb4; font-weight: 300; }
.film-heading { display: flex; align-items: baseline; gap: 1.5rem; }
.film-heading .eyebrow { margin-bottom: 1.7rem; }
.film-runtime { color: #b9b3aa; font-size: .66rem; letter-spacing: .16em; }
.precision-copy > p:not(.eyebrow):not(.film-runtime) { max-width: 46rem; color: #c2bdb4; font-weight: 300; }
.precision-thesis strong { color: var(--paper); font-weight: 500; }
.film-beats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 54rem; margin-top: 3rem; border-top: 1px solid rgba(255,255,255,.34); }
.film-beats div { display: grid; padding: 1.15rem 1.25rem 0 0; }
.film-beats div + div { padding-left: 1.25rem; border-left: 1px solid rgba(255,255,255,.24); }
.film-beats span { color: var(--gold); font-size: .64rem; letter-spacing: .16em; }
.film-beats b { margin-top: .3rem; font-family: var(--serif); font-size: 1.65rem; font-weight: 500; }
.film-beats small { color: #a9a49b; font-size: .72rem; }

.author { position: relative; overflow: hidden; background: #080808; }
.author-title-wrap { grid-column: 2; }
.author h2 { margin-bottom: .6rem; }
.author-role { color: var(--gold); font-size: .72rem; letter-spacing: .15em; text-transform: uppercase; }
.author-body { grid-column: 3; padding-top: 3rem; }
.author-portraits { grid-column: 2 / 4; grid-row: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 2.4rem; background: var(--line); border: 1px solid var(--line); }
.author-duality { grid-column: 1 / 3; display: grid; grid-template-columns: auto auto 1fr; align-items: baseline; gap: .7rem 1.6rem; margin: 0; padding: 1.5rem 1.7rem; background: #080808; }
.author-duality span { color: var(--paper); font-family: var(--serif); font-size: clamp(1.65rem, 2.7vw, 3.2rem); line-height: 1; }
.author-duality strong { justify-self: end; color: #9f9990; font-size: .7rem; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; }
.portrait { position: relative; min-height: clamp(29rem, 48vw, 49rem); margin: 0; overflow: hidden; background: #050505; }
.portrait img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) contrast(1.04); transition: transform .8s ease, filter .8s ease; }
.portrait-author img { object-position: 50% 24%; }
.portrait-surgeon img { object-position: 50% 34%; }
.portrait::after { content: ""; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.88)); pointer-events: none; }
.portrait figcaption { position: absolute; z-index: 1; left: 1.7rem; right: 1.7rem; bottom: 1.55rem; display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.portrait figcaption span { color: var(--gold); font-size: .67rem; letter-spacing: .18em; }
.portrait figcaption b { color: var(--paper); font-family: var(--serif); font-size: clamp(1.7rem, 3vw, 3.1rem); font-weight: 400; }
.portrait:hover img { transform: scale(1.018); filter: saturate(.9) contrast(1.03); }
.author-signature { position: absolute; right: -2vw; bottom: -9vw; color: rgba(239,184,76,.035); font-family: var(--serif); font-size: 30vw; line-height: 1; pointer-events: none; }

.work-gateway { display: grid; grid-template-columns: .28fr .8fr 1.2fr; gap: 5vw; padding: clamp(6rem, 10vw, 10rem) 8vw; border-bottom: 1px solid var(--line); background: linear-gradient(135deg, #070707, #030303); }
.work-gateway-intro > p:last-child { max-width: 29rem; color: #aaa59d; font-weight: 300; }
.work-gateway h2 { margin-bottom: 1.6rem; }
.work-links { border-top: 1px solid var(--line); }
.work-link { display: grid; grid-template-columns: 3rem 1fr auto; align-items: center; gap: 1.3rem; padding: 2.2rem .4rem; border-bottom: 1px solid var(--line); text-decoration: none; transition: padding .25s ease, background .25s ease; }
.work-link:hover, .work-link:focus-visible { padding-left: 1.2rem; padding-right: 1.2rem; background: linear-gradient(90deg, rgba(239,184,76,.09), transparent); }
.work-link-number { color: #67615a; font-family: var(--serif); font-size: 1.25rem; }
.work-link-copy { display: grid; gap: .25rem; }
.work-link-copy small { color: var(--gold); font-size: .63rem; letter-spacing: .2em; }
.work-link-copy strong { font-family: var(--serif); font-size: clamp(2rem, 3vw, 3.1rem); font-weight: 500; line-height: 1; }
.work-link-arrow { color: var(--gold-light); font-size: 1.4rem; }

.placeholder-page { min-height: 100svh; overflow-x: hidden; }
.placeholder-main { min-height: calc(100svh - 5rem); display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .8fr); align-items: center; gap: 7vw; padding: 9rem 8vw 5rem; position: relative; isolation: isolate; }
.placeholder-main::before { content: ""; position: absolute; z-index: -1; width: min(65vw, 62rem); aspect-ratio: 1; right: -25vw; top: 8vh; border-radius: 50%; background: radial-gradient(circle, rgba(184,99,16,.16), transparent 68%); }
.placeholder-copy { max-width: 58rem; }
.placeholder-kicker { display: flex; align-items: center; gap: 1rem; color: var(--gold); font-size: .7rem; letter-spacing: .2em; }
.placeholder-kicker::before { content: ""; width: 3.2rem; height: 1px; background: var(--gold); }
.placeholder-copy h1 { margin: 1.8rem 0 2rem; font-size: clamp(5rem, 11vw, 10rem); line-height: .77; }
.placeholder-copy h1 span { display: block; }
.placeholder-copy > p:not(.placeholder-kicker) { max-width: 38rem; color: #aaa59d; font-size: 1.08rem; font-weight: 300; }
.placeholder-return { margin-top: 2.4rem; }
.placeholder-emblem { justify-self: end; width: min(34vw, 29rem); aspect-ratio: 1; display: grid; place-items: center; position: relative; }
.placeholder-emblem::before { content: ""; position: absolute; inset: 0; border: 1px solid rgba(239,184,76,.3); border-radius: 50%; }
.placeholder-emblem::after { content: ""; position: absolute; width: 1px; height: 125%; background: linear-gradient(transparent, var(--gold-light), transparent); }
.placeholder-emblem span { position: relative; z-index: 1; width: 42%; aspect-ratio: 3 / 1; border: 1px solid var(--gold-light); border-radius: 50%; display: grid; place-items: center; background: var(--black); color: var(--gold-light); font-family: var(--serif); font-size: clamp(1rem, 2vw, 1.7rem); letter-spacing: .18em; }
.placeholder-footer { min-height: 5rem; }

.release { min-height: 78svh; padding: 8rem 8vw; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; overflow: hidden; }
.release::before { content: ""; position: absolute; width: 60vw; height: 60vw; border-radius: 50%; background: radial-gradient(circle, rgba(184,99,16,.16), transparent 66%); }
.release > * { position: relative; }
.release-line { width: 1px; height: 8rem; background: linear-gradient(transparent, var(--gold)); margin-bottom: 3rem; }
.release-line span { position: absolute; bottom: -.35rem; left: 50%; width: 1.4rem; height: .5rem; border: 1px solid var(--gold-light); border-radius: 50%; transform: translateX(-50%); background: #050505; }
.release h2 { max-width: 70rem; }
.release > p:not(.eyebrow) { max-width: 41rem; color: #aaa59d; font-weight: 300; }
.button-ghost { margin-top: 2.2rem; border-color: rgba(239,184,76,.55); }
.button-ghost span { margin-left: .55rem; color: var(--gold); }
.button-ghost:hover, .button-ghost:focus-visible { background: var(--gold); color: #050505; }

footer { display: flex; justify-content: space-between; gap: 2rem; padding: 2rem 4vw; border-top: 1px solid var(--line); color: #6f6b65; font-size: .63rem; letter-spacing: .12em; text-transform: uppercase; }
footer p { margin: 0; }

@media (max-width: 1180px) {
  .site-header { height: 4.5rem; padding: 0 1.25rem; }
  .menu-toggle { display: grid; gap: .42rem; border: 0; background: none; padding: .75rem; }
  .menu-toggle span:not(.sr-only) { width: 1.4rem; height: 1px; background: var(--paper); transition: transform .2s ease; }
  .menu-toggle[aria-expanded="true"] span:nth-last-child(2) { transform: translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  nav { display: none; position: fixed; inset: 4.5rem 0 0; background: rgba(5,5,5,.98); flex-direction: column; justify-content: center; gap: 2rem; }
  nav.open { display: flex; }
  nav a { font-family: var(--serif); font-size: 2rem; text-transform: none; letter-spacing: 0; }
  .nav-status { font-family: var(--sans); font-size: .72rem; text-transform: uppercase; letter-spacing: .15em; }
}

@media (max-width: 900px) {
  .hero { min-height: max(100svh, 68rem); align-items: flex-start; padding: 7rem 1.25rem 22rem; }
  .hero-copy { width: 100%; max-width: 44rem; }
  h1 { font-size: clamp(4.6rem, 22vw, 7.5rem); }
  .hero-ring-stage { left: 63%; width: min(112vw, 42rem); bottom: -9rem; }
  .scroll-note { display: none; }
  .premise, .author, .work-gateway { grid-template-columns: 2.5rem 1fr; gap: 1.25rem; padding: 6rem 1.25rem; }
  .author-title-wrap { grid-column: 2; }
  .premise-body, .author-body { grid-column: 2; padding-top: 0; }
  .author-portraits { grid-column: 2; grid-row: auto; margin-top: 1.5rem; }
  .author-duality { grid-template-columns: 1fr 1fr; }
  .author-duality strong { grid-column: 1 / 3; justify-self: start; }
  .work-links { grid-column: 2; }
  .argument { padding: 6rem 1.25rem; }
  .argument-intro { grid-template-columns: 2.5rem 1fr; gap: 1.25rem; margin-bottom: 4rem; }
  .argument-intro > p { grid-column: 2; }
  .arc-item { grid-template-columns: 2.5rem 1fr; gap: 1.25rem; }
  .arc-item > p { grid-column: 2; }
  .precision-copy { padding: 5rem 1.25rem; }
  .film-beats { grid-template-columns: 1fr; }
  .film-beats div + div { padding-left: 0; border-left: 0; }
  .film-beats div { border-bottom: 1px solid rgba(255,255,255,.18); padding-bottom: .8rem; }
  .image-break { min-height: 62svh; }
  .placeholder-main { grid-template-columns: 1fr; padding: 8rem 1.25rem 5rem; }
  .placeholder-emblem { width: min(72vw, 24rem); justify-self: center; margin-top: 2rem; }
  footer { flex-direction: column; padding: 2rem 1.25rem; gap: .6rem; }
}

@media (max-width: 520px) {
  .hero { min-height: max(100svh, 72rem); padding-bottom: 24rem; }
  .hero-ring-stage { left: 67%; width: 112vw; bottom: -8rem; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 1.2rem; }
  .premise h2, .argument h2, .precision h2, .author h2, .work-gateway h2, .release h2 { font-size: clamp(2.8rem, 13vw, 4.2rem); }
  .image-break blockquote { padding: 1.25rem; }
  .author-portraits { grid-template-columns: 1fr; }
  .author-duality { grid-column: 1; grid-template-columns: 1fr; gap: .45rem; }
  .author-duality strong { grid-column: 1; margin-top: .55rem; line-height: 1.5; }
  .portrait { min-height: 31rem; }
  .portrait figcaption { left: 1.2rem; right: 1.2rem; bottom: 1.1rem; }
  .arc-item:hover { padding-left: 0; padding-right: 0; }
  .release { padding: 6rem 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .001ms !important; }
}

/* Drug-development archive */
.drug-page h2 { font-family: var(--serif); font-size: clamp(3.15rem, 5.4vw, 5.9rem); font-weight: 500; line-height: .89; letter-spacing: -.045em; }
.drug-hero { min-height: 100svh; display: grid; grid-template-columns: 1.2fr .72fr; align-items: center; gap: 7vw; padding: 9rem 8vw 6rem; position: relative; overflow: hidden; border-bottom: 1px solid var(--line); }
.drug-hero-copy,.drug-hero-proof { position: relative; z-index: 2; }.drug-hero-copy { max-width: 57rem; }.drug-hero h1 { font-size: clamp(5rem, 9.5vw, 10rem); line-height: .76; }.drug-deck { max-width: 42rem; color: #b6b0a7; font-family: var(--serif); font-size: clamp(1.35rem, 2.2vw, 2rem); line-height: 1.32; }.drug-hero-links { display: flex; align-items: center; gap: 2rem; margin-top: 2.8rem; }
.drug-hero-proof { border-top: 1px solid var(--line); }.drug-hero-proof article { display: grid; grid-template-columns: 2.4rem 1fr; padding: 2rem 0; border-bottom: 1px solid var(--line); }.drug-hero-proof article > span { grid-row: 1 / 4; color: #6e675d; font-family: var(--serif); }.drug-hero-proof small { color: var(--gold); font-size: .62rem; letter-spacing: .2em; }.drug-hero-proof strong { font-family: var(--serif); font-size: clamp(2.8rem, 4.8vw, 5rem); font-weight: 500; line-height: 1; }.drug-hero-proof sup { color: var(--gold); font-family: var(--sans); font-size: .22em; vertical-align: super; }.drug-hero-proof p { color: #8f8980; margin: .35rem 0 0; font-size: .8rem; }
.drug-hero-orbit { position: absolute; width: min(62vw, 60rem); aspect-ratio: 1; border: 1px solid rgba(239,184,76,.13); border-radius: 50%; right: -27vw; top: 9vh; }.drug-hero-orbit::before,.drug-hero-orbit::after { content: ""; position: absolute; inset: 18%; border: 1px solid rgba(239,184,76,.18); border-radius: 50%; }.drug-hero-orbit::after { inset: 40%; background: radial-gradient(circle, rgba(239,184,76,.16), transparent 70%); }
.outcomes { display: grid; grid-template-columns: .22fr .9fr 1fr; gap: 5vw; padding: clamp(7rem, 11vw, 11rem) 8vw; border-bottom: 1px solid var(--line); }.outcomes h2 { margin-bottom: 0; }.outcomes-copy { padding-top: 3rem; color: #aaa59d; font-weight: 300; }.large-copy { color: var(--paper) !important; font-family: var(--serif); font-size: clamp(1.4rem, 2vw, 1.95rem); line-height: 1.38; }
.program { padding: clamp(7rem, 10vw, 10rem) 8vw; border-bottom: 1px solid var(--line); }.program-vizz { background: radial-gradient(circle at 86% 20%, rgba(58,94,91,.18), transparent 30%), #060707; }.program-lumify { background: radial-gradient(circle at 10% 35%, rgba(122,70,23,.17), transparent 32%), #060606; }.program-label { display: flex; justify-content: space-between; gap: 2rem; border-bottom: 1px solid var(--line); padding-bottom: 1.1rem; }.program-label .eyebrow { margin: 0; }.program-label > span { color: #777169; font-size: .66rem; letter-spacing: .16em; }.program-title { display: grid; grid-template-columns: 1.1fr .7fr; gap: 8vw; align-items: end; padding: 5rem 0 4rem; }.program-title h2 { margin: 0; }.program-title > p { color: #b1aba2; font-family: var(--serif); font-size: clamp(1.25rem, 2vw, 1.7rem); line-height: 1.4; }
.depth-lab { display: grid; grid-template-columns: .42fr 1fr; min-height: 29rem; border: 1px solid rgba(255,255,255,.16); background: #090b0b; }.aperture-panel { display: flex; flex-direction: column; align-items: center; padding: 2rem; border-right: 1px solid var(--line); }.lab-label { align-self: stretch; color: var(--gold); font-size: .62rem; letter-spacing: .2em; }.aperture { width: min(16rem, 70%); aspect-ratio: 1; margin: auto; display: grid; place-items: center; border-radius: 50%; background: repeating-conic-gradient(#222 0deg 36deg, #111 36deg 72deg); box-shadow: inset 0 0 3rem #000, 0 0 3rem rgba(239,184,76,.08); }.aperture span { --pupil-size: 2.3rem; display: block; width: var(--pupil-size); aspect-ratio: 1; border-radius: 50%; background: #000; border: 1px solid rgba(255,217,121,.55); box-shadow: 0 0 1.2rem rgba(239,184,76,.23); transition: width .12s ease; }.aperture-panel label { color: #8e8981; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }.aperture-panel input { width: 100%; accent-color: var(--gold); margin: 1rem 0 .35rem; }.range-ends { width: 100%; display: flex; justify-content: space-between; color: #66615a; font-size: .62rem; }
.focus-panel { --focus-strength: .82; padding: 2rem 3rem; display: flex; flex-direction: column; }.focus-track { flex: 1; position: relative; min-height: 19rem; }.focus-line { position: absolute; top: 50%; left: 3%; right: 3%; height: 1px; background: linear-gradient(90deg, rgba(239,184,76,.2), var(--gold), rgba(239,184,76,.2)); }.focus-eye { position: absolute; right: 3%; top: calc(50% - 1.4rem); width: 2.8rem; height: 2.8rem; border: 1px solid var(--gold); border-radius: 60% 0 60% 0; transform: rotate(45deg); }.focus-eye::after { content: ""; position: absolute; inset: .75rem; border-radius: 50%; background: var(--gold-light); }.focus-point { position: absolute; top: calc(50% - 2.2rem); display: grid; text-align: center; transform: translateX(-50%); filter: blur(calc((1 - var(--focus-strength)) * 5px)); opacity: calc(.55 + var(--focus-strength) * .45); transition: filter .12s ease, opacity .12s ease; }.focus-point::after { content: ""; width: 1px; height: 4.4rem; background: var(--gold); justify-self: center; order: -1; }.focus-point b { font-family: var(--serif); font-size: 1.45rem; font-weight: 500; }.focus-point small { color: #89837a; font-size: .58rem; letter-spacing: .15em; }.focus-far { left: 13%; filter: none; opacity: 1; }.focus-screen { left: 44%; }.focus-read { left: 70%; }.lab-note { color: #77726b; font-size: .66rem; line-height: 1.55; margin: 0; }
.mechanism-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); margin-top: 1px; }.mechanism-grid article { background: #080909; padding: 2.4rem; }.mechanism-grid span { color: #777169; font-size: .62rem; letter-spacing: .17em; }.mechanism-grid h3 { margin: .65rem 0 .8rem; font-family: var(--serif); font-size: clamp(2rem, 3vw, 3.2rem); font-weight: 500; }.mechanism-grid p { color: #99938b; margin: 0; }.mechanism-grid .accent-card { background: rgba(239,184,76,.08); }.mechanism-grid .accent-card span,.mechanism-grid .accent-card h3 { color: var(--gold-light); }
.evidence-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 5rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.evidence-strip div { padding: 1.5rem 1.4rem 1.5rem 0; }.evidence-strip div + div { padding-left: 1.4rem; border-left: 1px solid var(--line); }.evidence-strip strong,.evidence-strip span { display: block; }.evidence-strip strong { color: var(--gold); font-size: .7rem; letter-spacing: .13em; }.evidence-strip span { margin-top: .45rem; color: #aaa49c; font-family: var(--serif); font-size: 1.15rem; line-height: 1.25; }.source-row { display: flex; flex-wrap: wrap; gap: .8rem 1.8rem; margin-top: 1.6rem; }.source-row a,.registry-link,.thesis-model a { color: #aaa49b; font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; text-underline-offset: .35rem; }.source-row a:hover,.registry-link:hover,.thesis-model a:hover { color: var(--gold-light); }
.dose-story { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; margin: 1rem 0 4rem; }.dose { min-height: 17rem; padding: 2.2rem; border: 1px solid var(--line); display: flex; flex-direction: column; justify-content: space-between; }.dose span { font-family: var(--serif); font-size: clamp(4.5rem, 8vw, 8rem); line-height: 1; }.dose p { color: #8e8880; margin: 0; }.dose-low { border-color: rgba(239,184,76,.6); background: linear-gradient(145deg, rgba(239,184,76,.13), transparent); }.dose-low span { color: var(--gold-light); }.dose-arrow { color: var(--gold); font-size: 2rem; }.lumify-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; color: #aaa49b; }
.corporate-record { display: grid; grid-template-columns: .7fr 1.45fr; gap: 7vw; margin-top: 5rem; padding: 3rem 0 2.5rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.record-heading h3 { max-width: 24rem; margin: .8rem 0 0; font-family: var(--serif); font-size: clamp(2.5rem, 4.5vw, 4.8rem); font-weight: 500; line-height: .92; letter-spacing: -.04em; }.corporate-record ol { margin: 0; padding: 0; list-style: none; }.corporate-record li { display: grid; grid-template-columns: 8.5rem 1fr; gap: 1.5rem; padding: 0 0 1.6rem; }.corporate-record li + li { padding-top: 1.6rem; border-top: 1px solid var(--line); }.corporate-record time { color: var(--gold); font-size: .66rem; letter-spacing: .13em; }.corporate-record h4 { margin: 0 0 .5rem; font-family: var(--serif); font-size: 1.45rem; font-weight: 500; }.corporate-record li p { margin: 0; color: #99938a; font-size: .82rem; line-height: 1.65; }.attribution-note { grid-column: 2; margin: 1.4rem 0 0; padding: 1.2rem 1.35rem; border-left: 2px solid var(--gold); background: rgba(239,184,76,.06); color: #827c74; font-size: .7rem; line-height: 1.6; }.attribution-note b { color: #aaa49b; }
.thesis { display: grid; grid-template-columns: .3fr 1fr .75fr; gap: 6vw; padding: clamp(7rem, 11vw, 11rem) 8vw; border-bottom: 1px solid var(--line); background: #090705; }.thesis-mark { color: rgba(239,184,76,.25); font-family: var(--serif); font-size: clamp(4rem, 8vw, 8rem); line-height: 1; }.thesis-copy blockquote { margin: 2.3rem 0; font-family: var(--serif); font-size: clamp(1.8rem, 3vw, 3.1rem); line-height: 1.15; }.thesis-copy > p { color: #aaa49c; }.caution { padding: 1.4rem; border-left: 2px solid var(--gold); background: rgba(239,184,76,.07); font-size: .82rem; }.caution b { color: var(--gold-light); }.thesis-model { align-self: center; padding: 2rem; border: 1px solid var(--line); background: #050505; }.vessel { height: 3rem; border: 1px solid rgba(239,184,76,.5); display: grid; place-items: center; color: #a49d93; font-size: .56rem; letter-spacing: .15em; }.vessel-arteriole { margin-top: 2rem; border-radius: 1.5rem .5rem .5rem 1.5rem; }.vessel-venule { border-radius: .5rem 1.5rem 1.5rem .5rem; border-color: var(--gold); background: rgba(239,184,76,.1); }.capillary-bed { display: grid; grid-template-columns: repeat(5, 1fr); gap: .4rem; height: 5rem; padding: 0 2rem; }.capillary-bed i { border-left: 1px solid rgba(239,184,76,.4); border-right: 1px solid rgba(239,184,76,.15); transform: skew(-12deg); }.model-caption { color: #837d74; font-size: .75rem; margin: 1.4rem 0; }
.portfolio { padding: clamp(7rem, 11vw, 11rem) 8vw; }.portfolio-heading { display: grid; grid-template-columns: .18fr 1fr .62fr; gap: 5vw; align-items: end; margin-bottom: 5rem; }.portfolio-heading h2 { margin: 0; }.portfolio-heading > p:last-child { color: #8f8980; }.company-list { border-top: 1px solid var(--line); }.company { border-bottom: 1px solid var(--line); }.company summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2rem 0; }.company summary::-webkit-details-marker { display: none; }.company summary span { display: grid; gap: .35rem; }.company summary small { color: var(--gold); font-size: .62rem; letter-spacing: .17em; }.company summary strong { font-family: var(--serif); font-size: clamp(2rem, 3.5vw, 3.7rem); font-weight: 500; }.company summary > b { color: #817a71; font-size: .68rem; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; }.company summary i { display: inline-block; margin-left: .7rem; color: var(--gold); font-size: 1.4rem; font-style: normal; transition: transform .2s ease; }.company[open] summary i { transform: rotate(45deg); }.company-body { padding: 0 0 3.5rem 18%; }.company-body > p { max-width: 50rem; color: #99938a; }.patent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); margin: 2rem 0; }.patent-grid a { min-height: 7.4rem; padding: 1.2rem; display: flex; flex-direction: column; justify-content: space-between; background: #080808; text-decoration: none; transition: background .2s ease; }.patent-grid a:hover { background: rgba(239,184,76,.1); }.patent-grid b { color: var(--gold-light); font-size: .72rem; letter-spacing: .12em; }.patent-grid span { color: #aaa49b; font-family: var(--serif); font-size: 1.15rem; line-height: 1.25; }.patent-grid .patent-feature { background: rgba(239,184,76,.09); }.dual-registry { display: flex; flex-wrap: wrap; gap: 1.6rem; }.portfolio-note { margin: 3rem 0 0 18%; max-width: 58rem; color: #6f6a63; font-size: .7rem; }.portfolio-note b { color: #969087; }.drug-closing { min-height: 80svh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 7rem 8vw; text-align: center; border-top: 1px solid var(--line); background: radial-gradient(circle, rgba(154,83,14,.2), transparent 50%); }.drug-closing h2 { margin-bottom: 3rem; }.drug-closing em { color: var(--gold-light); font-weight: 400; }
@media (max-width: 900px) { .drug-hero { grid-template-columns: 1fr; padding: 8rem 1.25rem 5rem; }.drug-hero-proof { margin-top: 2rem; }.outcomes { grid-template-columns: 2.5rem 1fr; padding: 6rem 1.25rem; }.outcomes-copy { grid-column: 2; padding-top: 0; }.program { padding: 6rem 1.25rem; }.program-title { grid-template-columns: 1fr; gap: 2rem; }.depth-lab { grid-template-columns: 1fr; }.aperture-panel { min-height: 28rem; border-right: 0; border-bottom: 1px solid var(--line); }.focus-panel { min-height: 27rem; padding: 2rem 1.2rem; }.mechanism-grid,.lumify-copy { grid-template-columns: 1fr; }.evidence-strip { grid-template-columns: 1fr 1fr; }.evidence-strip div:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }.evidence-strip div:nth-child(4) { border-top: 1px solid var(--line); }.dose-story { grid-template-columns: 1fr; }.dose-arrow { transform: rotate(90deg); justify-self: center; }.corporate-record { grid-template-columns: 1fr; gap: 2.6rem; }.attribution-note { grid-column: 1; }.thesis { grid-template-columns: 1fr; padding: 6rem 1.25rem; }.thesis-mark { display: none; }.portfolio { padding: 6rem 1.25rem; }.portfolio-heading { grid-template-columns: 2.5rem 1fr; }.portfolio-heading > p:last-child { grid-column: 2; }.company-body { padding-left: 0; }.patent-grid { grid-template-columns: 1fr 1fr; }.portfolio-note { margin-left: 0; } }
@media (max-width: 560px) { .drug-page h2 { font-size: clamp(2.75rem, 12.5vw, 4rem); }.drug-hero-links,.program-label { align-items: flex-start; flex-direction: column; }.evidence-strip,.patent-grid { grid-template-columns: 1fr; }.evidence-strip div + div,.evidence-strip div:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; }.corporate-record li { grid-template-columns: 1fr; gap: .55rem; }.company summary { align-items: flex-end; }.company summary > b { max-width: 6rem; text-align: right; }.focus-read { left: 65%; }.focus-screen { left: 36%; } }

/* Laser Vision / UMBO Vision */
.laser-page h2 { font-family: var(--serif); font-size: clamp(3.15rem, 5.4vw, 5.9rem); font-weight: 500; line-height: .89; letter-spacing: -.045em; }
.laser-hero { min-height: 100svh; display: grid; grid-template-columns: 1.1fr .55fr; align-items: center; gap: 8vw; padding: 9rem 8vw 6rem; position: relative; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 75% 45%, rgba(21,106,132,.18), transparent 30%); }.laser-copy,.laser-stat { position: relative; z-index: 2; }.laser-copy h1 { font-size: clamp(4.7rem, 8.8vw, 9rem); line-height: .78; }.laser-copy > p:not(.eyebrow) { max-width: 43rem; color: #aaaeb0; font-family: var(--serif); font-size: clamp(1.35rem, 2.2vw, 2rem); line-height: 1.35; }.laser-axis { position: absolute; width: min(56vw, 52rem); aspect-ratio: 1; right: -10vw; top: 10vh; border: 1px solid rgba(101,196,224,.18); border-radius: 50%; display: grid; place-items: center; }.laser-axis::before,.laser-axis::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(101,196,224,.22); }.laser-axis::before { inset: 24%; }.laser-axis::after { inset: 43%; background: rgba(101,196,224,.08); box-shadow: 0 0 4rem rgba(101,196,224,.22); }.laser-axis i { width: 1px; height: 100%; background: linear-gradient(transparent, rgba(101,196,224,.8), transparent); }.laser-stat { display: grid; padding: 2rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.laser-stat small { color: #69c2dc; font-size: .6rem; letter-spacing: .18em; }.laser-stat strong { margin: .25rem 0; font-family: var(--serif); font-size: clamp(3.3rem, 6vw, 6rem); font-weight: 500; line-height: 1; }.laser-stat span { color: #85898a; font-size: .76rem; margin-bottom: 2rem; }.laser-stat span:last-child { margin-bottom: 0; }
.umbo-intro { display: grid; grid-template-columns: .2fr .9fr 1fr; gap: 5vw; padding: clamp(7rem, 11vw, 11rem) 8vw; border-bottom: 1px solid var(--line); }.umbo-intro h2 { margin: 0; }.umbo-intro > div:last-child { padding-top: 2.7rem; color: #a6a19a; }
.alignment { padding: clamp(7rem, 10vw, 10rem) 8vw; background: #050809; border-bottom: 1px solid var(--line); }.alignment-heading { display: grid; grid-template-columns: .4fr 1fr; align-items: end; margin-bottom: 5rem; }.alignment-heading h2 { margin: 0; }.alignment-heading em { color: #73cce5; font-weight: 400; }.alignment-visual { display: grid; grid-template-columns: 1fr .18fr 1fr .18fr 1fr; gap: 1rem; align-items: center; }.alignment-step { min-height: 18rem; padding: 2rem; border: 1px solid rgba(101,196,224,.22); background: rgba(101,196,224,.035); }.alignment-step span { color: #73cce5; font-family: var(--serif); font-size: 1.4rem; }.alignment-step b { display: block; margin: 3.5rem 0 .7rem; font-size: .68rem; letter-spacing: .2em; }.alignment-step p { color: #929798; margin: 0; }.alignment-beam { height: 1px; background: linear-gradient(90deg, transparent, #73cce5, transparent); }.alignment-note { max-width: 52rem; margin: 2rem 0 0 auto; color: #6d7374; font-size: .72rem; }
.book-bridge { display: grid; grid-template-columns: .8fr 1.1fr; gap: 8vw; align-items: center; padding: clamp(7rem, 11vw, 11rem) 8vw; border-bottom: 1px solid var(--line); background: #070707; }.book-bridge h2 { margin-bottom: 2rem; }.book-bridge blockquote { margin: 0 0 2rem; padding-left: 1.5rem; border-left: 2px solid var(--gold); font-family: var(--serif); font-size: clamp(1.6rem, 2.8vw, 2.8rem); line-height: 1.2; }.book-bridge > div:last-child > p:last-child { color: #a6a098; }.retina-rings { width: min(36vw, 30rem); aspect-ratio: 1; justify-self: center; border: 1px solid rgba(239,184,76,.18); border-radius: 50%; display: grid; place-items: center; position: relative; }.retina-rings i { position: absolute; border: 1px solid rgba(239,184,76,.24); border-radius: 50%; }.retina-rings i:nth-child(1) { inset: 17%; }.retina-rings i:nth-child(2) { inset: 31%; }.retina-rings i:nth-child(3) { inset: 43%; }.retina-rings span { width: 1.1rem; aspect-ratio: 1; border-radius: 50%; background: var(--gold-light); box-shadow: 0 0 2.5rem var(--gold); }
.platform { display: grid; grid-template-columns: .7fr 1fr; gap: 7vw; padding: clamp(7rem, 10vw, 10rem) 8vw; border-bottom: 1px solid var(--line); }.platform h2 { margin: 0; }.platform-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); }.platform-grid article { min-height: 16rem; padding: 1.7rem; background: #070707; }.platform-grid span { color: #73cce5; font-family: var(--serif); }.platform-grid h3 { margin: 3rem 0 .8rem; font-family: var(--serif); font-size: 1.8rem; font-weight: 500; }.platform-grid p { color: #8f9291; font-size: .84rem; margin: 0; }
.vision-patent { display: grid; grid-template-columns: .6fr 1fr; gap: 7vw; padding: clamp(7rem, 11vw, 11rem) 8vw; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 15% 50%, rgba(33,119,145,.17), transparent 32%), #050707; }.patent-number { align-self: start; color: rgba(115,204,229,.38); font-family: var(--serif); font-size: clamp(4.2rem, 8vw, 8rem); line-height: .9; writing-mode: vertical-rl; transform: rotate(180deg); }.vision-patent-copy h2 { max-width: 66rem; }.vision-patent-copy > p:not(.eyebrow) { color: #a7a9a7; }.vision-patent dl { display: grid; grid-template-columns: 1fr 1fr; margin: 3rem 0; border-top: 1px solid var(--line); }.vision-patent dl div { padding: 1rem 1rem 1rem 0; border-bottom: 1px solid var(--line); }.vision-patent dl div:nth-child(even) { padding-left: 1rem; border-left: 1px solid var(--line); }.vision-patent dt { color: #6f7474; font-size: .6rem; letter-spacing: .15em; text-transform: uppercase; }.vision-patent dd { margin: .25rem 0 0; font-family: var(--serif); font-size: 1.3rem; }.laser-sources { display: grid; grid-template-columns: .3fr 1fr .6fr; gap: 5vw; padding: 4rem 8vw; border-bottom: 1px solid var(--line); }.laser-sources > div { display: grid; gap: .8rem; }.laser-sources a { color: #aaa; font-size: .75rem; text-underline-offset: .35rem; }.laser-sources a:hover { color: #73cce5; }.laser-sources > p:last-child { color: #666b6a; font-size: .7rem; }
@media (max-width: 900px) { .laser-hero { grid-template-columns: 1fr; padding: 8rem 1.25rem 5rem; }.umbo-intro { grid-template-columns: 2.5rem 1fr; padding: 6rem 1.25rem; }.umbo-intro > div:last-child { grid-column: 2; padding-top: 0; }.alignment { padding: 6rem 1.25rem; }.alignment-heading { grid-template-columns: 1fr; }.alignment-visual { grid-template-columns: 1fr; }.alignment-beam { height: 3rem; width: 1px; justify-self: center; background: linear-gradient(transparent,#73cce5,transparent); }.book-bridge { grid-template-columns: 1fr; padding: 6rem 1.25rem; }.retina-rings { width: min(75vw, 28rem); }.platform { grid-template-columns: 1fr; padding: 6rem 1.25rem; }.vision-patent { grid-template-columns: 1fr; padding: 6rem 1.25rem; }.patent-number { writing-mode: horizontal-tb; transform: none; }.laser-sources { grid-template-columns: 1fr; padding: 4rem 1.25rem; } }
@media (max-width: 560px) { .laser-page h2 { font-size: clamp(2.75rem, 12.5vw, 4rem); }.platform-grid { grid-template-columns: 1fr; }.vision-patent dl { grid-template-columns: 1fr; }.vision-patent dl div:nth-child(even) { padding-left: 0; border-left: 0; } }

/* Human Performance / staged rings */
.performance-page h2 { font-family: var(--serif); font-size: clamp(3.15rem, 5.4vw, 5.9rem); font-weight: 500; line-height: .9; letter-spacing: -.045em; }
.performance-hero { min-height: 100svh; display: grid; grid-template-columns: 1.12fr .78fr; align-items: center; gap: 7vw; padding: 9rem 8vw 6rem; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 48%, rgba(172,54,26,.18), transparent 30%), #050505; }.performance-copy { position: relative; z-index: 2; }.performance-copy h1 { margin-bottom: 2.5rem; font-size: clamp(4.4rem, 8.2vw, 8.4rem); line-height: .78; }.performance-copy h1 sub { color: var(--gold); font-family: var(--sans); font-size: .22em; vertical-align: baseline; }.performance-copy h1 span { color: var(--gold-light); }.performance-copy > p:not(.eyebrow) { max-width: 44rem; color: #b5afa6; font-family: var(--serif); font-size: clamp(1.35rem, 2.2vw, 2rem); line-height: 1.35; }.performance-copy .button { margin-top: 1.2rem; }
.performance-rings { width: min(38vw, 34rem); aspect-ratio: 1; justify-self: end; display: grid; place-items: center; }.pr-ring { border: 1px solid rgba(239,184,76,.35); border-radius: 50%; display: grid; place-items: center; position: relative; }.pr-ring > span { position: absolute; top: 6%; padding: .2rem .6rem; color: #8c857c; background: #070606; font-size: .72rem; letter-spacing: .15em; }.pr-ring-3 { width: 100%; height: 100%; }.pr-ring-2 { width: 73%; height: 73%; border-color: rgba(239,184,76,.5); }.pr-ring-1 { width: 62%; height: 62%; border-color: rgba(255,217,121,.7); }.pr-core { width: 58%; aspect-ratio: 1; border-radius: 50%; display: grid; align-content: center; justify-items: center; background: radial-gradient(circle, rgba(239,184,76,.28), rgba(80,38,10,.24) 55%, #060403 72%); box-shadow: 0 0 3.5rem rgba(239,184,76,.22); text-align: center; }.pr-core b { color: var(--gold-light); font-family: var(--serif); font-size: 2rem; font-weight: 500; }.pr-core small { max-width: 6rem; color: #b2a89a; font-size: .68rem; letter-spacing: .12em; line-height: 1.3; }
.performance-core { display: grid; grid-template-columns: .2fr .85fr 1fr; gap: 5vw; padding: clamp(7rem, 11vw, 11rem) 8vw; border-bottom: 1px solid var(--line); }.performance-core h2 { margin: 0; }.performance-core > div:last-child { padding-top: 2.5rem; color: #aaa49c; }.performance-note { margin-top: 2rem; padding: 1.2rem 1.4rem; border-left: 2px solid var(--gold); background: rgba(239,184,76,.06); font-size: .86rem; }
.revival-method { padding: clamp(7rem, 10vw, 10rem) 8vw; border-bottom: 1px solid var(--line); background: linear-gradient(145deg, #080706, #040404); }.method-intro { display: grid; grid-template-columns: .2fr .9fr 1fr; gap: 5vw; align-items: end; margin-bottom: 5rem; }.method-intro > div { grid-column: 2 / 4; display: grid; grid-template-columns: .9fr 1fr; gap: 6vw; align-items: end; }.method-intro h2 { margin: 0; }.method-intro h2 em,.memory-heading h2 em { color: var(--gold-light); font-weight: 400; }.method-intro > div > p:last-child { max-width: 39rem; margin: 0 0 .5rem; color: #aaa49c; }.session-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.session-grid article { min-height: 22rem; padding: 2rem 1.4rem; border-right: 1px solid var(--line); }.session-grid article:last-child { border-right: 0; }.session-grid span { color: #665f56; font-family: var(--serif); font-size: 1.35rem; }.session-grid small { display: block; margin-top: 3rem; color: var(--gold); font-size: .75rem; letter-spacing: .14em; }.session-grid h3 { margin: .45rem 0 .8rem; font-family: var(--serif); font-size: clamp(2rem, 2.7vw, 3rem); font-weight: 500; line-height: 1; }.session-grid p { color: #918b82; font-size: .9rem; line-height: 1.55; }.method-close { display: flex; justify-content: space-between; gap: 3rem; padding-top: 2rem; color: #948d84; }.method-close p { margin: 0; }.method-close p:last-child { color: var(--gold-light); font-family: var(--serif); font-size: 1.35rem; }
.memory-practice { padding: clamp(7rem, 10vw, 10rem) 8vw; border-bottom: 1px solid var(--line); }.memory-heading { display: grid; grid-template-columns: .2fr 1.8fr; gap: 5vw; margin-bottom: 5rem; }.memory-heading > div { display: grid; grid-template-columns: 1.15fr .75fr; gap: 6vw; align-items: end; }.memory-heading h2 { margin: 0; }.memory-heading > div > p:last-child { max-width: 31rem; margin: 0 0 .5rem; color: #aaa49c; }.memory-columns { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.memory-columns article { padding: 3rem 4vw 3rem 0; }.memory-columns article + article { padding-left: 4vw; padding-right: 0; border-left: 1px solid var(--line); }.memory-label { color: var(--gold); font-size: .75rem; letter-spacing: .16em; }.memory-columns h3 { font-family: var(--serif); font-size: clamp(2.4rem, 4vw, 4rem); font-weight: 500; line-height: 1; }.memory-columns p,.memory-columns li { color: #aaa49c; }.memory-columns ol { padding-left: 1.2rem; }.memory-columns li { padding: .4rem 0 .4rem .45rem; }.memory-columns blockquote { margin: 2rem 0; color: var(--paper); font-family: var(--serif); font-size: clamp(2rem, 3vw, 3rem); line-height: 1.05; }.memory-safety { margin-top: 2rem; padding: 1rem 1.2rem; border-left: 2px solid var(--gold); background: rgba(239,184,76,.05); font-size: .82rem; }.memory-close { max-width: 62rem; margin: 3rem auto 0; color: var(--gold-light); font-family: var(--serif); font-size: clamp(1.8rem, 3vw, 3rem); line-height: 1.1; text-align: center; }
.program-rings { display: grid; grid-template-columns: .62fr 1.2fr; gap: 8vw; padding: clamp(7rem, 10vw, 10rem) 8vw; border-bottom: 1px solid var(--line); background: #070606; }.rings-heading { position: sticky; top: 8rem; align-self: start; }.rings-heading h2 { margin-bottom: 2rem; }.rings-heading > p:last-child { max-width: 30rem; color: #918a82; }.ring-list { border-top: 1px solid var(--line); }.ring-card { display: grid; grid-template-columns: 7.5rem 1fr; gap: 2rem; padding: 3rem 0; border-bottom: 1px solid var(--line); }.ring-index { display: grid; align-content: start; gap: 1.2rem; color: #756f67; font-size: .75rem; letter-spacing: .13em; }.ring-index i { width: 4rem; aspect-ratio: 1; border: 1px solid rgba(239,184,76,.45); border-radius: 50%; position: relative; }.ring-index i::after { content: ""; position: absolute; inset: 29%; border: 1px solid rgba(255,217,121,.7); border-radius: 50%; }.ring-status { margin-bottom: .5rem; color: var(--gold); font-size: .75rem; letter-spacing: .16em; }.ring-card h3 { margin-bottom: .7rem; font-family: var(--serif); font-size: clamp(2.2rem, 3.5vw, 3.8rem); font-weight: 500; line-height: 1; }.ring-card > div:last-child > p:not(.ring-status) { color: #aaa49b; }.ring-requirements { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.5rem; }.ring-requirements span { padding: .35rem .65rem; border: 1px solid rgba(255,255,255,.13); color: #847e76; font-size: .75rem; }
.performance-principle { min-height: 78svh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 7rem 8vw; text-align: center; background: radial-gradient(circle, rgba(159,63,20,.2), transparent 48%); }.performance-principle blockquote { margin: 0 0 3.5rem; font-family: var(--serif); font-size: clamp(3.4rem, 7vw, 7.5rem); line-height: .9; letter-spacing: -.04em; }.performance-principle em { color: var(--gold-light); font-weight: 400; }
@media (max-width: 900px) { .performance-hero { grid-template-columns: 1fr; padding: 8rem 1.25rem 5rem; }.performance-rings { width: min(86vw, 34rem); justify-self: center; margin-top: 2rem; }.performance-core { grid-template-columns: 2.5rem 1fr; padding: 6rem 1.25rem; }.performance-core > div:last-child { grid-column: 2; padding-top: 0; }.revival-method,.memory-practice { padding: 6rem 1.25rem; }.method-intro,.memory-heading { grid-template-columns: 2.5rem 1fr; gap: 1.25rem; }.method-intro > div,.memory-heading > div { grid-column: 2; grid-template-columns: 1fr; gap: 1.5rem; }.session-grid { grid-template-columns: 1fr 1fr; }.session-grid article { min-height: 17rem; border-bottom: 1px solid var(--line); }.session-grid article:nth-child(even) { border-right: 0; }.session-grid article:last-child { grid-column: 1 / 3; min-height: auto; }.method-close { flex-direction: column; }.memory-columns { grid-template-columns: 1fr; }.memory-columns article { padding: 3rem 0; }.memory-columns article + article { padding: 3rem 0; border-left: 0; border-top: 1px solid var(--line); }.program-rings { grid-template-columns: 1fr; padding: 6rem 1.25rem; }.rings-heading { position: static; }.ring-card { grid-template-columns: 6rem 1fr; } }
@media (max-width: 560px) { .performance-page h2 { font-size: clamp(2.75rem, 12.5vw, 4rem); }.performance-copy h1 { font-size: clamp(4rem, 18vw, 6.2rem); }.pr-ring > span { top: 3%; font-size: .7rem; }.pr-core b { font-size: 1.25rem; }.pr-core small { font-size: .68rem; }.session-grid { grid-template-columns: 1fr; }.session-grid article,.session-grid article:last-child { grid-column: auto; min-height: auto; border-right: 0; }.session-grid small { margin-top: 1.5rem; }.ring-card { grid-template-columns: 1fr; }.ring-index { grid-template-columns: auto 1fr; align-items: center; }.ring-index i { width: 3rem; } }