@font-face{font-family:Praho;src:url('/sakharov-clone/assets/5faa78bd274815370290d057_PrahoPro-Light.woff') format('woff');font-weight:300;font-display:swap}
@font-face{font-family:Commons;src:url('/sakharov-clone/assets/5faa7846743ca77dfea3ee3a_TTCommons-Regular.woff') format('woff');font-weight:400;font-display:swap}
:root{--rail:54px;--white:#f4f4f1;--black:#0c0d0d;font-family:Commons,"PingFang SC","Noto Sans CJK SC",sans-serif;color:var(--white);background:var(--black);font-synthesis:none}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:var(--black)}
body{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-lang=zh] .lang-en{display:none!important}
html[data-lang=en] .lang-zh{display:none!important}
html[data-lang=en] .lang-en{display:initial!important}

.home-rail{position:fixed;inset:0 auto 0 0;z-index:90;width:var(--rail);border-right:1px solid rgba(255,255,255,.32);color:#fff;mix-blend-mode:normal}
.home-rail__brand{position:absolute;inset:0 0 auto;height:148px;display:flex;align-items:center;justify-content:center;padding-top:16px;font-size:10px;line-height:1.12;letter-spacing:.12em;writing-mode:vertical-rl;text-orientation:upright}
.home-menu-trigger{position:absolute;inset:148px 0 87px;width:100%;padding:0;border:0;background:transparent;cursor:pointer}
.home-menu-trigger__icon{position:absolute;left:50%;top:50%;width:26px;height:18px;transform:translate(-50%,-50%)}
.home-menu-trigger__icon i{position:absolute;left:0;width:26px;height:1px;background:#fff;transition:transform .45s cubic-bezier(.76,0,.24,1),top .45s cubic-bezier(.76,0,.24,1)}
.home-menu-trigger__icon i:first-child{top:3px}
.home-menu-trigger__icon i:last-child{top:14px}
.menu-is-open .home-menu-trigger__icon i:first-child{top:8px;transform:rotate(45deg)}
.menu-is-open .home-menu-trigger__icon i:last-child{top:8px;transform:rotate(-45deg)}
.home-rail__tools{position:absolute;inset:auto 0 0;height:87px;display:flex;align-items:center;flex-direction:column;gap:14px;padding-top:5px}
.home-lang,.home-sound{width:30px;height:25px;padding:0;border:0;background:transparent;cursor:pointer}
.home-lang{font-size:11px;text-transform:uppercase}
.home-sound{position:relative}
.home-sound img{position:absolute;inset:0;margin:auto;width:22px;height:22px}
.home-sound__on{opacity:0}
.home-sound[aria-pressed=true] .home-sound__off{opacity:0}
.home-sound[aria-pressed=true] .home-sound__on{opacity:1}

.home-hero{position:relative;width:100%;height:100svh;min-height:560px;overflow:hidden;background:#0d0e0e}
.home-hero,.home-hero__image,.home-hero__copy,.home-hero__grain{transition:opacity .62s cubic-bezier(.76,0,.24,1),transform .82s cubic-bezier(.76,0,.24,1)}
.home-is-leaving .home-hero{opacity:0;transform:translateY(-5vh)}
.home-is-leaving .home-hero__image{transform:scale(1.085)}
.home-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.06);transform:scale(1.045);animation:hero-arrive 2.4s cubic-bezier(.22,1,.36,1) both}
.home-hero::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(0,0,0,.26),transparent 28%,transparent 72%,rgba(0,0,0,.28));pointer-events:none}
.home-hero__grain{position:absolute;inset:0;z-index:2;opacity:.19;mix-blend-mode:screen;pointer-events:none;background-image:url('/sakharov-clone/assets/60354746c6cc6545041b3289_bg-open-menu-2-mobile.png');background-size:430px;animation:grain-shift .25s steps(2,end) infinite}
.home-hero__copy{position:absolute;inset:0;z-index:3;display:grid;place-items:center;text-align:center;mix-blend-mode:difference;pointer-events:none}
.home-hero h1{margin:0;font-family:Praho,"Songti SC",serif;font-weight:300;line-height:.72;letter-spacing:-.055em}
.home-hero__name{display:block}
.home-hero__name--zh{font-family:"Songti SC","STSong",serif;font-size:clamp(154px,23vw,356px);font-weight:300;letter-spacing:.02em;white-space:nowrap}
.home-hero__name--en{font-size:clamp(118px,18vw,278px)}
.home-hero__subtitle{position:absolute;left:50%;top:68%;margin:0;transform:translateX(-50%);font-size:clamp(14px,1.35vw,21px);font-weight:400;letter-spacing:.42em;white-space:nowrap}
.home-centenary{position:absolute;z-index:5;left:calc(var(--rail) + 54px);bottom:40px;display:flex;align-items:center;gap:14px}
.home-centenary__disc{width:76px;height:76px;border:1px solid rgba(255,255,255,.66);border-radius:50%;display:grid;place-items:center;background:rgba(12,13,13,.45);backdrop-filter:blur(8px);font-family:Praho,serif;font-size:28px}
.home-centenary__label{font-size:12px;line-height:1.25;letter-spacing:.08em}
.home-scroll{position:absolute;z-index:5;left:50%;bottom:0;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl}
.home-scroll i{display:block;width:1px;height:34px;background:#fff}

.home-menu{position:fixed;inset:0;z-index:70;overflow:hidden;background:#101111;color:#f4f4f1;visibility:hidden;clip-path:inset(0 100% 0 0);transition:clip-path .82s cubic-bezier(.76,0,.24,1),visibility .82s}
.menu-is-open .home-menu{visibility:visible;clip-path:inset(0)}
.home-menu__background{position:absolute;inset:0;overflow:hidden;background:#101111}
.home-menu__background img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-menu__background-dark{opacity:.96}
.home-menu__background-light{opacity:.82;mix-blend-mode:screen;transform:translateX(18%)}
.home-menu__background-mask{opacity:.54;mix-blend-mode:multiply}
.home-menu__stage{position:absolute;inset:0 0 0 var(--rail);z-index:2}
.home-menu__headlines{position:absolute;inset:0}
.home-menu__headline{position:absolute;font-family:Praho,"Songti SC","STSong",serif;font-weight:300;line-height:.78;letter-spacing:-.055em;transition:opacity .25s,transform .45s cubic-bezier(.22,1,.36,1)}
.home-menu__headline:hover{transform:translateX(12px)}
.home-menu__headline--life{left:6.5vw;top:17vh;font-size:clamp(94px,13.6vw,208px)}
.home-menu__headline--library{left:16.7vw;top:41vh;font-size:clamp(82px,11.4vw,176px);white-space:nowrap}
.home-menu__headline--centenary{left:12.5vw;top:67vh;font-size:clamp(76px,10.6vw,162px)}
.home-menu__centenary-note{position:absolute;left:53.5vw;top:63vh;margin:0;font-size:17px;line-height:1.45;color:#171818}
.home-menu__feature{position:absolute;left:60%;top:7.5%;width:13vw;min-width:170px;aspect-ratio:1.75;overflow:hidden}
.home-menu__feature img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}
.home-menu__feature>a::after{position:absolute;inset:0;content:"";background:rgba(0,0,0,.18)}
.home-menu__play{position:absolute;z-index:2;left:50%;top:50%;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#050606;color:#fff;transform:translate(-50%,-50%);font-size:18px}
.home-menu__secondary{position:absolute;left:76.5%;top:8%;display:grid;gap:20px;font-size:17px}
.home-menu__secondary a{border-bottom:1px solid transparent;padding-bottom:5px;transition:border-color .25s}
.home-menu__secondary a:hover{border-color:currentColor}
.home-menu__credit{position:absolute;right:5vw;bottom:7vh;margin:0;color:rgba(255,255,255,.56);font-size:12px;letter-spacing:.06em}

@keyframes hero-arrive{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1.045)}}
@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(1%,1%)}100%{transform:translate(-1%,-1%)}}

