:root{
  --bg:#11131c;--surface:#1b2030;--raised:#282d40;--text:#e7e9f1;--muted:#adb5c6;
  --line:#3d455b;--accent:#b4bee2;--accent-soft:#303a58;--on-accent:#151b2b;
  --depth-glow:#a1aee82a;--shadow:0 24px 65px #07091270;
  --signal:#d0aabb;--glow:#a5b4e521;
}
html[data-theme=light]{
  --bg:#f2eee7;--surface:#e9e3da;--raised:#fffaf2;--text:#283348;--muted:#5d6878;
  --line:#c9c0b7;--accent:#99553d;--accent-soft:#f0ded3;--on-accent:#fffaf5;
  --depth-glow:#ba735a21;--shadow:0 22px 55px #5b4a3b24;
  --signal:#687b91;--glow:#a66c4b1f;
}
body{background:radial-gradient(ellipse 80% 26% at 88% 6%,color-mix(in srgb,var(--signal) 5%,transparent),transparent),var(--bg)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.12;background-image:linear-gradient(color-mix(in srgb,var(--line) 30%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 30%,transparent) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.site-nav{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);box-shadow:0 10px 35px #06111a15}
.brand-mark{box-shadow:0 0 12px var(--glow);background:var(--accent-soft)}
.site-nav nav>a:hover,.footer-links a:hover,.text-link:hover{color:var(--accent)}
.nav-contact,.button.primary{box-shadow:0 0 0 1px var(--accent-soft),0 6px 16px var(--glow)}
.hero{position:relative}
.hero:before{content:"";position:absolute;inset:10% 12% 14% auto;width:40%;pointer-events:none;background:radial-gradient(circle,var(--glow),transparent 70%);filter:blur(40px);opacity:.25}
.hero h1{max-width:790px;font-weight:600;letter-spacing:-.064em}
.hero-description{color:var(--muted);font-size:clamp(17px,1.45vw,21px);line-height:1.62}
.hero .eyebrow,.header-hero h5{color:var(--accent)}
.drawn-word{color:var(--accent);text-shadow:none}
.systems-console{border-color:var(--line);box-shadow:0 24px 60px #080c0d50,0 0 18px var(--glow)}
.console-top,.console-tabs,.console-detail{background:color-mix(in srgb,var(--surface) 90%,transparent)!important}
.system-art{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--signal) 8%,transparent),transparent 70%),var(--surface)}
.system-art .focus-scene{filter:saturate(.6) brightness(.88)}
html[data-theme=light] .system-art .focus-scene{filter:saturate(.55) brightness(.86)}
.console-detail h3{font-size:19px;font-weight:600}.console-detail p{font-size:14px}
html[data-theme=light] .focus-scene .scene-chip{color:var(--text);background:var(--raised);border-color:var(--accent)}
.capability-strip{background:color-mix(in srgb,var(--surface) 68%,transparent)}
.capability-strip span{background:linear-gradient(140deg,var(--raised),var(--surface));box-shadow:inset 0 1px #ffffff22,0 8px 20px #0002}
.systems-proof{border-bottom:1px solid var(--line)}.systems-proof .section-heading{margin-bottom:30px}.systems-proof .section-heading p{max-width:430px}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.proof-grid article{position:relative;min-height:310px;overflow:hidden;padding:30px;border:1px solid var(--line);border-radius:7px 30px 7px 30px;background:linear-gradient(145deg,var(--raised),var(--surface) 55%,var(--bg));transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:border-color .3s,box-shadow .3s}.proof-grid article:hover{border-color:var(--accent);box-shadow:0 20px 45px var(--glow)}.proof-grid article:before{content:"";position:absolute;top:-100px;right:-90px;width:250px;height:250px;border:1px solid var(--accent);border-radius:35%;transform:rotate(30deg);box-shadow:0 0 0 28px var(--accent-soft);opacity:.32}.proof-number,.proof-tail{display:block;position:relative;font:11px var(--mono);letter-spacing:.12em;color:var(--accent)}.proof-glyph{display:grid;place-items:center;position:relative;width:75px;height:75px;margin:32px 0 24px;border:1px solid var(--accent);border-radius:18px 24px 18px 8px;background:var(--accent-soft);color:var(--accent);font-size:43px;box-shadow:0 0 28px var(--glow);transform:translateZ(25px)}.proof-grid article:nth-child(2) .proof-glyph{color:var(--signal);border-color:var(--signal);background:color-mix(in srgb,var(--signal) 14%,var(--surface))}.proof-grid h3{font-size:26px;margin-bottom:12px;position:relative;transform:translateZ(20px)}.proof-grid p{font-size:15px;line-height:1.65;position:relative;transform:translateZ(12px)}.proof-tail{margin-top:27px;font-size:10px}
.section-heading h2,.about-story h2,.workbench-head h2,.contact-band h2{font-weight:600}
.section-heading>.eyebrow,.about-story>.eyebrow,.workbench-head+.toolkit .tool-index{color:var(--accent)}
.featured-project,.program-card,.practice-grid article,.review-card,.form-box,.box-info-contact.depth-card{background:linear-gradient(145deg,var(--raised),var(--surface) 55%,var(--bg));border-color:var(--line)}
.featured-project,.program-card,.review-card,.form-box{box-shadow:0 18px 40px #02081019}
.featured-project:hover,.program-card:hover,.practice-grid article:hover,.review-card:hover{border-color:var(--accent);box-shadow:0 18px 42px var(--glow)}
.practice-grid article{overflow:hidden}.practice-grid article:after{content:"";position:absolute;width:160px;height:160px;right:-70px;top:-70px;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 0 26px var(--accent-soft);opacity:.35;pointer-events:none}
.practice-icon,.ledger-symbol,.program-top{color:var(--signal)}
.work-pipeline{align-items:flex-start;border-color:var(--line);background:linear-gradient(135deg,var(--raised),var(--surface) 72%,var(--bg))}
.pipeline-copy{flex:1;min-width:0;position:relative}.pipeline-copy h3{margin:8px 0 10px;font:600 clamp(27px,2.8vw,38px)/1.1 'Space Grotesk','Segoe UI',sans-serif;letter-spacing:-.045em;color:var(--text)}
.pipeline-copy>p{max-width:720px;font-size:14px;line-height:1.65}.soc-project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:22px 0;padding:0}
.soc-project-list li{display:grid;grid-template-columns:25px 1fr;column-gap:10px;row-gap:5px;padding:15px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 42%,var(--surface));transform:perspective(700px) rotateX(0);transition:transform .3s,border-color .3s,box-shadow .3s}
.soc-project-list li:hover{transform:perspective(700px) translateY(-4px) rotateX(3deg);border-color:var(--accent);box-shadow:0 10px 25px var(--glow)}
.soc-project-list li span{grid-row:1/3;color:var(--accent);font:700 10px var(--mono)}.soc-project-list li strong{font-size:14px;font-weight:700;color:var(--text)}.soc-project-list li small{font-size:12px;line-height:1.5;color:var(--muted)}
.pipeline-copy .client-pipeline{max-width:none;margin-top:7px;padding:12px 14px;border-left:2px solid var(--accent);border-radius:0 9px 9px 0;background:var(--accent-soft);color:var(--text);font-size:13px}
.work-pipeline .pipeline-step{margin-left:0;align-self:flex-start;padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--accent)}
.project-details li:before,.project-card h3 a:hover,.footer-links a:hover{color:var(--accent)}
.hero-profile .profile-facts ul li::marker{color:var(--accent)}
.header-hero{position:relative;isolation:isolate}.header-hero:before{content:"";position:absolute;width:35vw;max-width:490px;aspect-ratio:1;right:4%;top:-14%;border:1px solid var(--line);border-radius:30%;transform:rotate(32deg);box-shadow:0 0 0 38px var(--accent-soft),0 0 35px var(--glow);opacity:.28;z-index:-1}
.header-hero h1{max-width:1000px;font-size:clamp(42px,5.7vw,78px);line-height:1.05}.header-hero p{max-width:620px;font-size:17px;line-height:1.6}
.rev-layout{align-items:start}.rev-layout .form-box{position:sticky;top:125px;border-radius:8px 26px 8px 26px}.rev-layout .form-box h3{font-size:clamp(28px,2.6vw,38px);margin:14px 0}.rev-layout .form-note{line-height:1.65}.rev-layout .review-card{border-radius:8px 25px 8px 25px;min-height:190px}.review-card blockquote{color:var(--text);font-size:17px;line-height:1.55}.review-card .stars{color:var(--accent);text-shadow:0 0 16px var(--glow)}.review-card .review-by{margin-top:18px;font-size:13px}.review-empty-symbol{display:block;font-size:62px;line-height:1;color:var(--accent);text-shadow:0 0 25px var(--glow);margin-bottom:24px}.review-card.empty{min-height:280px;padding:36px}.review-card.empty p{max-width:420px;font-size:16px;line-height:1.65}
.form-box{border-radius:8px 26px 8px 26px}.form-box input:not([type=radio]),.form-box textarea{background:var(--bg);border:1px solid var(--line);border-radius:12px}.form-box input:focus,.form-box textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:0}.form-box label{font-size:13px;font-weight:600}.form-box button[type=submit]{width:100%;justify-content:center;background:var(--accent);color:var(--on-accent);font-weight:700;border-color:var(--accent);padding:15px 20px}
html[data-theme=light] .featured-screen,html[data-theme=light] .project-image{background:#e5ded4}
html[data-theme=light] .portrait-caption{color:#fff}html[data-theme=light] .screen-label{color:#fff}
main>:first-child{animation:none}
main:before{box-shadow:none;opacity:.45}
.motion-stage{--entry-y:3deg;transform-origin:50% 8%;backface-visibility:hidden;transition:opacity .95s cubic-bezier(.2,.75,.2,1),transform 1.05s cubic-bezier(.16,.84,.25,1),filter .95s ease}
.motion-stage:nth-of-type(even){--entry-y:-3deg}
.motion-stage:not(.motion-in){opacity:0;filter:blur(7px);transform:perspective(1300px) translate3d(0,72px,-150px) rotateX(-11deg) rotateY(var(--entry-y)) scale(.96)}
.motion-stage.motion-in{opacity:1;filter:none;transform:none}
.motion-stage.motion-opening:not(.motion-in){transform:perspective(1200px) translate3d(0,90px,-230px) rotateX(-15deg) rotateY(5deg) scale(.94)}
.motion-item{backface-visibility:hidden;transition:opacity .8s cubic-bezier(.2,.8,.2,1),translate .85s cubic-bezier(.16,.84,.25,1),rotate .85s cubic-bezier(.16,.84,.25,1),scale .85s cubic-bezier(.16,.84,.25,1),filter .8s ease;transition-delay:var(--motion-delay,0ms)}
.motion-item:not(.motion-in){opacity:0;filter:blur(3px);translate:0 50px -90px;rotate:x -11deg;scale:.95}
.motion-item.motion-in{opacity:1;filter:none;translate:0 0 0;rotate:x 0deg;scale:1}
.site-nav a:focus-visible,.button:focus-visible,.text-link:focus-visible,.console-tabs button:focus-visible,.carousel-controls button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:850px){.rev-layout .form-box{position:static}.hero:before{width:80%;right:0}.header-hero:before{opacity:.2}.proof-grid{gap:10px}.proof-grid article{padding:20px}.proof-grid h3{font-size:21px}}
@media(max-width:850px){.work-pipeline{flex-wrap:wrap}.work-pipeline .pipeline-mark{font-size:36px}.work-pipeline .pipeline-step{margin-left:60px}}
@media(max-width:600px){.hero h1{font-size:clamp(39px,10vw,60px)}.hero-description{font-size:16px}.header-hero h1{font-size:clamp(38px,10vw,55px)}.review-card.empty{padding:26px}.rev-layout .form-box{margin-top:28px}.capability-strip span{font-size:11px}.proof-grid{grid-template-columns:1fr}.proof-grid article{min-height:235px}.proof-glyph{margin:20px 0}.proof-grid p{font-size:14px}}
@media(max-width:600px){.work-pipeline{padding:22px;gap:15px}.work-pipeline .pipeline-mark{display:none}.soc-project-list{grid-template-columns:1fr}.work-pipeline .pipeline-step{margin-left:0}}
@media(prefers-reduced-motion:reduce){.motion-stage,.motion-item{opacity:1!important;filter:none!important;transform:none!important;translate:none!important;rotate:none!important;scale:1!important;transition:none!important}.header-hero:before,.hero:before{filter:none}}