/* A concise home, tangible objects and a shared motion language. */
.brand-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center;padding-block:65px 75px;scroll-margin-top:105px}
.brand-intro-copy{max-width:550px}.brand-intro-copy .eyebrow{font-size:9px;margin-bottom:24px}.brand-intro-copy h2{font-size:clamp(33px,3.7vw,50px);line-height:1.08;letter-spacing:-.045em}.brand-intro-copy h2 em{color:#7b8ca5}.brand-intro-copy>p:not(.eyebrow){font-size:14px;color:#657894;line-height:1.75;max-width:490px;margin-top:22px}.brand-intro-copy>p+p:not(.eyebrow){margin-top:12px}.brand-intro-copy .button{margin-top:24px;font-size:12px}
.brand-kinetic{height:400px;position:relative;min-width:0;isolation:isolate;border-radius:24px;background:radial-gradient(ellipse at 50% 40%,#fff,#e9eff8 70%,#e0e8f3);border:1px solid #d3ddeb;overflow:hidden;box-shadow:inset 0 1px 0 white,0 16px 35px #102c580a}.kinetic-grid{position:absolute;inset:0;background-image:radial-gradient(#7f9cba55 .7px,transparent .8px);background-size:19px 19px;mask-image:linear-gradient(130deg,transparent 25%,#000)}.orbital-sculpture{position:absolute;inset:8% 15%;width:70%;height:80%;object-fit:contain;z-index:2;filter:drop-shadow(0 18px 12px #102c5823);animation:orbitalSway 9s ease-in-out infinite alternate;translate:var(--kinetic-x,0px) var(--kinetic-y,0px);transition:translate .7s ease-out}.orbital-outline{position:absolute;inset:8%;border:1px solid #9eb3d256;border-radius:50%;transform:rotate(-20deg) scaleY(.65);animation:orbitalLine 18s linear infinite}.orbital-outline.orbit-two{inset:13%;animation-direction:reverse;animation-duration:24s;transform:rotate(55deg) scaleY(.75)}.orbital-dot{position:absolute;left:17%;top:26%;width:5px;height:5px;background:#c6aa73;border-radius:50%;box-shadow:0 0 0 7px #c6aa7319;animation:smallPulse 4s ease-in-out infinite}.orbital-caption{position:absolute;left:23px;right:23px;bottom:22px;display:flex;gap:11px;align-items:center;font-size:7px;letter-spacing:.17em;color:#6c829e;border-top:1px solid #a9bed945;padding-top:15px}.orbital-caption>span{width:5px;height:5px;background:#9aaecb;border-radius:50%}
.compact-ticker{padding-block:19px}.compact-ticker span{font-size:31px}.compact-ticker i{font-size:23px}.compact-ticker>div{animation-duration:27s}
.home-gateways{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-block:62px}.gateway{position:relative;min-height:310px;border:1px solid #c4d1e3;border-radius:22px;overflow:hidden;isolation:isolate;display:block;box-shadow:0 16px 35px #102c580b;transition:box-shadow .5s,translate .5s}.gateway:hover{translate:0 -5px;box-shadow:0 22px 45px #102c5824}.gateway-services{color:#fff;background:radial-gradient(ellipse at 100% 30%,#3c638f,#102c58 65%)}.gateway-projects{color:#102c58;background:linear-gradient(130deg,#fff,#e1eaf7)}.gateway-copy{position:relative;z-index:3;padding:32px;pointer-events:none}.gateway .eyebrow{font-size:8px;margin-bottom:20px;letter-spacing:.1em}.gateway-services .eyebrow{color:#a5bedf}.gateway h2{font-size:32px;line-height:1.08;max-width:285px;letter-spacing:-.04em}.gateway-cta{display:flex;align-items:center;gap:13px;position:absolute;left:32px;top:242px;font-size:11px}.gateway-cta>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #9cb1cf85;border-radius:50%;font-size:18px;transition:background .4s,rotate .4s}.gateway:hover .gateway-cta>span{background:#ffffff30;rotate:45deg}.gateway-service-art{position:absolute;width:53%;height:190px;right:8px;bottom:15px;z-index:1}.gateway-service-art img{width:100%;height:100%;object-fit:contain;animation:gatewayFloat 7s ease-in-out infinite alternate;filter:drop-shadow(0 15px 16px #06152f66)}.gateway-orbit{position:absolute;inset:-15px 6%;border:1px solid #8faece3b;border-radius:50%;transform:rotate(-25deg) scaleY(.65)}.gateway-project-art{position:absolute;right:-32px;bottom:29px;width:52%;z-index:1;animation:gatewayFloat 9s ease-in-out infinite alternate}.gateway-browser{border:4px solid #f9fbff;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 14px 24px #102c5829}.gateway-browser>span{display:block;font-size:6px;letter-spacing:.03em;padding:7px;color:#8294ad;border-bottom:1px solid #d9e3ef}.gateway-browser img{width:100%;height:auto;display:block}
.surface-traces{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;color:#90a9c9}.surface-traces path{fill:none;vector-effect:non-scaling-stroke;stroke:currentColor;stroke-width:1}.surface-traces .trace-base{opacity:.16}.surface-traces .trace-light{stroke:#8eabd0;opacity:.55;stroke-width:1.4;stroke-dasharray:45 1000;animation:traceTravel 12s linear infinite}.surface-traces .second-trace{animation-delay:-5s;animation-duration:17s}.material-scene .trace-light,.flow-lab-panel .trace-light{stroke:#d1ddec;opacity:.4}.stage-object,.stage-topline,.stage-caption,.art-glyph,.mobile-preview{z-index:2}.kinetic-surface{isolation:isolate}.web-lab-display .lab-browser,.web-lab-display>p,.web-lab-display>.lab-display-label,.excel-workbench>.workbench-tabs,.excel-workbench>.workbench-screen,.excel-workbench>.workbench-foot,.flow-lab-panel>.scenario-tabs,.flow-lab-panel>.flow-board,.flow-lab-panel>.flow-explanation,.creative-display>figure,.creative-display>.creative-pin{position:relative;z-index:2}.creative-display>.creative-pin{position:absolute}.about-wordmark>img,.about-wordmark>p{position:relative;z-index:2}
/* Free-standing arrows are removed; directional signs remain inside actual links. */
.perspective-mark{display:none}.modalities article:after{content:'';width:115px;height:115px;right:-30px;bottom:-38px;border:18px double #a0b5d43d;border-radius:50%;animation:surfaceBreathe 8s ease-in-out infinite alternate}.cta-band:after{content:none}.catalog-icon svg{width:29px;height:29px}.menu-service-icon svg{width:24px;height:24px}.constellation-node>svg{width:26px;height:26px;flex-shrink:0}.text-link>span[aria-hidden]{width:27px;height:27px;display:inline-grid;place-items:center;border:1px solid #8198b65a;border-radius:50%;font-size:16px;transition:background .3s,rotate .3s;flex-shrink:0}.text-link:hover>span[aria-hidden]{rotate:45deg;background:#91acc929}.footer-title>span{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #c6aa7380;border-radius:50%;font-size:25px}.service-row>span[aria-hidden]:not(.catalog-icon){height:35px;width:35px;border:1px solid #89a1c364;border-radius:50%;display:grid;place-items:center;font-size:19px;align-self:start}.service-switcher{border-top:1px solid #d7e2ef;padding-top:28px;margin-top:18px}.conversation-node i{font-size:23px}.case-heading:before{animation:surfaceBreathe 7s ease-in-out infinite alternate}.material-halo{animation:surfaceBreathe 9s ease-in-out infinite alternate}
.brand-material{animation:materialLight 9s ease-in-out infinite alternate}.portfolio-collection img{animation:portfolioFloat 8s ease-in-out infinite alternate}.portfolio-collection img:nth-child(2){animation-delay:-3s}.portfolio-collection img:nth-child(3){animation-delay:-6s}.ribbon-grid>a img{transition:scale .7s}.ribbon-grid>a:hover img{scale:1.025}.studio-image:before{content:'';position:absolute;z-index:2;pointer-events:none;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff26 48%,transparent 60%);translate:-130% 0;transition:translate .9s}.studio-image:hover:before{translate:130% 0}.service-stage .stage-grid{animation:gridDrift 24s linear infinite}.creative-trace{animation-duration:22s}.stage-orbit{animation-duration:20s}
body[data-page="index.html"] .footer-signature{padding-bottom:30px;margin-bottom:30px}body[data-page="index.html"] .footer-signature img{max-height:90px;width:auto;max-width:100%}body[data-page="index.html"] footer{padding-top:35px}body[data-page="index.html"] .footer-title{font-size:32px}body[data-page="index.html"] .footer-top{padding-bottom:30px}body[data-page="index.html"] .question-stage{padding-block:65px}body[data-page="index.html"] .question-stage h2{font-size:clamp(42px,5.5vw,72px)}
@keyframes orbitalSway{from{transform:translateY(5px) rotate(-5deg)}to{transform:translateY(-10px) rotate(5deg)}}@keyframes orbitalLine{from{rotate:0deg}to{rotate:360deg}}@keyframes traceTravel{from{stroke-dashoffset:1045}to{stroke-dashoffset:0}}@keyframes gatewayFloat{to{translate:0 -10px}}@keyframes smallPulse{50%{box-shadow:0 0 0 13px #c6aa7300}}@keyframes surfaceBreathe{to{scale:1.08;opacity:.65}}@keyframes materialLight{to{box-shadow:inset -20px 0 50px #94abc425,0 12px 20px #102c5815}}@keyframes portfolioFloat{to{translate:0 -8px}}@keyframes gridDrift{to{background-position:40px 40px}}
.motion-offscreen .surface-traces .trace-light,.motion-offscreen .orbital-sculpture,.motion-offscreen .orbital-outline,.motion-offscreen .orbital-dot,.motion-offscreen .gateway-service-art img,.motion-offscreen .gateway-project-art{animation-play-state:paused}.tab-inactive *,.tab-inactive *:before,.tab-inactive *:after{animation-play-state:paused!important}
@media(max-width:1050px){.brand-intro{gap:35px}.brand-kinetic{height:360px}.gateway-copy{padding:27px}.gateway h2{font-size:29px}.gateway-cta{left:27px}.gateway-service-art{width:50%;right:-7px;bottom:36px}.gateway-project-art{width:50%;bottom:49px}.gateway .eyebrow{font-size:7px}}
@media(max-width:760px){.brand-intro{grid-template-columns:1fr;gap:30px;padding-block:40px 45px}.brand-intro-copy{grid-row:1}.brand-intro-copy h2{font-size:34px}.brand-intro-copy>p:not(.eyebrow){font-size:13px;margin-top:18px}.brand-intro-copy .eyebrow{font-size:8px;margin-bottom:20px}.brand-intro-copy .button{margin-top:18px;font-size:11px}.brand-kinetic{height:300px;border-radius:18px}.orbital-sculpture{inset:4% 15%;height:83%}.orbital-caption{font-size:6px;left:20px;right:20px;bottom:17px;padding-top:11px}.compact-ticker{padding-block:14px}.compact-ticker span{font-size:25px}.compact-ticker i{font-size:19px}.home-gateways{grid-template-columns:1fr;gap:19px;padding-block:38px}.gateway{min-height:300px;border-radius:18px}.gateway-copy{padding:25px}.gateway h2{font-size:30px}.gateway-cta{left:25px;top:246px;font-size:10px}.gateway-cta>span{width:30px;height:30px}.gateway-service-art{width:48%;height:150px;right:0;bottom:44px}.gateway-project-art{width:49%;right:-13px;bottom:62px}.gateway-browser>span{font-size:5px}.gateway .eyebrow{font-size:7px}.catalog-icon svg{width:24px;height:24px}.constellation-node>svg{width:22px;height:22px}.service-row>span[aria-hidden]:not(.catalog-icon){width:29px;height:29px;font-size:16px}.service-row>span:last-of-type{right:17px;top:19px}.service-switcher{padding-top:23px;margin-top:0}.text-link>span[aria-hidden]{width:25px;height:25px;font-size:14px}.footer-title>span{width:33px;height:33px;font-size:20px}body[data-page="index.html"] .question-stage{padding-block:47px}body[data-page="index.html"] .question-stage h2{font-size:43px}body[data-page="index.html"] .question-stage p:not(.eyebrow){font-size:12px;max-width:270px}body[data-page="index.html"] .footer-signature img{max-height:58px}body[data-page="index.html"] .footer-title{font-size:28px}body[data-page="index.html"] .footer-top>div{display:none}}
@media(prefers-reduced-motion:reduce){.surface-traces .trace-light,.orbital-sculpture,.orbital-outline,.orbital-dot,.gateway-service-art img,.gateway-project-art,.material-halo,.brand-material,.portfolio-collection img,.service-stage .stage-grid,.case-heading:before{animation:none!important}.orbital-sculpture,.gateway,.ribbon-grid>a img,.studio-image:before{transition:none;translate:none}.studio-image:before{display:none}.surface-traces .trace-light{stroke-dasharray:none;opacity:.12}}
body.motion-paused .orbital-sculpture{translate:none}body.motion-paused .surface-traces .trace-light{stroke-dasharray:none;opacity:.12}
@media(max-width:900px){body[data-page="index.html"]:not(.scrolled) .menu-services strong{color:#f3f7fd}body[data-page="index.html"]:not(.scrolled) .menu-services>a>span:last-child{color:#b8cde9}}

.conversation-node .conversation-vector{display:block;width:23px;height:23px}
/* Mobile project preview stays centered between its heading and call to action. */
@media(max-width:760px){
 .gateway-projects{display:flex;flex-direction:column;gap:20px;min-height:0;padding:25px}
 .gateway-projects .gateway-copy{display:contents}
 .gateway-projects .eyebrow{order:1;margin:0}
 .gateway-projects h2{order:2;margin:0;max-width:none}
 .gateway-projects .gateway-project-art{position:relative;order:3;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:300px;margin:5px auto 0}
 .gateway-projects .gateway-cta{position:static;order:4;margin:0}
}