:root{--bg-dark:#111;--bg-darker:#050505;--bg-light:#e7e7e7;--bg-orange:#e07a5f;--text-light:#fff;--text-dark:#111;--text-muted:#888;--text-muted-light:#aaa;--accent-blue:#1a3a5c;--accent-teal:#5b8a8a;--accent-orange:#e07a5f;--border-light:#ffffff1f;--border-dark:#1111111f;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Space Mono", monospace;--font-heading-cjk:"Noto Sans TC", sans-serif;--font-body-cjk:"Noto Sans TC", sans-serif;--text-xs:.625rem;--text-sm:.75rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3.5rem;--text-5xl:4.5rem;--text-6xl:6rem;--text-hero:clamp(3rem, 7vw, 7rem);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--space-section:clamp(4rem, 8vw, 8rem);--max-width:1400px;--nav-height:60px;--border-radius:20px;--card-radius:12px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.8s}@media (width<=768px){:root{--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.25rem;--space-2xl:2rem;--space-3xl:2.5rem;--space-4xl:3.5rem;--space-5xl:4rem;--nav-height:50px;--border-radius:12px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-light);background-color:var(--bg-dark);line-height:1.6;overflow-x:hidden}html[data-lang^=zh] body{--font-heading:var(--font-heading-cjk);--font-body:var(--font-body-cjk)}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}img,svg{max-width:100%;display:block}ul,ol{list-style:none}.section[id]{scroll-margin-top:0}.mono-text{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase;line-height:1.7}html[data-lang^=zh] .mono-text,html[data-lang^=zh] .section-label,html[data-lang^=zh] .nav__link,html[data-lang^=zh] .footer__link,html[data-lang^=zh] .btn--bracket,html[data-lang^=zh] .mobile-menu__link{font-family:var(--font-body);letter-spacing:.08em}html[data-lang^=zh] .section-heading,html[data-lang^=zh] .hero__title-line,html[data-lang^=zh] .ethos-card__title,html[data-lang^=zh] .contact__heading{font-family:var(--font-heading);letter-spacing:-.01em}.section-label{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-lg);opacity:.7;display:block}.section-label--center{text-align:center}.section-heading{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:var(--space-xl);font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.1}.section-heading--center{text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.section-body{font-size:var(--text-md);max-width:560px;color:var(--text-muted-light);line-height:1.7}html[data-lang=en] .section-body,html[data-lang=en] .footer__credits{font-family:var(--font-mono)}.section-body--center{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:var(--space-4xl)}.section-divider{background:var(--border-dark);width:100%;height:1px;margin-bottom:var(--space-xl)}.loader{background:var(--bg-dark);z-index:9999;width:100%;height:100%;transition:opacity .6s var(--ease-out), visibility .6s;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{align-items:center;gap:var(--space-xl);flex-direction:column;display:flex}.loader-logo{width:52px;height:52px;animation:1.5s ease-in-out infinite loaderPulse}.loader-logo img{object-fit:contain;width:100%;height:100%}.loader-bar{background:#ffffff1a;border-radius:2px;width:120px;height:2px;overflow:hidden}.loader-bar-fill{background:var(--text-light);width:0%;height:100%;transition:width 1.5s var(--ease-out)}.loader-bar-fill.is-filling{width:100%}@keyframes loaderPulse{0%,to{opacity:.4}50%{opacity:1}}::selection{background:var(--accent-orange);color:var(--text-dark)}.nav{z-index:1000;width:100%;padding:var(--space-lg) var(--space-2xl);transition:all .5s var(--ease-out);justify-content:flex-start;align-items:center;gap:clamp(1.5rem,3vw,2.5rem);display:flex;position:fixed;top:0;left:0}.nav--scrolled{-webkit-backdrop-filter:blur(20px);width:auto;min-width:760px;max-width:1040px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-light);background:#111111eb;border-radius:50px;top:12px;left:50%;transform:translate(-50%)}.nav__logo{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;white-space:nowrap;flex:none;line-height:1.3;display:flex}.nav__logo-text{font-weight:400}.nav__logo-text strong{font-weight:700}.nav__logo-icon{object-fit:contain;width:18px;height:18px;display:block}.nav--scrolled .nav__logo-text{display:none}.nav--scrolled .nav__logo-icon{width:28px;height:28px;display:block}.nav__links{flex:auto;align-items:center;gap:clamp(2.5rem,4.5vw,4.75rem);margin-left:clamp(2.25rem,6vw,5rem);margin-right:clamp(1.25rem,3vw,2.25rem);display:flex}.nav__link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;padding:var(--space-sm) 0;transition:opacity var(--duration-fast);position:relative}.nav__link:hover{opacity:.6}.nav__hamburger{flex-direction:column;gap:6px;width:24px;padding:4px 0;display:none}.nav__hamburger span{background:var(--text-light);width:100%;height:1.5px;transition:transform .3s var(--ease-out), opacity .3s;display:block}.nav__hamburger.is-open span:first-child{transform:rotate(45deg)translate(3px,3px)}.nav__hamburger.is-open span:last-child{transform:rotate(-45deg)translate(3px,-3px)}.locale-switcher{border:1px solid var(--border-light);-webkit-backdrop-filter:blur(16px);background:#1111115c;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem;display:inline-flex}.locale-switcher__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;opacity:.65;padding:0 .45rem 0 .55rem}.locale-switcher__button{min-width:2rem;height:2rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;transition:background .2s var(--ease-out), color .2s var(--ease-out), opacity .2s var(--ease-out);opacity:.72;border-radius:999px;padding:0 .55rem}.locale-switcher__button.is-active{background:var(--text-light);color:var(--text-dark);opacity:1}.locale-switcher--nav{flex:none;margin-left:0;margin-right:0}.nav--scrolled .nav__links{margin-left:var(--space-xl);margin-right:var(--space-xl);gap:clamp(2.25rem,3vw,3.75rem)}.mobile-menu{background:var(--bg-dark);z-index:999;justify-content:center;align-items:center;gap:var(--space-2xl);opacity:0;visibility:hidden;width:100%;height:100vh;transition:opacity .4s var(--ease-out), visibility .4s;flex-direction:column;display:flex;position:fixed;top:0;left:0}.mobile-menu.is-open{opacity:1;visibility:visible}.locale-switcher--mobile{margin-bottom:var(--space-xl)}.mobile-menu__link{font-family:var(--font-heading);font-size:var(--text-3xl);text-transform:uppercase;letter-spacing:.05em;font-weight:800}.btn--bracket{padding:var(--space-md) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;color:var(--text-light);transition:color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.btn--bracket.btn--dark{color:var(--text-dark)}.btn--bracket.is-email-visible{text-transform:none;letter-spacing:.08em}.btn--bracket.btn--sm{padding:var(--space-sm) var(--space-lg);font-size:var(--text-xs)}.btn__corner{width:10px;height:10px;transition:all .3s var(--ease-out);position:absolute}.btn__corner--tl{border-top:1.5px solid;border-left:1.5px solid;top:0;left:0}.btn__corner--tr{border-top:1.5px solid;border-right:1.5px solid;top:0;right:0}.btn__corner--bl{border-bottom:1.5px solid;border-left:1.5px solid;bottom:0;left:0}.btn__corner--br{border-bottom:1.5px solid;border-right:1.5px solid;bottom:0;right:0}.btn--bracket:hover .btn__corner--tl{top:-3px;left:-3px}.btn--bracket:hover .btn__corner--tr{top:-3px;right:-3px}.btn--bracket:hover .btn__corner--bl{bottom:-3px;left:-3px}.btn--bracket:hover .btn__corner--br{bottom:-3px;right:-3px}.btn__text{z-index:1;position:relative}.ethos-card{width:calc(25% - var(--space-md) * .75);transition:width .8s cubic-bezier(.25, 1, .5, 1), background .4s var(--ease-out);border-radius:var(--card-radius);padding:var(--space-2xl) var(--space-xl);flex-direction:column;flex:none;min-height:500px;display:flex;position:relative;overflow:hidden}.ethos__cards:hover .ethos-card{width:calc(20% - var(--space-md) * .8)}.ethos__cards .ethos-card:hover{width:calc(40% - var(--space-md) * .6)}.ethos-card--blue{background:var(--accent-blue);color:var(--text-light)}.ethos-card--teal{background:var(--accent-teal);color:var(--text-light)}.ethos-card--orange{background:var(--accent-orange);color:var(--text-dark)}.ethos-card--dark{background:var(--bg-dark);color:var(--text-light)}.ethos-card__title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.3rem,2vw,1.6rem);font-weight:800;line-height:1.1}.ethos-card__art{margin:var(--space-xl) 0;flex:1;justify-content:center;align-items:center;display:flex}.ethos-card__footer{margin-top:auto}.ethos-card__number{margin-bottom:var(--space-md);opacity:.7;display:block}.ethos-card__desc{min-height:85px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;opacity:.8;line-height:1.8}@media (width<=1024px){.ethos__cards{grid-template-columns:repeat(2,1fr)!important;display:grid!important}.ethos-card{min-height:420px;width:100%!important}.ethos__cards:hover .ethos-card,.ethos__cards .ethos-card:hover{width:100%!important}}@media (width>=769px){html[data-lang^=zh] .hero__title-line:first-child,html[data-lang^=zh] .hero__title-line:nth-child(3){white-space:pre-line}}@media (width<=768px){.nav__links,.locale-switcher--nav,.locale-switcher__label{display:none}.nav__hamburger{display:flex}.nav--scrolled{width:calc(100% - 32px);min-width:auto}.nav{justify-content:space-between;gap:var(--space-md)}.ethos__cards{gap:var(--space-lg)!important;grid-template-columns:1fr!important;display:grid!important}.ethos-card{min-height:auto;padding:var(--space-xl);width:100%!important}.ethos__cards:hover .ethos-card,.ethos__cards .ethos-card:hover{width:100%!important}.ethos-card__art{margin:var(--space-lg) 0;min-height:180px}.ethos-card__desc{min-height:0}.ethos__header{gap:var(--space-2xl)!important;flex-direction:column!important}.contact__inner{flex-direction:column!important}.footer__top{gap:var(--space-2xl)!important;flex-direction:column!important}.hero__title-line{font-size:clamp(2rem,8vw,4rem)!important}.hero__content{padding:0 var(--space-lg);justify-content:flex-start;align-items:stretch}.hero__title{width:100%;max-width:none;height:100%;position:relative}.hero__title-line{text-shadow:0 2px 10px #0000008c;width:auto;max-width:42vw;line-height:.95;position:absolute}.hero__title-line:first-child{text-align:left;white-space:nowrap;max-width:70vw;top:27%;left:6vw}.hero__title-line:nth-child(2){text-align:left;white-space:nowrap;max-width:70vw;top:calc(27% + .95em);left:6vw}.hero__title-line:nth-child(3){text-align:right;top:60%;left:auto;right:6vw}.hero__title-line:nth-child(4){text-align:right;top:calc(60% + .95em);left:auto;right:6vw}.hero__bottom{gap:var(--space-xl)!important;border-top:none!important;flex-direction:column!important}.footer__bottom{flex-direction:column!important;align-items:flex-start!important}.footer__credits{align-items:flex-start!important}.contact__art svg{max-width:100%;height:auto}}.section{width:100%;position:relative;overflow:hidden}.section--rounded{border-radius:var(--border-radius) var(--border-radius) 0 0;z-index:1;position:relative}.section--dark{background:var(--bg-dark);color:var(--text-light)}.section--light{background:var(--bg-light);color:var(--text-dark)}#ethos.section{overflow:visible}#ethos:after{content:"";left:0;right:0;bottom:calc(-1 * var(--border-radius));height:var(--border-radius);background:var(--bg-light);pointer-events:none;position:absolute}.section--light .section-body{color:#555}.section--light .section-divider{background:var(--border-dark)}.section--orange{background:var(--accent-orange);color:var(--text-dark)}.section__inner{max-width:var(--max-width);padding:var(--space-section) var(--space-2xl);margin:0 auto}.section--hero{background-color:var(--bg-darker);isolation:isolate;flex-direction:column;height:100vh;min-height:700px;display:flex;position:relative}.section--hero:after{content:"";pointer-events:none;z-index:2;opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='ink'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23ink)' opacity='.62'/%3E%3C/svg%3E");background-size:220px 220px;position:absolute;inset:0}.hero__canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero__canvas-container canvas{width:100%;height:100%}.hero__content{z-index:3;padding:0 var(--space-2xl);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.hero__title{width:100%;max-width:var(--max-width);flex-direction:column;display:flex}.hero__title-line{font-family:var(--font-heading);font-weight:800;font-size:var(--text-hero);text-transform:uppercase;letter-spacing:-.03em;color:var(--text-light);line-height:1}.hero__title-line:empty{display:none}.hero__title-line--right{text-align:right}html[data-lang^=zh] .hero__title-line{white-space:nowrap}html[data-lang^=zh] .hero__title-line:first-child,html[data-lang^=zh] .hero__title-line:nth-child(3){max-width:none}html[data-lang^=zh] .hero__title-line:nth-child(3){white-space:pre-line}@media (width>=769px){html[data-lang^=zh] .hero__title-line:first-child{position:relative;top:-.45em}html[data-lang^=zh] .hero__title-line:nth-child(3){position:relative;top:.45em}}.hero__bottom{padding:var(--space-2xl);z-index:4;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;display:flex;position:relative}.hero__description{max-width:480px;color:var(--text-muted);font-size:var(--text-xs);white-space:pre-line;text-shadow:0 0 8px #000c,0 0 4px #000;z-index:10;position:relative}.ethos__header{gap:var(--space-4xl);margin-bottom:var(--space-4xl);display:flex}.ethos__header-left{flex:0 0 40%}.ethos__header-right{flex:1}.ethos__header-right .btn{margin-top:var(--space-xl)}.ethos__cards{align-items:stretch;gap:var(--space-md);flex-direction:row;display:flex}#contact.section{min-height:var(--begin-min-height,calc(100dvh - 260px));align-items:center;display:flex}.contact__inner{align-items:center;gap:var(--space-4xl);padding:var(--space-5xl) var(--space-2xl);display:flex}.contact__content{flex:0 0 55%}.contact__heading{font-family:var(--font-heading);text-transform:uppercase;margin-bottom:var(--space-lg);font-size:clamp(2rem,4vw,3rem);font-weight:800}.contact__desc{margin-bottom:var(--space-2xl);color:#111111b3}.contact__art{flex:1;justify-content:flex-end;display:flex}.contact__art svg{width:280px;height:auto}.footer{background:var(--accent-orange);color:var(--text-dark);padding:var(--space-3xl) var(--space-2xl) var(--space-xl)}.footer__inner{max-width:var(--max-width);margin:0 auto}.footer__top{justify-content:space-between;gap:var(--space-3xl);padding-bottom:var(--space-3xl);border-bottom:1px solid #11111126;display:flex}.footer__nav{gap:var(--space-md);flex-direction:column;display:flex}.footer__link{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);text-transform:uppercase;transition:opacity .3s}.footer__link:hover{opacity:.6}.footer__from{text-align:right}.footer__from .mono-text{margin-bottom:var(--space-md);font-size:var(--text-xs);opacity:.6;display:block}.footer__from-links{align-items:flex-end;gap:var(--space-sm);flex-direction:column;display:flex}.footer__from-link{font-family:var(--font-heading);font-weight:700;font-size:var(--text-lg);text-transform:uppercase;transition:opacity .3s}.footer__from-link:hover{opacity:.6}.footer__bottom{padding-top:var(--space-xl);justify-content:space-between;align-items:flex-end;gap:var(--space-xl);display:flex}.footer__legal{gap:var(--space-xl);flex-wrap:wrap;display:flex}.footer__legal-link{font-size:var(--text-sm);opacity:.6;transition:opacity .3s}.footer__legal-link:hover{opacity:1}.footer__credits{align-items:flex-end;gap:var(--space-xs);font-size:var(--text-sm);opacity:.6;flex-direction:column;display:flex}.footer__credits a{text-decoration:underline}[data-animate=reveal]{opacity:0;transform:translateY(30px)}[data-animate=reveal].is-visible{opacity:1;transform:translateY(0)}[data-animate=card]{opacity:0;transform:translateY(40px)}[data-animate=card].is-visible{opacity:1;transform:translateY(0)}.glitch-text{position:relative}.section--rounded{will-change:transform}.hero__title-line{opacity:0;transform:translateY(40px)}.hero__title-line.is-visible{opacity:1;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(0)}.ethos-card__art canvas{max-width:100%!important;height:auto!important}.scroll-progress{background:var(--accent-orange);z-index:10000;transform-origin:0;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}