*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 var(--ms-sans)}a{color:var(--ms-lime);text-underline-offset:5px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 5vw;border-bottom:1px solid var(--line)}header a:first-child{display:flex;gap:12px;align-items:center;color:var(--fg);font-size:25px;letter-spacing:-1px;text-decoration:none}main{max-width:1320px;padding:60px 5vw;margin:auto}h1,h2,h3{font-family:var(--ms-display)}h1{font-size:clamp(46px,7vw,92px);letter-spacing:-4px;line-height:1;margin:22px 0}h1 em{color:var(--ms-lime);font-style:normal}h2{font-size:36px;letter-spacing:-1px;line-height:1.1;margin-top:65px}h3{font-size:23px;letter-spacing:-.5px;margin:16px 0 0}p{color:var(--dim)}.intro{max-width:630px;font-size:18px}
.identity{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;border-block:1px solid var(--line);padding:35px 0;margin:45px 0}.wordmark{width:min(400px,100%);border-radius:24px}
.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.swatches span{flex:1;border:1px solid #53664c;border-top:60px solid var(--sw);border-radius:12px;background:#162018;padding:12px;font:10px/1.8 monospace;white-space:nowrap}.swatches span small{display:block;color:var(--dim);white-space:normal;font-size:9px;line-height:1.4}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px 25px}.gallery article{min-width:0}.gallery img{width:100%;border:1px solid var(--line);border-radius:18px;background:#0b100c}.gallery p{margin:5px 0 10px}.gallery a{margin-right:18px}.gallery article:first-child{grid-column:1/-1}
.marks{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}.marks figure{margin:0;border:1px solid var(--line);border-radius:18px;padding:20px;text-align:center;font:11px/1.6 var(--ms-mono);color:var(--dim)}.marks figure.volt{background:#b9fb44;color:#0b100c}.marks figure.volt a{color:#0b100c}.marks figure.paper{background:#f3f7ec;color:#0b100c}.marks figure.paper a{color:#0b100c}.marks figure.ink{background:#0b100c}.marks img{width:min(150px,60%);display:block;margin:0 auto 12px}.marks figcaption b{display:block;font-size:12px;color:inherit}
.rules{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:22px}.rules div{border:1px solid var(--line);border-radius:18px;padding:22px 26px}.rules h3{margin:0 0 10px;font-size:19px}.rules ul{margin:0;padding-left:20px}.rules li{margin:6px 0;color:var(--dim)}.rules .do h3{color:var(--ms-lime)}.rules .dont h3{color:var(--ms-coral)}
.space{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;margin-top:22px}.space .box{width:220px;height:220px;border:1px dashed #6d7b70;border-radius:14px;display:grid;place-items:center;position:relative}.space .box img{width:110px;height:110px}.space .box i{position:absolute;inset:0;margin:27px;border:1px solid #b9fb4466;border-radius:8px}.space .box small{position:absolute;bottom:6px;right:8px;font:10px var(--ms-mono);color:var(--dim)}.sizes{display:flex;gap:24px;align-items:flex-end;margin-top:14px}.sizes img{display:block}.sizes span{font:10px var(--ms-mono);color:var(--dim);text-align:center}
.scroll{overflow-x:auto;max-width:100%}table.files{width:100%;min-width:560px;border-collapse:collapse;margin-top:22px;font-size:14px}table.files th,table.files td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}table.files th{font:700 10px/1.5 var(--ms-mono);letter-spacing:1.5px;color:var(--ms-lime)}table.files td:first-child{white-space:nowrap}table.files code{font:12px var(--ms-mono);color:var(--fg)}
.voice{border-top:1px solid var(--line);margin-top:60px;max-width:700px}.voice h2{margin-top:35px}footer{padding:25px 5vw;border-top:1px solid var(--line);font:11px monospace;color:var(--dim)}
@media(max-width:900px){.marks{grid-template-columns:1fr 1fr}}@media(max-width:640px){main{padding-top:35px}h1{letter-spacing:-2px}.identity,.gallery,.rules,.space{grid-template-columns:1fr}header a{font-size:12px}.swatches{grid-template-columns:repeat(2,1fr);gap:7px}.swatches span{padding:8px}.marks{grid-template-columns:1fr}.space .box{width:180px;height:180px}.space .box img{width:90px;height:90px}.sizes{flex-wrap:wrap}.wordmark{width:100%}}