@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin.woff2)format("woff2");font-style:normal;font-weight:300 700;font-display:swap}.about-story,.about-outro{color:#eeeee7;font-family:Space Grotesk,Arial,sans-serif}.about-story{--about-lime:#d8fc73;--about-muted:#93978c;background:#101110;position:relative}.about-stage{grid-template-columns:1fr 1.6fr;gap:45px 6%;min-height:700px;padding:50px 6.2% 60px;display:grid;position:relative}.about-heading{grid-column:1/-1}.about-label{letter-spacing:.14em;color:var(--about-muted,#93978c);margin-bottom:20px;font:9px/1.6 monospace;display:block}.about-heading h1{letter-spacing:-.06em;font-size:clamp(35px,3.6vw,54px);line-height:1}.about-heading h1>span{color:var(--about-lime)}.about-year{display:none}.about-map{isolation:isolate;grid-area:2/2;align-self:start;min-width:0;height:550px;position:sticky;top:30px;overflow:visible}.about-map-drawing{opacity:.95;width:100%;height:100%;display:block;overflow:visible}.about-map-streets{fill:none;stroke:#eeeee716;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}.about-map-park{fill:#b8ce8f06;stroke:#c8d4ae0a;stroke-width:1px}.about-map-avenue{fill:none;stroke:#eeeee710;stroke-width:8px}.about-map-route{fill:none;stroke:#d8fc732e;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.about-map-travelled{fill:none;stroke:#d8fc73c4;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.about-map-stop-outer{fill:#141713;stroke:#8c9b6b;stroke-width:1px}.about-map-stop-inner{fill:#839263}.about-map-stop[data-active=true] .about-map-stop-outer{stroke:#d8fc73bd}.about-map-stop[data-active=true] .about-map-stop-inner{fill:#d8fc73}.about-map-stop text{fill:#878e7b;letter-spacing:1.3px;font:12px monospace}.about-map-stop[data-active=true] text{fill:#bdc6a9}.about-avatar{z-index:2;pointer-events:none;width:154px;height:224px;position:absolute;top:52.14%;left:85%;transform:translate(-50%,-93%)}.about-avatar canvas{visibility:hidden;filter:drop-shadow(0 9px 10px #0004);width:100%;height:100%;position:absolute;inset:0}.about-avatar[data-ready=true] canvas{visibility:visible}.about-avatar-fallback{object-fit:cover;object-position:50% 44%;filter:grayscale();background:#20241a;border:2px solid #d8fc73;border-radius:50%;width:58px;height:58px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.about-avatar[data-ready=true] .about-avatar-fallback{visibility:hidden}.about-gps-point{background:#d8fc730a;border:1px solid #d8fc735c;border-radius:50%;width:30px;height:13px;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 0 0 8px #d8fc7304}.about-map-north{color:#78806b;flex-direction:column;align-items:center;gap:8px;font:8px monospace;display:flex;position:absolute;top:10%;right:3%}.about-map-north>span{background:linear-gradient(#d8fc7380,#0000);width:1px;height:23px}.about-map-caption{letter-spacing:.12em;color:#7d8570;text-align:right;max-width:65%;font:8px/1.7 monospace;position:absolute;bottom:3%;right:3%}.about-chapters{grid-area:2/1;min-width:0}.about-chapter{max-width:400px;padding:30px 0 85px;scroll-margin-top:50px}.about-chapter-year{color:#d8fc73;letter-spacing:.1em;margin-bottom:25px;font:11px monospace;display:block}.about-chapter h2{letter-spacing:-.055em;white-space:pre-line;font-size:clamp(36px,4vw,60px);line-height:1.08}.about-chapter p{color:#9ba091;max-width:315px;margin-top:24px;font-size:14px;line-height:1.85}.about-map-controls{display:none}.about-story[data-motion=true]{height:650svh}.about-story[data-motion=true] .about-stage{height:100svh;min-height:660px;padding:0;display:block;position:sticky;top:0;overflow:hidden}.about-story[data-motion=true] .about-heading{z-index:3;position:absolute;top:45px;left:6.2%}.about-story[data-motion=true] .about-year{text-align:right;z-index:3;display:block;position:absolute;top:42px;right:6.2%}.about-year .about-label{margin-bottom:9px}.about-year [data-about-year]{color:#d8dfcd;letter-spacing:-.065em;font-variant-numeric:tabular-nums;font-size:clamp(65px,7.4vw,110px);font-weight:400;line-height:1;display:block}.about-year [data-origin=true]{letter-spacing:-.05em;padding-top:8px;font-size:clamp(32px,3.8vw,55px)}.about-story[data-motion=true] .about-map{width:66%;height:calc(100% - 300px);position:absolute;top:165px;right:3.2%}.about-story[data-motion=true] .about-chapters{z-index:3;width:29%;height:43%;position:absolute;top:37%;left:6.2%}.about-story[data-motion=true] .about-chapter{opacity:var(--chapter-opacity,0);transform:translateY(var(--chapter-y,0));pointer-events:none;will-change:opacity,transform;padding:0;position:absolute;inset:0}.about-story[data-motion=true] .about-chapter:first-child{opacity:var(--chapter-opacity,1)}.about-story[data-motion=true] .about-chapter-year{display:none}.about-story[data-motion=true] .about-map-controls{z-index:4;justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;bottom:105px;left:6.2%;right:6.2%}.about-scroll{letter-spacing:.1em;color:#8f9584;align-items:center;gap:12px;font:8px/1.6 monospace;display:flex}.about-scroll svg{color:#d8fc73}.about-route-control{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#f5ffe910,#f5ffe903);border:1px solid #efffd718;border-radius:40px;align-items:center;gap:18px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff08}.about-route-control>button{color:#cbd2be;background:#e9ffd006;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.about-route-control>button:hover:not(:disabled){color:#d8fc73;background:#e9ffd015}.about-route-control>button:disabled{opacity:.25}.about-route-control>span{letter-spacing:.13em;color:#b3bba5;white-space:nowrap;font:9px monospace}.about-stop-nav{gap:1px;display:flex}.about-stop-button{place-items:center;width:23px;height:36px;padding:8px 4px;display:grid}.about-stop-button>span{background:#555e47;border-radius:50%;width:4px;height:4px;transition:background .2s,transform .2s}.about-stop-button[aria-current=step]>span{background:#d8fc73;transform:scale(1.5)}.about-stop-button:hover>span{background:#d8fc73}.about-outro{border-block:1px solid #333530;margin:0 6.2%;padding:40px 0 50px}.about-outro-links{flex-wrap:wrap;gap:25px 50px;display:flex}.about-outro-links>a{border-bottom:1px solid #51574a;align-items:center;gap:18px;padding:9px 0;font-size:14px;display:flex}.about-outro-links>a:hover{color:#d8fc73}@media (min-width:1600px){.about-story[data-motion=true] .about-map{height:calc(100% - 320px);top:175px}.about-story[data-motion=true] .about-chapters{top:39%}.about-avatar{width:175px;height:255px}}@media (max-width:1000px){.about-story[data-motion=true] .about-chapters{width:34%;top:36%}.about-story[data-motion=true] .about-map{width:70%;right:-4%}.about-chapter h2{font-size:44px}.about-chapter p{font-size:13px}.about-avatar{width:132px;height:194px}.about-scroll{font-size:7px}.about-stop-button{width:20px}}@media (max-width:700px){.about-stage{flex-direction:column;gap:25px;min-height:0;padding:30px 6% 40px;display:flex}.about-heading h1{font-size:33px}.about-heading .about-label{margin-bottom:14px;font-size:8px}.about-map{order:1;width:100%;height:340px;position:relative;top:auto}.about-chapters{order:2}.about-chapter{border-bottom:1px solid #333b2c;max-width:none;padding:25px 0 40px}.about-chapter h2{font-size:35px}.about-chapter p{max-width:360px;margin-top:18px;font-size:13px;line-height:1.7}.about-avatar{width:104px;height:153px}.about-story[data-motion=true]{height:600svh}.about-story[data-motion=true] .about-stage{min-height:620px}.about-story[data-motion=true] .about-heading{max-width:55%;top:26px;left:6%}.about-story[data-motion=true] .about-year{max-width:38%;top:27px;right:6%}.about-year .about-label{margin-bottom:9px;font-size:7px}.about-year [data-about-year]{font-size:49px}.about-year [data-origin=true]{padding-top:8px;font-size:22px}.about-story[data-motion=true] .about-map{width:100%;height:42%;top:133px;left:0;right:auto}.about-map-drawing{opacity:.9}.about-map-stop text{letter-spacing:0;font-size:15px}.about-map-stop-outer{r:14px}.about-map-stop-inner{r:4px}.about-map-caption{max-width:70%;font-size:6px;bottom:1%;right:6%}.about-map-north{font-size:7px;top:0;right:6%}.about-story[data-motion=true] .about-chapters{width:88%;height:25%;top:64%;left:6%}.about-story[data-motion=true] .about-chapter{border:0;padding:0}.about-chapter .about-label{margin-bottom:11px;font-size:8px}.about-story[data-motion=true] .about-chapter h2{white-space:normal;max-width:345px;font-size:clamp(29px,7.3vw,37px)}.about-story[data-motion=true] .about-chapter p{max-width:345px;margin-top:13px;font-size:11px;line-height:1.65}.about-story[data-motion=true] .about-map-controls{min-height:38px;bottom:95px;left:6%;right:6%}.about-scroll{gap:0;font-size:0}.about-scroll svg{width:14px;height:14px}.about-stop-nav{display:none}.about-stop-button{width:17px;height:30px;padding:8px 3px}.about-stop-button>span{width:3px;height:3px}.about-route-control{gap:9px;padding:3px}.about-route-control>button{width:28px;height:28px}.about-route-control>span{font-size:8px}.about-outro{margin-inline:6%;padding:30px 0 40px}.about-outro .about-label{font-size:8px}.about-outro-links{gap:30px}.about-outro-links>a{font-size:13px}}@media (max-height:740px) and (min-width:701px){.about-story[data-motion=true] .about-stage{min-height:570px}.about-story[data-motion=true] .about-heading,.about-story[data-motion=true] .about-year{top:25px}.about-heading h1{font-size:37px}.about-year [data-about-year]{font-size:72px}.about-year [data-origin=true]{font-size:34px}.about-story[data-motion=true] .about-map{height:calc(100% - 220px);top:115px}.about-avatar{width:126px;height:185px}.about-story[data-motion=true] .about-chapters{top:35%}.about-chapter h2{font-size:44px}.about-chapter p{margin-top:18px;font-size:12px}.about-story[data-motion=true] .about-map-controls{bottom:70px}}@media (max-height:740px) and (max-width:700px){.about-story[data-motion=true] .about-stage{min-height:0}.about-story[data-motion=true] .about-heading,.about-story[data-motion=true] .about-year{top:20px}.about-heading h1{font-size:29px}.about-heading .about-label{font-size:7px}.about-story[data-motion=true] .about-map{height:38%;top:110px}.about-avatar{width:90px;height:133px}.about-story[data-motion=true] .about-chapters{height:28%;top:61%}.about-story[data-motion=true] .about-chapter h2{font-size:29px}.about-story[data-motion=true] .about-chapter p{margin-top:10px;font-size:10px;line-height:1.6}.about-chapter .about-label{margin-bottom:9px;font-size:7px}.about-story[data-motion=true] .about-map-controls{bottom:16px}}@media (prefers-reduced-motion:reduce){.about-stop-button>span{transition:none}html:has(.about-story){scroll-behavior:auto}.about-story[data-motion=true]{height:auto}.about-story[data-motion=true] .about-stage{height:auto;min-height:0;padding:50px 6.2% 60px;display:grid;position:relative;overflow:visible}.about-story[data-motion=true] .about-heading{position:static}.about-story[data-motion=true] .about-map{width:100%;height:550px;position:sticky;top:30px;left:auto;right:auto}.about-story[data-motion=true] .about-chapters{width:auto;height:auto;position:static}.about-story[data-motion=true] .about-chapter{opacity:1;padding:30px 0 85px;position:static;transform:none}.about-story[data-motion=true] .about-chapter-year{display:block}.about-story[data-motion=true] .about-year,.about-story[data-motion=true] .about-map-controls{display:none}}@media (prefers-reduced-motion:reduce) and (max-width:700px){.about-story[data-motion=true] .about-stage{padding:30px 6% 40px;display:flex}.about-story[data-motion=true] .about-map{height:340px;position:relative;top:auto}.about-story[data-motion=true] .about-chapter{padding:25px 0 40px}}
