*{box-sizing:border-box}html,body{margin:0}[hidden]{display:none!important}body{background:var(--page);color:var(--ink);font-family:var(--font-sans);font-weight:var(--text-weight);letter-spacing:var(--text-tracking);-webkit-font-smoothing:antialiased;--panel-w:0px;--head-h:64px}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.hl-on [data-reveal]:not(.rv-run):not(.rv-done){opacity:0}.hl-stage{z-index:1;pointer-events:none;background:linear-gradient(var(--stage-top), var(--stage-bot));opacity:0;transition:opacity var(--dur-large) var(--ease-settle);position:fixed;inset:0}.hl-stage.is-on{opacity:1;transition:opacity var(--dur-quick) var(--ease-settle)}html.hl-first .hl-stage.is-on{transition:none}.hl-orb{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;width:100px;height:100px;position:fixed;top:0;left:0}.hl-orb .hit{pointer-events:auto;cursor:grab;-webkit-tap-highlight-color:transparent;border-radius:50%;position:absolute;inset:4%}.hl-orb.is-still .hit{pointer-events:none}html.orb-dragging,html.orb-dragging *{-webkit-user-select:none!important;user-select:none!important;cursor:grabbing!important}.hl-panel{z-index:4;background:var(--page);border-bottom:var(--border-width) solid var(--border);padding:12px var(--gutter) 8px;font-size:var(--ui-size);position:relative}.hl-title{font-weight:var(--ui-weight);margin:0}.hl-sub,.hl-about{font-size:var(--t-1);color:var(--ink-2);line-height:var(--text-leading);margin:2px 0 0}.hl-about{max-width:40ch;margin-top:8px}.hl-about-name{color:var(--ink);font-weight:var(--ui-weight)}.hl-dirs{flex-wrap:wrap;gap:4px 12px;margin-top:8px;display:flex}.hl-dir{min-height:44px;color:var(--ink-2);font-weight:var(--ui-weight);align-items:center;gap:6px;padding:0 4px;text-decoration:none;display:inline-flex;box-shadow:inset 0 -2px #0000}@media (hover:hover){.hl-dir:hover{color:var(--ink)}}.hl-dir[aria-current]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.hl-btn{border:var(--border-width) solid var(--ink-2);border-radius:var(--r-1);min-height:44px;font-weight:var(--ui-weight);margin-top:8px;padding:0 14px}@media (hover:hover){.hl-btn:hover{border-color:var(--ink)}}.hl-notes{font-size:var(--t-1);color:var(--ink-2);margin-top:4px}.hl-notes summary{cursor:pointer;color:var(--ink);line-height:20px;font-size:var(--ui-size);font-weight:var(--ui-weight);padding:12px 0;display:list-item}.hl-notes ul{line-height:var(--text-leading);max-width:44ch;margin:0 0 8px;padding:0 0 0 1.1em}.hl-notes li+li{margin-top:4px}.hl-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}@media (width<=899.98px){.hl-panel{flex-wrap:wrap;align-items:center;column-gap:20px;display:flex}.hl-panel>*{flex:1 0 100%}.hl-panel>.hl-btn,.hl-panel>.hl-notes{flex:0 auto}.hl-panel>.hl-notes{margin-top:8px}.hl-panel>.hl-notes[open]{flex-basis:100%}.hl-dirs{gap:4px}.hl-dir{border-radius:var(--r-1);min-width:44px;box-shadow:inset 0 0 0 var(--border-width) var(--border);justify-content:center;padding:0 8px}.hl-dir[aria-current]{box-shadow:inset 0 0 0 2px var(--accent)}.hl-dir:not([aria-current]) .hl-dir-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width>=900px){body{--panel-w:260px}.hl-panel{width:var(--panel-w);border-bottom:0;border-right:var(--border-width) solid var(--border);padding:32px 24px;position:fixed;top:0;bottom:0;left:0}.hl-dirs{grid-template-columns:repeat(4,44px);gap:4px;margin:24px 0 0;display:grid}.hl-dir{border-radius:var(--r-1);min-width:44px;box-shadow:inset 0 0 0 var(--border-width) var(--border);justify-content:center;padding:0}.hl-dir[aria-current]{box-shadow:inset 0 0 0 2px var(--accent)}.hl-dir-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hl-about,.hl-btn{margin-top:16px}.hl-notes{margin-top:8px}}.hl-note{font-size:var(--t-1);color:var(--ink-2);line-height:var(--text-leading);max-width:48ch;margin:16px 0 0}.hl-main{z-index:2;margin-left:var(--panel-w);position:relative}.hl-pending{min-height:100svh;padding:var(--gutter);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.hl-pending-slot{aspect-ratio:1;width:calc(1.08696*clamp(200px,min(38svh,42vw),520px))}.cmp{--slot:clamp(200px, 28vw, 440px);--band:0px}.cmp-head{z-index:1;height:var(--head-h);padding:0 var(--gutter);background:var(--page);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.cmp-logo{visibility:hidden;border-radius:50%;place-items:center;width:44px;height:44px;margin-left:-2px;display:grid}.cmp.is-docked .cmp-logo{visibility:visible}.cmp-logo-slot{width:40px;height:40px}.cmp-work-btn{min-height:44px;font-size:var(--ui-size);font-weight:var(--ui-weight);margin-right:-12px;padding:0 12px}.cmp-story{column-gap:var(--gutter);padding:0 var(--gutter);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.cmp-orbcol{grid-area:1/2/span 7}.cmp-slot{top:calc(var(--head-h) + (100svh - var(--head-h) - var(--slot)) / 2);width:var(--slot);aspect-ratio:1;margin:0 auto;position:sticky}.cmp-beat{min-height:calc(100svh - var(--head-h) - var(--band));flex-direction:column;grid-column:1;justify-content:center;padding:8svh 0;display:flex}.cmp-hero{padding-top:0}.cmp-hero .d1{margin:0}.cmp-text,.cmp-lede{font-size:var(--t1);line-height:var(--text-leading);text-wrap:pretty;max-width:32ch;margin:0}.cmp-lede{color:var(--ink-2);margin-top:16px}.cmp-work{min-height:calc(100svh - var(--head-h));padding:12svh var(--gutter) 16svh}.cmp-works{border-top:var(--border-width) solid var(--border);max-width:760px;margin:40px 0 0;padding:0;list-style:none}.cmp-entry{text-align:left;border-bottom:var(--border-width) solid var(--border);flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:100%;min-height:64px;padding:16px 0;display:flex;position:relative}.cmp-entry-name{font-size:var(--t2);line-height:1.2}.cmp-entry-line{font-size:var(--t0);color:var(--ink-2);line-height:var(--text-leading);max-width:56ch}.cmp-entry[aria-current]:before{content:"";width:2px;box-shadow:inset 2px 0 0 var(--accent);position:absolute;top:12px;bottom:12px;left:-12px}@media (width>=1200px){.cmp-text,.cmp-lede{font-size:var(--t2)}}@media (width<=899.98px){.cmp{--band:clamp(150px, 28svh, 240px)}.cmp-story{grid-template-columns:minmax(0,1fr)}.cmp-orbcol{top:var(--head-h);z-index:1;height:var(--band);padding-inline:var(--gutter);background:var(--page);margin:0 calc(var(--gutter) * -1);grid-area:1/1;place-items:center start;display:grid;position:sticky}.cmp-slot{width:calc(var(--band) - 16px);margin:0;position:static}.cmp-beat{min-height:calc(100svh - var(--head-h) - var(--band));padding:6svh 0}.cmp-hero{min-height:calc(100svh - var(--head-h) - var(--band) - 160px);justify-content:flex-start;padding-top:16px}.cmp-entry-name{font-size:var(--t1)}}.cps-wrap{padding:24px var(--gutter) 12svh;grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""dial""beats";align-content:start;row-gap:24px;min-height:100svh;display:grid}.cps-hero{grid-area:hero}.cps-hero .d1{margin:0}.cps-lede{font-size:var(--t1);line-height:var(--text-leading);color:var(--ink-2);margin:16px 0 0}.cps-dialcol{grid-area:dial;justify-content:center;display:flex}.cps-pick{--s-want:clamp(96px, 26vw, 170px);--s-fit:calc((var(--cps-room,100svh) - 24px - var(--gutter)) / (1.25 + .46));--s:max(64px, min(var(--s-want), var(--s-fit)));--R:calc(1.5 * var(--s) + 32px);flex-direction:column;align-items:flex-start;gap:8px;display:flex}.cps-pick-label{padding-left:calc(var(--R) * cos(48deg) + 12px);font-size:var(--ui-size);font-weight:var(--ui-weight);color:var(--ink-2);margin:0;line-height:20px}.cps-desc{font-size:var(--t1);line-height:var(--text-leading);color:var(--ink-2);text-wrap:pretty;max-width:32ch;margin:0}.cps-beat-note{margin-top:0}.cps-beats{grid-area:beats;grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;display:grid}.cps-beat{grid-area:1/1;min-width:0}#cps-status{grid-row:2}.cps-text{font-size:var(--t1);line-height:var(--text-leading);text-wrap:pretty;max-width:32ch;margin:0}.cps-beat-name{font-size:var(--t2);margin:0 0 12px;line-height:1.2}.cps-actions{flex-wrap:wrap;gap:4px 24px;margin-top:20px;display:flex}.cps-act{min-width:44px;min-height:44px;font-size:var(--ui-size);font-weight:var(--ui-weight);padding:0}.cps-act>span{border-bottom:var(--border-width) solid var(--ink-2);padding-bottom:3px}@media (hover:hover){.cps-act:hover>span{border-bottom-color:var(--ink)}}.cps-dial{font-size:var(--t0);width:calc(var(--R) + 8.5em);height:calc(2.5 * var(--s) + 48px);flex:none;position:relative}.cps-rest{width:var(--s);height:var(--s);left:calc(.78 * var(--s) - var(--s) / 2);top:calc(50% - var(--s) / 2);pointer-events:none;position:absolute}.cps-names{touch-action:pan-y;position:absolute;inset:0}.cps-name{left:calc(var(--R) * cos(var(--a)));top:calc(50% + var(--R) * sin(var(--a)) - 22px);white-space:nowrap;height:44px;color:var(--ink);align-items:center;padding:0 8px 0 12px;line-height:1.2;display:flex;position:absolute}.cps-name>span{border-bottom:var(--border-width) solid var(--ink-2);padding-bottom:3px}@media (hover:hover){.cps-name:hover>span{border-bottom-color:var(--ink)}}.cps-name[aria-checked=true]{box-shadow:inset 2px 0 0 var(--accent)}.cps-name[aria-checked=true]>span{border-bottom-color:#0000}@media (hover:hover){.cps-name[aria-checked=true]:hover>span{border-bottom-color:#0000}}@media (width>=1000px){.cps-wrap{grid-template:"hero dial""beats dial"".dial"1fr/minmax(0,1fr) auto;gap:32px clamp(24px,4vw,96px);padding-top:12svh}.cps-dialcol{align-self:start}.cps-pick{--s-want:clamp(120px, 12vw, 300px)}}@media (width>=1200px){.cps-dial{font-size:var(--t1)}.cps-text,.cps-lede{font-size:var(--t2)}.cps-beat-name{font-size:var(--t3)}}.lh-head{z-index:1;height:var(--head-h);padding:0 var(--gutter);background:var(--page);border-bottom:var(--border-width) solid transparent;transition:border-color var(--dur-quick) var(--ease-settle);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.is-landed .lh-head{border-bottom-color:var(--border)}canvas.orb-stage{transition:opacity var(--dur-quick) var(--ease-settle)}canvas.orb-stage.is-cut{opacity:0;transition-duration:var(--dur-instant)}.lh-logo{visibility:hidden;border-radius:50%;place-items:center;width:44px;height:44px;margin-left:-2px;display:grid}.is-docked .lh-logo{visibility:visible}.lh-logo-slot{width:40px;height:40px}.lh-work-btn{min-height:44px;font-size:var(--ui-size);font-weight:var(--ui-weight);margin-right:-12px;padding:0 12px}.lh-text,.lh-lede{font-size:var(--t1);line-height:var(--text-leading);text-wrap:pretty;max-width:32ch;margin:0}.lh-lede{color:var(--ink-2);margin-top:16px}.lh-work{min-height:calc(100svh - var(--head-h));padding:12svh var(--gutter) 16svh}@media (width>=1200px){.lh-text,.lh-lede{font-size:var(--t2)}}.sig{--sig-orb:clamp(120px, 14vw, 240px);--sig-gap:clamp(20px, 3vw, 48px)}.sig-hero{min-height:calc(100svh - var(--head-h));grid-template-columns:var(--sig-orb) minmax(0, 1fr);column-gap:var(--sig-gap);padding:0 var(--gutter) 8svh;align-content:center;align-items:center;display:grid}.sig-slot{width:var(--sig-orb);aspect-ratio:1}.sig-name{min-width:0}.sig-name .d1{margin:0}.sig-story{padding:0 var(--gutter) 0 calc(var(--gutter) + var(--sig-orb) + var(--sig-gap))}.sig .lh-work{padding-left:calc(var(--gutter) + var(--sig-orb) + var(--sig-gap))}.sig-beat{flex-direction:column;justify-content:center;min-height:64svh;padding:6svh 0;display:flex}@media (width<=599.98px){.sig{--sig-orb:112px}.sig-hero{min-height:calc(100svh - var(--head-h) - 160px);grid-template-columns:minmax(0,1fr);align-content:start;row-gap:24px;padding-top:24px}.sig-story,.sig .lh-work{padding-left:var(--gutter)}}.mrg{--mrg-orb:clamp(88px, 9vw, 160px);--mrg-gap:clamp(20px, 3vw, 56px);--mrg-line:22svh}.mrg-story{grid-template-columns:var(--mrg-orb) minmax(0, 1fr);column-gap:var(--mrg-gap);padding:0 var(--gutter);display:grid}.mrg-orbcol{padding-top:var(--mrg-line);grid-area:1/1/span 7}.mrg-slot{top:calc(var(--head-h) + var(--mrg-line));width:var(--mrg-orb);aspect-ratio:1;position:sticky}.mrg-beat{min-width:0;min-height:calc(100svh - var(--head-h));padding:var(--mrg-line) 0 8svh;grid-column:2}.mrg-hero .d1{margin:0}@media (width<=899.98px){.mrg{--mrg-orb:72px;--mrg-gap:16px;--mrg-line:14svh}}@media (width<=599.98px){.mrg{--mrg-orb:56px;--mrg-gap:14px}}.ini{--ini:clamp(56px, 6vw, 104px);--ini-hero:clamp(96px, 11vw, 184px);--ini-gap:clamp(16px, 2.4vw, 40px)}.ini .lh-head{opacity:0;visibility:hidden;transition:opacity var(--dur-quick) var(--ease-settle), visibility 0s var(--ease-settle) var(--dur-quick), border-color var(--dur-quick) var(--ease-settle)}.ini.is-born .lh-head{opacity:1;visibility:visible;transition:opacity var(--dur-quick) var(--ease-settle), visibility 0s, border-color var(--dur-quick) var(--ease-settle)}.ini-story{padding:0 var(--gutter)}.ini-beat{grid-template-columns:var(--ini) minmax(0, 1fr);column-gap:var(--ini-gap);align-content:center;align-items:start;min-height:72svh;padding:10svh 0;display:grid}.ini-hero{grid-template-columns:var(--ini-hero) minmax(0, 1fr);min-height:calc(100svh - var(--head-h) * 2);padding:0 0 6svh}.ini-copy{min-width:0}.ini-copy .d1{margin:0}.ini-slot{aspect-ratio:1;width:100%}.ini-herowork{min-width:44px;min-height:44px;font-size:var(--ui-size);font-weight:var(--ui-weight);margin:24px 0 0 -12px;padding:0 12px}.ini-herowork>span{border-bottom:var(--border-width) solid var(--ink-2);padding-bottom:3px}@media (hover:hover){.ini-herowork:hover>span{border-bottom-color:var(--ink)}}.hl-on .ini-herowork>span{transition:border-color var(--dur-quick) var(--ease-settle)}.hl-on .ini-herowork>span:not(.rv-done){border-bottom-color:#0000}@media (width<=599.98px){.ini{--ini:48px;--ini-hero:72px;--ini-gap:14px}.ini-hero{min-height:calc(100svh - var(--head-h) * 2 - 120px);align-content:start;padding-top:8px}}.hl-on .cmp-works,.hl-on .cmp-entry,.hl-on .cps-act>span{transition:box-shadow var(--dur-quick) var(--ease-settle), border-color var(--dur-quick) var(--ease-settle)}.hl-on .cmp-works:not(:has(.rv-done)){border-top-color:#0000}.hl-on .cmp-works:has(.cmp-entry:not(.rv-done)) .cmp-entry{border-bottom-color:#0000;transition-delay:0s}.hl-on .cmp-works li:nth-child(2) .cmp-entry{transition-delay:var(--dur-instant)}.hl-on .cmp-works li:nth-child(3) .cmp-entry{transition-delay:calc(var(--dur-instant) * 2)}.hl-on .cmp-works li:nth-child(4) .cmp-entry{transition-delay:calc(var(--dur-instant) * 3)}.hl-on .cmp-works li:nth-child(n+5) .cmp-entry{transition-delay:calc(var(--dur-instant) * 4)}.hl-on .cps-act>span:not(.rv-done){border-bottom-color:#0000}.hl-on .cps-name>span{transition:border-color var(--dur-quick) var(--ease-settle)}.hl-on .cps-name>span:not(.rv-done){border-bottom-color:#0000}@media (prefers-reduced-motion:reduce){.hl-stage,.hl-stage.is-on,.lh-head,.ini .lh-head,.ini.is-born .lh-head{transition:none}}.hl-on .rv-w{text-decoration:inherit;text-decoration-thickness:inherit;text-underline-offset:inherit}
