@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)}
.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-hero__name-piece{display:inline-block}
.home-hero__name--en .home-hero__name-piece{display:block}
.home-hero__curtains{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none}
.home-hero__curtain{position:absolute;top:0;bottom:0;width:67%;display:block;background:#070808}
.home-hero__curtain::after{position:absolute;inset:0;content:"";opacity:.14;background-image:url('/sakharov-clone/assets/605df557213fd85709e9da2f_white-noise.a08b3022.gif');background-size:360px}
.home-hero__curtain--left{left:0;clip-path:polygon(0 0,100% 0,76% 100%,0 100%)}
.home-hero__curtain--right{right:0;clip-path:polygon(0 0,100% 0,100% 100%,24% 100%)}
.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-cinematic-is-preparing .home-hero__image{opacity:0;transform:translateY(-3%) scale(1.14);filter:grayscale(1) contrast(1.16) brightness(.48)}
.home-cinematic-is-preparing .home-hero__copy,.home-cinematic-is-preparing .home-centenary,.home-cinematic-is-preparing .home-scroll{opacity:0}
.home-cinematic-is-playing .home-hero__image{animation:home-cinematic-scene 2.2s .3s cubic-bezier(.22,1,.36,1) both}
.home-cinematic-is-playing .home-hero__curtain--left{animation:home-cinematic-curtain-left 2.15s .3s cubic-bezier(.76,0,.24,1) both}
.home-cinematic-is-playing .home-hero__curtain--right{animation:home-cinematic-curtain-right 2.15s .3s cubic-bezier(.76,0,.24,1) both}
.home-cinematic-is-playing .home-hero__copy{opacity:1}
.home-cinematic-is-playing .home-hero__name-piece--right{animation:home-cinematic-title-right 1s 1.8s cubic-bezier(.22,1,.36,1) both}
.home-cinematic-is-playing .home-hero__name-piece--left{animation:home-cinematic-title-left 1s 1.8s cubic-bezier(.22,1,.36,1) both}
.home-cinematic-is-playing .home-hero__subtitle{animation:home-cinematic-detail .5s 2.3s ease both}
.home-cinematic-is-playing .home-centenary,.home-cinematic-is-playing .home-scroll{animation:home-cinematic-detail .5s 2.55s ease both}
.home-cinematic-is-complete .home-hero__curtains{display:none}
.home-cinematic-is-complete .home-hero__image{opacity:1;transform:scale(1.045)}
.home-cinematic-is-complete .home-hero__copy,.home-cinematic-is-complete .home-centenary,.home-cinematic-is-complete .home-scroll{opacity:1}

.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}
.home-menu__background-mobile{z-index:2;display:none}
.home-menu__background-dark{z-index:1;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}
.home-menu__background-light{z-index:2;right:0;bottom:0;left:0;width:100%;height:auto;object-fit:contain;opacity:1}
.home-menu__background-mask{z-index:3;top:-70%;right:-70%;bottom:-30%;left:-30%;width:200%;height:200%;object-fit:cover;opacity:1}
.home-menu__stage{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center}
.home-menu__headlines{position:absolute;width:max-content}
.home-menu__headline{display:block;padding-right:1vw;font-family:Praho,"Songti SC","STSong",serif;font-size:10.3vw;font-weight:300;line-height:.9;letter-spacing:-.721vw;white-space:nowrap;transition:opacity .25s,transform .45s cubic-bezier(.22,1,.36,1)}
.home-menu__headline:hover{transform:translateX(12px)}
.home-menu__headline-block--life{margin-bottom:2.4vw;margin-left:-.836111vw}
.home-menu__headline-block--library{position:relative;display:flex;margin-left:14.2vw}
.home-menu__headline-block--centenary{position:relative;display:flex;margin-top:2.4vw;margin-left:3.67778vw}
.home-menu__archive-note{display:none}
.home-menu__centenary-note{width:15vw;min-width:15vw;margin:0;padding-top:.902778vw;padding-left:1.8vw;font-size:17px;line-height:1.45;color:#171818}
.home-menu__feature{position:absolute;top:4.375vw;right:27.70834vw;width:12.1528vw;height:7.29167vw;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;top:4.16667vw;right:0;width:26.3889vw;padding-left:2.15278vw;display:grid;align-content:start;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 home-cinematic-scene{from{opacity:0;transform:translateY(-3%) scale(1.14);filter:grayscale(1) contrast(1.16) brightness(.48)}to{opacity:1;transform:translateY(0) scale(1.045);filter:grayscale(1) contrast(1.06) brightness(1)}}
@keyframes home-cinematic-curtain-left{from{transform:translateX(0)}to{transform:translateX(-118%)}}
@keyframes home-cinematic-curtain-right{from{transform:translateX(0)}to{transform:translateX(118%)}}
@keyframes home-cinematic-title-right{from{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}
@keyframes home-cinematic-title-left{from{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}
@keyframes home-cinematic-detail{from{opacity:0}to{opacity:1}}
@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:991px){
  .home-menu__headline{font-size:80px;letter-spacing:-7.4px}
  .home-menu__centenary-note{width:20vw;min-width:20vw}
  .home-menu__feature{right:27.70834vw;width:15.7986vw;height:9.47917vw}
}

@media(min-width:1440px){
  .home-menu__headline-block--library{margin-left:12.2vw}
  .home-menu__centenary-note{width:13vw;min-width:13vw}
}

@media(max-width:767px){
  :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__background-mobile{display:block;right:0;bottom:0;left:0;width:100%;height:auto;object-fit:fill}
  .home-menu__background-light,.home-menu__background-mask{display:none}
  .home-menu__stage{align-items:flex-start;justify-content:flex-start}
  .home-menu__headlines{top:50%;margin-left:9vw;transform:translateY(-50%)}
  .home-menu__headline{font-size:12.8vw;letter-spacing:-.9vw}
  .home-menu__headline-block--life,
  .home-menu__headline-block--library,
  .home-menu__headline-block--centenary{margin-left:0}
  .home-menu__centenary-note{width:29vw;min-width:29vw;padding-left:2.5vw}
  .home-menu__feature{top:4.375vw;right:39.22986vw;width:23.0028vw;height:13.8017vw}
  .home-menu__secondary{top:4.16667vw;right:0;width:37vw;padding-left:2.58333vw}
  .home-menu__credit{display:none}
}
@media(max-width:479px){
  html.menu-is-open .home-rail{width:0;border-right:0;background:transparent}
  html.menu-is-open .home-rail__brand{display:none}
  .menu-is-open .home-menu-trigger{position:fixed;inset:17.55px 17.55px auto auto;width:31.2px;height:31.2px;z-index:3}
  .menu-is-open .home-menu-trigger__icon{width:31.2px;height:31.2px}
  .menu-is-open .home-menu-trigger__icon i{left:2.6px;width:26px}
  .menu-is-open .home-menu-trigger__icon i:first-child,
  .menu-is-open .home-menu-trigger__icon i:last-child{top:15.1px}
  .menu-is-open .home-rail__tools{position:fixed;inset:81.1vh 24px auto auto;width:64px;height:27px;z-index:3;display:flex;align-items:center;flex-direction:row;gap:10px;padding:0}
  .menu-is-open .home-lang,.menu-is-open .home-sound{width:27px;height:27px}
  .home-menu__headlines{left:7.7vw;right:7.7vw;top:auto;bottom:30vh;width:auto;margin-left:0;transform:none}
  .home-menu__headline{font-size:12.8vw;line-height:.9;letter-spacing:-.9vw}
  .home-menu__headline-block--life{margin-bottom:4vw;margin-left:0}
  .home-menu__headline-block--library{margin-left:5vw}
  .home-menu__headline-block--centenary{margin-top:4vw;margin-left:0}
  .home-menu__centenary-note{display:none}
  .home-menu__feature{top:18.5vh;right:4.8vw;width:42.9vw;height:26.6667vw}
  .home-menu__secondary{top:7.7vw;left:7.7vw;right:auto;width:auto;padding-left:0;gap:3.2vw;font-size:3.8vw;color:rgba(255,255,255,.62)}
}
@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}
  .home-cinematic-is-playing .home-hero__image,.home-cinematic-is-playing .home-hero__curtain,.home-cinematic-is-playing .home-hero__name-piece,.home-cinematic-is-playing .home-hero__subtitle,.home-cinematic-is-playing .home-centenary,.home-cinematic-is-playing .home-scroll{animation:none}
}