/* Electric studio: a visual layer over the original, fully retained content. */
:root{--ink:#f0f4ff;--blue:#4b70ff;--paper:#080c14;--mist:#131e32;--periwinkle:#a3baff;--muted:#a5b1c7;--line:#253044;--void:#080c14;--surface:#101826;--cobalt:#345bff;color-scheme:dark}
body{background:var(--void);color:var(--ink)}::selection{background:#5575ff;color:white}.site-header{background:#080c14e8;border-bottom:1px solid #ffffff0c}.brand-sub{color:#8d9db8}.monogram>span{color:#6787ff}.nav-contact{border-color:#4b5f84;background:#141e31}.nav-contact:hover{background:#2847c8;color:white;border-color:#5575ff}nav>a:hover{color:#b7c8ff}nav>a:not(.nav-contact):after{background:#6483ff}:focus-visible{outline-color:#8eabff}.hero{grid-template-columns:1fr 1.06fr;gap:25px;min-height:730px;padding-top:60px;padding-bottom:72px;position:relative}.hero-copy{position:relative;z-index:2}.hero .eyebrow{font-size:10px;color:#a6b7d4;letter-spacing:.13em}.hero h1{font-size:clamp(73px,7.3vw,108px);letter-spacing:-.075em;margin-top:29px;margin-bottom:27px;line-height:1.04}.title-line{display:block}.blue-word{color:#607eff}.hero h1 .blue-word{background:linear-gradient(125deg,#9ebaff 0%,#6286ff 35%,#3d61ff 82%);color:transparent;background-clip:text;-webkit-background-clip:text}.word-dot{color:#7c9aff}.hero-intro{font-size:21px;max-width:455px;line-height:1.6}.hero-description{font-size:14px;max-width:440px;color:#a6b1c5}.hero-actions{margin-top:29px;gap:23px}.button-primary{background:#3c60ff;box-shadow:0 4px 22px #244aff25;border:1px solid #6d88ff70}.button-primary:hover{background:#4e72ff;box-shadow:0 8px 30px #345bff40}.hero-actions .text-link{color:#d3def2;font-size:11px}.text-link:hover{color:#a9c0ff}.hero-foot{margin-top:33px;color:#8e9db6;font-size:10px;flex-wrap:wrap}.degree-mark{color:white}.hero-foot-line{background:#3a4860;width:30px}.hero-stack{font:9px/1.6 monospace;letter-spacing:.03em;color:#91a2bf}.hero-art.sculpture-stage{position:relative;width:100%;height:580px;min-width:0;margin:0;isolation:isolate}.sculpture-stage:before{content:'';position:absolute;z-index:-1;inset:10% 0 1%;background:radial-gradient(ellipse at 53% 48%,#2743c740 0%,#16378915 43%,transparent 66%);pointer-events:none}.sculpture-stage:after{content:'';position:absolute;z-index:-1;left:19%;right:12%;height:50px;bottom:48px;background:#20378038;filter:blur(22px);border-radius:50%;transform:rotate(-10deg)}#sculpture{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s;z-index:1;pointer-events:none}.webgl-ready #sculpture{opacity:1}.scene-topline{position:absolute;z-index:3;top:12px;left:40px;right:25px;display:flex;gap:9px;align-items:center;font:9px/1.4 monospace;letter-spacing:.11em;color:#9aabc8}.scene-indicator{width:5px;height:5px;background:#7296ff;border-radius:50%;box-shadow:0 0 10px #4d78ff}.scene-corner{font-size:19px;line-height:1;margin-left:auto;color:#8ea5d4}.scene-label{position:absolute;z-index:3;pointer-events:none;backdrop-filter:blur(14px);background:linear-gradient(125deg,#182543de,#0d1423e3);border:1px solid #718dcc35;border-radius:6px;box-shadow:0 18px 35px #0003;color:#d5e1ff}.scene-label-top{right:0;top:113px;display:flex;gap:12px;align-items:center;padding:12px 16px;font-size:10px;transform:rotate(4deg)}.scene-label-top>span{font-size:22px;color:#92afff;line-height:1}.scene-label-bottom{left:7px;bottom:94px;display:flex;gap:16px;align-items:center;padding:17px 21px;font-size:10px;line-height:1.9;transform:rotate(-5deg)}.scene-label-bottom strong{font-size:11px;color:#f1f5ff}.mini-mark{font:700 34px/1 var(--display);color:#7297ff;letter-spacing:-3px}.scene-controls{position:absolute;z-index:5;bottom:9px;left:27px;right:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #5f80ca25;padding-top:15px}#scene-hint{font-size:9px;color:#8395b2}#motion-toggle{display:flex;align-items:center;gap:8px;background:#18223a8c;border:1px solid #3e5276;padding:8px 11px;color:#bbcbed;border-radius:4px;font-size:9px;white-space:nowrap}#motion-toggle:hover{border-color:#7696ff;color:white}.motion-icon{font:11px monospace;color:#9fbaff}
.sculpture-fallback{position:absolute;inset:17% 10%;perspective:900px;transition:opacity .6s;z-index:0}.webgl-ready .sculpture-fallback{opacity:0}.fallback-frame{position:absolute;width:66%;aspect-ratio:1;border:26px solid #244bdf;border-radius:24%;transform:rotateX(22deg) rotateY(-30deg) rotateZ(35deg);box-shadow:inset 4px 4px 7px #a2bcff,7px 7px 0 #12309a,18px 18px 30px #0004;background:transparent;left:17%;top:11%}.frame-back{transform:translate(-35px,-30px) rotateX(22deg) rotateY(-30deg) rotateZ(35deg);border-color:#1d3a97}.frame-middle{transform:rotateX(22deg) rotateY(-30deg) rotateZ(35deg);border-color:#8fa9e9;box-shadow:inset 4px 4px 8px #dae6ff,7px 7px 0 #6076ac}.frame-front{transform:translate(35px,30px) rotateX(22deg) rotateY(-30deg) rotateZ(35deg);border-color:#3d66ff}.fallback-core{position:absolute;left:41%;top:36%;width:23%;aspect-ratio:1;background:linear-gradient(135deg,#a4bcff,#345bff 45%,#112a83);border-radius:19%;transform:rotate(-16deg);box-shadow:8px 13px 28px #0005}
.discipline-bar{background:#0c121f;border-color:#26354e6e;padding-block:22px}.discipline-bar .container{color:#b6c3dc;font-size:11px}.discipline-bar span[aria-hidden]{color:#5976b1}.section-heading .eyebrow{color:#7f9eff}.muted-heading{color:#8595b0}.section-heading>p{color:#9dabbe}.section-space{padding-block:100px}.projects.section-space{padding-top:34px}.projects .section-heading{padding-top:60px;border-top:1px solid var(--line)}.featured-project{gap:48px;grid-template-columns:.78fr 1.22fr}.project-lead{color:#e3ebff}.pill{background:#172136;color:#bdcce5;border-color:#354968}.pill.live{color:#98d7c2;border-color:#34584e;background:#132b27}.status-dot{background:#68d1b1}.title-period{color:#537cff}.project-story>p:not(.project-lead),.carwash-story>p:not(.project-lead){color:#a5b1c7}.tags>span{background:#14203a;color:#b6c9ef;border:1px solid #2a3f66}.quiet-link{color:#a5b7da}.quiet-link:hover{color:#c6d8ff}.project-window{background:linear-gradient(140deg,#141f34,#101725);border-color:#354865;box-shadow:0 20px 80px #0003;transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s ease-out,border-color .3s}.project-window:hover{border-color:#4d6d9f}.window-toolbar{background:#182236;border-color:#30425f}.window-dots i{background:#536581}.window-corner{color:#8ba5d2}.view-switch{background:#0b1322;border-color:#2b3b56}.view-switch button{color:#9ab0d2}.view-switch button[aria-selected=true]{background:#293f68;color:#e4edff;box-shadow:0 2px 7px #0002}.screenshot-wrap{border-color:#465778;box-shadow:0 20px 40px #0005}.project-proof p{color:#95a8c5}.project-proof strong{color:#dfe9ff}.proof-icon{background:#263b64;color:#a7c1ff;border:1px solid #5678ba66}.diagram-caption,.diagram-note{color:#a2b4d3}.arch-people>span{background:#182945;border-color:#405e8c;color:#cadcf8}.arch-core{background:linear-gradient(110deg,#2551d9,#345fff);border:1px solid #8ba8ff55}.arch-core>span{color:#c1d4ff}.arch-bottom>span{background:#16253d;border-color:#3c567d;color:#ccddf9}.arch-bottom small{color:#a1b6d4}.arch-quality{background:#233a63;color:#bacff8}.arch-arrow{color:#8aa9dd}.carwash-project{border-color:var(--line)}.carwash-visual{border:1px solid #3c4a5d;box-shadow:0 20px 60px #0003;transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s}.carwash-visual>img{opacity:.9}.carwash-wordmark strong{color:#b3caff}.carwash-overlay>span:last-child{color:#dce8fa}
.services-section{position:relative}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.service-card{position:relative;background:linear-gradient(155deg,#121c2d,#0c121e 75%);border:1px solid #263751;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s,border-color .25s,box-shadow .25s}.service-card:before{position:absolute;content:'';inset:0;opacity:0;background:radial-gradient(ellipse at var(--glow-x,50%) var(--glow-y,0%),#2d60e91c,transparent 65%);transition:opacity .3s;pointer-events:none}.service-card:hover{border-color:#4d6ea7;box-shadow:0 16px 38px #0002}.service-card:hover:before{opacity:1}.service-visual{height:154px;display:grid;place-items:center;position:relative;perspective:700px;background:radial-gradient(ellipse at 50% 90%,#2550c81c,transparent 60%);margin:8px 18px 0;border-bottom:1px solid #3550784d}.service-body{padding:25px 23px 24px;position:relative;display:flex;flex-direction:column;flex:1}.service-category{font:8px/1.6 monospace;letter-spacing:.1em;color:#829ed5;margin-bottom:13px}.service-body h3{font-size:21px;letter-spacing:-.04em;line-height:1.28;margin-bottom:17px}.service-body>p:not(.service-category){font-size:12px;color:#a7b6cd;line-height:1.85;margin-bottom:21px}.service-body ul{padding:0;margin:0 0 25px;list-style:none;color:#bfcee6;font-size:10px;line-height:1.8}.service-body li+li{margin-top:9px}.service-body li{padding-left:13px;position:relative}.service-body li:before{content:'';position:absolute;left:0;top:8px;width:3px;height:3px;background:#7799ff;border-radius:50%}.service-body>a{font-size:10px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:17px;border-top:1px solid #26364f;color:#d0deff}.service-body>a>span{font-size:21px;line-height:1;font-weight:400;color:#a5beff;transition:transform .2s}.service-body>a:hover>span{transform:translate(3px,-3px)}.services-note{display:flex;gap:17px;align-items:center;margin-top:24px;color:#92a6c7}.services-note>span{font-size:22px;color:#688cff}.services-note p{font-size:11px;flex:1;max-width:720px;line-height:1.8}.services-note a{font-size:11px;color:#c2d2ef;margin-left:auto;white-space:nowrap}.services-note a>span{margin-left:12px;font-size:20px}
/* Miniature product objects: pure CSS, no additional WebGL contexts. */
.mini-browser{width:129px;height:87px;border:1px solid #91b3ff;border-radius:6px;background:linear-gradient(130deg,#436ee8,#162954);transform:rotateY(-20deg) rotateX(14deg) rotateZ(-7deg);box-shadow:5px 5px 0 #0f244d,8px 8px 0 #3a62b665,15px 23px 35px #0006;transition:transform .5s}.mini-browser-bar{height:18px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #b6ccff33;padding:0 8px;background:#c9d9ff12}.mini-browser-bar i{width:3px;height:3px;background:#b4ceff;border-radius:50%}.mini-browser-body{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;padding:12px}.mini-browser-body>span{background:linear-gradient(135deg,#b5caff,#5f84ea);border-radius:3px;height:42px;box-shadow:0 3px 6px #00103333}.mini-browser-body>div{padding-top:2px}.mini-browser-body i{height:4px;display:block;margin-bottom:8px;background:#b7d1ff77;border-radius:2px}.mini-browser-body i:last-child{width:70%;background:#c1d6ff}.service-card:hover .mini-browser{transform:rotateY(-10deg) rotateX(7deg) rotateZ(-3deg) translateY(-3px)}.mini-layers{width:130px;height:102px;position:relative;transform:rotateX(50deg) rotateZ(-30deg);transform-style:preserve-3d;transition:transform .6s}.mini-layers>span{position:absolute;inset:5px;background:linear-gradient(135deg,#567cff,#1a3b9c);border:1px solid #a2baff;border-radius:10px;box-shadow:3px 6px 0 #123077,7px 14px 25px #0005;transform:translateZ(-19px)}.mini-layers>span:nth-child(2){background:linear-gradient(135deg,#b9d1ff,#5f80cf);transform:translateZ(1px)}.mini-layers>span:last-child{transform:translateZ(22px);background:linear-gradient(135deg,#789bff,#264bcc);display:flex;align-items:center;justify-content:center;gap:7px}.mini-layers i{height:30px;width:12px;border:1px solid #d0e1ff;background:#a5c4ff66;border-radius:3px}.mini-layers i:nth-child(2){height:46px}.mini-layers i:nth-child(3){height:37px}.service-card:hover .mini-layers{transform:rotateX(38deg) rotateZ(-20deg) translateY(-3px)}.mini-agent{width:180px;height:100px;display:flex;align-items:center;position:relative;transform:rotate(-7deg)}.agent-core{width:63px;height:63px;border-radius:18px;display:grid;place-items:center;font:45px/1 var(--display);color:#d1e3ff;background:linear-gradient(135deg,#7296ff 0%,#3358e4 45%,#16328d);border:1px solid #90b1ff;box-shadow:4px 5px 0 #1a347d,9px 13px 25px #0005;position:absolute;left:59px;top:18px;transition:transform .5s}.agent-node{position:absolute;border:1px solid #557ab9;border-radius:8px;background:#1b325d;color:#b6d1ff;width:32px;height:32px;display:grid;place-items:center;font-size:18px}.node-left{left:0;top:9px}.node-right{right:0;bottom:7px}.agent-wire{position:absolute;width:32px;height:28px;border-bottom:1px solid #678dff;border-right:1px solid #678dff;opacity:.8}.wire-left{left:28px;top:23px;border-radius:0 0 8px 0}.wire-right{right:27px;top:54px;border-radius:0 0 8px 0;transform:rotate(180deg)}.service-card:hover .agent-core{transform:rotate(15deg) translateY(-3px)}.mini-evolution{position:relative;width:157px;height:90px;transform:rotateX(15deg) rotateY(-15deg)}.evolution-track{position:absolute;left:16px;bottom:20px;width:110px;height:61px;border-left:2px solid #6f93df;border-bottom:2px solid #6f93df;border-radius:0 0 0 20px;transform:skewY(-25deg)}.evolution-point{position:absolute;width:23px;height:23px;background:linear-gradient(135deg,#b5cfff,#4a6fca);border:1px solid #c8dbff;border-radius:7px;box-shadow:3px 4px 0 #294a91,5px 9px 17px #0005}.point-one{left:5px;bottom:10px}.point-two{left:58px;bottom:34px}.point-three{right:0;top:0;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#718fff,#2f52db);font-size:34px;display:grid;place-items:center;color:#d3e3ff;transition:transform .5s}.service-card:hover .point-three{transform:translate(4px,-5px)}
.lab-section{background:linear-gradient(145deg,#0d1729,#101c34 70%,#111b2e);border-block:1px solid #293e5b;padding-block:92px}.lab-section .section-heading>p,.lab-intro>p{color:#adbbd1}.foundation-list{border-color:#354760}.foundation-list>button{border-color:#354760}.foundation-list>button:hover{color:#9ab9ff}.foundation-list small{color:#9cacbf}.sort-demo{background:#0b1424;border-color:#375174;box-shadow:0 20px 60px #0003}.sort-top{background:#17253c;border-color:#354965}.sort-title h3{color:#eef4ff}.sort-title p{color:#9ab1d1}.stack{border-color:#5473a6}.stack-block{background:linear-gradient(100deg,#4a6fff,#3655cd);border-color:#9cbaff;box-shadow:0 5px 12px #05122550}.stack-column:last-child .stack-block{background:linear-gradient(100deg,#31527e,#466ea3);border-color:#8dafdf}.sort-operation{border-color:#2e4564}.sort-operation>span:first-child{background:#213b68;color:#c7dbff}.sort-operation>span:nth-child(2){color:#adbed9}.sort-controls .button{background:#345bff}.reset-button{background:#213b60}.sort-footnote{color:#9bafcc}.lab-42>span{color:#648aff}.approach-icon{color:#7d9cff}.approach-grid article{border-color:#2b3b54}.approach-grid h3{color:#e6eeff}.approach-grid p{color:#a6b7d2}.ai-note{background:#101c31;border:1px solid #2c4369}.ai-note>span{color:#87a9ff}.ai-note p{color:#a0b4d4}.ai-note strong{color:#dce9ff}.about-section{background:#0c1321;border-top:1px solid #26364e}.about-grid{gap:95px;align-items:center}.about-portrait{width:156px;height:170px;position:relative;border:1px solid #5a719b;border-radius:10px;overflow:hidden;margin-bottom:31px;transform:rotate(-4deg);box-shadow:10px 10px 0 #2449c236}.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.65);transition:filter .4s}.about-portrait:hover img{filter:saturate(1)}.about-portrait>span{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:0;left:0;right:0;padding:9px 12px;background:#0c142be8;font-size:8px;color:#dce8ff;letter-spacing:.09em}.about-portrait>span>span{font-size:15px}.about-copy .eyebrow{color:#8da4cc}.about-copy h2{font-size:47px}.about-lead{color:#dbe5f8;font-size:16px}.about-copy>p:not(.about-lead):not(.eyebrow){color:#a4b4cd}.about-signature span{color:#95a9c9}.career{border-color:#3c5072}.career>article{border-color:#2b3c58}.career>article:before{background:#0c1321;border-color:#7399ff}.career>.career-feature:before{background:#6289ff;box-shadow:0 0 0 5px #1f3963}.career-date{color:#90a6c8}.career-company{color:#a6c0ee}.career p{color:#a7b8d1}.other-experience summary{color:#d2dff4}.contact-section{position:relative;background:#1c42c9;isolation:isolate;overflow:hidden;border-top:1px solid #5d81ff}.contact-section:before{content:'';position:absolute;inset:-200px -40px -100px auto;width:620px;background:repeating-radial-gradient(ellipse at center,transparent 0 29px,#b0c4ff12 30px 31px,transparent 32px 62px);z-index:-1;transform:rotate(-18deg);pointer-events:none}.contact-section:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#1f47d5,#2447c700 75%);z-index:-1}.contact-section .eyebrow{color:#c8d8ff}.contact-section h2{color:white}.contact-section p:not(.eyebrow){color:#d5e2ff}.contact-bottom{border-color:#7896f055}.contact-arrow{border-color:#88aaff;background:#c0d6ff08}.contact-arrow:hover{background:white;color:#264bd0}.copy-email{color:#d5e4ff}.site-footer{color:#c1d1ec}.footer-name>span:first-child{color:#7296ff}.site-footer>p,.footer-privacy{color:#90a1be}.back-top{color:#b6caff}dialog{background:#0f1829;border-color:#42618b;color:#eef4ff;box-shadow:0 40px 130px #000a}dialog::backdrop{background:#020714ce;backdrop-filter:blur(12px)}.dialog-top{background:#101b2d;border-color:#304664}.dialog-top .eyebrow{color:#9bbcff}.dialog-close{color:#d0e0ff}.dialog-intro{color:#aebfdc}.case-block p,.case-block li{color:#b0c2db}.case-block h3{color:#e3ecfb}.case-code{background:#080e1a;border:1px solid #334d72;color:#c8ddff}.dialog-links>a{color:#a5c3ff}
/* Coordinated entrances and one-shot reveals. No scroll hijacking. */
body[data-motion=on] .hero-copy>*{animation:hero-arrive .85s cubic-bezier(.22,.7,.2,1) both}body[data-motion=on] .hero-copy>h1{animation-delay:.07s}body[data-motion=on] .hero-copy>.hero-intro{animation-delay:.14s}body[data-motion=on] .hero-copy>.hero-description{animation-delay:.21s}body[data-motion=on] .hero-copy>.hero-actions{animation-delay:.28s}body[data-motion=on] .hero-copy>.hero-foot{animation-delay:.35s}body[data-motion=on] .scene-label-top{animation:label-float 7s ease-in-out infinite}body[data-motion=on] .scene-label-bottom{animation:label-float-bottom 8s ease-in-out infinite}.reveal{opacity:0;translate:0 25px;transition:opacity .75s ease,translate .75s cubic-bezier(.22,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;translate:0 0}body[data-motion=off] .reveal{opacity:1;translate:none;transition:none}body[data-motion=off] *,body[data-motion=off] *:before,body[data-motion=off] *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}body[data-motion=off] .project-window,body[data-motion=off] .carwash-visual,body[data-motion=off] .service-card{transform:none!important}@keyframes hero-arrive{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}@keyframes label-float{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes label-float-bottom{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(7px) rotate(-3deg)}}
@media(min-width:1600px){.hero{gap:35px;min-height:780px}.hero-art.sculpture-stage{height:640px}.scene-label-bottom{bottom:110px}.service-body h3{font-size:22px}.service-body>p:not(.service-category){font-size:13px}}
@media(max-width:1100px){.hero{gap:12px;min-height:670px}.hero-art.sculpture-stage{height:520px}.hero h1{font-size:82px}.hero .eyebrow{font-size:8px}.hero-intro{font-size:19px}.hero-description{font-size:13px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:10px}.hero-foot-line{display:none}.hero-stack{font-size:8px}.hero-foot{gap:12px}.scene-topline{left:20px;right:15px;font-size:8px}.scene-label-top{right:-3px;top:100px;font-size:9px;padding:10px 12px}.scene-label-bottom{left:0;bottom:90px;font-size:9px;padding:14px 16px}.scene-label-bottom strong{font-size:10px}.scene-controls{left:10px;right:0}#scene-hint{font-size:8px}#motion-toggle{font-size:8px;padding:8px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.service-card{display:grid;grid-template-columns:135px 1fr;align-items:stretch}.service-visual{height:auto;min-height:200px;margin:15px 0 15px 12px;border-bottom:0;border-right:1px solid #3550784d;overflow:hidden}.service-body{padding:25px 18px}.service-body h3{font-size:20px}.service-category{font-size:7px}.mini-browser{width:100px;height:76px}.mini-browser-body{gap:6px;padding:9px}.mini-browser-body>span{height:35px}.mini-layers{width:100px;height:80px}.mini-agent{transform:scale(.65) rotate(-7deg)}.mini-evolution{transform:scale(.72) rotateX(15deg) rotateY(-15deg)}.service-body ul{font-size:9px}.service-body>a{font-size:9px}.about-grid{gap:60px}.about-copy h2{font-size:43px}.featured-project{gap:32px}.section-space{padding-block:85px}.services-note{gap:12px}.services-note p{font-size:10px}}
@media(max-width:820px){.nav-wrap{height:78px}nav{gap:14px;font-size:10px}.brand{font-size:14px}.brand-sub{font-size:7px}.nav-contact{padding:7px 10px;gap:12px}.hero{grid-template-columns:1fr 1fr;gap:8px;min-height:610px;padding-top:42px;padding-bottom:58px}.hero-art.sculpture-stage{height:455px}.hero h1{font-size:67px}.hero-intro{font-size:17px}.hero-description{font-size:12px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.hero-foot{font-size:9px;gap:10px}.hero-stack{width:100%;margin-left:34px}.scene-label-top{top:87px;font-size:8px;right:-4px;padding:9px 11px}.scene-label-top>span{font-size:18px}.scene-label-bottom{left:-5px;bottom:91px;padding:12px;gap:11px;font-size:8px}.scene-label-bottom strong{font-size:9px}.mini-mark{font-size:27px}.scene-controls{left:10px;right:0;bottom:6px;display:grid;justify-content:start;gap:10px}#motion-toggle{justify-self:start}#scene-hint{font-size:8px}.scene-topline{left:15px;right:5px;font-size:7px}.services-grid{gap:18px}.service-card{display:flex}.service-visual{height:140px;min-height:0;border-right:0;border-bottom:1px solid #3550784d;margin:10px 22px 0;overflow:visible}.service-body{padding:23px}.service-body h3{font-size:23px}.service-body>p:not(.service-category){font-size:13px}.service-body ul{font-size:11px}.service-category{font-size:8px}.service-body>a{font-size:11px}.mini-browser{width:129px;height:87px}.mini-browser-body{padding:12px;gap:10px}.mini-browser-body>span{height:42px}.mini-layers{width:130px;height:102px}.mini-agent{transform:rotate(-7deg)}.mini-evolution{transform:rotateX(15deg) rotateY(-15deg)}.services-note{flex-wrap:wrap;align-items:flex-start}.services-note p{font-size:11px;flex:1;min-width:60%}.services-note a{margin-left:35px;margin-top:3px}.featured-project{grid-template-columns:1fr;gap:28px}.project-story .tags{margin-top:20px}.projects.section-space{padding-top:15px}.projects .section-heading{padding-top:50px}.section-space{padding-block:72px}.lab-section{padding-block:72px}.about-grid{gap:40px;align-items:center}.about-copy h2{font-size:36px}.about-lead{font-size:14px}.about-portrait{width:130px;height:145px}.contact-section h2{font-size:45px}.contact-section:before{width:450px;right:-100px}}
@media(max-width:600px){.nav-wrap{height:73px}.site-header{background:#080c14ed}nav{top:73px;background:#0c1424;box-shadow:0 15px 30px #0005;border-color:#30415c}nav>a{color:#c7d7f1}.menu-toggle{color:#d2e2ff}.hero{display:flex;gap:7px;min-height:0;padding-top:43px;padding-bottom:29px;overflow:visible}.hero .eyebrow{font-size:8px;letter-spacing:.09em;gap:9px}.hero .small-cross{font-size:20px}.hero h1{font-size:clamp(64px,17vw,88px);margin-top:24px;margin-bottom:25px;line-height:1.04}.hero-intro{font-size:19px;max-width:360px}.hero-description{font-size:12px;line-height:1.9}.hero-actions{flex-direction:row;gap:19px;align-items:center;margin-top:26px}.hero-actions .text-link{font-size:10px}.hero-actions .button{font-size:10px;padding:13px 16px;gap:15px}.hero-foot{font-size:9px;margin-top:26px;gap:12px}.hero-stack{width:auto;margin-left:auto;font-size:7px;letter-spacing:0}.hero-art.sculpture-stage{height:420px;width:calc(100% + 16px);margin:12px -8px 0;align-self:center}.sculpture-stage:before{inset:3% 0 6%;background:radial-gradient(ellipse at 50% 50%,#234bd633,transparent 64%)}.scene-topline{top:6px;left:16px;right:16px;font-size:7px}.scene-label-top{right:7px;top:79px;font-size:8px;padding:9px 11px}.scene-label-top>span{font-size:19px}.scene-label-bottom{left:7px;bottom:86px;gap:11px;padding:11px 14px;font-size:8px}.scene-label-bottom strong{font-size:9px}.scene-controls{left:17px;right:16px;bottom:9px;display:flex;align-items:center;justify-content:space-between;padding-top:14px;gap:6px}#scene-hint{font-size:7px;max-width:150px;line-height:1.7}#motion-toggle{font-size:8px;padding:7px 8px;gap:7px}.motion-icon{font-size:9px}.discipline-bar{padding-block:20px}.discipline-bar .container{font-size:10px}.discipline-bar span:not([aria-hidden]):before{color:#7092ff}.section-space{padding-block:64px}.services-section .section-heading>p{font-size:12px}.section-heading .eyebrow{font-size:8px;letter-spacing:.13em}.services-grid{gap:15px;grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:stretch;border-radius:7px}.service-visual{height:auto;min-height:0;margin:15px 0 15px 8px;border-right:1px solid #3550784d;border-bottom:0;overflow:hidden}.service-body{padding:23px 16px}.service-body h3{font-size:21px;line-height:1.25;margin-bottom:15px}.service-body>p:not(.service-category){font-size:12px;line-height:1.8;margin-bottom:18px}.service-body ul{font-size:9px;line-height:1.8;margin-bottom:21px}.service-body li{padding-left:10px}.service-category{font-size:6px;letter-spacing:.07em;margin-bottom:12px}.service-body>a{font-size:9px;gap:7px;padding-top:14px}.service-body>a>span{font-size:18px}.mini-browser{width:82px;height:62px;border-radius:4px;transform:rotateY(-18deg) rotateX(12deg) rotateZ(-9deg)}.mini-browser-bar{height:14px;padding-inline:6px;gap:3px}.mini-browser-bar i{width:2px;height:2px}.mini-browser-body{padding:7px;gap:6px}.mini-browser-body>span{height:30px}.mini-browser-body i{height:3px;margin-bottom:6px}.mini-layers{width:84px;height:65px}.mini-layers>span{border-radius:6px}.mini-layers>span:last-child{gap:5px}.mini-layers i{width:7px;height:21px}.mini-layers i:nth-child(2){height:31px}.mini-layers i:nth-child(3){height:26px}.mini-agent{transform:scale(.54) rotate(-8deg)}.mini-evolution{transform:scale(.6) rotateX(15deg) rotateY(-15deg)}.service-card:hover .mini-browser{transform:rotateY(-12deg) rotateX(8deg) rotateZ(-5deg)}.service-card:hover .mini-layers{transform:rotateX(42deg) rotateZ(-25deg)}.services-note{gap:10px;margin-top:22px}.services-note p{font-size:10px}.services-note a{font-size:10px;margin-left:29px}.services-note>span{font-size:19px}.projects.section-space{padding-top:0}.projects .section-heading{padding-top:58px}.project-story h3,.carwash-story h3{font-size:40px}.project-kicker{margin-bottom:18px}.pill{font-size:7px;padding:6px 8px}.featured-project{gap:28px}.project-proof{font-size:10px}.usage-panel{padding:25px 18px}.window-toolbar{background:#15223a}.view-switch button{font-size:9px}.carwash-project{margin-top:44px;padding-top:44px}.carwash-visual{min-height:270px}.carwash-visual>img{object-position:62%}.lab-section{padding-block:64px}.lab-section .section-heading .eyebrow{font-size:8px}.lab-intro>p{font-size:12px}.foundation-list small{font-size:11px}.sort-demo{box-shadow:0 15px 30px #0003}.sort-title h3{font-size:25px}.sort-title p{font-size:11px}.sort-footnote{font-size:10px}.approach-grid h3{font-size:22px}.approach-grid p{font-size:13px}.ai-note{padding:20px;gap:14px}.ai-note p{font-size:12px}.about-section{padding-block:65px}.about-grid{gap:45px}.about-portrait{width:128px;height:140px;margin-bottom:29px}.about-copy h2{font-size:42px}.about-lead{font-size:16px;line-height:1.8}.about-copy .eyebrow{font-size:8px}.about-copy>p:not(.about-lead):not(.eyebrow){font-size:13px}.career p{font-size:13px}.other-inner p{font-size:12px}.contact-section{padding-top:62px}.contact-section h2{font-size:41px}.contact-section:before{width:330px;right:-140px;opacity:.8}.contact-bottom{border-color:#93afff50}.site-footer>p,.footer-privacy{font-size:9px}.dialog-body h2{font-size:32px}.case-block p,.case-block li{font-size:13px}.dialog-intro{font-size:16px}.dialog-top .eyebrow{font-size:7px}}
@media(max-width:360px){.hero h1{font-size:63px}.hero .eyebrow{font-size:7px}.hero-intro{font-size:18px}.hero-actions{gap:14px}.hero-actions .button{font-size:9px;padding-inline:12px}.hero-actions .text-link{font-size:9px}.hero-foot{font-size:8px;gap:9px}.hero-stack{font-size:6px}.hero-art.sculpture-stage{height:380px}.scene-label-bottom{bottom:83px;padding:10px 12px;font-size:7px}.scene-label-bottom strong{font-size:8px}.scene-label-top{font-size:7px}.services-grid{gap:15px}.service-card{grid-template-columns:84px minmax(0,1fr)}.service-visual{margin-left:3px}.service-body{padding:20px 14px}.service-body h3{font-size:20px}.mini-browser{transform:scale(.8) rotateY(-18deg) rotateX(12deg) rotateZ(-9deg)}.mini-layers{transform:scale(.8) rotateX(50deg) rotateZ(-30deg)}.mini-agent{transform:scale(.42) rotate(-7deg)}.mini-evolution{transform:scale(.47) rotateX(15deg) rotateY(-15deg)}.service-card:hover .mini-browser{transform:scale(.8) rotateY(-18deg) rotateX(12deg) rotateZ(-9deg)}.service-card:hover .mini-layers{transform:scale(.8) rotateX(50deg) rotateZ(-30deg)}.contact-section h2{font-size:37px}.about-copy h2{font-size:38px}}
@media(max-width:600px){.hero-art.sculpture-stage{overflow:clip}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;translate:none}.hero-copy>*{animation:none!important}.scene-label{animation:none!important}.project-window,.carwash-visual,.service-card{transform:none!important}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Vector branding and symbols avoid platform-dependent emoji rendering on iOS. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none;overflow:visible}
.brand-icon{display:block;width:46px;height:46px;flex:none}
.footer-icon{display:block;width:38px;height:38px;flex:none}
.footer-name{gap:10px;letter-spacing:0}
.footer-name>span:last-child{margin-left:0}
img.mini-mark{display:block;width:34px;height:34px;flex:none}
.agent-core .ui-icon{width:.8em;height:.8em}
.dialog-links>a{display:inline-flex;align-items:center;gap:.45em}
.dialog-links .ui-icon{width:1.2em;height:1.2em}
@media(max-width:600px){.brand-icon{width:42px;height:42px}img.mini-mark{width:28px;height:28px}}

/* Professional CV: native download and a compact format hint. */
.about-cv{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:26px}.cv-download{max-width:100%;gap:18px}.cv-download .ui-icon{width:20px;height:20px}.cv-format{font-size:11px;color:var(--muted)}