.hero-wrapper{height:400vh;position:relative}@media(min-width:1024px){.hero-wrapper{height:300vh}}.hero{display:flex;flex-direction:column;justify-content:flex-start;min-height:92vh;min-height:92svh;overflow:hidden;position:sticky;top:0}@media(min-width:1024px){.hero{height:100vh;height:100svh;min-height:unset}}.hero-bg{inset:0;position:absolute;z-index:0}.hero-glow{background:radial-gradient(circle,rgba(0,245,255,.07) 0,transparent 70%);border-radius:50%;filter:blur(40px);height:500px;position:absolute;right:-80px;top:-80px;width:500px}.hero-layout{align-items:start;display:grid;gap:3rem;grid-template-columns:minmax(0,1fr);margin-bottom:2.5rem}.hero-copy{max-width:42rem;text-align:left}.hero-media{width:100%}.hero-video-shell{background:linear-gradient(180deg,var(--color-overlay-lo),transparent),var(--color-surface);border:1px solid var(--color-overlay-md);border-radius:24px;box-shadow:var(--shadow-card);overflow:hidden;position:relative}.hero-video{max-height:620px;min-height:320px}.frame-img,.hero-video{display:block;-o-object-fit:cover;object-fit:cover;width:100%}.frame-img{height:100%}.scroll-progress-bar{background:var(--color-brand);bottom:0;height:1px;left:0;opacity:.6;position:absolute;right:0;transform:scaleX(0);transform-origin:left;z-index:10}.hero-badge{align-items:center;display:inline-flex;gap:8px;margin-bottom:2rem}.badge-dot{animation:pulse 2s infinite;background:#0f8;border-radius:50%;box-shadow:0 0 6px #0f8;flex-shrink:0;height:6px;width:6px}.badge-text{color:var(--color-muted);font-family:var(--font-mono),monospace;font-size:.68rem;font-weight:500;letter-spacing:.08em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero-heading{color:var(--color-text);font-size:clamp(2.8rem,6vw,5.25rem);font-style:normal;font-weight:800;letter-spacing:.02em;line-height:.98;margin-bottom:1.5rem;text-transform:uppercase}.hero-highlight{color:var(--color-brand);font-style:italic}.hero-sub{color:var(--color-muted);font-size:.95rem;line-height:1.75;margin-bottom:2rem;max-width:36rem}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.btn-primary{align-items:center;background:var(--color-brand);border-radius:4px;color:#000;display:inline-flex;font-family:var(--font-mono),monospace;font-size:.78rem;font-weight:500;gap:8px;letter-spacing:.06em;padding:.75rem 1.75rem;text-decoration:none;transition:box-shadow .2s ease,opacity .2s ease}.btn-primary:hover{box-shadow:0 0 24px #00f5ff66;opacity:.9}.btn-ghost{align-items:center;border:1px solid var(--color-overlay-md);border-radius:4px;color:var(--color-muted);display:inline-flex;font-family:var(--font-mono),monospace;font-size:.78rem;font-weight:500;letter-spacing:.06em;padding:.75rem 1.75rem;text-decoration:none;transition:color .2s ease,border-color .2s ease}.btn-ghost:hover{border-color:var(--color-overlay-hi);color:var(--color-text)}@media(min-width:1024px){.hero-layout{gap:4rem;grid-template-columns:minmax(0,.88fr) minmax(420px,1fr)}}@media(max-width:1023px){.hero-copy,.hero-glow{transform:none!important}}@media(max-width:767px){.hero{min-height:auto}.hero-layout{gap:1.5rem;margin-bottom:1.25rem}.hero-media{order:-1}.hero-heading{font-size:clamp(2.4rem,12vw,3.5rem)}.hero-sub{font-size:.875rem;margin-bottom:1.5rem}.hero-actions{gap:.75rem}.btn-ghost,.btn-primary{font-size:.72rem;padding:.7rem 1.25rem}.hero-video{aspect-ratio:4/3;max-height:320px;min-height:unset}}@media(prefers-reduced-motion:reduce){.scroll-progress-bar{display:none}}.cities-ticker{align-items:center;background:var(--color-overlay-lo);border:1px solid var(--color-overlay-md);border-radius:8px;display:flex;gap:1rem;margin-top:1rem;padding:.6rem 1rem}.cities-label{color:var(--color-muted);flex-shrink:0;font-family:var(--font-mono),monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.cities-stage{flex:1;height:2.4rem;overflow:hidden;position:relative}.city-name{color:var(--color-brand);font-family:var(--font-display),system-ui;font-size:1.6rem;font-weight:800;left:0;letter-spacing:.06em;line-height:2.4rem;position:absolute;text-transform:uppercase;top:0;will-change:transform,opacity}@media(max-width:767px){.cities-ticker{gap:.75rem;margin-top:.75rem;padding:.5rem .75rem}.cities-stage{height:1.9rem}.city-name{font-size:1.25rem;line-height:1.9rem}}html.light .hero-video-shell{background:linear-gradient(180deg,hsla(0,0%,100%,.03),transparent),#0f1117;border-color:#ffffff12;box-shadow:0 8px 40px #00000038}html.light .hero-glow{background:radial-gradient(circle,rgba(0,174,179,.07) 0,transparent 70%)}html.light .btn-primary:hover{box-shadow:0 0 24px var(--brand-glow-hover)}html.light .btn-ghost{border-color:#0000001f}html.light .btn-ghost:hover{background:#00000008;border-color:#00000038;color:var(--color-text)}html.light .cities-ticker{background:#00000008;border-color:#00000014}.stats-section{padding:2.5rem 1.5rem;position:relative;z-index:5}.stats-bar{border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:0;margin:0 auto;max-width:72rem;padding-top:1.25rem}.stats-item{align-items:center;border-right:1px solid var(--color-border);display:flex;flex:1;flex-direction:column;gap:4px}.stats-item:first-child{align-items:flex-start}.stats-item:last-child{align-items:flex-end;border-right:none}.stats-value{color:var(--color-text);font-family:var(--font-display),system-ui;font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:.02em;line-height:1}.stats-label{color:var(--color-muted);font-family:var(--font-mono),monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}@media(max-width:640px){.stats-section{padding:1.5rem 1rem}.stats-bar{gap:1.5rem;justify-content:space-around}.stats-item,.stats-item:first-child,.stats-item:last-child{align-items:center;border-right:none;flex:0 0 auto}}.works-section{background:var(--color-surface);padding-top:3rem}.works-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:3rem}.works-filter{border:1px solid hsla(0,0%,100%,.08);border-radius:3px;color:var(--color-muted);font-family:var(--font-mono),monospace;font-size:.65rem;font-weight:500;letter-spacing:.1em;padding:.35rem .75rem}.works-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.work-card--featured{grid-column:span 2}@media(max-width:768px){.work-card--featured{grid-column:span 1}.works-section{padding-top:2.25rem}.works-header{margin-bottom:1.5rem}.work-image{aspect-ratio:4/3}.works-filter{display:none}}.work-card{background:var(--color-surface);border:1px solid var(--color-overlay-md);border-radius:6px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.work-card:hover{border-color:var(--color-overlay-hi);box-shadow:var(--shadow-hover)}.work-image{aspect-ratio:16/9;background:var(--color-raised);overflow:hidden;position:relative}.work-image img{filter:brightness(.85);height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .3s ease;width:100%}.work-card:hover .work-image img{filter:brightness(.9);transform:scale(1.02)}.work-overlay{background:linear-gradient(to top,var(--color-fade-100) 0,var(--color-fade-40) 50%,transparent 100%);inset:0;position:absolute}.work-tags{display:flex;gap:6px;left:1rem;position:absolute;top:1rem}.work-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-fade-70);border:1px solid var(--color-overlay-md);border-radius:2px;color:var(--color-text);font-family:var(--font-mono),monospace;font-size:.62rem;font-weight:500;letter-spacing:.06em;padding:2px 8px}.work-info{padding:1.25rem}.work-title{color:var(--color-text);font-size:1rem;font-weight:700;letter-spacing:.04em;margin-bottom:.4rem;text-transform:uppercase}.work-desc{color:var(--color-muted);font-size:.825rem;line-height:1.6;margin-bottom:1rem}.work-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem}.work-link{align-items:center;color:var(--color-brand);display:inline-flex;font-family:var(--font-mono),monospace;font-size:.68rem;font-weight:500;gap:6px;letter-spacing:.06em;text-decoration:none;transition:opacity .2s ease}.work-link:hover{opacity:.75}.work-link--visit{color:var(--color-muted)}.work-link--visit:hover{color:var(--color-text)}html.light .works-filter{border-color:#0000001a}html.light .work-card{background:#fff;border-color:#00000012;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000d}html.light .work-card:hover{border-color:#00aeb32e}html.light .work-image{background:#e2e4ea}.cities-section{background:var(--color-raised);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);padding-bottom:3.5rem;padding-top:3.5rem}.cities-header{margin-bottom:2.5rem;max-width:560px}.cities-title{color:var(--color-text);font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:.03em;margin-bottom:.875rem;text-transform:uppercase}.cities-sub{color:var(--color-muted);font-size:.9rem;line-height:1.7;margin:0}.cities-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr))}.city-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-overlay-md);border-radius:4px;color:var(--color-text);display:flex;gap:.75rem;justify-content:space-between;padding:.875rem 1.25rem;text-decoration:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.city-card:hover{background:#00f5ff0a;border-color:var(--color-brand);box-shadow:0 0 16px #00f5ff14}.city-label{color:var(--color-text);font-family:var(--font-display),system-ui,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.city-arrow{color:var(--color-brand);flex-shrink:0;opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .2s ease}.city-card:hover .city-arrow{opacity:1;transform:translate(0)}@media(max-width:767px){.cities-section{padding-bottom:2.5rem;padding-top:2.5rem}.cities-grid{gap:.625rem;grid-template-columns:repeat(2,1fr)}}.scanner-viewport{height:260px;overflow:hidden;position:relative;width:100%}.scanner-canvas{inset:0;pointer-events:none;width:100%;z-index:3}.card-strip,.scanner-canvas{height:100%;position:absolute}.card-strip{align-items:center;display:flex;gap:40px;left:0;padding:0 20px;top:0;will-change:transform}.step-card-wrapper{flex-shrink:0;height:220px;position:relative;width:320px}.step-card{align-items:flex-start;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;display:flex;gap:1rem;height:100%;left:0;overflow:hidden;padding:1.5rem;position:absolute;top:0;width:100%}.step-card-normal{background:var(--color-surface);clip-path:inset(0 0 0 0);transition:none;z-index:2}.step-card-ascii{background:transparent;clip-path:inset(0 100% 0 0);transition:none;z-index:1}.ascii-content{animation:asciiGlitch .1s linear infinite alternate-reverse;color:#c4b5fd8c;font-family:Courier New,monospace;font-size:10px;inset:0;line-height:12px;margin:0;-webkit-mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.7) 40%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.15));mask-image:linear-gradient(90deg,#000 0,#000000b3 40%,#0006 70%,#00000026);overflow:hidden;padding:8px 10px;position:absolute;white-space:pre}@keyframes asciiGlitch{0%{opacity:1}15%{opacity:.9}50%{opacity:.85}to{opacity:1}}.step-diamond{align-items:center;background:#8b5cf60f;border:1px solid rgba(139,92,246,.35);display:flex;flex-shrink:0;height:44px;justify-content:center;transform:rotate(45deg);transition:border-color .3s ease,box-shadow .3s ease;width:44px}.step-diamond svg{color:var(--color-brand);transform:rotate(-45deg)}.step-content{display:flex;flex-direction:column;gap:.3rem}.step-number{color:var(--color-brand);font-family:var(--font-mono),monospace;font-size:.7rem;font-weight:500;letter-spacing:.06em;opacity:.7}.step-title{color:var(--color-text);font-size:1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.step-desc{font-size:.8rem;line-height:1.6;margin:.15rem 0 .4rem}.step-desc,.step-link{color:var(--color-muted)}.step-link{display:inline-block;font-family:var(--font-mono),monospace;font-size:.65rem;font-weight:500;letter-spacing:.08em;text-decoration:none;transition:color .2s ease}.step-link:before{content:"→ "}.step-link:hover{color:var(--color-brand)}.scanner-viewport:after,.scanner-viewport:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:80px;z-index:2}.scanner-viewport:before{background:linear-gradient(to right,var(--color-bg,#0a0a0a),transparent);left:0}.scanner-viewport:after{background:linear-gradient(to left,var(--color-bg,#0a0a0a),transparent);right:0}@media(max-width:768px){.scanner-viewport{height:220px}.step-card{padding:1.2rem 1rem;width:280px}.step-diamond{height:36px;width:36px}}