@font-face{font-family:Manrope;src:url('assets/manrope.4fd316d47ceab59b.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Oswald;src:url('assets/oswald.a7f7b2035f193085.woff2') format('woff2');font-weight:200 700;font-display:swap}
:root{--bg:#101416;--ink:#efeee7;--muted:#a4a8a7;--gold:#d7c08b;--line:#ffffff24;--pad:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}::selection{background:var(--gold);color:var(--bg)}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--gold);color:#101416;padding:16px}.skip:focus{top:12px}.header{position:absolute;inset:0 0 auto;z-index:10;height:110px;margin:0 var(--pad);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px;font-weight:750;font-size:15px;letter-spacing:.22em}.brand img{width:43px;height:auto}.brand-sub{display:block;letter-spacing:.36em;font-size:8px;color:var(--gold);margin-top:6px}.header nav{display:flex;align-items:center;gap:48px;font-size:11px;letter-spacing:.04em}.header nav a{color:#d5d8d5;transition:color .2s}.header nav a:hover{color:var(--gold)}.nav-end span{margin-left:22px;color:var(--gold)}.hero{height:max(660px,100svh);position:relative;overflow:hidden;isolation:isolate}.scene,.scene-image,#reveal,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.scene-image{object-fit:cover;object-position:62% center}.fallback-human{opacity:0}#reveal{display:block}.hero-shade{pointer-events:none;background:linear-gradient(90deg,#0b1116b3 0%,#0b11162b 39%,transparent 65%),linear-gradient(0deg,#101416 0%,#10141610 28%,transparent 76%,#10141680 100%)}.hero-copy{position:absolute;top:26%;left:var(--pad);width:42%;pointer-events:none}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.22em;color:var(--gold);line-height:1.8;margin:0 0 28px;display:flex;align-items:center;gap:10px}.live-dot{height:5px;width:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #d7c08b60}h1,h2,p{margin-top:0}h1{font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-size:clamp(88px,9.7vw,164px);line-height:.98;letter-spacing:-.035em;font-weight:550;margin:0 0 30px}h1>span:not(.title-dot){color:var(--gold)}.title-dot{color:var(--gold)}.hero-description{font-size:13px;line-height:1.9;color:#c6c9c8;margin-bottom:28px}.text-link{display:inline-flex;align-items:center;gap:36px;font-size:11px;font-weight:650;line-height:1.8;border:0;border-bottom:1px solid #d7c08b70;padding:0 0 12px;background:none;pointer-events:auto}.text-link span{font-size:20px;color:var(--gold);transition:transform .2s}.text-link:hover span{transform:translate(3px,3px)}.scene-caption{position:absolute;right:var(--pad);top:44%;writing-mode:vertical-rl;display:flex;align-items:center;gap:24px;font-size:9px;letter-spacing:.26em;color:#ffffffab;pointer-events:none}.caption-line{height:60px;width:1px;background:var(--gold)}.scene-number{color:var(--gold);margin-top:28px}.hero-bottom{position:absolute;bottom:34px;left:var(--pad);right:var(--pad);display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.coordinates{font-size:8px;letter-spacing:.12em;color:#b1b7b8;line-height:2.2}.coordinates>span{display:block;font-size:7px;color:#727b7e;letter-spacing:.13em}.reveal-control{display:flex;align-items:center;gap:25px}.interaction-hint{font-size:9px;color:#a6afaf}.switch{border:1px solid #d7c08b63;border-radius:2px;background:#172024a1;padding:14px 20px;display:flex;align-items:center;gap:18px;font-size:10px;backdrop-filter:blur(10px);min-height:46px;transition:background .2s,border-color .2s}.switch:hover,.switch[aria-pressed=true]{background:#d7c08b22;border-color:var(--gold)}.switch-light{height:5px;width:5px;border:1px solid var(--gold);border-radius:50%}.switch[aria-pressed=true] .switch-light{background:var(--gold)}.scroll-link{display:flex;align-items:center;gap:20px;font-size:24px}.scroll-link span{font-size:8px;letter-spacing:.22em}.asset-status{position:absolute;right:var(--pad);bottom:105px;max-width:300px;font-size:12px;padding:16px;background:#19232d;border:1px solid var(--gold)}.section-pad{padding:70px var(--pad) 100px}.section-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-bottom:70px;color:#919b9d;font-size:8px;letter-spacing:.16em;gap:25px}.story{background:#101416}.story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(50px,9vw,150px);align-items:center}.story-visual{height:650px;position:relative;overflow:hidden;background:#152026}.story-visual img{height:100%;width:100%;object-fit:cover;object-position:62% 50%}.story-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1014169e,transparent 25%)}.photo-tag{position:absolute;left:25px;bottom:24px;z-index:1;font-size:8px;letter-spacing:.15em;color:#d2d8d7}.photo-cross{position:absolute;right:20px;top:18px;color:var(--gold);font-size:25px;font-weight:200}.story-copy .eyebrow{margin-bottom:24px}h2{font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-weight:450;font-size:clamp(56px,6vw,94px);letter-spacing:-.02em;line-height:1.1;margin-bottom:32px}h2 em{font-style:normal;color:var(--gold)}.story-copy>p:not(.eyebrow){font-size:12px;color:#a8b0b1;line-height:2.1;max-width:330px;margin-bottom:24px}.story-copy .text-link{margin-top:8px}.city{height:850px;position:relative;overflow:hidden;isolation:isolate}.city>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:62% center}.city-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101416e3,transparent 85%),linear-gradient(0deg,#101416,transparent 35%,transparent 80%,#101416)}.city-copy{position:absolute;left:var(--pad);top:27%}.city h2{font-size:clamp(78px,9vw,144px);line-height:1.02}.city-copy>p:not(.eyebrow){font-size:12px;color:#b3babc;line-height:2.1}.city-copy .text-link{margin-top:20px}.city-note{position:absolute;right:var(--pad);bottom:45px;font-size:8px;letter-spacing:.2em;color:#a5acad}.final{padding-top:70px;padding-bottom:0;min-height:760px}.final>.eyebrow{margin-top:20px}.final h2{font-size:clamp(70px,10vw,160px);margin-bottom:40px}.final-action{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:26px 0;font-size:14px}.final-action span{font-size:40px;font-weight:200;color:var(--gold);transition:transform .2s}.final-action:hover span{transform:translate(6px,-6px)}footer{padding:35px 0;display:flex;justify-content:space-between;gap:28px;font-size:8px;color:#838e90;align-items:center}.footer-brand{font-size:9px;letter-spacing:.12em;color:var(--gold)}footer a:hover{color:var(--gold)}
#knight-poster{left:12%;object-position:50% center}.city>img{object-position:50% center}.hero-shade{background:linear-gradient(90deg,#101416 0%,#101416da 28%,#10141640 55%,transparent 80%),linear-gradient(0deg,#101416 0%,transparent 32%,transparent 77%,#10141690 100%)}
@media(min-width:1800px){.hero-copy{top:30%}.hero-description{font-size:16px}.hero{max-height:1200px}.story-visual{height:760px}}
@media(max-width:1100px){.header nav{gap:28px}.interaction-hint{max-width:115px;line-height:1.7}.hero-copy{top:28%}.story-grid{gap:55px}.story-visual{height:580px}.scene-caption{right:24px}.hero-description{font-size:12px}.hero-bottom{gap:14px}.reveal-control{gap:16px}.coordinates{font-size:7px}}
@media(max-width:700px){#knight-poster{left:0;object-position:46% center}:root{--pad:24px}.header{height:83px}.brand{font-size:12px;gap:11px}.brand img{width:34px}.brand-sub{font-size:7px}.header nav{gap:18px;font-size:9px}.header nav a:nth-child(2){display:none}.nav-end span{margin-left:6px}.hero{height:max(800px,100svh)}.hero-copy{top:auto;bottom:182px;width:90%}.hero-shade{background:linear-gradient(0deg,#101416 0%,#101416d9 22%,#10141670 40%,transparent 61%,#10141670 100%)}h1{font-size:91px;margin-bottom:20px;line-height:.98}.hero-copy .eyebrow{font-size:8px;margin-bottom:18px}.hero-description{font-size:11px;line-height:1.8;margin-bottom:20px}.text-link{font-size:10px;padding-bottom:9px}.scene-caption{top:125px;right:19px;font-size:7px;gap:18px}.scene-caption .scene-number{margin-top:10px}.caption-line{height:35px}.hero-bottom{bottom:25px;display:grid;grid-template-columns:1fr auto;gap:24px}.reveal-control{grid-row:1;grid-column:1/-1;display:flex;justify-content:space-between}.interaction-hint{max-width:150px;font-size:8px}.switch{padding:14px 18px;font-size:10px;gap:14px}.coordinates{grid-column:1}.scroll-link{grid-column:2;font-size:22px}.scroll-link span{font-size:7px}.section-pad{padding-top:45px;padding-bottom:60px}.section-top{font-size:7px;line-height:1.8;margin-bottom:35px}.section-top span:last-child{max-width:130px;text-align:right}.story-grid{grid-template-columns:1fr;gap:38px}.story-visual{height:520px}.story-copy h2{font-size:68px}.story-copy>p:not(.eyebrow){max-width:100%;font-size:12px}.story-copy .eyebrow{font-size:8px}.city{height:730px}.city-copy{top:auto;bottom:100px}.city-shade{background:linear-gradient(0deg,#101416 0%,#101416b3 50%,transparent 85%,#101416 100%)}.city h2{font-size:78px}.city-copy .eyebrow{font-size:8px}.city-note{bottom:30px;font-size:7px}.final{min-height:640px;padding-bottom:0}.final h2{font-size:76px}.final>.eyebrow{font-size:7px}.final-action{font-size:12px;padding:20px 0}footer{display:grid;grid-template-columns:1fr;gap:18px;padding:28px 0;font-size:8px}.asset-status{bottom:130px;left:24px;right:24px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Bishkek edition: shared body, opening cowl, full-width team portrait. */
.scene{left:12%}.scene-image{object-position:50% center}.hero-copy{top:24%}.hero-copy h1{font-size:clamp(88px,9.3vw,156px)}
.story-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:42px}.story-heading h2{margin-bottom:0;font-size:clamp(62px,6.5vw,106px)}.story-heading>p{font-size:14px;line-height:2;color:#c2c9c8;max-width:320px;margin-bottom:7px}.story-heading>p span{display:block;font-size:10px;color:#7f8c8e;margin-top:18px}.group-visual{display:block;position:relative;overflow:hidden;background:#20282a}.group-visual img{display:block;width:100%;height:auto;transition:filter .3s}.group-visual:hover img{filter:brightness(1.07)}.group-visual:after{content:'';position:absolute;inset:75% 0 0;background:linear-gradient(transparent,#101416a0);pointer-events:none}.zoom-photo{position:absolute;right:25px;bottom:24px;font-size:10px;z-index:1}.photo-foot{display:flex;justify-content:space-between;color:#839193;font-size:9px;letter-spacing:.1em;margin-top:18px}
.city{height:1080px;background:radial-gradient(ellipse at 65% 60%,#1c303d 0%,#10191e 40%,#101416 72%);border-top:1px solid var(--line)}.city-copy{top:72px;left:var(--pad);z-index:2;pointer-events:none}.city h2{font-size:clamp(64px,7vw,112px);line-height:1.06;max-width:950px;margin-bottom:22px}.city-copy .eyebrow{margin-bottom:24px}.city-copy>p:not(.eyebrow){font-size:12px}.city-stage{position:absolute;inset:205px 0 30px;touch-action:pan-y}.city-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.city-stage canvas.dragging{cursor:grabbing}.city-stage canvas:focus-visible{outline:1px solid var(--gold);outline-offset:-12px}.city-fallback{position:absolute;inset:20% 0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:32px;color:var(--gold);font-size:10px;letter-spacing:.2em}.city-fallback img{width:160px;filter:drop-shadow(0 0 30px #d7c08b80)}.is-ready .city-fallback{display:none}.city-controls{position:absolute;bottom:35px;left:var(--pad);right:var(--pad);z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px}.city-controls>div:first-child{display:grid;gap:12px}#signal-status{font-size:9px;color:var(--gold);letter-spacing:.18em}.orbit-hint{font-size:10px;color:#99a7ab}.city-buttons{display:flex;gap:10px}.reset-view{font-size:24px;width:48px;background:#182329;border:1px solid #d7c08b63;border-radius:2px}.city button:disabled{opacity:.4;cursor:default}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:50px}.final-action{font-size:27px}.final-action small{display:block;font-size:8px;letter-spacing:.25em;color:#879394;margin-bottom:12px}.final h2{font-size:clamp(80px,10vw,150px)}
@media(max-width:700px){.scene{left:0}.scene-image{object-position:50% center}.hero-copy{top:auto;bottom:178px}.hero-copy h1{font-size:74px;line-height:.95;margin-bottom:16px}.hero-copy .eyebrow{margin-bottom:15px}.hero-description{margin-bottom:15px}.hero-shade{background:linear-gradient(0deg,#101416 0%,#101416e0 24%,#10141665 42%,transparent 65%,#10141670 100%)}.story-heading{display:block;margin-bottom:28px}.story-heading h2{font-size:57px;margin-bottom:27px}.story-heading>p{font-size:12px}.story-heading>p span{margin-top:8px;font-size:9px}.photo-tag{left:12px;bottom:12px;font-size:6px}.zoom-photo{right:12px;bottom:12px;font-size:8px}.photo-foot{font-size:7px;letter-spacing:.04em}.city{height:950px}.city-copy{top:48px}.city h2{font-size:51px;line-height:1.12}.city-copy .eyebrow{font-size:7px;letter-spacing:.16em;margin-bottom:22px}.city-stage{inset:300px 0 145px}.city-copy>p:not(.eyebrow){font-size:11px}.city-controls{bottom:30px;display:grid;gap:23px}.city-buttons{justify-content:space-between}.city-buttons .switch{flex:1;justify-content:center}.orbit-hint{font-size:9px}.social-links{grid-template-columns:1fr;gap:0}.final-action{font-size:23px}.social-links .final-action+ .final-action{border-top:0}.final h2{font-size:80px}}
/* V3: two complete portraits, cursor trail matching the reference interaction. */
#guardian-poster{transform:translate(-.8%,-5%) scale(1.1);transform-origin:50% 50%;user-select:none;-webkit-user-drag:none}
#scene{touch-action:pan-y}#reveal{pointer-events:none}.hero .interaction-hint{max-width:220px;line-height:1.7}.hero .switch{min-width:185px;justify-content:center}
@media(max-width:700px){.hero .interaction-hint{max-width:126px;font-size:8px}.hero .switch{min-width:177px;padding:14px 12px;gap:10px}.scene-caption .scene-number{font-size:6px;letter-spacing:.18em}}
/* V4 — Asia Mall district and touch-friendly portrait reveal. */
.hero{touch-action:pan-y pinch-zoom}
.city{height:1060px}.city-copy{top:60px;bottom:auto}.city-stage{inset:320px 0 90px}
.city-copy>p:not(.eyebrow){color:#b5c4c6}.city-controls{bottom:32px}
@media(max-width:700px){
  .city{height:930px}.city-copy{top:43px;right:var(--pad)}
  .city h2{font-size:clamp(39px,12.2vw,51px)}
  .city-stage{inset:290px 0 140px}.city-controls{bottom:30px}
  .hero .interaction-hint{max-width:135px}
}
@media(max-width:370px){
  :root{--pad:18px}.hero .switch{min-width:164px;font-size:9px}
  .reveal-control{gap:10px}.hero .interaction-hint{font-size:7px;max-width:108px}
  .brand{font-size:10px;gap:8px}.header nav{gap:13px;font-size:8px}
  .story-heading h2{font-size:49px}.final h2{font-size:68px}
}

/* Keep the local Biamino badge below focus aids. */
biamino-badge{--biamino-z:20}