@charset "UTF-8";
:root{--bg:#070b10;--panel:#0d141c;--ink:#f0f6fc;--muted:#93a4b7;--blue:#7fc7ff;--line:#ffffff18;--sans:Arial,"Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium",YuGothic,Meiryo,"PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}::selection{background:#77caff;color:#07121d}a{color:inherit;text-decoration:none;touch-action:manipulation}button,select{font:inherit;color:inherit}button{cursor:pointer}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #b8e6ff;outline-offset:6px}p,h1,h2,h3{margin:0}p{line-height:1.95}img{display:block;max-width:100%;height:auto}button{border:0}canvas{display:block}main{overflow:clip}.wrap{width:100%;max-width:1440px;padding:0 64px;margin:auto}.mono{font-family:var(--mono);font-size:10px;letter-spacing:1.4px;line-height:1.6}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;color:#000;padding:15px;z-index:100}.skip-link:focus{top:15px}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3a6fff,#a0eaff);transform:scaleX(0);transform-origin:left;z-index:100;box-shadow:0 0 15px #6acbff}.header{height:90px;border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;gap:30px;background:#070b10d9;backdrop-filter:blur(20px);position:sticky;top:0;z-index:30}.brand{width:94px;flex-shrink:0}.brand img,.footer-brand img,.error-page>img{filter:brightness(1.75) saturate(.7)}.nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:11px;color:#b3c0ce}.nav>a{padding:14px 0;transition:color .2s}.nav>a:hover{color:white}.nav-contact{display:flex;gap:15px;align-items:center;color:#f0f6fc}.nav-contact>span:last-child{color:var(--blue);font-size:19px}.header-tools{display:flex;gap:20px;align-items:center}.languages{display:flex;gap:7px;align-items:center;font:10px var(--mono)}.languages button{background:none;color:#74889f;padding:10px 3px}.languages button[aria-pressed=true]{color:#eaf4ff}.languages>span{color:#42536b}#motion-toggle{width:30px;height:30px;border:1px solid #ffffff26;border-radius:50%;background:transparent;color:#b8d8ef;font:12px var(--mono)}.menu-toggle{display:none;width:32px;height:34px;background:none;padding:5px}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:6px 0;transition:transform .2s}.hero{min-height:780px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 50%,#10274a40,transparent 65%)}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#81c7ff05 1px,transparent 1px),linear-gradient(90deg,#81c7ff05 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 40%,#000);pointer-events:none}.hero-content{position:relative;z-index:2;pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.hero-topline{display:flex;justify-content:space-between;align-items:center;padding:30px 0;color:#6e8ba8;font-size:8px}.hero-topline>span:first-child{display:flex;gap:9px;align-items:center}.status-dot{display:inline-block;width:5px;height:5px;background:#91eacb;box-shadow:0 0 12px #91eacb;border-radius:50%}.hero-copy{padding:58px 0 65px}.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;line-height:1.8;color:#789bb9;margin-bottom:26px}.hero-slogan{font-size:clamp(60px,6.25vw,94px);font-weight:500;line-height:1.06;letter-spacing:-5px}.hero-slogan span{background:linear-gradient(100deg,#f2f8ff,#8ccfff 60%,#5d8fdf);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-title{font-size:26px;font-weight:400;letter-spacing:1.5px;line-height:1.6;margin:30px 0 18px}.hero-intro{font-size:13px;color:#9fafc3;max-width:425px;line-height:2}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:17px 23px;font-size:12px;min-height:52px;border-radius:5px;transition:transform .25s,box-shadow .25s}.button>span:last-child{font-size:20px;line-height:1}.button:hover{transform:translateY(-3px)}.button-blue{background:#d6edff;color:#0a1a2b;box-shadow:0 0 30px #61a8ff15,inset 0 0 0 1px #fff6}.button-blue:hover{box-shadow:0 0 35px #81c7ff44}.quiet-link{display:flex;align-items:center;gap:24px;font-size:11px;color:#acbdd0}.hero-visual{position:absolute;right:0;top:40px;width:60%;height:650px;z-index:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 20%)}#signal-canvas{height:100%;width:100%}.visual-coordinate{position:absolute;right:64px;top:45px;font-size:8px;color:#537da0}.visual-orbit{position:absolute;border:1px solid #99dfff0d;width:75%;height:75%;border-radius:50%;top:12%;left:20%;pointer-events:none}.hero-bottom{border-top:1px solid #9edcff25;display:flex;justify-content:space-between;gap:40px;padding:23px 0 27px}.field-controls{display:flex;gap:6px}.field-controls button{font:9px var(--mono);letter-spacing:1px;background:transparent;padding:13px 15px;border:1px solid transparent;color:#718ba5;border-radius:4px;transition:all .3s}.field-controls button small{font-size:8px;margin-right:6px;opacity:.55}.field-controls button.active{color:#daeeff;background:#79c3ff0b;border-color:#79c3ff40}.field-controls button:hover{color:white}.diagram-caption{display:flex;align-items:center;gap:18px;max-width:420px}.diagram-caption .mono{font-size:8px;color:#6697bf;white-space:nowrap}.diagram-caption p{font-size:10px;color:#879eb6;line-height:1.7}.diagram-caption a{font-size:23px;color:#b6ddff;padding:5px}.signal-strip{border-block:1px solid var(--line);overflow:hidden;padding:23px 0;background:#0c121b}.signal-track{display:flex;align-items:center;gap:45px;width:max-content;animation:ticker 35s linear infinite}.signal-track span{font-size:14px;letter-spacing:4px;color:#9fb3c7;font-weight:500}.signal-track i{color:#5a95ba;font-style:normal;font-size:20px}.section{padding-top:110px;padding-bottom:110px}.section-marker{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;color:#6689a8}.section-marker .mono{font-size:9px}.tiny-cross{font-size:20px;color:#86caff;font-weight:300}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}h2{font-size:43px;line-height:1.5;font-weight:500;letter-spacing:1px}.gradient-text{background:linear-gradient(100deg,#94d3ff,#657fff);background-clip:text;-webkit-background-clip:text;color:transparent}.about .eyebrow{margin-bottom:24px}.lead{font-size:19px;line-height:1.85;color:#c7d7e6}.about-copy>p:not(.lead){font-size:13px;color:var(--muted);margin-top:21px}.foundation{margin-top:65px;border:1px solid #598abb30;border-radius:8px;padding:30px;display:grid;grid-template-columns:1.2fr 1fr auto;gap:30px;align-items:center;background:linear-gradient(110deg,#13243880,#0b141d50);position:relative}.foundation:before{content:"";position:absolute;left:-1px;top:30%;height:40%;width:2px;background:#8ad5ff;box-shadow:0 0 14px #51a9ff}.foundation .mono{font-size:8px;color:#6798bd}.foundation h3{font-size:17px;font-weight:500;margin-top:8px}.foundation p{font-size:11px;color:#8ba6be}.text-link{display:flex;align-items:center;gap:20px;font-size:11px;color:#cee8ff}.text-link>span:last-child{font-size:22px}.mission{background:#0b1119;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mission-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.mission .lead{margin:25px 0 20px;font-size:17px}.mission-layout>div>p:last-child{font-size:12px;color:var(--muted)}.mission-symbol{position:relative;min-height:350px;display:grid;place-items:center;background:radial-gradient(ellipse,#2862a32b,transparent 65%)}.mission-symbol>span{position:absolute;border:1px solid #6598c64d;width:235px;height:235px;border-radius:50%;transform:rotateX(55deg) rotateZ(-35deg);box-shadow:0 0 30px #3567a00a}.mission-symbol>span:nth-child(2){transform:rotateX(55deg) rotateZ(35deg);width:305px;height:305px;border-color:#5285b027}.mission-symbol>span:nth-child(3){width:170px;height:170px;transform:rotateX(55deg) rotateZ(0);border-color:#a8dfff8c}.mission-symbol>b{font-size:110px;font-weight:200;color:#a3d9ff;text-shadow:0 0 50px #419cff66;animation:float 7s ease-in-out infinite}.mission-symbol small{position:absolute;bottom:12px;color:#537a9b;font-size:8px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:85px;border-top:1px solid var(--line)}.principles article{padding:32px 30px 0 0}.principles article+article{border-left:1px solid var(--line);padding-left:30px}.principles .mono{font-size:8px;color:#669ac0}.principles h3{font-size:19px;font-weight:400;margin:22px 0 15px}.principles p{font-size:12px;line-height:2;color:#879cb0}.vision{position:relative;isolation:isolate;background:radial-gradient(ellipse at 15% 80%,#163e6b40,transparent 60%),#070b12;overflow:hidden}.vision-lines{position:absolute;z-index:-1;inset:0;background:repeating-radial-gradient(ellipse at 95% 100%,transparent 0 50px,#84c9ff10 51px 52px,transparent 53px 90px);mask-image:linear-gradient(100deg,transparent,#000);transform:skewY(-8deg) scale(1.4);pointer-events:none}.vision-content{max-width:940px;margin:auto;text-align:center;padding:10px 0 20px}.vision h2{font-size:50px;line-height:1.55;font-weight:400;letter-spacing:1px}.vision h2 span{color:#80c8ff}.vision-content>p:not(.eyebrow){font-size:13px;max-width:680px;margin:30px auto 0;color:#93a9c1}.vision-content>p+p:not(.eyebrow){margin-top:20px}.vision-signature{display:flex;justify-content:center;gap:35px;font-size:9px;color:#719cbf;margin-top:44px}.business{background:#0b1017;border-block:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:60px}.section-heading>p{font-size:12px;color:var(--muted);line-height:2;padding-bottom:4px}.project{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;align-items:center;padding:42px 0;border-top:1px solid var(--line)}.project:last-child{padding-bottom:0}.project-art{display:flex;flex-direction:column;height:400px;position:relative;overflow:hidden;border-radius:10px;padding:27px;border:1px solid #ffffff20;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s,border-color .35s,box-shadow .35s;will-change:auto}.project-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),#9fddff13,transparent 65%);opacity:0;transition:opacity .3s}.project-art:hover:after{opacity:1}.project-art:hover{border-color:#8bc9ff66;box-shadow:0 20px 55px #0005}.tech-art{background:radial-gradient(ellipse at 65% 40%,#244d793b,transparent 65%),#0c1e35;color:#c5e2ff}.security-art{background:radial-gradient(ellipse at 50% 50%,#1f5e4a33,transparent 70%),#0b2526;color:#afdbc6}.creative-art{background:radial-gradient(ellipse at 60% 40%,#58385b50,transparent 70%),#22192a;color:#d8bcde}.art-top{display:flex;justify-content:space-between;font-size:9px}.art-top>span:last-child{font-size:17px}.project-art svg{width:100%;flex:1;min-height:0;transition:transform .7s}.project-art:hover svg{transform:scale(1.06)}.art-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.art-bottom strong{font-size:32px;letter-spacing:-1px;font-weight:500}.art-bottom strong>span{font-size:10px;vertical-align:top;margin-left:5px}.art-bottom .mono{font-size:8px;text-align:right}.project-meta{display:flex;gap:25px;font-size:9px;color:#648cae;margin-bottom:22px}.project-meta>span:first-child{color:#bedfff}.project h3{font-size:31px;font-weight:400;line-height:1.55;margin-bottom:22px;letter-spacing:1px}.project-copy>p{font-size:12px;color:var(--muted);line-height:2.1}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tags>span{border:1px solid #ffffff17;border-radius:4px;padding:5px 10px;font-size:9px;color:#849fb7}.project-link{display:flex;align-items:center;gap:25px;font-size:12px;width:fit-content}.circle-arrow{display:grid;place-items:center;width:35px;height:35px;border:1px solid #597e9f60;border-radius:50%;font-size:20px;transition:transform .2s,background .2s}.project-link:hover .circle-arrow{transform:rotate(45deg);background:#34658f}.film-visual{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.film-visual>strong{font-size:80px;letter-spacing:-6px;font-weight:300;position:relative;z-index:2}.film-frame{position:absolute;border:1px solid #c192c74f;left:50%;top:48%;width:55%;height:62%;transform:translate(-50%,-50%);transition:transform .7s}.frame-a{transform:translate(-62%,-50%) rotate(-14deg)}.frame-c{transform:translate(-38%,-50%) rotate(14deg)}.creative-art:hover .frame-a{transform:translate(-68%,-50%) rotate(-19deg)}.creative-art:hover .frame-c{transform:translate(-32%,-50%) rotate(19deg)}.film-caption{position:absolute;bottom:12%;font-size:8px;color:#9b7ca8}.creative-art .art-bottom strong{font-size:25px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:30px;position:relative}.steps:before{content:"";position:absolute;top:38px;left:0;right:0;height:1px;background:linear-gradient(90deg,#8ccfff44,#ffffff0d)}.steps article{position:relative}.step-number{font:italic 54px Georgia,serif;display:block;background:var(--bg);width:82px;color:#558bb4;position:relative;z-index:1}.steps h3{font-size:16px;font-weight:400;margin:26px 0 15px}.steps p{font-size:12px;color:#889eb2}.company{border-top:1px solid var(--line)}.company-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.company-intro>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:26px;max-width:400px}.company .eyebrow{font-size:9px}.company-wordmark{font-size:20px;letter-spacing:-.5px;line-height:1.15;margin-top:42px;color:#304a60}.company-wordmark>span{font-size:78px;font-weight:600;letter-spacing:-4px}.company-wordmark .wordmark-dot{color:#6dbdf3}.company-data{margin:0}.company-data>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:23px 0;border-top:1px solid var(--line);line-height:2;font-size:12px}.company-data>div:last-child{border-bottom:1px solid var(--line)}.company-data dt{font-size:11px;color:#748fa7}.company-data dd{margin:0;color:#bed0df}.company-data dd span{color:#7fbbdf}.company-data a:hover{color:#fff}.contact{padding:65px 0 100px;background:radial-gradient(ellipse at 15% 100%,#17386080,transparent 70%),#0c1827;border-top:1px solid #74b6f12b;position:relative}.contact-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:110px;align-items:center}.contact .eyebrow{font-size:9px}.contact h2{font-size:73px;letter-spacing:-3px;font-weight:500;line-height:1.05}.contact h2 span{font-size:30px;line-height:1.5;letter-spacing:1px;display:inline-block;margin-top:16px;color:#b8dcf6}.contact-layout>div>p:last-child{font-size:12px;color:#96afc6;margin-top:24px}.contact-action{max-width:380px;width:100%;margin-left:auto}.contact-action label{display:block;font-size:11px;margin-bottom:12px;color:#809fbb}.contact-action select{background:#0f2135;border:1px solid #537ea748;border-radius:5px;width:100%;font-size:12px;padding:15px 10px;cursor:pointer}.button-light{background:#d7edff;color:#0a1d31;width:100%;margin-top:18px}.button-light:hover{box-shadow:0 0 30px #89caff26}.contact-note{font-size:10px;color:#6d8ba6;margin:12px 0 20px}.email{font:12px var(--mono);letter-spacing:.3px;color:#a2c3df}.footer{display:flex;align-items:center;gap:35px;min-height:145px;padding-top:35px;padding-bottom:35px}.footer-brand{width:76px}.footer p{font:9px var(--mono);color:#698098}.footer .footer-sub{font-family:var(--sans);font-size:10px;margin-top:8px;color:#5e758c}.back-top{margin-left:auto;display:flex;gap:24px;font-size:10px;color:#94b5d0}.js-reveal .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.js-reveal .reveal.visible{opacity:1;transform:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{transition:none!important}.motion-paused .project-art{transform:none!important}html[lang=en] h2{letter-spacing:-1.5px;line-height:1.2}html[lang=en] .hero-title{font-size:25px;line-height:1.4;letter-spacing:-.3px}html[lang=en] .project h3{letter-spacing:-1px;line-height:1.3;font-size:34px}html[lang=en] .vision h2{font-size:64px;line-height:1.15;letter-spacing:-2px}html[lang=en] .contact h2 span{letter-spacing:-.7px}.blue{color:var(--blue)}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes float{50%{transform:translateY(-12px)}}
@media(min-width:1100px) and (max-height:850px){.header{height:78px}.hero{min-height:0}.hero-topline{padding:22px 0}.hero-copy{padding:27px 0 37px}.hero-slogan{font-size:72px;letter-spacing:-4px}.hero-title{font-size:22px;margin:22px 0 12px}.hero-intro{font-size:12px}.hero .eyebrow{margin-bottom:20px}.hero-actions{margin-top:23px}.hero-visual{top:0;height:550px}.hero-bottom{padding:16px 0 22px}}
@media(max-width:1100px){.wrap{padding-left:40px;padding-right:40px}.header{padding:0 30px;gap:20px}.nav{gap:18px;font-size:10px}.header-tools{gap:12px}.hero-slogan{font-size:66px;letter-spacing:-3.5px}.hero-copy{padding-top:60px}.hero-visual{right:-10%;width:70%}.hero-bottom{gap:20px}.field-controls button{padding:12px 10px;font-size:8px}.diagram-caption{gap:10px;max-width:330px}.diagram-caption p{font-size:9px}.about-layout,.company-layout{gap:50px}h2{font-size:36px}.mission-layout{gap:50px}.foundation{grid-template-columns:1fr 1fr}.foundation .text-link{grid-column:1/3;justify-content:flex-end}.project{gap:45px}.project-art{height:360px;padding:22px}.art-bottom strong{font-size:28px}.creative-art .art-bottom strong{font-size:23px}.project h3{font-size:28px}.contact-layout{gap:55px}.company-data>div{grid-template-columns:110px 1fr}.contact h2{font-size:62px}.vision h2{font-size:43px}.principles{margin-top:60px}.steps{gap:24px}}
@media(max-width:850px){.wrap{padding-left:28px;padding-right:28px}.header{height:80px;padding:0 28px;gap:16px}.brand{width:80px}.nav{gap:13px;font-size:9px}.header-tools{gap:8px}#motion-toggle{width:27px;height:27px}.hero{min-height:760px}.hero-topline{font-size:7px}.hero-slogan{font-size:59px}.hero-copy{padding-top:70px;position:relative;z-index:3}.hero-intro{max-width:380px}.hero-visual{width:75%;right:-14%;top:70px;opacity:.7}.hero-title{font-size:23px}.hero-bottom{flex-direction:column;gap:16px}.diagram-caption{max-width:none;justify-content:flex-end}.hero-bottom .field-controls{gap:12px}.field-controls button{font-size:9px}.section{padding-top:80px;padding-bottom:80px}.section-marker{margin-bottom:45px}.about-layout{gap:35px}.about-copy .lead{font-size:17px}.about-copy>p:not(.lead){font-size:12px}.mission-layout{gap:35px;grid-template-columns:.8fr 1fr}.mission-symbol{min-height:290px}.mission-symbol>span{width:180px;height:180px}.mission-symbol>span:nth-child(2){width:230px;height:230px}.mission-symbol>span:nth-child(3){width:135px;height:135px}.mission-symbol small{font-size:6px}.mission h2{font-size:32px}.mission .lead{font-size:15px}.principles article{padding-right:20px}.principles article+article{padding-left:20px}.principles h3{font-size:17px}.principles p{font-size:11px}.section-heading h2{font-size:32px}.section-heading>p{font-size:11px}.project{gap:32px}.project-art{height:330px;padding:20px}.art-bottom{flex-direction:column;align-items:flex-start;gap:10px}.art-bottom .mono{text-align:left;font-size:7px}.art-bottom .mono br{display:none}.project h3{font-size:25px}.project-copy>p{font-size:11px}.project-meta{font-size:7px;gap:15px}.tags>span{font-size:8px}.film-visual>strong{font-size:65px}.film-caption{font-size:6px}.steps{grid-template-columns:repeat(2,1fr);gap:40px}.steps:before{display:none}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps h3{margin-top:18px}.company-layout{gap:35px}.company-data>div{grid-template-columns:95px 1fr;gap:12px;font-size:11px}.company-data dt{font-size:10px}.contact-layout{gap:35px}.contact h2{font-size:53px}.contact h2 span{font-size:25px}.contact-action select{font-size:11px}html[lang=en] .project h3{font-size:28px}html[lang=en] .vision h2{font-size:54px}}
@media(max-width:680px){html{scroll-padding-top:88px}.wrap{padding-left:24px;padding-right:24px}.header{height:74px;padding:0 24px;gap:20px}.brand{width:78px}.header-tools{margin-left:auto;gap:16px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;padding:24px;background:#0c1420fa;backdrop-filter:blur(20px);border-bottom:1px solid #77bfff40;box-shadow:0 30px 50px #0008;flex-direction:column;align-items:stretch;gap:0;font-size:13px}.nav.open{display:flex}.nav>a{padding:15px 0}.nav-contact{justify-content:space-between}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{min-height:0}.hero-topline{padding:23px 0;font-size:6px;letter-spacing:.65px}.hero-topline>span:last-child{display:none}.hero-copy{padding:35px 0 0}.hero .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:24px}.hero-slogan{font-size:clamp(39px,9.3vw,62px);letter-spacing:-2.6px;line-height:1.15}.hero-title{font-size:23px;line-height:1.6;letter-spacing:.8px;margin:28px 0 18px}.hero-intro{font-size:12px;line-height:2;max-width:390px}.hero-actions{gap:22px;margin-top:25px}.button{font-size:11px;gap:30px;padding:16px 18px;min-height:50px}.quiet-link{font-size:10px;gap:13px}.hero-visual{top:425px;width:100%;right:0;height:330px;opacity:1;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 85%,transparent);pointer-events:none}.visual-coordinate{font-size:6px;right:24px;top:32px}.visual-orbit{display:none}.hero-bottom{margin-top:320px;padding:18px 0 22px;gap:15px}.hero-bottom .field-controls{justify-content:space-between;gap:2px}.field-controls button{font-size:7px;letter-spacing:.5px;padding:12px 8px}.field-controls button small{font-size:6px;margin-right:3px}.diagram-caption{gap:12px;justify-content:flex-start}.diagram-caption>p{font-size:9px}.diagram-caption a{margin-left:auto;font-size:20px}.diagram-caption .mono{font-size:7px}.signal-strip{padding:18px 0}.signal-track{gap:30px}.signal-track span{font-size:10px;letter-spacing:3px}.signal-track i{font-size:16px}.section{padding-top:64px;padding-bottom:64px}.section-marker{margin-bottom:35px}.section-marker .mono{font-size:8px}h2{font-size:32px;line-height:1.5;letter-spacing:.5px}.about-layout{grid-template-columns:1fr;gap:30px}.about .eyebrow{font-size:8px;margin-bottom:18px}.about-copy .lead{font-size:17px}.about-copy>p:not(.lead){font-size:12px;margin-top:18px}.foundation{margin-top:35px;grid-template-columns:1fr;padding:25px 22px;gap:20px}.foundation h3{font-size:16px}.foundation .text-link{grid-column:auto;justify-content:flex-start;font-size:10px}.foundation p{font-size:11px}.mission-layout{display:flex;flex-direction:column;gap:30px}.mission-symbol{width:100%;min-height:230px;order:2}.mission-symbol>b{font-size:90px}.mission-symbol>span{width:200px;height:200px}.mission-symbol>span:nth-child(2){width:260px;height:260px}.mission-symbol>span:nth-child(3){width:140px;height:140px}.mission-symbol small{bottom:0;font-size:7px}.mission .eyebrow{font-size:8px;margin-bottom:20px}.mission .lead{font-size:16px;margin:23px 0 18px}.mission-layout>div>p:last-child{font-size:12px}.principles{grid-template-columns:1fr;gap:0;margin-top:38px}.principles article{padding:27px 0}.principles article+article{padding:27px 0;border-left:0;border-top:1px solid var(--line)}.principles article:last-child{padding-bottom:0}.principles h3{font-size:19px;margin:15px 0 12px}.principles p{font-size:12px}.vision-content{text-align:left;padding:0}.vision h2{font-size:clamp(24px,6.3vw,36px);line-height:1.75;letter-spacing:0}.vision-content>p:not(.eyebrow){font-size:12px;line-height:2;margin-top:25px}.vision-content>p+p:not(.eyebrow){margin-top:18px}.vision-signature{justify-content:flex-start;gap:20px;font-size:7px;margin-top:30px}.vision-lines{opacity:.6}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:30px}.section-heading>p{margin-top:22px;font-size:12px}.project{grid-template-columns:1fr;gap:28px;padding:32px 0}.project-art{height:330px;padding:22px}.project h3{font-size:26px}.project-copy>p{font-size:12px}.project-meta{font-size:8px;margin-bottom:16px}.art-bottom{flex-direction:row;align-items:flex-end;gap:10px}.art-bottom .mono{text-align:right;font-size:7px}.art-bottom .mono br{display:initial}.art-bottom strong{font-size:28px}.creative-art .art-bottom strong{font-size:23px}.tags>span{font-size:9px}.tags{margin:20px 0}.film-visual>strong{font-size:76px}.film-caption{font-size:7px;bottom:10%}.steps{gap:32px 25px;margin-top:35px}.step-number{font-size:44px;width:60px}.steps h3{font-size:13px}.steps p{font-size:11px;line-height:1.9}.company-layout{grid-template-columns:1fr;gap:35px}.company-intro>p:not(.eyebrow){font-size:12px}.company-wordmark{display:none}.company-data>div{grid-template-columns:102px 1fr;font-size:11px;padding:20px 0}.contact{padding:48px 0 55px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact h2{font-size:57px}.contact h2 span{font-size:25px}.contact-action{max-width:none}.contact-action select{font-size:12px;padding:15px 10px}.contact-layout>div>p:last-child{font-size:12px}.footer{padding-top:30px;padding-bottom:30px;gap:22px;flex-wrap:wrap}.footer-brand{width:65px}.footer p{font-size:8px}.footer .footer-sub{font-size:9px}.back-top{width:100%;justify-content:flex-end;font-size:9px;margin-top:8px}html[lang=en] h2{font-size:35px;letter-spacing:-1px}html[lang=en] .hero-title{font-size:23px;letter-spacing:-.5px}html[lang=en] .vision h2{font-size:43px;line-height:1.25;letter-spacing:-1.5px}html[lang=en] .project h3{font-size:30px}html[lang=en] .contact h2{font-size:56px}html[lang=en] .contact h2 span{font-size:27px}.hero:has(.hero-copy) .hero-visual{top:var(--canvas-top,425px)}}
@media(max-width:360px){.wrap{padding-inline:20px}.header{padding-inline:20px}.header-tools{gap:10px}.hero-slogan{font-size:35px;letter-spacing:-2px}.hero-actions{gap:15px}.hero-actions .button{gap:20px}.field-controls button{padding:10px 5px;font-size:6px}.field-controls button small{font-size:6px}.creative-art .art-bottom strong{font-size:20px}.art-bottom .mono{font-size:6px}.company-data>div{grid-template-columns:86px 1fr;gap:10px}.vision h2{font-size:23px}.vision-signature{gap:15px;font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveal .reveal{opacity:1;transform:none}.project-art{transform:none!important}}

.hero-actions .button span:first-child{white-space:nowrap}.mission-symbol{overflow:hidden}

/* Longer editorial copy keeps a clear rhythm on every screen. */
.copy-extension{display:block;margin-top:1em}.hero-intro{max-width:465px}.section-heading>p{max-width:430px}.project-copy>p{font-size:13px;line-height:2}.mission-layout>div>p:last-child{font-size:13px;line-height:2}.about-copy>p:not(.lead){line-height:2}.vision-content>p:not(.eyebrow){max-width:760px;line-height:2}.principles p,.steps p{line-height:2}.foundation{grid-template-columns:1fr 1.35fr auto}.foundation p{max-width:450px}.contact-layout>div>p:last-child{max-width:490px;line-height:2}
@media(max-width:1100px){.foundation{grid-template-columns:1fr 1.2fr}.foundation .text-link{grid-column:1/3}.project-copy>p{font-size:12px}}
@media(max-width:680px){.foundation{grid-template-columns:1fr}.foundation .text-link{grid-column:auto}.section-heading>p{max-width:none}.project-copy>p,.mission-layout>div>p:last-child{font-size:12px}.hero-intro{max-width:390px}.copy-extension{margin-top:1.1em}}

/* Keep the prism and dispersed beams within the hero’s reading area. */
.hero-visual{mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 98%,transparent 100%)}.visual-coordinate{font-size:7px;letter-spacing:1.1px;right:42px;color:#698eac}
@media(max-width:1100px) and (min-width:681px){.hero-visual{right:0;width:60%}}
@media(max-width:680px){.hero-visual{mask-image:linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent)}.visual-coordinate{right:24px;top:20px;font-size:6px}}

/* Five connected business directions. */
.ward-art{background:radial-gradient(ellipse at 60% 40%,#72552b33,transparent 65%),#241e16;color:#efd5a1}
.diting-art{background:radial-gradient(ellipse at 60% 40%,#22596740,transparent 65%),#10232c;color:#b4e2e8}
.hero-bottom{flex-wrap:wrap;gap:18px}.field-controls{flex-wrap:wrap}.diagram-caption{margin-left:auto}
@media(max-width:1100px){.hero-bottom{flex-direction:column;align-items:stretch}.hero-bottom .field-controls{justify-content:space-between}.diagram-caption{max-width:none;justify-content:flex-end}}
@media(max-width:680px){.hero-bottom .field-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.field-controls button{font-size:8px;letter-spacing:.5px;padding:12px 5px;text-align:left}.diagram-caption{margin-left:0;justify-content:flex-start}.ward-art .art-bottom strong,.diting-art .art-bottom strong{font-size:28px}}

/* Review: readable copy, usable touch targets and optional mobile detail. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero-slogan{line-height:1.06}.hero-title{font-weight:400}
.hero-intro,.project-copy>p,.about-copy>p:not(.lead),.principles p,.steps p,.mission-layout>div>p:last-child,.vision-content>p:not(.eyebrow),.company-intro>p:not(.eyebrow),.contact-layout>div>p:last-child{font-size:15px}
.foundation p,.section-heading>p{font-size:14px}
.eyebrow,.about .eyebrow,.company .eyebrow,.contact .eyebrow{font-size:12px}
.mono,.hero-topline,.visual-coordinate,.section-marker .mono,.foundation .mono,.principles .mono,.mission-symbol small,.vision-signature,.art-top,.art-bottom .mono,.project-meta,.film-caption{font-size:10px}
.nav{font-size:13px;gap:22px}.nav>a{min-height:44px;display:flex;align-items:center}
.languages{gap:0;font-size:12px}.languages a{display:grid;place-items:center;min-width:44px;min-height:44px;color:#91a8bd;border-radius:4px}.languages a[aria-current=page]{color:#f0f6fc;background:#ffffff0a}.languages>span{color:#7189a0}
#motion-toggle,.menu-toggle{width:44px;height:44px;flex-shrink:0}.menu-toggle{padding:10px}
.field-controls button,.field-controls button small{font-size:10px}.field-controls button{min-height:44px;letter-spacing:.5px}
.diagram-caption .mono{font-size:10px}.diagram-caption p{font-size:12px}.diagram-caption a{display:grid;place-items:center;min-width:44px;min-height:44px}
.tags>span{font-size:12px}.text-link,.project-link,.quiet-link,.button,.back-top,.company-data dt,.contact-action label,.contact-note,.email{font-size:12px}
.company-data>div{font-size:14px}.contact-action select{font-size:16px;min-height:48px}
.text-link,.project-link,.quiet-link,.back-top,.email{min-height:44px}.email{display:inline-flex;align-items:center}
.footer p,.footer .footer-sub{font-size:12px;color:#8da3b8}.footer .footer-sub{color:#7189a0}
.copy-extension[hidden],.read-more[hidden]{display:none!important}
.read-more{display:block;min-height:44px;margin:9px 0 0;padding:8px 0;background:none;color:#b9dcfa;font-size:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){
 .header-tools{margin-left:auto}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#0b131e;border-bottom:1px solid #ffffff20;padding:20px 30px;font-size:14px;gap:4px;align-items:stretch}.nav.open{display:flex;flex-direction:column}.nav>a{padding:12px 0}.nav-contact{justify-content:space-between}.menu-toggle{display:block}
 .hero-topline>span:last-child{display:none}.hero-bottom .field-controls{justify-content:flex-start}
}
@media(max-width:680px){
 .header{padding:0 20px;gap:8px}.brand{width:76px}.header-tools{gap:4px}
 .hero-intro,.project-copy>p,.about-copy>p:not(.lead),.principles p,.steps p,.mission-layout>div>p:last-child,.vision-content>p:not(.eyebrow),.company-intro>p:not(.eyebrow),.contact-layout>div>p:last-child,.foundation p,.section-heading>p{font-size:14px}
 .hero .eyebrow{font-size:10px;letter-spacing:1px}.hero-topline{font-size:10px;letter-spacing:.4px}
 .hero-bottom .field-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.field-controls button{font-size:10px;padding:12px 10px}
 .art-bottom .mono,.film-caption,.visual-coordinate,.mission-symbol small,.section-marker .mono,.vision-signature,.project-meta{font-size:10px}
 .diagram-caption{gap:8px}.diagram-caption p{font-size:12px}.diagram-caption .mono{font-size:10px}
 .tags>span{font-size:12px}.project-meta{gap:14px}.company-data>div{font-size:14px;grid-template-columns:100px 1fr;gap:12px}
 .contact-action label,.contact-note,.footer p,.footer .footer-sub,.back-top{font-size:12px}
 .footer{flex-wrap:wrap}.back-top{gap:10px}.hero-title{font-size:23px}
}
@media(max-width:360px){.brand{width:68px}.header{padding:0 16px}.hero-topline{font-size:10px;letter-spacing:0}.field-controls button{padding:12px 6px;letter-spacing:0}.company-data>div{grid-template-columns:1fr;gap:4px}.hero-slogan{font-size:45px;letter-spacing:-2.5px}}
.error-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;padding-top:50px;padding-bottom:50px}.error-page>img{width:111px}.error-page h1{font-size:clamp(26px,4vw,48px)}.error-page>p{color:var(--muted);font-size:15px}.error-page .eyebrow{margin:0}.error-page .hero-actions{flex-wrap:wrap;margin:0;gap:14px}
.foundation .text-link{font-size:12px}

.mission .eyebrow{font-size:12px}

/* Corporate privacy notice: static, readable and aligned with the main site. */
.privacy-link{display:inline-flex;align-items:center;min-height:44px;color:#b5cada;font-size:12px;line-height:1.7}
.policy-header .header-tools{margin-left:auto}
.policy-main{max-width:1000px;padding-top:46px;padding-bottom:65px}
.policy-back{display:inline-flex;gap:10px;align-items:center;min-height:44px;font-size:14px;color:#a8cbe5;margin-bottom:42px}
.policy-page h1{font-size:clamp(30px,4.3vw,56px);font-weight:500;line-height:1.4;letter-spacing:-1px;overflow-wrap:anywhere}
.policy-page .eyebrow{margin-bottom:14px;color:#8db5d4}
.policy-updated{font-size:13px;color:#8ea4b9;margin:18px 0 26px}
.policy-intro{font-size:17px;line-height:2;color:#c2d4e3;margin-bottom:48px;max-width:850px}
.policy-section{border-top:1px solid var(--line);padding:32px 0}
.policy-page .policy-section h2{display:flex;align-items:baseline;gap:18px;font-size:22px;line-height:1.6;letter-spacing:0;font-weight:500;margin-bottom:17px}
.policy-number{font:11px var(--mono);color:#7aabd0;flex-shrink:0}
.policy-section p{font-size:15px;line-height:2;color:#a8bbcd;overflow-wrap:anywhere}
.policy-section p+p{margin-top:16px}
.policy-email{display:inline-flex;min-height:44px;align-items:center;gap:18px;font-size:17px;color:#cae8ff;margin-top:12px;overflow-wrap:anywhere}
.policy-back-bottom{margin:18px 0 0}
@media(max-width:680px){
 .privacy-link{flex-basis:100%;margin-top:2px}.footer .privacy-link+.back-top{margin-left:0}
 .policy-main{padding-top:25px;padding-bottom:38px}.policy-back{margin-bottom:28px}
 .policy-page h1{font-size:30px;letter-spacing:0}.policy-intro{font-size:15px;margin-bottom:32px}
 .policy-page .policy-section h2{font-size:20px;gap:12px}.policy-section{padding:26px 0}.policy-section p{font-size:14px}
 .policy-email{font-size:16px}.policy-updated{font-size:12px}
}
@media(max-width:360px){.policy-page:lang(ja) h1{font-size:26px}}

/* Compact mobile artwork preserves all business copy and readable labels. */
@media(max-width:680px){
 .project-art{height:200px;padding:18px}
 .project-art .art-top{flex-shrink:0}
 .project-art .art-bottom{flex-shrink:0;gap:8px}
 .creative-art .art-bottom strong{font-size:20px}
 .film-visual>strong{font-size:44px;letter-spacing:-3px;margin-top:-14px}
 .film-caption{bottom:4px;font-size:10px;letter-spacing:.5px}
}

/* Contact stays reachable whenever navigation is collapsed. */
.header-contact{display:none}
@media(max-width:1100px){
 .header-contact{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #7fc7ff55;border-radius:6px;color:#cceaff;background:#7fc7ff0b}
 .header-contact:hover{background:#7fc7ff22}
}
@media(max-width:680px){.header-tools .languages>span{display:none}}
@media(max-width:360px){
 .header{padding-left:12px;padding-right:12px;gap:6px}
 .header .brand{width:60px}
 .header-tools{gap:2px}
}

/* Shared three-language navigation and readable business summaries. */
.language-menu{position:relative;flex-shrink:0;font:12px var(--mono);color:#d8e9f7}
.language-menu summary{display:flex;align-items:center;justify-content:center;gap:7px;min-width:76px;min-height:44px;padding:0 8px;list-style:none;cursor:pointer;border:1px solid #ffffff26;border-radius:6px;user-select:none}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary:focus-visible{outline:2px solid #b8e6ff;outline-offset:4px}
.language-menu[open] summary{background:#152638}
.language-options{position:absolute;right:0;top:calc(100% + 8px);width:154px;display:grid;padding:6px;background:#101b28;border:1px solid #77bfff40;border-radius:8px;box-shadow:0 12px 30px #0008;z-index:45}
.language-options a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:4px;font-family:var(--sans);font-size:14px;color:#b5c9dc}
.language-options a:hover,.language-options a[aria-current=page]{background:#23415b;color:#fff}
.field-controls button small{opacity:1;color:inherit}
.service-facts{margin:20px 0;padding:16px 18px;border-left:2px solid #79c4ff66;background:#ffffff04;font-size:14px;line-height:1.9}
.service-facts dt{color:#c5dfef;font-size:12px;margin-bottom:5px}
.service-facts dd{margin:0;color:#a7bacb}
.foundation>*{min-width:0}.foundation h3{overflow-wrap:break-word}
.foundation-links{display:grid;gap:6px}.foundation-links .text-link{justify-content:space-between}
.company-data dd{min-width:0;overflow-wrap:anywhere}
html[lang=zh-Hans] .hero-title{letter-spacing:1px}
html[lang=zh-Hans] h2{line-height:1.5}
html[lang=zh-Hans] .project h3{line-height:1.5}
html[lang=zh-Hans] .vision h2{font-size:clamp(30px,4vw,54px)}
@media(max-width:1100px){.foundation-links{grid-column:1/-1;justify-content:end;min-width:220px}}
@media(max-width:680px){
 .header .brand{width:76px}
 .header-tools{gap:6px}
 .foundation-links{grid-column:auto;justify-content:stretch;min-width:0}
 .service-facts{font-size:14px;padding:14px 16px}
 .contact-action{min-width:0}.contact-action select{max-width:100%;width:100%}
 html[lang=zh-Hans] .vision h2{font-size:32px}
}
@media(max-width:360px){.header .brand{width:60px}.header-tools{gap:4px}.language-menu summary{min-width:68px;padding:0 5px;gap:5px}}