/* Refined light palette: 2026-10-11 12:35 +08:00 */
/* Official OMNIKYU palette — updated 2026-10-11 12:17 +08:00. */
:root{--bg:#0b1930;--ink:#eef7ff;--muted:#aabed3;--accent:#56cee2;--line:#9ac9e52d;--navy:#172a49;--blue:#208fc0;--cyan:#32b7d1;--ice:#cfdee9}
::selection{background:#32b7d1;color:#10213c}body{background:var(--bg)}
header,.project-page .project-header{background:#cfdee9f5;color:var(--navy);height:104px;border-bottom:1px solid #1b46651c;backdrop-filter:blur(16px);gap:24px}
header nav{gap:clamp(18px,2.5vw,40px)}header nav a:hover{color:#157caa}header .nav-contact{border-color:#1f567c55;white-space:nowrap}header .nav-contact span{color:#1487b3;margin-left:12px}
header .brand{display:flex;align-items:center;gap:14px;flex-shrink:0;width:246px;letter-spacing:normal;line-height:1}
.brand img{display:block;object-fit:contain;max-width:100%;height:auto}.brand-symbol{width:60px}.brand-type{display:flex;flex-direction:column;align-items:center;gap:8px;width:172px}.brand-wordmark{width:172px}.brand-tagline{width:145px}
header .language-control{position:static;margin:0 0 0 auto;border-color:#183c6355;background:#fff8;color:var(--navy);flex-shrink:0;padding:5px 9px;min-height:44px}.language-control select{font-size:14px;max-width:104px}.language-control select option{background:#cfdee9;color:#172a49}.language-control:focus-within{outline-color:#137fa9}
.new-hero{background:radial-gradient(ellipse at 68% 32%,#99c5dd 0%,#bfd5e4 36%,#cfdee9 74%);color:var(--navy);padding-top:130px}.new-hero .hero-top{color:#385d7a}.hero-intro,.hero-side{color:#315670}.hero-headline h1>span{color:#168bbc}.hero-headline p{color:#244760;text-shadow:none;background:#cfdee9b8;padding:16px 20px;border-left:2px solid #269dbb;border-radius:0 8px 8px 0;max-width:370px}.new-hero .hero-word{bottom:100px;left:4%;right:4%;line-height:0;mix-blend-mode:multiply;opacity:.14}.hero-word img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain}.new-hero .hero-bottom{border-color:#1f567c40;color:#315670}.new-hero #hero-motion{color:#315670}.round-link i{border-color:#1f567c55}.new-hero .round-link:hover i{background:#172a49;color:#eef7ff}
.sculpture-fallback{border-color:#389ac2;box-shadow:inset 0 0 40px #b7e6f8,0 0 70px #8ab6d155}
.manifesto{background:#d9e4ec;color:#172a49}.manifesto .eyebrow{color:#496e88}.manifesto em{color:#1687b5}.manifesto>div{color:#46637a}.manifesto>a{border-color:#1687b5}
.project-intro{background:#0b1930}.project-intro em,.project-intro small{color:#65cbe2}
.panorama,.cryptoquantlab,.interactive-worlds,.digital-content{--scene-accent:#75d6e8;--scene-ink:#eef7ff;background:#0b1930}.scene-host{background:radial-gradient(ellipse at 70% 45%,#22587c,#0b1930 72%)}.cryptoquantlab .scene-host{background:radial-gradient(ellipse at 70% 50%,#173c64,#09162b 72%)}.interactive-worlds .scene-host{background:radial-gradient(ellipse at 70% 50%,#397f9b,#112b47 75%)}.interactive-worlds.is-night .scene-host{background:radial-gradient(ellipse at 65% 40%,#17456a,#08162e 75%)}.digital-content .scene-host{background:#163451}
.scene-shade,.interactive-worlds .scene-shade,.digital-content .scene-shade{background:linear-gradient(90deg,#09172bdd 0%,#0c203783 28%,transparent 64%),linear-gradient(0deg,#081629db,transparent 33%)}.panorama-top,.scene-caption{color:#d1e5f4}.panorama-desc,.digital-content .panorama-desc{color:#d2e4f2}.project-status{border-color:#99cee65c}.scene-options button,.scene-play{background:#102440aa;border-color:#9ac9e566;color:#e3f1fa}.scene-options button[aria-pressed=true]{color:#102440}.scene-pause{color:#cfdfef;background:#10244088}.scene-fallback{color:#77bcdc}
.expertise{background:linear-gradient(120deg,#c0d9e8,#abcddd);color:#172a49}.expertise h2 em{color:#137fac}.expertise .eyebrow,.expertise .section-head p,.service p,.service>span{color:#365b75}.service{border-color:#20496738}.service>i{color:#1687b5}.section-head h2 em{color:#61bbdb}
.about{background:radial-gradient(ellipse at 15% 20%,#14395a,#0b1930 70%)}.about h2 span{color:#6abedb}.about-copy a,.process small{color:#78d8e8}
.contact{background:#d1e0ea;color:#172a49}.contact h2 span{color:#1588b5}.contact .eyebrow,.contact p{color:#42667d}.contact .email{border-color:#1f567c55}
.project-story{background:#cfdee9;color:#172a49}.project-story .eyebrow,.project-story small{color:#436d87}.project-story>div span,.next-project{border-color:#1f567c44}
footer{background:#d9e4ec;color:#395c78;border-top:1px solid #1f567c26;gap:28px}footer .brand{display:block;width:210px;flex:0 0 210px}footer .brand-lockup{width:210px;height:auto}footer button{border-color:#1f567c55;color:#254b69;min-height:42px}
@media(max-width:1100px){header{gap:18px}header .brand{width:204px;gap:10px}.brand-symbol{width:48px}.brand-type,.brand-wordmark{width:146px}.brand-tagline{width:124px}.hero-headline p{max-width:280px}.project-page .project-header{gap:20px}}
@media(max-width:800px){header .brand{width:170px}.brand-symbol{display:none}.brand-type,.brand-wordmark{width:170px}.brand-tagline{width:138px}header nav{gap:14px}header .nav-contact{font-size:12px}.new-hero .hero-word{bottom:116px}footer .brand{width:170px;flex-basis:170px}}
@media(max-width:650px){header{height:92px;padding:0 5%!important;gap:10px}header .brand{width:130px}.brand-type,.brand-wordmark{width:130px}.brand-type{gap:7px}.brand-tagline{width:112px}header .nav-contact{font-size:12px}header .nav-contact span{margin-left:4px;font-size:16px}header .language-control{top:auto;right:auto;min-height:42px;padding:3px 6px;gap:4px;margin-left:auto}.language-control select{font-size:13px;max-width:84px}.language-icon{display:none}.new-hero{padding-top:120px}.hero-headline p{max-width:100%;margin-right:0;padding:12px 16px}.new-hero .hero-word{bottom:140px;opacity:.16}.scene-shade,.interactive-worlds .scene-shade,.digital-content .scene-shade{background:linear-gradient(0deg,#0b1930fc,#0b1930eb 38%,transparent 75%)}footer .brand{width:160px;flex-basis:100%}footer .brand-lockup{width:160px}.project-page .project-header{display:grid;height:124px;grid-template-columns:1fr 1fr auto;grid-template-rows:64px 44px;gap:0 12px!important;align-content:center}.project-header>.brand{grid-column:1/3;grid-row:1}.project-header>.language-control{grid-column:3;grid-row:1}.project-header>a:nth-child(2){grid-column:1;grid-row:2}.project-header>a:nth-child(3){grid-column:2/4;grid-row:2;text-align:right}.project-page .panorama-top{top:150px}}
@media(max-width:360px){header .brand,.brand-type,.brand-wordmark{width:112px}.brand-tagline{width:96px}header{gap:8px}header .nav-contact span{display:none}}
.expertise .section-head h2 em{color:#137fac}@media(max-width:360px){header .nav-contact{display:none}}
.hero-headline h1{text-shadow:0 2px 22px #cfdee9cc}@media(max-width:650px){.hero-headline h1{background:#cfdee9e6;border-radius:8px;padding:12px 16px;width:fit-content;max-width:100%;font-size:clamp(38px,9vw,58px)}}