@import url("/fonts/pingfang-sc/pingfang.css");
/* Shared public-site chrome. Legacy content rules remain scoped to main. */
html{scroll-behavior:smooth;scroll-padding-top:100px;float:none;width:100%;height:auto;background:#090d17}
body{float:none;position:relative;width:100%;height:auto;min-height:100vh;margin:0}
.columi-header,.columi-footer,.columi-header *,.columi-footer *,.columi-skip{box-sizing:border-box;float:none;text-align:left;color:inherit;font-family:"Columi PingFang SC",sans-serif;letter-spacing:normal;margin:0;padding:0;list-style:none}
.columi-header a,.columi-footer a{text-decoration:none}.columi-header a:focus-visible,.columi-footer a:focus-visible,.columi-home a:focus-visible,.columi-home button:focus-visible{outline:2px solid #fec601;outline-offset:6px;border-radius:2px}
.columi-skip{position:fixed;z-index:1000;top:10px;left:16px;padding:12px 20px;background:#fec601;color:#111;transform:translateY(-160%)}.columi-skip:focus{transform:none}
.columi-header{position:relative;z-index:50;width:100%;color:#f5f5f5;border-bottom:1px solid #ffffff12;background:#0b101b}
.columi-header-inner{max-width:1440px;margin:auto;padding:0 64px;min-height:88px;display:flex;align-items:center;gap:48px}
.columi-brand{display:flex;align-items:center;flex-shrink:0}.columi-brand img{display:block;width:130px;height:auto}
.columi-nav{display:flex;align-items:center;gap:34px;margin-left:auto}.columi-nav a{display:flex;align-items:center;position:relative;min-height:88px;font-size:15px;line-height:1.5;color:#bfc3cb;transition:color .2s}
.columi-nav a:hover,.columi-nav a[aria-current=page]{color:#fff}.columi-nav a[aria-current=page]::after{content:"";position:absolute;bottom:19px;left:50%;width:18px;height:2px;transform:translateX(-50%);background:#fec601}
.columi-contact-link{display:flex;gap:20px;align-items:center;font-size:14px;line-height:1.5;border-left:1px solid #ffffff25;padding-left:32px!important;white-space:nowrap}.columi-contact-link span{color:#fec601;font-size:20px}
.columi-footer{position:relative;clear:both;display:flow-root;width:100%;background:#0a0e17;color:#e8e9ec;border-top:1px solid #ffffff12;scroll-margin-top:0}
.columi-footer-inner{max-width:1440px;margin:0 auto;padding:72px 64px 0}
.columi-footer-lead{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:52px;border-bottom:1px solid #ffffff20}
.columi-eyebrow{font-size:11px;letter-spacing:3px;line-height:1.8;color:#9ca4b3;margin-bottom:20px!important}
.columi-footer-lead h2{font-size:clamp(28px,3.2vw,44px);line-height:1.45;font-weight:500;letter-spacing:1px}.columi-footer-lead h2 span{color:#fec601}
.columi-project-link{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;flex-shrink:0;border-bottom:1px solid #fec601;padding:16px 0!important;font-size:17px}.columi-project-link span{font-size:28px;color:#fec601}
.columi-footer-grid{display:grid;grid-template-columns:1.35fr .85fr 1fr 1.3fr;gap:48px;padding:48px 0 50px}
.columi-footer-brand img{display:block;width:132px;height:auto;margin:-8px 0 18px}.columi-footer-brand>p{font-size:14px;line-height:1.8;color:#d6d8de}.columi-footer-description{font-size:12px!important;line-height:2!important;color:#8f98a9!important;margin-top:16px!important}
.columi-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.columi-footer-column h3{font-size:14px;font-weight:500;line-height:1.5;margin-bottom:9px}.columi-footer-column a,.columi-footer-column p{font-size:13px;line-height:1.8;color:#a1a9b7}.columi-footer-column a:hover,.columi-footer-bottom a:hover{color:#fec601}.columi-footer-column span{margin-left:3px;color:#c4cad4}.columi-footer-contact>a:first-of-type{font-size:16px;color:#e8e9ec}.columi-footer-contact p{font-size:12px}.columi-all-about{margin-top:4px!important}
.columi-footer-bottom{display:flex;align-items:center;gap:28px;padding:24px 0 28px;border-top:1px solid #ffffff17;color:#8d95a4;line-height:1.8;font-size:11px}.columi-back-top{margin-left:auto!important;white-space:nowrap}.columi-back-top span{margin-left:10px;color:#c4cad4}
.columi-legacy-main{display:flow-root;float:none;position:relative;width:100%;padding-bottom:100px;min-height:50vh}
.columi-legacy-main>[class$="_div_border"]{top:auto;margin-top:40px;margin-bottom:0}
/* Existing public content uses floats; isolate it from the shared header/footer. */
.columi-home{background:#090d17;color:#fff;font-family:"Columi PingFang SC",sans-serif}
.columi-home *{box-sizing:border-box}.columi-home .columi-header{position:absolute;top:0;background:linear-gradient(#05070b99,#05070b05);border:0}
.columi-hero{position:relative;isolation:isolate;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:#131925}.columi-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.columi-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#05091166,transparent 34%,#05091133 60%,#050911aa);z-index:-1}
.columi-hero-center{position:absolute;inset:100px 24px 100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.columi-hero-center>img{width:min(40vw,580px);height:auto;max-height:38vh;object-fit:contain}.columi-hero-works{color:#fff;text-decoration:none;font-size:13px;letter-spacing:2px;display:flex;align-items:center;gap:32px;padding:12px 0;border-bottom:1px solid #ffffff70}.columi-hero-works span{color:#fec601;font-size:20px}
.columi-hero-bottom{position:absolute;bottom:36px;left:64px;right:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#ddd;font-size:12px;letter-spacing:2px}.columi-hero-bottom a{color:inherit;text-decoration:none}.columi-hero-bottom span{margin-left:16px}.columi-video-toggle{font:inherit;letter-spacing:0;color:#ddd;background:#0c111c55;border:1px solid #ffffff40;border-radius:30px;padding:9px 16px;cursor:pointer}.columi-video-toggle[hidden]{display:none}
@media(min-width:1600px){.columi-header-inner,.columi-footer-inner{max-width:1560px}}
@media(max-width:1100px){.columi-header-inner{padding:0 32px;gap:30px}.columi-nav{gap:26px}.columi-footer-inner{padding:60px 32px 0}.columi-footer-grid{gap:30px;grid-template-columns:1.2fr .8fr 1fr 1.3fr}.columi-footer-bottom{gap:18px}.columi-hero-bottom{left:32px;right:32px}}
@media(max-width:760px){html{scroll-padding-top:120px}.columi-header-inner{padding:15px 24px 0;min-height:110px;gap:0;flex-wrap:wrap;justify-content:space-between}.columi-brand img{width:108px}.columi-contact-link{font-size:12px;padding-left:20px!important;gap:14px}.columi-nav{order:3;margin:8px 0 0;flex-basis:100%;justify-content:space-between;gap:16px}.columi-nav a{min-height:43px;font-size:13px}.columi-nav a[aria-current=page]::after{bottom:3px;width:14px}.columi-footer-inner{padding:44px 24px 0}.columi-footer-lead{display:block;padding-bottom:32px}.columi-eyebrow{font-size:10px;margin-bottom:16px!important}.columi-footer-lead h2{font-size:30px}.columi-project-link{margin-top:20px!important;padding:10px 0!important;gap:50px;font-size:14px}.columi-project-link span{font-size:24px}.columi-footer-grid{grid-template-columns:1fr 1fr;gap:36px 24px;padding:34px 0}.columi-footer-brand{grid-column:1/-1}.columi-footer-brand img{width:118px}.columi-footer-brand>p{font-size:13px}.columi-footer-description br{display:none}.columi-footer-contact{grid-column:1/-1}.columi-footer-column{gap:12px}.columi-footer-column h3{font-size:13px;margin-bottom:4px}.columi-footer-column a{font-size:13px}.columi-footer-bottom{display:flex;flex-wrap:wrap;gap:8px 16px;padding:22px 0;font-size:10px}.columi-footer-bottom p{width:100%}.columi-back-top{margin-left:auto!important}.columi-hero{min-height:560px}.columi-hero-center>img{width:min(76vw,480px)}.columi-hero-center{gap:30px}.columi-hero-bottom{left:24px;right:24px;bottom:24px;flex-wrap:wrap;font-size:10px;letter-spacing:1px}.columi-hero-bottom>p{display:none}.columi-video-toggle{padding:8px 12px}.columi-legacy-main{padding-bottom:55px;overflow-wrap:anywhere}.columi-legacy-main>[class$="_div_border"]{margin-top:28px}.columi-legacy-main .container{columns:2;column-gap:16px}.columi-legacy-main .works_div_border{width:90%}.columi-legacy-main .works_title{font-size:16px;line-height:1.6;margin-left:0}.columi-legacy-main .role,.columi-legacy-main .works_subtitle{font-size:12px;line-height:1.6;margin-left:0}.columi-legacy-main .box img{border-radius:10px}.columi-legacy-main .informationlong p{font-size:15px;line-height:2.1;letter-spacing:0}.columi-legacy-main [class$="_subtitle"]{font-size:24px;line-height:1.5}.columi-legacy-main .information p,.columi-legacy-main .information a{font-size:18px;line-height:1.8}.columi-legacy-main .describe{font-size:14px;line-height:1.8}.columi-legacy-main .arrow,.columi-legacy-main .arrow_url{left:20px;width:22px;height:22px}.columi-legacy-main .rotate_text,.columi-legacy-main .rotate_text_url{font-size:16px;left:16px}.columi-legacy-main .blog_div_border{height:75vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.columi-header *,.columi-footer *{transition:none!important}}

.columi-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Retain the original wordmark glyphs, clipping only the left-hand graphic. */
.columi-header .columi-wordmark,.columi-footer .columi-wordmark{position:relative;display:block;overflow:hidden;width:108px;aspect-ratio:575 / 258;flex-shrink:0}
.columi-header .columi-wordmark>img,.columi-footer .columi-wordmark>img{position:absolute;display:block;max-width:none;width:173.913044%;height:auto;left:-60.869565%;top:-61.24031%;margin:0;padding:0}
.columi-footer .columi-wordmark{margin:0 0 18px}
@media(max-width:760px){.columi-header .columi-wordmark,.columi-footer .columi-wordmark{width:96px}}

body,button,input,select,textarea{font-family:"Columi PingFang SC",sans-serif}

.brand-introduction{padding:65px max(24px,calc((100vw - 1312px)/2));background:#10141c;color:#d4d9e1}.brand-introduction>p{font-size:10px;letter-spacing:2px;color:#9b9fa8}.brand-introduction h2{font-size:28px;margin:20px 0}.brand-introduction>div{font-size:14px;line-height:2.1;max-width:800px;color:#a5adb9}.brand-introduction nav{display:flex;gap:30px;flex-wrap:wrap;margin-top:24px}.brand-introduction a{font-size:12px;color:#d8c68e}