@media(max-width:1050px){.navlinks{gap:15px}.hero-layout{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(2.6rem,4.4vw,4rem)}.cards{grid-template-columns:repeat(2,1fr)}.footer-cols{grid-template-columns:2fr 1fr 1fr}.footer-cols>div:last-child{grid-column:1/-1}}@media(max-width:800px){.nav{height:72px}.menu-btn{display:block}.nav-cta{display:none}.navlinks{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:#0a1035;padding:12px 24px 23px;box-shadow:0 16px 20px #080e2d33}.navlinks.open{display:flex}.navlinks>a{padding:12px 4px}.hero{padding:70px 0 125px}.hero-layout,.about-layout,.split,.contact-grid{grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(2.65rem,8vw,4.6rem)}.hero-visual{max-width:600px;margin:auto}.hero-tags{margin-top:25px}.feature-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.service-detail,.service-detail:nth-child(even){grid-template-columns:1fr;gap:25px}.service-detail:nth-child(even) .detail-pic{order:0}.footer-cols{grid-template-columns:1fr 1fr}.cta{padding:43px;flex-direction:column;align-items:flex-start}.portfolio-grid{grid-template-columns:1fr}}@media(max-width:540px){section{padding:70px 0}.container{padding:0 19px}.hero{padding-top:55px}.hero h1{font-size:clamp(2.5rem,11vw,3.3rem)}.hero p{font-size:.95rem}.hero-tags{gap:10px}.cards,.feature-grid,.process-grid,.footer-cols,.form-grid,.checks{grid-template-columns:1fr}.footer-cols>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.btn{width:100%}.buttons{width:100%}.cta{padding:36px 23px}.service-card .card-img{height:185px}.page-hero{padding:75px 0}.contact-panel{padding:22px}.detail-pic img{height:230px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* Responsive refinements: all six pages; no image/hero content changes */
html{max-width:100%;scroll-padding-top:85px}
body{max-width:100%;overflow-x:clip}
.container{width:100%;min-width:0}
.cards>*,.feature-grid>*,.process-grid>*,.portfolio-grid>*,.footer-cols>*,.service-detail>*,.contact-grid>*,.about-layout>*,.split>*{min-width:0}
img,video,iframe{max-width:100%}
.detail-pic img,.service-card img,.about-image img{max-width:100%}
@media(max-width:1050px){
 .nav{gap:14px}.navlinks{gap:12px}
 .navlinks>a{font-size:.73rem}
 .nav-cta{padding:10px 13px;font-size:.78rem}
 .footer-cols{gap:25px}
}
@media(max-width:800px){
 .site-header{position:sticky;top:0}
 .nav{height:72px;min-width:0}
 .brand{font-size:1.24rem;min-width:0}
 .brand img{width:36px;height:36px;flex-shrink:0}
 .menu-btn{display:inline-flex;align-items:center;justify-content:center;min-width:45px;min-height:44px;flex-shrink:0}
 .navlinks{top:100%;left:0;right:0;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;z-index:100;background:rgba(23,8,12,.97)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #ffffff2b;padding:10px max(19px,calc((100vw - 1190px)/2 + 24px)) 20px}
 .navlinks>a{font-size:.9rem;min-height:44px;display:flex;align-items:center}
 body:has(.hero) .site-header{margin-bottom:-72px}
 body:has(.hero) .hero{padding-top:132px!important}
 .hero-stage-grid{min-height:0}
 .hero-message{width:100%;min-width:0}
 .hero-message h1{overflow-wrap:break-word;text-wrap:balance}
 .hero-footer{flex-wrap:wrap}
 .about-layout,.split,.contact-grid{gap:30px}
 .service-detail{padding:38px 0}
 .page-hero h1{overflow-wrap:anywhere}
}
@media(max-width:540px){
 .container{padding-left:18px;padding-right:18px}
 .hero{min-height:0!important;padding-bottom:60px!important}
 body:has(.hero) .hero{padding-top:122px!important}
 .hero-stage-grid{min-height:0!important}
 .hero-message{padding:16px 0 18px}
 .hero-message h1{font-size:clamp(2.08rem,9.2vw,3.1rem)!important;line-height:1.13!important;letter-spacing:-.04em!important}
 .hero-message p{font-size:.94rem;line-height:1.6;max-width:100%}
 .hero-message .buttons{width:100%;gap:12px}
 .hero-message .buttons .btn{width:100%;max-width:100%;white-space:normal;min-height:49px;padding:12px 16px;text-align:center}
 .hero-kicker{font-size:.58rem;letter-spacing:.12em}
 .hero-microcopy{letter-spacing:.09em;line-height:1.7}
 .hero-footer{padding:17px 0 20px}
 .hero-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;width:100%;font-size:.69rem;line-height:1.45}
 .hero-services span{align-items:flex-start;gap:6px}
 .hero-bottom-curve{width:110%;height:20px}
 .page-hero{padding:65px 0 75px}
 .page-hero h1{font-size:clamp(2.3rem,10vw,3.25rem)!important}
 .page-hero p{font-size:.94rem}
 h2{overflow-wrap:break-word;font-size:clamp(2rem,8.2vw,3.15rem)}
 .cta{border-radius:20px;padding:29px 20px;gap:24px}
 .cta .btn{max-width:100%;white-space:normal;text-align:center}
 .footer{padding-top:55px}
 .footer-cols{gap:25px}
 .footer-bottom{gap:10px;line-height:1.5}
 .contact-panel{padding:20px}
 .step,.feature{padding:23px}
 .project-card img{height:210px}
 .portfolio-controls{gap:8px}
 .filter-btn{padding:9px 13px;font-size:.82rem}
}
@media(max-width:360px){
 .container{padding-left:15px;padding-right:15px}
 .brand{font-size:1.08rem}
 .hero-message h1{font-size:clamp(1.95rem,9vw,2.3rem)!important}
 .hero-services{gap:12px 7px;font-size:.63rem}
 .hero-services span{gap:5px}
 .hero-microcopy{font-size:.49rem}
 .contact-panel{padding:16px}
}
@media(prefers-reduced-motion:reduce){
 .hero::before,.hero-message,.hero-art img{animation:none!important}
}