/* UX164: shared desktop/mobile rendering corrections. */
body>.skr-contact-form{position:relative!important;z-index:2!important;isolation:isolate;background:#11171af5!important}
body>.skr-contact-form input,body>.skr-contact-form select,body>.skr-contact-form textarea{background:#fff!important;color:#151a16!important;opacity:1!important}
body>.skr-contact-form p,body>.skr-contact-form a{overflow-wrap:anywhere}
@media(max-width:850px){
 html{scroll-padding-top:180px}
 body.skr-ux162>header{padding:10px 5%!important;gap:6px!important}
 body.skr-ux162 header .nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:2px 10px!important;margin:0!important;flex-basis:100%}
 body.skr-ux162 header .nav a{min-width:0;min-height:44px!important;justify-content:center;text-align:center;font-size:10px!important;line-height:1.35;letter-spacing:.06em;overflow-wrap:anywhere;padding:5px 2px}
 html body.skr-ux162 header #skr-i18n.skr-language-control{top:10px!important}
 html body.skr-ux162 #skr-i18n.skr-language-control #skr-flag-trigger{height:44px!important}
 #top.hero{height:auto!important;max-height:none!important;padding:30px 5.5% 105px!important;min-height:0!important}
 #top.hero .hero-content h1{font-size:clamp(32px,9.5vw,76px)!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.07!important}
 #top.hero .hero-content>p{max-width:65ch!important;font-size:17px!important;line-height:1.65!important}
 .skr-hero-benefits{font-size:15px;gap:14px}
 .hero .actions{gap:12px}
 .hero .actions .btn{min-height:48px;max-width:100%;white-space:normal;text-align:center}
 .skr-work-summary .skr-work-table th,.skr-work-summary .skr-work-table td{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
 .skr-connected-grid>*{min-width:0}
 .skr-connected .btn{max-width:100%;white-space:normal;text-align:center;min-height:48px}
 :is(#project-brief,#skr-enquiry){scroll-margin-top:12px}
 :is(#project-brief,#skr-enquiry) .skr-form-grid{grid-template-columns:minmax(0,1fr)}
 :is(#project-brief,#skr-enquiry) input,:is(#project-brief,#skr-enquiry) select,:is(#project-brief,#skr-enquiry) textarea{min-width:0;font-size:16px!important}
 :is(#project-brief,#skr-enquiry) .skr-form-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 :is(#project-brief,#skr-enquiry) button{min-height:48px;white-space:normal}
 footer{overflow-wrap:anywhere;padding-bottom:100px!important}
}
@media(max-width:480px){
 .hero .actions{display:grid;grid-template-columns:minmax(0,1fr)}
 .hero .actions .btn{width:100%}
 .skr-work-summary .skr-work-table th,.skr-work-summary .skr-work-table td{padding:10px 6px;font-size:13px}
 #portfolio>.container>h2{font-size:clamp(30px,8vw,40px)!important;line-height:1.15!important;overflow-wrap:anywhere}
 .skr-connected h2{font-size:clamp(28px,8vw,38px)!important;overflow-wrap:anywhere}
}

@media(max-width:850px){body:has(:is(#project-brief,#skr-enquiry):focus-within) #skr-atlas-launch,body:has(:is(#project-brief,#skr-enquiry):focus-within) #skr-back-to-top,body:has(:is(#project-brief,#skr-enquiry):focus-within) #skr-ux54-top{visibility:hidden!important}}

@media(max-width:850px){
 body.skr-ux162 main :is(.cards,.steps,.pricing){grid-template-columns:minmax(0,1fr)!important}
 body.skr-ux162 main :is(.service,.step,.price){min-width:0!important;max-width:100%!important}
 body.skr-ux162 main :is(h1,h2,h3,p){overflow-wrap:anywhere!important}
 body>.skr-contact-form :is(h2,label,p){min-width:0;overflow-wrap:anywhere!important}
}