:root{--paper:#f5f1e9;--family:#f4eee3;--inquiry:#f0f1eb;--host:#f5eeea;--ink:#292b27;--red:#883c2d;--muted:#827a6f;--veil-rgb:245,241,233;--photo-brightness:1;--hero-brightness:1;--photo-blend:multiply;--svg-ink:#393d36;--svg-muted:#626454;--svg-node:#5a6057;--svg-dot:#908b7d;--svg-line:#899181;--wash:#e2dfd1;--hover:#582b22;--stage-height:76vh;--stage-top:12vh}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:var(--ink);background:var(--paper);font-family:Georgia,'Times New Roman',serif}figure{margin:0}h1,h2,p{margin:0}em{font-style:normal;color:var(--red)}
.hero{height:90vh;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:var(--paper)}
.hero:before{content:'';position:absolute;inset:0;background:url('assets/hero-v5-web.webp') center 40%/cover no-repeat;filter:brightness(var(--hero-brightness));z-index:-3}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 74%,var(--paper) 100%);z-index:-1}
.title{position:relative;text-align:center;width:min(64vw,1040px);padding:20px 0;transform:translateY(-11vh)}
.title:before{content:'';position:absolute;inset:-17vh -5vw -9vh;z-index:-2;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--veil-rgb),.99) 16%,rgba(var(--veil-rgb),.91) 49%,rgba(var(--veil-rgb),.62) 67%,transparent 80%);backdrop-filter:blur(10px);mask-image:radial-gradient(ellipse,#000 45%,transparent 77%)}
h1{font-size:clamp(68px,7.9vw,150px);font-weight:400;letter-spacing:-.055em;line-height:1.02}
h1 span{display:block;color:var(--red);font-style:italic}.byline{font-size:clamp(19px,1.85vw,30px);font-style:italic;line-height:1.2;margin-top:16px;letter-spacing:.01em}.status{font:11px/1.5 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-top:18px}
.scroll-chapter{position:relative}.family{padding-top:70px;background:linear-gradient(var(--paper),var(--family) 130px)}.inquiry{background:linear-gradient(var(--family),var(--inquiry) 130px,var(--inquiry) calc(100% - 130px),var(--host))}.podcast{background:linear-gradient(var(--host),var(--host) calc(100% - 130px),var(--paper));padding-top:35px;padding-bottom:35px}
.scene{width:100%;max-width:1920px;margin:auto;display:grid;grid-template-columns:43% 1fr;gap:5%;align-items:center;padding:4vh 5vw 4vh 2.5vw;min-height:var(--stage-height)}
.art{width:100%;aspect-ratio:4/3;position:relative;min-width:0;max-height:calc(var(--stage-height) - 8vh);display:grid;place-items:center}
.art img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:var(--photo-blend);filter:brightness(var(--photo-brightness));mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
.copy{max-width:650px;min-width:0;padding:0 1vw 0 0}.copy h2{font-size:clamp(37px,3.55vw,66px);line-height:1.15;font-weight:400;letter-spacing:-.035em}.copy p{font-size:clamp(20px,1.6vw,29px);line-height:1.5;max-width:600px;margin-top:24px}.host .copy h2{font-size:clamp(37px,3.55vw,66px)}
.media-fallback{display:none;font:18px/1.5 Georgia;text-align:center;padding:25px;color:var(--muted);max-width:390px}.media-error img{display:none}.media-error .media-fallback{display:block}
.enhanced:not(.flow-mode) .family{height:calc(var(--stage-height) + 240vh + 70px)}
.enhanced:not(.flow-mode) .inquiry{height:calc(var(--stage-height) + 360vh)}
.enhanced:not(.flow-mode) .stage{height:var(--stage-height);position:sticky;top:var(--stage-top)}
.enhanced:not(.flow-mode) .stage .scene{position:absolute;inset:0;min-height:0;opacity:1;visibility:hidden;pointer-events:none;will-change:opacity}
.enhanced:not(.flow-mode) .stage .scene.is-visible{visibility:visible}
.enhanced:not(.flow-mode) .stage .scene.is-active{pointer-events:auto}
.enhanced:not(.flow-mode) .stage .scene .art{transform:translateY(calc((1 - var(--alpha,0))*8px));will-change:transform}
.enhanced:not(.flow-mode) .stage .scene .copy{transform:translateY(calc((1 - var(--alpha,0))*9px))}
.inquiry-graphic{display:block;width:100%;height:100%;overflow:visible}.paper-wash{fill:var(--wash);opacity:.24}.radar-structure{fill:none;stroke:#b4b0a4;stroke-width:1;opacity:.54}.radar-structure path{stroke-dasharray:2 5}
.anchor-label{font:21px Georgia,serif;fill:var(--svg-ink)}.life-anchor circle{fill:var(--svg-dot)}.other-life{font:26px Georgia,serif;fill:var(--muted);opacity:.77}.radar-links{fill:none;stroke:#927c69;stroke-width:1.1;opacity:.065;transition:opacity 1.1s}.radar-links.is-highlighted{opacity:.76;stroke:var(--red);stroke-width:1.5}.node-label{font:16px Georgia,serif;fill:var(--svg-node);paint-order:stroke;stroke:var(--inquiry);stroke-width:4px;stroke-linejoin:round}.contributor circle{fill:var(--svg-node)}.contributor.is-highlighted circle{fill:var(--red);r:4.5px}.contributor.is-highlighted text{fill:var(--red)}.life-anchor.is-highlighted text{fill:var(--red)}.life-anchor.is-highlighted circle{fill:var(--red)}
.static-mode .radar-links{opacity:.12}.static-mode .radar-links[data-links="languages"],.static-mode .radar-links[data-links="regulation"],.static-mode .radar-links[data-links="ai"]{opacity:.35}
@media(min-width:1800px){.scene{padding-left:3vw;padding-right:7vw;gap:4%}.copy{max-width:680px}}
@media(max-width:1000px){.scene{grid-template-columns:43% 1fr;gap:5%;padding-left:3vw;padding-right:4vw}.copy h2{font-size:34px}.copy p{font-size:21px}}
@media(max-width:700px){.scene{grid-template-columns:1fr;gap:20px;padding:34px 6vw;min-height:0}.art{max-height:none}.copy{max-width:none}.copy h2{font-size:34px}.title{width:86vw}h1{font-size:clamp(49px,10vw,70px)}.status{font-size:9px}.hero{height:85vh}.family{padding-top:35px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.enhanced .scroll-chapter{height:auto!important}.enhanced .stage{height:auto!important;position:static!important}.enhanced .stage .scene{position:static!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;min-height:var(--stage-height)}.enhanced .stage .scene .art,.enhanced .stage .scene .copy{transform:none!important}}

/* Sequential fades finish even when the reader stops scrolling. */
.enhanced:not(.flow-mode) .stage .scene:not(.is-active) .copy{visibility:hidden}
.enhanced:not(.flow-mode) .stage .scene.is-leaving .art,.enhanced:not(.flow-mode) .stage .scene.is-leaving .copy{animation:scene-out .22s ease-in both}
.enhanced:not(.flow-mode) .stage .scene.is-entering .art,.enhanced:not(.flow-mode) .stage .scene.is-entering .copy{animation:scene-in .36s ease-out both}
@keyframes scene-out{from{opacity:1}to{opacity:0}}
@keyframes scene-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes copy-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.copy em{white-space:nowrap}

.enhanced:not(.flow-mode) .podcast{height:calc(var(--stage-height) + 120vh + 70px)}
.interview .copy h2{font-size:clamp(32px,2.8vw,48px);line-height:1.24}
.closing{min-height:62vh;display:grid;place-items:center;text-align:center;padding:10vh 6vw 14vh;background:var(--paper)}
.closing-copy{max-width:760px}.closing h2{font-size:clamp(40px,4.4vw,76px);font-weight:400;line-height:1.12;letter-spacing:-.035em}.closing p{font-size:clamp(21px,1.8vw,30px);line-height:1.55;margin-top:30px}.email-copy{color:var(--red)}

/* Quiet progress controls in the held stage, with generous invisible hit targets. */
.scene-nav{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:0;z-index:5}
.scene-dot{width:36px;height:36px;display:grid;place-items:center;background:transparent;border:0;padding:0;cursor:pointer}
.scene-dot:before{content:'';width:6px;height:6px;border-radius:50%;background:#a59b8a;opacity:.6;transition:background .3s,transform .3s,opacity .3s}
.scene-dot[aria-current]:before{background:var(--red);opacity:1;transform:scale(1.35)}
.scene-dot:hover:before{opacity:1}.scene-dot:focus-visible{outline:1px solid var(--red);outline-offset:-4px;border-radius:50%}.static-mode .scene-nav{display:none}
.possibility-word{animation:possibility-drift var(--duration,11s) ease-in-out var(--phase,0s) infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:center;opacity:.82}
.possibility-word text{font:27px Georgia,serif;fill:var(--muted);letter-spacing:-.02em}.possibility-word:nth-of-type(3n) text{fill:var(--red)}
.enhanced:not(.static-mode) .scene.scene-in-view .possibility-word{animation-play-state:running}.page-hidden .possibility-word{animation-play-state:paused!important}
@keyframes possibility-drift{0%,100%{opacity:.82;transform:translate(0,0)}28%{opacity:.68;transform:translate(5px,calc(-1 * var(--lift)))}52%{opacity:.16;transform:translate(-3px,3px)}75%{opacity:.54;transform:translate(-5px,var(--lift))}}
.static-mode .possibility-word{animation:none;opacity:.85;transform:none}
.radar-structure{opacity:.65;stroke:var(--svg-line);stroke-width:1.25;stroke-dasharray:none}.radar-structure path{stroke-dasharray:3 5}.radar-content{opacity:1}.radar-content.is-outgoing{animation:radar-dissolve-out .72s ease-in-out both}.radar-content.is-incoming{animation:radar-dissolve-in .72s ease-in-out both}
@keyframes radar-dissolve-out{from{opacity:1}to{opacity:0}}
@keyframes radar-dissolve-in{from{opacity:0}to{opacity:1}}
.radar .anchor-label{font-size:20px}.radar .radar-links{opacity:.17;stroke-width:1.1}.radar .radar-links.is-highlighted{opacity:.24;stroke:#927c69;stroke-width:1.1}.radar .radar-links.is-highlighted .is-primary{stroke:var(--red);stroke-width:2;opacity:1}.radar .radar-links:has(.is-primary){opacity:.92}
@keyframes connection-flow{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.stage[data-state="transitioning"] .scene-dot[aria-current]:before{opacity:.45;transform:scale(1)}

@media(prefers-reduced-motion:reduce){.scene-nav{display:none}.possibility-word{opacity:.85;transform:none}.radar-content{opacity:1!important}}

/* All proposed contributor links are dashed; red identifies the current primary example. */
.radar .radar-links path{stroke-dasharray:.055 .03;animation:connection-flow 6s linear infinite}
.signup-link{color:var(--red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em;transition:color .2s}
.signup-link:hover{color:var(--hover)}.signup-link:focus-visible{outline:2px solid var(--red);outline-offset:8px;border-radius:3px}
.scene-nav[data-pause="holding"]:after{content:'';position:absolute;bottom:-2px;left:50%;width:36px;height:1px;background:var(--red);opacity:.45;transform-origin:left;animation:pause-progress var(--pause-duration) linear forwards}
@keyframes pause-progress{from{transform:translateX(-50%) scaleX(1)}to{transform:translateX(-50%) scaleX(0)}}

.static-mode .radar .radar-links path{animation:none}.page-hidden .radar .radar-links path,.radar:not(.is-animating) .radar-links path{animation-play-state:paused}

/* D34: a textured highlight stroke, no thread or visible motion control. */
main{position:relative;isolation:isolate}.scene .art,.scene .copy,.title,.closing-copy{position:relative;z-index:2}
.copy em{background-image:url('assets/brush-highlight.svg');background-position:left 60%;background-size:0% .84em;background-repeat:no-repeat;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:none}.copy em.ink-revealed{background-size:100% .84em;transition:background-size 1.4s cubic-bezier(.4,0,.2,1)}
.static-mode .copy em{background-image:none}
.flow-mode .scene-nav{display:none}.flow-mode .scroll-chapter{height:auto}.flow-mode .stage{height:auto;position:static}.flow-mode .scene{position:relative;visibility:visible;pointer-events:auto}
@media(max-width:700px),(max-height:500px) and (max-width:1000px){
 :root{--stage-height:auto}.hero{height:82svh;min-height:530px;max-height:800px}.hero:before{background-image:url('assets/hero-mobile-v2.webp');background-position:center center}.hero:after{background:linear-gradient(180deg,transparent 85%,var(--paper) 100%)}
 .title{width:88%;transform:translateY(-8svh);padding:10px 0}.title:before{inset:-12vh -2vw -6vh;background:radial-gradient(ellipse,rgba(var(--veil-rgb),.95) 25%,rgba(var(--veil-rgb),.86) 53%,transparent 78%);backdrop-filter:blur(5px)}h1{font-size:clamp(42px,11.2vw,60px);letter-spacing:-.045em;line-height:1.04}.byline{font-size:20px;margin-top:14px}.status{font-size:9px;letter-spacing:.12em;margin-top:14px}
 .family{padding-top:20px}.podcast{padding-top:0}.scene{grid-template-columns:1fr;gap:22px;padding:42px 24px 28px;min-height:0}.copy{order:-1;padding:0;max-width:480px;margin:auto;width:100%;text-align:center}.copy h2,.host .copy h2{font-size:22px;line-height:1.32;letter-spacing:-.015em}.copy em{white-space:normal}.copy p{font-size:16px;line-height:1.6;margin-top:16px}.interview .copy h2{font-size:22px;line-height:1.4;letter-spacing:-.012em}
 .art{max-width:540px;margin:auto;max-height:none}.art:has(.inquiry-graphic){aspect-ratio:360/350;max-width:390px}.radar .anchor-label{font-size:17px}.radar .node-label{font-size:16px;stroke-width:3px}.possibility-word text{font-size:23px;fill:var(--svg-muted)}.possibility-word{animation:none!important;opacity:1;transform:none}.cloud-first{animation:mobile-cloud-first 2s ease-in-out infinite!important;animation-play-state:paused!important}.cloud-second{animation:mobile-cloud-second 2s ease-in-out infinite!important;animation-play-state:paused!important}.scene-in-view .cloud-first,.scene-in-view .cloud-second{animation-play-state:running!important}.static-mode .cloud-first{animation:none!important;opacity:1}.static-mode .cloud-second{animation:none!important;opacity:0}
 .closing{min-height:50svh;padding:75px 28px 100px}.closing h2{font-size:22px;line-height:1.32}.closing p{font-size:16px;line-height:1.6;margin-top:24px}
}
@keyframes mobile-cloud-first{0%,42%,100%{opacity:.94;transform:translateY(0)}50%,92%{opacity:0;transform:translateY(-3px)}}
@keyframes mobile-cloud-second{0%,42%,100%{opacity:0;transform:translateY(3px)}50%,92%{opacity:.94;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.copy em{transition:none;background-image:none}.cloud-first{animation:none!important;opacity:1}.cloud-second{animation:none!important;opacity:0}.enhanced .stage .scene{min-height:0}}
@media(max-height:500px) and (max-width:1000px){.hero{height:90svh;min-height:350px}.hero:before{background-image:url('assets/hero-v5-web.webp')}.title{width:65%;transform:translateY(-4svh)}h1{font-size:45px}.title:before{inset:-45px -35px}.scene{grid-template-columns:43% 1fr;gap:5%;padding:35px 25px}.copy{order:0}.art{max-height:260px}.copy h2,.host .copy h2,.interview .copy h2{font-size:22px;text-align:center}.copy p{font-size:16px;text-align:center}.art:has(.inquiry-graphic){aspect-ratio:360/350;max-height:none}.closing{padding:65px 28px}}
@media(min-width:701px) and (max-width:1000px) and (min-height:501px){.copy em{white-space:normal}}
.page-hidden .cloud-first,.page-hidden .cloud-second{animation-play-state:paused!important}

.art picture{display:block;width:100%;height:100%}.media-error picture{display:none}
/* Compact graphics also protect label readability on two-column tablets. */
.compact-graphics .art:has(.inquiry-graphic){aspect-ratio:360/350}
.compact-graphics .radar .anchor-label{font-size:17px}.compact-graphics .radar .node-label{font-size:16px;stroke-width:3px}
.compact-graphics .possibility-word text{font-size:23px;fill:var(--svg-muted)}
.compact-graphics .possibility-word{animation:none!important;opacity:1;transform:none}
.compact-graphics .cloud-first{animation:mobile-cloud-first 2s ease-in-out infinite!important;animation-play-state:paused!important}
.compact-graphics .cloud-second{animation:mobile-cloud-second 2s ease-in-out infinite!important;animation-play-state:paused!important}
.compact-graphics .scene-in-view .cloud-first,.compact-graphics .scene-in-view .cloud-second{animation-play-state:running!important}
.compact-graphics.static-mode .cloud-first{animation:none!important;opacity:1}.compact-graphics.static-mode .cloud-second{animation:none!important;opacity:0}
.page-hidden .cloud-first,.page-hidden .cloud-second{animation-play-state:paused!important}

.no-js-graphic{display:none}
@media(max-width:1000px){.no-js .inquiry-graphic{display:none}.no-js .no-js-graphic{display:grid;gap:15px;font:20px/1.35 Georgia;color:var(--muted);width:100%;padding:18px 4px}.no-js-cloud{grid-template-columns:1fr 1fr}.no-js-connections span{padding:8px 0;border-bottom:1px solid #883c2d22}}

@media(max-width:359px){.compact-graphics .radar .anchor-label{font-size:19px}.compact-graphics .radar .node-label{font-size:18px}.compact-graphics .possibility-word text{font-size:25px}}
/* Pause must win over compact graphic animation selectors. */
.page-hidden.compact-graphics .scene-in-view .possibility-word{animation-play-state:paused!important}

@media(max-width:359px) and (min-height:501px){.title{transform:translateY(-9svh)}.status{max-width:190px;margin:14px auto 0;line-height:1.45}}

/* Follow device appearance, while query overrides allow review without changing OS settings. */
:root{color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#222321;--family:#282521;--inquiry:#242923;--host:#292422;--ink:#efe9dc;--red:#e9a08b;--muted:#bbb3a5;--veil-rgb:34,35,33;--photo-brightness:.82;--hero-brightness:.80;--photo-blend:normal;--svg-ink:#e5dfd2;--svg-muted:#c3c6b9;--svg-node:#c3c6b9;--svg-dot:#b9b3a5;--svg-line:#adb6a2;--wash:#777e69;--hover:#f6c4b4;color-scheme:dark}}
:root[data-theme="dark"]{--paper:#222321;--family:#282521;--inquiry:#242923;--host:#292422;--ink:#efe9dc;--red:#e9a08b;--muted:#bbb3a5;--veil-rgb:34,35,33;--photo-brightness:.82;--hero-brightness:.80;--photo-blend:normal;--svg-ink:#e5dfd2;--svg-muted:#c3c6b9;--svg-node:#c3c6b9;--svg-dot:#b9b3a5;--svg-line:#adb6a2;--wash:#777e69;--hover:#f6c4b4;color-scheme:dark}
/* Reduced motion wins over the compact cloud animation declarations above. */
@media(prefers-reduced-motion:reduce){.compact-graphics .cloud-first{animation:none!important;opacity:1}.compact-graphics .cloud-second{animation:none!important;opacity:0}}

/* The opening remains a softly lit parchment illustration in both appearances. */
.hero .title{color:#292b27;--red:#883c2d;--veil-rgb:245,241,233}