@font-face{font-family:BnsSerif;src:url('serif-tc.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:BnsBrush;src:url('brush-tc.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:auto;background:#122b3d}body{margin:0;color:#eef5fa;font-family:"Microsoft JhengHei","PingFang TC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}h1,h2,h3,p,blockquote{margin:0}button:focus-visible,a:focus-visible{outline:2px solid #7fe8ff;outline-offset:4px}button:hover,a:hover{filter:brightness(1.12)}.brush{font-family:BnsBrush,"DFKai-SB",KaiTi,serif}
.artboard{width:100%;max-width:1920px;margin:0 auto;container-type:inline-size}.slice{--u:calc(100cqw / 941);position:relative;isolation:isolate;height:calc(var(--h) * var(--u));background-image:url('http://s.haory.cn/x/x137/artwork-textless.png');background-size:100% auto;background-repeat:no-repeat;background-position:0 calc(var(--y) * -1 * var(--u))}
.navigation{position:absolute;inset:0 0 auto;z-index:3;height:calc(82 * var(--u));color:#102e47;display:flex;align-items:flex-start}.brand{position:absolute;left:calc(15 * var(--u));top:calc(6 * var(--u));width:calc(170 * var(--u));text-align:center;color:#071721;line-height:1}.brand>span{display:block;font:italic bold calc(24 * var(--u))/1.1 Georgia,serif;letter-spacing:calc(-1.5 * var(--u));transform:rotate(-6deg)}.brand strong{display:block;font:700 calc(44 * var(--u))/.95 BnsBrush,"DFKai-SB",serif;text-align:right;letter-spacing:calc(1 * var(--u));padding-right:calc(9 * var(--u))}.navigation nav{position:absolute;left:24.5%;top:calc(5 * var(--u));display:flex;gap:calc(4 * var(--u))}.navigation nav a,.navigation nav button{font-family:BnsSerif,serif;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:calc(11 * var(--u));width:calc(69 * var(--u));height:calc(31 * var(--u));padding:0;background:transparent;white-space:nowrap}.navigation nav .nav-active{color:#fff;background:linear-gradient(100deg,#183d63ab,#204c72e3,#183d63ab);border-bottom:calc(1.5 * var(--u)) solid #c0f7ff;box-shadow:0 calc(5 * var(--u)) calc(8 * var(--u)) #2ca9dc48}.language{position:absolute;right:5.3%;top:calc(7 * var(--u));height:calc(29 * var(--u));background:none;font-size:calc(11 * var(--u));font-weight:600;padding:0}.language>span:first-child{font-size:calc(22 * var(--u));vertical-align:middle;line-height:1}.chevron{margin-left:calc(9 * var(--u))}
.hero-note{position:absolute;top:calc(67 * var(--u));right:calc(22 * var(--u));font-size:calc(23 * var(--u));line-height:1.2;color:#244b66;transform:rotate(-5deg)}.hero-note>span{display:block;font:calc(5.5 * var(--u))/3 Georgia,serif;letter-spacing:calc(3 * var(--u));transform:rotate(5deg);text-align:center}.hero-aside{position:absolute;left:81.7%;top:calc(220 * var(--u));text-shadow:0 2px 10px #1b496c}.hero-aside h2{font:500 calc(24 * var(--u))/1.3 BnsSerif,serif;letter-spacing:calc(4 * var(--u))}.hero-aside>span{display:block;font:calc(7 * var(--u))/3 Georgia,serif;letter-spacing:calc(3 * var(--u));color:#deedf7}.hero-aside p{margin-top:calc(12 * var(--u));padding-top:calc(12 * var(--u));border-top:1px solid #c9e3f078;font-family:BnsSerif,serif;font-size:calc(11 * var(--u));line-height:1.7;letter-spacing:calc(1 * var(--u))}.hero-copy{position:absolute;left:30%;top:calc(263 * var(--u));width:40%;text-align:center;text-shadow:0 2px 14px #08233566}.hero-copy h1{position:relative;color:#fff;font-size:calc(109 * var(--u));line-height:.92;letter-spacing:calc(-9 * var(--u));font-weight:700;white-space:nowrap}.hero-copy h1 small{display:inline-block;font:600 calc(12 * var(--u))/1.1 BnsSerif,serif;letter-spacing:0;color:#f4533d;border:calc(1.5 * var(--u)) solid #be382a;border-radius:calc(5 * var(--u));width:calc(17 * var(--u));padding:calc(3 * var(--u)) 0;vertical-align:middle;white-space:normal;margin-left:calc(4 * var(--u))}.hero-copy h2{font:600 calc(24 * var(--u))/1.5 BnsSerif,serif;letter-spacing:calc(4 * var(--u));margin-top:calc(4 * var(--u));white-space:nowrap}.hero-year{font:500 calc(17 * var(--u))/1.5 BnsSerif,serif;letter-spacing:calc(4 * var(--u))}.hero-year>span{margin:0 calc(4 * var(--u));letter-spacing:calc(6 * var(--u))}.hero-line{margin:calc(10 * var(--u)) auto calc(9 * var(--u));padding-top:calc(8 * var(--u));border-top:1px solid #c1d4e05c;font:calc(10 * var(--u))/1.5 BnsSerif,serif;letter-spacing:calc(3 * var(--u));color:#d3dce5;width:85%}.play-button{display:inline-flex;align-items:center;gap:calc(11 * var(--u));padding:0;background:none;font:600 calc(11 * var(--u))/1.6 BnsSerif,serif}.play-icon{display:grid;place-items:center;width:calc(42 * var(--u));height:calc(42 * var(--u));border:calc(1.3 * var(--u)) solid #a0eaff;border-radius:50%;box-shadow:0 0 calc(9 * var(--u)) #43d3ff80,inset 0 0 calc(7 * var(--u)) #4cd9ff40;background:#0c2b4099;font-size:calc(17 * var(--u));padding-left:calc(3 * var(--u))}.play-button>span:last-child{text-align:left;border-bottom:1px solid #9ac6de5c;padding:calc(4 * var(--u)) calc(5 * var(--u))}.play-button small{display:block;font:calc(5 * var(--u))/2 Georgia,serif;letter-spacing:calc(3 * var(--u));color:#b5ccdb}
.features{display:grid;grid-template-columns:repeat(4,1fr);padding:calc(8 * var(--u)) calc(28 * var(--u));color:#16354f}.feature{position:relative;padding:calc(11 * var(--u)) calc(5 * var(--u)) 0 calc(114 * var(--u));white-space:nowrap}.feature strong{font:700 calc(17 * var(--u))/1.3 BnsSerif,serif}.feature>span{display:block;font:500 calc(13 * var(--u))/1.6 BnsSerif,serif}.feature p{position:absolute;left:0;right:0;bottom:calc(11 * var(--u));text-align:center;font:500 calc(10.5 * var(--u))/1.5 BnsSerif,serif;color:#43546b}.feature:nth-child(2){padding-left:calc(80 * var(--u))}.feature:nth-child(3){padding-left:calc(87 * var(--u))}.feature:nth-child(4){padding-left:calc(82 * var(--u))}.feature:hover{background:#d9c6a215;box-shadow:inset 0 -2px #ba9b65}
.section-copy{position:absolute;top:calc(20 * var(--u));text-shadow:0 1px 8px #0007}.left-copy{left:5.1%;width:33%}.section-copy h2{font:500 calc(28 * var(--u))/1.25 BnsSerif,serif;letter-spacing:calc(3 * var(--u));white-space:nowrap}.section-copy h3{font:500 calc(14 * var(--u))/1.5 BnsSerif,serif;letter-spacing:calc(1.6 * var(--u));margin-top:calc(3 * var(--u));white-space:nowrap}.section-copy>p{font-size:calc(11.3 * var(--u));line-height:1.62;letter-spacing:calc(.25 * var(--u));color:#d1dde9;margin:calc(13 * var(--u)) 0 calc(7 * var(--u))}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(10 * var(--u));min-height:calc(27 * var(--u));padding:calc(4 * var(--u)) calc(20 * var(--u));border:1px solid #b7d7e7;border-radius:999px;background:#081f2b80;font:500 calc(10.5 * var(--u))/1.4 BnsSerif,serif;box-shadow:inset 0 0 0 2px #1b344550;color:#e5eff5}.outline-button:hover{background:#2e5d7799;border-color:#e4f7ff}.outline-button>span,.gold-button>span{font:calc(18 * var(--u))/1 Georgia,serif}.watermoon-quote{position:absolute;right:3.8%;top:45%;font-size:calc(19 * var(--u));line-height:1.55;transform:rotate(-7deg);text-shadow:0 2px 4px #081626}.watermoon-quote small{display:block;font:calc(5 * var(--u))/3 Georgia,serif;letter-spacing:calc(3 * var(--u));text-align:center;margin-top:calc(12 * var(--u));transform:rotate(7deg)}
.right-copy{left:60.7%;width:33%;top:calc(20 * var(--u))}.right-copy h2{font-size:calc(27 * var(--u))}.right-copy>p{margin-top:calc(13 * var(--u));font-size:calc(10.8 * var(--u))}.vertical-caption{position:absolute;right:3.8%;top:50%;font:calc(5.5 * var(--u))/2.2 Georgia,serif;letter-spacing:calc(2 * var(--u));color:#afbbc5}.skill-tree{--su:var(--u);position:absolute;left:41%;top:calc(5 * var(--u));width:calc(160 * var(--u));height:calc(184 * var(--u));background:radial-gradient(ellipse,#09283fc4,transparent 70%)}.skill-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#b8c6cf;stroke-width:1.3;filter:drop-shadow(0 0 2px #51b9e8)}.skill-lines .active-line{stroke:#71dcff;stroke-width:2}.skill-node{--n:calc(30 * var(--su));position:absolute;left:calc(var(--nx) * var(--su));top:calc(var(--ny) * var(--su));width:var(--n);height:var(--n);padding:calc(1.5 * var(--su));border:1px solid #a7bccb;border-radius:calc(3 * var(--su));background:#102334;box-shadow:0 2px 4px #000a;transition:box-shadow .2s}.skill-icon{display:block;width:100%;height:100%;background-image:url('skill-source.png');background-repeat:no-repeat;background-size:calc(736 / var(--sw) * 100%) auto;background-position:calc(var(--sx) / (736 - var(--sw)) * 100%) calc(var(--sy) / (639 - var(--sw)) * 100%)}.skill-node.selected{border-color:#9ce6ff;box-shadow:0 0 calc(7 * var(--su)) #37b9ffaa}.skill-node:hover{box-shadow:0 0 calc(11 * var(--su)) #69deff}.tree-caption{position:absolute;bottom:calc(-1 * var(--u));left:0;right:0;text-align:center;font-size:calc(7.5 * var(--u));letter-spacing:calc(.5 * var(--u));color:#c2d6e3}
#client .section-copy{top:calc(17 * var(--u))}#client .section-copy h2{font-size:calc(27 * var(--u))}#client .section-copy>p{margin-top:calc(11 * var(--u))}.client-spec{position:absolute;right:4.8%;top:calc(22 * var(--u));width:calc(134 * var(--u));text-align:center}.client-spec>strong{font:italic 600 calc(66 * var(--u))/1 Georgia,serif;color:#a0dcf8;text-shadow:0 2px 10px #1986c940}.client-spec em{font-size:calc(35 * var(--u))}.client-spec ul{padding:0;list-style:none;text-align:left;margin:calc(4 * var(--u)) 0 0 calc(20 * var(--u));font:500 calc(12 * var(--u))/1.7 BnsSerif,serif;letter-spacing:calc(1.5 * var(--u))}.client-spec li:before{content:'◈';font-size:calc(7 * var(--u));color:#aed6ec;margin-right:calc(8 * var(--u))}
.taiwan-copy{left:51.5%;width:37%;top:calc(13 * var(--u))}.taiwan-copy h2{font-size:calc(25 * var(--u))}.taiwan-copy h3{font-size:calc(13 * var(--u));margin-top:calc(3 * var(--u))}.taiwan-copy>p{font-size:calc(10.7 * var(--u));line-height:1.6;margin:calc(8 * var(--u)) 0 calc(6 * var(--u))}.taiwan-copy .outline-button{min-height:calc(24 * var(--u));padding-top:calc(2 * var(--u));padding-bottom:calc(2 * var(--u))}.globe-caption{position:absolute;right:2.8%;top:38%;text-align:center;font:calc(6 * var(--u))/2.2 Georgia,serif;letter-spacing:calc(2.8 * var(--u));color:#adbfce;text-shadow:0 0 3px #000}
.professions{color:#273849}.classes-heading{position:absolute;left:0;right:0;top:calc(8 * var(--u));text-align:center}.classes-heading h2{font:700 calc(16 * var(--u))/1.35 BnsSerif,serif;letter-spacing:calc(3 * var(--u))}.classes-heading p{font:calc(8 * var(--u))/1.6 BnsSerif,serif;letter-spacing:calc(2 * var(--u));color:#727979}.class-grid{position:absolute;top:calc(43 * var(--u));left:3.5%;right:3.4%;height:calc(106 * var(--u));display:grid;grid-template-columns:repeat(6,1fr);gap:calc(10 * var(--u))}.class-card{position:relative;background:none;border:0;padding:0;display:flex;align-items:flex-end;text-align:left;transition:box-shadow .2s}.class-card>span{display:block;padding:calc(4 * var(--u)) calc(7 * var(--u));width:100%;min-height:calc(34 * var(--u))}.class-card strong{display:block;font:700 calc(12 * var(--u))/1.25 BnsSerif,serif}.class-card small{display:block;font-size:calc(8 * var(--u));line-height:1.65;color:#526477;white-space:nowrap}.class-card i{position:absolute;bottom:calc(12 * var(--u));right:calc(8 * var(--u));font:calc(22 * var(--u))/1 Georgia,serif}.class-card:hover{box-shadow:0 0 0 1px #b19664,inset 0 0 15px #dcc49240}
.ending-main{position:absolute;left:25%;right:25%;top:calc(8 * var(--u));text-align:center}.ending-main h2{font-size:calc(25 * var(--u));font-weight:400;line-height:1.25;white-space:nowrap}.ending-main>p{font:calc(5 * var(--u))/2.5 Georgia,serif;letter-spacing:calc(2 * var(--u));color:#e0e6eb}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(12 * var(--u));min-width:calc(174 * var(--u));height:calc(32 * var(--u));margin-top:calc(5 * var(--u));background:linear-gradient(105deg,#cdaa6b,#f1d798 52%,#d1ab6c);border:1px solid #f7dfac;border-radius:999px;box-shadow:inset 0 0 0 2px #b88f5055,0 0 18px #e3bc6724;color:#47331b;font:700 calc(14 * var(--u))/1 BnsSerif,serif}.footer-mark{position:absolute;left:3%;bottom:calc(12 * var(--u));font:calc(7 * var(--u))/1.7 Georgia,serif;letter-spacing:calc(2 * var(--u));color:#c0d4e4}.footer-note{position:absolute;right:3%;bottom:calc(14 * var(--u));font-size:calc(19 * var(--u));line-height:1.2;transform:rotate(-8deg);text-shadow:0 1px 3px #000}
.skip-link{position:fixed;z-index:50;left:12px;top:-100px;padding:12px 20px;background:#e9d2a4;color:#12263a}.skip-link:focus{top:12px}.mobile-tools{display:none}body.dialog-open{overflow:hidden}
dialog{width:min(860px,92vw);max-height:90dvh;padding:0;border:1px solid #aa9c78;background:#0c2031;color:#e5eef3;box-shadow:0 30px 120px #000a;overflow:auto;scrollbar-width:thin}dialog::backdrop{background:#04101ccc;backdrop-filter:blur(6px)}.dialog-frame{padding:34px;position:relative;background:linear-gradient(135deg,#17364a,#0a1825 68%);min-height:200px}.close-dialog{position:absolute;right:12px;top:8px;width:40px;height:40px;background:none;color:#e1d5b7;font:32px/1 Georgia,serif}.dialog-eyebrow{font-size:10px;letter-spacing:3px;color:#b9a780;margin:0 0 9px}dialog h2{font:600 30px/1.4 BnsSerif,serif;letter-spacing:3px;margin:0 40px 20px 0;color:#faf7ee}dialog h3{font:600 18px/1.6 BnsSerif,serif;color:#e4d2aa;margin:12px 0}dialog p,dialog li{font-size:15px;line-height:1.9;color:#c0d0dc}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.dialog-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 22px;border:1px solid #9fb6c2;border-radius:999px;font-size:14px}.dialog-link.primary{border-color:#d8bd89;background:linear-gradient(90deg,#ba9659,#f1d7a1);color:#2a241a}.media-preview{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain;background:#071623;border:1px solid #4d6979}video.media-preview{aspect-ratio:16/9}.media-caption{font-size:12px!important;color:#adc5d6!important;margin:12px 0 0}.map-preview{height:210px;background:url('http://s.haory.cn/x/x137/artwork-textless.png') center -522px / 780px auto no-repeat;border:1px solid #41647b;margin-bottom:18px}.class-detail{display:grid;grid-template-columns:240px 1fr;gap:26px;align-items:center}.class-portrait{width:240px;height:126px;background-image:url('http://s.haory.cn/x/x137/artwork-textless.png');background-size:1672.8889px auto;background-position:calc(var(--portrait-x) * -1.77777778px) -2578.6667px;border:1px solid #a99c7e}.class-description .class-slogan{font:20px/1.7 BnsSerif,serif;color:#e9dfc8;margin-bottom:10px}.news-list{padding:0;list-style:none}.news-list li{padding:14px 0;border-bottom:1px solid #47627855}.news-list strong{display:block;font-size:17px;color:#e9dec6}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.menu-grid a{padding:16px;border:1px solid #36546a;background:#17364a}.language-row{padding:15px 0;border-bottom:1px solid #466075}.language-row small{float:right;color:#a6caac}.noscript-note{padding:12px;text-align:center}.skill-dialog-tree{--u:1.5px;--su:1.5px;position:relative;left:auto;top:auto;min-height:285px;width:260px;margin:20px auto}.skill-dialog-tree .tree-caption{font-size:12px}.skill-dialog-tree .skill-node{pointer-events:none}.source-note{border-left:2px solid #9fb6c2;padding-left:12px}
@media(max-width:760px){.artboard{margin-bottom:62px}.hero{height:660px;background-size:auto 2090px;background-position:center top}.navigation{height:86px;background:linear-gradient(#c4e1f4c9,transparent);--u:1px}.brand{left:12px;top:16px;width:145px}.brand>span{font-size:22px}.brand strong{font-size:40px}.navigation nav{display:none}.language{right:18px;top:20px;font-size:13px;height:32px}.language>span:first-child{font-size:24px}.hero-note,.hero-aside{display:none}.hero-copy{left:4%;width:92%;top:345px;--u:1px;padding:20px 0;background:radial-gradient(ellipse,#0b213ab8,transparent 72%)}.hero-copy h1{font-size:100px}.hero-copy h2{font-size:24px;letter-spacing:2px}.hero-year{font-size:16px;letter-spacing:3px}.hero-line{font-size:11px;letter-spacing:2px}.play-button{font-size:13px}.play-icon{width:44px;height:44px}.features{height:auto;min-height:244px;background:#f6f5ef;grid-template-columns:repeat(2,1fr);padding:10px;gap:0;border:3px double #c2b79c}.feature,.feature:nth-child(n){min-height:106px;padding:14px 8px;text-align:center;border:1px solid #d9d3c6}.feature strong{font-size:19px}.feature>span{font-size:14px;margin-top:5px}.feature p{position:static;margin-top:8px;font-size:11px;white-space:normal}.story{height:355px;background-size:1223.3px auto;background-position:center calc(var(--y) * -1.3px);overflow:hidden}.story:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#091e32e8 5%,#102b3bc4 55%,#0f2a3c20);z-index:-1}.section-copy,.left-copy,.right-copy,.taiwan-copy{position:relative;left:auto;top:auto!important;width:auto;margin:0;padding:30px 24px;text-shadow:0 1px 5px #081726}.section-copy h2,.right-copy h2,#client .section-copy h2,.taiwan-copy h2{font-size:29px;letter-spacing:2px}.section-copy h3,.taiwan-copy h3{font-size:16px;letter-spacing:0;margin-top:8px;white-space:normal}.section-copy>p,.right-copy>p,.taiwan-copy>p,#client .section-copy>p{font-size:14px;line-height:1.8;letter-spacing:0;margin:18px 0}.outline-button,.taiwan-copy .outline-button{min-height:38px;font-size:13px;padding:7px 20px;gap:12px}.outline-button>span{font-size:22px}.watermoon-quote,.vertical-caption,.client-spec,.globe-caption{display:none}#skills{height:600px;background-position:38% -1104px}#skills:before{background:linear-gradient(#122b3b22,#081c31ee 52%)}#skills .skill-tree{--u:1.25px;--su:1.25px;left:auto;right:16px;top:22px}#skills .section-copy{padding-top:291px}#skills .tree-caption{font-size:10px}#taiwan{height:340px;background-size:1411.5px auto;background-position:44% -1866px}#taiwan:before{background:#0a233ed9}.professions{height:auto;background:#f7f5ef;padding:22px 15px;color:#21394e}.classes-heading{position:relative;top:auto;margin-bottom:20px}.classes-heading h2{font-size:24px;letter-spacing:2px}.classes-heading p{font-size:12px;letter-spacing:1px;margin-top:6px}.class-grid{position:relative;inset:auto;height:auto;grid-template-columns:repeat(2,1fr);gap:12px}.class-card{height:138px;border:1px solid #baaf97;background-image:url('http://s.haory.cn/x/x137/artwork-textless.png');background-size:1223.3px auto;background-position:calc(var(--cx) * -1.3px) -1884.4px;background-repeat:no-repeat;overflow:hidden}.class-card:nth-child(1){--cx:35}.class-card:nth-child(2){--cx:182}.class-card:nth-child(3){--cx:330}.class-card:nth-child(4){--cx:478}.class-card:nth-child(5){--cx:625}.class-card:nth-child(6){--cx:772}.class-card>span{padding:6px 8px;background:#f8f6ef;width:100%;min-height:46px}.class-card strong{font-size:17px}.class-card small{font-size:10px}.class-card i{font-size:26px;right:8px;bottom:12px}.ending{height:205px;background-size:1800px auto;background-position:center -2993.6px}.ending-main{top:25px;left:10px;right:10px}.ending-main h2{font-size:25px;white-space:normal}.ending-main>p{font-size:7px;letter-spacing:3px}.gold-button{height:43px;min-width:200px;font-size:16px;margin-top:15px;gap:15px}.gold-button>span{font-size:24px}.footer-mark{font-size:8px;letter-spacing:2px;bottom:12px;left:15px}.footer-note{font-size:17px;right:20px;bottom:14px}.mobile-tools{position:fixed;z-index:10;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 2fr;min-height:62px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:#0a2030f5;border-top:1px solid #768998;gap:6px}.mobile-tools button,.mobile-tools a{display:flex;align-items:center;justify-content:center;background:none;font-size:14px}.mobile-tools a{border-radius:3px;background:linear-gradient(90deg,#c4a16a,#f1d69e);color:#1d2f3b}dialog{width:94vw;max-height:86dvh}.dialog-frame{padding:25px 18px}dialog h2{font-size:25px}.class-detail{grid-template-columns:1fr;gap:16px}.class-portrait{margin:auto}.dialog-link{padding:9px 14px}.skill-dialog-tree{--u:1.5px!important;--su:1.5px!important}}
.brand img{display:block;width:100%;height:auto}.brand{top:calc(6 * var(--u));left:calc(15 * var(--u));width:calc(173 * var(--u))}.language{right:17.2%;font-size:calc(10 * var(--u))}.community-button{position:absolute;right:2.4%;top:calc(6 * var(--u));display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--u));height:calc(29 * var(--u));min-width:calc(120 * var(--u));padding:0 calc(11 * var(--u));border:1px solid #587c93;background:linear-gradient(110deg,#16374cdf,#225374d9);box-shadow:inset 0 0 0 2px #baddec22;color:#f4f4e9;font:600 calc(12 * var(--u))/1 BnsSerif,serif;border-radius:2px}.community-button>span{font:calc(20 * var(--u))/1 Georgia,serif}iframe.media-preview{aspect-ratio:16/9;border:0;width:100%;height:auto;min-height:220px}
@media(max-width:760px){.brand{left:10px;top:12px;width:148px}.language{top:61px;right:16px;font-size:12px}.community-button{top:17px;right:14px;height:37px;min-width:143px;padding:0 13px;font-size:14px;gap:10px}.community-button>span{font-size:20px}iframe.media-preview{min-height:170px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.brand img{width:auto;height:calc(92 * var(--u));max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #08233566)}
.hero-copy{top:calc(232 * var(--u))}.launch-info{margin:calc(5 * var(--u)) auto 0;display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--u));font-family:BnsSerif,serif}.launch-time{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--u));font-size:calc(10.5 * var(--u));line-height:1.35;letter-spacing:calc(2 * var(--u));color:#e5edf3}.launch-time>span{color:#f1d59c;font-weight:700}.launch-time time{font-variant-numeric:tabular-nums;letter-spacing:calc(1.4 * var(--u))}.launch-subcopy{font-size:calc(8 * var(--u));line-height:1.35;letter-spacing:calc(2 * var(--u));color:#c5d7e2}.countdown{display:inline-flex;align-items:center;justify-content:center;gap:calc(3 * var(--u));margin:calc(3 * var(--u)) auto 0;padding:calc(4 * var(--u)) calc(8 * var(--u));border:1px solid #9dc0d4a8;border-radius:calc(3 * var(--u));background:linear-gradient(100deg,#071d2db8,#1b4d67b8,#071d2db8);box-shadow:inset 0 0 calc(9 * var(--u)) #8bdfff1f,0 0 calc(10 * var(--u)) #36bce52b;color:#eef8fc}.countdown-heading{margin-right:calc(5 * var(--u));font-size:calc(8 * var(--u));letter-spacing:calc(1.5 * var(--u));color:#d9c08b;white-space:nowrap}.countdown-unit{display:inline-flex;align-items:baseline;gap:calc(1 * var(--u));min-width:calc(27 * var(--u));justify-content:center}.countdown-unit strong{font:700 calc(14 * var(--u))/1 Georgia,serif;letter-spacing:calc(1 * var(--u));font-variant-numeric:tabular-nums;color:#fff}.countdown-unit small{font-size:calc(7 * var(--u));color:#bad1dc}.countdown-separator{font:700 calc(12 * var(--u))/1 Georgia,serif;color:#7fdff5}.countdown.is-live{border-color:#e2c47e;background:linear-gradient(100deg,#4d3722cc,#8a672ecc,#4d3722cc)}.countdown.is-live .countdown-heading{color:#ffe5a5}
@media(max-width:760px){.hero-copy{top:292px}.launch-info{gap:3px}.launch-time{flex-wrap:wrap;row-gap:2px;font-size:11px;letter-spacing:1px}.launch-time time{letter-spacing:1px}.launch-subcopy{font-size:11px;letter-spacing:1px}.countdown{margin-top:5px;padding:5px 8px}.countdown-heading{font-size:10px;margin-right:3px}.countdown-unit{min-width:32px}.countdown-unit strong{font-size:17px}.countdown-unit small{font-size:9px}.countdown-separator{font-size:14px}.hero-line{margin-top:8px}.hero-copy h1{font-size:88px}.hero-copy h2{font-size:21px}.hero-year{font-size:15px}.play-button{font-size:12px}.play-icon{width:42px;height:42px}}
@media(max-width:760px){.brand img{height:84px}}

/* Visual correction: use the clean English wordmark, not the opaque checkerboard source. */
.brand{width:calc(170 * var(--u));height:calc(66 * var(--u));top:calc(8 * var(--u));}
.brand-logo-frame{display:flex;align-items:flex-start;justify-content:center;width:100%;height:calc(64 * var(--u));overflow:hidden;filter:drop-shadow(0 2px 4px #08233580)}
.brand-logo-frame img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.hero-copy h1{display:flex;align-items:center;justify-content:center;height:calc(102 * var(--u));letter-spacing:0;line-height:1;font-size:0}
.hero-copy h1 small{display:none}
.hero-wordmark{display:inline-flex;align-items:flex-start;justify-content:center;width:calc(260 * var(--u));height:calc(102 * var(--u));overflow:hidden;filter:drop-shadow(0 3px 8px #071b2db8)}
.hero-wordmark img{display:block;width:100%;height:auto;max-width:none}
@media(max-width:760px){
  .brand{left:12px;top:12px;width:148px;height:58px}
  .brand-logo-frame{height:56px}
  .hero-copy h1{height:90px}
  .hero-wordmark{width:250px;height:100px}
}