/* audit-fix-20261030 (Lama): mobile-first readability and tap-target fixes. Linked last in <head>. */
/* Carousel dots: same visible dot, 44px hit area */
@media (max-width:820px){
 [aria-label^="Go to review"],[aria-label^="Go to project group"]{min-width:44px!important;min-height:44px!important;padding:20px 8px!important;background-clip:content-box!important;box-sizing:border-box!important}
 /* Footer and legal text: never under 14px on phones */
 footer p,footer li,footer a,footer small,footer address,footer span,address,figcaption,.privacy-note,label{font-size:max(14px,1em)}
 footer li a,footer nav a,footer p a{display:inline-flex;align-items:center;min-height:44px}
 html,body{overflow-x:clip}
 img,video,svg{max-width:100%}
}

@media (max-width:820px){
 /* Work filters wrap instead of running off the right edge */
 html body #work .filters,html body .filters{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:8px!important;max-width:100%!important;width:auto!important}
 .filters .filter{min-height:44px;flex:0 0 auto}
 .case,.td-work-card{max-width:100%!important;min-width:0!important}
 /* Cookie bar: compact single row so it doesn't cover the hero */
 #td-consent{left:8px!important;right:auto!important;bottom:8px!important;max-width:calc(100vw - 96px)!important;padding:8px 10px!important;font-size:13px!important;line-height:1.35!important}
 #td-consent button{min-height:40px}
 /* First screen: headline and "Book a free consultation" before the showreel card (video file untouched) */
 html body .hero .heroGrid{display:flex!important;flex-direction:column!important}
 html body .hero .heroGrid>div:first-child{order:-1!important}
 html body #home .heroGrid>.heroVisual.exactHero{order:2!important;height:56vh!important;min-height:300px!important}
 html body #home .heroGrid>div:first-child{order:1!important;padding-top:12px}
}