/* Display controls and motion layer */
html,body{overflow-x:clip}
.brand .brand-logo{display:block;flex:none;width:64px;height:64px;object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 2px 14px #063b4a1f}
.footer-brand .official-logo{display:block;width:180px;height:180px;margin-bottom:22px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 30px #0218202e}
.official-logo-art{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.view-controls{display:flex;align-items:center;gap:7px;flex-shrink:0}
.view-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:42px;height:39px;padding:0 11px;border-radius:999px;border:1px solid #6bcac040;background:#ffffff0b;color:#eaf9f5;font:600 12px Thmanyah,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.view-toggle:hover{background:#58c7bb27;border-color:#71d9cc;transform:translateY(-2px)}
.view-toggle:focus-visible{outline:2px solid #86e1d5;outline-offset:3px}
.theme-icon{font:21px Arial,sans-serif;line-height:1}
.view-label{font-size:11px}
.motion-backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.75;mix-blend-mode:screen}
.studio-hero .hero-center,.studio-hero .hero-foot{z-index:2}
.page-intro{isolation:isolate;overflow:hidden}
.page-intro>*:not(.ambient-field){position:relative;z-index:1}
.ambient-field{position:absolute;inset:80px -12vw -25px;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(circle at 22% 44%,#3bada12c,transparent 27%),radial-gradient(circle at 73% 15%,#b8895722,transparent 30%);animation:ambient-drift 16s ease-in-out infinite alternate}
.ambient-field:before,.ambient-field:after{content:'';position:absolute;inset:0}
.ambient-field:before{background-image:linear-gradient(#6bd9ce12 1px,transparent 1px),linear-gradient(90deg,#6bd9ce12 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse at center,#0007,transparent 72%);transform:perspective(900px) rotateX(57deg) scale(1.7);transform-origin:50% 70%;animation:grid-glide 22s linear infinite}
.ambient-field:after{width:430px;height:430px;left:10%;top:5%;border:1px solid #68d9c52a;border-radius:50%;box-shadow:0 0 0 62px #5ad1c60b,0 0 0 125px #5ad1c605;animation:halo-breathe 11s ease-in-out infinite}
.feature-services,.services-grid,.studio-process,.studio-about{position:relative;isolation:isolate}
.feature-services:before,.services-grid:before{content:'';position:absolute;inset:-90px -6vw;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 16% 24%,#1c8c8721,transparent 34%),radial-gradient(ellipse at 78% 82%,#a7784620,transparent 30%);animation:ambient-drift 21s ease-in-out infinite alternate}
.studio-process:before,.studio-about:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 20%,#199f9920,transparent 36%),radial-gradient(ellipse at 84% 83%,#c49b6a12,transparent 35%);animation:ambient-drift 26s ease-in-out infinite alternate-reverse}
.studio-cta .cta-rings{animation:halo-breathe 12s ease-in-out infinite}
@keyframes ambient-drift{from{background-position:0 0,0 0;transform:translate3d(-1%,0,0)}to{background-position:4vw 3vw,-3vw 2vw;transform:translate3d(1%,1%,0)}}
@keyframes grid-glide{from{background-position:0 0,0 0}to{background-position:52px 52px,52px 52px}}
@keyframes halo-breathe{50%{transform:scale(1.09) rotate(8deg);opacity:.62}}
.motion-paused .ambient-field,.motion-paused .ambient-field:before,.motion-paused .ambient-field:after,.motion-paused .feature-services:before,.motion-paused .services-grid:before,.motion-paused .studio-process:before,.motion-paused .studio-about:before{animation-play-state:paused!important}

/* English reading direction */
html[lang=en] body{font-family:Inter,Arial,sans-serif;line-height:1.6}
html[lang=en] .brand{font-family:Inter,Arial,sans-serif;font-size:23px;letter-spacing:-.04em}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{line-height:1.25;letter-spacing:-.035em!important}
html[lang=en] .studio-hero h1{font-size:clamp(54px,5.7vw,88px)}
html[lang=en] .page-intro h1{font-size:clamp(40px,4.5vw,62px)}
html[lang=en] .feature-copy h3{font-size:clamp(23px,2.4vw,32px)}
html[lang=en] .nav-shell nav a{font-size:13px}
html[lang=en] .hero-center>p{line-height:1.7}
html[lang=en] .service-number,html[lang=en] .eyebrow{letter-spacing:.08em}
html[lang=en] .workspace-mock{direction:ltr}
html[lang=en] .journey article:before{right:auto;left:0}
html[lang=en] .sector-copy li:before{margin-inline-end:12px}
html[lang=en] .hero-index{direction:ltr}

/* Light appearance */
html[data-theme=light]{color-scheme:light;--black:#f4f8f6;--surface:#fff;--text:#153641;--muted:#516d71;--stroke:#174c5426;--cream:#e7f3ee}
html[data-theme=light] body{background:#f4f8f6;color:#153641}
html[data-theme=light] p{color:#516d71}
html[data-theme=light] .site-header{background:#ffffffeb;border-color:#b4d9d6;box-shadow:0 12px 45px #0b56681a;color:#153641}
html[data-theme=light] .brand,html[data-theme=light] .nav-shell nav a,html[data-theme=light] .menu-toggle{color:#173c46}
html[data-theme=light] .brand small{color:#55737a}
html[data-theme=light] .nav-shell nav a:hover,html[data-theme=light] .nav-shell nav a[aria-current]{color:#077f78}
html[data-theme=light] .view-toggle{color:#174b53;background:#edf7f4;border-color:#b7d9d3}
html[data-theme=light] .view-toggle:hover{background:#d9efea}
html[data-theme=light] .studio-hero{background:#eaf4f1;color:#143845}
html[data-theme=light] .hero-sculpture{opacity:.22;filter:brightness(1.5) saturate(.65)}
html[data-theme=light] .hero-shade{background:linear-gradient(180deg,#f5faf7e8 0%,#eaf6f1d7 50%,#eaf6f1f2 100%)}
html[data-theme=light] .motion-backdrop{mix-blend-mode:multiply;opacity:.55}
html[data-theme=light] .hero-kicker{color:#146f70;background:#d8f0e9;border-color:#91cfc6}
html[data-theme=light] .studio-hero h1,html[data-theme=light] .studio-hero h1 em{color:#143845}
html[data-theme=light] .hero-center>p{color:#3b6268}
html[data-theme=light] .hero-secondary,html[data-theme=light] .hero-foot,html[data-theme=light] .hero-foot .motion-toggle{color:#285d65}
html[data-theme=light] .hero-index i,html[data-theme=light] .motion-toggle span{border-color:#719e9f;background:#719e9f}
html[data-theme=light] .motion-toggle span{background:transparent}
html[data-theme=light] .expertise-band{background:#e8f3ee;border-color:#d0e4df}
html[data-theme=light] .expertise-band>.wrap{color:#38676c}
html[data-theme=light] .section-label,html[data-theme=light] .eyebrow{color:#087e7a}
html[data-theme=light] .center-heading h2,html[data-theme=light] .split-heading h2,html[data-theme=light] .studio-faq h2,html[data-theme=light] .page-intro h1{color:#153641}
html[data-theme=light] .center-heading h2 span,html[data-theme=light] .split-heading h2 span,html[data-theme=light] .studio-faq h2 span,html[data-theme=light] .muted{color:#5f8388}
html[data-theme=light] .center-heading>p,html[data-theme=light] .split-heading>p,html[data-theme=light] .section-top p{color:#536e73}
html[data-theme=light] .feature-service{background:#fff;border-color:#cbdedb;box-shadow:0 13px 30px #1e5d6220}
html[data-theme=light] .feature-service-image{opacity:.32}
html[data-theme=light] .feature-service:after{background:linear-gradient(270deg,#fffffffa 0%,#ffffffee 48%,#ffffff2e 100%)}
html[data-theme=light] .feature-copy h3,html[data-theme=light] .feature-copy p{color:#153641}
html[data-theme=light] .service-link{color:#086e69}
html[data-theme=light] .more-services>span{color:#55787c}
html[data-theme=light] .more-services a{color:#18545b;border-color:#bdd8d4;background:#fff}
html[data-theme=light] .studio-about{background:#e8f3ee;color:#143845}
html[data-theme=light] .studio-process{background:#f9fcfa;border-color:#d6e8e2}
html[data-theme=light] .journey article{border-color:#8ebdb6}
html[data-theme=light] .journey article>span{color:#6c9999}
html[data-theme=light] .journey h3,html[data-theme=light] .about-values b{color:#153641}
html[data-theme=light] .journey p,html[data-theme=light] .journey small{color:#56777a}
html[data-theme=light] .sector-tabs{border-color:#c5ddd7}
html[data-theme=light] .sector-tabs button{color:#295f64}
html[data-theme=light] .sector-tabs button:hover{color:#086f6b;border-color:#8ac9bf}
html[data-theme=light] .sector-tabs button[aria-selected=true]{color:#fff}
html[data-theme=light] .sector-panel{background:#fff;border-color:#cbdedb;box-shadow:0 14px 35px #286e7020}
html[data-theme=light] .sector-copy h3,html[data-theme=light] .sector-copy>p,html[data-theme=light] .sector-copy li{color:#173a45}
html[data-theme=light] .sector-small{color:#087e79}
html[data-theme=light] .studio-faq .faq-list details{border-color:#c9ded9}
html[data-theme=light] .faq-list summary,html[data-theme=light] .faq-list p{color:#1d4b54}
html[data-theme=light] .studio-faq>div>p{color:#55777a}
html[data-theme=light] .studio-cta{background:linear-gradient(120deg,#0b666c,#1d948e 60%,#49b7a4)}
html[data-theme=light] .red-footer{background:#eaf4ef;color:#173a45}
html[data-theme=light] .red-footer .brand,html[data-theme=light] .footer-grid h3{color:#173a45}
html[data-theme=light] .footer-grid p,html[data-theme=light] .footer-grid>div>a:not(.brand),html[data-theme=light] .footer-bottom{color:#3f676c}
html[data-theme=light] .footer-bottom{border-color:#b5d3cd}
html[data-theme=light] .footer-grid .footer-contact{color:#087e78!important}
html[data-theme=light] .page-intro p{color:#52727a}
html[data-theme=light] .ambient-field{opacity:.55}
html[data-theme=light] .enterprise-card,html[data-theme=light] .services-grid .service-tile{background:#fff;border-color:#cbdfda;color:#163a43;box-shadow:0 9px 25px #27626a12}
html[data-theme=light] .enterprise-card h2,html[data-theme=light] .enterprise-card h3,html[data-theme=light] .service-tile h3{color:#153b44}
html[data-theme=light] .enterprise-card p,html[data-theme=light] .service-tile p{color:#536f73}
html[data-theme=light] .service-tile .service-tags{color:#637e80;border-color:#c7ded9}
html[data-theme=light] .service-tile .service-arrow{color:#0d7b77}
html[data-theme=light] .service-tile .service-icon{background:#e1f2eb;color:#0b7c78;border-color:#bcded4}
html[data-theme=light] .detail-visual img{border-color:#bed7d0}
html[data-theme=light] .work-section{background:#f6fbf8}
html[data-theme=light] .work-info h3,html[data-theme=light] .case-story h2,html[data-theme=light] .prose h2,html[data-theme=light] .process-detail h2{color:#153b44}
html[data-theme=light] .work-info p,html[data-theme=light] .case-story p,html[data-theme=light] .case-story li,html[data-theme=light] .prose p,html[data-theme=light] .project-heading p{color:#557176}
html[data-theme=light] .filter{color:#345d65;border-color:#a8cec7}
html[data-theme=light] .project-heading h1{color:#153b44}
html[data-theme=light] .project-badge,html[data-theme=light] .disclosure{background:#deefe9;color:#087e78}
html[data-theme=light] .demo-section{background:#e6f2ec}
html[data-theme=light] .case-facts{border-color:#bbd5ce}
html[data-theme=light] .case-facts b{color:#1f4d54}
html[data-theme=light] .prose a,html[data-theme=light] .text-link{color:#0b7772}
html[data-theme=light] .enterprise-cta{background:linear-gradient(120deg,#167d7d,#58b6a4)}
html[data-theme=light] .enterprise-cta p{color:#e8faf4}
html[data-theme=light] .floating-contact{box-shadow:0 7px 22px #167d7d48}
@media(max-width:950px){.view-label{display:none}.view-toggle{min-width:39px;padding:0 7px}}
@media(max-width:720px){.view-controls{gap:4px;margin-inline-start:auto}.view-toggle{width:36px;min-width:36px;height:36px;padding:0;font-size:11px}.theme-icon{font-size:20px}.nav-shell .menu-toggle{margin-inline-start:0}.nav-shell nav{background:#102733f5}html[data-theme=light] .nav-shell nav{background:#fffffffa;border-color:#b6d8d1}html[lang=en] .studio-hero h1{font-size:clamp(42px,11vw,58px)}html[lang=en] .page-intro h1{font-size:clamp(36px,9vw,48px)}html[lang=en] .brand{font-size:18px}html[data-theme=light] .hero-shade{background:linear-gradient(180deg,#eef8f2db,#e8f5efe9 60%,#eaf6f1)}html[data-theme=light] .sector-tabs button{border-color:#c7ddd6}}
@media(prefers-reduced-motion:reduce){.ambient-field,.ambient-field:before,.ambient-field:after,.feature-services:before,.services-grid:before,.studio-process:before,.studio-about:before,.studio-cta .cta-rings{animation:none!important}.motion-backdrop{display:none}}