:root { --resource-bg: #0d130f; --resource-panel: #162019; --resource-paper: #e6e7dc; }
body { background: var(--resource-bg); }
.site-nav { background: rgba(13,19,15,.96); }

/* Index */
.papers-hero { position: relative; overflow: hidden; padding-block: clamp(78px, 10vw, 140px) clamp(58px, 7vw, 92px); border-bottom: 1px solid var(--line); background: radial-gradient(circle at 88% 10%, rgba(202,255,77,.13), transparent 28%), var(--resource-bg); }
.papers-hero::before { content: ''; position: absolute; inset: 0; opacity: .16; background-image: radial-gradient(circle, rgba(202,255,77,.75) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg, transparent 40%, #000); pointer-events: none; }
.papers-hero-grid { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(50px, 10vw, 140px); align-items: end; }
.papers-title .eyebrow { color: var(--lime); margin-bottom: 24px; }
.papers-title h1 { font-size: clamp(64px, 9.5vw, 122px); line-height: .9; letter-spacing: -.065em; }
.papers-intro { padding-top: 30px; border-top: 1px solid var(--line); }
.papers-intro > p { max-width: 540px; color: #c0c7bd; font-size: clamp(19px, 2vw, 25px); line-height: 1.55; }
.paper-spectrum { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 38px; max-width: 430px; }
.paper-spectrum i { height: 6px; border-radius: 99px; background: #32412e; }
.paper-spectrum i:nth-child(1) { background: var(--lime); }.paper-spectrum i:nth-child(2) { background: #9ec43d; }.paper-spectrum i:nth-child(3) { background: #668235; }
.paper-spectrum span { position: absolute; top: -4px; left: 23%; width: 14px; height: 14px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 25px rgba(202,255,77,.6); }
.motion-enabled .paper-spectrum span { animation: spectrumTravel 7s ease-in-out infinite; }
.papers-library { padding-block: clamp(64px, 8vw, 112px); background: var(--resource-bg); }
.papers-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.paper-card { overflow: hidden; border: 1px solid rgba(244,239,228,.16); border-radius: 30px; background: linear-gradient(145deg, #19241c, #111814); box-shadow: 0 24px 60px rgba(0,0,0,.15); }
.paper-graphic { position: relative; display: grid; place-items: center; min-height: 275px; overflow: hidden; border-bottom: 1px solid rgba(244,239,228,.12); background: #101712; }
.paper-graphic::before { content: ''; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(202,255,77,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(202,255,77,.08) 1px, transparent 1px); background-size: 34px 34px; }
.paper-copy { display: flex; flex-direction: column; min-height: 410px; padding: clamp(30px, 4vw, 46px); }
.paper-copy > .eyebrow { color: var(--lime); margin-bottom: 21px; }
.paper-copy h2 { font-size: clamp(31px, 3.4vw, 44px); line-height: 1.04; }
.paper-copy > p:not(.eyebrow) { margin-top: 22px; color: #bbc2b8; font-size: 17px; line-height: 1.65; }
.paper-actions { display: flex; align-items: center; gap: 24px; margin-top: auto; padding-top: 32px; }
.paper-actions .button { min-height: 48px; padding: 12px 22px; }
.download-link { display: inline-flex; gap: 12px; align-items: center; min-height: 48px; color: #d4d9d1; border-bottom: 1px solid #586057; font-size: 14px; font-weight: 600; }
.download-link:hover { color: var(--lime); border-color: var(--lime); }
.paper-card { transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.paper-card:hover { transform: translateY(-5px); border-color: rgba(202,255,77,.35); box-shadow: 0 30px 80px rgba(0,0,0,.25); }
.cognitive-map { position: relative; width: 250px; height: 160px; }
.cognitive-map::before, .cognitive-map::after { content: ''; position: absolute; inset: 18px 48px; border: 1px solid #58733b; border-radius: 50%; transform: rotate(27deg); }
.cognitive-map::after { transform: rotate(-27deg); }
.cognitive-map i { position: absolute; z-index: 1; width: 16px; height: 16px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 24px rgba(202,255,77,.5); }
.cognitive-map i:nth-child(1) { left: 24px; top: 72px; }.cognitive-map i:nth-child(2) { left: 117px; top: 7px; }.cognitive-map i:nth-child(3) { right: 24px; top: 72px; }.cognitive-map i:nth-child(4) { left: 117px; bottom: 7px; }
.cognitive-map span { position: absolute; left: 102px; top: 57px; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--lime); background: rgba(202,255,77,.12); }
.motion-enabled .paper-cognitive .cognitive-map { animation: orbitFloat 6s ease-in-out infinite alternate paused; }.motion-enabled .paper-cognitive .is-in-view .cognitive-map, .motion-enabled .paper-cognitive .paper-graphic.is-in-view .cognitive-map { animation-play-state: running; }
.womens-signal { position: relative; display: flex; align-items: end; gap: 12px; height: 150px; }
.womens-signal i { width: 23px; border: 1px solid #66863e; border-radius: 99px 99px 6px 6px; background: linear-gradient(180deg, var(--lime), #43612f); }
.womens-signal i:nth-child(1) { height: 42px; }.womens-signal i:nth-child(2) { height: 75px; }.womens-signal i:nth-child(3) { height: 112px; }.womens-signal i:nth-child(4) { height: 89px; }.womens-signal i:nth-child(5) { height: 135px; }
.womens-signal span { position: absolute; left: -28px; right: -28px; top: 60px; height: 1px; background: var(--lime); transform: rotate(-13deg); box-shadow: 0 0 12px rgba(202,255,77,.5); }
.evolution-path { position: relative; display: flex; align-items: center; gap: 13px; color: #c7cfc3; font: 500 9px/1 var(--font-label); letter-spacing: .12em; text-transform: uppercase; }
.evolution-path span { display: grid; place-items: center; width: 98px; height: 98px; border: 1px solid #526343; border-radius: 50%; }
.evolution-path span:last-child { background: var(--lime); color: var(--ink); box-shadow: 0 0 30px rgba(202,255,77,.28); }
.evolution-path i { width: 28px; height: 1px; background: #708f44; }
.participant-loop { position: relative; display: grid; grid-template-columns: repeat(3, 76px); gap: 23px; text-align: center; }
.participant-loop::before { content: ''; position: absolute; left: 39px; right: 39px; top: 37px; height: 1px; background: #617e3e; }
.participant-loop i { position: relative; z-index: 1; display: block; width: 74px; height: 74px; border: 1px solid #5d753f; border-radius: 50%; background: #141c16; }
.participant-loop i:nth-child(2) { background: var(--lime); box-shadow: 0 0 30px rgba(202,255,77,.26); }
.participant-loop span { color: #afb7ac; font: 500 8px/1 var(--font-label); letter-spacing: .12em; text-transform: uppercase; }
.resource-cta { padding-block: 68px; background: radial-gradient(circle at 14% 20%, #e0ff8c, transparent 34%), linear-gradient(135deg, var(--lime), #b9e43c); color: var(--ink); }
.resource-cta-inner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 35px; }
.resource-cta .eyebrow { margin-bottom: 15px; color: #385323; }
.resource-cta h2 { max-width: 770px; font-size: clamp(38px, 5vw, 62px); line-height: 1.02; }
.resource-cta h2 span { color: #2f4f26; }

/* Article */
.paper-article-hero { position: relative; overflow: hidden; padding-block: clamp(72px, 8vw, 116px); background: radial-gradient(circle at 86% 22%, rgba(202,255,77,.12), transparent 28%), var(--resource-bg); }
.paper-article-hero::before { content: ''; position: absolute; inset: 0; opacity: .14; background-image: radial-gradient(circle, rgba(202,255,77,.8) 1px, transparent 1px); background-size: 40px 40px; mask-image: linear-gradient(90deg, transparent 48%, #000); }
.article-hero-grid { position: relative; display: grid; grid-template-columns: 1.12fr .88fr; gap: clamp(50px, 9vw, 120px); align-items: center; }
.article-hero-copy .eyebrow { color: var(--lime); margin-bottom: 25px; }
.article-hero-copy h1 { max-width: 800px; font-size: clamp(48px, 6.7vw, 83px); line-height: .98; letter-spacing: -.055em; }
.article-subtitle { max-width: 650px; margin-top: 26px; color: #c3c9c0; font-size: clamp(20px, 2vw, 27px); line-height: 1.45; }
.author-block { display: flex; align-items: center; gap: 17px; margin-top: 34px; padding-top: 27px; border-top: 1px solid var(--line); }
.author-avatar { display: grid; place-items: center; width: 51px; height: 51px; flex: 0 0 51px; border-radius: 50%; background: var(--lime); color: var(--ink); font: 600 12px var(--font-label); }
.author-block strong, .author-block small { display: block; }
.author-block strong { font-size: 15px; }.author-block small { margin-top: 5px; color: var(--muted); font-size: 12px; }
.article-hero-graphic { position: relative; display: grid; place-items: center; min-height: 460px; border: 1px solid rgba(202,255,77,.2); border-radius: 32px; background: linear-gradient(145deg, #18231b, #111813); overflow: hidden; }
.article-hero-graphic::before { content: ''; position: absolute; inset: 0; opacity: .17; background-image: linear-gradient(rgba(202,255,77,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(202,255,77,.1) 1px, transparent 1px); background-size: 35px 35px; }
.brain-signal { position: relative; width: 300px; height: 230px; }
.brain-signal::before, .brain-signal::after { content: ''; position: absolute; inset: 20px 62px; border: 1px solid #66853f; border-radius: 50%; transform: rotate(34deg); }
.brain-signal::after { transform: rotate(-34deg); }
.brain-signal i { position: absolute; z-index: 1; width: 18px; height: 18px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 24px rgba(202,255,77,.65); }
.brain-signal i:nth-child(1) { left: 22px; top: 106px; }.brain-signal i:nth-child(2) { left: 141px; top: 7px; }.brain-signal i:nth-child(3) { right: 22px; top: 106px; }.brain-signal i:nth-child(4) { left: 141px; bottom: 7px; }
.brain-signal span { position: absolute; left: 124px; top: 89px; width: 52px; height: 52px; border: 1px solid var(--lime); border-radius: 50%; background: rgba(202,255,77,.13); box-shadow: 0 0 40px rgba(202,255,77,.1); }
.motion-enabled .article-hero-graphic.is-in-view .brain-signal { animation: orbitFloat 7s ease-in-out infinite alternate; }
.signal-caption { position: absolute; left: 28px; right: 28px; bottom: 28px; display: flex; justify-content: space-between; gap: 15px; color: var(--muted); font: 500 8px var(--font-label); letter-spacing: .12em; text-transform: uppercase; }
.article-hero-graphic .participant-loop { transform: scale(1.2); }
.article-hero-graphic .evolution-path { transform: scale(1.05); }
.article-hero-graphic .womens-signal { transform: scale(1.2); }
.article-hero-graphic .participant-loop i, .article-hero-graphic .womens-signal i, .article-hero-graphic .evolution-path span { background-color: #172019; }
.article-hero-graphic .participant-loop i:nth-child(2), .article-hero-graphic .evolution-path span:last-child { background: var(--lime); }
.paper-hero-caption { position: absolute; left: 28px; right: 28px; bottom: 28px; display: flex; justify-content: space-between; gap: 15px; color: var(--muted); font: 500 8px var(--font-label); letter-spacing: .12em; text-transform: uppercase; }
.article-section { padding-block: clamp(72px, 8vw, 108px); }
.article-column { width: min(100% - var(--gutter) * 2, 810px); margin-inline: auto; }
.article-column > .eyebrow, .model-copy > .eyebrow, .framework-head > .eyebrow { margin-bottom: 20px; color: var(--lime); }
.article-column h2, .model-copy h2, .framework-head h2 { margin-bottom: 28px; font-size: clamp(38px, 5vw, 58px); line-height: 1.04; }
.article-column > p, .model-copy > p, .framework-head > p { color: #c0c7bd; font-size: 18px; line-height: 1.78; }
.article-column > p + p { margin-top: 22px; }
.article-column .lead { color: var(--ink); font-size: clamp(23px, 2.6vw, 31px); line-height: 1.52; letter-spacing: -.02em; }
.light .article-column > p:not(.lead), .light .model-copy > p { color: #566058; }
.article-column blockquote { margin: 48px 0 0; padding: 34px 0 34px 32px; border-left: 3px solid var(--lime); color: var(--ivory); font-size: clamp(26px, 3.6vw, 39px); font-weight: 550; line-height: 1.28; letter-spacing: -.035em; }
.light .article-column blockquote { color: var(--green); border-color: var(--green); }
.model-grid { display: grid; grid-template-columns: 1fr .9fr; gap: clamp(48px, 8vw, 100px); align-items: center; }
.model-copy > .eyebrow, .framework-head > .eyebrow, .biomarker-section .eyebrow, .conclusion-section .eyebrow { color: var(--green); }
.model-diagram { position: relative; min-height: 420px; border: 1px solid var(--line-light); border-radius: 30px; background: #d9e1d3; overflow: hidden; }
.model-diagram::before { content: ''; position: absolute; inset: 0; opacity: .3; background-image: radial-gradient(circle, rgba(30,79,53,.5) 1px, transparent 1px); background-size: 30px 30px; }
.model-center, .model-node { position: absolute; z-index: 2; display: grid; place-items: center; border-radius: 50%; font: 500 9px var(--font-label); letter-spacing: .1em; text-transform: uppercase; }
.model-center { left: 50%; top: 50%; width: 118px; height: 118px; transform: translate(-50%,-50%); background: var(--green); color: var(--ivory); box-shadow: 0 15px 40px rgba(30,79,53,.25); }
.model-node { width: 82px; height: 82px; border: 1px solid rgba(30,79,53,.35); background: var(--resource-paper); color: var(--green); }
.node-neural { left: 12%; top: 15%; }.node-biometric { right: 11%; top: 17%; }.node-reported { right: 17%; bottom: 10%; }
.model-line { position: absolute; z-index: 1; left: 50%; top: 50%; height: 1px; background: rgba(30,79,53,.45); transform-origin: left; }
.line-one { width: 34%; transform: rotate(216deg); }.line-two { width: 34%; transform: rotate(-36deg); }.line-three { width: 32%; transform: rotate(40deg); }
.framework-head { max-width: 780px; margin-bottom: 44px; }
.framework-head > p { max-width: 660px; }
.framework-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.framework-card { min-height: 470px; padding: 30px; border: 1px solid rgba(244,239,228,.16); border-radius: 27px; background: linear-gradient(145deg, #19241c, #111814); }
.framework-card > .eyebrow { color: var(--lime); margin: 28px 0 19px; font-size: 9px; }
.framework-card h3 { font-size: 29px; line-height: 1.1; }
.framework-card > p:last-child { margin-top: 17px; color: #bbc2b8; font-size: 16px; line-height: 1.68; }
.paper-section-head { max-width: 820px; margin-bottom: 44px; }
.paper-section-head > .eyebrow { margin-bottom: 20px; color: var(--lime); }
.light .paper-section-head > .eyebrow { color: var(--green); }
.paper-section-head h2 { margin-bottom: 24px; font-size: clamp(38px, 5vw, 58px); line-height: 1.04; }
.paper-section-head > p { max-width: 760px; color: #c0c7bd; font-size: 18px; line-height: 1.75; }
.paper-section-head > p + p { margin-top: 18px; }
.light .paper-section-head > p { color: #566058; }
.paper-topic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.paper-topic-grid.three-up { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.paper-topic-card { padding: clamp(26px, 3vw, 34px); border: 1px solid rgba(244,239,228,.16); border-radius: 27px; background: linear-gradient(145deg, #19241c, #111814); }
.paper-topic-card > .eyebrow { margin-bottom: 18px; color: var(--lime); font-size: 9px; }
.paper-topic-card h3 { font-size: clamp(25px, 3vw, 32px); line-height: 1.12; }
.paper-topic-card > p { margin-top: 17px; color: #bbc2b8; font-size: 16px; line-height: 1.68; }
.paper-topic-meta { display: grid; gap: 13px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.paper-topic-meta p { color: #c6ccc3; font-size: 14px; line-height: 1.6; }
.paper-topic-meta strong { color: var(--ivory); }
.light .paper-topic-card { border-color: var(--line-light); background: #dde3d6; }
.light .paper-topic-card > .eyebrow { color: var(--green); }
.light .paper-topic-card h3 { color: var(--ink); }
.light .paper-topic-card > p, .light .paper-topic-meta p { color: #566058; }
.light .paper-topic-meta { border-color: var(--line-light); }
.light .paper-topic-meta strong { color: var(--ink); }
.article-column .paper-points { display: grid; gap: 18px; margin: 30px 0 0; padding: 0; list-style: none; }
.article-column .paper-points li { position: relative; padding-left: 23px; color: #c0c7bd; font-size: 18px; line-height: 1.72; }
.article-column .paper-points li::before { content: ''; position: absolute; left: 0; top: .72em; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); }
.light .article-column .paper-points li { color: #566058; }
.article-references { padding-block: clamp(64px, 7vw, 92px); background: #111914; }
.article-references .wrap { display: grid; grid-template-columns: .38fr 1fr; gap: clamp(38px, 7vw, 90px); }
.article-references .eyebrow { color: var(--lime); }
.article-references ol { columns: 2; column-gap: 54px; margin: 0; padding-left: 20px; }
.article-references li { break-inside: avoid; margin: 0 0 15px; padding-left: 7px; color: #aeb6ac; font-size: 13px; line-height: 1.6; }
.framework-icon { position: relative; display: flex; align-items: end; gap: 7px; height: 93px; padding: 18px; border: 1px solid rgba(202,255,77,.2); border-radius: 17px; background: #101712; overflow: hidden; }
.eeg-icon i { width: 5px; border-radius: 99px; background: var(--lime); }.eeg-icon i:nth-child(1) { height: 20px; }.eeg-icon i:nth-child(2) { height: 52px; }.eeg-icon i:nth-child(3) { height: 34px; }.eeg-icon i:nth-child(4) { height: 61px; }
.biometric-icon { align-items: center; }.biometric-icon i { display: block; width: 12px; height: 12px; border: 1px solid var(--lime); border-radius: 50%; }.biometric-icon i:nth-child(3) { width: 28px; height: 28px; background: var(--lime); }
.survey-icon { display: block; }.survey-icon i { display: block; width: 70%; height: 1px; margin: 13px 0; background: #607744; }.survey-icon i:nth-child(2) { width: 88%; }.survey-icon i:nth-child(3) { width: 55%; }.survey-icon span { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; border-radius: 50%; background: var(--lime); }
.impact-section { background: radial-gradient(circle at 84% 25%, rgba(202,255,77,.07), transparent 30%), var(--resource-bg); }
.paper-contact { padding-block: 68px; background: radial-gradient(circle at 10% 10%, #e2ff95, transparent 34%), linear-gradient(135deg, var(--lime), #b8e53b); color: var(--ink); }
.paper-contact-inner { display: grid; grid-template-columns: 1fr auto; gap: 42px; align-items: center; }
.paper-contact .eyebrow { margin-bottom: 16px; color: #3c552a; }.paper-contact h2 { font-size: clamp(38px, 5vw, 62px); line-height: 1.03; }.paper-contact p:not(.eyebrow) { max-width: 670px; margin-top: 18px; color: #3e532f; font-size: 18px; line-height: 1.6; }
.paper-newsletter { padding-block: clamp(74px, 8vw, 108px); background: #162019; }
.paper-newsletter-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px, 9vw, 120px); align-items: end; }
.paper-newsletter .eyebrow { margin-bottom: 20px; color: var(--lime); }.paper-newsletter h2 { font-size: clamp(43px, 6vw, 72px); line-height: 1; }.paper-newsletter h2 span { color: var(--lime); }
.paper-newsletter-grid > div:last-child { padding-top: 28px; border-top: 1px solid var(--line); }.paper-newsletter-grid > div:last-child > p { color: #c0c7bd; font-size: 19px; line-height: 1.6; }.paper-newsletter .button { margin-top: 26px; }.paper-newsletter small { display: block; margin-top: 16px; color: var(--muted); }

@keyframes spectrumTravel { 0%, 10% { left: 0; } 50% { left: 50%; } 90%, 100% { left: calc(100% - 14px); } }
@keyframes orbitFloat { from { transform: translateY(-5px) rotate(-1deg); } to { transform: translateY(7px) rotate(1deg); } }

@media (max-width: 1080px) {
  .nav-links { gap: 15px; }
  .paper-copy { min-height: 450px; }
  .article-hero-grid { grid-template-columns: 1fr; }
  .article-hero-copy { max-width: 880px; }
  .article-hero-graphic { min-height: 390px; }
}
@media (max-width: 800px) {
  .papers-hero-grid, .model-grid, .paper-contact-inner, .paper-newsletter-grid { grid-template-columns: 1fr; }
  .papers-intro { max-width: 680px; }
  .paper-copy { min-height: 470px; }
  .resource-cta-inner { grid-template-columns: 1fr; justify-items: start; }
  .framework-grid { grid-template-columns: 1fr; }
  .paper-topic-grid, .paper-topic-grid.three-up { grid-template-columns: 1fr; }
  .framework-card { min-height: 0; }
  .model-diagram { min-height: 370px; }
  .paper-contact-inner { justify-items: start; }
  .article-references .wrap { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  .papers-title h1 { font-size: clamp(58px, 18vw, 86px); }
  .papers-grid { grid-template-columns: 1fr; }
  .paper-card { border-radius: 24px; }
  .paper-graphic { min-height: 230px; }
  .paper-copy { min-height: 0; padding: 28px 24px; }
  .paper-copy h2 { font-size: 34px; }
  .paper-copy > p:not(.eyebrow) { font-size: 16px; }
  .paper-actions { align-items: stretch; flex-direction: column; gap: 13px; }
  .paper-actions .button { width: 100%; }
  .download-link { justify-content: center; border: 1px solid #4c564d; border-radius: 999px; }
  .evolution-path { width: 100%; justify-content: center; gap: 6px; transform: none; }
  .evolution-path span { width: 72px; height: 72px; font-size: 7px; }
  .evolution-path i { width: 14px; }
  .resource-cta .button, .paper-contact .button, .paper-newsletter .button { width: 100%; }
  .article-hero-copy h1 { font-size: clamp(44px, 13.5vw, 64px); }
  .article-hero-graphic { min-height: 330px; }
  .brain-signal { transform: scale(.78); }
  .article-hero-graphic .participant-loop, .article-hero-graphic .womens-signal { transform: scale(.9); }
  .article-hero-graphic .evolution-path { transform: none; }
  .signal-caption { gap: 8px; font-size: 6px; }
  .paper-hero-caption { gap: 8px; font-size: 6px; }
  .article-column > p, .model-copy > p, .framework-head > p { font-size: 17px; }
  .article-column blockquote { margin-top: 36px; padding: 28px 0 28px 23px; font-size: 27px; }
  .model-diagram { min-height: 330px; }
  .model-center { width: 100px; height: 100px; }
  .model-node { width: 70px; height: 70px; font-size: 7px; }
  .article-references ol { columns: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .paper-spectrum span, .cognitive-map, .brain-signal { animation: none !important; }
}