@font-face{font-family:QiPraho;src:url('/sakharov-clone/assets/5faa78bd9a79c2e0ad208d28_PrahoPro-Regular.woff') format('woff');font-display:swap}
@font-face{font-family:QiCommons;src:url('/sakharov-clone/assets/5faa7846743ca77dfea3ee3a_TTCommons-Regular.woff') format('woff');font-display:swap}

html.qi-prologue-lock,html.qi-prologue-lock body{overflow:hidden!important;overscroll-behavior:none}
.qi-prologue{
  --scene-progress:0;
  --scene-inverse:1;
  --rail-size:clamp(54px,4.25vw,68px);
  --paper-white:#f1f1ef;
  --ink-black:#080808;
  --rail-line:rgba(255,255,255,.34);
  --scene-ease:cubic-bezier(.22,.72,.16,1);
  --stage-scale-start:1.14;
  --stage-scale-delta:.14;
  --stage-opacity-start:.12;
  --stage-opacity-delta:.88;
  --hero-scale-start:1.07;
  --hero-scale-delta:.07;
  --hero-y-start:2.8vh;
  --light-left:35%;
  --light-width:30%;
  --name-size:clamp(132px,17vw,276px);
  --name-leading:.74;
  --name-anchor-y:-16vh;
  --name-entry-shift:26vw;
  --subtitle-anchor-y:65%;
  --badge-size:122px;
  --badge-left-gap:3.2vw;
  --badge-bottom:4.1vh;
  --scroll-axis:52%;
  position:fixed;
  inset:0;
  z-index:2147483000;
  overflow:hidden;
  background:var(--ink-black);
  color:#fff;
  opacity:1;
  visibility:visible;
  transition:opacity .88s var(--scene-ease),visibility 0s .88s;
  font-family:QiCommons,"Helvetica Neue",Arial,sans-serif;
  isolation:isolate;
}
.qi-prologue[hidden]{display:none}
.qi-prologue[data-state="leaving"]{opacity:0;visibility:hidden}
.qi-prologue:focus{outline:none}
.qi-prologue button:focus{outline:none}
.qi-prologue button:focus-visible{outline:1px solid currentColor;outline-offset:6px}

