@font-face{font-family:"Yuein Latin";src:url("assets/fonts/yuein-latin-500.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
/* A quiet, vertically composed signature in the open side of the stage. */
.landing-header{justify-content:flex-end}
.hero-brand{--brand-x:0px;--brand-y:0px;--brand-rx:0deg;--brand-ry:0deg;--brand-light:50%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:fit-content;max-width:56%;margin-top:0;pointer-events:none;transform:perspective(1100px) translate3d(var(--brand-x),var(--brand-y),0) rotateX(var(--brand-rx)) rotateY(var(--brand-ry));transform-origin:35% 55%;will-change:transform}
.hero-logo{display:block;width:clamp(112px,10.4vw,164px);height:auto;flex:none;object-fit:contain;opacity:1;margin-left:clamp(12px,1.5vw,24px)}
.brand-type{position:relative;min-width:0}
.brand-title{margin:0;font-family:"MiSans Brand","Yuein Sans","PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(34px,3.55vw,65px);font-weight:305;line-height:1.22;letter-spacing:.055em;white-space:nowrap;color:#e2e9e9;text-shadow:none}
.brand-english{margin:8px 0 0 clamp(12px,1.5vw,24px);font-family:"Yuein Latin",Barlow,sans-serif;font-size:clamp(15px,1.18vw,19px);font-weight:500;line-height:1.5;letter-spacing:.27em;word-spacing:.3em;white-space:nowrap;color:#b1bfc6}
@media(min-width:1800px){.hero-brand{gap:14px}.brand-english{margin-top:10px}}
@media(max-width:1100px){.hero-brand{max-width:60%;gap:10px}.hero-logo{width:104px}.brand-title{font-size:clamp(29px,3.55vw,39px)}.brand-english{font-size:14px;letter-spacing:.24em;margin-top:8px}}
@media(max-width:760px){.landing-header{height:74px}.hero-brand{align-self:flex-start;max-width:100%;gap:10px;margin-top:22px}.hero-logo{width:92px}.brand-title{font-size:clamp(25px,5.8vw,36px);font-weight:330;letter-spacing:.035em}.brand-english{font-size:13px;letter-spacing:.23em;margin-top:8px}}
@media(max-width:480px){.landing-header{height:66px}.hero-brand{margin-top:18px;gap:9px}.hero-logo{width:84px}.brand-title{font-size:clamp(24px,6.6vw,31px);letter-spacing:.025em}.brand-english{font-size:12px;letter-spacing:.22em;margin-top:8px}}
@media(max-width:350px){.hero-brand{gap:8px}.hero-logo{width:74px}.brand-title{font-size:24px;letter-spacing:0}.brand-english{font-size:12px;letter-spacing:.2em}}
@media(max-height:740px) and (max-width:760px){.hero-brand{margin-top:10px;gap:8px}.hero-logo{width:72px}.brand-title{font-size:25px}.brand-english{margin-top:7px}}
@media(max-height:620px) and (max-width:760px){.landing-header{height:58px}.hero-brand{margin-top:5px;gap:7px}.hero-logo{width:62px}.brand-title{font-size:24px}.brand-english{font-size:12px;letter-spacing:.2em;margin-top:6px}}
@media(max-height:500px) and (min-width:650px){.landing-header{height:58px}.hero-brand{align-self:center;max-width:66%;margin-top:0;gap:8px}.hero-logo{width:68px}.brand-title{font-size:28px}.brand-english{font-size:12px;letter-spacing:.22em;margin-top:7px}}
.motion-paused .hero-brand{transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.hero-brand{transform:none!important;will-change:auto}}
@media(pointer:coarse){.hero-brand{transform:none;will-change:auto}}