/* A quieter, denser layout without resizing the original image files. */
body{font-size:13px;line-height:1.65}
.hero h1,.page-hero h1,.work-heading h1{font-size:clamp(24px,2.65vw,34px);line-height:1.3;letter-spacing:-.8px}
.hero p{font-size:14px;line-height:1.75;max-width:460px}
.hero-inner{min-height:380px;gap:18px;padding-top:22px;padding-bottom:24px}
.hero .ecosystem{height:270px;transform:scale(.58);transform-origin:center;max-width:100%;margin:0}
.section{padding-block:28px}.section-head{margin-bottom:22px;gap:22px}
h2,.section-head h2{font-size:clamp(21px,2vw,26px);line-height:1.5;letter-spacing:-.35px}
.contact h2{font-size:28px}.service h3{font-size:19px}.route-grid h3{font-size:18px}.editorial-row h2{font-size:22px}
.about-intro p{font-size:16px}.team-member h2{font-size:18px}.path-band h2{font-size:23px}
.journey-steps h2{font-size:19px}.journey-steps h3{font-size:18px}.entity-card h3{font-size:19px}
.service{padding:21px}.entity-card,.about-card,.team-member{padding:20px}
#services .category-card{padding:20px}#services .category-card h3{font-size:18px}
.delivery-facts strong{font-size:30px}.team-initial{width:58px;height:58px;font-size:25px;margin-bottom:14px}
.portfolio-grid{gap:18px}.portfolio-card .project-art .screen{height:160px;aspect-ratio:auto;object-fit:contain}
.work-logo{width:66px;height:66px;padding:9px;border-radius:18px}
.work-preview{margin-block:22px}.work-preview img{width:100%;max-width:760px;max-height:340px;object-fit:contain;margin-inline:auto}
.project-dialog{width:min(1120px,94vw)}.project-dialog img{max-height:65vh;object-fit:contain}
.heading h1{font-size:25px;line-height:1.5}.heading p{font-size:14px}
.records h2,.welcome h2{font-size:24px}.stats .stat strong{font-size:22px}
@media(min-width:1500px){.hero-inner{min-height:410px}}
@media(max-width:1000px){.hero-inner{gap:24px}.hero .ecosystem{height:250px;transform:scale(.55)}}
@media(max-width:760px){
 .hero h1,.page-hero h1,.work-heading h1{font-size:clamp(23px,6.1vw,27px);letter-spacing:-.5px}
 .hero-inner{min-height:0;padding-top:24px;padding-bottom:14px;gap:0}
 .hero .ecosystem{height:210px;width:100%;transform:scale(.5);margin-top:-8px;margin-bottom:-28px}
 .section{padding-block:28px}.section-head{gap:16px;margin-bottom:18px}
 h2,.section-head h2{font-size:22px}.contact h2{font-size:25px}
 #services .category-card{padding:18px}#services .category-card h3{font-size:19px}
 .portfolio-card .project-art .screen{height:140px}.work-preview img{max-height:240px}
 .work-logo{width:56px;height:56px}.heading h1{font-size:22px}.team-member h2{font-size:19px}
 .delivery-facts strong{font-size:25px}.about-intro p{font-size:15px}
 input,select,textarea,.form input,.form select,.form textarea{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Compact content and service pages; keep touch targets and form text usable. */
.hero h1{margin-block:18px}.hero .actions{margin-top:20px;gap:10px}.hero .hero-note{margin-top:16px}
main .btn{padding:10px 17px;gap:14px;min-height:42px;font-size:13px}
.subhero{padding-block:40px}.subhero h1{font-size:clamp(26px,2.7vw,35px);margin-block:14px}
.subhero p,.section-head p,.detail-card p,.detail-card li{font-size:14px;line-height:1.75}
.detail-card{padding:22px}.detail-card h2{font-size:22px}.trust-inner{padding-block:17px}
.section-head p{max-width:390px}.service p{font-size:14px;line-height:1.75}
.office-coming-soon{display:inline-flex;align-items:center;min-height:42px;padding:10px 20px;background:#e5e8ec;color:#435066;border:1px solid #ccd2db;border-radius:3px;font-size:14px;font-weight:600}
@media(max-width:760px){.subhero{padding-block:28px}.subhero h1{font-size:26px}.detail-card{padding:18px}.detail-card h2{font-size:20px}.hero p{font-size:14px}.hero .actions{margin-top:18px}}

@media(min-width:761px){.wrap{max-width:1180px}.hero p,.service p,.subhero p,.section-head p,.detail-card p,.detail-card li{font-size:13px}.hero .btn{font-size:12px}.section-head h2{font-size:24px}.service,.entity-card,.about-card,.team-member{padding:18px}.footer{font-size:13px}}