*,:before,:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:auto}body{font-family:var(--font-sans);color:var(--ink);background:var(--panel);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}img,video,canvas,iframe{max-width:100%;display:block}a{color:inherit;text-decoration:none}[data-placeholder]{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-soft);opacity:.8;font-size:13px}.site-header{z-index:100;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,48px);display:flex;position:fixed;inset:0 0 auto}.brand{font-family:var(--font-display);letter-spacing:.04em;color:#fff;text-shadow:0 1px 2px #0000008c,0 0 18px #0006;transition:color .35s var(--ease-out), text-shadow .35s;font-size:clamp(20px,2.4vw,28px);line-height:1}.site-nav{align-items:center;gap:clamp(16px,2.4vw,34px);display:flex}.site-nav a{letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px #00000080,0 0 16px #00000061;transition:color .35s var(--ease-out), opacity .2s;font-size:12px;font-weight:700}.site-nav a:hover{opacity:.72}.nav-cta{background:var(--accent);border-radius:999px;padding:9px 16px;transition:background .2s;color:#fff4ee!important;text-shadow:none!important}.nav-cta:hover{background:var(--accent-lo);opacity:1!important}.site-header.over-light .brand,.site-header.over-light .site-nav a{color:var(--ink);text-shadow:none}.site-header.over-light .nav-toggle span{background:var(--ink)}.nav-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;padding:6px;display:none}.nav-toggle span{background:#fff;border-radius:2px;width:22px;height:2px;transition:all .25s}.section{justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex;position:relative}.site-footer{background:var(--lcd-bg);min-height:15vh;color:var(--lcd-ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 24px;display:flex}.site-footer__mark{font-family:var(--font-display);letter-spacing:.05em;font-size:38px}.site-footer__poem{font-family:var(--font-serif);opacity:.85;max-width:32ch;font-size:18px;font-style:italic}.site-footer__links{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:12px 22px;margin-top:4px;font-size:11px;display:flex}.site-footer__links a{color:#7df0b0b3;border-bottom:1px solid #0000;transition:color .2s,border-color .2s}.site-footer__links a:hover{color:var(--lcd-ink);border-color:#7df0b080}.site-footer__meta{font-family:var(--font-mono);letter-spacing:.12em;opacity:.55;font-size:11px}.eyebrow{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent-lo);font-size:11px;font-weight:700}.btn-accent{letter-spacing:.14em;text-transform:uppercase;color:#fff4ee;background:var(--accent);transition:transform .15s var(--ease-spring), background .2s;border-radius:999px;padding:9px 16px;font-size:12px;font-weight:700;display:inline-block;box-shadow:0 8px 20px -12px #96371480}.btn-accent:hover{background:var(--accent-lo);transform:translateY(-2px)}.btn-accent:active{transform:translateY(1px)}@media (width<=720px){.nav-toggle{display:flex}.site-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(78vw,320px);transition:transform .4s var(--ease-out);background:#e7e2d6f5;flex-direction:column;justify-content:center;align-items:flex-start;gap:26px;padding:0 32px;position:fixed;inset:0 0 0 auto;transform:translate(100%)}body.nav-open .site-nav{transform:translate(0)}body.nav-open .site-nav a{color:var(--ink);text-shadow:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.hero{background:var(--lcd-bg);overflow:hidden}.hero__map,.hero__map.mapboxgl-map{z-index:0;pointer-events:none;width:100%;height:100%;font:inherit;filter:saturate(.92)contrast(1.02)brightness(.97);position:absolute;inset:0}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right{opacity:.35}.hero__wash{z-index:1;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(120% 90% at 50% 32%,#0000 46%,#785f3747 100%),linear-gradient(#e9e1d04d,#d6d2ca1a 40%,#28323052);position:absolute;inset:0}.hero__fg{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute;inset:0}.hero__title{margin:0;line-height:0}.hero__wordmark{aspect-ratio:848/208;filter:drop-shadow(0 16px 42px #3c2d1952);background-color:#dc5639;width:min(74vw,760px);display:block;-webkit-mask:url(/flaneur.svg) 50%/contain no-repeat;mask:url(/flaneur.svg) 50%/contain no-repeat}.hero__lead{max-width:40ch;font-family:var(--font-serif);color:#3a3328;text-shadow:5px 5px 8px #ffffffe6,10px 10px 16px #ffffff8c;flex-direction:column;gap:6px;margin:clamp(18px,3vw,30px) auto 0;font-size:clamp(15px,2vw,21px);font-style:italic;display:flex}.grain{pointer-events:none;opacity:.32;mix-blend-mode:overlay;width:calc(100% + 80px);height:calc(100% + 80px);position:absolute;inset:-40px}.city-select{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:clamp(22px,3.5vw,38px);display:flex}.city{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;cursor:pointer;text-shadow:0 1px 3px #00000073;transition:color .22s, background .22s, opacity .2s, transform .15s var(--ease-spring);background:0 0;border:0;border-radius:999px;padding:9px 16px;font-size:11px;font-weight:700}.city:hover{opacity:.68;transform:translateY(-1px)}.city.active{color:#fff4ee;background:var(--accent);text-shadow:none;opacity:1}.scroll-cue{z-index:3;border:1.5px solid #3a332899;border-radius:14px;width:26px;height:42px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-cue span{background:var(--accent);border-radius:2px;width:3px;height:8px;animation:1.7s ease-in-out infinite cue;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes cue{0%,to{opacity:.2;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,12px)}}.about{background:linear-gradient(180deg, var(--panel-hi), var(--panel-lo))}.about__inner{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(28px,5vw,72px);width:min(1100px,92vw);padding:18vh 0;display:grid}.about__text{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.about__title{font-family:var(--font-display);color:var(--ink);font-size:clamp(40px,6vw,78px);line-height:1}.about__body{font-family:var(--font-serif);color:#3a352d;flex-direction:column;gap:14px;max-width:56ch;font-size:clamp(16px,1.5vw,20px);line-height:1.62;display:flex}.about__body em{font-style:italic}.about__body strong{color:var(--accent-lo);font-style:italic;font-weight:600}.about__panel{flex-direction:column;gap:16px;display:flex}.lcd{border-radius:var(--r-lcd);background:linear-gradient(160deg,#212a28,#2f3a37);border:1.6px solid #11201c;padding:18px 16px 14px;position:relative;box-shadow:inset 0 2px 12px #00000080,0 20px 44px -22px #281e0f8c}.lcd:after{content:"";pointer-events:none;opacity:.5;border-radius:inherit;background:repeating-linear-gradient(#0000 0 2px,#0000001f 2px 3px);position:absolute;inset:0;overflow:hidden}.lcd-label{background:var(--panel-hi);z-index:1;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);padding:0 7px;font-size:8.5px;font-weight:800;position:absolute;top:0;left:14px;transform:translateY(-50%)}.lcd-place{font-family:var(--font-mono);color:var(--lcd-ink);text-shadow:0 0 8px #7df0b099;z-index:1;font-size:20px;font-weight:600;position:relative}.lcd-meta{font-family:var(--font-mono);color:#7df0b09e;z-index:1;justify-content:space-between;gap:10px;margin-top:6px;font-size:10px;display:flex;position:relative}.lcd-wave{z-index:1;width:100%;height:54px;margin-top:10px;display:block;position:relative}.layers{border:1.6px solid var(--ink);border-radius:var(--r-card);background:linear-gradient(var(--tile-hi), var(--tile-lo));padding:22px 16px 12px;position:relative;box-shadow:inset 0 1px #fff6}.layers__label{background:var(--panel-hi)}.swrow{border-bottom:1px solid #4a463f29;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.swrow:last-child{border-bottom:none;padding-bottom:2px}.swname{color:var(--ink);font-size:13px;font-weight:700}.swname span{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:8px;font-weight:600;display:block}.switch{cursor:pointer;background:linear-gradient(#a9a59c,#c4c1b9);border:0;border-radius:18px;flex:none;width:58px;height:30px;transition:background .18s;position:relative;box-shadow:inset 0 2px 5px #00000073,0 1px #ffffff80}.switch.on{background:linear-gradient(#2f3a37,#26302d);box-shadow:inset 0 2px 5px #0009,0 1px #fff6}.switch .nub{width:24px;height:24px;transition:left .22s var(--ease-spring), background .22s;background:linear-gradient(160deg,#f6f3ec,#cbc7bf);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:2px 2px 5px #0006,inset 0 1px 1px #fffc}.switch.on .nub{background:linear-gradient(160deg,#ff6a35,#c23c11);left:31px;box-shadow:2px 2px 6px #0006,0 0 8px #e8511e80}@media (width<=860px){.about__inner{grid-template-columns:1fr;gap:34px;padding:16vh 0}.about__panel{max-width:460px}}.music{background:var(--lcd-bg);color:var(--lcd-ink);height:380vh;display:block}.music__screen{z-index:40;will-change:width, height, left, top;visibility:hidden;opacity:0;background:linear-gradient(160deg,#212a28,#2f3a37);border:1.6px solid #0c1714;border-radius:16px;justify-content:center;align-items:center;width:360px;height:224px;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 36px 90px -24px #000000a6,inset 0 0 0 1px #7df0b00d}.music__screen:after{content:"";pointer-events:none;opacity:.5;background:repeating-linear-gradient(#0000 0 2px,#0000001f 2px 3px);position:absolute;inset:0}.music__stage{position:absolute;inset:0}.music__panel{opacity:0;position:absolute;inset:0;overflow:hidden}.music__panel:first-child{opacity:1}.music__ph{background-position:50%;background-size:cover;animation:18s ease-in-out infinite alternate phDrift;position:absolute;inset:-2%}.music__ph:after{content:"";mix-blend-mode:screen;background:radial-gradient(60% 50% at 30% 25%,#ffffff38,#0000 60%);position:absolute;inset:0}@keyframes phDrift{0%{transform:scale(1.04)translate(-1%,-1%)}to{transform:scale(1.12)translate(1.5%,1%)}}.music__video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.music__video.ready{opacity:1}.music__text{z-index:2;color:#fff;text-shadow:0 2px 24px #0009;max-width:min(60%,640px);position:absolute;bottom:clamp(96px,18vh,190px);left:clamp(22px,6vw,96px)}.music__coord{font-family:var(--font-mono);letter-spacing:.12em;color:var(--lcd-ink);margin-bottom:10px;font-size:12px}.music__name{font-family:var(--font-display);font-size:clamp(44px,8vw,124px);line-height:.94}.music__tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;opacity:.82;margin-top:14px;font-size:11px}.music__line{font-family:var(--font-serif);opacity:.92;margin-top:14px;font-size:clamp(18px,2.4vw,30px);font-style:italic}.music__vignette{pointer-events:none;z-index:1;background:radial-gradient(130% 100% at 50% 28%,#0000 48%,#0000008c);position:absolute;inset:0}.music__progress{z-index:3;flex-direction:column;gap:11px;display:flex;position:absolute;top:50%;right:clamp(18px,3vw,42px);transform:translateY(-50%)}.music__dot{width:8px;height:8px;transition:.3s var(--ease-spring);background:#ffffff4d;border-radius:50%}.music__dot.active{background:var(--accent);transform:scale(1.35);box-shadow:0 0 8px #e8511ed9}.walkman{z-index:60;opacity:0;pointer-events:none;width:clamp(210px,23vw,310px);height:clamp(300px,34vw,460px);transition:opacity .5s;position:fixed;top:50%;left:65%;transform:translate(-50%,-50%)}.walkman.is-on{opacity:1;pointer-events:auto}.walkman canvas{cursor:grab;touch-action:none;width:100%!important;height:100%!important}.walkman canvas:active{cursor:grabbing}.walkman__hint{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;pointer-events:none;font-size:9px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.walkman__a11y button{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.walkman:not(.is-on) .walkman__a11y button{display:none}.walkman__a11y button:focus-visible{clip:auto;background:var(--accent);color:#fff4ee;width:auto;height:auto;font-family:var(--font-mono);letter-spacing:.06em;border-radius:7px;margin:0;padding:6px 12px;font-size:11px;bottom:-36px;left:50%;overflow:visible;transform:translate(-50%)}@media (width<=760px){.music__text{max-width:86%;bottom:clamp(56px,12vh,120px)}.walkman{width:188px;height:268px;top:30%;left:50%;transform:translate(-50%,-50%)}}.technical{color:var(--lcd-ink);background:radial-gradient(130% 100% at 50% 0,#1a2b22,#0d1512);overflow:hidden}.technical:before{content:"";pointer-events:none;opacity:.4;z-index:0;background:repeating-linear-gradient(#0000 0 3px,#0000002e 3px 4px);position:absolute;inset:0}.tech__inner{z-index:1;flex-direction:column;gap:clamp(34px,6vh,64px);width:min(1100px,92vw);padding:16vh 0;display:flex;position:relative}.tech__head{max-width:760px}.tech__title{font-family:var(--font-display);color:#eafff2;margin-top:8px;font-size:clamp(38px,6vw,76px);line-height:1}.tech__intro{font-family:var(--font-serif);color:#c8f0d8cc;max-width:58ch;margin-top:16px;font-size:clamp(16px,2vw,21px);line-height:1.55}.tech__grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:clamp(24px,4vw,54px);display:grid}.tech__console{background:#08100dd9;border:1px solid #7df0b02e;border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -30px #000000b3,inset 0 0 60px #41d18a0a}.tech__bar{font-family:var(--font-mono);letter-spacing:.1em;color:#7df0b080;background:#7df0b00d;border-bottom:1px solid #7df0b01f;align-items:center;gap:7px;padding:10px 14px;font-size:10px;display:flex}.tech__bar i{background:#7df0b040;border-radius:50%;width:9px;height:9px}.tech__bar i:first-child{background:#e8511e}.tech__bar i:nth-child(2){background:#f0a020}.tech__bar i:nth-child(3){background:#41d18a}.tech__bar span{margin-left:8px}.tech__code{min-height:244px;font-family:var(--font-mono);color:var(--lcd-ink);white-space:pre-wrap;word-break:break-word;text-shadow:0 0 8px #7df0b059;margin:0;padding:18px;font-size:clamp(11px,1.05vw,14px);line-height:1.7;display:block}.tech__cursor{color:var(--lcd-ink);animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.tech__weights{flex-direction:column;gap:18px;display:flex}.tech__cap{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#7df0b08c;font-size:10px}.wrow__top{justify-content:space-between;align-items:baseline;display:flex}.wrow__name{font-family:var(--font-mono);letter-spacing:.03em;color:#eafff2;font-size:14px;font-weight:700}.wrow__pct{font-family:var(--font-mono);color:var(--c,var(--led));font-size:13px}.wrow__track{background:#7df0b014;border-radius:5px;height:8px;margin:8px 0 6px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.wrow__fill{transform-origin:0;background:var(--c,var(--led));width:100%;height:100%;box-shadow:0 0 10px var(--c,var(--led));border-radius:5px;display:block;transform:scaleX(0)}.wrow__meta{font-family:var(--font-mono);letter-spacing:.03em;color:#c8f0d880;font-size:10px}.tech__rule{text-align:center;margin-top:8px}.tech__sub{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#7df0b080;font-size:11px}.tech__law{font-family:var(--font-display);color:#eafff2;text-shadow:0 0 24px #41d18a59;margin-top:14px;font-size:clamp(30px,5.5vw,68px)}@media (width<=860px){.tech__grid{grid-template-columns:1fr}}.cta{background:linear-gradient(180deg, var(--panel-hi), var(--panel));overflow:hidden}.cta__grain{z-index:0}.cta__inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:22px;width:min(840px,90vw);padding:20vh 0;display:flex;position:relative}.cta__title{font-family:var(--font-display);color:var(--ink);font-size:clamp(52px,10vw,134px);line-height:.9}.cta__sub{font-family:var(--font-serif);color:#3a352d;max-width:44ch;font-size:clamp(17px,2.2vw,23px);line-height:1.55}.cta__actions{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.cta__note{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.cta__contact{font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;margin-top:20px;font-size:12px;display:flex}.cta__contact span{opacity:.7}.cta__contact a{color:var(--accent-lo);border-bottom:1px solid #0000;transition:border-color .2s}.cta__contact a:hover{border-color:var(--accent-lo)}