@media(max-width:760px){
  :root{--rail:44px}
  .home-rail__brand{height:116px;padding-top:12px;font-size:8px}
  .home-menu-trigger{inset:116px 0 76px}
  .home-rail__tools{height:76px;gap:8px}
  .home-hero__image{left:var(--rail);width:calc(100% - var(--rail));object-position:center}
  .home-hero__grain{left:var(--rail)}
  .home-hero__copy{left:var(--rail)}
  .home-hero__name--zh{font-size:25vw;writing-mode:vertical-rl;letter-spacing:.06em}
  .home-hero__name--en{font-size:27vw;line-height:.78}
  .home-hero__subtitle{top:71%;left:calc(50% + var(--rail)/2);font-size:12px;letter-spacing:.28em}
  .home-centenary{left:calc(var(--rail) + 16px);bottom:22px;display:grid;gap:7px}
  .home-centenary__disc{width:58px;height:58px;font-size:22px}
  .home-centenary__label{font-size:9px}
  .home-scroll{left:auto;right:16px}
  .home-menu__stage{left:var(--rail)}
  .home-menu__background-light{transform:translateX(30%);opacity:.72}
  .home-menu__headline--life{left:7vw;top:15vh;font-size:26vw}
  .home-menu__headline--library{left:7vw;top:35vh;font-size:19vw;white-space:normal;max-width:78vw;line-height:.9}
  .home-menu__headline--centenary{left:7vw;top:61vh;font-size:22vw}
  .home-menu__centenary-note{left:52vw;top:66vh;font-size:12px;color:#111}
  .home-menu__feature{display:none}
  .home-menu__secondary{left:7vw;top:auto;bottom:6vh;grid-template-columns:repeat(3,auto);gap:15px;font-size:12px}
  .home-menu__credit{display:none}
}
@media(prefers-reduced-motion:reduce){
  .home-hero__image,.home-hero__grain{animation:none}
  .home-hero,.home-hero__image,.home-hero__copy,.home-hero__grain{transition:none}
  .home-menu{transition:none}
}