/* V3: coherent spacing, real 3D assets and reliable local icons */
:root{--ink:#213047;--muted:#64748b;--line:#e3eced}
svg{flex-shrink:0}
.header{gap:22px}.desktop-nav a{padding:10px 12px}
.hero{min-height:630px;padding:56px 48px;gap:36px}
.hero h1{font-size:clamp(38px,4.1vw,58px);letter-spacing:0;line-height:1.55}
.hero-content>p{font-size:16px;line-height:2.15;max-width:540px}
.eyebrow{font-size:13px}.quick-trust{gap:32px}.hero-media{height:460px}
.services,.portfolio{padding-block:88px}
.section-heading.centered{margin-bottom:40px}.section-heading h2,.expertise h2,.custom h2{font-size:clamp(30px,3.4vw,42px);letter-spacing:0;line-height:1.6}
.service-grid{gap:16px}.service-card{padding:20px 20px 26px;min-height:380px;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfdfd)}
.service-icon{width:146px;height:146px;background:transparent!important;margin:0 auto 12px;border-radius:0}
.service-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 9px rgba(13,94,91,.1));transition:transform .4s}
.service-card:hover .service-icon img{transform:translateY(-5px) rotate(-3deg)}
.service-card h3{font-size:21px;margin-bottom:12px}.service-card p{font-size:14px;line-height:2;flex:1}
.service-card a{position:static;display:flex;justify-content:center;width:100%;margin-top:20px;padding-top:15px;border-top:1px solid #eaf0f1;font-size:14px;color:#087f79}
.card-no{top:18px;left:18px;font-size:12px;color:#a3b4bc}
.expertise{padding:88px 0}.expertise-grid,.custom{gap:64px}
.expertise-visual{height:auto;min-height:350px;position:relative}
.studio-image{display:block;width:100%;height:360px;object-fit:cover;border-radius:25px;box-shadow:0 20px 50px rgba(30,70,75,.1)}
.studio-caption{position:absolute;bottom:16px;right:16px;left:16px;text-align:center;background:rgba(255,255,255,.9);border:1px solid white;backdrop-filter:blur(8px);border-radius:14px;padding:14px;color:#087f79;font-weight:700;font-size:15px}
.feature-pills{gap:10px}.feature-pills span{font-size:14px}.custom{padding-block:88px}
.custom-copy>p,.expertise-copy>p{font-size:16px;line-height:2.15}
.trusted{padding-block:65px}.section-heading.split{margin-bottom:36px}.project-info h3{font-size:22px}.project-info small{font-size:13px}
.cta{margin-bottom:88px;gap:25px;padding:46px 50px}.cta h2{font-size:34px}.cta p{line-height:1.9}
.footer-grid{gap:28px}.footer-grid>div>a:not(.logo):not(.phone):not(.support-btn){font-size:14px}.footer .logo span{font-size:17px}
.note-icon svg,.feature-pills svg,.phone svg,.client-panel svg,.orbit-item svg,.mobile-bottom svg{stroke-linecap:round;stroke-linejoin:round}
.portrait-placeholder svg{width:67px;height:67px;stroke:currentColor;fill:none;stroke-width:1.2}
.consult-guide p{font-size:14px;line-height:2;padding:15px}
.socials a{font-size:14px}
.socials svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
button:focus-visible,a:focus-visible{outline:3px solid #087f79;outline-offset:4px}
@media(min-width:801px) and (max-width:1080px){.service-grid{grid-template-columns:repeat(6,1fr)}.service-card{grid-column:span 2}.service-card:nth-child(4){grid-column:2/span 2}.hero{padding:40px 28px}}
@media(max-width:800px){.hero{padding:38px 25px;gap:26px}.hero h1{font-size:39px}.hero-media{height:380px}.service-grid{grid-template-columns:1fr 1fr;gap:14px}.service-card{min-height:355px;padding:16px}.service-card:last-child{grid-column:1/-1;max-width:calc(50% - 7px);width:100%;justify-self:center}.service-icon{width:126px;height:126px}.services,.portfolio{padding-block:65px}.expertise{padding-block:65px}.expertise-grid,.custom{gap:35px}.custom{padding-block:65px}.studio-image{height:330px}.cta{padding:35px 24px;margin-bottom:65px}}
@media(max-width:540px){.hero{padding:34px 19px}.hero h1{font-size:33px}.hero-media{height:310px}.service-grid{gap:10px}.service-card{padding:12px 11px;min-height:360px}.service-card h3{font-size:18px}.service-card p{font-size:13px;line-height:1.95}.service-icon{width:112px;height:112px}.service-card a{font-size:13px}.section-heading p{font-size:14px;line-height:1.95}.section-heading h2,.expertise h2,.custom h2{font-size:29px}.custom-copy li{font-size:14px;line-height:1.8}.studio-image{height:280px}.expertise-visual{min-height:280px}.cta h2{font-size:29px}.modal-panel{max-height:calc(100dvh - 22px)}.footer-bottom{line-height:2}.client-panel{margin-right:auto}.menu-button{margin-right:0}}