.garden{--ink:#ece6da;--ink-2:#bdb6a9;--ink-3:#908a80;--rule:#ece6da29;--bronze:#c29a62;--water:#0b0f0f;--ease-out:cubic-bezier(.16, 1, .3, 1);--edge:clamp(20px, 2.2vw, 36px);--pane:504px;--paused:#f0746a;font-optical-sizing:auto;font-weight:420}:root:has(.garden){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b0f0f}*,:before,:after{box-sizing:border-box}body:has(.garden){color:var(--ink);background:#0b0f0f;margin:0;overflow:hidden}.garden{font-family:var(--font-general-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;caret-color:var(--bronze);font-size:15px;line-height:1.5;position:fixed;inset:0}.garden ::selection{background:var(--bronze);color:#14110c}.garden a,.garden button{color:inherit;font:inherit}.garden :focus-visible{outline:1.5px solid var(--bronze);outline-offset:3px;border-radius:2px}.garden h1,.garden h2,.garden p,.garden ul{margin:0}.garden ul{padding:0;list-style:none}.num{font-variant-numeric:tabular-nums}.ink-defs{position:absolute}.world{background:var(--water);position:absolute;inset:0}.still{object-fit:cover;object-position:center;width:100%;height:100%;display:none;position:absolute;inset:0}@media (scripting:none){.still{display:block}}.garden:has(.world[data-still="1"]) .still{display:block}.world[data-still="1"]{background:0 0}.world-canvas{touch-action:none;opacity:0;width:100%;height:100%;transition:opacity 1.4s var(--ease-out);display:block;position:absolute;inset:0}.world[data-live="1"] .world-canvas{opacity:1}.world-canvas:focus,.world-canvas:focus-visible{outline:none}.world-canvas[data-ring="1"]:focus{outline:1.5px solid var(--bronze);outline-offset:-6px}.page{transition:opacity 1.1s var(--ease-out)}.garden:has(.opening[data-flight="1"]) .page{opacity:0;transition:none}.opening{--fade:cubic-bezier(.45, 0, .55, 1);z-index:25;padding:0 var(--edge) 22vh;text-align:center;pointer-events:none;place-content:center;justify-items:center;display:grid;position:fixed;inset:0}@media (scripting:none){.opening{display:none}}.opening-stack{position:relative}.opening-block{transition:opacity 1.4s var(--fade);justify-items:center;gap:14px;display:grid}.opening-title{letter-spacing:-.025em;color:var(--ink);text-shadow:0 2px 28px #00000080;text-wrap:balance;margin:0;font-size:clamp(36px,5.4vw,76px);font-weight:600;line-height:1}.opening-by{letter-spacing:-.006em;color:var(--ink-2);text-shadow:0 1px 14px #0009;margin:0;font-size:clamp(16px,1.45vw,20px);font-weight:430}.opening-by-name{color:var(--ink);font-weight:580}.opening-foot{top:calc(100% + clamp(28px,4.5vh,40px));transition:opacity 1.4s var(--fade);justify-items:center;display:grid;position:absolute;inset-inline:0}.opening-foot>*{grid-area:1/1}.opening:not([data-phase=loading],[data-phase=ready]) :is(.opening-block,.opening-foot){opacity:0}.opening-load{transition:opacity .6s var(--ease-out) .2s;align-content:start;justify-items:center;gap:14px;display:grid}.opening:not([data-phase=loading]) .opening-load{opacity:0}.opening-beam{--p:0;background:#ece6da1f;border-radius:1px;width:min(300px,64vw);height:2px;position:relative}.opening-beam-fill{border-radius:inherit;transform:scaleX(var(--p));transform-origin:0;background:linear-gradient(90deg,#fff4e214,#fff4e2e6);position:absolute;inset:0}.opening-beam:after{content:"";top:50%;left:calc(var(--p) * 100%);filter:blur(1.5px);width:34px;height:10px;opacity:min(1, calc(var(--p) * 25));background:radial-gradient(closest-side,#fff4e2,#fff4e273 45%,#0000);border-radius:50%;position:absolute;translate:-72% -50%}.opening[data-phase=ready] .opening-beam:after{animation:beam-flare .8s var(--ease-out) forwards}@keyframes beam-flare{40%{opacity:1;scale:1.9 2.6}to{opacity:0;scale:2.4 3}}.opening-status{letter-spacing:.01em;color:var(--ink-2);margin:0;font-size:13px}.opening-status .num{text-align:start;min-width:3.4ch;color:var(--ink);display:inline-block}.opening-enter{opacity:0;transition:opacity 1.4s var(--fade), translate 1.4s var(--fade);justify-items:center;gap:22px;display:grid;translate:0 6px}.opening[data-phase=ready] .opening-enter{opacity:1;pointer-events:auto;transition:opacity .9s var(--ease-out) .5s, translate .9s var(--ease-out) .5s;translate:none}.opening-phones{inset-inline:0;bottom:max(var(--edge), calc(env(safe-area-inset-bottom) + 12px));letter-spacing:.005em;white-space:nowrap;color:var(--ink);opacity:0;transition:opacity 1.4s var(--fade);justify-content:center;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:540;display:flex;position:fixed}.opening[data-phase=ready] .opening-phones{opacity:1;transition:opacity .9s var(--ease-out) .5s}.opening-door{cursor:pointer;min-width:220px;font-family:inherit;font-size:15px;font-weight:560}.opening-name{inset-inline:0;padding:clamp(26px, 4.5vh, 40px) var(--edge);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);border-block:1px solid var(--rule);clip-path:inset(50% 0);opacity:0;transition:clip-path 1.6s var(--ease-out), opacity 1.2s var(--fade);background:#080b0b85;justify-items:center;gap:12px;display:grid;position:fixed;top:58%;translate:0 -50%}.opening-name:before{content:"";pointer-events:none;border-block:1px solid #ece6da12;position:absolute;inset:4px 0}.opening:is([data-phase=name],[data-phase=leave]) .opening-name{clip-path:inset(0)}.opening[data-phase=name] .opening-name{opacity:1}.opening[data-phase=leave] .opening-name{transition:opacity 1.6s var(--fade)}.opening-name>*{opacity:0;filter:blur(8px);transition:opacity 1.2s var(--fade), filter 1.2s var(--fade), translate 1.4s var(--ease-out);translate:0 8px}.opening:is([data-phase=name],[data-phase=leave]) .opening-name>*{opacity:1;filter:none;translate:none}.opening[data-phase=name] .opening-name-no{transition-delay:.2s}.opening[data-phase=name] .opening-name-text{transition-delay:.45s}.opening[data-phase=name] .opening-name-goal{transition-delay:1s}.opening-name-text{letter-spacing:-.025em;max-width:24ch;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(30px,4.4vw,60px);font-weight:600;line-height:1.05}.opening-name .opening-name-no{letter-spacing:.03em;white-space:nowrap;color:var(--ink);border:1px solid #ece6da3d;border-radius:6px;margin:0 0 2px;padding:0 8px 0 7px;font-size:13px;font-weight:520;line-height:22px}.opening-name .opening-name-goal{letter-spacing:.002em;max-width:46ch;color:var(--ink);text-wrap:balance;margin:8px 0 0;font-size:clamp(15px,1.3vw,18px);font-weight:450;line-height:1.45}@property --iris{syntax:"<length>";inherits:false;initial-value:0}.loader{--iris:-32vmax;z-index:20;background:var(--water);-webkit-mask-image:radial-gradient(circle at 50% 31%, transparent var(--iris), #000 calc(var(--iris) + 32vmax));-webkit-mask-image:radial-gradient(circle at 50% 31%, transparent var(--iris), #000 calc(var(--iris) + 32vmax));mask-image:radial-gradient(circle at 50% 31%, transparent var(--iris), #000 calc(var(--iris) + 32vmax));transition:--iris 2.6s cubic-bezier(.55, 0, .25, 1), opacity .5s var(--ease-out), visibility 0s linear .5s;position:fixed;inset:0}.loader[data-open="1"]{--iris:150vmax;transition-delay:.5s,0s,.5s}.loader[data-gone="1"]{opacity:0;visibility:hidden;pointer-events:none}@media (scripting:none){.loader{display:none}}@media (prefers-reduced-motion:reduce){.loader[data-open="1"]{--iris:-32vmax;opacity:0;transition:opacity 1s var(--fade)}.opening[data-phase=ready] .opening-beam:after{opacity:0;animation:none}.opening-enter,.opening-name>*{filter:none;translate:none}.opening-name{clip-path:none}}.perf{z-index:5;max-width:calc(100% - 16px);color:var(--ink-2);pointer-events:none;white-space:pre-wrap;background:#080b0bc7;margin:0;padding:6px 10px;font-size:11px;line-height:1.5;position:absolute;bottom:8px;left:8px}.debug{z-index:5;color:var(--ink-2);pointer-events:none;white-space:nowrap;background:#080b0bb3;padding:3px 8px;font-size:12px;position:absolute;top:8px;left:50%;translate:-50%}.page{padding:var(--edge) var(--edge) calc(var(--edge) * .6);pointer-events:none;z-index:1;grid-template:"intro nav"". ."1fr"colophon console"/minmax(0,1fr) auto;display:grid;position:absolute;inset:0}.page:before,.page:after{content:"";pointer-events:none;z-index:-1;position:absolute}.page:before{background:linear-gradient(#0000,#080b0b52 55%,#080b0b9e);height:min(300px,42vh);inset:auto 0 0}.page:after{background:radial-gradient(at 0 0,#080b0b8c,#080b0b33 50%,#0000 72%);width:min(720px,70vw);height:min(320px,46vh);top:0;left:0}.intro,.colophon,.console,.topnav{pointer-events:auto}.topnav{border:1px solid var(--rule);-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);pointer-events:auto;background:#080b0b80;border-radius:999px;grid-area:nav;place-self:start end;gap:2px;padding:4px;display:flex}.topnav-link{min-height:34px;color:var(--ink);cursor:pointer;transition:color .2s var(--ease-out), background .2s var(--ease-out);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex}.topnav-link:hover,.topnav-link:focus-visible{color:#fff;background:#ece6da1f}.topnav-link[aria-expanded=true]{background:#ece6da29}.topnav-link:focus-visible{outline-offset:-2px}.topnav-link:has(.topnav-mark){gap:13px;padding-left:8px}.topnav-mark{border-radius:50%;flex:none;width:18px;height:18px;position:relative;overflow:hidden}.topnav-mark img{width:100%;height:100%;display:block}.topnav-mark:after{content:"";transition:box-shadow .2s var(--ease-out);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ece6da38}.topnav-link:hover .topnav-mark:after,.topnav-link[aria-expanded=true] .topnav-mark:after{box-shadow:inset 0 0 0 1px #c29a62bf}.topnav-link svg{opacity:.7;transition:translate .25s var(--ease-out), opacity .2s var(--ease-out);flex:none}.topnav-link:hover svg{opacity:1;translate:1px -1px}.about{top:calc(max(var(--edge), env(safe-area-inset-top)) + 54px);right:var(--edge);max-height:calc(100dvh - max(var(--edge), env(safe-area-inset-top)) - 54px - var(--edge));z-index:3;width:min(var(--pane), calc(100vw - var(--edge) * 2));-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);border:1px solid var(--rule);pointer-events:auto;translate:calc(100% + var(--edge) * 2) 0;visibility:hidden;transition:translate .55s var(--ease-out), visibility 0s .55s;background:#0a0d0dbd;border-radius:16px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 48px #00000052}.about:before{content:"";z-index:1;pointer-events:none;border:1px solid #ece6da12;border-radius:12px;position:absolute;inset:4px}.about[data-open="1"]{visibility:visible;transition:translate .55s var(--ease-out);translate:0}.about-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ece6da40 transparent;min-height:0;padding:30px 28px 32px;overflow-y:auto}.about-close{z-index:2;width:36px;height:36px;color:var(--ink-2);cursor:pointer;transition:color .2s var(--ease-out), background .2s var(--ease-out);background:#080b0b8c;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.about-close:hover{color:var(--ink);background:#080b0bbf}.about-name{letter-spacing:-.024em;color:var(--ink);font-size:28px;font-weight:620;line-height:1.1}.about-name+.about-headline{margin-top:16px}.about-headline{color:var(--ink);text-wrap:balance;font-size:16.5px;font-weight:450;line-height:1.5}.about-bio{color:var(--ink-2);text-wrap:pretty;letter-spacing:.004em;gap:13px;margin-top:22px;font-size:15px;line-height:1.65;display:grid}.about-bio:not(.about-site)>p:first-child{color:var(--ink);letter-spacing:0;font-size:16.5px;font-weight:440;line-height:1.55}.about-label{letter-spacing:.02em;color:var(--ink-2);align-items:center;gap:14px;margin-top:44px;margin-bottom:16px;font-size:13px;font-weight:540;display:flex}.about-label:after{content:"";background:var(--rule);flex:1;height:1px}.garden .works{border-top:1px solid var(--rule);margin-top:22px}.works li{border-bottom:1px solid var(--rule);grid-template-columns:104px minmax(0,1fr);align-items:start;gap:16px;padding:18px 0;display:grid}.works-logo{border:1px solid var(--rule);background:#ece6da09;border-radius:12px;place-items:center;height:56px;display:grid}.works-logo img{filter:url(#garden-ink);opacity:.86;max-width:calc(100% - 20px);height:auto;display:block}.works-body{gap:4px;display:grid}.works-name{color:var(--ink);letter-spacing:-.004em;font-size:15px;font-weight:580;line-height:1.3}.works-what{color:var(--ink-2);text-wrap:pretty;letter-spacing:.004em;font-size:14px;line-height:1.6}.about-more{margin-top:26px;font-size:15px;font-weight:560}.about-site{margin-top:0}.about-name+.about-site{margin-top:18px}.about-site a{text-underline-offset:3px;transition:color .2s var(--ease-out), text-decoration-color .2s var(--ease-out);text-decoration-line:underline;text-decoration-color:#ece6da47;text-decoration-thickness:1px}.about-site a:hover{color:var(--ink);-webkit-text-decoration-color:var(--bronze);text-decoration-color:var(--bronze)}.about-label+.about-links{margin-top:-6px}.about-links li:first-child a{border-top:0}.about-links{font-size:15px;display:grid}.about-links a{border-top:1px solid var(--rule);color:var(--ink);transition:color .2s var(--ease-out), background .2s var(--ease-out), padding .25s var(--ease-out);justify-content:space-between;align-items:baseline;gap:16px;padding:13px 2px;text-decoration:none;display:flex}.about-link-k{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;font-weight:460;display:inline-flex}.about-link-k svg{color:var(--bronze)}.about-link-v{align-items:center;gap:6px;display:inline-flex}.about-links svg{color:var(--bronze)}.about-links a:hover,.about-links a:focus-visible{color:#fff;background:#ece6da0d;padding-inline:10px}@media (prefers-reduced-motion:reduce){.about,.about[data-open="1"]{transition-duration:10ms}}.intro{--pad:22px;width:min(23.5rem, calc(100vw - var(--edge) * 2));padding:20px var(--pad) 18px;border:1px solid var(--rule);transition:opacity .3s var(--ease-out), visibility 0s;-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);background:#080b0b85;border-radius:16px;grid-area:intro;justify-self:start;position:relative}.intro:before{content:"";pointer-events:none;border:1px solid #ece6da12;border-radius:12px;position:absolute;inset:4px}.name{letter-spacing:-.028em;white-space:nowrap;color:var(--ink);font-size:clamp(26px,2.1vw,32px);font-weight:640;line-height:1.05}.intro .edition-no{letter-spacing:.03em;white-space:nowrap;width:fit-content;color:var(--ink);border:1px solid #ece6da3d;border-radius:6px;margin-bottom:11px;padding:0 7px 0 6px;font-size:12px;font-weight:520;line-height:20px}.intro .edition-name{white-space:nowrap;text-overflow:ellipsis;color:var(--ink-2);letter-spacing:.002em;margin-top:6px;font-size:14.5px;font-weight:430;line-height:20px;overflow:hidden}.intro-more{font:inherit;color:var(--ink);cursor:pointer;text-underline-offset:3px;transition:color .2s var(--ease-out), text-decoration-color .2s var(--ease-out);background:0 0;border:0;margin-top:14px;padding:0;font-size:14px;font-weight:500;line-height:20px;text-decoration-line:underline;text-decoration-color:#ece6da47;text-decoration-thickness:1px}.intro-more:after{content:"";position:absolute;inset:0}.intro:not([data-more="1"]){cursor:pointer}.intro:not([data-more="1"]):hover .intro-more,.intro-more:hover,.intro-more:focus-visible{color:#fff;-webkit-text-decoration-color:var(--bronze);text-decoration-color:var(--bronze)}.intro{transition:width .55s var(--ease-out), background .4s var(--ease-out), box-shadow .4s var(--ease-out);overflow:hidden}.intro[data-more="1"]{max-height:calc(100dvh - max(var(--edge), env(safe-area-inset-top)) - var(--edge));z-index:3;-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);background:#0a0d0dbd;flex-direction:column;display:flex;box-shadow:0 18px 48px #00000052}.intro-more{max-height:44px;transition:max-height .4s var(--ease-out), margin .4s var(--ease-out), opacity .25s var(--ease-out), color .2s var(--ease-out), text-decoration-color .2s var(--ease-out)}.intro[data-more="1"] .intro-more{opacity:0;visibility:hidden;max-height:0;transition:max-height .4s var(--ease-out), margin .4s var(--ease-out), opacity .2s var(--ease-out), visibility 0s .4s;margin-top:0}.intro[data-more="1"]>:not(.intro-story){flex:none}.intro-story{min-height:0;margin:0 calc(var(--pad) * -1);visibility:hidden;transition:grid-template-rows .55s var(--ease-out), margin .4s var(--ease-out), visibility 0s .55s;flex:0 auto;grid-template-rows:0fr;display:grid}.intro[data-more="1"] .intro-story{visibility:visible;transition:grid-template-rows .55s var(--ease-out), margin .4s var(--ease-out);grid-template-rows:1fr;margin-top:18px}.intro-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ece6da40 transparent;min-height:0;overflow:hidden auto}.intro-body{padding:22px var(--pad) 8px;border-top:1px solid var(--rule)}.intro-close{opacity:0;visibility:hidden;transition:opacity .2s var(--ease-out), visibility 0s .2s, color .2s var(--ease-out), background .2s var(--ease-out)}.intro[data-more="1"] .intro-close{opacity:1;visibility:visible;transition:opacity .3s .2s var(--ease-out), color .2s var(--ease-out), background .2s var(--ease-out)}@media (min-width:721px){.intro{max-height:calc(100dvh - var(--edge) * 1.6);grid-row:1/-1;align-self:start}.intro[data-more="1"]{width:min(var(--pane), calc(100vw - var(--edge) * 2))}}.garden .actions{margin-top:26px;margin-bottom:4px;font-size:15px;font-weight:560}.action{min-height:52px;color:var(--ink);transition:color .2s var(--ease-out), background .2s var(--ease-out), border-color .2s var(--ease-out);background:#ece6da17;border:1px solid #ece6da4d;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:0 20px;text-decoration:none;display:flex;position:relative}.action svg{width:18px;height:18px;color:var(--bronze);flex:none}.action:hover,.action:focus-visible{border-color:var(--bronze);color:#fff;background:#ece6da29}.action:active{background:#ece6da33}.story-text{gap:16px;margin-top:0;line-height:1.6}.story-text>.story-thesis{letter-spacing:-.008em;color:var(--ink);text-wrap:balance;margin-bottom:8px;font-size:18px;font-weight:500;line-height:1.5}.story-text>.story-pull{letter-spacing:-.002em;color:var(--ink);text-wrap:balance;margin-block:8px;font-size:16.5px;font-weight:500;line-height:1.58}.story-pull>span{display:block}.garden .roots{letter-spacing:.006em;color:var(--ink-3);margin-top:22px;margin-bottom:6px;font-size:14px;line-height:1.6;position:relative}.garden .roots>p+p{margin-top:10px}.root{white-space:nowrap;display:inline}.root-name{font:inherit;color:var(--ink-2);cursor:help;text-underline-offset:3px;transition:color .2s var(--ease-out), text-decoration-color .2s var(--ease-out);background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted #ece6da66;text-decoration:underline dotted #ece6da66;text-decoration-thickness:1px;display:inline}.root-name:hover,.root-name:focus-visible,.root[data-open="1"] .root-name{color:var(--ink);-webkit-text-decoration-color:var(--bronze);text-decoration-color:var(--bronze)}.root-tip{z-index:2;white-space:normal;border:1px solid var(--rule);width:280px;color:var(--ink-2);letter-spacing:.004em;opacity:0;visibility:hidden;transition:opacity .18s var(--ease-out), visibility 0s .18s;background:#0a0d0df0;border-radius:12px;padding:10px 13px 11px;font-size:13.5px;line-height:1.5;position:absolute;top:0;left:0;box-shadow:0 4px 14px #00000059}.root-tip a{width:fit-content;color:var(--ink);text-underline-offset:3px;align-items:center;gap:3px;margin-top:5px;font-size:13px;font-weight:500;text-decoration-line:underline;text-decoration-color:#ece6da47;text-decoration-thickness:1px;display:flex}.root-tip a:hover,.root-tip a:focus-visible{-webkit-text-decoration-color:var(--bronze);text-decoration-color:var(--bronze)}.root[data-open="1"] .root-tip{opacity:1;visibility:visible;transition:opacity .18s var(--ease-out)}.root:has(:focus-visible) .root-tip{opacity:1;visibility:visible;transition:opacity .18s var(--ease-out)}@media (hover:hover){.root:hover .root-tip{opacity:1;visibility:visible;transition:opacity .18s 80ms var(--ease-out)}}@media (prefers-reduced-motion:reduce){.root-tip{transition:none}}.intro-body>.about-label:first-child{margin-top:0}.intro-fold,.about-colophon{display:none}.dial-stack{pointer-events:none;flex:none}.dial{--t:0;--dial:120px;--r:calc(var(--dial) * 50 / 112);width:var(--dial);height:var(--dial);pointer-events:auto;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#080b0b80 52%,#080b0b38 74%,#0000 100%);border-radius:50%;position:relative}.dial[data-drag="1"]{cursor:grabbing}.dial-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dial-ring,.dial-day,.dial-fill{fill:none;stroke-linecap:round}.dial-ring{stroke:var(--rule);stroke-width:1.5px}.dial-day{stroke:#ece6da4d;stroke-width:1.5px}.dial-fill{stroke:var(--ink);stroke-width:2px;stroke-dasharray:var(--t) 2;opacity:0;transition:opacity .6s var(--ease-out)}.dial[data-live="1"] .dial-fill{opacity:.9}.dial-tick{stroke:var(--ink-3);stroke-width:1.5px;stroke-linecap:round}.dial-handle{width:28px;height:28px;translate:calc(var(--r) * sin(var(--t) * -1turn)) calc(var(--r) * cos(var(--t) * 1turn));color:var(--ink);cursor:grab;border-radius:50%;outline:none;place-items:center;margin:-14px 0 0 -14px;display:grid;position:absolute;top:50%;left:50%}.dial[data-drag="1"] .dial-handle{cursor:grabbing}.dial-handle svg{filter:drop-shadow(0 1px 3px #0000008c);transition:scale .2s var(--ease-out)}.dial[data-drag="1"] .dial-handle svg{scale:1.18}.dial-handle:focus-visible{outline:1.5px solid var(--bronze);outline-offset:1px}.dial-face{color:var(--ink);cursor:pointer;transition:color .2s var(--ease-out), opacity .4s var(--ease-out), background .2s var(--ease-out);background:0 0;border:0;border-radius:50%;place-content:center;padding:4px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.dial-face:hover:not(:disabled){background:#ece6da1a}.dial-face:disabled{opacity:.4;cursor:default}.dial-face:focus-visible{outline:1.5px solid var(--bronze);outline-offset:1px}.dial-phase{width:24px;height:24px;display:grid}.dial-phase svg{opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);grid-area:1/1;transform:scale(.86)}.dial-phase svg[data-on="1"]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.dial-phase svg{transition:none}}.dial-face[data-playing="0"]:not(:disabled){color:var(--paused)}.dial-phase{transition:opacity .3s var(--ease-out)}.ctl{width:36px;height:36px;color:var(--ink-2);cursor:pointer;transition:color .2s var(--ease-out), background .2s var(--ease-out);background:#080b0b8c;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.ctl:hover{color:var(--ink);background:#080b0bb3}.ctl:disabled{opacity:.4;cursor:default}.console{--dip:16px;--waist:radial-gradient(ellipse 30% calc(var(--dip) + 14px) at 50% -14px, transparent 97%, #000 100%), radial-gradient(ellipse 30% calc(var(--dip) + 14px) at 50% calc(100% + 14px), transparent 97%, #000 100%);isolation:isolate;padding:calc(var(--dip) + 14px) 26px;transition:opacity .6s var(--ease-out);grid-area:console;place-self:end;align-items:center;gap:14px;display:flex;position:relative}.console:before,.console:after{content:"";z-index:-1;-webkit-mask-image:var(--waist);-webkit-mask-image:var(--waist);mask-image:var(--waist);-webkit-mask-composite:source-in;pointer-events:none;border-radius:999px;position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}.console:before{z-index:-2;background:var(--rule);inset:0}.console:after{-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);background:#080b0b85;inset:1px}.console[data-ready="0"] .tip{opacity:0}.console .tip{min-height:0;position:absolute;bottom:calc(100% + 12px);left:0;right:0}.console .tip-line{width:min(42ch, calc(100vw - 2 * var(--edge)));text-shadow:0 1px 2px #000000d9,0 1px 8px #0009,0 2px 24px #0009}.console .tip-key{background:#080b0b6b;box-shadow:0 1px 4px #00000073}.console-lobe{flex:none;place-items:center;display:grid}.console-core{align-content:center;justify-items:center;gap:10px;width:196px;display:grid}.console-mid{justify-items:center;gap:8px;display:grid}.console-pair{gap:4px;display:flex}@media (min-width:721px){.page{grid-template-areas:"intro nav"". .""foot foot"}.page>.console{--dip:14px;padding:calc(var(--dip) + 6px);grid-area:foot;justify-self:center;align-items:center;gap:8px}.console-core{gap:12px;width:148px}.console-mid{gap:10px}.console-mid .score{height:34px}.page>.console .console-pair .ctl{width:34px;height:34px}.page>.console .pad{grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px)}.page>.console .pad .ctl{width:52px;height:52px}.page>.console .pad .ctl svg{width:24px;height:24px}.dial{--dial:156px}.dial-phase{width:30px;height:30px}.dial-handle{width:32px;height:32px;margin:-16px 0 0 -16px}}.console-colophon{text-align:center;letter-spacing:.01em;white-space:nowrap;color:var(--ink-3);margin:6px 0 0;font-size:12px;font-weight:450;line-height:1.4}.console .console-lobe[data-lobe=pad]{order:3}.console .console-lobe[data-lobe=dial]{order:-1}.console .pad{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,40px);gap:2px}.console .pad .ctl{border:1px solid color-mix(in srgb, var(--face) 58%, transparent);background:color-mix(in srgb, var(--face) 20%, #080b0bb3);width:40px;height:40px;color:var(--face);box-shadow:0 3px 8px #00000052}.console .pad .ctl:hover:not(:disabled){background:color-mix(in srgb, var(--face) 34%, #080b0bb3);color:#fff}.console .pad-up{--face:#ffb03a}.console .pad-right{--face:#ff6f91}.console .pad-down{--face:#3fd39a}.console .pad-left{--face:#8f7bff}@property --wr{syntax:"<length>";inherits:false;initial-value:0}.console-wave{--wr:0px;z-index:0;-webkit-mask-image:var(--waist);-webkit-mask-image:var(--waist);mask-image:var(--waist);-webkit-mask-composite:source-in;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at var(--ox,50%) var(--oy,50%), color-mix(in srgb, var(--wave) 30%, transparent) 0, color-mix(in srgb, var(--wave) 12%, transparent) calc(var(--wr) * .55), color-mix(in srgb, var(--wave) 24%, transparent) max(0px, calc(var(--wr) - 22px)), color-mix(in srgb, var(--wave) 62%, transparent) max(0px, calc(var(--wr) - 3px)), transparent calc(var(--wr) + 6px));border-radius:999px;animation:.95s cubic-bezier(.16,1,.3,1) both console-wave;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes console-wave{0%{--wr:0px;opacity:1}55%{opacity:1}to{--wr:640px;opacity:0}}@media (prefers-reduced-motion:reduce){.console-wave{--wr:640px;animation:.6s ease-out both console-glow}@keyframes console-glow{0%{opacity:.55}to{opacity:0}}}.console .ctl{background:#ece6da12}.console .ctl:hover{background:#ece6da24}.pad{grid-template-rows:repeat(3,36px);grid-template-columns:repeat(3,36px);place-items:center;gap:3px;display:grid}.pad-up{grid-area:1/2}.pad-left{grid-area:2/1}.pad-mid{grid-area:2/2}.pad-right{grid-area:2/3}.pad-down{grid-area:3/2}.helm-dots{display:flex}.helm-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:9px;height:22px;padding:0;display:grid;position:relative}.helm-dot:before{content:"";background:var(--ink-3);opacity:.55;width:5px;height:5px;transition:background .4s var(--ease-out), opacity .4s var(--ease-out), scale .2s var(--ease-out);border-radius:50%}.helm-dot:hover:before,.helm-dot:focus-visible:before{background:var(--ink);opacity:1;scale:1.35}.helm-dot[data-on="1"]:before{background:var(--ink);opacity:1}.helm-dot:disabled{cursor:default}.helm-dot:focus-visible{outline-offset:0;border-radius:3px}.tip{pointer-events:none;width:100%;min-height:4.2em;transition:opacity .6s var(--ease-out);align-content:end;justify-items:center;margin:0;display:grid}.tip[data-on="0"]{opacity:0}.tip-line{text-wrap:balance;text-align:center;color:var(--ink);opacity:0;transition:opacity .6s var(--ease-out);letter-spacing:.005em;grid-area:1/1;font-size:14.5px;font-weight:450;line-height:1.45}.tip-line[data-front="1"]{opacity:1}.tip-key{min-width:1.5em;font:inherit;text-align:center;vertical-align:.05em;color:var(--ink);background:#ece6da14;border:1px solid #ece6da5c;border-bottom-width:2px;border-radius:6px;margin:0 .1em;padding:0 .34em;font-size:.86em;font-weight:620;line-height:1.4;display:inline-block}.tip-thing{color:var(--bronze);font-weight:600}.sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.score{cursor:default;pointer-events:auto;outline-offset:2px;align-self:flex-end;position:relative}.console-mid .score{background:#ece6da12;border-radius:999px;align-self:center;align-items:center;height:36px;padding:0 14px;display:flex}.score-row{white-space:nowrap;color:var(--ink);justify-content:flex-end;align-items:center;gap:8px;font-size:14px;line-height:18px;display:flex}.score-mark{flex:none;display:block}.score-of{color:var(--ink-2);margin-left:-3px}.score-n{text-align:right;min-width:2ch;animation:score-tick .9s var(--ease-out)}@keyframes score-tick{0%{color:var(--ink);transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.score-n{animation:none}}@media (max-width:720px){.garden{--edge:20px}.page{padding:0;display:block}.page:after{background:linear-gradient(#080b0b99,#080b0b40 60%,#0000);width:100%;height:280px}.page:before{height:260px}.intro{--pad:18px;top:calc(max(var(--edge), env(safe-area-inset-top)) + 54px);left:var(--edge);right:var(--edge);width:auto;padding:16px var(--pad) 10px;position:absolute}.intro[data-open="1"]{animation:intro-open .35s var(--ease-out)}.name{font-size:23px}.intro[data-open="0"]{top:max(var(--edge), env(safe-area-inset-top));background:#080b0b80;border-radius:999px;align-items:center;gap:2px;min-height:46px;padding:0 9px 0 15px;display:flex;right:auto}.intro[data-open="0"]:before,.intro[data-open="0"]>:not(.name,.intro-fold){display:none}.intro[data-open="0"] .name{letter-spacing:-.01em;font-size:14.5px;font-weight:600}.intro-fold{width:22px;height:22px;color:var(--ink-2);cursor:pointer;transition:rotate .3s var(--ease-out), color .2s var(--ease-out);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.intro[data-open="0"] .intro-fold{order:1}.intro[data-open="0"] .intro-fold:after{content:"";border-radius:inherit;position:absolute;inset:0}.intro[data-open="1"] .intro-fold{z-index:1;width:44px;height:44px;position:absolute;top:4px;right:4px;rotate:180deg}.intro-fold:focus-visible{outline-offset:-4px}.about-colophon{color:var(--ink-3);margin-top:22px;font-size:12px;line-height:1.55;display:block}.topnav{top:max(var(--edge), env(safe-area-inset-top));right:var(--edge);position:absolute}.topnav-link{min-height:36px;padding:0 11px;font-size:14px}.topnav-link:has(.topnav-mark){gap:12px;padding-left:9px}.about-scroll{padding:30px 22px 28px}.intro-more{min-height:44px;margin-top:2px}.intro[data-more="1"] .intro-more{min-height:0;margin-top:0}.intro[data-more="1"] .intro-fold{display:none}.intro[data-more="1"]{max-height:calc(100dvh - max(var(--edge), env(safe-area-inset-top)) - 54px - var(--edge))}.console{--dip:12px;left:12px;right:12px;bottom:max(var(--edge), env(safe-area-inset-bottom));padding:calc(var(--dip) + 10px) 8px;justify-content:center;justify-self:stretch;gap:4px;position:absolute}.console-core{width:auto}.console .pad,.pad{grid-template-rows:40px 28px 40px;grid-template-columns:40px 28px 40px;gap:0}.console .pad .ctl,.pad .ctl{width:40px;height:40px}.helm-dots{display:none}.console .ctl{width:40px;height:40px}.dial{--dial:76px}.dial-phase{width:20px;height:20px}.tip{justify-items:center}.console .tip-line{width:min(34ch, calc(100vw - 2 * var(--edge)));font-size:15px}.console-colophon{display:none}}@media (max-width:420px){.works li{grid-template-columns:78px minmax(0,1fr);gap:12px}.works-logo{height:48px}.works-logo img{max-width:calc(100% - 14px)}.topnav{gap:0;padding:3px}.topnav-link{padding:0 6px;font-size:12px}.topnav-link:has(.topnav-mark){gap:6px;padding-left:9px}.intro[data-open="0"]{gap:0;padding:0 5px 0 12px}.intro[data-open="0"] .name{font-size:12.5px}.intro[data-open="0"] .intro-fold{width:18px}}@media (min-width:721px) and (max-height:540px){.page>.console{transform-origin:50% 100%;scale:.78}}@media (min-width:721px) and (max-height:440px){.page>.console{scale:.72}}@media (max-width:359px){.intro[data-open="0"]{top:calc(max(var(--edge), env(safe-area-inset-top)) + 50px)}.garden:has(.about[data-open="1"]) .intro[data-open="0"]{visibility:hidden}.console{--k:.96;width:336px;translate:-50%;scale:var(--k);transform-origin:50% 100%;left:50%;right:auto}}@media (max-width:335px){.console{--k:.9}}@media (max-width:319px){.console{--k:.84}}@keyframes intro-open{0%{opacity:0;translate:0 -6px}}@media (prefers-reduced-motion:reduce){.tip-line{transition:none}.intro[data-open="1"]{animation:none}}.garden:has(.world[data-photo="1"]) :is(.page,.opening,.debug,.perf){opacity:0;visibility:hidden}.garden:has(.world[data-photo="1"]) .world-wind{display:none}.world[data-photo="1"]{z-index:30;animation:cam-world .4s 80ms var(--ease-out) backwards;position:fixed;inset:auto}@keyframes cam-world{0%{opacity:0}}.cam-bg{z-index:29;animation:cam-fade .3s var(--ease-out) backwards;background:#050606;position:fixed;inset:0}.cam{--cam-yellow:#ffd60a;--paper:#f3efe6;z-index:31;padding:max(14px, env(safe-area-inset-top)) var(--edge) max(14px, env(safe-area-inset-bottom));color:#fff;pointer-events:none;animation:cam-fade .3s var(--ease-out) backwards;transition:opacity .24s var(--ease-out);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;position:fixed;inset:0}.cam[data-leaving="1"],.cam[data-leaving="1"]~.cam-bg{opacity:0}@keyframes cam-fade{0%{opacity:0}}.cam button,.cam [role=slider],.cam-tilt{pointer-events:auto}.cam:focus{outline:none}.cam :focus-visible{outline:2px solid var(--cam-yellow);outline-offset:3px}.cam-top{justify-content:space-between;align-items:center;min-height:52px;display:flex}.garden .cam-stamp{letter-spacing:.02em;color:#ffffffb3;font-size:13.5px;font-weight:520}.cam .cam-close{color:#0a0b0b;cursor:pointer;width:52px;height:52px;transition:background .2s var(--ease-out), scale .15s var(--ease-out);background:#fff;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.cam-close:hover{background:#e9e7e1}.cam-close:active{scale:.94}.cam-stage{place-items:center;min-height:0;padding:8px 0;display:grid;container-type:size}.cam-card{--w:5.1136%;--t:4.2056%;--pic-w:89.7727%;--pic-h:73.8318%;aspect-ratio:88/107;border-radius:1.6cqw;height:min(100cqh,121.591cqw);position:relative;box-shadow:0 24px 60px #0000008c;container-type:inline-size}.cam-window{left:var(--w);top:var(--t);width:var(--pic-w);height:var(--pic-h);pointer-events:none;position:absolute;overflow:hidden}.cam-grid{fill:none;stroke:#ffffff42;stroke-width:1px;width:100%;height:100%;position:absolute;inset:0}.cam-level{border-top:2px solid var(--cam-yellow);opacity:0;width:24%;height:0;transition:opacity .2s var(--ease-out);border-radius:2px;margin-left:-12%;position:absolute;top:50%;left:50%}.cam-level[data-on="1"]{opacity:.95}.cam-flash{opacity:0;background:#fff;position:absolute;inset:0}.cam-flash[data-on="1"]{animation:.42s ease-out cam-flash}@keyframes cam-flash{0%{opacity:.92}}.cam-paper{background:var(--paper);pointer-events:none;position:absolute}.cam-paper[data-side=t]{height:var(--t);border-radius:1.6cqw 1.6cqw 0 0;top:0;left:0;right:0}.cam-paper[data-side=l]{width:var(--w);border-radius:1.6cqw 0 0 1.6cqw;top:0;bottom:0;left:0}.cam-paper[data-side=r]{width:var(--w);border-radius:0 1.6cqw 1.6cqw 0;top:0;bottom:0;right:0}.cam-paper[data-side=b]{height:21.9626%;padding:0 var(--w) .45cqw;color:#2d2b27;background:linear-gradient(#f6f2ea,#efeadf);border-radius:0 0 1.6cqw 1.6cqw;flex-direction:column;justify-content:center;display:flex;bottom:0;left:0;right:0;overflow:hidden}.garden .cam-title{letter-spacing:0;text-wrap:wrap;overflow-wrap:anywhere;font-size:3.8cqw;font-weight:560;line-height:1.32}.garden .cam-name{color:#6d675b;overflow-wrap:anywhere;font-size:3.8cqw;font-weight:500;line-height:1.32}.garden .cam-url{color:#6d675b;overflow-wrap:anywhere;margin-top:.7cqw;font-size:2.66cqw;font-weight:460;line-height:1.3}.cam-print{width:100%;height:100%;animation:cam-eject .65s var(--ease-out) backwards;border-radius:1.6cqw;position:absolute;inset:0}.cam-develop{left:var(--w);top:var(--t);width:var(--pic-w);height:var(--pic-h);pointer-events:none;-webkit-backdrop-filter:brightness(.18)saturate(0)blur(8px);backdrop-filter:brightness(.18)saturate(0)blur(8px);background:#7884808c;animation:3.6s cubic-bezier(.4,0,.2,1) .4s forwards cam-develop;position:absolute}@keyframes cam-eject{0%{opacity:0;translate:0 7%;scale:.96}}@keyframes cam-develop{to{-webkit-backdrop-filter:brightness()saturate()blur();backdrop-filter:brightness()saturate()blur();opacity:0;background:#78848000}}.cam-tip{text-align:center;min-height:3.1em;transition:opacity .3s var(--ease-out);place-items:center;margin:6px 0 4px;display:grid}.cam-tip[data-on="0"]{opacity:0}.cam-tip .tip-line{color:#ffffffeb;width:min(42ch,100%);font-size:14.5px;font-weight:450;line-height:1.45}.cam-bar{gap:14px;width:min(100%,460px);margin:0 auto;display:grid}.cam-tilt{justify-items:center;gap:4px;display:grid}.cam-tilt-val{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#ffffff80;transition:color .2s var(--ease-out);font-size:12.5px;font-weight:560}.cam-tilt-val[data-on="1"]{color:var(--cam-yellow)}.cam-tilt input{--pct:50%;appearance:none;cursor:pointer;background:0 0;width:min(300px,80%);height:28px;margin:0}.cam-tilt input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ffffff4d,#ffffff4d);border-radius:2px;height:2px}.cam-tilt input::-moz-range-track{background:#ffffff4d;border-radius:2px;height:2px}.cam-tilt input::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:20px;height:20px;margin-top:-9px;box-shadow:0 1px 6px #00000080}.cam-tilt input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 6px #00000080}.cam-tilt input:disabled{opacity:.4}.cam-row{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.cam-zoom{background:#ffffff1f;border-radius:999px;justify-self:start;align-items:center;height:46px;display:flex}.cam-zoom button{color:#fff;cursor:pointer;width:44px;height:46px;transition:background .2s var(--ease-out), opacity .2s var(--ease-out);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.cam-zoom button:hover{background:#ffffff1f}.cam-zoom button:disabled,.cam-shutter:disabled{opacity:.4;cursor:default}.cam-zoom output{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;color:var(--cam-yellow);font-size:14px;font-weight:600}.cam-shutter{cursor:pointer;background:0 0;border:4px solid #fff;border-radius:50%;place-items:center;width:78px;height:78px;padding:0;display:grid}.cam-shutter span{width:60px;height:60px;transition:scale .12s var(--ease-out), background .2s var(--ease-out);background:#fff;border-radius:50%;display:block}.cam-shutter:hover span{background:#f1efe9}.cam-shutter:active span{scale:.9}.cam-dial{cursor:grab;touch-action:none;background:#ffffff1f;border-radius:50%;justify-self:end;width:58px;height:58px;position:relative}.cam-dial:active{cursor:grabbing}.cam-dial-ring{background:repeating-conic-gradient(#ffffff80 0 1.4deg, transparent 1.4deg 15deg);border-radius:50%;position:absolute;inset:5px;-webkit-mask:radial-gradient(circle,#0000 66%,#000 68%);mask:radial-gradient(circle,#0000 66%,#000 68%)}.cam-dial-ring i{background:var(--cam-yellow);border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:-3px;left:50%}.cam-bar-print{justify-content:center;gap:12px;padding-bottom:4px;display:flex}.cam-btn{color:#fff;cursor:pointer;min-width:132px;min-height:52px;transition:background .2s var(--ease-out), scale .15s var(--ease-out);background:#ffffff24;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:560;display:inline-flex}.cam-btn:hover{background:#ffffff38}.cam-btn:active{scale:.97}.cam .cam-btn-main{background:var(--cam-yellow);color:#17140a}.cam .cam-btn-main:hover{background:#ffe04a}.cam[data-phase=closing] .cam-bar{opacity:.35;pointer-events:none}@media (max-width:420px){.cam-zoom button{width:40px}.cam-zoom output{min-width:36px}}@media (prefers-reduced-motion:reduce){.cam-print,.cam-develop,.cam-flash[data-on="1"],.world[data-photo="1"]{animation:none}.cam-develop{display:none}}@media (scripting:none){.about{visibility:visible;translate:0}.dial-stack,.console,.topnav,.about-close,.intro-more{display:none}}