@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+SC:wght@300;400&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+SC:wght@300;400&display=swap";:root{--bg:#e8e8ec;--text:#111;--text-muted:#11111159;--nav-text:#555}html,body{width:100%;height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,sans-serif}.rainbow-canvas[data-v-ec8b65a8]{width:100%;height:100%;display:block;position:absolute;inset:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f0f0;--text:#111;--text-muted:#11111173;--border:#0000001a}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Noto Sans SC,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}nav{z-index:100;justify-content:space-between;align-items:center;padding:28px 48px;transition:padding .4s,background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#f0f0f0d9;padding:16px 48px}.nav-logo{letter-spacing:.05em;font-family:Noto Sans SC,sans-serif;font-size:22px;font-weight:400}.nav-links{gap:36px;list-style:none;display:flex}.nav-links a{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600;transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--text);transform-origin:0;width:100%;height:1px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text);transform-origin:50%;width:24px;height:1.5px;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.mobile-menu{background:var(--bg);z-index:99;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:all}.mobile-menu ul{text-align:center;list-style:none}.mobile-menu li{margin:18px 0}.mobile-menu a{letter-spacing:.1em;text-transform:uppercase;font-family:Bebas Neue,sans-serif;font-size:28px}.hero{background:var(--bg);width:100%;height:100dvh;position:relative;overflow:hidden}.hero-fluid{z-index:1;position:absolute;inset:0}.hero-particles{z-index:2;pointer-events:none;mix-blend-mode:multiply;opacity:.65;position:absolute;inset:0}.hero-content{z-index:3;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0 48px 72px;display:flex;position:absolute;inset:0}.hero-name{line-height:.88}.name-en{color:var(--text);letter-spacing:-.01em;font-family:Bebas Neue,sans-serif;font-size:clamp(72px,14vw,200px);display:block}.hero-sub{color:var(--text-muted);letter-spacing:.08em;margin-top:16px;font-family:Noto Sans SC,sans-serif;font-size:clamp(14px,2vw,22px);font-weight:300}.hero-title{letter-spacing:.22em;text-transform:uppercase;color:#11111147;margin-top:6px;font-size:clamp(9px,1.1vw,13px);font-weight:400}.hero-scroll{z-index:3;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:36px;right:48px}.hero-scroll span{text-transform:uppercase;letter-spacing:.3em;color:#11111147;writing-mode:vertical-rl;font-size:9px}.scroll-line{background:linear-gradient(#11111138,#0000);width:1px;height:48px;animation:2.2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform-origin:top;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}@media (width<=768px){nav{padding:20px 24px}nav.scrolled{padding:14px 24px}.nav-links{display:none}.hamburger,.mobile-menu{display:flex}.hero-content{padding:0 24px 64px}.name-en{font-size:clamp(64px,18vw,120px)}.hero-sub{margin-top:12px;font-size:clamp(13px,3.5vw,18px)}.hero-title{font-size:9px}.hero-scroll{bottom:28px;right:24px}}@media (width<=480px){.name-en{font-size:clamp(56px,20vw,100px)}}
