/* Interactive layers are client-only; the static image remains the no-JS fallback. */
.hero-content{z-index:2}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0;transition:opacity .5s}.interactive-ready .hero-canvas{opacity:1}.interactive-ready .hero-art img{animation:none!important}.interaction-hint{margin-top:24px;font-size:12px;letter-spacing:.05em;color:var(--muted)}.design-flow .interaction-hint{color:#a7bcdb}.star-links{display:none;position:absolute;inset:0;z-index:4;pointer-events:none}.interactive-ready .star-links{display:block}.star-link{position:absolute;left:var(--star-x);top:var(--star-y);width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:auto;outline-offset:4px}.star-link span{position:absolute;top:38px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:550;letter-spacing:.03em;color:#334b85;padding:3px 9px;background:#ffffffd9;border-radius:4px;transition:background .2s,color .2s}.star-link:hover span,.star-link:focus-visible span{background:#1338de;color:#fff}.design-constellation .interactive-ready .hero-art img{opacity:.12}.design-constellation .hero-art img{animation-duration:8s}.design-constellation .interactive-ready .hero-principles{bottom:34px}.design-constellation .interaction-hint{color:#48669d;font-size:12px;max-width:290px}
.hero-spotlight{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s;background:radial-gradient(340px circle at var(--light-x,70%) var(--light-y,45%),#3aafff24,transparent 70%);mix-blend-mode:multiply}.is-pointing .hero-spotlight{opacity:1}.design-studio .hero-art img{animation-duration:6s}.design-studio .interactive-ready .hero-art img{transform:perspective(1300px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.085) translate3d(var(--shift-x,0px),var(--shift-y,0px),0);transition:transform .32s ease-out;will-change:transform}.design-studio .interaction-hint{font-size:11px;max-width:280px;color:#66769e}.motion-paused .hero-spotlight{display:none}.motion-paused .design-studio .hero-art img{transition:none}
.design-nexus.is-home{--ink:#eef4ff;--muted:#a6b6d3;--line:#263550;--paper:#050b1a;--blue:#56dfff;background:var(--paper);color:var(--ink)}.design-nexus .hero{background:#030817;height:64vw;min-height:760px;max-height:940px}.design-nexus .hero-art img{animation:art-drift 7s ease-in-out infinite alternate;object-position:60% center}.design-nexus .hero-content{padding-top:175px}.design-nexus .hero-kicker{color:#72ddff;font-size:11px;letter-spacing:.25em;margin-bottom:26px}.design-nexus .hero h1{font-size:clamp(54px,6.8vw,100px);letter-spacing:-.055em;line-height:1.18}.design-nexus .hero h1 em{color:#43d8ff}.design-nexus .hero h1 em span+span{color:#bc7cff}.design-nexus .hero-intro{color:#c2d1eb;font-size:24px;margin-top:28px}.design-nexus .hero-actions{margin-top:34px}.design-nexus .hero .primary{color:#041022;background:#6be6ff;border-color:#6be6ff;border-radius:4px;box-shadow:0 0 24px #21b5ff26}.design-nexus .primary .icon{filter:none}.design-nexus .hero .text-link{color:#d5e7ff}.design-nexus .hero .text-link .icon{filter:invert(1)}.design-nexus .hero .primary:hover{box-shadow:0 0 38px #27c8ff66}.design-nexus.is-home .nav-cta{border-color:#6985ac;color:#e4f5ff;border-radius:4px;background:#0b19318c}.design-nexus.is-home .nav-cta .icon,.design-nexus.is-home .menu-toggle img{filter:invert(1)}.design-nexus .interaction-hint{color:#9eb6de;font-size:12px}.hero-capabilities{display:flex;gap:28px;position:absolute;left:var(--pad);bottom:55px;font-size:12px;letter-spacing:.08em;color:#aac4e2}.hero-capabilities>span{border-top:1px solid #45618b;padding-top:14px;min-width:98px}.design-nexus .services{padding-block:85px}.design-nexus .services h2{font-size:clamp(40px,5.3vw,74px)}.design-nexus .eyebrow{color:#8badd7}.design-nexus .service-icon{filter:invert(78%) sepia(80%) saturate(985%) hue-rotate(160deg)}.design-nexus .expand-icon{filter:invert(83%) sepia(80%) saturate(900%) hue-rotate(150deg)}.design-nexus .about{background:#0a1428}.design-nexus .company-facts strong{font-weight:450}.design-nexus .qualification-links>a{border-color:#2c446a}.design-nexus .about .text-link{color:#6be6ff}.design-nexus .qualification-links .icon{filter:invert(1)}.design-nexus .contact{background:#040c1b;color:#eff7ff}.design-nexus .contact-art{opacity:.19}.design-nexus .contact .button{color:#b9ecff;border-color:#537797}.design-nexus .contact .button .icon{filter:invert(1)}.design-nexus .contact a[href^=tel]{color:#c4f2ff}.design-nexus .site-footer{color:#9eb1d0}.design-nexus .preview-tools{color:#152448}.design-nexus .design-options a[aria-current],.design-nexus .design-options a:hover{color:#153ed6}.design-nexus.is-content{--ink:#080f30;--muted:#647397;--paper:#fff;--blue:#123cf0;--line:#d0d7e8}
@media(max-width:1050px){.design-nexus .hero-content{padding-top:165px}.design-nexus .hero h1{font-size:7.2vw}}
@media(max-width:760px){.interaction-hint{font-size:11px!important;max-width:280px;line-height:1.8}.design-constellation .interactive-ready .hero-art img{opacity:.08}.design-constellation .hero{min-height:830px}.design-constellation .hero-principles{font-size:10px;letter-spacing:0;bottom:28px!important}.star-link span{font-size:10px;padding:3px 7px}.design-studio .interactive-ready .hero-art img{transform:perspective(1300px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.055);will-change:auto}.design-studio .hero-content{padding-bottom:145px}.design-nexus .hero{min-height:830px;height:auto;max-height:none}.design-nexus .hero-content{padding-top:145px;padding-bottom:300px}.design-nexus .hero h1{font-size:clamp(42px,10.5vw,60px)}.design-nexus .hero-intro{font-size:18px!important;max-width:100%;margin-top:22px}.design-nexus .hero-art{inset:0}.design-nexus .hero-art img{position:absolute;top:310px;left:-45%;width:150%;max-width:none;height:auto;object-fit:contain;opacity:.8}.design-nexus .hero-kicker{font-size:9px}.design-nexus .hero-actions{gap:20px;margin-top:28px}.design-nexus .hero-actions .button{font-size:16px;min-width:140px}.hero-capabilities{bottom:30px;gap:17px;font-size:10px;right:var(--pad);justify-content:space-between}.hero-capabilities>span{min-width:0;flex:1;padding-top:12px}.design-nexus .services{padding-block:56px}.design-nexus .services h2{font-size:38px}.design-nexus.is-home #main-nav{background:#0b1730;border-color:#294364;color:#e2efff}.design-nexus.is-home #main-nav>a:hover{color:#8beaff}.design-nexus .service summary{grid-template-columns:38px 1fr 22px}}
.motion-paused.design-studio .hero-art img{transition:none}.design-nexus.is-content .eyebrow,.design-nexus.is-content .site-footer{color:#647397}.design-nexus .interaction-hint{display:table;padding:6px 10px;background:#030817bb;border:1px solid #7592c529;border-radius:4px;color:#c5d8f5}.hero-principles{z-index:2}
.design-nexus.is-home .site-header{background:#030817ad}.design-nexus.is-home .about .text-link .icon,.design-nexus.is-home .content-card .icon{filter:invert(1)}
.skip-link{color:#080f30}.skip-link:focus{top:-80px}.skip-link:focus-visible{top:12px}
@media(max-width:760px){.design-nexus .hero-art img{mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 80%,transparent)}}
@media(prefers-reduced-motion:reduce){.hero-spotlight{display:none}.design-studio .interactive-ready .hero-art img{transform:none!important;transition:none!important}.hero-canvas{transition:none}.star-link span{transition:none}}
/* Visible HTML links remain usable even with animation, JS or Canvas disabled. */
.star-links{display:block}
.star-link:nth-child(1){--star-x:81vw;--star-y:40%}
.star-link:nth-child(2){--star-x:76vw;--star-y:68%}
.star-link:nth-child(3){--star-x:38vw;--star-y:84%}
.star-link::before{content:'';position:absolute;inset:12px;border:1px solid #3266e3;border-radius:50%;background:#4b77eb;box-shadow:0 0 14px #3978e88c}
.star-link::after{content:'';position:absolute;inset:3px;border:1px solid #3772ea70;border-radius:50%;opacity:.5}
.star-link span{font-size:15px;font-weight:650;color:#203b79;padding:7px 13px;border:0;background:transparent;box-shadow:none;text-shadow:0 1px 8px #fff,0 0 16px #fff}
.star-link.is-featured::after{animation:node-breathe 1.6s ease-out infinite}
.star-link.is-featured span{color:#123cf0;background:transparent;box-shadow:none}
.star-link:hover span,.star-link:focus-visible span,.star-link.is-clicked span{background:transparent;color:#123cf0;text-decoration:underline;text-underline-offset:5px}
.feature-held .star-link::after,.feature-held .hero-capabilities>a>span{animation-play-state:paused}
.hero-capabilities{gap:20px;font-size:17px;font-weight:650;letter-spacing:.02em;z-index:4}
.hero-capabilities>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:154px;padding:16px 14px;border-top:1px solid #718ec7;background:#06152eb3;color:#d9eaff;transition:color .2s,background .2s,box-shadow .2s}
.hero-capabilities>a>span{font-size:22px;color:#68e3ff}
.hero-capabilities>a.is-featured{color:#fff;background:#143351e6;box-shadow:inset 0 2px #64e6ff,0 0 25px #3fcaff25}
.hero-capabilities>a.is-featured>span{animation:feature-breathe 1.6s ease-in-out infinite}
.hero-capabilities>a:hover,.hero-capabilities>a:focus-visible,.hero-capabilities>a.is-clicked{color:#fff;background:#1d4668;box-shadow:inset 0 2px #6deaff,0 0 25px #3fcaff38}
.skip-link,.skip-link:focus{top:0;transform:translateY(-150%)}
.skip-link:focus-visible{top:12px;transform:none}
@keyframes node-breathe{0%{transform:scale(.75);opacity:.8}100%{transform:scale(1.65);opacity:0}}
@keyframes feature-breathe{0%,100%{opacity:.55;transform:translate(0,0)}50%{opacity:1;transform:translate(2px,-2px)}}
@media(max-width:760px){.star-link span{font-size:13px;padding:6px 10px}.star-link:nth-child(1){--star-x:23vw;--star-y:68%}.star-link:nth-child(2){--star-x:74vw;--star-y:74%}.star-link:nth-child(3){--star-x:42vw;--star-y:87%}.hero-capabilities{gap:9px;left:var(--pad);right:var(--pad);bottom:34px;font-size:14px}.hero-capabilities>a{flex:1;min-width:0;padding:15px 8px;gap:6px}.hero-capabilities>a>span{font-size:16px}}
@media(prefers-reduced-motion:reduce){.star-link::after,.hero-capabilities>a>span{animation:none!important}.star-link span,.hero-capabilities>a{transition:none}}
@media(max-width:760px){.design-nexus .hero-actions .text-link{padding:10px 12px;background:#030817a6;border-radius:4px}}