*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #fff3e3;--plum: #2b1630;--lilac: #8c6e9b;--peach: #f6b98e;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Instrument Sans", system-ui, sans-serif}html{scroll-behavior:auto}body{background:#000;color:var(--cream);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:2px solid var(--peach);outline-offset:3px}.topbar{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px;padding:0 clamp(16px,3vw,32px);background:linear-gradient(rgb(0 0 0 / .5),transparent);color:#fff;font-size:.9rem;text-shadow:0 1px 8px rgb(0 0 0 / .4)}.topbar a{text-decoration:none}.topbar a:hover{text-decoration:underline;text-underline-offset:3px}.topbar__crumbs{display:flex;align-items:baseline;gap:10px;min-width:0}.topbar__home{font-family:var(--serif);font-style:italic;font-size:1.35rem}.topbar__sep{opacity:.5}.topbar__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:.85}.topbar__links{display:flex;align-items:center;gap:20px;flex-shrink:0}.topbar__github{display:grid;place-items:center;width:32px;height:32px;border-radius:50%}.topbar__github:hover{background:#ffffff1f}@media (max-width: 520px){.topbar__sep,.topbar__title{display:none}}.stats{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:70;width:min(300px,calc(100vw - 24px));padding:10px 12px;border-radius:10px;background:#000000c7;color:#fff;font:11px/1.45 ui-monospace,Cascadia Code,Menlo,monospace;font-variant-numeric:tabular-nums}.stats dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:8px 0}.stats dt{opacity:.6}.stats button{padding:4px 10px;border:1px solid rgb(255 255 255 / .3);border-radius:6px;background:transparent;color:inherit;font:inherit}.stats__toggle{width:100%}.stats__actions{display:flex;gap:8px}.stats textarea{width:100%;margin-top:8px;background:#111;color:inherit;font:inherit}.stats__note{margin-top:6px;opacity:.7}.lab__stage{position:fixed;inset:0;background:#000}.lab__stage video,.lab__stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lab__panel{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:1;max-width:520px;max-height:70vh;overflow:auto;padding:12px 14px;border-radius:10px;background:#000c;color:#fff;font:12px/1.5 ui-monospace,Cascadia Code,Menlo,monospace}.lab__panel h1{font-size:14px;margin-bottom:4px}.lab__actions{display:flex;gap:8px;margin:10px 0}.lab__panel button{padding:8px 14px;border:1px solid rgb(255 255 255 / .4);border-radius:6px;background:transparent;color:inherit;font:inherit}.lab__panel button:disabled{opacity:.4}.lab__panel table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.lab__panel th,.lab__panel td{padding:2px 4px;text-align:right}.lab__panel th:first-child,.lab__panel td:first-child{text-align:left}.lab__panel textarea{width:100%;margin-top:8px;background:#111;color:inherit;font:inherit}:root{--almanac-figures: "Fraunces", Georgia, serif}.almanac-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgb(43 22 48 / .72),rgb(43 22 48 / .35) 34%,transparent 58%)}.almanac{position:absolute;top:50%;left:clamp(20px,6vw,96px);transform:translateY(-50%);width:min(300px,80vw);color:var(--cream);font-family:var(--sans);font-variant-numeric:tabular-nums;text-shadow:0 1px 12px rgb(43 22 48 / .5)}.almanac__heading{font-size:.95rem;font-weight:500;opacity:.8}.almanac__clock{margin-top:.25rem;font-family:var(--almanac-figures);font-weight:300;font-size:clamp(4rem,3rem + 4vw,7rem);line-height:1;letter-spacing:-.02em}.almanac__phase{margin-top:.4rem;color:var(--peach);font-family:var(--almanac-figures);font-style:italic;font-size:1.35rem}.almanac__sky{display:block;width:100%;height:auto;margin:1.5rem 0 1.25rem;overflow:visible}.almanac__path,.almanac__trail{fill:none;stroke-width:1.5;stroke-linecap:round}.almanac__path{stroke:#fff3e340;stroke-dasharray:2 5}.almanac__trail{stroke:#fff3e3cc}.almanac__horizon{stroke:#fff3e373;stroke-width:1}.almanac__sun{fill:var(--peach);filter:drop-shadow(0 0 6px rgb(246 185 142 / .9))}.almanac__stats{display:grid;gap:.6rem}.almanac__stats div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-top:.6rem;border-top:1px solid rgb(255 243 227 / .18)}.almanac__stats dt{font-size:.9rem;opacity:.75}.almanac__stats dd{font-family:var(--almanac-figures);font-size:1.35rem}@media (max-width: 720px){.almanac-shade{background:linear-gradient(0deg,rgb(43 22 48 / .8),rgb(43 22 48 / .35) 45%,transparent 70%)}.almanac{top:auto;bottom:24px;transform:none}.almanac__clock{font-size:3.5rem}.almanac__sky{margin:.75rem 0;max-height:64px}}.basics{background:#111014}.basics__text{max-width:40rem;margin:0 auto;padding:30vh 24px;font-size:1.1rem;line-height:1.6}.basics__text h1,.basics__text h2{margin-bottom:1rem;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(2.25rem,1.5rem + 3vw,3.5rem);line-height:1.05}.basics__text code{color:var(--peach)}.basics__panel h2{color:#fff;font-family:system-ui,sans-serif;font-size:clamp(2.5rem,8vw,6rem);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 4px 16px rgb(0 0 0 / .6)}.cdn{background:#0d1015}.cdn__text{max-width:40rem;margin:0 auto;padding:26vh 24px;font-size:1.1rem;line-height:1.6}.cdn__text h1,.cdn__text h2{margin-bottom:1rem;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(2.25rem,1.5rem + 3vw,3.5rem);line-height:1.05}.cdn__text code{color:#9fd3ff;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.9em}.cdn-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgb(10 12 16 / .75),transparent 45%)}.cdn-title{color:#fff;text-align:center;text-shadow:0 2px 24px rgb(0 0 0 / .55)}.cdn-title>div{opacity:clamp(0,(1 - var(--progress, 0)) / .4,1)}.cdn-title h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(3.5rem,2rem + 7vw,8rem);line-height:1}.cdn-title p{margin-top:.75rem;font-size:1.05rem;opacity:.85}.cdn-status{position:absolute;left:clamp(16px,4vw,48px);bottom:clamp(56px,10vh,96px);width:min(26rem,calc(100vw - 32px));padding:18px 20px;border:1px solid rgb(255 255 255 / .14);border-radius:12px;background:#0a0c109e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f1f3f6;font-size:.9rem;line-height:1.55}.cdn-status h3{font-size:.85rem;font-weight:500;opacity:.7}.cdn-status__source{margin:.2rem 0 .5rem;color:#9fd3ff;font-family:var(--serif);font-style:italic;font-size:1.6rem;line-height:1.2}.cdn-credit{position:absolute;left:clamp(16px,4vw,48px);right:clamp(16px,4vw,48px);bottom:18px;color:#ffffffa6;font-size:.75rem;pointer-events:auto}.cdn-credit a{color:inherit;text-underline-offset:2px}.cdn-credit a:hover{color:#fff}:root{--commute-bar: clamp(0px, (100vh - 100vw / 2.39) / 2, 12vh);--commute-red: #d23c46;--commute-teal: #63d6c8;--commute-display: "Archivo", "Instrument Sans", system-ui, sans-serif}.iris__mask{position:absolute;inset:0;--r: calc(var(--progress, 0) * 80vmax - 4px);background:radial-gradient(circle at 50% 50%,transparent var(--r),var(--commute-red) var(--r),var(--commute-red) calc(var(--r) + 3px),#000 calc(var(--r) + 3px))}.iris__title{position:relative;text-align:center;color:#fff;opacity:calc(1 - var(--progress, 0) * 2.2)}.iris__title h1{font-family:var(--commute-display);font-weight:800;font-stretch:125%;font-size:clamp(2.75rem,1.5rem + 5vw,6rem);line-height:.95;letter-spacing:-.02em}.iris__title p{margin-top:1rem;font-size:1rem;opacity:.65}.letterbox{position:absolute;left:0;right:0;height:var(--commute-bar);background:#000}.letterbox--top{top:0}.letterbox--bottom{bottom:0}.caption p{align-self:flex-end;max-width:min(36ch,88vw);margin-bottom:calc(var(--commute-bar) + clamp(16px,4vh,40px));color:#f6f1ea;font-size:clamp(1.05rem,.85rem + .8vw,1.5rem);font-weight:500;line-height:1.35;text-align:center;text-shadow:0 1px 2px rgb(0 0 0 / .8),0 2px 16px rgb(0 0 0 / .6);opacity:clamp(0,min(var(--progress, 0) / .12,(1 - var(--progress, 0)) / .12),1)}.chapters{position:absolute;top:50%;right:clamp(16px,3vw,40px);transform:translateY(-50%);padding:8px 10px;border-radius:12px;background:#00000052;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.chapters ol{list-style:none;display:grid;gap:2px}.chapters button{display:flex;align-items:baseline;gap:12px;width:100%;padding:6px 4px;border:0;background:none;color:#fff;font:inherit;font-size:.95rem;text-align:left;text-shadow:0 1px 10px rgb(0 0 0 / .7);cursor:pointer;opacity:.55;transition:opacity .2s ease}.chapters button:hover{opacity:.9}.chapters button[aria-current]{opacity:1}.chapters__num{min-width:1.2em;font-family:var(--commute-display);font-weight:800;font-variant-numeric:tabular-nums;text-align:right}.chapters button[aria-current] .chapters__num{color:var(--commute-teal)}.commute-credit{position:absolute;left:clamp(16px,3vw,40px);bottom:calc(var(--commute-bar) / 2 - .6em);color:#fff9;font-size:.75rem;pointer-events:auto}.commute-credit a{color:inherit;text-underline-offset:2px}.commute-credit a:hover{color:#fff}.commute-loader{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.75rem;background:#000;color:#ffffffa6;font-family:var(--sans);font-variant-numeric:tabular-nums}.commute-loader__title{color:#fff;font-family:var(--commute-display);font-weight:800;font-stretch:125%;font-size:clamp(2rem,1.2rem + 3vw,3.5rem)}@media (max-width: 720px){.chapters{top:64px;right:50%;transform:translate(50%)}.chapters ol{grid-auto-flow:column;gap:4px}.chapters__title{display:none}.chapters button{padding:8px 10px}}@media (max-aspect-ratio: 1/1){.caption p{align-self:center;margin:0 auto;transform:translateY(calc(28.125vw + 2.25rem))}}.scene{color:var(--cream);text-shadow:0 1px 2px rgb(43 22 48 / .4),0 4px 28px rgb(43 22 48 / .5)}.shade{position:absolute;inset:0;pointer-events:none;opacity:clamp(0,min(var(--progress, 0) / .12,(1 - var(--progress, 0)) / .12),1)}.scene--left .shade{background:linear-gradient(90deg,rgb(43 22 48 / .6),rgb(43 22 48 / .25) 38%,transparent 62%)}.scene--right .shade{background:linear-gradient(270deg,rgb(43 22 48 / .6),rgb(43 22 48 / .25) 38%,transparent 62%)}.scene--title .shade,.scene--coda .shade{background:linear-gradient(0deg,rgb(43 22 48 / .7),rgb(43 22 48 / .2) 40%,transparent 60%)}.scene--title .shade{opacity:calc(1 - var(--progress, 0))}.scene--coda .shade{opacity:min(1,var(--progress, 0) / .15)}.title{position:relative;align-self:flex-end;margin-bottom:11vh;text-align:center;opacity:calc(1 - var(--progress, 0) * 1.3);transform:translateY(calc(var(--progress, 0) * -6vh))}.title h1{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(3.25rem,2rem + 5vw,7rem);line-height:1;letter-spacing:-.01em}.title p{margin-top:1.25rem;font-size:.95rem;letter-spacing:.02em;opacity:.8}.stanza{position:relative;max-width:min(34ch,36vw);font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.4rem,.9rem + 1.3vw,2.2rem);line-height:1.3;transform:translateY(calc((.5 - var(--progress, 0)) * 16vh))}.stanza__line{--enter: clamp(0, (var(--progress, 0) / .32 * (var(--n) + 1) - var(--i)) / 2, 1);--exit: clamp(0, ((var(--progress, 0) - .56) / .38 * (var(--n) + 1) - var(--i)) / 2, 1);opacity:calc(var(--enter) - var(--exit));transform:translateY(calc((1 - var(--enter)) * 1.1em - var(--exit) * 1.3em));filter:blur(calc(var(--exit) * 6px))}.stanza--left{margin-right:auto;margin-left:8vw}.stanza--right{margin-left:auto;margin-right:8vw;text-align:right}.stanza--coda{align-self:flex-end;margin-bottom:12vh;max-width:40ch;text-align:center;font-size:clamp(1.75rem,1.1rem + 2vw,3.2rem);transform:none}.stanza--coda .stanza__line{--enter: clamp(0, (var(--progress, 0) / .45 * (var(--n) + 1) - var(--i)) / 2, 1);opacity:var(--enter);transform:translateY(calc((1 - var(--enter)) * 1.1em));filter:none}.sunset-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#fff3e3bf;transform:scaleX(var(--video-progress, 0));transform-origin:left}.sunset-loader{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1.25rem;padding:24px;background:#2b163099;color:var(--cream);font-family:var(--sans)}.sunset-loader-badge{color:var(--cream);font-family:var(--sans);font-size:.8rem;font-variant-numeric:tabular-nums}.sunset-loader-badge span{opacity:.7}.sunset-loader__title{font-family:var(--serif);font-style:italic;font-size:clamp(2.25rem,1.5rem + 3vw,3.5rem);line-height:1}.sunset-loader__bar{width:min(360px,80vw);height:2px;background:#fff3e333;overflow:hidden}.sunset-loader__bar>div{height:100%;background:var(--cream);transform-origin:left;transition:transform .2s ease}.sunset-loader__status{display:flex;justify-content:space-between;gap:1.5rem;width:min(360px,80vw);max-width:60ch;font-size:.85rem;opacity:.75}@media (max-width: 720px){.stanza--left,.stanza--right{max-width:none;align-self:flex-end;margin:0 7vw 14vh;text-align:left;transform:translateY(calc((.5 - var(--progress, 0)) * 8vh))}.scene--left .shade,.scene--right .shade{background:linear-gradient(0deg,rgb(43 22 48 / .75),rgb(43 22 48 / .25) 45%,transparent 65%)}}@media (prefers-reduced-motion: reduce){.title,.stanza,.stanza__line,.stanza--coda .stanza__line{transform:none;filter:none}}.home{background:radial-gradient(90% 60% at 80% 0%,rgb(140 110 155 / .35),transparent 60%),var(--plum)}.home-hero__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgb(20 10 24 / .85),rgb(20 10 24 / .2) 55%,transparent 75%),linear-gradient(90deg,rgb(20 10 24 / .55),transparent 60%)}.home-hero__copy{align-items:flex-end;justify-content:flex-start}.home-hero__text{max-width:34rem;margin:0 0 clamp(48px,12vh,120px) clamp(24px,7vw,112px);opacity:clamp(0,(1 - var(--progress, 0)) / .35,1);transform:translateY(calc(var(--progress, 0) * -6vh))}.home-hero__text h1{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(4.5rem,2rem + 10vw,10rem);line-height:.9;letter-spacing:-.02em}.home-hero__text p{margin-top:1.25rem;font-size:clamp(1.1rem,1rem + .4vw,1.35rem);line-height:1.5}.install{display:inline-flex;align-items:center;gap:4px;margin-top:1.75rem;padding:6px 6px 6px 18px;border:1px solid rgb(255 243 227 / .25);border-radius:999px;background:#140a188c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.install code{margin-right:12px;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.95rem}.install button{min-width:5.5rem;padding:8px 16px;border:0;border-radius:999px;background:var(--cream);color:var(--plum);font:inherit;font-size:.9rem;font-weight:500;cursor:pointer}.install button:hover{background:var(--peach)}.home-hero__link{display:block;width:fit-content;margin-top:1.25rem;font-size:.95rem;opacity:.85;text-underline-offset:4px}.home-hero__link:hover{opacity:1}.home-hero__cue{position:absolute;right:clamp(24px,4vw,56px);bottom:clamp(24px,5vh,48px);font-size:.85rem;opacity:calc(.75 - var(--video-progress, 0) * 3)}.gallery{max-width:72rem;margin:0 auto;padding:clamp(64px,12vh,128px) clamp(20px,5vw,48px) 0}.gallery h2,.home-start h2{margin-bottom:2rem;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(2.5rem,1.75rem + 3vw,4rem);line-height:1}.gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,56px) clamp(20px,3vw,40px);list-style:none}.demo-card{display:block;text-decoration:none}.demo-card__poster{overflow:hidden;aspect-ratio:16 / 9;border-radius:10px;background:#0000004d}.demo-card__poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.demo-card:hover .demo-card__poster img,.demo-card:focus-visible .demo-card__poster img{transform:scale(1.04)}.demo-card h3{margin-top:1.1rem;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);line-height:1.1}.demo-card:hover h3{color:var(--peach)}.demo-card p{margin-top:.5rem;max-width:52ch;font-size:.95rem;line-height:1.55;opacity:.72}.home-start{width:min(40rem,calc(100vw - 40px));margin:0 0 clamp(40px,10vh,112px) clamp(20px,7vw,112px);opacity:clamp(0,var(--progress, 0) / .25,1);transform:translateY(calc((1 - clamp(0,var(--progress, 0) / .25,1))*4vh))}.home-start h2{margin-bottom:1.25rem}.home-start pre{overflow-x:auto;padding:22px 26px;border:1px solid rgb(255 243 227 / .16);border-radius:10px;background:#140a18b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:clamp(.78rem,.7rem + .3vw,.92rem);line-height:1.6}.home-start .tok-keyword{color:#c9a7e8}.home-start .tok-string{color:var(--peach)}.home-start .tok-tag{color:#7fd8c9}.home-start .tok-attr{color:#e9c98b}.home-start .tok-number{color:#f29bb0}.home-start .tok-punct{color:#fff3e38c}.home-start pre code,.home-start p code{font-family:ui-monospace,Cascadia Code,Menlo,monospace}.home-start p{margin-top:1.25rem;line-height:1.6}.home-start p code{color:var(--peach);font-size:.92em}.home-start a,.home-footer a{text-underline-offset:3px}.home-footer{max-width:72rem;margin:0 auto;padding:clamp(64px,12vh,128px) clamp(20px,5vw,48px) 48px;font-size:.85rem;line-height:1.7;opacity:.65}@media (max-width: 520px){.home-start{width:calc(100vw - 40px);margin-left:20px}.home-start pre{padding:16px 18px;font-size:.76rem;white-space:pre-wrap;overflow-wrap:anywhere}}@media (max-width: 720px){.gallery__grid{grid-template-columns:minmax(0,1fr)}.home-hero__cue{display:none}}@media (prefers-reduced-motion: reduce){.demo-card__poster img{transition:none}}