@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700;800&display=swap');
:root{--ink:#102231;--muted:#6e7882;--navy:#091723;--orange:#ed714d;--cream:#f6f5f1;--line:#d8dcd9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans','Noto Sans SC',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit}img{max-width:100%;display:block}em{font-style:normal;color:var(--orange)}.page-shell{width:min(1440px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:700;color:var(--orange);text-transform:uppercase}.site-header{height:90px;display:flex;align-items:center;padding:0 56px;position:absolute;z-index:30;top:0;left:0;right:0;color:white;border-bottom:1px solid rgba(255,255,255,.2);transition:background .3s,height .3s,box-shadow .3s}.site-header.scrolled,.site-header.internal{position:fixed;background:rgba(9,23,35,.94);backdrop-filter:blur(20px);height:72px;border-color:rgba(255,255,255,.08);box-shadow:0 8px 28px rgba(0,0,0,.08)}.brand{width:180px;flex-shrink:0}.brand img{width:100%;max-height:54px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.desktop-nav{display:flex;gap:45px;align-items:center;margin:auto}.desktop-nav a{position:relative;font-size:14px;font-weight:500;white-space:nowrap;opacity:.8;transition:opacity .2s}.desktop-nav a:hover,.desktop-nav a.active{opacity:1}.desktop-nav a.active:after,.desktop-nav a:hover:after{content:'';position:absolute;width:16px;height:2px;background:var(--orange);bottom:-13px;left:50%;transform:translateX(-50%)}.header-contact{border:1px solid rgba(255,255,255,.55);padding:11px 18px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .2s}.header-contact:hover{background:white;color:var(--navy)}.header-contact span{margin-left:30px;color:var(--orange)}.menu-toggle,.mobile-nav{display:none}.hero{height:min(900px,100svh);min-height:680px;background:#122639;position:relative;overflow:hidden;color:#fff}.hero-visual{position:absolute;inset:0;background-size:cover;background-position:center 48%;transform:scale(1.06);animation:hero-in 1.6s ease-out forwards;filter:saturate(.78)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,29,.91) 0%,rgba(5,17,29,.64) 43%,rgba(5,17,29,.16) 100%),linear-gradient(0deg,rgba(5,17,29,.55),transparent 35%)}.hero-copy{position:relative;z-index:2;padding-top:clamp(210px,25vh,310px)}.hero-overline{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:700;letter-spacing:.23em;color:#d8e3e6}.small-line{height:1px;width:38px;background:var(--orange)}.hero-index{margin-left:40px;color:rgba(255,255,255,.55)}.hero h1{font-weight:700;font-size:clamp(65px,7.7vw,130px);line-height:1.17;letter-spacing:-.07em;margin:28px 0 28px}.hero h1 em{color:#f68a69}.hero-copy>p{color:rgba(255,255,255,.8);font-size:18px;line-height:1.9;margin:0 0 39px;font-weight:300}.outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;border:1px solid rgba(255,255,255,.8);padding:18px 23px;font-size:13px;font-weight:600;letter-spacing:.05em;transition:background .2s,color .2s}.outline-button:hover{background:white;color:var(--navy)}.outline-button span{font-size:19px;color:var(--orange)}.hero-bottom{position:absolute;z-index:2;bottom:37px;left:0;right:0;display:flex;align-items:center;gap:22px;font-size:10px;letter-spacing:.2em;color:rgba(255,255,255,.55)}.vertical-line{height:1px;width:70px;background:rgba(255,255,255,.35)}.hero-corner{position:absolute;right:55px;bottom:35px;font-size:11px;letter-spacing:.2em;color:#fff;opacity:.6}@keyframes hero-in{to{transform:scale(1)}}.intro-section{display:grid;grid-template-columns:1fr 3fr;padding-top:146px;padding-bottom:155px}.section-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;font-size:12px;letter-spacing:.12em;font-weight:700;color:#86929a}.tiny-cross{font-size:50px;color:var(--orange);line-height:1}.intro-content{padding-left:5%}.intro-content h2,.section-heading h2,.about-copy h2,.contact-copy h2{font-size:clamp(36px,4.1vw,69px);line-height:1.38;letter-spacing:-.06em;margin:20px 0 30px;font-weight:700}.intro-text{max-width:620px;color:#73808a;font-size:17px;line-height:2;margin-bottom:34px}.text-link{display:inline-flex;gap:36px;align-items:center;border-bottom:1px solid var(--ink);padding:10px 0;font-size:13px;font-weight:700;transition:gap .25s,color .25s}.text-link:hover{gap:48px;color:var(--orange)}.text-link span{font-size:18px;color:var(--orange)}.works-section{padding:125px 0 155px;background:var(--cream)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:58px;gap:25px}.section-heading h2{margin-bottom:0}.section-heading>.text-link{margin-bottom:12px;white-space:nowrap}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:78px 28px}.work-card{display:block;min-width:0}.work-image{position:relative;overflow:hidden;aspect-ratio:1.52;background:#273b48}.work-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,18,32,.2),transparent 50%)}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1);filter:saturate(.87)}.work-card:hover .work-image img{transform:scale(1.065)}.image-arrow{position:absolute;z-index:2;bottom:22px;right:22px;display:grid;place-items:center;width:47px;height:47px;background:white;color:var(--ink);font-size:23px;opacity:0;transform:translateY(10px);transition:.25s}.work-card:hover .image-arrow{opacity:1;transform:translateY(0)}.work-meta{display:flex;justify-content:space-between;gap:10px;color:#8b9599;font-size:11px;letter-spacing:.12em;margin-top:22px;text-transform:uppercase}.work-meta span:first-child{color:var(--orange);font-weight:700}.work-card h3{font-size:27px;letter-spacing:-.04em;margin:12px 0 7px;display:flex;justify-content:space-between;align-items:center}.work-card h3 span{color:var(--orange);font-size:18px;opacity:0;transition:opacity .2s}.work-card:hover h3 span{opacity:1}.work-card p{font-size:14px;color:#808a90;margin:0;line-height:1.7}.empty-note{padding:80px;text-align:center}.statement-section{background:#102c40;min-height:610px;position:relative;overflow:hidden;color:white;display:flex;align-items:center}.statement-orb{position:absolute;border:1px solid rgba(112,174,186,.18);border-radius:50%;width:760px;height:760px;right:-70px;top:-75px;box-shadow:0 0 0 90px rgba(112,174,186,.035),0 0 0 180px rgba(112,174,186,.025)}.statement-inner{position:relative;z-index:2;padding:100px 0}.statement-inner h2{font-size:clamp(51px,6vw,100px);line-height:1.3;letter-spacing:-.065em;margin:26px 0 15px}.statement-inner h2 em{color:#f08768}.statement-inner>p:not(.eyebrow){color:#a9bdc5;font-size:16px;line-height:1.8;margin-bottom:36px}.light-button{display:inline-flex;gap:62px;border:1px solid #c8dce1;padding:17px 23px;font-size:13px;font-weight:600;transition:.2s}.light-button:hover{background:white;color:var(--navy)}.light-button span{font-size:18px;color:var(--orange)}.statement-outline{position:absolute;bottom:-60px;right:-25px;font-size:clamp(100px,19vw,320px);letter-spacing:-.08em;font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.085);pointer-events:none}.news-section{padding-top:148px;padding-bottom:175px}.news-list{border-top:1px solid var(--line)}.news-row{display:grid;grid-template-columns:180px 1fr 55px;align-items:center;gap:25px;padding:31px 10px;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.news-row:hover{background:#f8f8f5;padding-inline:25px}.news-date{font-size:13px;color:#8a9499}.news-category{color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.13em}.news-row h3{font-size:22px;margin:8px 0 7px}.news-row p{color:#858e92;font-size:14px;margin:0}.news-arrow{font-size:27px;color:var(--orange);text-align:center}.news-empty{border-block:1px solid var(--line);text-align:center;padding:70px 15px}.news-empty span{font-size:33px;color:var(--orange)}.news-empty p{font-size:24px;margin:15px 0 6px}.news-empty small{color:#8b969c}.site-footer{background:#091723;color:#fff;padding:90px 56px 30px}.footer-top{max-width:1440px;margin:0 auto 100px;display:flex;justify-content:space-between;align-items:end}.footer-top h2{font-size:clamp(42px,5.6vw,90px);letter-spacing:-.07em;line-height:1.25;margin:25px 0 0}.circle-link{border:1px solid #647682;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;font-size:48px;transition:.2s;color:var(--orange)}.circle-link:hover{background:var(--orange);color:white;border-color:var(--orange)}.footer-bottom{max-width:1440px;margin:auto;border-top:1px solid #33414b;padding-top:33px;display:flex;align-items:end;justify-content:space-between;gap:20px;color:#85939d;font-size:11px}.footer-brand img{width:145px;filter:brightness(0) invert(1)}.footer-brand p{margin:10px 0 0}.footer-links{display:flex;gap:24px}.footer-links a:hover{color:white}.page-hero{height:550px;padding-top:192px;position:relative;overflow:hidden}.page-hero-bg{position:absolute;top:92px;right:0;font-size:clamp(130px,21vw,340px);font-weight:800;letter-spacing:-.09em;color:#f6f7f6;pointer-events:none;line-height:1}.page-hero .eyebrow,.page-hero h1,.page-hero>p:not(.eyebrow){position:relative}.page-hero h1{font-size:clamp(50px,6vw,96px);letter-spacing:-.07em;line-height:1.2;margin:22px 0 12px}.page-hero>p:not(.eyebrow){color:#849098;font-size:16px}.listing-section{padding-bottom:160px}.listing-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:43px;color:#919ba0;font-size:11px;letter-spacing:.13em}.listing-grid{row-gap:74px}.listing-empty{text-align:center;padding:110px 10px;color:#939fa5}.listing-empty span{font-size:42px;color:var(--orange)}.listing-empty h2{color:var(--ink);font-size:32px}.listing-empty p{font-size:14px}.detail-page{padding-top:90px}.detail-intro{padding-top:75px;padding-bottom:65px}.back-link{font-size:12px;color:#8b9699}.back-link:hover{color:var(--orange)}.detail-intro .eyebrow{margin-top:72px}.detail-intro h1{font-size:clamp(48px,7vw,108px);letter-spacing:-.07em;line-height:1.2;margin:20px 0}.detail-subtitle{font-size:16px;letter-spacing:.18em;color:#879197}.detail-rule{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:58px;padding-top:20px;font-size:11px;color:#9ba4a8;letter-spacing:.12em}.detail-cover{width:100%;height:clamp(360px,55vw,800px);background:#193245}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-content{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding-top:125px;padding-bottom:170px}.detail-star{font-size:62px;color:var(--orange)}.detail-content h2{font-size:clamp(26px,3vw,44px);line-height:1.55;letter-spacing:-.04em;margin:0 0 36px}.detail-body{white-space:pre-line;color:#687782;font-size:16px;line-height:2.1;margin-bottom:45px}.detail-content video{width:100%;margin:0 0 40px;background:#0a1d2b}.about-main{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-bottom:160px}.about-art{position:relative;aspect-ratio:.92;overflow:hidden;background:#132d3e}.about-art img{width:100%;height:100%;object-fit:cover}.about-art span{position:absolute;bottom:25px;left:30px;color:white;font-size:11px;letter-spacing:.18em}.about-copy p:not(.eyebrow),.contact-copy>p:not(.eyebrow){font-size:16px;line-height:2;color:#7b8990}.about-copy .text-link{margin-top:28px}.values-section{border-top:1px solid var(--line);padding-top:100px;padding-bottom:170px}.values-section>h2{font-size:clamp(34px,4vw,65px);letter-spacing:-.06em;margin:17px 0 60px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.values-grid>div{border-top:2px solid var(--ink);padding-top:22px}.values-grid span{color:var(--orange);font-size:12px}.values-grid h3{font-size:27px;margin:50px 0 12px}.values-grid p{color:#808c94;font-size:14px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:40px;padding-bottom:180px}.contact-options{border-top:1px solid var(--line)}.contact-options>a,.contact-options>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:28px 0}.contact-options span{display:block;font-size:11px;color:#9aa5a8;margin-bottom:13px;letter-spacing:.1em}.contact-options strong{font-weight:500;font-size:22px;word-break:break-all}.contact-options b{font-size:26px;color:var(--orange)}.contact-options a:hover strong{color:var(--orange)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.page-shell{width:min(100% - 60px,1440px)}.site-header{padding:0 30px}.desktop-nav{gap:22px}.brand{width:145px}.header-contact span{margin-left:12px}.intro-section{grid-template-columns:1fr 4fr}.site-footer{padding-inline:30px}}@media(max-width:720px){.page-shell{width:calc(100% - 40px)}.site-header{height:68px;padding:0 20px}.site-header.scrolled,.site-header.internal{height:64px}.brand{width:132px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:flex;margin-left:auto;background:none;border:0;width:42px;height:42px;flex-direction:column;justify-content:center;gap:7px;z-index:3}.menu-toggle span{height:2px;width:25px;background:white;display:block;transition:.2s}.menu-toggle.open span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#091723;padding:15px 24px 25px;gap:0;box-shadow:0 20px 35px #0005;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.2s}.mobile-nav.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav a{padding:15px 4px;border-bottom:1px solid #ffffff20}.hero{min-height:650px;height:92svh}.hero-visual{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#061521dd,#06152199 70%,#06152155)}.hero-copy{padding-top:210px}.hero h1{font-size:clamp(56px,12vw,79px);margin:27px 0}.hero-copy>p{font-size:15px}.hero-index{display:none}.hero-bottom{font-size:9px;bottom:25px}.hero-bottom span:last-child,.hero-corner{display:none}.intro-section{display:block;padding-top:90px;padding-bottom:100px}.section-side{margin-bottom:28px}.tiny-cross{display:none}.intro-content{padding:0}.intro-content h2,.section-heading h2{font-size:40px}.intro-text{font-size:15px}.works-section{padding:85px 0 100px}.section-heading{display:block;margin-bottom:40px}.section-heading>.text-link{margin-top:18px}.work-grid{grid-template-columns:1fr;gap:45px}.work-card h3{font-size:23px}.work-image{aspect-ratio:1.37}.statement-section{min-height:540px}.statement-inner h2{font-size:51px}.statement-orb{width:430px;height:430px;right:-220px;top:30px}.news-section{padding-top:90px;padding-bottom:110px}.news-row{grid-template-columns:1fr 35px;gap:5px;padding:25px 0}.news-date{grid-column:1 / -1}.news-row h3{font-size:19px}.news-arrow{grid-column:2;grid-row:2;align-self:center}.site-footer{padding:75px 20px 30px}.footer-top{margin-bottom:70px}.footer-top h2{font-size:44px}.circle-link{width:70px;height:70px;font-size:32px;flex-shrink:0}.footer-bottom{display:block}.footer-links{flex-wrap:wrap;margin:30px 0}.page-hero{height:450px;padding-top:145px}.page-hero-bg{font-size:130px;top:100px}.page-hero h1{font-size:55px}.listing-section{padding-bottom:100px}.detail-page{padding-top:65px}.detail-intro{padding-top:50px}.detail-intro .eyebrow{margin-top:55px}.detail-intro h1{font-size:53px}.detail-cover{height:350px}.detail-content{display:block;padding-top:70px;padding-bottom:100px}.detail-star{display:none}.detail-content h2{font-size:28px;margin-top:32px}.about-main,.contact-section{display:block;padding-bottom:100px}.about-art{aspect-ratio:1.25;margin-bottom:60px}.values-section{padding:75px 0 100px}.values-grid{grid-template-columns:1fr;gap:35px}.values-grid h3{margin-top:20px}.contact-options{margin-top:60px}.contact-options strong{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Mihoyo-inspired vertical showcase home */
body:has(.mihoyo-home){background:#17222a;overflow:hidden}.mihoyo-home{height:100svh;min-height:620px;position:relative;overflow:hidden;background:#16222b;color:#fff;font-family:'DM Sans','Noto Sans SC',Arial,sans-serif}.mh-noise{position:absolute;inset:0;z-index:20;pointer-events:none;opacity:.12;background-image:radial-gradient(#fff .55px,transparent .55px);background-size:4px 4px;mix-blend-mode:soft-light}.mh-logo{position:fixed;z-index:50;left:46px;top:29px;width:155px;height:60px}.mh-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}.mh-topline{position:fixed;z-index:50;top:42px;right:53px;display:flex;gap:13px;align-items:center;color:#bdcad0;font-size:10px;letter-spacing:.17em}.mh-topline .mh-current{color:#f18462;margin-left:18px}.mh-side-nav{position:fixed;z-index:50;left:49px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:22px}.mh-side-nav a{writing-mode:vertical-rl;color:#8da0aa;font-size:10px;letter-spacing:.18em;transition:.25s}.mh-side-nav a:hover,.mh-side-nav a.active{color:#f18462}.mh-dots{position:fixed;right:51px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:11px}.mh-dots button{color:#758791;background:none;border:0;padding:4px 0;font-size:10px;cursor:pointer;transition:.2s}.mh-dots button.active{color:#f18462}.mh-dots button.active:before{content:'';position:absolute;right:0;margin-top:6px;margin-right:21px;width:27px;height:1px;background:#f18462}.mh-scroll-hint{position:fixed;z-index:50;left:50%;transform:translateX(-50%);bottom:28px;display:flex;align-items:center;gap:13px;color:#82939d;font-size:9px;letter-spacing:.17em}.mh-mouse{width:14px;height:21px;border:1px solid #a6b5ba;border-radius:9px;position:relative}.mh-mouse:after{content:'';width:2px;height:4px;background:#f18462;position:absolute;left:5px;top:4px}.mh-scroll-line{height:1px;width:42px;background:#61737d}.mh-slides{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none}.mh-slides::-webkit-scrollbar{display:none}.mh-slide{height:100%;min-height:620px;scroll-snap-align:start;position:relative;overflow:hidden}.mh-intro{background:#1b2932}.mh-intro:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#101d26 0%,#192a34 48%,#14222b 100%)}.mh-intro:after{content:'';position:absolute;inset:0;opacity:.42;background:linear-gradient(115deg,transparent 0 38%,#2c4652 38.1%,transparent 38.3% 63%,#263b46 63.1%,transparent 63.3%),linear-gradient(180deg,transparent 0 54%,#0f1b23 54.1%,transparent 54.3%)}.mh-geo{position:absolute;border:1px solid #506b78;opacity:.22;transform:rotate(34deg)}.geo-a{width:56vw;height:56vw;right:-18vw;top:-17vw;border-radius:48%}.geo-b{width:35vw;height:35vw;right:8vw;bottom:-16vw;transform:rotate(12deg);border-radius:50%;box-shadow:0 0 0 50px #3c5b6614,0 0 0 100px #3c5b660e}.mh-intro-copy{position:absolute;z-index:5;left:14%;top:50%;transform:translateY(-50%);max-width:650px}.mh-kicker{display:block;color:#f18562;font-size:10px;font-weight:700;letter-spacing:.22em;margin-bottom:25px}.mh-intro h1{font-size:clamp(52px,7.2vw,112px);line-height:1.15;letter-spacing:-.08em;margin:0 0 28px}.mh-intro h1 em,.mh-project h2 em,.mh-about h2 em,.mh-join h2 em{font-style:normal;color:#f18562}.mh-intro-copy p{font-size:16px;line-height:1.9;color:#b5c4c9;margin-bottom:38px}.mh-enter,.mh-project-link{display:inline-flex;align-items:center;gap:42px;padding:14px 0;border-bottom:1px solid #71818a;color:#e4ebeb;font-size:12px;letter-spacing:.1em}.mh-enter b,.mh-project-link b{color:#f18562;font-size:21px;font-weight:400}.mh-intro-mark{position:absolute;z-index:3;right:10%;top:33%;color:#ffffff10;font-size:clamp(80px,15vw,250px);font-weight:800;line-height:.82;letter-spacing:-.11em;transform:rotate(-10deg)}.mh-intro-mark small{display:block;font-size:13px;letter-spacing:.45em;text-align:center;font-weight:500}.mh-project-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.72);transform:scale(1.02);transition:transform 1.5s ease}.mh-project.seen .mh-project-bg{transform:scale(1)}.mh-project-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08151fef 0%,#0e2029b8 35%,#10252c33 70%,#08151f77 100%),linear-gradient(0deg,#08151f99,transparent 43%)}.mh-project-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(90deg,transparent 49.8%,#fff 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#fff 50%,transparent 50.2%);background-size:25% 25%}.mh-project-copy{position:absolute;left:14%;top:50%;transform:translateY(-50%);z-index:5;width:min(520px,50%)}.mh-project h2{font-size:clamp(48px,6.1vw,98px);line-height:1.13;letter-spacing:-.08em;margin:0 0 8px}.mh-project h3{font-size:14px;font-weight:500;letter-spacing:.2em;color:#b1c2c7;margin:0 0 24px}.mh-project p{font-size:15px;line-height:1.9;color:#b5c3c7;max-width:390px;margin:0 0 36px}.mh-project-caption{position:absolute;bottom:29px;left:14%;right:9%;display:flex;justify-content:space-between;color:#82939b;font-size:10px;letter-spacing:.15em;z-index:5}.mh-project-number{position:absolute;right:9%;bottom:60px;font-size:180px;font-weight:800;color:#ffffff0b;line-height:.8;letter-spacing:-.15em}.mh-about{background:#f1f0eb;color:#152833}.mh-about-orb{position:absolute;right:-9vw;top:7%;width:68vw;height:68vw;border-radius:50%;border:1px solid #95a8ac66;box-shadow:0 0 0 55px #95a8ac20,0 0 0 110px #95a8ac12}.mh-about-orb:after{content:'';position:absolute;width:47%;height:47%;right:19%;top:18%;border:1px solid #f18562;transform:rotate(45deg)}.mh-about-copy{position:absolute;left:14%;top:50%;transform:translateY(-50%);z-index:2;max-width:500px}.mh-about h2,.mh-join h2{font-size:clamp(50px,6.4vw,102px);line-height:1.18;letter-spacing:-.08em;margin:0 0 28px}.mh-about p,.mh-join p{font-size:16px;color:#6f7d80;line-height:1.95;max-width:460px;margin:0 0 35px}.mh-about .mh-project-link{color:#1b313d;border-color:#8d9a9a}.mh-about-word{position:absolute;bottom:4%;right:7%;color:#15283309;font-size:clamp(100px,20vw,300px);font-weight:800;letter-spacing:-.14em}.mh-join{background:#ec7657;color:#fff}.mh-join:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#e7694e,#f39570)}.mh-join-shape{position:absolute;width:70vw;height:70vw;right:-12vw;top:-25vw;border:1px solid #ffffff66;border-radius:50%;box-shadow:0 0 0 65px #ffffff12,0 0 0 130px #ffffff0c}.mh-join-shape:after{content:'';position:absolute;left:15%;top:35%;width:70%;height:70%;border:1px solid #fff6;transform:rotate(30deg)}.mh-join-copy{position:absolute;z-index:2;left:14%;top:50%;transform:translateY(-50%)}.mh-join .mh-kicker{color:#fff}.mh-join p{color:#ffe3d8}.mh-join .mh-enter{color:#fff;border-color:#ffffffaa}.mh-join .mh-enter b{color:#172934}.mh-join-footer{position:absolute;z-index:3;bottom:30px;left:14%;right:9%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:#ffe4da}.mh-join-footer a{text-decoration:underline}.mh-join-footer a:hover{color:#172934}@media(max-width:720px){body:has(.mihoyo-home){overflow:hidden}.mh-logo{left:20px;top:21px;width:125px;height:45px}.mh-topline{right:20px;top:31px;font-size:8px}.mh-topline>span:first-child,.mh-topline>span:nth-child(3),.mh-topline>span:last-child{display:none}.mh-side-nav{left:auto;right:21px;top:auto;bottom:30px;transform:none;flex-direction:row;gap:13px}.mh-side-nav a{writing-mode:initial;font-size:8px}.mh-side-nav a:nth-child(5){display:none}.mh-dots{right:21px;top:50%;gap:7px}.mh-dots button{font-size:8px}.mh-scroll-hint{left:20px;transform:none;bottom:84px;font-size:8px}.mh-scroll-line{display:none}.mh-intro-copy,.mh-project-copy,.mh-about-copy,.mh-join-copy{left:12%;right:10%;width:auto;max-width:none}.mh-intro h1{font-size:55px}.mh-intro-copy p{font-size:14px}.mh-intro-mark{right:0;top:37%;font-size:110px}.mh-project h2{font-size:54px}.mh-project p{font-size:14px}.mh-project-caption{left:12%;right:13%;font-size:8px}.mh-project-number{right:11%;bottom:70px;font-size:100px}.mh-about-orb{width:115vw;height:115vw;right:-50vw;top:15%}.mh-about h2,.mh-join h2{font-size:54px}.mh-join-footer{left:12%;right:12%;font-size:8px}.mh-join-footer span:nth-child(2){display:none}}

/* Homepage owns the viewport: the regular shell stays available on internal pages. */
body:has(.mihoyo-home) .site-header,body:has(.mihoyo-home) .site-footer{display:none}body:has(.mihoyo-home) main{margin:0}body:has(.mihoyo-home) .mh-slides{height:100dvh}


/* Original NanVision hero motion background */
.mh-intro:before{z-index:0;background:linear-gradient(115deg,#0b1821 0%,#152832 52%,#10212b 100%)}
.mh-intro-video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.78;filter:saturate(.8) contrast(1.05);pointer-events:none}
.mh-intro-video-overlay{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(8,20,29,.9) 0%,rgba(8,20,29,.54) 43%,rgba(8,20,29,.2) 100%),linear-gradient(0deg,rgba(8,20,29,.72),rgba(8,20,29,.08) 52%,rgba(8,20,29,.35))}
.mh-intro:after{z-index:3;pointer-events:none}
.mh-intro .mh-geo{z-index:4;pointer-events:none}
@media(max-width:720px){.mh-intro-video{object-position:center;opacity:.7}.mh-intro-video-overlay{background:linear-gradient(90deg,rgba(8,20,29,.82),rgba(8,20,29,.3)),linear-gradient(0deg,rgba(8,20,29,.75),rgba(8,20,29,.12))}}
@media(prefers-reduced-motion:reduce){.mh-intro-video{display:none}.mh-intro{background:#172832 url('/assets/hero.jpg') center/cover no-repeat}}

.mh-anchor{position:absolute;left:0;top:0;width:1px;height:1px;pointer-events:none}



/* Language controls and responsive navigation */
.header-actions{display:flex;align-items:center;gap:24px;margin-left:auto}.language-switcher{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.08em;white-space:nowrap}.language-switcher button{border:0;background:transparent;padding:4px 2px;color:inherit;cursor:pointer;opacity:.58;transition:opacity .2s,color .2s;font-size:11px;letter-spacing:.08em}.language-switcher button:hover,.language-switcher button.active{opacity:1;color:var(--orange);font-weight:700}.language-switcher>span{opacity:.35}.site-header .language-switcher{color:#fff}.mh-language{position:absolute;z-index:60;right:56px;top:31px;color:#fff}.mh-language .language-switcher{color:#d8e4e6}.mh-language .language-switcher button.active{color:#f18562}.mh-language .language-switcher>span{color:#91a1a8}.mh-side-nav a{white-space:nowrap}.header-contact{display:inline-flex;align-items:center}.header-contact>span:first-child{margin-left:0}
@media(max-width:1000px){.site-header{padding-inline:30px}.header-actions{gap:16px}.mh-language{right:30px}.mh-side-nav{left:30px}.mh-dots{right:30px}}
@media(max-width:720px){.site-header{padding:0 20px}.header-actions{gap:0}.site-header .language-switcher{display:flex;margin-right:10px}.menu-toggle{margin-left:12px}.mh-language{right:20px;top:73px}.mh-side-nav{left:auto;right:20px;bottom:30px;top:auto;transform:none;flex-direction:row;gap:13px}.mh-side-nav a{writing-mode:initial;font-size:8px;letter-spacing:.08em}.mh-dots{right:20px}.mh-scroll-hint{left:20px;transform:none;bottom:84px}.mh-intro-copy,.mh-project-copy,.mh-about-copy,.mh-join-copy{left:12%;right:12%}.mh-intro-copy{top:48%}.mh-intro-copy p{font-size:14px}.mh-intro h1{font-size:clamp(47px,13vw,68px)}.mh-project h2{font-size:clamp(44px,13vw,62px)}.mh-about h2,.mh-join h2{font-size:clamp(44px,13vw,62px)}.mh-join-footer{left:12%;right:12%}}

/* Final mobile header overrides (keep the compact language switcher + menu only). */
@media(max-width:720px){.site-header .header-contact{display:none}.site-header .menu-toggle{display:flex}.site-header .header-actions{margin-left:auto}.site-header .language-switcher{margin-right:0}}

@media(max-width:360px){.mh-dots{display:none}.mh-intro-copy{top:54%;left:11%;right:9%}.mh-intro h1{font-size:clamp(38px,12vw,46px);line-height:1.12;margin:16px 0}.mh-intro-copy p{font-size:12px;line-height:1.6;margin-bottom:18px}.mh-intro-copy .mh-kicker{font-size:9px;letter-spacing:.12em}.mh-intro-copy .mh-enter{font-size:11px}.mh-scroll-hint{bottom:70px}.mh-project-copy,.mh-about-copy,.mh-join-copy{left:11%;right:9%}.mh-project h2,.mh-about h2,.mh-join h2{font-size:clamp(36px,12vw,46px)}.mh-project p{font-size:12px;line-height:1.6}}

/* Keep page status and language controls in one flow so they cannot overlap. */
.mh-toolbar{position:fixed;z-index:60;top:33px;right:53px;display:flex;align-items:center;gap:28px}
.mh-toolbar .mh-topline,.mh-toolbar .mh-language{position:static;flex-shrink:0}
@media(max-width:1000px){.mh-toolbar{right:30px}}
@media(max-width:720px){.mh-toolbar{top:31px;right:20px;gap:18px}.mh-toolbar .mh-topline{gap:6px}.mh-toolbar .mh-current{margin-left:0}}