/* Final visual pass: brand, image credits, depth, and interaction */
:root{--polish-line:#73d6c52f;--polish-glow:#48d0bd18;--polish-shadow:#010e18a3}
body{background-image:radial-gradient(ellipse 54% 28% at 92% 16%,#0a817414,transparent 75%),radial-gradient(ellipse 43% 24% at 5% 64%,#b4905810,transparent 78%)}
.site-header{border:1px solid #b7e9e329;box-shadow:0 18px 52px #00111e48}
.nav-shell{min-height:76px}
.brand .brand-logo{transition:transform .3s ease,box-shadow .3s ease}
.brand:hover .brand-logo{transform:translateY(-2px);box-shadow:0 10px 24px #48d0bd27}
.brand span small{white-space:nowrap}
.nav-shell nav a:after{border-radius:2px}
.button,.nav-cta{box-shadow:0 8px 24px #087f7a21;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.button:hover,.nav-cta:hover{transform:translateY(-3px);box-shadow:0 15px 34px #087f7a38}
.studio-hero h1{text-wrap:balance;text-shadow:0 12px 38px #0018275e}
.studio-hero .hero-kicker{box-shadow:0 6px 30px #14596425}
.hero-image-rights,.image-rights{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 24px);padding:7px 10px;border-radius:999px;border:1px solid #ffffff65;background:#071e29b9;backdrop-filter:blur(8px);color:#fff;font:600 10px Arial,sans-serif;letter-spacing:.03em;line-height:1;white-space:nowrap;pointer-events:none;box-shadow:0 3px 12px #00131b44}
.hero-image-rights{position:absolute;inset-inline-end:max(22px,calc((100vw - 1320px)/2 + 56px));bottom:72px;z-index:4;opacity:.8}
.feature-service .image-rights{position:absolute;inset-inline-start:16px;bottom:15px;z-index:4}
.tile-image-wrap{display:block;position:relative;margin-bottom:24px;border-radius:15px;overflow:hidden}
.tile-image-wrap .service-tile-image{margin:0;border-radius:15px;height:205px;transition:transform .5s ease,filter .5s ease}
.service-tile:hover .tile-image-wrap img{transform:scale(1.055)}
.tile-image-wrap .image-rights{position:absolute;inset-inline-end:11px;bottom:11px;z-index:2}
.detail-visual{position:relative;isolation:isolate}
.detail-visual img{max-height:500px;box-shadow:0 30px 70px #00111f5a}
.detail-visual .image-rights{position:absolute;right:25px;bottom:25px;z-index:2}
.page-intro:after{content:'';display:block;width:90px;height:3px;margin-top:35px;border-radius:999px;background:linear-gradient(90deg,#18b9a8,#86e0d2)}
.page-intro .eyebrow{text-transform:none}
.page-intro h1{text-wrap:balance}
.studio-services .center-heading,.studio-sectors .split-heading,.studio-faq{position:relative}
.feature-service{box-shadow:0 18px 44px #01132142;border-color:#69c6bc32}
.feature-service:hover{box-shadow:0 26px 52px #00121f70}
.feature-service-image{transition:transform .8s ease,filter .8s ease}
.feature-service:hover .feature-service-image{transform:scale(1.04);filter:saturate(1.12)}
.services-grid .service-tile,.enterprise-card{border:1px solid #74cbbb2e;box-shadow:0 14px 40px #00111d25;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.services-grid .service-tile:hover,.enterprise-card:hover{transform:translateY(-5px);border-color:#70d9cd82;box-shadow:0 24px 52px #00111d44}
.service-tile h3{text-wrap:balance}
.service-tile .service-tags{line-height:1.7}
.detail-grid{align-items:stretch}
.detail-grid .enterprise-card{height:100%}
.journey article{transition:transform .3s ease,background .3s ease}
.journey article:hover{transform:translateY(-4px);background:#4eb8aa0b}
.sector-panel{box-shadow:0 24px 65px #00182438}
.faq-list details{transition:border-color .25s ease,background .25s ease}
.faq-list details[open]{border-color:#58cfc367;background:#48b7aa0b}
.red-footer{background-image:radial-gradient(ellipse at 87% 20%,#0d9a8840,transparent 39%),linear-gradient(180deg,#071a28,#07131d)}
.footer-brand .official-logo{width:180px;height:180px;border:1px solid #d5e7e5;transition:transform .3s ease,box-shadow .3s ease}
.footer-brand .official-logo:hover{transform:translateY(-3px);box-shadow:0 18px 38px #010d1873}
html[data-theme=light] body{background-image:radial-gradient(ellipse 52% 28% at 92% 16%,#65d3c124,transparent 75%),radial-gradient(ellipse 45% 25% at 5% 64%,#e6c2941b,transparent 78%)}
html[data-theme=light] .site-header{border-color:#a7d5cc;box-shadow:0 15px 50px #1767791f}
html[data-theme=light] .studio-hero h1{text-shadow:none}
html[data-theme=light] .feature-service,html[data-theme=light] .services-grid .service-tile,html[data-theme=light] .enterprise-card{box-shadow:0 16px 38px #296c7220}
html[data-theme=light] .feature-service:hover,html[data-theme=light] .services-grid .service-tile:hover,html[data-theme=light] .enterprise-card:hover{box-shadow:0 24px 50px #296c7236}
html[data-theme=light] .detail-visual img{box-shadow:0 28px 64px #2e707d30}
html[data-theme=light] .red-footer{background-image:radial-gradient(ellipse at 86% 20%,#8bdac541,transparent 41%),linear-gradient(180deg,#eff8f3,#e7f3ed)}
@media(max-width:950px){.brand .brand-logo{width:56px;height:56px}.nav-shell{min-height:68px}.hero-image-rights{bottom:68px}}
@media(max-width:720px){.brand .brand-logo{width:48px;height:48px;border-radius:11px}.brand{gap:7px}.brand small{letter-spacing:2px}.site-header{inset-inline:14px}.hero-image-rights{bottom:70px;inset-inline-end:18px;font-size:8px}.feature-service .image-rights{inset-inline-start:11px;bottom:11px}.detail-visual .image-rights{right:20px;bottom:20px}.page-intro:after{margin-top:25px}.footer-brand .official-logo{width:156px;height:156px}}
@media(max-width:390px){.brand .brand-logo{width:42px;height:42px}.brand{font-size:23px}.nav-shell{gap:5px}}
@media(prefers-reduced-motion:reduce){.feature-service-image,.tile-image-wrap .service-tile-image,.brand .brand-logo{transition:none}}