:root{--bg:#f3f5e9;--bg2:#f3f5e9;--bg3:#f3f5e9;--panel:#f3f5e9;--text:#25332b;--muted:#25332b;--quiet:#25332b;--accent:#e46c43;--bright:#e46c43;--dim:#e46c43;--line:color-mix(in srgb,#25332b 20%,transparent);--line-dim:color-mix(in srgb,#25332b 9%,transparent);--glow:0 0 24px color-mix(in srgb,#e46c43 30%,transparent);--concept-font:'DM Sans',Arial,sans-serif}
body,.site-shell{background:var(--bg);color:var(--text)}
.global-header,.header-line,.nav-line{background:var(--bg);color:var(--text)}
.site-nav a,.brand-lockup,.nav-action{color:var(--text)}
.site-nav a b,.brand-slash{color:var(--accent)}
.brand-lockup small,.header-line .subtle{color:var(--muted);opacity:.65}
.concept-ribbon{border:1px solid var(--accent);padding:2px 6px;color:var(--accent);margin-right:10px}
.site-shell main,.section-main,.work-section,.service-details,.repos-section,.team-section{background-color:var(--bg);color:var(--text)}
.section-main h2,.work-lead h2{color:var(--text)}
.section-projects,.process-section,.footer-cta,.global-footer{background:#181311;color:#f6ede4}
.project-records .featured-record{color:#f7eee9}
.concept-hero{background:var(--bg);color:var(--text);min-height:690px;overflow:hidden;border-bottom:1px solid var(--line);position:relative}
.concept-grain{position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;opacity:.3;pointer-events:none}
.concept-top,.concept-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:15px clamp(20px,4.5vw,70px);font:600 10px var(--mono);letter-spacing:.08em;color:var(--muted);position:relative}
.concept-bottom{border-top:1px solid var(--line);border-bottom:0}
.concept-top>span:first-child,.concept-bottom>span:last-child{color:var(--accent)}
.concept-layout{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:clamp(30px,5vw,80px);padding:55px clamp(20px,4.5vw,70px);min-height:575px;position:relative}
.concept-copy{min-width:0}
.concept-kicker{font:600 11px var(--mono);letter-spacing:.09em;color:var(--accent)}
.concept-copy h1{font:600 clamp(54px,6.4vw,110px)/1.01 var(--concept-font);letter-spacing:-.055em;margin:26px 0;overflow-wrap:anywhere}
.concept-copy h1 em{font-style:normal;color:var(--accent)}
.concept-copy p{font:400 17px/1.8 var(--body);max-width:600px;color:var(--muted)}
.concept-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.concept-actions a{border:1px solid var(--accent);padding:15px 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font:700 11px var(--mono);letter-spacing:.05em;transition:transform .3s,background .3s}
.concept-actions a:first-child{background:var(--accent);color:var(--bg)}
.concept-actions a:hover{transform:translateY(-5px)}
.concept-actions a b{font-size:17px}
.concept-meta{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:17px;margin-top:42px;font:600 9px var(--mono)}
.concept-stage{border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,var(--accent));min-height:440px;position:relative;display:grid;place-items:center;overflow:hidden}
.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%)}
.orbit.outer{width:83%;border-style:dashed;animation:orbit-rotate 30s linear infinite}
.orbit.mid{width:59%;border-color:var(--accent);opacity:.5}
.orbit.inner{width:37%}
.orbit-logo{z-index:2;position:relative;background:var(--bg);padding:20px;border:1px solid var(--line)}
.orbit-logo img{width:130px}
.orbit-sat{position:absolute;background:var(--accent);border-radius:50%;box-shadow:var(--glow)}
.orbit-sat.sa{height:18px;width:18px;top:20%;left:18%;animation:bounce 5s ease-in-out infinite}
.orbit-sat.sb{height:9px;width:9px;bottom:17%;right:21%;animation:bounce 7s ease-in-out infinite reverse}
.art-label{position:absolute;bottom:16px;right:18px;font:500 10px var(--mono);color:var(--muted)}
@keyframes orbit-rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes bounce{50%{transform:translate(10px,-12px)}}
.aura{position:absolute;border-radius:50%;filter:blur(25px);opacity:.55;animation:bounce 6s ease-in-out infinite}
.aura-a{width:270px;height:270px;background:var(--accent);top:5%;left:1%}
.aura-b{width:290px;height:290px;background:color-mix(in srgb,var(--accent) 45%,#7565db);bottom:0;right:-5%}
.glass-window{position:relative;z-index:2;width:75%;min-height:305px;background:color-mix(in srgb,var(--bg) 75%,transparent);border:1px solid var(--line);backdrop-filter:blur(22px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:14px;padding:22px;text-align:center;box-shadow:var(--glow)}
.glass-window img{width:140px}.glass-window small{font:600 10px var(--mono)}
.glass-window strong{font:700 23px var(--display)}
.plate-window{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:15px;width:72%;min-height:315px;border:2px solid var(--accent);background:color-mix(in srgb,var(--bg) 85%,var(--accent));padding:27px;box-shadow:16px 16px 0 color-mix(in srgb,var(--accent) 20%,transparent)}
.plate-window img{width:140px}.plate-window small{font:700 11px var(--mono);color:var(--accent)}
.plate-window strong{font:700 29px var(--display)}
.industrial-bar{position:absolute;bottom:0;left:0;right:0;height:16px;background:repeating-linear-gradient(135deg,var(--accent) 0 16px,var(--bg) 16px 32px)}
.hud-window{width:84%;min-height:335px;padding:15px;border:1px solid var(--accent);position:relative;background:var(--bg);display:flex;flex-direction:column;gap:16px}
.hud-window>small{display:flex;justify-content:space-between;gap:12px;font:600 10px var(--mono);color:var(--muted)}
.hud-window b{color:var(--accent)}
.hud-main{display:grid;place-items:center;flex:1;border:1px solid var(--line);position:relative;overflow:hidden}
.hud-main img{width:100px;position:relative;z-index:2;padding:10px;background:var(--bg);border:1px solid var(--accent)}
.bars{position:absolute;inset:10%;display:flex;align-items:end;gap:10px;opacity:.35}
.bars i{background:var(--accent);flex:1;height:45%}.bars i:nth-child(2){height:67%}.bars i:nth-child(3){height:31%}.bars i:nth-child(4){height:95%}.bars i:nth-child(5){height:70%}
.hud-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font:600 10px var(--mono);color:var(--accent)}
@media(max-width:930px){.concept-layout{grid-template-columns:1fr;gap:28px}.concept-copy h1{font-size:clamp(60px,11vw,96px)}.concept-stage{max-width:680px;min-height:375px}}
@media(max-width:650px){.concept-top,.concept-bottom{padding:12px 18px;font-size:9px}.concept-top span:last-child,.concept-bottom span:nth-child(2){display:none}.concept-layout{padding:49px 18px 35px}.concept-copy h1{font-size:clamp(48px,11.4vw,72px)}.concept-copy p{font-size:15px}.concept-actions a{font-size:9px;padding:12px;gap:15px}.concept-stage{min-height:315px}.orbit-logo img{width:95px}.glass-window{min-height:235px;padding:15px}.glass-window img{width:95px}.glass-window strong{font-size:17px}.plate-window{min-height:250px}.plate-window img{width:100px}.plate-window strong{font-size:20px}.hud-window{min-height:240px}.hud-main img{width:75px}.concept-ribbon{font-size:8px}}
@media(max-width:365px){.concept-copy h1{font-size:45px}.concept-stage{min-height:270px}.hud-list{font-size:8px}.plate-window{min-height:215px}}
@media(prefers-reduced-motion:reduce){.orbit,.aura,.orbit-sat{animation:none!important}}

.concept-hero{background:radial-gradient(circle at 78% 35%,#d5e0c2,transparent 42%),#f3f5e9}.concept-stage{border:0;border-radius:50% 50% 13% 13%;background:#dce7ce}.glass-window{border-radius:48% 48% 18px 18px;background:#f2f4e2a8}.concept-actions a{border-radius:100px}.aura{opacity:.2}
@media(max-width:365px){.work-lead h2{font-size:clamp(36px,11vw,43px)}.cta-main h2{font-size:clamp(35px,11vw,43px)}}