.lesson{--ink:#ece7dc;--ink-soft:#c4bdaf;--ink-faint:#8a8478;--accent:#e9c48a;--r-serif:"Spectral", Georgia, serif;--r-mono:"IBM Plex Mono", ui-monospace, monospace;--rule:#ece7dc24;--night:#0b0b0c;font-family:var(--r-serif);color:var(--ink);background:var(--night)}body:has(.lesson){background:#0b0b0c}.lesson canvas{width:100%;height:100%;display:block}.lesson .cap{font:italic 300 .86rem/1.45 var(--r-serif);color:var(--ink-faint);max-width:34rem;margin:0}.l-hero{height:calc(100svh - var(--header-h));align-items:end;min-height:540px;display:grid;position:relative;overflow:hidden}.l-hero canvas{position:absolute;inset:0}.l-hero:after{content:"";pointer-events:none;background:linear-gradient(#0b0b0c00,#0b0b0cd1 70%,#0b0b0c);position:absolute;inset:45% 0 0}.l-hero-words{z-index:1;padding:0 var(--gutter) clamp(56px, 9vh, 104px);pointer-events:none;max-width:60rem;position:relative}.l-hero-words a{pointer-events:auto}.l-hero .label{margin-bottom:1.3rem}.l-hero h1{font:300 clamp(3rem, 9.5vw, 8rem)/.94 var(--r-serif);letter-spacing:-.03em;text-wrap:balance;margin:0 0 1.6rem}.l-hero .lead{font:300 clamp(1.15rem, 1rem + .6vw, 1.5rem)/1.5 var(--r-serif);color:var(--ink-soft);max-width:38rem;margin:0 0 2rem}.l-begin{font:400 .76rem/1 var(--r-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--accent);padding:.2rem 0 .7rem;text-decoration:none;display:inline-block}.l-begin:hover{color:var(--accent)}.l-hero>.cap{z-index:1;right:var(--gutter);text-align:right;max-width:22rem;font-size:.78rem;position:absolute;bottom:1.1rem}.story{padding:0 var(--gutter);border-top:1px solid var(--rule);scroll-margin-top:var(--header-h);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-areas:"hang stage""steps stage";column-gap:clamp(24px,4vw,72px);display:grid}.story>.hang{grid-area:hang;padding-top:2.4rem}.story>.hang h2{font:italic 300 clamp(1.45rem, 2.3vw, 1.85rem)/1.15 var(--r-serif);margin:0}.story>.hang .note{font:300 .98rem/1.45 var(--r-serif);color:var(--ink-faint);margin:.5rem 0 0}.story-stage{top:var(--header-h);height:calc(100svh - var(--header-h));grid-area:stage;grid-template-rows:minmax(0,1fr) auto;align-self:start;margin:0;display:grid;position:sticky}.story-stage canvas{min-height:0}.story-stage figcaption{gap:.8rem;padding:0 0 1.4rem;display:grid}.say{min-height:3.7rem;font:300 clamp(1.15rem, 1rem + .55vw, 1.5rem)/1.3 var(--r-serif);font-variant-numeric:tabular-nums lining-nums;gap:.1rem;margin:0;display:grid}.say [data-say="1"]{color:var(--ink-soft)}.say [data-say="2"]{color:var(--accent)}.story-steps{grid-area:steps;margin:0;padding:0 0 18svh;list-style:none}.story-steps li{align-content:center;min-height:84svh;display:grid}.story-steps li:first-child{min-height:62svh}.story-steps .prose{font:300 clamp(1.3rem, 1.05rem + .9vw, 1.72rem)/1.5 var(--r-serif);color:var(--ink);max-width:30rem}.story-steps .prose p{max-width:none;font:inherit;color:inherit;margin:0}.is-live .story-steps li{opacity:.28;transition:opacity .5s}.is-live .story-steps li[data-on]{opacity:1}@media (width<=860px){.l-hero>.cap{text-align:left;padding:0 var(--gutter) 1.2rem;max-width:none;position:relative;bottom:auto;right:auto}.l-hero{align-content:end}.l-hero-words{padding-bottom:1.6rem}.story{padding:0;display:block}.story>.hang{padding:1.8rem var(--gutter) 1.2rem}.story-stage{background:var(--night);border-bottom:1px solid var(--rule);z-index:2;height:50svh;padding:0 var(--gutter)}.story-stage figcaption{gap:.4rem;padding-bottom:.8rem}.story-stage .cap{font-size:.74rem;line-height:1.35}.say{min-height:3.1rem;font-size:1.05rem}.story-steps{padding:0 var(--gutter) 8svh}.story-steps li,.story-steps li:first-child{align-content:start;min-height:40svh;padding-top:2.2rem}.story-steps li:last-child{min-height:30svh}.story-steps .prose{font-size:1.24rem}}@media (prefers-reduced-motion:reduce){.is-live .story-steps li{transition:none}}.lesson .l-rest{padding-top:clamp(40px,7vw,96px)}.deeper{padding:0 0 clamp(40px,6vw,80px)}.deeper h2{font:300 clamp(2.2rem, 5vw, 3.6rem)/1 var(--r-serif);letter-spacing:-.02em;margin:0 0 1rem}.deeper .aside{max-width:36rem;margin-bottom:2rem}.deeper ol{border-bottom:1px solid var(--rule)}.deeper li a{border-top:1px solid var(--rule);grid-template-columns:minmax(0,15rem) minmax(0,1fr) auto;align-items:baseline;gap:.4rem 4rem;padding:1.5rem 0 1.6rem;text-decoration:none;display:grid}.deeper-name{font:italic 300 clamp(1.6rem, 3vw, 2.3rem)/1.1 var(--r-serif);color:var(--ink);transition:color .2s}.deeper-for{font:300 1.12rem/1.45 var(--r-serif);color:var(--ink-soft)}.deeper li a:hover .deeper-name{color:var(--accent)}@media (width<=760px){.deeper li a{grid-template-columns:minmax(0,1fr)}}.lesson .aside,.level .aside{font:300 1.1rem/1.6 var(--r-serif);color:var(--ink-soft);margin:0 0 .8rem}.lesson .words,.level .words{gap:1.1rem;margin:0;display:grid}.lesson .words dt{font:400 1.1rem/1.3 var(--r-serif)}.lesson .words dd{font:300 1.04rem/1.5 var(--r-serif);color:var(--ink-soft);margin:.15rem 0 0}.lesson .facts{gap:1.5rem;display:grid}.lesson .facts p:first-child{font:300 1.12rem/1.55 var(--r-serif);color:var(--ink);margin:0 0 .4rem}.lesson .sources,.level .sources{font:400 .8rem/1.6 var(--r-mono);letter-spacing:.02em;gap:.45rem;display:grid}.lesson .small-note,.level .small-note{color:var(--ink-faint);margin:1.1rem 0 0;font-size:.98rem}.lesson .onward ul,.level .onward ul{gap:1.1rem;display:grid}.lesson .onward li,.level .onward li{gap:.2rem;display:grid}.lesson .onward a,.level .onward a{font:400 1.25rem/1.25 var(--r-serif)}.level .reading-head{margin-bottom:clamp(28px,4vw,48px)}.level .reading-head h1{font-style:italic}.level .of{font:300 clamp(1.12rem, 1rem + .45vw, 1.34rem)/1.4 var(--r-serif);color:var(--ink-soft);margin:0 0 .9rem}.level .of a{text-decoration:none}.depths-nav{font:400 .76rem/1.4 var(--r-mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:.4rem 1.8rem;margin:0 0 clamp(28px,4vw,48px);padding:0;list-style:none;display:flex}.depths-nav a,.depths-nav span{border-bottom:1px solid var(--rule);color:var(--ink-soft);padding:.45rem 0;text-decoration:none;display:block}.depths-nav a:hover{color:var(--accent);border-color:var(--accent)}.depths-nav [aria-current]{color:var(--ink);border-color:var(--accent)}.depths-nav .absent{color:var(--ink-faint);opacity:.6;border-color:#0000}.works{border-top:1px solid var(--rule);grid-template-columns:minmax(0, var(--margin-col)) minmax(0, 1fr);gap:1.2rem 4rem;margin:0;padding:2.2rem 0 2.6rem;display:grid}.works h2{font:italic 300 clamp(1.45rem, 2.3vw, 1.85rem)/1.15 var(--r-serif);margin:0 0 .6rem}.works .note{font:300 .98rem/1.45 var(--r-serif);color:var(--ink-faint);margin:0}.works figure{margin:0}.works canvas{width:100%;height:clamp(260px,44vw,420px);display:block}.works .say{margin-top:.6rem}.works .cap{font:italic 300 .86rem/1.45 var(--r-serif);color:var(--ink-faint);max-width:40rem;margin:.8rem 0 0}.works-controls{gap:.9rem;margin-top:1.1rem;display:grid}.works-controls input[type=range]{accent-color:#e9c48a;width:100%;height:28px;margin:0}.works-presets{flex-wrap:wrap;gap:.3rem 1.4rem;display:flex}.works-presets button{font:400 .72rem/1 var(--r-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border:0;border-bottom:1px solid var(--rule);cursor:pointer;background:0 0;padding:.7rem 0 .55rem}.works-presets button:hover,.works-presets button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}@media (width<=760px){.works{grid-template-columns:minmax(0,1fr)}}.prose figure.photo{margin:2.2rem 0 2.4rem}.prose figure.photo img{background:#000;width:100%;max-width:34rem;height:auto;display:block}.prose figure.photo figcaption{font:italic 300 .9rem/1.5 var(--r-serif);color:var(--ink-faint);max-width:34rem;margin-top:.8rem}.prose figure.photo figcaption b{font:400 .7rem/1 var(--r-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-right:.5rem;font-style:normal}