body{transition:background .6s ease,color .4s ease,opacity .26s,transform .26s;background:var(--page-bg,#f4f6f4)}body.page-leaving{opacity:0;transform:translateY(6px)}
.theme-cyan{--page-bg:#edfafa}.theme-violet{--page-bg:#f5f0ff}.theme-emerald{--page-bg:#effaf3}.theme-amber{--page-bg:#fff8e9}.theme-electric{--page-bg:#eef5ff}.theme-rose{--page-bg:#fff1f5}
.section,.trust-strip,.kinetic-intro,.project-wall{background-color:color-mix(in srgb,var(--page-bg) 74%,white);transition:background-color .6s ease}.pale-section,.split-section,.services-section{background:color-mix(in srgb,var(--page-bg) 86%,#e7ebef)}
.brand-logo img{animation:logo-float 4s ease-in-out infinite;transform-origin:center}.brand-logo:hover img{filter:drop-shadow(0 0 18px var(--cyan));transform:scale(1.06)}
.parallax-hero{perspective:1000px;overflow:hidden}.floating-clay{max-width:430px;margin:auto;transform:translateY(var(--parallax-y,0));transform-style:preserve-3d;animation:clay-float 6s ease-in-out infinite}.floating-clay img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:32% 68% 56% 44%/52% 38% 62% 48%;box-shadow:0 35px 80px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.35)}
.topic-grid{gap:22px}.topic-card{appearance:none;text-align:left;color:inherit;font:inherit;cursor:pointer;overflow:hidden;padding:0!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 18px 45px rgba(7,17,31,.08);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.topic-card:hover{transform:translateY(-10px) rotateX(2deg);box-shadow:0 30px 70px color-mix(in srgb,var(--cyan) 18%,rgba(7,17,31,.12))}.topic-card>span,.topic-card h2,.topic-card p,.topic-card>b{margin-left:26px;margin-right:26px}.topic-card>span{display:block;margin-top:24px}.topic-card>img{width:calc(100% - 24px);height:250px;object-fit:cover;margin:14px 12px 24px;border-radius:16px;transition:transform .65s}.topic-card:hover>img{transform:scale(1.04) rotate(.5deg)}.topic-card h2{margin-top:0}.topic-card p{position:static}.topic-card>b{display:flex;align-items:center;gap:8px;color:var(--cyan-dark);font:700 12px var(--display);margin-bottom:26px}.industry-card.topic-card{min-height:560px}.work-card.topic-card{min-height:560px}
.topic-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:.3s}.topic-modal.open{opacity:1;visibility:visible}.topic-modal-backdrop{position:absolute;inset:0;background:rgba(4,10,20,.72);backdrop-filter:blur(12px)}.topic-modal article{position:relative;width:min(980px,100%);max-height:90vh;overflow:auto;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:18px;display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;box-shadow:0 45px 120px rgba(0,0,0,.4);transform:translateY(30px) scale(.95);transition:.4s cubic-bezier(.2,.8,.2,1)}.topic-modal.open article{transform:none}.topic-modal article>img{width:100%;border-radius:20px}.topic-modal article>div{padding:30px 30px 30px 0}.topic-modal h2{font-size:42px}.topic-modal p{font-size:18px;color:var(--muted)}.modal-close{position:absolute;right:18px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:#07111f;color:#fff;font-size:28px;cursor:pointer;z-index:2;transition:.25s}.modal-close:hover{transform:rotate(90deg);background:var(--cyan-dark)}
.guide-card>img{width:calc(100% + 58px);height:170px;object-fit:cover;margin:-29px -29px 10px}.guide-card .service-icon{margin-top:-30px;position:relative;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.page-loader{position:fixed;inset:0;z-index:3000;background:#07111f;color:#fff;display:grid;place-items:center;align-content:center;gap:18px;transition:opacity .55s,visibility .55s}.page-loader.loaded{opacity:0;visibility:hidden}.page-loader span{font:800 12px var(--display);letter-spacing:.25em}.loader-orbit{position:relative;width:80px;height:80px}.loader-orbit i{position:absolute;inset:0;border:2px solid transparent;border-top-color:var(--cyan);border-radius:50%;animation:spin 1.2s linear infinite}.loader-orbit i:nth-child(2){inset:11px;border-top-color:var(--lime);animation-duration:.9s;animation-direction:reverse}.loader-orbit i:nth-child(3){inset:22px;border-top-color:#fff;animation-duration:.7s}
.button,.nav-cta,.text-link{position:relative;overflow:hidden}.button:after,.nav-cta:after{content:'';position:absolute;inset:-100% auto -100% -40%;width:30%;background:rgba(255,255,255,.45);transform:rotate(18deg);transition:left .6s}.button:hover:after,.nav-cta:hover:after{left:125%}
@keyframes logo-float{50%{transform:translateY(-3px)}}@keyframes clay-float{50%{transform:translateY(-14px) rotateY(5deg) rotateX(2deg)}}
@media(max-width:760px){.topic-modal article{grid-template-columns:1fr;gap:10px}.topic-modal article>img{max-height:300px;object-fit:cover}.topic-modal article>div{padding:16px}.topic-modal h2{font-size:32px}.topic-card>img{height:220px}.floating-clay{max-width:300px}}
@media(prefers-reduced-motion:reduce){.brand-logo img,.floating-clay,.loader-orbit i{animation:none!important}}
.miniature-experience{position:relative;overflow:hidden;padding:78px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--page-bg) 72%,#fff),color-mix(in srgb,var(--cyan) 12%,#fff));isolation:isolate}.mini-experience-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.mini-copy h2{font-size:clamp(38px,4.7vw,70px);max-width:680px}.mini-copy p{font-size:18px;max-width:600px}.mini-scene-stack{position:relative;min-height:520px;transform:translateY(var(--parallax-y,0));transition:transform .1s linear}.mini-scene{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.7);box-shadow:0 28px 70px rgba(7,17,31,.18);background:rgba(255,255,255,.6);backdrop-filter:blur(12px);animation:mini-float 7s ease-in-out infinite}.mini-scene img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.mini-scene:hover img{transform:scale(1.08) rotate(1.5deg)}.mini-scene.main{width:390px;height:390px;left:10%;top:40px;border-radius:35% 65% 48% 52%/54% 38% 62% 46%;z-index:3}.mini-scene.secondary{width:220px;height:220px;right:0;top:0;border-radius:42px;animation-delay:-2s;transform:rotate(7deg)}.mini-scene.tertiary{width:190px;height:190px;right:4%;bottom:0;border-radius:50%;animation-delay:-4s}.mini-ambient{position:absolute;border-radius:50%;filter:blur(4px);opacity:.5;z-index:-1;animation:ambient-drift 12s ease-in-out infinite}.mini-ambient-a{width:380px;height:380px;right:-100px;top:-120px;background:color-mix(in srgb,var(--cyan) 40%,transparent)}.mini-ambient-b{width:260px;height:260px;left:28%;bottom:-150px;background:color-mix(in srgb,var(--lime) 36%,transparent);animation-delay:-5s}@keyframes mini-float{50%{translate:0 -13px;rotate:1deg}}@keyframes ambient-drift{50%{transform:translate3d(-30px,35px,0) scale(1.12)}}@media(max-width:900px){.mini-experience-grid{grid-template-columns:1fr;gap:30px}.mini-scene-stack{min-height:450px}.mini-scene.main{left:2%}.miniature-experience{padding:58px 0}}@media(max-width:560px){.mini-scene-stack{min-height:360px}.mini-scene.main{width:280px;height:280px}.mini-scene.secondary{width:140px;height:140px}.mini-scene.tertiary{width:120px;height:120px}.mini-copy h2{font-size:38px}}@media(prefers-reduced-motion:reduce){.mini-scene,.mini-ambient{animation:none}}