@property --split { syntax: '<percentage>'; inherits: true; initial-value: 50%; }
:root{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Helvetica Neue',Arial,sans-serif;color:#fff;background:#0b1013;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.hero{--split:50%;--pan:0px;--tilt:0px;position:relative;min-height:680px;height:100svh;overflow:hidden;isolation:isolate;transition:--split 900ms cubic-bezier(.22,1,.36,1)}.scenery{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#0b1013;animation:reveal 1.4s ease both}.scene{position:absolute;inset:-1.2%;background-image:url('/assets/hero-improved.jpg');background-size:cover;background-position:50% 43%;transform:translate(var(--pan),var(--tilt)) scale(1.015);transition:filter 900ms ease,transform 1.6s ease;will-change:transform}.scene-travel{mask-image:linear-gradient(to right,#000 calc(var(--split) - 7%),transparent calc(var(--split) + 7%))}.scene-music{mask-image:linear-gradient(to right,transparent calc(var(--split) - 7%),#000 calc(var(--split) + 7%))}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,13,.34),transparent 28%,transparent 42%,rgba(3,8,13,.34) 72%,rgba(3,8,13,.69))}.identity{position:absolute;z-index:3;top:6.5%;left:50%;transform:translateX(-50%);width:min(94%,900px);text-align:center;pointer-events:none}.name{display:inline-block;font-size:clamp(30px,3.1vw,48px);font-weight:500;letter-spacing:.045em;line-height:1.1;pointer-events:auto;animation:rise 1s .25s both}.roles{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;margin:18px auto 0;gap:8px;font-size:13px;font-weight:400;letter-spacing:.065em;white-space:nowrap;animation:rise 1s .42s both}.roles i{font-style:normal;opacity:.7}.travel-roles{text-align:right}.music-roles{text-align:left}.roles span i{padding:0 13px}.motto{font-size:12px;font-weight:400;letter-spacing:.13em;color:rgba(255,255,255,.7);margin-top:20px;animation:rise 1s .6s both}.worlds{position:absolute;inset:25% 0 0;display:grid;grid-template-columns:var(--split) 1fr}.world{display:flex;align-items:flex-end;justify-content:center;padding:0 24px max(9svh,55px);outline-offset:-8px;min-width:0;transition:background 900ms ease}.world-copy{text-align:center;animation:rise 1.05s .78s both;transition:opacity .7s,transform .9s;max-width:100%}.world h1,.world h2{font-size:clamp(27px,2.65vw,43px);font-weight:500;letter-spacing:-.025em;line-height:1.1;margin:0 0 18px;text-shadow:0 2px 24px #0005}.world p{font-size:13px;letter-spacing:.09em;font-weight:400;color:#ffffffe0;margin:0 0 28px}.explore{display:inline-flex;width:172px;height:48px;border:1px solid #ffffff9c;border-radius:28px;align-items:center;justify-content:center;gap:21px;font-size:12px;font-weight:500;letter-spacing:.1em;background:#121b2114;backdrop-filter:blur(5px);transition:background .35s,border-color .35s,box-shadow .35s}.explore span{font-size:21px;font-weight:400;line-height:1;transition:transform .35s}a:focus-visible{outline:2px solid #fff}.world:focus-visible .explore{background:#ffffff22;border-color:#fff}.destination{position:absolute;inset:0;padding:7vw;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(0deg,#050a10c9,transparent)}[hidden]{display:none!important}.back{font-size:22px;width:fit-content}.back span{font-size:12px;letter-spacing:.1em;margin-left:16px}.destination-brand{font-size:18px;letter-spacing:.05em}.destination-title{font-size:clamp(38px,6vw,90px);font-weight:500;letter-spacing:-.04em;margin:20px 0}.destination-subtitle{font-size:14px;letter-spacing:.1em}.destination-mode .identity,.destination-mode .worlds{display:none}@media(hover:hover) and (pointer:fine){.hero[data-active=travel]{--split:59%}.hero[data-active=music]{--split:41%}.hero[data-active=travel] .scene-music,.hero[data-active=music] .scene-travel{filter:brightness(.66)}.hero[data-active=travel] .music .world-copy,.hero[data-active=music] .travel .world-copy{opacity:.65}.world:hover .explore{background:#ffffff20;border-color:#fff;box-shadow:0 4px 24px #0002}.world:hover .explore span{transform:translateX(4px)}}@media(min-aspect-ratio:19/10){.scene{background-position:50% 40%}.identity{top:5%}.hero{min-height:560px}.world{padding-bottom:7svh}}
@media(max-width:600px){.hero{height:100svh;min-height:620px}.identity{top:max(38px,6svh);width:96%}.name{font-size:32px}.roles{font-size:clamp(9px,2.6vw,12px);letter-spacing:0;grid-template-columns:1fr 10px 1fr;gap:4px;margin-top:15px}.roles span i{padding:0 4px}.motto{font-size:10px;letter-spacing:.1em;margin-top:16px}.scene{background-size:auto 100%;background-position:50% 50%;inset:0;transform:none}.shade{background:linear-gradient(180deg,#04090e69,transparent 35%,#03080c22 48%,#03080ce0 100%)}.worlds{inset:48% 0 0;grid-template-columns:1fr 1fr}.world{padding:0 10px max(47px,8svh);align-items:flex-end}.world-copy{width:100%}.world h1,.world h2{font-size:clamp(17px,4.65vw,25px);letter-spacing:-.025em;min-height:2.2em;display:flex;align-items:flex-end;justify-content:center;margin-bottom:14px}.world p{font-size:9px;letter-spacing:.025em;white-space:nowrap;margin-bottom:23px}.explore{width:137px;max-width:100%;height:44px;font-size:10px;gap:15px}.destination{padding:42px 25px}.destination-title{font-size:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene{transform:none!important}}
@keyframes reveal{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes rise{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}

/* One unmasked photograph; hover changes light only. */
@font-face{font-family:Satoshi;src:url('/assets/satoshi-medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
.scene{inset:0;transform:none;will-change:auto}
.light{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
.light-travel{background:linear-gradient(90deg,rgba(235,246,255,.09),transparent 42%,rgba(0,0,0,.08) 57%,rgba(0,0,0,.42))}
.light-music{background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.08) 43%,transparent 58%,rgba(255,226,189,.09))}
.identity{top:4%}
.name{font-family:Satoshi,-apple-system,sans-serif;font-size:clamp(28px,2.7vw,40px);font-weight:500;letter-spacing:-.045em}
.roles{margin-top:13px;font-size:12px;letter-spacing:.035em}
.motto{position:absolute;z-index:2;bottom:26px;left:0;width:100%;margin:0;text-align:center;font-family:Satoshi,-apple-system,sans-serif;font-weight:500;font-size:clamp(14px,1.2vw,18px);letter-spacing:.055em;color:#fffffff0;pointer-events:none;animation:rise 1s .65s both}
.motto span{margin-inline-start:.4em;color:#ffffffb8}
.world h1,.world h2{font-family:Satoshi,-apple-system,sans-serif;font-weight:500;font-size:clamp(27px,2.7vw,42px);letter-spacing:-.035em;line-height:1.08}
.world-copy{opacity:1!important}.worlds{grid-template-columns:1fr 1fr}.destination-mode .motto{display:none}
@media(hover:hover) and (pointer:fine){.hero[data-active=travel],.hero[data-active=music]{--split:50%}.hero[data-active=travel] .light-travel,.hero[data-active=music] .light-music{opacity:1}}
@media(max-width:600px){.identity{top:32px}.name{font-size:30px}.roles{font-size:clamp(9px,2.6vw,12px)}.world h1,.world h2{font-size:clamp(17px,4.65vw,25px)}.motto{bottom:22px;font-size:13px;letter-spacing:.025em}.world{padding-bottom:87px}}

.home-language{position:absolute;right:25px;top:25px;z-index:10}.home-language select{color:#fff;background:#10182070;border:1px solid #ffffff35;border-radius:22px;padding:8px 13px;font:12px -apple-system,sans-serif;backdrop-filter:blur(10px)}.home-language option{background:#101820;color:white}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:600px){.home-language{top:10px;right:12px}.home-language select{padding:5px 8px;font-size:10px}.identity{top:53px}html[lang=ru] .roles{font-size:8px}html[lang=ru] .world p{font-size:7.5px}}
/* Keep the two worlds in their original positions in every language. */
.worlds,.roles{direction:ltr}.world-copy{direction:inherit}.roles span{line-height:1.5;min-width:0;overflow-wrap:anywhere}.world h1,.world h2{text-wrap:balance;overflow-wrap:anywhere;line-height:1.08}.world h1{max-width:560px}.world p{line-height:1.5;text-wrap:balance}.roles{text-transform:uppercase}.world h1,.world h2,.world p,.explore{text-transform:uppercase}
html[dir=rtl] .world-copy,html[dir=rtl] .roles span,html[dir=rtl] .motto{direction:rtl}.home-language select{max-width:190px}.motto{text-align:center;max-width:none;padding-inline:5%;text-transform:uppercase}
@media(max-width:600px){.roles{font-size:8px!important;gap:4px}.roles span{max-width:100%}.world h1,.world h2{font-size:clamp(17px,4.5vw,25px)}.world p{font-size:9px}.motto{font-size:13px}.home-language select{max-width:170px}}

/* Fit complete Russian words within each mobile hero column. */
@media(max-width:600px){
  html[lang=ru] .world h1,html[lang=ru] .world h2{
    font-size:clamp(12px,3.7vw,22px);
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
    line-height:1.18;
    min-height:2.36em;
  }
}