/* Motion extends the established identity; every control works without it. */
.brand-system{aspect-ratio:600/560;height:auto;min-height:0;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;isolation:isolate}
.brand-system:hover{box-shadow:0 20px 50px #00323f18}.brand-system::before{content:'';position:absolute;width:72%;aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#b7c8c415,transparent 68%);pointer-events:none}
.orbit-outer{width:75%;height:auto;aspect-ratio:1;border-top-color:#aa8800b3;border-right-color:#b7c8c415}
.orbit-middle{width:56%;height:auto;aspect-ratio:1}.orbit-middle::after{content:'';position:absolute;left:50%;top:-3px;width:5px;height:5px;border-radius:50%;background:#c8a220;box-shadow:0 0 12px #c8a22099}
.orbit-inner{width:35%;height:auto;aspect-ratio:1}
.mark-core{width:27%;height:auto;aspect-ratio:1;box-shadow:0 0 0 9px #b7c8c406,0 0 50px #b7c8c41a}.mark-core img{width:91%;height:91%;object-fit:contain}
.motion-enabled .orbit-outer{animation:orbit-clockwise 40s linear infinite}.motion-enabled .orbit-middle{animation:orbit-clockwise 26s linear reverse infinite}.motion-enabled .orbit-inner{animation:core-breathe 5.4s ease-in-out infinite}.motion-enabled .signal-ring{animation:signal-ring 32s linear infinite}
.system-lines .signal-trails{stroke:#c8a220;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 300;stroke-dashoffset:304;opacity:.8}.motion-enabled .signal-trails path{animation:signal-flow 5.4s linear infinite}.signal-trails path:nth-child(2){animation-delay:-1.35s}.signal-trails path:nth-child(3){animation-delay:-2.7s}.signal-trails path:nth-child(4){animation-delay:-4.05s}
.system-label{appearance:none;text-align:left;border:1px solid transparent;border-left:2px solid transparent;border-radius:0;padding:9px 11px;min-height:52px;transition:background .25s,border-color .25s,translate .25s;z-index:3;background:#00323fe8}.system-label>span{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:7px}.system-label>span i{font-style:normal;font-size:12px;opacity:0;transform:translate(-3px,3px);transition:opacity .25s,transform .25s}.system-label strong{font-size:clamp(14px,1.35vw,19px);transition:color .25s}.system-label.is-active{border-left-color:var(--gold);background:#0a4550}.system-label:hover,.system-label:focus-visible{border-color:#aa880080;background:#0a4550}.system-label:hover>span i,.system-label:focus-visible>span i,.system-label.is-active>span i{opacity:1;transform:none}.system-label:hover strong,.system-label:focus-visible strong{color:#fff}.label-pmo,.label-cyber{top:21%}.label-ai,.label-platform{bottom:21%}.label-pmo,.label-ai{left:5%}.label-cyber,.label-platform{right:5%}
.visual-top{top:16px;z-index:4}.visual-bottom{bottom:18px;padding-top:17px}.visual-bottom>span:last-child{font-family:var(--display);font-size:13px;letter-spacing:.09em;color:#c3ad55}.visual-top>span{pointer-events:none}.motion-toggle{display:inline-flex;gap:7px;align-items:center;background:#00323f99;color:#d5e0dd;border:1px solid #b7c8c44d;padding:7px 9px;min-height:34px;font-size:8px;letter-spacing:.04em;line-height:1.2}.motion-toggle[hidden]{display:none}.motion-toggle:hover{border-color:#c8a220;color:#fff}.motion-toggle-icon{font-size:11px;line-height:1}.motion-toggle:focus-visible{outline-offset:3px}
.brand-system.motion-stopped *{animation-play-state:paused!important}
.motion-enabled .hero-copy>*{animation:hero-rise .8s cubic-bezier(.2,.7,.2,1) both}.motion-enabled .hero-copy>*:nth-child(2){animation-delay:.08s}.motion-enabled .hero-copy>*:nth-child(3){animation-delay:.16s}.motion-enabled .hero-copy>*:nth-child(4){animation-delay:.24s}.motion-enabled .hero-copy>*:nth-child(5){animation-delay:.32s}
.motion-enabled .reveal{opacity:0;translate:0 22px;transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),translate .7s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.motion-enabled .reveal.is-visible{opacity:1;translate:0 0}
.site-header{transition:box-shadow .25s}.site-header.is-scrolled{box-shadow:0 5px 25px #00323f0b}.site-header::after{content:'';position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:var(--gold);transform-origin:left;transform:scaleX(var(--read-progress,0));pointer-events:none}
.nav-contact span{transition:transform .2s}.nav-contact:hover span{transform:translate(3px,-3px)}.project-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}.project-card:hover{border-color:#00445555;box-shadow:0 16px 35px #00323f12}.project-card .art-open{transition:background .25s,color .25s,transform .25s}.project-card:hover .art-open{background:var(--teal);color:#fff;transform:translate(2px,-2px)}.project-card .robot-art .art-open{border-color:#00445545}.cap-arrow{transition:transform .25s}.capability-tabs>button:hover .cap-arrow{transform:translate(3px,-3px)}
@keyframes orbit-clockwise{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes core-breathe{0%,100%{box-shadow:0 0 0 0 #b7c8c409;opacity:.7}50%{box-shadow:0 0 0 13px #b7c8c404;opacity:1}}
@keyframes signal-flow{0%{stroke-dashoffset:304;opacity:0}10%,85%{opacity:.85}100%{stroke-dashoffset:0;opacity:0}}
@keyframes signal-ring{to{stroke-dashoffset:-352}}
@keyframes hero-rise{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@keyframes menu-enter{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
@media(min-width:721px) and (max-width:1050px){.project-card.compact,.project-grid.filtered .compact{grid-column:span 3}.project-content h3,.compact .project-content h3{font-size:31px}.compact .project-art{height:190px}.compact .project-content p{font-size:13px}}
@media(max-width:900px){html{scroll-padding-top:100px}.header-inner{min-height:84px}.brand{width:174px}.menu-toggle{display:flex;align-items:center;gap:10px;background:none;border:1px solid var(--line);padding:10px 12px;font-size:11px;min-height:44px}.menu-icon{width:15px;height:10px;border-block:1px solid var(--teal);position:relative}.menu-icon:after{content:'';position:absolute;left:0;right:0;top:4px;border-top:1px solid var(--teal)}#primary-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:12px 32px 24px;background:#fff;box-shadow:0 15px 20px #00323f0a;border-bottom:1px solid var(--line);gap:0;align-items:stretch}#primary-nav.open{display:flex;flex-direction:column}.motion-enabled #primary-nav.open{animation:menu-enter .22s ease-out}nav>a{font-size:14px;padding:14px 5px;border-bottom:1px solid var(--line);min-height:48px}nav>.nav-contact{margin-top:14px;padding:13px 16px;justify-content:space-between;border:1px solid var(--teal)}.hero{grid-template-columns:1fr;gap:35px;padding-block:40px}.hero-copy{max-width:640px;padding-block:0}h1{font-size:clamp(48px,7.5vw,68px)}.hero-description{font-size:15px;max-width:500px}.hero .eyebrow{font-size:9px}.hero-actions .button{font-size:12px}.hero .text-link{font-size:12px}.hero-foot{font-size:10px;max-width:520px}.brand-system{width:100%;max-width:600px;margin-inline:auto}.system-label strong{font-size:clamp(15px,2.3vw,20px)}.system-label>span{font-size:8px}.visual-top,.visual-bottom{font-size:8px}.capability-layout{grid-template-columns:1fr}.capability-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;border-bottom:1px solid var(--line)}.capability-tabs>button{font-size:23px;padding:22px 20px;min-height:92px;gap:15px;align-items:center}.capability-tabs>button:nth-child(odd){border-right:1px solid var(--line)}.capability-tabs>button:nth-child(n+3){border-bottom:0}.capability-tabs>button[aria-selected=true]{background:var(--wash);box-shadow:inset 0 -3px var(--gold)}.capability-tabs>button[aria-selected=true]::before{display:none}.cap-arrow{display:none}.capability-panel{padding:32px;min-height:0}.capability-panel h3{font-size:40px}.capability-panel>p:not(.panel-kicker){max-width:540px;font-size:13px}.capability-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.capability-panel li{font-size:12px}.motion-toggle{font-size:9px;min-height:38px;padding:8px 11px}.visual-top{top:17px}.label-pmo,.label-cyber{top:21%}.label-ai,.label-platform{bottom:21%}}
@media(max-width:720px){#primary-nav{padding-inline:20px}.header-inner{min-height:80px}.brand{width:164px}.hero{padding-block:34px 30px;gap:29px}h1{font-size:clamp(42px,10.2vw,60px)}.hero-description{font-size:14px}.hero-actions .button,.hero .text-link{font-size:11px}.hero-foot{font-size:9px}.brand-system{max-width:560px}.system-label{min-height:48px;padding:7px 8px}.system-label strong{font-size:clamp(13px,3.3vw,18px)}.system-label>span{font-size:6px;letter-spacing:.1em;gap:8px}.system-label>span i{font-size:10px}.label-pmo,.label-ai{left:4%}.label-cyber,.label-platform{right:4%}.visual-top,.visual-bottom{left:18px;right:18px;font-size:6px}.visual-top{top:12px}.visual-bottom{bottom:12px;padding-top:13px}.visual-bottom>span:last-child{font-size:11px}.motion-toggle{min-height:34px;font-size:7px;padding:7px 9px}.motion-toggle-icon{font-size:10px}.capability-tabs>button{font-size:19px;min-height:96px;gap:10px;padding:17px 13px;line-height:1.12}.cap-number{font-size:9px}.capability-panel{padding:27px 23px}.capability-panel h3{font-size:37px}.capability-panel>p:not(.panel-kicker){font-size:12px}.capability-panel ul{grid-template-columns:1fr;gap:0}.capability-panel li{font-size:11px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}.filters button{min-height:44px;font-size:10px;padding:9px 12px;text-align:left}.work-toolbar{align-items:stretch;flex-direction:column;gap:7px}.work-toolbar #project-count{padding-top:0;align-self:flex-end;font-size:9px}.dialog-close{min-width:68px;min-height:44px}.dialog-actions .button{min-height:48px}.contact-actions{width:100%}.contact-actions .button{max-width:100%;overflow-wrap:anywhere}.footer-bottom a{display:inline-flex;min-height:35px;align-items:center}}
@media(max-width:370px){h1{font-size:40px}.visual-top,.visual-bottom{left:14px;right:14px}.system-label{padding:6px;min-height:46px}.system-label strong{font-size:12px}.system-label>span{font-size:5.5px}.motion-toggle{font-size:6px;padding-inline:7px}.capability-tabs>button{font-size:18px;padding-inline:10px}.contact-actions .button{gap:16px}}
@media(hover:none){.brand-system{transform:none!important}.project-card:hover{transform:none}.system-label:hover{border-color:transparent}.system-label.is-active{border-left-color:var(--gold)}}
@media(prefers-reduced-motion:reduce){.brand-system{transform:none!important}.brand-system *{animation:none!important}.system-lines .signal-trails{display:none}.motion-enabled .reveal{opacity:1;translate:0 0;transition:none}.motion-enabled .hero-copy>*{opacity:1;translate:0 0;animation:none}.motion-toggle{display:none!important}.site-header,.system-label,.project-card{transition:none}}
@media(max-width:720px){.motion-toggle{min-height:44px}.label-pmo,.label-cyber{top:18.5%}.label-ai,.label-platform{bottom:18.5%}}

/* The Company emblem shares the hero's calm clockwise rotation. */
.company-emblem img{animation:company-shuriken-turn 20s linear infinite;animation-play-state:paused;transform-origin:50% 50%}
.company-emblem.is-rotating img{animation-play-state:running}
@keyframes company-shuriken-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.company-emblem img{animation:none;transform:none}}
