/* Full original logo lockup, with no cropping or offset. */
.header{height:150px}.header .brand-original{display:block;flex:0 0 170px;width:170px;height:144px}.header .brand-original>img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.hero-content{padding-top:180px}.header nav{gap:24px}
.road-caption{text-align:center;font:11px/1.6 var(--font);color:#bcebf4;letter-spacing:2px;margin-bottom:18px}.replay-value{display:block;margin:14px auto 0;border-bottom:1px solid #5a8796;font-size:11px;padding:6px 3px;color:#abc9d1}
.ferris-stage .eco-rotor .eco-node:nth-child(n){width:15%}.ferris-stage .eco-rotor .eco-node strong{font-size:clamp(9px,1vw,12px)}
.code-explorations{margin-top:90px;border-top:1px solid var(--line);padding-top:70px}.code-heading{gap:35px}.code-heading h2{max-width:660px}.code-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.code-stories article{background:#0a1219;padding:30px}.code-emblem{display:block;color:#acdbe6;font-size:38px;margin-bottom:18px}.code-stories h3{font-size:21px;line-height:1.4;margin-bottom:18px}.code-stories p{font-size:13px;line-height:1.9;color:#a9b9c4}.code-stories .text-link{font-size:12px;margin-top:25px}.code-note{font-size:11px!important;line-height:1.8;color:#8da5b4;margin:22px 0}.code-note a{color:#b5dfea;text-decoration:underline;text-underline-offset:4px}
.hex-atlas{margin-top:42px;border:1px solid #34505e;padding:28px;border-radius:5px;background:linear-gradient(130deg,#10222d,#080f16)}.hex-atlas summary{font:500 24px/1.4 var(--display);cursor:pointer;color:#e2d0a3}.hex-atlas>p{margin:20px 0;font-size:12px;color:#a4b4c0}.kingwen-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.kingwen-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:108px;border:1px solid #253a46;background:#0b1620;border-radius:4px;padding:8px 3px}.kingwen-grid button>span{font:34px/1.2 'Noto Sans Symbols 2','Apple Symbols',serif;color:#dfc48a}.kingwen-grid strong{font-size:12px;font-weight:500;margin:5px 0}.kingwen-grid small{font-size:9px;color:#9eacb7}.kingwen-grid button[aria-pressed=true]{border-color:#d0b176;background:#342c1c}.hex-atlas output{display:block;margin-top:24px;color:#dfc48a;font-size:20px}
.word64{margin-top:42px;padding:34px;background:radial-gradient(ellipse at 70% 0,#17344466,transparent 65%),#0b141c;border:1px solid #29434f;border-radius:5px}.word64 h3{font-size:28px;line-height:1.4;margin:18px 0}.word64>p{font-size:13px;color:#a9b9c4;max-width:800px}.word64-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;margin:24px 0}.word64-grid button{aspect-ratio:1;min-height:32px;border:1px solid #334f5e;background:#0b1720;color:#6f8d9c;font:15px monospace}.word64-grid button[aria-pressed=true]{background:#9fe4ee;color:#06131b;border-color:#c6faff}.word64-result{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:12px;color:#93aebc}.word64-result output{font:clamp(18px,3vw,30px)/1.5 monospace;color:#d4f8ff;overflow-wrap:anywhere;max-width:100%}.word64-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.word64-actions button{border:1px solid #3f6170;padding:9px 16px;font-size:11px}
@media(max-width:1050px){.header .brand-original{width:140px;flex-basis:140px;height:119px}.header{height:125px}.code-stories{grid-template-columns:1fr}.code-stories article{padding:26px}.hero-content{padding-top:155px}}
@media(max-width:700px){.header{height:112px;padding:0 6%}.header .brand-original{width:126px;flex-basis:126px;height:107px}.hero-content{padding-top:155px}.header nav.open{top:112px}.code-explorations{margin-top:55px;padding-top:45px}.code-heading h2{font-size:31px}.hex-atlas{padding:18px}.hex-atlas summary{font-size:21px}.kingwen-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.kingwen-grid button{min-height:98px}.word64{padding:20px}.word64 h3{font-size:23px}.word64-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.word64-grid button{font-size:13px;min-height:27px}.ferris-stage .eco-rotor .eco-node:nth-child(n){width:16%}.ferris-stage .eco-rotor .eco-node strong{font-size:8px}.road-caption{font-size:10px;letter-spacing:1px}}

/* V8: transparent vector symbol and English wordmark. */
.header .brand-original{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:transparent}
.header .brand-original>img{width:76px;height:61px;object-fit:contain;mix-blend-mode:normal;background:transparent}
.header .brand-wordmark{display:block;color:#f2f5f5;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:900;letter-spacing:.5px;line-height:1.1;white-space:nowrap}
@media(max-width:1050px){.header .brand-original>img{width:65px;height:52px}.header .brand-wordmark{font-size:15px}}
@media(max-width:700px){.header .brand-original{gap:7px}.header .brand-original>img{width:58px;height:47px}.header .brand-wordmark{font-size:14px}}