:root {
  --ink: #f7f2ff;
  --muted: #aaa2b6;
  --night: #09080d;
  --night-soft: #100e16;
  --line: rgba(255, 255, 255, 0.14);
  --violet: #a877ff;
  --cyan: #36e7ff;
  --magenta: #ff4fbd;
  --ember: #ff875e;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--night); }
body { margin: 0; background: radial-gradient(circle at 80% 5%, rgba(168,119,255,.12), transparent 24rem), var(--night); color: var(--ink); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }

.site-header { position: sticky; top: 0; z-index: 20; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 76px; padding: 0 4vw; border-bottom: 1px solid var(--line); background: rgba(9,8,13,.84); backdrop-filter: blur(18px); }
.wordmark { display: inline-flex; align-items: center; gap: 12px; width: fit-content; font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.wordmark-mark { display: grid; place-items: center; width: 34px; aspect-ratio: 1; border: 1px solid rgba(54,231,255,.65); border-radius: 50%; color: var(--cyan); font-size: .64rem; }
nav { display: flex; gap: clamp(18px,2.5vw,40px); color: var(--muted); font-size: .75rem; }
nav a,.text-link,.entry-card a { transition: color 180ms ease; }
nav a:hover,nav a:focus-visible,.text-link:hover,.text-link:focus-visible,.entry-card a:hover,.entry-card a:focus-visible { color: var(--cyan); }
.site-header>.button { justify-self: end; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 50px; padding: 0 22px; border: 1px solid var(--cyan); border-radius: 100px; background: var(--cyan); color: #07080a; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; transition: transform 180ms ease, box-shadow 180ms ease; }
.button:hover,.button:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 35px rgba(54,231,255,.22); }
.button-small { min-height: 40px; padding: 0 18px; }
.button-outline { margin-top: 34px; background: transparent; color: var(--cyan); }

.hero { position: relative; display: grid; grid-template-columns: minmax(0,.88fr) minmax(420px,1.12fr); gap: clamp(32px,6vw,96px); align-items: center; min-height: calc(100vh - 76px); padding: 7vw 7vw 7vw 9vw; overflow: hidden; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { margin: 0 0 24px; color: var(--cyan); font-size: .68rem; font-weight: 700; letter-spacing: .19em; text-transform: uppercase; }
h1,h2,h3,p { margin-top: 0; }
h1,h2 { font-family: Georgia,"Times New Roman",serif; font-weight: 400; }
h1 { max-width: 780px; margin-bottom: 30px; font-size: clamp(4rem,7vw,8.4rem); line-height: .88; letter-spacing: -.055em; }
h1 span { display: block; background: linear-gradient(92deg,var(--violet),var(--magenta),var(--ember)); background-clip: text; color: transparent; }
.hero-intro { max-width: 590px; margin-bottom: 36px; color: #d3cdda; font-family: Georgia,"Times New Roman",serif; font-size: clamp(1.12rem,1.6vw,1.35rem); line-height: 1.58; }
.hero-actions { display: flex; gap: 26px; align-items: center; }
.text-link { display: inline-flex; gap: 10px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); color: var(--ink); font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.hero-visual { position: relative; min-height: 65vh; border: 1px solid var(--line); border-radius: 46% 46% 10px 10px; overflow: hidden; background: radial-gradient(circle at 56% 48%,rgba(54,231,255,.8) 0 2px,transparent 3px),radial-gradient(ellipse at 50% 50%,rgba(168,119,255,.25),transparent 43%),linear-gradient(145deg,#171024,#09080d 70%); }
.hero-visual img { width: 100%; height: 100%; min-height: 65vh; object-fit: cover; display: block; }
.hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 60%,rgba(9,8,13,.82)); pointer-events:none; }
.image-note { position:absolute; z-index:2; right:24px; bottom:22px; left:24px; display:flex; justify-content:space-between; gap:20px; color:rgba(255,255,255,.8); font-size:.61rem; letter-spacing:.12em; text-transform:uppercase; }
.vertical-note { position:absolute; left:2.3vw; bottom:8vw; margin:0; color:#696273; font-size:.56rem; letter-spacing:.2em; writing-mode:vertical-rl; transform:rotate(180deg); }

.thesis-band { display:flex; justify-content:center; gap:.3em; padding:34px 5vw; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#0d0b12; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.3rem,2.5vw,2.6rem); }
.thesis-band p { margin:0; }
.thesis-accent { color:var(--magenta); font-style:italic; }
.section { padding:clamp(90px,10vw,160px) 8vw; }
.section-heading { max-width:850px; margin-bottom:58px; }
.section-heading h2,.seeker-copy h2,.about-section h2 { margin-bottom:0; font-size:clamp(3rem,5.2vw,6rem); line-height:.98; letter-spacing:-.045em; }

.entry-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.entry-card { display:flex; flex-direction:column; min-height:390px; padding:clamp(26px,3vw,46px); border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--night-soft); }
.entry-card.featured { background:linear-gradient(155deg,rgba(168,119,255,.16),rgba(255,79,189,.07)); }
.entry-number { color:var(--cyan); font-family:Georgia,"Times New Roman",serif; font-size:1rem; }
.entry-card h3 { margin:70px 0 18px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.5rem,2.2vw,2.35rem); font-weight:400; line-height:1.12; }
.entry-card p { color:var(--muted); font-size:.9rem; line-height:1.65; }
.entry-card a { display:flex; justify-content:space-between; margin-top:auto; color:#eae4ef; font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }

.library-section { background:#f0eaf5; color:#111016; }
.library-section .eyebrow { color:#6540a6; }
.split-heading { display:grid; grid-template-columns:1.4fr .6fr; gap:7vw; max-width:none; }
.split-heading>p,.field-intro { align-self:end; margin-bottom:4px; color:#5f5966; line-height:1.7; }
.essay-list { border-top:1px solid rgba(17,16,22,.25); }
.essay-row { display:grid; grid-template-columns:70px 1fr auto; gap:28px; align-items:start; padding:34px 12px; border-bottom:1px solid rgba(17,16,22,.25); transition:background 180ms ease,padding 180ms ease; }
.essay-row:hover,.essay-row:focus-visible { padding-right:24px; padding-left:24px; background:rgba(168,119,255,.09); }
.essay-index,.essay-theme { font-size:.65rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.essay-index { color:#766e7d; }
.essay-theme { color:#6540a6; }
.essay-row h3 { margin:6px 0 8px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.5rem,2.7vw,2.7rem); font-weight:400; }
.essay-row p { max-width:740px; margin:0; color:#5f5966; line-height:1.6; }
.essay-arrow { font-size:1.4rem; }
.library-section .button-outline { border-color:#6540a6; color:#6540a6; }

.seeker-section { display:grid; grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr); gap:8vw; align-items:center; min-height:760px; padding:9vw 8vw; overflow:hidden; background:radial-gradient(circle at 18% 50%,rgba(54,231,255,.1),transparent 28rem),#0b0a0f; }
.seeker-orbit { position:relative; width:min(38vw,520px); aspect-ratio:1; margin:auto; }
.orbit { position:absolute; inset:12%; border:1px solid rgba(54,231,255,.34); border-radius:50%; }
.orbit-one { transform:translateX(-15%); }
.orbit-two { transform:translateX(15%); border-color:rgba(255,79,189,.42); }
.orbit-three { transform:translateY(15%); border-color:rgba(168,119,255,.42); }
.orbit-core { position:absolute; top:50%; left:50%; display:grid; place-items:center; width:66px; aspect-ratio:1; border-radius:50%; background:var(--ink); box-shadow:0 0 60px rgba(54,231,255,.42); color:#0b0a0f; font-family:Georgia,"Times New Roman",serif; transform:translate(-50%,-50%); }
.seeker-lead { max-width:680px; margin:32px 0 50px; color:#cdc6d4; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.25rem,2vw,1.75rem); line-height:1.55; }
.principles { border-top:1px solid var(--line); }
.principles div { display:grid; grid-template-columns:48px 1fr; gap:20px; padding:19px 0; border-bottom:1px solid var(--line); }
.principles span { color:var(--magenta); font-size:.66rem; }
.principles p { margin:0; color:#bab2c3; font-size:.9rem; line-height:1.55; }

.field-study-section { background:#15111c; }
.field-study-section .split-heading>div:last-child { color:#b6afbd; }
.fine-print { color:#7f7787; font-size:.73rem; }
.session-grid { display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0; border-top:1px solid var(--line); border-left:1px solid var(--line); list-style:none; }
.session-grid li { min-height:150px; padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); font-family:Georgia,"Times New Roman",serif; font-size:1.1rem; line-height:1.35; }
.session-grid span { display:block; margin-bottom:38px; color:var(--cyan); font-family:Arial,Helvetica,sans-serif; font-size:.62rem; }
.field-cta { display:flex; justify-content:space-between; gap:40px; align-items:center; margin-top:48px; }
.field-cta p { max-width:650px; margin:0; color:#aaa2b1; line-height:1.6; }

.about-section { display:grid; grid-template-columns:1fr 1fr; gap:8vw; padding:clamp(100px,12vw,190px) 8vw; background:#f0eaf5; color:#111016; }
.about-section .eyebrow { color:#6540a6; }
.about-copy { max-width:650px; padding-top:24px; }
.about-copy p { font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.25rem,2vw,1.65rem); line-height:1.55; }
.about-copy .text-link { margin-top:24px; border-color:rgba(17,16,22,.25); color:#6540a6; }

footer { display:grid; grid-template-columns:1fr auto 1fr; gap:30px; align-items:center; min-height:130px; padding:30px 4vw; border-top:1px solid var(--line); color:#77717f; font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; }
footer p { margin:0; }
footer p:last-child { justify-self:end; }
.footer-wordmark { color:var(--ink); }

@media (max-width:980px) {
  .site-header { grid-template-columns:1fr auto; }
  nav { display:none; }
  .hero { grid-template-columns:1fr; padding-top:90px; }
  .hero-visual,.hero-visual img { min-height:56vh; }
  .vertical-note { display:none; }
  .entry-grid { grid-template-columns:1fr; }
  .entry-card { min-height:310px; }
  .seeker-section { grid-template-columns:1fr; }
  .seeker-orbit { width:min(76vw,470px); }
  .session-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:680px) {
  .site-header { min-height:68px; padding:0 20px; }
  .wordmark>span:last-child { display:none; }
  .hero { min-height:auto; padding:72px 22px 54px; }
  h1 { font-size:clamp(3.7rem,18vw,5.4rem); }
  .hero-actions,.field-cta,.thesis-band { align-items:flex-start; flex-direction:column; }
  .hero-visual,.hero-visual img { min-height:430px; }
  .image-note { flex-direction:column; }
  .thesis-band { gap:4px; padding:28px 22px; }
  .section,.seeker-section,.about-section { padding:82px 22px; }
  .split-heading,.about-section { grid-template-columns:1fr; gap:30px; }
  .essay-row { grid-template-columns:36px 1fr; gap:14px; }
  .essay-arrow { display:none; }
  .session-grid { grid-template-columns:1fr; }
  footer { grid-template-columns:1fr; padding:44px 22px; }
  footer p:last-child { justify-self:start; }
}

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