*{box-sizing:border-box}body,html{margin:0;background:#020202;color:#f4f3ef;font-family:Arial,Helvetica,sans-serif}a,button{font:inherit;color:inherit}button{border:0;cursor:pointer}.how-home{height:100svh;min-height:620px;background:#020202;position:relative;overflow:hidden}.how-header{height:68px;background:#15112e;justify-content:space-between;padding:0 2vw;position:relative;z-index:3;font-size:11px}.how-header,.how-time{display:flex;align-items:center}.how-time{gap:12px}.how-time strong{font-size:11px}.how-actions,.how-time span{opacity:.65}.how-actions{display:flex;gap:25px;align-items:center}.how-actions a{text-decoration:none}.how-actions button{background:none;padding:0}.how-orbit{position:absolute;left:50%;top:50%;width:25px;height:25px;transform:translate(-50%,-50%);border-radius:50%;background:#5d59c6;box-shadow:0 0 0 2px #9e9cec,0 0 22px #7671ff}.how-orbit i{position:absolute;inset:5px;border:1px solid #e7e5ff;border-radius:50%;transform:rotate(45deg)}.how-orbit i:nth-child(2){transform:rotate(-45deg) scaleX(.45)}.how-orbit i:nth-child(3){transform:rotate(90deg) scaleX(.45)}.ribbon{height:16px;position:relative;background:linear-gradient(180deg,#171331,#05050a 50%,#171331);filter:drop-shadow(0 5px 3px #251f56)}.ribbon:after{content:"";position:absolute;inset:-5px 0 0;background:radial-gradient(ellipse at 20% 0,#49418f 0 3%,transparent 4%),radial-gradient(ellipse at 55% 10%,#3c367e 0 3%,transparent 4%),radial-gradient(ellipse at 82% 0,#514a9c 0 3%,transparent 4%);opacity:.65}.how-hero{height:calc(100svh - 84px);padding:54px 8vw;position:relative}.hero-mark{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#1c182f,#7771de);box-shadow:0 0 0 3px #8883f3,0 0 22px #4843cc;display:flex;align-items:center;justify-content:center;position:absolute;left:2vw;top:54px;overflow:hidden}.hero-mark span{font:700 24px Georgia,serif;transform:rotate(-20deg)}.hero-mark i{position:absolute;font-style:normal;font-size:42px;opacity:.6;transform:rotate(35deg)}.how-hero h1{margin:0;max-width:510px;font-size:26px;line-height:1.22;letter-spacing:-.04em;font-weight:500}.nominee{position:absolute;right:0;top:78%;width:32px;height:122px;background:#f2f1ed;color:#151515;display:flex;flex-direction:column;align-items:center;padding:8px 4px;gap:10px}.nominee b{font-size:14px}.nominee span{font-size:7px;line-height:1.4;writing-mode:vertical-rl}.how-footer{position:absolute;left:2vw;right:2vw;bottom:20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;z-index:3}.how-footer>a{color:#f4f3ef;text-decoration:none}.pill-nav{position:absolute;left:50%;transform:translateX(-50%);bottom:-3px;display:flex;gap:2px;padding:4px;background:#0d0d0d;border-radius:30px;box-shadow:0 0 0 1px #161616}.pill-nav button{background:none;border-radius:20px;padding:7px 15px;font-size:12px}.pill-nav button.active{background:#f4f3ef;color:#111}.music-pop{position:absolute;right:2vw;top:60px;background:#f3f2ee;color:#141414;padding:15px 40px 15px 15px;display:flex;flex-direction:column;gap:5px;font-size:12px;z-index:5}.music-pop span{color:#777;font-size:10px}.music-pop button{position:absolute;right:8px;top:5px;background:none;font-size:18px}@media(max-width:700px){.how-header{padding:0 14px}.how-actions{gap:12px}.how-actions a{display:none}.how-hero{padding:45px 24px}.hero-mark{left:24px;top:42px}.how-hero h1{font-size:23px;margin-top:90px}.how-footer{left:14px;right:14px;bottom:15px;flex-wrap:wrap;gap:15px}.how-footer>a{display:none}.pill-nav{position:static;order:3;transform:none;width:100%;justify-content:center}.nominee{top:76%;height:105px}}:root{--mouse-x:50vw;--mouse-y:50vh;--mouse-rx:0;--mouse-ry:0}.how-cursor{position:fixed;z-index:20;left:var(--mouse-x);top:var(--mouse-y);width:22px;height:22px;border:1px solid #aaa7ff;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:width .35s,height .35s,background .35s;opacity:.65}.how-home:has(a:hover) .how-cursor,.how-home:has(button:hover) .how-cursor{width:42px;height:42px;background:#6d68c633}.how-orbit{animation:orbitFloat 4s ease-in-out infinite}.how-orbit:hover{animation:orbitSpin 1.1s linear infinite}.ribbon{animation:ribbonGlow 5s ease-in-out infinite}.ribbon:before{content:"";position:absolute;left:-10%;right:-10%;top:-8px;height:22px;background:repeating-radial-gradient(ellipse at 20% 100%,#4f4994 0 1px,transparent 2px 17px);opacity:.6;animation:waveMove 6s linear infinite}.hero-mark{transform:translate(calc(var(--mouse-rx) * 8px),calc(var(--mouse-ry) * 8px));transition:transform .35s cubic-bezier(.2,.8,.2,1);animation:heroIn .9s cubic-bezier(.2,.8,.2,1) both}.how-hero h1{animation:heroTextIn 1.1s cubic-bezier(.2,.8,.2,1) .15s both}.how-actions,.how-time{animation:fadeDown .7s .1s both}.how-footer{animation:fadeUp .8s .35s both}.nominee{animation:nomineeFloat 3.5s ease-in-out infinite}.pill-nav{animation:navIn .8s .4s both}.music-pop{animation:musicIn .3s cubic-bezier(.2,.8,.2,1)}@keyframes waveMove{to{transform:translateX(12%)}}@keyframes ribbonGlow{0%,to{box-shadow:0 4px 12px #29235e}50%{box-shadow:0 7px 24px #4c43b0}}@keyframes orbitFloat{0%,to{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-58%) rotate(15deg)}}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes heroIn{0%{opacity:0;transform:translate(calc(var(--mouse-rx) * 8px),18px) scale(.8)}to{opacity:1}}@keyframes heroTextIn{0%{opacity:0;transform:translateY(20px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes nomineeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes navIn{0%{opacity:0;transform:translateX(-50%) translateY(14px)}to{opacity:1;transform:translateX(-50%)}}@keyframes musicIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.how-cursor{display:none}}.depth-gallery{position:absolute;inset:84px 0 65px;overflow:hidden;z-index:1;touch-action:pan-y}.depth-card{position:absolute;left:0;top:0;padding:0;border:0;background:none;will-change:transform;cursor:zoom-in}.depth-lift{overflow:hidden;border-radius:4px;transition:transform .45s,box-shadow .45s}.depth-lift,.depth-lift svg{display:block;width:100%;height:100%}.depth-card:focus-visible,.depth-card:hover{z-index:100!important}.depth-card:focus-visible .depth-lift,.depth-card:hover .depth-lift{transform:translateY(-45px);box-shadow:0 24px 48px #0006}.how-hero{z-index:2;pointer-events:none}.nominee{z-index:4}.depth-preview{position:fixed;inset:0;z-index:50;background:#080810ee;display:grid;place-items:center}.depth-preview>div{width:min(65vh,80vw);aspect-ratio:1}.depth-preview svg{width:100%;height:100%}.depth-preview>button{position:absolute;top:25px;right:35px;background:none;color:#fff;font-size:36px}.how-cursor{z-index:60}@media(max-width:700px){.depth-gallery{inset:220px 0 110px}.depth-card{min-width:140px;min-height:140px}.pill-nav{animation:none}}@media(prefers-reduced-motion:reduce){.depth-lift{transition:none}}.how-site-nav,.qh-site-nav{display:flex;align-items:center;gap:clamp(12px,2.2vw,32px);font-size:10px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.how-site-nav a,.qh-site-nav a{color:inherit;text-decoration:none;opacity:.52;transition:opacity .2s,color .2s}.how-site-nav a.is-current,.how-site-nav a:hover,.qh-site-nav a.is-current,.qh-site-nav a:hover{opacity:1}.how-site-nav a.is-current,.qh-site-nav a.is-current{color:#fff}.qh-site-nav{margin-left:auto;margin-right:clamp(12px,3vw,46px);font-size:11px}.qh-site-nav,.qh-site-nav a.is-current{color:#24302b}@media(max-width:700px){.how-site-nav{gap:10px;font-size:8px}.qh-site-nav{gap:10px;margin-right:0;font-size:9px}.qh-header__meta{display:none}}.about-page{min-height:100svh;background:#f2f0e7;color:#1f302b;overflow:auto}.about-nav{height:64px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1f302b33;position:-webkit-sticky;position:sticky;top:0;background:#f2f0e7ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.about-nav__brand{font-size:11px;letter-spacing:.16em}.about-nav__links{display:flex;gap:24px;font-size:10px;letter-spacing:.12em}.about-nav__links a{color:inherit;text-decoration:none;opacity:.55}.about-nav__links .is-current,.about-nav__links a:hover{opacity:1}.about-content{min-height:calc(100svh - 64px);display:grid;place-items:center;padding:clamp(18px,4vw,64px)}.about-content img{display:block;width:min(100%,860px);height:auto;box-shadow:0 24px 70px #24302b22}.story-page{min-height:100svh;background:#f2f0e7;color:#1f302b}.story-page .about-content{display:flex;align-items:flex-start;justify-content:flex-start;padding-top:16vh}.story-placeholder{font-size:clamp(44px,9vw,140px);line-height:.9;letter-spacing:-.08em;font-weight:700;max-width:800px}.story-placeholder small{display:block;font-size:11px;letter-spacing:.16em;font-weight:400;margin-bottom:24px}.pill-nav a{background:none;border-radius:20px;padding:7px 15px;font-size:12px;text-decoration:none}.pill-nav a.active{background:#f4f3ef;color:#111}.qh-site-nav{font-size:14px;letter-spacing:.1em}@media(max-width:700px){.qh-site-nav{font-size:11px;gap:12px}}.portfolio-header{position:absolute;z-index:10;left:32px;right:32px;top:26px;height:53px;padding-bottom:11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282a27;color:#232523;font-family:Arial,Microsoft YaHei,sans-serif;font-size:12px;letter-spacing:.08em}.portfolio-brand{display:flex;align-items:center;gap:10px;line-height:1.1}.portfolio-brand em{font-style:normal;color:#6c6d68;font-size:10px}.portfolio-logo{width:27px;height:27px;border:1px solid #232523;border-radius:50%;display:grid;place-items:center;font:italic 700 17px Georgia}.about-page,.story-page{position:relative;margin:20px;min-height:calc(100svh - 40px);border-radius:28px;background:#d8d8d6;color:#232523;overflow:hidden}body:has(.about-page),body:has(.story-page){background:#20211f}.about-page .about-content,.story-page .about-content{padding-top:110px;min-height:calc(100svh - 40px)}@media(max-width:760px){.portfolio-header{left:18px;right:18px}.about-page,.story-page{margin:8px;border-radius:18px;min-height:calc(100svh - 16px)}}@media(max-width:420px){.portfolio-brand{gap:5px;font-size:10px}.portfolio-brand em{font-size:8px}.portfolio-header .qh-site-nav{gap:9px;font-size:10px;letter-spacing:.05em}}.story-film{width:min(1120px,calc(100% - 64px));margin:0 auto;padding:120px 0 64px}.story-film__heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;color:#24302b}.story-film__heading h1{margin:0;font-size:clamp(26px,3vw,40px);font-weight:500;letter-spacing:.06em}.story-film__heading span{font-size:12px;letter-spacing:.12em;opacity:.6}.story-film video{display:block;width:100%;aspect-ratio:960/544;background:#171a18;object-fit:contain;border-radius:4px}@media(max-width:760px){.story-film{width:calc(100% - 36px);padding:106px 0 36px}}.story-problem{margin-top:clamp(70px,10vw,150px);padding-top:28px;border-top:1px solid #24302b55}.story-section-label{font-size:11px;letter-spacing:.16em;opacity:.58}.story-problem h2{font-size:clamp(42px,7vw,92px);line-height:1;margin:18px 0 46px;font-weight:500;letter-spacing:.04em}.problem-context{margin:-20px 0 44px;font-size:12px;line-height:1.7;color:#62685f;letter-spacing:.04em}.problem-conversation{display:grid;grid-gap:28px;gap:28px}.problem-turn{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);grid-gap:24px;gap:24px;align-items:center}.problem-turn figure{margin:0;min-width:0}.problem-turn figure img{display:block;width:100%;height:auto}.problem-turn figcaption{margin-top:14px;font-size:13px;letter-spacing:.12em;color:#515b51}.problem-speech{position:relative;padding:0;background:none;border:0;box-shadow:none}.problem-role{font-size:12px;letter-spacing:.08em;color:#687164}.problem-speech h3{font-size:clamp(21px,2.2vw,29px);line-height:1.45;font-weight:500;margin:18px 0 22px}.problem-speech p{font-size:clamp(15px,1.4vw,18px);line-height:1.9;margin:16px 0 0;color:#424b41}.problem-turn--reverse{grid-template-columns:minmax(0,54fr) minmax(0,46fr)}.problem-turn--reverse figure{grid-column:2;grid-row:1}.problem-turn--reverse .problem-speech{grid-column:1;grid-row:1}@media(max-width:760px){.problem-conversation{gap:32px}.problem-turn,.problem-turn--reverse{grid-template-columns:minmax(0,1fr);gap:16px}.problem-turn figure,.problem-turn--reverse figure{grid-column:1;grid-row:auto;width:90%;max-width:440px}.problem-turn--reverse figure{justify-self:end}.problem-turn .problem-speech{grid-column:1;grid-row:auto;padding:0}}.story-exploration{margin-top:80px;padding-top:28px;border-top:1px solid #24302b55}.story-exploration h2{font-size:clamp(32px,5vw,64px);font-weight:500;margin:0 0 18px}.story-exploration>p{font-size:13px;color:#62685f;margin:0 0 24px}.exploration-collage{display:block;width:100%;height:auto;overflow:visible;isolation:isolate}.exploration-element{cursor:zoom-in;transition:transform .25s ease,filter .25s ease;transform-box:view-box;outline:none}.exploration-element.is-hovered{transform:scale(1.055);filter:drop-shadow(0 10px 10px #17232144)}.exploration-element:focus-visible>polygon{stroke:#145bd2;stroke-width:3}.exploration-preview{position:fixed;inset:0;margin:auto;width:94vw;max-width:1400px;max-height:94svh;padding:48px 24px 16px;border:0;background:#171b18;color:#fff;box-shadow:0 20px 90px #0008}.exploration-preview::-webkit-backdrop{background:#0e1412dd}.exploration-preview::backdrop{background:#0e1412dd}.exploration-preview>img{display:block;max-width:100%;max-height:calc(90svh - 110px);width:auto;height:auto;object-fit:contain;margin:auto}.exploration-preview>button{position:absolute;top:4px;right:14px;background:transparent;font-size:34px;color:#fff;padding:0 10px}.exploration-preview>p{text-align:center;font-size:14px;margin:16px 0 0}@media(prefers-reduced-motion:reduce){.exploration-element{transition:none}}.story-architecture>img{display:block;width:100%;height:auto;margin-top:24px}.portfolio-language{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:12px;letter-spacing:.04em}.portfolio-language button{padding:8px 2px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;opacity:.48}.portfolio-language button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:5px}.portfolio-language button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.portfolio-language span{opacity:.3}@media(max-width:600px){.portfolio-header .qh-site-nav{gap:10px;margin-right:12px;font-size:10px}.portfolio-language{font-size:10px;gap:4px}.portfolio-brand{font-size:9px;gap:5px}.portfolio-brand em{font-size:7px}}@media(max-width:390px){.portfolio-header{left:12px;right:12px}.portfolio-logo{display:none}.portfolio-header .qh-site-nav{gap:7px;margin-right:8px;font-size:9px}}html[lang=en] .qh-intro h1{font-size:clamp(18px,2vw,25px);letter-spacing:-.025em;line-height:1.18}html[lang=en] .qh-timeline small{font-size:clamp(9px,1.1vw,16px);letter-spacing:0}html[lang=en] .problem-speech h3{font-size:clamp(30px,3.5vw,58px);line-height:1.15}html[lang=en] .problem-speech p{font-size:clamp(16px,1.6vw,25px);line-height:1.5}html[lang=en] .stage-editorial__axis p{font-size:clamp(11px,1vw,16px)}.portfolio-header.portfolio-header{border-bottom:0}.khata-divider{position:absolute;left:0;right:0;bottom:-25px;height:38px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-image:url(/ornaments/tibetan-header.png);background-repeat:repeat-x;background-position:50%;background-size:auto 100%}@media(max-width:760px){.khata-divider{height:28px;bottom:-18px}}@media(max-width:600px){.portfolio-header .portfolio-brand{max-width:35px}.portfolio-header .portfolio-brand>span:last-child{display:none}.portfolio-header .qh-site-nav{gap:9px;margin-right:10px;letter-spacing:.025em;font-size:10px}}@media(max-width:390px){.portfolio-header .portfolio-brand{display:none}.portfolio-header .qh-site-nav{gap:8px;margin-left:0;margin-right:8px;font-size:9px}}