.about-city{--city-bg:var(--blue-50);--city-ground:var(--blue-100);--city-plate:var(--white);--city-lot:var(--blue-100);--city-building:var(--white);--city-roof:var(--blue-200);--city-shade:var(--slate-400);--city-dark:var(--slate-600);--city-tree:var(--blue-200);--city-vehicle:var(--white);--city-window:var(--slate-400);--city-water:var(--blue-200);--city-accent:var(--green-500);--city-accent-soft:var(--green-400);--city-ink:var(--ink-900);--city-header:72px;background:var(--city-bg);position:relative}.city-inline-link{color:var(--ds-link);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);transition:text-decoration-color var(--ds-dur-150)}.city-inline-link:hover{text-decoration-color:currentColor}.city-text-link{color:var(--ds-link);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.city-text-link:hover{text-decoration-color:currentColor}.city-text-link svg{width:1rem;height:1rem;transition:transform var(--ds-dur-300) var(--ds-ease-precision)}.city-text-link:hover svg{transform:translate(3px)}.city-facts{border-top:1px solid var(--ds-hairline);gap:0;max-width:34rem;display:grid}.city-facts>div{border-bottom:1px solid var(--ds-hairline);gap:.25rem;padding-block:.875rem;display:grid}@media (min-width:640px){.city-facts>div{grid-template-columns:8.5rem minmax(0,1fr);align-items:baseline;gap:1rem}}.city-tags{flex-wrap:wrap;gap:.5rem;display:flex}.city-tags li{border:1px solid var(--ds-hairline);color:var(--ds-text-secondary);background:var(--ds-surface);border-radius:999px;padding:.125rem .625rem;font-size:.8125rem}.city-static{border:1px solid var(--ds-hairline);border-radius:calc(var(--ds-radius) * 3);background:var(--city-bg);overflow:hidden}.city-static img{width:100%;height:auto;display:block}.about-city[data-tier=static] .city-hero{padding-block:calc(var(--section-y) * .6) var(--section-y)}.about-city[data-tier=static] .city-hero-grid{gap:2.5rem;display:grid}.about-city[data-tier=static] .city-static-hero{aspect-ratio:4/3}.about-city[data-tier=static] .city-static-hero img{object-fit:cover;object-position:70% 50%;height:100%}@media (min-width:1024px){.about-city[data-tier=static] .city-hero-grid{align-items:end;gap:var(--grid-gutter);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.about-city[data-tier=static] .city-gap,.about-city[data-tier=static] .city-experience{padding-block:var(--section-y);border-top:1px solid var(--ds-hairline)}.about-city[data-tier=static] .city-split{align-items:center;gap:2.5rem;display:grid}@media (min-width:1024px){.about-city[data-tier=static] .city-split{gap:calc(var(--grid-gutter) * 2);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.about-city[data-tier=static] .city-exp-head{max-width:46rem}.about-city[data-tier=static] .city-cases{gap:1.5rem;margin-top:3.5rem;display:grid}@media (min-width:768px){.about-city[data-tier=static] .city-cases{grid-template-columns:repeat(3,minmax(0,1fr))}}.about-city[data-tier=static] .city-case-card{border:1px solid var(--ds-hairline);border-radius:calc(var(--ds-radius) * 3);background:var(--ds-surface-raised);height:100%;box-shadow:var(--ds-elevation-1);align-content:start;gap:1.5rem;padding:1rem 1rem 1.5rem;display:grid}.about-city[data-tier=static] .city-case-card>div{padding-inline:.5rem}.about-city[data-tier=static] .city-all-work{margin-top:2.5rem}.city-stage{display:none}.about-city[data-tier="3d"] .city-stage{top:var(--city-header);height:calc(100svh - var(--city-header));cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;display:block;position:sticky;overflow:hidden}.about-city[data-tier="3d"] .city-stage[data-dragging]{cursor:grabbing}.city-ghost{object-fit:cover;object-position:50% 50%;opacity:.4;filter:grayscale();width:100%;height:100%;transition:opacity 1.4s var(--ds-ease-precision), filter 1.4s var(--ds-ease-precision);position:absolute;inset:0}.about-city[data-scene=live] .city-ghost{opacity:0}.about-city[data-scene=off] .city-ghost{opacity:1;filter:none}.city-canvas{opacity:0;width:100%;height:100%;transition:opacity .5s var(--ds-ease-precision);display:block;position:absolute;inset:0}.about-city[data-scene=live] .city-canvas{opacity:1}.about-city[data-scene=off] :is(.city-canvas,.city-overlay,.city-hint){display:none}.about-city[data-tier="3d"] .city-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg, var(--city-bg) 0%, color-mix(in srgb, var(--city-bg) 80%, transparent) 24%, color-mix(in srgb, var(--city-bg) 0%, transparent) 50%);position:absolute;inset:0}.city-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.city-pin{opacity:0;pointer-events:none;will-change:transform, opacity;width:0;height:0;position:absolute;top:0;left:0}.city-pin[data-visible=true]{pointer-events:auto}.city-pin-tag{background:var(--green-700);min-width:1.75rem;height:1.75rem;color:var(--white);box-shadow:0 6px 14px -6px color-mix(in srgb, var(--ink-900) 45%, transparent), 0 0 0 1px color-mix(in srgb, var(--white) 30%, transparent) inset;transition:transform var(--ds-dur-300) var(--ds-ease-settle), background-color var(--ds-dur-150);border-radius:4px;place-items:center;padding-inline:.3rem;display:grid;position:absolute;bottom:0;left:0;translate:-50%}.city-pin-tag svg{stroke-width:2.2px;width:.9rem;height:.9rem}.city-pin-text{font-family:var(--ds-font-body);letter-spacing:.06em;font-size:.625rem;font-weight:700;line-height:1}.city-pin[data-landmark] .city-pin-tag{border-radius:6px;min-width:2.25rem;height:2.25rem}.city-pin[data-landmark] .city-pin-tag svg{width:1.1rem;height:1.1rem}.city-pin[data-landmark] .city-pin-text{font-size:.75rem}.city-pin:hover .city-pin-tag,.city-pin[data-active=true] .city-pin-tag{background:var(--green-800);transform:translateY(-4px)scale(1.12)}.city-pin[data-active=true] .city-pin-tag{box-shadow:0 0 0 6px color-mix(in srgb, var(--green-500) 22%, transparent), 0 10px 20px -8px color-mix(in srgb, var(--ink-900) 50%, transparent)}.city-pin-tip{border:1px solid var(--blue-200);border-radius:var(--ds-radius);background:var(--white);color:var(--ink-900);font-family:var(--ds-font-body);white-space:nowrap;box-shadow:var(--ds-elevation-1);opacity:0;pointer-events:none;transition:opacity var(--ds-dur-150), translate var(--ds-dur-300) var(--ds-ease-precision);padding:.3rem .6rem;font-size:.75rem;line-height:1.3;position:absolute;bottom:2.6rem;left:0;translate:-50% 4px}.city-pin[data-landmark] .city-pin-tip{bottom:3.1rem}.city-pin:hover .city-pin-tip,.city-pin[data-active=true] .city-pin-tip{opacity:1;translate:-50%}.city-bank{border:1px solid var(--blue-200);background:var(--white);color:var(--slate-600);font-family:var(--ds-font-body);white-space:nowrap;opacity:0;box-shadow:var(--ds-elevation-1);border-radius:999px;padding:.35rem .75rem;font-size:.8125rem;font-weight:500;position:absolute;top:0;left:0;translate:-50% -50%}.city-bank[data-side=needed]{border-color:var(--green-500);color:var(--green-800)}.city-hint{z-index:2;color:var(--slate-600);font-family:var(--ds-font-body);opacity:0;transition:opacity var(--ds-dur-600);align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex;position:absolute;bottom:1.5rem;right:clamp(1rem,3vw,2.5rem)}.city-hint svg{width:1rem;height:1rem}.about-city[data-scene=live][data-city-at="0"] .city-hint{opacity:1}.about-city[data-tier="3d"] .city-panels{z-index:3;margin-top:calc(-100svh + var(--city-header));pointer-events:none;position:relative}.about-city[data-tier="3d"] .city-panels :is(a,button,.city-card,.city-hero-copy,nav){pointer-events:auto}.about-city[data-tier="3d"] .city-static{display:none}.about-city[data-tier="3d"] .city-panel{min-height:calc(100svh - var(--city-header));align-items:center;display:grid}.about-city[data-tier="3d"] .city-hero{padding-top:calc(var(--section-y) * .5);align-items:start;padding-bottom:4rem}.about-city[data-tier="3d"] .city-hero-copy{max-width:36rem}.about-city[data-tier="3d"] .city-hero-copy h1{font-size:clamp(2.5rem,1.2rem + 2.6vw,4rem)}.about-city[data-tier="3d"] .city-gap{min-height:140svh}.about-city[data-tier="3d"] .city-card{border:1px solid var(--ds-hairline);border-radius:calc(var(--ds-radius) * 3);background:var(--ds-surface-raised);max-width:31rem;box-shadow:var(--ds-elevation-2);padding:clamp(1.5rem,2.5vw,2.25rem)}.about-city[data-tier="3d"] .city-exp-head{align-items:end;min-height:70svh;display:grid}.about-city[data-tier="3d"] .city-case{min-height:110svh}.about-city[data-tier="3d"] .city-all-work{padding-bottom:30svh}.about-ring{--ring-r:40%;aspect-ratio:1;width:min(100%,30rem);margin-inline:auto;position:relative}.about-ring:before,.about-ring:after{content:"";border-radius:50%;position:absolute;inset:10%}.about-ring:before{border:1px dashed var(--blue-200)}.about-ring:after{background:conic-gradient(from 0deg, color-mix(in srgb, var(--green-500) 0%, transparent) 0deg, color-mix(in srgb, var(--green-500) 16%, transparent) 50deg, color-mix(in srgb, var(--green-500) 0%, transparent) 60deg);animation:9s linear infinite about-sweep;-webkit-mask:radial-gradient(circle,#0000 60%,#000 61% 70%,#0000 71%);mask:radial-gradient(circle,#0000 60%,#000 61% 70%,#0000 71%)}.about-ring-label{text-align:center;text-wrap:balance;place-items:center;font-weight:600;display:grid;position:absolute;inset:30%}.about-ring-nodes li{--a:calc(var(--i) * 60deg - 90deg);top:calc(50% + sin(var(--a)) * var(--ring-r));left:calc(50% + cos(var(--a)) * var(--ring-r));text-align:center;justify-items:center;gap:.5rem;width:8.5rem;display:grid;position:absolute;translate:-50% -50%}.about-ring-dot{background:var(--ds-surface-raised);border:2px solid var(--green-700);width:1rem;height:1rem;animation:about-node 9s var(--ds-ease-precision) infinite;animation-delay:calc(var(--i) * 1.5s);border-radius:50%}.about-ring-text{font-family:var(--ds-font-body);color:var(--ds-text-secondary);border-radius:var(--ds-radius);background:var(--ds-surface);padding:.125rem .375rem;font-size:.8125rem;line-height:1.35}@keyframes about-sweep{to{rotate:360deg}}@keyframes about-node{0%,20%,to{background:var(--ds-surface-raised);box-shadow:none}6%,14%{background:var(--green-500);box-shadow:0 0 0 6px color-mix(in srgb, var(--green-500) 20%, transparent)}}[data-about-anim][data-inview=false] *,[data-about-anim][data-inview=false]:after{animation-play-state:paused}.about-process{border-top:1px solid var(--ds-hairline);gap:1.25rem;padding-top:2rem;display:grid}.about-process-steps{flex-wrap:wrap;gap:.75rem;display:flex}.about-process-steps li{border:1px solid var(--ds-hairline);background:var(--ds-surface-raised);color:var(--ds-text);border-radius:999px;align-items:center;gap:.625rem;padding:.5rem 1rem .5rem .625rem;font-weight:500;display:inline-flex}.about-process-num{background:var(--ds-surface-muted);width:1.75rem;height:1.75rem;color:var(--ds-numeral);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:.75rem;display:grid}.about-portrait{aspect-ratio:1;background:var(--ds-surface);width:min(100%,20rem);box-shadow:0 0 0 1px var(--ds-hairline), 0 0 0 10px var(--ds-surface-raised), 0 0 0 11px var(--ds-hairline);border-radius:50%;position:relative;overflow:hidden}.about-portrait img{object-fit:cover;width:100%;height:100%}.about-status{border:1px solid color-mix(in srgb, var(--green-400) 50%, transparent);color:var(--green-400);border-radius:999px;align-items:center;gap:.4rem;padding:.125rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.about-status:before{content:"";background:currentColor;border-radius:50%;width:.4rem;height:.4rem}.about-modules{flex-wrap:wrap;gap:.5rem;display:flex}.about-modules li{border:1px solid var(--ds-hairline);color:var(--ds-text);border-radius:999px;padding:.25rem .75rem;font-size:.875rem}.about-shots{position:relative}.about-devices{width:100%;height:auto;filter:drop-shadow(0 30px 40px color-mix(in srgb, var(--ink-900) 70%, transparent));transition:translate .9s var(--ds-ease-precision);display:block}@media (min-width:1024px){.about-shots{margin-right:calc(var(--grid-margin) * -1)}}.about-shots[data-inview=true] .about-devices{translate:0 -8px}.about-seal{border:1px solid var(--ds-border-strong,var(--ds-hairline));width:2.5rem;height:2.5rem;color:var(--ds-text-brand);font-family:var(--ds-font-display);border-radius:50%;place-items:center;font-size:1.125rem;display:grid}@media (prefers-reduced-motion:reduce){.about-ring:after,.about-ring-dot{animation:none}.about-devices{transition:none}}html[data-city-poster] .about-city[data-tier="3d"] .city-stage{z-index:2147483000;cursor:default;height:100vh;position:fixed;inset:0}html[data-city-poster] .about-city .city-stage:after,html[data-city-poster] :is(.city-hint,.city-ghost){display:none}html[data-city-poster] .city-canvas{transition:none}html[data-city-poster=bare] .city-overlay{display:none}