.hero-symbol{width:80%;height:auto;overflow:visible}.brand-piece{transform-box:fill-box;transform-origin:center;animation:brand-breathe 7s cubic-bezier(.45,0,.25,1) infinite;animation-play-state:paused}.brand-piece:nth-child(2){animation-name:brand-turn;animation-delay:-1s}.brand-piece:nth-child(3){animation-delay:-2s}.visual-interlude{position:relative;margin-top:10px;margin-bottom:0}.material-study{margin:0;position:relative;overflow:hidden;background:#d6dbe0}.material-study picture{display:block}.material-study img{width:100%;height:clamp(330px,42vw,630px);object-fit:cover;display:block}.material-study figcaption{position:absolute;inset:auto 0 0;padding:28px 34px;background:#003f88;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px}.material-study figcaption>span:first-child{font-size:clamp(23px,3vw,43px);letter-spacing:-.04em}.material-study figcaption>span:last-child{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.motion-toggle{display:flex;align-items:center;gap:13px;margin:16px 0 0 auto;border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 12px;font-size:10px;cursor:pointer;border-radius:3px}.motion-toggle[aria-pressed=true]{background:var(--deep);color:white}.service{grid-template-columns:125px 1fr 1fr 25px;align-items:center;gap:30px;min-height:220px}.service-visual{position:relative;width:112px;height:130px}.service-visual svg{width:112px;height:112px;display:block;overflow:visible}.service-visual .number{position:absolute;bottom:0;left:12px;font-size:9px;padding:0}.service .service-mark{align-self:start;padding-top:15px}.service h3{font-size:clamp(27px,2.6vw,40px)}.service p{max-width:310px}.service-visual svg g,.service-visual svg .icon-web-panel,.service-visual svg .icon-web-lines,.service-visual svg .icon-cursor,.service-visual svg .icon-tech-core{transform-box:fill-box;transform-origin:center;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-play-state:paused}.icon-brand-a{animation-name:brand-part-a}.icon-brand-b{animation-name:brand-part-b}.icon-brand-c{animation-name:brand-part-c}.icon-web-panel{animation-name:web-panel}.icon-web-lines{animation-name:web-lines}.icon-cursor{animation-name:cursor-move}.icon-sheet-back{animation-name:sheet-back}.icon-sheet-front{animation-name:sheet-front}.icon-tech-orbit{animation-name:orbit;animation-duration:12s!important;animation-timing-function:linear!important}.icon-tech-core{animation-name:core}.scene-visible .brand-piece,.scene-visible.service-visual svg g,.scene-visible.service-visual svg .icon-web-panel,.scene-visible.service-visual svg .icon-web-lines,.scene-visible.service-visual svg .icon-cursor,.scene-visible.service-visual svg .icon-tech-core{animation-play-state:running}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused{scroll-behavior:auto}.motion-paused .hero-art img{transform:none}.studio-text{max-width:670px}.studio-side img{width:230px;opacity:.24}
@keyframes brand-breathe{0%,100%{transform:translateY(0)}45%,60%{transform:translateY(-9px)}}@keyframes brand-turn{0%,100%{transform:translate(0) rotate(0)}45%,60%{transform:translate(5px,-9px) rotate(6deg)}}@keyframes brand-part-a{0%,100%{transform:translate(0)}40%,65%{transform:translate(-4px,-4px)}}@keyframes brand-part-b{0%,100%{transform:translate(0)}40%,65%{transform:translate(5px,-4px) rotate(8deg)}}@keyframes brand-part-c{0%,100%{transform:rotate(0)}40%,65%{transform:rotate(-12deg)}}@keyframes web-panel{0%,100%{transform:scaleX(1)}45%,65%{transform:scaleX(.8)}}@keyframes web-lines{0%,100%{transform:translateX(0)}45%,65%{transform:translateX(-5px)}}@keyframes cursor-move{0%,100%{transform:translate(0)}45%,65%{transform:translate(-18px,-13px)}}@keyframes sheet-back{0%,100%{transform:rotate(0)}40%,65%{transform:rotate(-8deg) translateX(-3px)}}@keyframes sheet-front{0%,100%{transform:rotate(0)}40%,65%{transform:rotate(5deg) translateY(-4px)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes core{0%,100%{transform:scale(1)}50%{transform:scale(.82)}}
@media(max-width:1000px){.service{grid-template-columns:100px 1fr 1fr 20px;gap:20px}.service-visual,.service-visual svg{width:90px}.material-study figcaption{padding:24px}.header .logo img{width:135px}nav{gap:12px;font-size:12px}.header-actions{gap:9px}.header-cta{padding:12px;font-size:11px}}
@media(max-width:760px){.service{grid-template-columns:82px 1fr 20px;gap:16px;align-items:start;min-height:185px}.service-visual{grid-row:1 / span 2;width:76px;height:90px;margin-top:4px}.service-visual svg{width:76px;height:76px}.service h3{font-size:25px}.service>div:not(.service-visual){grid-column:2;grid-row:2}.service .service-mark{padding-top:0}.material-study img{height:380px;object-position:45% center}.material-study figcaption{padding:20px;align-items:flex-start;flex-direction:column;gap:8px}.material-study figcaption>span:first-child{font-size:28px}.visual-interlude{padding-inline:0}.motion-toggle{margin-right:24px}.hero-symbol{width:220px}.header nav{font-size:22px}.studio-side img{display:none}.hero{padding-bottom:90px}.service .scope{font-size:10px}.services.section{padding-top:65px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .brand-piece,html:not(.motion-enabled) .service-visual *{animation:none!important}}
@media(max-width:760px){.service>.service-visual{grid-column:1;grid-row:1 / span 2}.service>h3{grid-column:2;grid-row:1}.service>.service-mark{grid-column:3;grid-row:1}}

/* A lightweight extruded version of the supplied mark; no canvas or 3D dependency. */
.sculpture-stage{width:76%;aspect-ratio:1;position:relative;perspective:900px;perspective-origin:50% 42%;overflow:visible}.sculpture-core{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-10deg) rotateY(-26deg) rotateZ(-5deg);animation:sculpture-sway 16s ease-in-out infinite;animation-play-state:paused}.sculpture-layer{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(var(--depth));overflow:visible;backface-visibility:visible}.sculpture-layer:last-child path{stroke:#ffffff30;stroke-width:1.2;stroke-linejoin:round}.sculpture-shadow{position:absolute;left:9%;right:4%;height:8%;bottom:-14%;background:#003f881a;border-radius:50%;filter:blur(10px)}.scene-visible .sculpture-core{animation-play-state:running}.hero-art{background:#e9edef;border:0}.brand-motion:after{border-color:#003f8810}.hero-art .art-cross{color:#003f8870}.hero-art .art-caption{font-size:8px}.hero-art .art-index{font-size:8px}.motion-paused .sculpture-core{animation-play-state:paused!important}@keyframes sculpture-sway{0%,100%{transform:rotateX(-10deg) rotateY(-28deg) rotateZ(-5deg) translateY(0)}50%{transform:rotateX(9deg) rotateY(25deg) rotateZ(4deg) translateY(-10px)}}@media(max-width:760px){.sculpture-stage{width:210px;height:210px}.hero-art{height:320px}}@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .sculpture-core{animation:none!important}}
.sculpture-aim{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--aim-x,0deg)) rotateY(var(--aim-y,0deg));transition:transform .55s cubic-bezier(.2,.7,.2,1)}.motion-paused .sculpture-aim{transform:none;transition:none}@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .sculpture-aim{transform:none;transition:none}}
.icon-brand-whole{animation-name:brand-whole}@keyframes brand-whole{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}