/* Prism / Precision: brand blue framed by midnight, silver and ice. */
:root{--ink:#15203c;--ivory:#f0f2f7;--paper:#f8f9fc;--muted:#58647d;--line:#d2d9e6;--mint:#a0d9ff;--copper:#edb8ac;--forest:#101936;--lavender:#c5d5ff}
body{background:var(--ivory)}.site-header{background:#101936eb;border-bottom:1px solid #9eb6ff22}.brand{background:#f9fbff;box-shadow:0 0 0 1px #c5d5ff40,0 6px 22px #0002}.submenu{background:#f8faff;color:#15203c}#main-nav .submenu a:hover,#main-nav .submenu a[aria-current=page]{background:#e1eaff;color:#1948cc}#main-nav a[aria-current=page],#main-nav a:not(.button):hover{color:#a5dfff}#main-nav>.button{background:#245bff;color:#fff;border-color:#4676ff}.button{background:#245bff;border-color:#245bff;color:white;box-shadow:0 6px 17px #245bff20;transition:transform .22s,box-shadow .22s,background .22s}.button:hover{background:#1645cf;border-color:#1645cf;box-shadow:0 10px 24px #245bff38;transform:translateY(-3px)}.button:active{transform:translateY(1px);box-shadow:none}.button.secondary{background:transparent;color:#21335a;border-color:#8a9bbb;box-shadow:none}.button.secondary:hover{background:#e1eaff}.eyebrow{color:#3458a1}.text-link{border-color:#8bace5}.text-link:hover{color:#245bff}.text-link:focus-visible{outline-offset:6px}
.product-hero{background:#101936;isolation:isolate}.product-hero:before{background:radial-gradient(ellipse at 80% 50%,#345af947,transparent 57%),radial-gradient(ellipse at 15% 0,#6984c51a,transparent 45%)}.product-hero:after{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#abc8ff06 1px,transparent 1px),linear-gradient(90deg,#abc8ff06 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-layout{padding-top:72px;padding-bottom:65px;grid-template-columns:1.06fr 1fr;gap:35px}.product-copy h1{font-size:clamp(42px,4.75vw,70px);line-height:1.08;letter-spacing:-.055em}.product-copy h1 span{color:#a8dbff;background:linear-gradient(100deg,#badfff,#8abaff 60%,#cdd9ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.product-copy .eyebrow{color:#9ebeff}.product-copy>p:not(.eyebrow){color:#c2cce2;max-width:37ch}.product-copy .button{background:#245bff;color:white;border-color:#467aff}.product-copy .button:hover{background:#1645d8}.product-copy .button.secondary{border-color:#7186b4;color:#e7eeff;background:#ffffff06}.hero-footnote{color:#afbfdd}.signal-dot{background:#93d9ff;box-shadow:0 0 12px #5eaaff}.hero-bottom{border-color:#a4b9eb33;color:#b5c7e7}.canvas-heading{color:#a5c2f1;border-color:#a5bfff29}.product-canvas{perspective:1200px;transform-style:preserve-3d;height:560px}.main-screen{transform:rotateY(-12deg) rotateX(6deg) rotateZ(-3deg);top:105px;right:-3%;width:98%;box-shadow:15px 28px 55px #0008,2px 2px 0 #789de1;z-index:2;animation:prism-float 7s ease-in-out infinite}.second-screen{transform:rotateY(14deg) rotateZ(4deg);left:-6%;bottom:-8px;z-index:4;border-color:#e6eefa;box-shadow:0 22px 48px #040e2a99;animation:prism-front 8s ease-in-out infinite}.screen-toolbar{background:#e9eef8;color:#526c97}.screen-caption{background:#f6f8fd}.screen-caption>span{color:#536480}.canvas-note{color:#c6d9ff;bottom:-8px}.signal-mark{color:#a1d8ff}.hero-screen{border-color:#a9cfff8a}.hero-screen:hover{animation-play-state:paused;box-shadow:0 20px 65px #478cff55,0 0 0 2px #8bc6ff}
.orbital-sculpture{position:absolute;top:2%;right:-5%;width:95%;height:85%;pointer-events:none;transform-style:preserve-3d;z-index:0;perspective:900px}.orbit-ring{position:absolute;inset:1%;border:20px solid transparent;border-radius:50%;background:linear-gradient(#101936,#101936) padding-box,conic-gradient(from 30deg,#385da7,#eaf8ff,#7093cf,#244386,#c7e9ff,#5474c4,#f4fdff,#385da7) border-box;box-shadow:inset 0 0 18px #7cbaff70,0 0 35px #2a73ff25;transform:rotateX(66deg) rotateY(-20deg) rotateZ(25deg);animation:orbit-drift 12s ease-in-out infinite}.ring-b{inset:8%;border-width:4px;background:none;border-color:#83bdff8c;transform:rotateY(62deg) rotateX(24deg);animation:orbit-side 15s ease-in-out infinite}.ring-c{inset:19%;border-width:2px;background:none;border-color:#b4dfff70;transform:rotateX(60deg);animation:orbit-side 18s reverse ease-in-out infinite}.orbit-core{position:absolute;top:7%;right:15%;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 27% 25%,white,#b3d9ff 15%,#4e7dd5 40%,#101b50 75%);box-shadow:inset -8px -10px 14px #060d3680,0 8px 20px #6c9cff44;animation:core-drift 8s ease-in-out infinite}
@keyframes prism-float{0%,100%{transform:rotateY(-12deg) rotateX(6deg) rotateZ(-3deg) translateY(0)}50%{transform:rotateY(-8deg) rotateX(3deg) rotateZ(-2deg) translateY(-13px)}}@keyframes prism-front{0%,100%{transform:rotateY(14deg) rotateZ(4deg) translateY(0)}50%{transform:rotateY(8deg) rotateZ(2deg) translateY(10px)}}@keyframes orbit-drift{0%,100%{transform:rotateX(66deg) rotateY(-20deg) rotateZ(25deg)}50%{transform:rotateX(57deg) rotateY(10deg) rotateZ(60deg)}}@keyframes orbit-side{0%,100%{transform:rotateY(62deg) rotateX(24deg)}50%{transform:rotateY(35deg) rotateX(-15deg)}}@keyframes core-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
.discipline-strip{background:linear-gradient(100deg,#dee8ff,#eff5ff 60%,#e4f0f6);border-bottom:1px solid #b8cbe8}.discipline-strip>.container{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:22px}.discipline-strip a{font-size:13px;font-weight:600;padding:8px;color:#203a6d}.discipline-strip>div>span{color:#487bdb}.discipline-strip a:hover{color:#245bff}
.capability-section{background:linear-gradient(135deg,#f1f5fd,#e5eafa);color:var(--ink);position:relative}.capability-section .eyebrow{color:#3159a5}.capability-section .section-heading>p{color:#566680}.capability-panel{background:linear-gradient(135deg,#172a54,#101c3c);color:#eef4ff;border:1px solid #4d64955c;box-shadow:0 12px 25px #132b5314;position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .3s,border-color .3s}.capability-panel:nth-child(2){background:linear-gradient(135deg,#e6efff,#c3d5f6);color:#193359}.capability-panel:nth-child(3){background:linear-gradient(135deg,#edf4fb,#cedfe9);color:#203a4e}.capability-panel:before{content:'';position:absolute;width:210px;height:210px;border:1px solid #93bcff60;border-radius:50%;right:-80px;top:-90px;box-shadow:0 0 0 26px #75a7ff0c,0 0 0 27px #93bcff30;pointer-events:none}.capability-panel:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--px,50%) var(--py,0%),#fff3,transparent 55%);pointer-events:none;opacity:0;transition:opacity .3s}.capability-panel:hover:after{opacity:1}.capability-panel:hover{transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px);box-shadow:0 20px 35px #2455a52e;border-color:#669cff}.capability-number>span{transition:transform .25s}.capability-panel:hover .capability-number>span{transform:translate(4px,-4px)}.capability-extra{color:#29446f;border-color:#b0c2df}.capability-extra>span{color:#60769b}.capability-extra a:hover{color:#245bff}
.selected-work{position:relative}.project-image,.project-card:nth-child(n) .project-image{background:linear-gradient(145deg,#dce5f5,#eef3fc);border-color:#c5d1e6;transition:transform .3s,box-shadow .3s,border-color .3s;transform-origin:center;perspective:850px}.project-card:nth-child(2n) .project-image{background:linear-gradient(145deg,#d7e7ed,#eaf4f8)}.project-image:hover{transform:perspective(1100px) rotateX(2deg) translateY(-5px);box-shadow:0 20px 35px #233a6b24;border-color:#79a1ee}.project-image>img{transition:filter .3s}.project-image:hover>img{filter:saturate(1.1)}.capture-bar{color:#53678c}.project-meta .eyebrow{color:#496699}.project-summary{font-size:12px!important;line-height:1.75;color:#5a6b87;margin-top:12px!important;max-width:50ch}.capture-credit{color:#4c6592;border-color:#c6d4e8}.project-brief{background:linear-gradient(135deg,#e5ecf7,#eff3fa);border-color:#bfcee5}.project-brief p{color:#526888}.brief-label{color:#39598f}.image-arrow{background:#245bff;color:white;transition:transform .3s}.project-image:hover .image-arrow{transform:rotate(45deg)}.project-index{color:#647ca1}.filters button[aria-pressed=true]{background:#245bff}.case-media{background:#e1e8f5}.missing-capture{background:#e6ecf7}.delivery-note{color:#526e9c}.process-list li>span{color:#245bff}
.studio-band{background:linear-gradient(120deg,#dce6f7,#eaf0fa);border-color:#c5d2e9}.expertise-board{background:#f5f8ff;border-color:#c1d0e7;box-shadow:18px 18px 0 #cddbf05c}.toolkit-row{border-color:#d0dbed}.toolkit-row>span{color:#62789c}.cta-band{background:radial-gradient(ellipse at 95% 0,#4083b944,transparent 60%),linear-gradient(115deg,#162448,#263c73);color:#edf4ff;box-shadow:0 22px 50px #182d5c24;border:1px solid #88abff4d}.cta-band .eyebrow{color:#b0ceff}.cta-layout h2{font-size:clamp(33px,3.8vw,55px)}.cta-layout em{color:#a1dcff}.cta-layout p{color:#c8d6ef}.cta-band .button{background:#eef5ff;color:#15366e;border-color:#eef5ff}.cta-band .button:hover{background:#c3e4ff}.site-footer{background:#101936;color:#c2cfe7}.footer-grid h2{color:#93b8ee}.footer-location{color:#99adcf!important}.footer-bottom{border-color:#9ab6ff26}.footer-brand{background:#f8fbff}.page-intro h1 em{color:#315bc0}.page-intro{background:radial-gradient(ellipse at 85% 10%,#bcd5ff40,transparent 60%)}.service-statement,.service-variant-1 .service-statement{background:#182b52;color:#eef4ff}.service-statement .button{background:#245bff;color:white;border-color:#4676ff}.service-scope,.industry-card,.technology-card{background:#e7edf7;border-color:#c3d0e6}.industry-card:nth-child(2n),.technology-card:nth-child(2n){background:#e1eaf4;color:#172d50}.tags span,.technology-card .tags span{background:#dae6fa;color:#264675;border-color:#adbee0}.principle-banner{background:#dfeafa}.principle-banner em{color:#315fb3}.about-art{background:#162749}.about-art>span{background:linear-gradient(transparent,#101936ed)}.contact-note{background:#e0eafa;border-color:#b6c9e7}.field input,.field textarea,.field select{background:#fafcff;border-color:#aebfd9}
.why-preview{display:grid;grid-template-columns:.85fr 1.6fr;gap:50px;border-top:1px solid var(--line)}.why-preview .text-link{margin-top:20px}.why-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.why-preview-grid article{border-top:2px solid #739de9;padding-top:20px}.why-preview-grid article>span{font-size:8px;letter-spacing:.1em;color:#5475a6}.why-preview-grid h3{font-size:22px;line-height:1.2;margin:22px 0 15px}.why-preview-grid p{font-size:13px;line-height:1.8;color:#566b8d}.why-preview-grid a{display:inline-block;font-size:11px;color:#245bff;margin-top:15px}.context-links{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:40px;margin-bottom:30px;padding:22px;border:1px solid #c7d6ee;background:#e7eef9;border-radius:6px}.context-links a{font-size:12px;padding:8px}.context-links a:hover{color:#245bff}
.motion-toggle{position:fixed;left:14px;bottom:14px;z-index:30;border:1px solid #91a8d0;background:#f5f8ffe8;color:#1b376c;border-radius:25px;padding:10px 14px;min-height:42px;font-size:10px;box-shadow:0 4px 14px #10234b20}.motion-toggle:hover{background:#dceaff}.motion-ready .reveal.is-visible{animation:section-enter .7s ease-out both}@keyframes section-enter{from{opacity:.5;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}body.motion-paused .capability-panel:hover{transform:translateY(-3px)}
@media(max-width:980px){#main-nav{background:#101936}.submenu{background:#1e3158;color:#eaf2ff;border-color:#46618a}.hero-layout{gap:24px}.product-copy h1{font-size:42px}.main-screen{width:96%;right:0;top:105px}.product-canvas{height:480px}.second-screen{left:0;bottom:4px}.why-preview{grid-template-columns:1fr}.why-preview-grid{gap:25px}.orbit-ring{border-width:14px}.ring-b,.ring-c{border-width:2px}}
@media(max-width:680px){.hero-layout{padding-top:40px;grid-template-columns:1fr;gap:45px;padding-bottom:45px}.product-copy h1{font-size:clamp(35px,9.7vw,52px);line-height:1.1}.product-copy h1 br:nth-child(3){display:block}.product-copy .button-row{display:grid;grid-template-columns:1fr}.product-copy .button{font-size:13px}.product-canvas{height:410px}.main-screen{top:75px;width:92%;right:0;animation:prism-float 9s ease-in-out infinite}.main-screen img{height:180px}.second-screen{width:60%;bottom:-8px;left:0}.canvas-note{display:none}.orbital-sculpture{right:0;top:-2%;height:90%;width:95%}.orbit-core{width:42px;height:42px}.orbit-ring{border-width:12px}.ring-b,.ring-c{border-width:2px}.discipline-strip>.container{gap:6px;flex-wrap:wrap;justify-content:center;padding-block:16px}.discipline-strip a{font-size:11px;padding:7px}.discipline-strip>div>span{font-size:10px}.why-preview-grid{grid-template-columns:1fr;gap:28px}.why-preview-grid h3{margin:15px 0 12px;font-size:24px}.why-preview-grid p{font-size:14px}.cta-layout h2{font-size:36px}.context-links{gap:8px 15px;padding:15px}.context-links a{font-size:11px}.motion-toggle{font-size:9px;bottom:12px;left:12px;padding:9px 12px}.expertise-board{box-shadow:8px 8px 0 #cddbf05c}.footer-bottom{padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.capability-panel:hover,.project-image:hover{transform:none!important}.motion-toggle{display:none}}
body:not(.motion-ready) .main-screen,body:not(.motion-ready) .second-screen,body:not(.motion-ready) .orbit-ring,body:not(.motion-ready) .orbit-core{animation:none}
.product-canvas{transform-style:flat}.orbital-sculpture{transform-style:flat;isolation:isolate}.hero-screen{isolation:isolate}
.product-canvas{perspective:none}.orbital-sculpture{z-index:0}.main-screen{z-index:2}.second-screen{z-index:4}
