.home{font-synthesis:none}.hero{--fore:clamp(120px, 12cqw, 240px);touch-action:pan-y;cursor:crosshair;--accent:var(--mark-home);height:100svh;min-height:480px;position:relative;overflow:hidden;container-type:inline-size}.hero>.flock,.hero>.wash{will-change:transform;width:100%;height:100%;display:block;position:absolute;inset:0}.hero>.wash{display:none}.land{aspect-ratio:2400/600;pointer-events:none;will-change:transform;width:100cqw;position:absolute;bottom:3cqw;left:0}.land img{width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.land .land-day,[data-theme=light] .land .land-night{display:none}[data-theme=light] .land .land-day{display:block}.land-fade{z-index:2;pointer-events:none;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--ground) 46%, transparent) 26%, color-mix(in srgb, var(--ground) 88%, transparent) 46%, var(--ground) 62%);height:8.4cqw;position:absolute;bottom:0;left:0;right:0}.fore{width:100%;height:calc(var(--fore) + 2px);pointer-events:none;display:block;position:absolute;bottom:-2px;left:0;right:0}.fore-rock{fill:var(--ground)}.fore-cuts{fill:none;stroke:var(--ink);stroke-width:.8px;vector-effect:non-scaling-stroke;opacity:.6}.fore-rim{fill:none;stroke:var(--ink);stroke-width:1.6px;vector-effect:non-scaling-stroke}.land>.figure{pointer-events:none;transform-origin:50% 100%;width:2.2cqw;min-width:30px;height:3cqw;min-height:41px;margin-top:calc(-1*max(3cqw,41px));margin-left:calc(max(2.2cqw,30px)/-2);position:absolute;top:76.5%;left:64.1%;overflow:visible}.land>.figure.lit .lamp{animation:lamp-open 1.6s var(--ease) both;transform-box:fill-box;transform-origin:50%}@keyframes lamp-open{0%{transform:scale(1)}22%{transform:scale(3.4)}to{transform:scale(1)}}.land>.figure.gust{animation:gust 1.2s var(--ease)}@keyframes gust{0%,to{transform:skew(0)}30%{transform:skew(-1.6deg)}65%{transform:skew(.6deg)}}.hero.boom>.land{animation:.46s ease-out boom}@keyframes boom{0%,to{translate:0}30%{translate:0 1px}}.hero-mark{display:none}.hero-copy{z-index:3;cursor:auto;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:clamp(14px,1.6cqw,32px);left:3cqw;right:3cqw}.lede{font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(26px,2.8cqw,56px);font-weight:400;line-height:1.04}.cue{flex:none;align-items:center;gap:.5em;min-height:44px;font-size:clamp(15px,1.15cqw,20px);text-decoration:none;display:inline-flex}.cue-words{text-decoration-line:underline;text-decoration-color:var(--accent);text-underline-offset:6px;transition:text-underline-offset .18s var(--ease);text-decoration-thickness:2px}.cue:hover .cue-words{text-underline-offset:9px}.cue-arrow{transition:transform .24s var(--ease)}.cue:hover .cue-arrow{transform:translateY(3px)}.climb{--step:70svh;height:calc(100svh + var(--step) * 5);--accent:var(--mark-home);position:relative;container-type:inline-size}.climb-stop{pointer-events:none;width:1px;height:1px;position:absolute;left:0}.climb-stop:nth-child(2){top:var(--step)}.climb-stop:nth-child(3){top:calc(var(--step) * 2)}.climb-stop:nth-child(4){top:calc(var(--step) * 3)}.climb-stop:nth-child(5){top:calc(var(--step) * 4)}.climb-stop:nth-child(6){top:calc(var(--step) * 5)}.climb:not(:has(.climb-live)) .climb-stop{display:none}@media (pointer:coarse){html:has(.climb-live){scroll-snap-type:y mandatory}html.climb-driving:has(.climb-live){scroll-snap-type:none}html:has(.climb-live) .hero,html:has(.climb-live) .climb-stop{scroll-snap-align:start;scroll-snap-stop:always}html:has(.climb-live) .into{scroll-snap-align:start}html:has(.climb-live) .end{scroll-snap-align:end}}.climb-hint{z-index:5;min-height:44px;color:var(--muted);opacity:0;transition:opacity .26s var(--ease);pointer-events:none;align-items:center;gap:.5em;margin:0;font-size:clamp(14px,1cqw,18px);display:none;position:absolute;bottom:clamp(18px,3.4svh,36px);left:50%;transform:translate(-50%)}.climb-live .climb-hint{display:inline-flex}.climb-hinting .climb-hint{opacity:1;transition-duration:.48s}.climb-hint-arrow{color:var(--ink)}.climb-hinting .climb-hint-arrow{animation:hint 2.2s var(--ease) infinite}@keyframes hint{0%,to{opacity:.55;transform:translateY(-2px)}50%{opacity:1;transform:translateY(4px)}}.climb-arrow{z-index:5;aspect-ratio:1;width:clamp(44px,3.6cqw,72px);color:var(--ink);font:inherit;cursor:pointer;transition:opacity .24s var(--ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;font-size:clamp(22px,1.9cqw,40px);line-height:1;display:none;position:absolute;top:40%;transform:translateY(-50%)}.climb-live .climb-arrow{display:grid}.climb-prev{left:1cqw}.climb-next{right:1cqw}.climb-arrow span{transition:transform .18s var(--ease)}.climb-prev:active span{transform:translate(-5px)}.climb-next:active span{transform:translate(5px)}@media (hover:hover){.climb-prev:hover span{transform:translate(-5px)}.climb-next:hover span{transform:translate(5px)}}.climb-arrow[aria-disabled=true]{opacity:.22;cursor:default}.climb-arrow[aria-disabled=true] span{transform:none}.climb-stage{height:100svh;min-height:520px;position:sticky;top:0;overflow:clip}.climb-stage.climb-live{touch-action:pinch-zoom}.climb-gl{pointer-events:none;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.climb-world{transform-origin:0 0;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.climb-world>.figure{pointer-events:none;z-index:3;will-change:transform;width:clamp(30px,2.5cqw,52px);height:clamp(41px,3.45cqw,72px);display:none;position:absolute;top:0;left:0;overflow:visible}.climb-title{z-index:4;max-width:70cqw;font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;transform-origin:3cqw clamp(68px,9svh,110px);pointer-events:none;will-change:transform;margin:0;padding:clamp(68px,9svh,110px) 3cqw 0;font-size:clamp(30px,3.6cqw,72px);font-weight:400;line-height:.98;position:relative}.climb-rail{z-index:5;align-items:center;gap:2px;padding-left:calc(3cqw - 10px);display:none;position:absolute;bottom:clamp(18px,3.4svh,36px);left:0}.climb-rail button{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;transition:color .16s var(--ease);background:0 0;border:0;align-items:center;padding:0 10px;font-size:clamp(14px,1cqw,18px);display:inline-flex}.climb-rail button:hover{color:var(--ink)}.climb-rail button.at{color:var(--ink);text-decoration-line:underline;text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:2px}.climb-note{z-index:5;width:min(31cqw,480px);color:var(--ink);text-wrap:pretty;margin:0;padding:12px 14px;font-size:clamp(17px,1.35cqw,26px);line-height:1.35;position:absolute;bottom:clamp(18px,3.4svh,36px);right:3cqw}.climb-rows{margin:0;padding:0;list-style:none}.climb-row{align-content:end;gap:clamp(4px,.6cqw,10px);display:grid}.yr{font-family:var(--display);letter-spacing:-.04em;white-space:nowrap;font-size:clamp(64px,9cqw,200px);line-height:.92}.yr-now{font-family:var(--text);letter-spacing:0;color:var(--muted);vertical-align:.1em;font-size:.2em}.climb-row h3{text-wrap:balance;margin:0;font-size:clamp(22px,2.3cqw,48px);font-weight:400;line-height:1.12}.climb-row .big{max-width:18em;font-family:var(--display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(26px,3cqw,64px);line-height:1.04}.climb-row p{color:var(--ink);text-wrap:pretty;margin:0;font-size:clamp(17px,1.55cqw,30px);line-height:1.3}.unknown .yr,.unknown h3,.unknown p{color:var(--muted)}.scratch{width:clamp(120px,11cqw,260px);height:clamp(13px,1.05cqw,24px);margin-block:2px 3px;display:block;overflow:visible}.scratch path{fill:none;stroke:var(--ink);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}.climb-live .climb-gl,.climb-live .climb-world>.figure,.climb-live .climb-rail{display:block}.climb-live .climb-rail{display:flex}.climb-live .climb-world{z-index:1}.climb-live:after{content:"";z-index:0;background:linear-gradient(to top, var(--ground) 56%, transparent);pointer-events:none;height:clamp(170px,26svh,280px);position:absolute;bottom:0;left:0;right:0}.climb-live .climb-row{z-index:2;position:absolute;top:0;left:0}.climb-live .climb-row>*{opacity:0;transition:opacity .42s var(--ease), transform .52s var(--ease);transform:translateY(14px)}.climb-live .climb-row .scratch{opacity:0;transform:none}.climb-live .climb-row.on .scratch{opacity:1}.climb-overview .climb-row>:not(.yr):not(h3){opacity:0!important}.climb-live .climb-row.on.past>*{opacity:0;transition-duration:.22s;transition-delay:0s}.climb-live .climb-row .scratch path{stroke-dashoffset:1px;transition:stroke-dashoffset .64s cubic-bezier(.45,.05,.35,1) .16s}.climb-live .climb-row.on>*{opacity:1;transform:none}.climb-live .climb-row.on .scratch path{stroke-dashoffset:0}.climb-live .climb-row.on h3{transition-delay:60ms}.climb-live .climb-row.on .big{transition-delay:.13s}.climb-live .climb-row.on p{transition-delay:.18s}.climb:not(:has(.climb-live)){height:auto}.climb-stage:not(.climb-live){height:auto;padding-bottom:48px;position:relative}.climb-stage:not(.climb-live) .climb-world{position:static}.climb-stage:not(.climb-live) .climb-title{padding-bottom:16px}.climb-stage:not(.climb-live) .climb-rows{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:28px 3cqw;padding:0 3cqw;display:grid}.climb-stage:not(.climb-live) .yr{font-size:clamp(44px,5cqw,96px)}.climb-stage:not(.climb-live) .climb-note{width:auto;box-shadow:none;background:0 0;margin:24px 3cqw 0;padding:0;position:static}.into{align-items:center;min-height:64svh;display:grid;position:relative;overflow:clip;container-type:inline-size}.into-link{width:94%;color:inherit;touch-action:pan-y;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:end;gap:clamp(10px,1cqw,18px) 3cqw;margin-inline:auto;padding-block:clamp(56px,10svh,110px);text-decoration:none;display:grid;position:relative}.into-link h2{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;transition:transform .52s var(--ease);grid-column:1;margin:0;font-size:clamp(36px,5.6cqw,118px);font-weight:400;line-height:1}.into-link p{max-width:34em;color:var(--muted);text-wrap:pretty;grid-column:1;margin:0;font-size:clamp(16px,1.35cqw,24px);line-height:1.35}.into-side{grid-area:1/2/span 2;align-items:flex-end;gap:clamp(16px,2cqw,36px);display:flex}.into-link:hover h2{transform:translate(8px)}.spines{align-items:flex-end;gap:2px;height:clamp(72px,9cqw,170px);padding-inline:4px;display:flex}.spines i{transform-origin:50% 100%;width:clamp(11px,1.25cqw,24px);height:100%;transition:transform .52s var(--ease);display:block}.spines i:first-child{background:var(--hue-essays);height:92%}.spines i:nth-child(2){background:var(--hue-work);height:100%;transition-delay:40ms}.spines i:nth-child(3){background:var(--hue-library);height:84%;transition-delay:80ms}.spines i:nth-child(4){background:var(--hue-about);height:96%;transition-delay:.12s}.spines i:nth-child(5){background:var(--mark-home);height:88%;transition-delay:.16s}.into-link:hover .spines i{transform:rotate(-9deg)}.shelf{aspect-ratio:1;width:clamp(110px,12cqw,230px);display:none}.shelf-canvas{pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}.shelf-on .spines{display:none}.shelf-on .shelf,.shelf-on .shelf-canvas{display:block}.into-link h2{text-underline-offset:.11em;transition:transform .52s var(--ease), text-decoration-color .42s var(--ease);text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:.035em}.into-link p{transition:color .3s var(--ease)}.into-link:hover p{color:var(--ink)}@container (width<=760px){.hero-copy{flex-direction:column;align-items:flex-start;gap:2px;bottom:10px;left:5cqw;right:5cqw}.lede{font-size:clamp(25px,7.4cqw,40px)}.land{width:200cqw;bottom:122px;left:-60.2cqw}.land-fade{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--ground) 62%, transparent) 16%, var(--ground) 29%);height:172px}.fore{width:260cqw;left:-101cqw;right:auto}.climb-title{text-align:center;transform-origin:50% clamp(68px,9svh,110px);max-width:none;padding-inline:5cqw;font-size:clamp(28px,8cqw,44px)}.climb-row{text-align:center;justify-items:center}.climb-hint{bottom:140px}.climb-rail{justify-content:space-between;padding-left:0;bottom:96px;left:calc(5cqw + 34px);right:calc(5cqw + 34px)}.climb-live:after{background:linear-gradient(to top, var(--ground) 76%, transparent);height:180px}.climb-rail button{padding:0 4px;font-size:14px}.climb-arrow{width:44px;font-size:22px;top:auto;bottom:96px;transform:none}.climb-prev{left:calc(5cqw - 8px)}.climb-next{right:calc(5cqw - 8px)}.climb-note{text-align:center;width:auto;padding:8px 0;font-size:15px;bottom:14px;left:5cqw;right:5cqw}.yr{font-size:clamp(64px,21cqw,104px)}.yr-now{font-size:.22em}.climb-row h3{font-size:clamp(20px,6cqw,30px)}.climb-row .big{font-size:clamp(24px,7cqw,36px)}.climb-row p{font-size:16px}.hero-copy{text-align:center;align-items:center}.hero-side{flex-direction:column-reverse;justify-content:center;align-items:center}.into-link{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;width:90%}.into-link p{margin-inline:auto}.into-link h2{font-size:clamp(32px,10cqw,76px)}.into-side{grid-area:auto/1;justify-content:center;margin-top:18px}}@media (width<=760px){.hero{--fore:clamp(170px, 24svh, 230px)}}@media (height<=480px) and (orientation:landscape){.hero{--fore:118px;min-height:100svh}.lede{font-size:22px}.hero>.figure{width:28px;min-width:28px;height:38px;min-height:38px}}html:not(.js) .hero>canvas,html:not(.js) .hero>.figure{display:none}html:not(.js) .hero-mark{text-align:center;font-family:var(--display);letter-spacing:-.04em;font-size:min(32cqw,56svh);line-height:1;display:block;position:absolute;top:11%;left:0;right:0}.hero{--fade:clamp(130px,12cqw,230px);--land-lift:max(calc(var(--fade) + 40px - 13.33cqw), min(4cqw, calc(80svh - 41.67cqw)))}.land{aspect-ratio:12/5;bottom:var(--land-lift)}.land img{object-fit:fill}.land>.figure{width:3.4cqw;min-width:42px;height:4.7cqw;min-height:58px;margin-top:calc(-1*max(4.7cqw,58px));margin-left:calc(max(3.4cqw,42px)/-2);top:68.5%;left:68%}.land-fade{height:calc(max(0px, var(--land-lift)) + var(--fade));background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--ground) 30%,transparent) calc(var(--fade) * .3),color-mix(in srgb,var(--ground) 68%,transparent) calc(var(--fade) * .58),color-mix(in srgb,var(--ground) 91%,transparent) calc(var(--fade) * .8),var(--ground) var(--fade))}.hero-copy{bottom:clamp(36px,5svh,64px)}@container (width<=760px){.land,.land-fade{--land-lift:172px;--fade:112px}.land{width:200cqw;left:-76cqw}.hero-copy{gap:14px;bottom:52px;left:6cqw;right:6cqw}.lede{font-size:clamp(28px,7.7cqw,42px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.land-motion{pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}.land-live .land-motion{display:block}.land-live img{visibility:hidden}.land>.figure{z-index:1}.hero>.flock{z-index:1;pointer-events:none}.climb-stage:before{content:"";z-index:2;background:linear-gradient(var(--ground),transparent);pointer-events:none;height:clamp(120px,20svh,200px);position:absolute;top:0;left:0;right:0}.climb{margin-top:clamp(32px,5svh,64px)}@media (width>=761px) and (aspect-ratio<=1){.lede{font-size:clamp(34px,5.4cqw,64px)}.land,.land-fade{--land-lift:15svh;--fade:150px}.land{width:150cqw;left:-40cqw}}[data-theme=light] .stars path{stroke-opacity:.42}@media (pointer:coarse) and (prefers-reduced-motion:no-preference){.land img{transform-origin:72% 68%;animation:26s ease-in-out infinite alternate push-in}@keyframes push-in{0%{transform:scale(1)}to{transform:scale(1.035)}}}.hero-side{flex-wrap:wrap;flex:none;align-items:center;gap:10px clamp(16px,1.6cqw,28px);display:flex}.hero-room{min-height:48px;color:var(--ground);background:var(--ink);transition:scale .14s var(--ease);flex:none;align-items:center;gap:.7em;padding:0 1.15em;font-size:clamp(15px,1.15cqw,20px);text-decoration:none;display:inline-flex}.hero-room span{transition:transform .24s var(--ease)}.hero-room:hover span{transform:translate(4px)}.hero-room:active{scale:.98}.hero-room:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (width<=760px){.land img{width:55%;left:35%;right:auto}}.hero-off .stars,.hero-off .land img{animation-play-state:paused}@media (hover:none){.into-link:hover h2,.into-link:hover .spines i,.cue:hover .cue-arrow{transform:none}.cue:hover .cue-words{text-underline-offset:6px}}@media (prefers-reduced-motion:no-preference){html.js .lede{animation:lede-in .9s .12s var(--ease) both}html.js .hero-side{animation:lede-in .9s .3s var(--ease) both}@keyframes lede-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}.into{--gap:max(var(--end-pad), clamp(88px, 14svh, 150px));box-sizing:border-box;min-height:100svh;padding-block:var(--gap) max(0px, calc(var(--gap) - var(--end-pad)));grid-template-rows:1fr 1fr;align-items:stretch}@media (width<=760px){.into{--gap:clamp(60px, 9svh, 90px)}}.into-link{box-sizing:border-box;grid-template-rows:auto;grid-template-columns:minmax(0,auto) minmax(48px,1fr) auto;align-content:stretch;align-items:center;gap:0 clamp(20px,3cqw,64px);width:100%;margin:0;padding:0 3cqw}.into-link:before{content:"";pointer-events:none;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--ink) 1.5%, transparent) 22%, color-mix(in srgb, var(--ink) 1.5%, transparent) 78%, transparent);opacity:0;transition:opacity .42s var(--ease);position:absolute;inset:0}@media (hover:hover){.into-link:hover:before{opacity:1}}.into-link:focus-visible:before{opacity:1}.into-text{grid-area:1/1;justify-items:start;gap:clamp(10px,1cqw,18px);min-width:0;display:grid}.into-way{background:var(--line);transform-origin:0;height:1.25px;transition:transform 1.1s .18s var(--ease), background-color .3s var(--ease);grid-area:1/2;display:block;position:relative}.into-way:after{content:"";border-top:1.25px solid var(--muted);border-right:1.25px solid var(--muted);width:9px;height:9px;transition:border-color .3s var(--ease);position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.into-way i{position:absolute;inset:0;overflow:hidden}.into-way i:before{content:"";background:linear-gradient(90deg, transparent, var(--mark-home) 70%, transparent);position:absolute;inset:0;transform:translate(-100%)}.shelf-on:not(.into-wait) .into-way i:before{animation:way-run 1.5s .7s var(--ease) 1}.into-link:hover .into-way i:before{animation:1.3s linear infinite way-run}@keyframes way-run{to{transform:translate(100%)}}.into-link:hover .into-way{background:var(--muted)}.into-link:hover .into-way:after{border-color:var(--ink)}.into-wait .into-way{transform:scaleX(0)}.into-side{grid-area:1/3;justify-content:center;align-self:center}.into-link[data-into-row=articles]{grid-template-columns:auto minmax(48px,1fr) minmax(0,auto)}.into-link[data-into-row=articles] .into-text{text-align:right;grid-column:3;justify-items:end}.into-link[data-into-row=articles] .into-side{grid-column:1}.into-link[data-into-row=articles] p{margin-inline-start:auto}.into-link[data-into-row=articles]:hover h2{transform:translate(-8px)}.into-link h2{font-size:clamp(38px,5cqw,96px)}.into-link>:not(canvas){position:relative}.shelf{width:min(clamp(120px,16cqw,260px),32svh)}.into-link h2,.into-link p,.into-side{transition:transform .52s var(--ease), opacity .76s var(--ease), translate .9s var(--ease)}.into-link p{transition-delay:0s,.12s,.12s}.into-side{transition-delay:0s,.24s,.24s}.shelf-canvas{transition:opacity .7s var(--ease)}.into-wait h2,.into-wait p,.into-wait .into-side{opacity:0;translate:0 22px}.into-wait .shelf-canvas{opacity:0}@container (width<=760px){.into-link,.into-link[data-into-row=articles]{text-align:center;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:clamp(10px,2svh,18px) 0;padding:clamp(14px,2.4svh,24px) 5cqw}.into-text,.into-link[data-into-row=articles] .into-text{display:contents}.into-link h2,.into-link p{text-align:center}.into-side,.into-link[data-into-row=articles] .into-side{order:3;grid-area:auto/1;margin:2px 0 0}.into-way{order:4;grid-area:auto/1;width:56px}.into-link[data-into-row=articles] p{margin-inline:auto}.shelf{width:min(30cqw,15svh)}}@media (prefers-reduced-motion:reduce){.into-wait h2,.into-wait p,.into-wait .into-side,.into-wait .shelf-canvas{opacity:1;translate:none}.into-wait .into-way{transform:none}.into-way i:before{animation:none!important}}