.qi-prologue__rail{
  position:absolute;
  z-index:20;
  inset:0 auto 0 0;
  width:var(--rail-size);
  border-right:1px solid var(--rail-line);
  background:rgba(8,8,8,.82);
  backdrop-filter:blur(3px);
}
.qi-prologue__brand{position:absolute;top:32px;left:50%;margin:0;color:#fff!important;writing-mode:vertical-rl;transform:translateX(-50%);font-size:13px;line-height:1.35;letter-spacing:.18em;font-weight:500}
.qi-prologue__icon-button{border:0;background:transparent;color:inherit;padding:0;cursor:pointer}
.qi-prologue__menu{position:absolute;top:50%;left:50%;width:46px;height:46px;transform:translate(-50%,-50%)}
.qi-prologue__menu::before,.qi-prologue__menu::after{content:"";position:absolute;left:7px;width:31px;height:1px;background:currentColor;transition:transform .25s ease}
.qi-prologue__menu::before{top:17px}.qi-prologue__menu::after{top:27px}
.qi-prologue__menu:hover::before{transform:translateX(4px)}.qi-prologue__menu:hover::after{transform:translateX(-4px)}
.qi-prologue__tools{position:absolute;bottom:27px;left:0;width:100%;display:grid;justify-items:center;gap:20px}
.qi-prologue__tool{border:0;background:transparent;color:inherit;padding:0;font:600 13px/1 QiCommons,sans-serif;cursor:pointer}
.qi-prologue__sound{width:26px;height:26px;position:relative}
.qi-prologue__sound img{position:absolute;inset:0;width:26px;height:26px;display:block;pointer-events:none}
.qi-prologue__sound-wave{opacity:0;transition:opacity .24s ease}
.qi-prologue__sound[aria-pressed="true"] .qi-prologue__sound-wave{opacity:1}

.qi-prologue__stage{position:absolute;inset:0 0 0 var(--rail-size);overflow:hidden;background:#ddd;opacity:calc(var(--stage-opacity-start) + var(--scene-progress) * var(--stage-opacity-delta));transform:scale(calc(var(--stage-scale-start) - var(--scene-progress) * var(--stage-scale-delta)));transform-origin:50% 72%;will-change:transform,opacity}
.qi-prologue__hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:grayscale(1) contrast(1.08) brightness(calc(.72 + var(--scene-progress) * .28));transform:translateY(calc(var(--scene-inverse) * var(--hero-y-start))) scale(calc(var(--hero-scale-start) - var(--scene-progress) * var(--hero-scale-delta)));will-change:transform,filter}
.qi-prologue__hero--missing{opacity:0}
.qi-prologue__light{position:absolute;z-index:2;left:var(--light-left);top:-14%;width:var(--light-width);height:92%;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.48) 64%,transparent);filter:blur(calc(52px - var(--scene-progress) * 38px));opacity:calc(.18 + var(--scene-progress) * .42);transform:scaleX(calc(.3 + var(--scene-progress) * .7));transform-origin:50% 0;mix-blend-mode:screen;pointer-events:none}
.qi-prologue__vignette{position:absolute;z-index:4;inset:0;background:radial-gradient(ellipse at 52% 43%,transparent 24%,rgba(0,0,0,.08) 54%,rgba(0,0,0,.7) 116%),linear-gradient(180deg,rgba(0,0,0,.04),transparent 48%,rgba(0,0,0,.5));pointer-events:none}
.qi-prologue__grain{position:absolute;z-index:11;inset:-35%;opacity:.2;pointer-events:none;background-image:url('/sakharov-clone/assets/605df557213fd85709e9da2f_white-noise.a08b3022.gif');background-repeat:repeat;mix-blend-mode:multiply;animation:qi-prologue-grain .22s steps(2) infinite}
.qi-prologue__curtain{position:absolute;z-index:6;inset:-12%;background:#0a0a0b;transform-origin:center;will-change:transform;box-shadow:0 0 78px rgba(0,0,0,.54)}
.qi-prologue__curtain--left{clip-path:polygon(0 0,69% 0,55% 100%,0 100%);transform:translateX(calc(var(--scene-progress) * -68%))}
.qi-prologue__curtain--right{clip-path:polygon(36% 0,100% 0,100% 100%,51% 100%);transform:translateX(calc(var(--scene-progress) * 68%))}

.qi-prologue__particles{position:absolute;z-index:12;inset:0;overflow:hidden;pointer-events:none;opacity:clamp(0,calc((var(--scene-progress) - .12) * 2.5),1)}
.qi-particle{position:absolute;left:var(--particle-x);top:var(--particle-y);width:var(--particle-size);height:calc(var(--particle-size) * .62);background:rgba(242,242,238,.82);clip-path:polygon(8% 0,100% 16%,83% 100%,0 72%);animation:qi-prologue-particle var(--particle-duration) var(--particle-delay) linear infinite;transform:rotate(var(--particle-rotate));will-change:transform}
.qi-particle--1{filter:blur(2.4px);opacity:.32}.qi-particle--2{filter:blur(1.1px);opacity:.47}.qi-particle--3{filter:blur(.35px);opacity:.7}.qi-particle--4{filter:none;opacity:.88}

.qi-prologue__copy{position:absolute;z-index:9;inset:0;display:grid;place-items:center;pointer-events:none;font-family:"Songti SC","STSong",QiPraho,serif;text-align:center;opacity:clamp(0,calc((var(--scene-progress) - .44) * 5),1);will-change:opacity}
.qi-prologue__name{position:relative;display:flex;flex-direction:column;align-items:center;margin:var(--name-anchor-y) 0 0;font-weight:300;line-height:var(--name-leading);letter-spacing:.015em;color:var(--ink-black);white-space:nowrap;text-shadow:0 0 1px rgba(255,255,255,.14)}
.qi-prologue__name span{display:block;will-change:transform,opacity}
.qi-prologue__name span:nth-child(1){transform:translateX(calc(var(--scene-inverse) * var(--name-entry-shift) * -1))}
.qi-prologue__name span:nth-child(2){transform:translateX(calc(var(--scene-inverse) * var(--name-entry-shift)))}
.qi-prologue__name--zh{font-size:var(--name-size)}
.qi-prologue__name--zh span:first-child{font-size:.9em;margin-right:1.34em}
.qi-prologue__name--zh span:last-child{margin-left:.42em}
.qi-prologue__name--en{font-family:QiPraho,"Times New Roman",serif;font-size:clamp(108px,16vw,210px);letter-spacing:-.045em;line-height:.92;gap:.04em}
.qi-prologue__name--en span{display:block}
.qi-prologue__name--en span:first-child{transform:translateX(calc(var(--scene-inverse) * -28vw))}
.qi-prologue__name--en span:last-child{transform:translateX(calc(var(--scene-inverse) * 28vw))}
.qi-prologue__subtitle{position:absolute;left:50%;top:var(--subtitle-anchor-y);margin:0;transform:translateX(-50%);font:500 clamp(13px,1.1vw,19px)/1 QiCommons,sans-serif;letter-spacing:.22em;color:var(--ink-black);white-space:nowrap;opacity:clamp(0,calc((var(--scene-progress) - .72) * 4),1)}

.qi-badge{position:absolute;z-index:15;left:calc(var(--rail-size) + var(--badge-left-gap));bottom:var(--badge-bottom);width:246px;height:142px;opacity:clamp(0,calc((var(--scene-progress) - .72) * 4),1);transform:translateY(calc(var(--scene-inverse) * 18px));color:#fff}
.qi-badge__portrait,.qi-badge__century{position:absolute;top:0;width:var(--badge-size);height:var(--badge-size);border:1px solid rgba(255,255,255,.86);border-radius:50%;overflow:hidden}
.qi-badge__portrait{left:0;z-index:2;background:#181818}.qi-badge__portrait img{width:100%;height:100%;object-fit:cover;object-position:center 19%;filter:grayscale(1) contrast(1.14)}
.qi-badge__century{left:104px;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#e4ca87 0 7%,#9b7639 24%,#d5b66c 46%,#775629 70%,#c5a45b 100%);box-shadow:inset 0 0 0 5px rgba(36,25,12,.28),inset 0 0 0 7px rgba(255,237,173,.38);color:#161009;font-family:QiPraho,serif}
.qi-badge__century::before{content:"QI SHIRONG · 1926—2026";position:absolute;inset:10px;border:1px solid rgba(44,29,11,.54);border-radius:50%;display:grid;place-items:start center;padding-top:8px;font:600 7px/1 QiCommons,sans-serif;letter-spacing:.08em}
.qi-badge__century strong{font-size:44px;line-height:.9;font-weight:400}.qi-badge__century span{position:absolute;right:11px;bottom:10px;font:600 8px/1.05 QiCommons,sans-serif;letter-spacing:.07em}
.qi-badge__caption{position:absolute;left:9px;top:128px;margin:0;color:#fff!important;font-size:13px;line-height:1.15;letter-spacing:.03em;white-space:nowrap}

.qi-prologue__scroll{position:absolute;z-index:15;left:var(--scroll-axis);bottom:0;display:flex;flex-direction:column;align-items:center;gap:13px;color:#fff;opacity:clamp(0,calc((var(--scene-progress) - .72) * 4),1);transform:translate(-50%,calc(var(--scene-inverse) * 15px));border:0;background:transparent;cursor:pointer;padding:0}
.qi-prologue__scroll:disabled{pointer-events:none}
.qi-prologue__scroll span{writing-mode:vertical-rl;font-size:13px;letter-spacing:.16em}.qi-prologue__scroll i{display:block;width:1px;height:52px;background:rgba(255,255,255,.34);overflow:hidden;position:relative}
.qi-prologue__scroll i::after{content:"";position:absolute;left:0;top:-100%;width:1px;height:100%;background:#fff;animation:qi-prologue-scroll-line 1.7s ease-in-out infinite}
.qi-prologue__loading{position:absolute;z-index:24;left:50%;bottom:6vh;transform:translateX(-50%);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.74);animation:qi-prologue-loading 1.1s ease-in-out infinite alternate}
.qi-prologue:not([data-state="loading"]) .qi-prologue__loading{display:none}
.qi-prologue[data-lang="zh"] .qi-prologue__text-en,.qi-prologue[data-lang="zh"] .qi-prologue__name--en{display:none}
.qi-prologue[data-lang="en"] .qi-prologue__text-zh,.qi-prologue[data-lang="en"] .qi-prologue__name--zh{display:none}
.qi-prologue[data-state="leaving"] .qi-prologue__stage{transform:scale(1.055);transition:transform .9s var(--scene-ease)}
.qi-prologue[data-state="ready"] .qi-prologue__light{animation:qi-prologue-light-breathe 4.8s ease-in-out infinite}
.scroll-view[tabindex="-1"]:focus{outline:none!important}

@keyframes qi-prologue-grain{0%{transform:translate(0,0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}100%{transform:translate(-3%,-1%)}}
@keyframes qi-prologue-particle{0%{transform:translate3d(0,-14vh,0) rotate(var(--particle-rotate))}50%{transform:translate3d(calc(var(--particle-drift) * .55),50vh,0) rotate(calc(var(--particle-rotate) + 110deg))}100%{transform:translate3d(var(--particle-drift),114vh,0) rotate(calc(var(--particle-rotate) + 245deg))}}
@keyframes qi-prologue-scroll-line{0%{transform:translateY(0)}55%,100%{transform:translateY(200%)}}
@keyframes qi-prologue-loading{to{opacity:.34}}
@keyframes qi-prologue-light-breathe{0%,100%{opacity:.54}50%{opacity:.66}}

@media(max-width:767px){
  .qi-prologue{--rail-size:54px;--name-size:clamp(80px,24vw,112px);--name-leading:.78;--name-anchor-y:-16vh;--name-entry-shift:24vw;--subtitle-anchor-y:57%;--light-left:32%;--light-width:36%;--badge-size:112px;--badge-left-gap:3vw;--badge-bottom:2.7vh;--scroll-axis:58%}
  .qi-prologue__brand{top:28px;font-size:10px}
  .qi-prologue__menu{width:40px;height:44px}.qi-prologue__menu::before,.qi-prologue__menu::after{left:7px;width:27px}
  .qi-prologue__hero{inset:0;width:100%;height:100%;object-position:center center}
  .qi-prologue__copy{left:0}
  .qi-prologue__name--zh{letter-spacing:.025em}
  .qi-prologue__name--zh span:first-child{margin-right:1.1em}
  .qi-prologue__name--zh span:last-child{margin-left:.28em}
  .qi-prologue__name--en{font-size:clamp(72px,20vw,100px)}
  .qi-prologue__subtitle{max-width:74vw;overflow:visible;font-size:9px;line-height:1.35;letter-spacing:.08em}
  .qi-badge{transform:scale(.58) translateY(calc(var(--scene-inverse) * 18px));transform-origin:left bottom}
  .qi-particle:nth-child(n+25){display:none}
}

@media(max-width:767px) and (max-height:720px){
  .qi-prologue{--name-size:clamp(76px,21vw,104px);--name-leading:.96;--name-anchor-y:-20vh;--subtitle-anchor-y:64%}
  .qi-prologue__name--en{font-size:clamp(72px,19vw,96px);line-height:.98;gap:.08em;letter-spacing:-.04em}
}

@media(prefers-reduced-motion:reduce){
  .qi-prologue,.qi-prologue[data-state="leaving"],.qi-prologue[data-state="leaving"] .qi-prologue__stage{transition:none!important}
  .qi-prologue[data-state="leaving"] .qi-prologue__stage{transform:scale(1)}
  .qi-prologue *{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .qi-prologue__grain,.qi-prologue__particles{display:none}
}