#scene{display:none}.has-scene #scene{display:block;position:relative;width:100vw;margin-left:calc(50% - 50vw);height:100svh;overflow-x:clip}.scene-sticky{position:sticky;top:0;height:100svh;min-height:34rem;overflow:hidden;background:url(../contours.svg) center / cover no-repeat}.scroll-cue{position:absolute;left:50%;bottom:1.5rem;transform:translate(-50%);margin:0;z-index:2;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-soft);transition:opacity .4s ease}.scroll-cue span{display:inline-block;animation:nudge 2.2s ease-in-out infinite}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.scroll-cue span{animation:none}}#scene:not([data-stage="0"]) .scroll-cue{opacity:0}@media(max-width:820px){.scroll-cue{bottom:5.5rem}}.has-scene main>.stage-0,.has-scene main>.stage-1{display:none}.has-scene:not(.show-text) main>.stage-3,.has-scene:not(.show-text) main>.stage-esm,.has-scene:not(.show-text) .text-only{display:none}.has-scene .site-head{position:absolute;inset:0 0 auto;z-index:3}.scene-canvas{position:absolute;inset:0}.scene-canvas canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .8s ease}#scene.is-ready .scene-canvas canvas{opacity:1}.scene-text{position:absolute;left:max(var(--gap),calc((100vw - 64rem)/2));top:50%;transform:translateY(-50%);width:min(32rem,38vw);transition:opacity .45s ease,transform .45s ease;z-index:2}.scene-h{font-family:var(--font-display);font-weight:var(--fw-regular);font-size:var(--fs-2xl);line-height:var(--lh-snug);margin:0;max-width:18ch}#scene .scene-text-1{opacity:0;pointer-events:none;transform:translateY(-45%)}#scene[data-stage="1"] .scene-text-0{opacity:0;pointer-events:none;transform:translateY(-55%)}#scene[data-stage="1"] .scene-text-1{opacity:1;pointer-events:auto;transform:translateY(-50%);transition-delay:.35s}#scene[data-stage="0"] .scene-text-0{transition-delay:.35s}.scene-labels{list-style:none;margin:0;padding:0}.scene-label{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:.1rem;width:11.5rem;opacity:0;z-index:2;will-change:transform,opacity}.scene-label .topic-name{font-family:var(--font-display);font-size:var(--fs-lg)}.scene-label .topic-line{font-size:var(--fs-sm);color:var(--ink-soft);line-height:var(--lh-snug)}.scene-label[data-topic=robustness] .topic-name{color:var(--ocean)}.scene-label[data-topic=errors] .topic-name{color:var(--green)}.scene-label[data-topic=antifragility] .topic-name{color:var(--earth)}.stage-control{display:none}.has-scene .stage-control{display:flex;flex-direction:column;gap:.25rem;position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);padding:.5rem .8rem;background:#ffffff2e;border:1px solid rgba(28,32,36,.08);border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5}.stage-control button,.stage-control a{display:flex;align-items:center;gap:.6rem;min-height:40px;padding:0;background:none;border:0;cursor:pointer;text-align:left;font:inherit;color:var(--ink-soft);text-decoration:none}.stage-control .dot{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--ink);flex:none}.stage-control [aria-pressed=true]{color:var(--ink)}.stage-control [aria-pressed=true] .dot{background:var(--ink)}.stage-control .code{font-family:var(--font-mono);font-size:var(--fs-xs);display:block;line-height:var(--lh-snug)}.stage-control .name{font-size:var(--fs-2xs);display:block;line-height:var(--lh-snug);color:var(--ink-soft)}@media(max-width:820px){.scene-text{top:6.5rem;transform:none;width:auto;right:var(--gap)}#scene .scene-text-1{transform:translateY(.5rem)}#scene[data-stage="1"] .scene-text-0{transform:translateY(-.5rem)}#scene[data-stage="1"] .scene-text-1{transform:none}.scene-label{width:7.5rem}.scene-label .topic-name{font-size:var(--fs-md)}.scene-label .topic-line{display:none}.has-scene .stage-control{flex-direction:row;gap:.9rem;top:auto;bottom:1rem;right:50%;transform:translate(50%);padding:.2rem .9rem}.stage-control .name{display:none}}#scene .scene-text-2{opacity:0;pointer-events:none;transform:translateY(-45%)}#scene[data-stage="2"] .scene-text-0,#scene[data-stage="2"] .scene-text-1{opacity:0;pointer-events:none}#scene[data-stage="2"] .scene-text-2{opacity:1;pointer-events:auto;transform:translateY(-50%);transition-delay:.35s}.scene-hint{margin:1rem 0 0;color:var(--ink-soft);max-width:28ch;font-size:var(--fs-sm);line-height:var(--lh-body)}.scene-label .topic-name{background:none;border:0;padding:0;margin:0;text-align:left;font:inherit;font-family:var(--font-display);font-size:var(--fs-lg);cursor:pointer}.scene-label.at-grid{width:auto;text-align:right;align-items:flex-end}.scene-label.at-grid .topic-line{display:none}.scene-label.at-grid .topic-name{font-size:var(--fs-md)}.scene-label .topic-name:hover,.scene-label.is-focused .topic-name{text-decoration:underline;text-underline-offset:.2em}.grid-axes{position:absolute;inset:0;pointer-events:none;z-index:2}.axis{position:absolute;left:0;top:0;white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-soft)}.axis-year{padding-right:4px}.axis-cat{padding-left:4px}.work-card{position:absolute;left:0;top:0;z-index:4;display:flex;flex-direction:column;gap:.3rem;width:min(20rem,80vw);padding:.9rem 1rem;background:#ffffffeb;border:1px solid rgba(28,32,36,.16);border-radius:10px;pointer-events:none}.work-card:not([hidden]){pointer-events:auto}.work-card.is-pinned{border-color:#1c202466}.work-card[hidden]{display:none}.card-kicker{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-soft)}.card-title{font-family:var(--font-display);font-size:var(--fs-lg);line-height:var(--lh-snug)}.card-meta{font-size:var(--fs-sm);color:var(--ink-soft);line-height:var(--lh-snug)}.card-link{font-family:var(--font-mono);font-size:var(--fs-xs);margin-top:.2rem}.card-also{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-soft)}@media(max-width:820px){#scene .scene-text-2{transform:translateY(.5rem)}#scene[data-stage="2"] .scene-text-2{transform:none}.scene-hint{display:none}.axis{font-size:var(--fs-2xs)}.scene-label.at-grid .topic-name{font-size:var(--fs-sm)}}.turn-button{position:absolute;left:0;top:0;z-index:3;display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:0 1rem 0 .75rem;opacity:0;visibility:hidden;background:#ffffff8c;border:1px solid rgba(28,32,36,.18);border-radius:999px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink);cursor:pointer}.turn-button:hover{border-color:var(--ink)}.turn-button svg{transition:transform .6s ease}.turn-button:hover svg{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.turn-button svg{transition:none}}#scene .scene-text-3{opacity:0;pointer-events:none;transform:translateY(-45%)}#scene[data-stage="3"] .scene-text-0,#scene[data-stage="3"] .scene-text-1,#scene[data-stage="3"] .scene-text-2{opacity:0;pointer-events:none}#scene[data-stage="3"] .scene-text-3{opacity:1;pointer-events:auto;transform:translateY(-50%);transition-delay:.6s}#scene .scene-text-3{width:min(22rem,30vw)}.scene-thanks{max-width:17ch}.esm-labels{position:absolute;inset:0;pointer-events:none;z-index:3}.esm-field{position:absolute;left:0;top:0;white-space:nowrap;font-family:var(--font-display);font-size:var(--fs-lg);color:var(--ink-soft);text-shadow:0 0 6px var(--ground),0 0 2px var(--ground)}.esm-field[data-field=climate-modeling]{color:color-mix(in srgb,var(--ocean) 80%,var(--ink))}.esm-field[data-field=philosophy]{color:color-mix(in srgb,var(--earth) 80%,var(--ink))}.esm-field[data-field=ai]{color:color-mix(in srgb,var(--green) 75%,var(--ink))}.esm-field[data-field=policy]{color:color-mix(in srgb,var(--sand) 70%,var(--ink))}.esm-person{position:absolute;left:0;top:0;white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink);padding:0 3px;border-radius:3px;background:#eef0ea8c;pointer-events:auto;text-decoration:none}a.esm-person{text-decoration:underline;text-decoration-color:#1c20244d;text-underline-offset:.2em}a.esm-person:hover,.esm-person.is-hovered{background:#fffffff2;text-decoration-color:currentColor}.esm-person.is-me{font-weight:var(--fw-strong);pointer-events:none}.esm-title{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none;font-family:var(--font-text);font-style:italic;font-size:var(--fs-sm);color:var(--ink-soft);padding:0 4px;border-radius:3px;z-index:1;background:#eef0eaeb;transition:opacity .25s ease}@media(max-width:820px){#scene .scene-text-3{transform:translateY(.5rem)}#scene[data-stage="3"] .scene-text-3{transform:none}.esm-field{font-size:var(--fs-sm)}.esm-person{font-size:var(--fs-2xs)}#scene .scene-text-3{width:auto}}.to-light-shade{position:fixed;inset:0;background:#20262d;opacity:0;pointer-events:none;z-index:20}.to-light-lifted{z-index:21}
