/* VoxelBox Atelier — September 2026. Shared visual layer; existing integrations retained. */
:root{--bg-0:#f2f0e6;--bg-1:#e9e8dc;--bg-2:#e3e5d8;--bg-3:#dce1d1;--ink:#213c30;--muted:#536356;--dim:#626f61;--line:#cdd1c0;--line-2:#a8b29e;--panel:#e9ebdf;--orange:#ac4324;--orange-2:#a44123;--orange-d:#843419;--glow:transparent;--blue:#3c6756;--violet:#677f58;--radius:2px;--radius-lg:3px;--wrap:1440px;--shadow:0 16px 35px #25372e0a}
body{background:var(--bg-0);color:var(--ink)}body::before{background:none}h1,h2,h3{font-weight:500;letter-spacing:-.055em}::selection{background:#ed794e;color:#172d23}a,button{-webkit-tap-highlight-color:transparent}.wrap{padding-inline:clamp(22px,4.6vw,76px)}
.top{background:#f2f0e6f5!important;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.top-in{height:90px}.brand-logo{filter:brightness(0) saturate(100%) invert(19%) sepia(19%) saturate(1138%) hue-rotate(100deg) brightness(94%);width:135px;height:auto;object-fit:contain}.top-nav>a,.top-nav .nav-group>a{font-size:13px;color:var(--ink)}.top-nav{gap:19px}.top-cta{font-size:12px!important;padding:12px 17px!important}.nav-toggle span{background:var(--ink)}.top-nav .nav-menu{background:#f2f0e6;border:1px solid var(--line);border-radius:2px;box-shadow:0 12px 30px #213c301c}.nav-menu a{color:var(--ink)!important}.btn{border-radius:2px;padding:15px 23px;font-size:14px;box-shadow:none;gap:28px}.btn--primary{background:#234c37;color:#fff9e7;border:1px solid #234c37;box-shadow:none}.btn--primary:hover{background:#346146;box-shadow:none}.btn--ghost{color:var(--ink);border:1px solid var(--line-2);background:transparent}.btn--ghost:hover{background:#e1e4d5;box-shadow:none}.eyebrow{color:var(--orange);font-size:10px;letter-spacing:.16em}.eyebrow::before{box-shadow:none}.g{background:none!important;color:var(--orange)!important;-webkit-text-fill-color:currentColor}
.atelier{padding:119px 0 0}.atelier-kicker{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:15px 0 26px}.atelier-title{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:end}.atelier h1{font-size:clamp(58px,6.95vw,108px);line-height:.98;letter-spacing:-.075em;position:relative;z-index:1}.atelier h1 span{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#ac4324;letter-spacing:-.065em}.atelier-intro{max-width:300px;justify-self:end;padding-bottom:6px}.atelier-intro p{font-size:14px;line-height:1.8;margin:12px 0 24px;color:var(--muted)}.asterisk{font-size:55px;line-height:1;color:#bf542e}.world-frame{position:relative;margin-top:32px;background:#e5e9db;border:1px solid #bbc6ae;overflow:hidden}.world-label,.world-controls{position:absolute;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;z-index:2;font:10px var(--f-mono);letter-spacing:.1em}.world-label{top:22px}.world-controls{bottom:18px}.world-drawing{height:clamp(330px,37vw,520px)}.world-drawing svg{height:100%;width:100%;display:block}.world-toggle{background:#f2f0e6;border:1px solid #9aa88e;color:#213c30;font:11px var(--f-mono);padding:12px 15px;display:flex;gap:30px}.world-toggle:hover{background:#fff9e7}.world-block{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.world-frame.exploded .world-block{transform:translate(var(--dx),var(--dy))}.atelier-bottom{display:flex;justify-content:space-between;gap:20px;padding:19px 0 30px;font-size:11px;color:var(--muted)}.atelier-bottom a{color:var(--ink)}
.livebar{background:#e8e7da;border-block:1px solid var(--line)}.livebar .stat{padding:24px 30px}.livebar .stat-n{font-size:32px;color:var(--ink);font-weight:400;letter-spacing:-.055em}.livebar .stat-l{font-size:9px;letter-spacing:.09em;color:var(--muted)}.sec{padding-block:95px}.sec-head{margin-bottom:38px}.sec-head h2{font-size:clamp(36px,4.5vw,65px);margin-top:16px;max-width:900px}.sec-head .lead{font-size:15px;line-height:1.8;max-width:58ch;margin-top:20px}.sec::before,.final-bg,.page-hero::before{display:none}.mods{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);counter-reset:capability}.mod{border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:transparent!important;border-radius:0;padding:30px;box-shadow:none;counter-increment:capability}.mod::after{content:'0' counter(capability);position:absolute;top:24px;right:24px;font:10px var(--f-mono);color:var(--dim);background:none;opacity:1}.mod::before{display:none}.mod:hover{background:#e6e9da!important;transform:none;box-shadow:none}.mod-glyph{color:var(--orange);background:none;border:none;margin-bottom:25px}.mod h3{font-size:23px}.mod p{font-size:13px;line-height:1.8}.mod-more{grid-template-rows:1fr;opacity:1}.mod-more p{font-size:10px;color:var(--muted)}
#work{background:#e5e8dc;border-block:1px solid var(--line)}.holos{gap:24px}.holo{border-radius:0;background:#f2f0e6;border:1px solid var(--line);box-shadow:none}.holo:hover{transform:translateY(-4px);box-shadow:0 12px 28px #213c3012;border-color:#82937d}.holo-cap h3{font-size:24px}.holo-cap p{font-size:13px}.holo-tags span{border-color:var(--line);color:var(--muted);border-radius:0}.holo-art{filter:saturate(.65);aspect-ratio:16/10}.holo-open{opacity:1;transform:none;background:#213c30;color:#fff;padding:7px;border-radius:0}.work-note{font-size:13px}.arcade{background:#213c30!important;--ink:#f2f0e6;--muted:#c1ccb8;--line:#4b614b;--line-2:#657b61;--orange-2:#ff9a6a}.arcade .eyebrow{color:#ff9a6a}.arcade .game,.arcade .idcard{background:#294734;border-color:#53644b;box-shadow:none}.game{border-radius:2px}.game:hover{transform:translateY(-4px);box-shadow:none}.game-art{filter:saturate(.7)}.game-art::after,.game::after,.idcard::before{display:none}.game-body h3{font-size:24px}.game-body p{font-size:13px}.game-go{color:var(--ink)}.arcade .btn--ghost{color:#f2f0e6}.idcard{border-radius:0;background:var(--bg-1)}.idcard-feats span{border-radius:0}.diff{background:transparent}.diff-list li::before{box-shadow:none}.stackcard{background:#e6e9dc;border-radius:0;box-shadow:none}.stackcard-head{background:#dce2d0}.stackcard-live{color:#315340}.pnode i,.pipe.flow .pnode i{border-radius:0;background:#e0e5d4;color:var(--ink);box-shadow:none}.pipe::before{background:var(--line-2)}.pipe::after{display:none}.final{background:#dce4cf;padding:90px 0;text-align:left}.final-in{max-width:var(--wrap)}.final-in h2{max-width:950px;font-size:clamp(38px,5vw,72px)}.final-in .lead{margin-inline:0}.final-in .eyebrow{justify-content:flex-start!important}.final-in .btn-row{justify-content:flex-start!important}.foot{background:#f2f0e6}.foot-grid{padding-block:65px}.foot a{font-size:12px}.foot h4{font-size:10px;color:var(--orange)}.foot-brand p{font-size:13px}.foot-bottom{font-size:10px}.foot-social a{border-radius:50%;width:34px;height:34px}.foot-grants{background:#213c30;padding:12px;width:fit-content}.page-hero{padding-top:160px;border-bottom:1px solid var(--line);background:#e5e8db}.page-hero h1{font-size:clamp(45px,6vw,84px);max-width:22ch}.page-hero .lead{font-size:16px}.fact,.panel,.card,.faq,.form-card,.contact-form,.world,.stat-card{background:var(--bg-1);border-radius:2px;box-shadow:none}input,textarea,select{background:#faf9f2!important;color:#213c30!important;border-color:#9ba98f!important;border-radius:2px!important}.boot{display:none!important}[data-reveal]{opacity:1!important;transform:none!important}.top-nav a:focus-visible,.foot a:focus-visible{outline:2px solid #a44123}.nav-group:focus-within .nav-menu{visibility:visible;opacity:1}.world-toggle:focus-visible{outline:3px solid #a44123;outline-offset:3px}
@media(min-width:1000px){.holos{grid-template-columns:repeat(2,1fr)}.games{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.top-nav{gap:12px}.top-in{height:76px}.atelier{padding-top:100px}.atelier h1{font-size:7.4vw}.atelier-title{grid-template-columns:1.5fr 1fr;gap:24px}.atelier-intro{max-width:260px}.atelier-intro p{font-size:13px}.foot-grid{gap:20px}}
@media(max-width:900px){.top-nav{background:#f2f0e6!important}.top-nav.open{border-bottom:1px solid var(--line)}.atelier-title{grid-template-columns:1fr}.atelier h1{font-size:clamp(55px,10.5vw,88px)}.atelier-intro{display:grid;grid-template-columns:1fr auto;max-width:none;justify-self:stretch;align-items:center;gap:24px}.asterisk{display:none}.atelier-intro p{max-width:410px;margin:0}.world-frame{margin-top:25px}.livebar .stat{padding:22px}.sec{padding-block:60px}.foot-grid{grid-template-columns:repeat(2,1fr)}.foot-brand{grid-column:1/-1}.page-hero{padding-top:130px}}
@media(max-width:600px){.atelier-kicker{font-size:8px;gap:22px;line-height:1.7}.atelier-title{gap:24px}.atelier h1{font-size:clamp(46px,10.6vw,64px)}.atelier-intro{display:block}.atelier-intro p{font-size:13px;margin-bottom:18px}.atelier-intro .btn{width:100%;justify-content:space-between}.world-drawing{height:310px;width:145%;margin-left:-22.5%}.world-label{left:14px;top:14px;font-size:8px}.world-label span:last-child{display:none}.world-controls{left:14px;right:14px;bottom:12px;font-size:8px;gap:10px}.world-toggle{font-size:9px;gap:15px;padding:10px}.atelier-bottom{font-size:10px;align-items:start}.atelier-bottom>span{max-width:180px}.livebar-in{grid-template-columns:repeat(2,1fr)}.livebar .stat{padding:18px 12px}.livebar .stat:nth-child(3){border-left:0}.livebar .stat:nth-child(n+3){border-top:1px solid var(--line)}.livebar .stat-n{font-size:28px}.livebar .stat-l{font-size:8px}.mod{padding:25px}.sec-head h2{font-size:38px}.page-hero h1{font-size:45px}.final{padding-block:55px}.final-in h2{font-size:40px}.foot-grid{padding-block:40px}.world-caption{max-width:145px}.btn{gap:15px}.foot-bottom{gap:20px}.top-cta{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.world-block{transition:none}}

.atelier-brand{display:inline-flex;align-items:center;gap:9px;color:#213c30;font:600 23px var(--f-display);letter-spacing:-1.3px;white-space:nowrap}.brand-period{font:9px var(--f-mono);vertical-align:top;margin-left:3px;letter-spacing:0}.foot .atelier-brand{font-size:23px}.arcade{color:var(--ink)}.holo-art{width:100%;height:auto;aspect-ratio:16/9}.mods{grid-template-columns:repeat(3,1fr)}.cookie{box-shadow:0 -4px 22px #213c3010}.form-status.ok{color:#27613a}.form-status.err{color:#a33420}.fact,.srv,.faq-item,.bot-item,.streamer,.card,.support-card{background:#e8ebdf}.card:hover{box-shadow:none!important}.arcade .idcard .eyebrow{color:#ff9a6a}.holo-tags i{color:var(--muted);border-color:var(--line)}
@media(max-width:900px){.mods{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.mods{grid-template-columns:1fr}.atelier-brand{font-size:22px}}