/* Phone and tablet fit layer. Desktop styles remain unchanged. */
@media (max-width:1024px){
 html{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}
 body{width:100%;max-width:100%;margin:0;overflow-x:hidden;overflow-x:clip}
 body *{box-sizing:border-box}
 main,.about-page,.hhs-page,.contact-page,.site-footer{width:100%;max-width:100%}
 main>section{width:100%;max-width:100%;margin-left:0;margin-right:0}
 img,video,svg,canvas,iframe{max-width:100%;height:auto}
 input,select,textarea,button{max-width:100%;font-size:16px}
 pre,code,.contact-details dd,.footer-information p{white-space:normal;overflow-wrap:anywhere}
 .banner-hero,.feature-panel,.discover-services,.contact-blue,.about-hero,.culture-section,.leadership-section,.about-cta,.hhs-hero,.hhs-benefits,.hhs-fit,.hhs-care,.hhs-promise,.hhs-cta,.contact-hero,.contact-layout{min-width:0;max-width:100%}
 .choice-track,.testimonial-track,.testimonial-group{max-width:none}
 .care-assistant{max-width:calc(100vw - 24px)}
 .discover-photo{position:relative}
 .discover-photo img{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover!important;object-position:center 8%!important;display:block!important}
}

@media (max-width:767px){
 header{width:100%;max-width:100%;padding-inline:14px!important}
 header .brand{max-width:calc(100% - 58px)}
 header .brand>span:last-child{min-width:0;max-width:100%}
 header .brand b{max-width:100%!important;overflow:visible!important;text-overflow:clip!important}
 header .brand small{max-width:100%;white-space:normal!important;line-height:1.15!important}
 header nav{width:100vw!important;max-width:100vw!important}

 .banner-hero{display:grid!important;grid-template-columns:1fr!important;padding:42px 16px 54px!important}
 .banner-copy,.banner-form{width:100%!important;max-width:100%!important;margin:0!important}
 .banner-copy h1{font-size:clamp(38px,12vw,52px)!important}
 .banner-form{padding:25px 18px!important}
 .slider-controls{display:flex;flex-wrap:wrap}

 .care-feature{padding-inline:14px!important}
 .feature-panel{display:grid!important;grid-template-columns:1fr!important}
 .feature-panel>div{padding:30px 19px!important}
 .feature-panel h2{font-size:clamp(32px,10vw,40px)!important}
 .choice-area{display:grid!important;grid-template-columns:1fr!important}
 .choice-heading{width:100%;align-items:flex-end}
 .choice-heading h2{font-size:clamp(30px,9vw,38px)!important}
 .choice-viewport{max-width:100%;overflow:hidden}
 .care-choice{flex:0 0 88%!important;max-width:88%}

 .discover-services{display:grid!important;grid-template-columns:1fr!important;padding-inline:16px!important}
 .discover-photo{max-width:calc(100% - 28px)!important}
 .discover-heading,.discover-list{width:100%;max-width:100%;margin-left:0!important;margin-right:0!important}
 .discover-list{grid-template-columns:1fr!important;padding:32px 20px!important}

 .stories{padding-inline:16px!important}
 .stories .section-title h2{font-size:clamp(34px,10vw,47px)!important}
 .testimonial-viewport{max-width:100%;overflow:hidden}
 .testimonial-card{width:calc(100vw - 54px)!important;min-width:calc(100vw - 54px)!important;max-width:390px!important}

 .process-showcase{padding-inline:16px!important}
 .process-circles{grid-template-columns:1fr!important}
 .process-step{width:100%;max-width:100%}

 .contact-blue,.contact-layout,.contact-hero,.about-hero,.culture-section,.leadership-section,.about-cta,.hhs-hero,.hhs-benefits,.hhs-fit,.hhs-care,.hhs-promise,.hhs-cta{display:grid!important;grid-template-columns:1fr!important}
 .contact-blue{padding-inline:16px!important}
 .contact-blue form,.contact-page-form,.contact-details{width:100%!important;max-width:100%!important}
 .two,.form-grid,.footer-form-grid{grid-template-columns:1fr!important}
 .contact-quick{display:grid!important;grid-template-columns:1fr!important}
 .contact-quick a{width:100%!important}

 .about-hero-copy,.contact-hero-copy,.hhs-hero-copy,.career-hero{padding-inline:18px!important}
 .about-hero-image,.contact-hero-image,.hhs-hero figure{width:100%!important;max-width:100%!important}
 .values-section.values-showcase,.care-promise{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin-left:10px!important;margin-right:10px!important}
 .values-statement,.care-promise-statement,.values-content,.care-promise-card{width:auto!important;max-width:calc(100% - 16px)!important}
 .culture-copy,.leadership-section.identity-section,.about-intro,.about-cta{padding-inline:20px!important}
 .hhs-actions{display:grid!important;grid-template-columns:1fr!important}
 .hhs-actions a{width:100%;text-align:center}

 .career-intro{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-inline:12px!important}
 .application-wrap{width:100%;padding-inline:12px!important}
 .career-form{width:100%;max-width:100%;padding:24px 16px!important}
 .career-form input[type=file]{height:auto;padding:12px 8px;white-space:normal}

 .footer-contact-grid{display:grid!important;grid-template-columns:1fr!important;padding-inline:16px!important}
 .footer-details{display:grid!important;grid-template-columns:1fr!important;gap:28px!important}
 .footer-enquiry{width:100%!important;max-width:100%!important;padding:28px 17px!important}
 .footer-bottom{width:100%;max-width:100%;align-items:center;text-align:center}
 .footer-bottom-nav{justify-content:center}

 .care-assistant{right:10px!important;bottom:10px!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}
 .care-assistant-panel{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 20px);overflow-y:auto}
}

@media (max-width:420px){
 .brand small{font-size:7px!important;letter-spacing:.01em!important}
 .banner-copy h1,.about-hero h1,.contact-hero h1,.hhs-hero h1,.career-hero h1{font-size:clamp(35px,11vw,42px)!important}
 .banner-hero,.contact-blue,.stories,.process-showcase{padding-inline:14px!important}
 .care-choice{flex-basis:92%!important;max-width:92%}
 .testimonial-card{width:calc(100vw - 42px)!important;min-width:calc(100vw - 42px)!important;padding-inline:20px!important}
 .footer-kicker{font-size:28px!important}
 .care-assistant-panel-body{grid-template-columns:1fr 90px!important;padding-inline:16px!important}
 .care-assistant-panel-body img{width:90px!important}
}

/* Compact phone presentation: avoids the enlarged/zoomed-in appearance. */
@media (max-width:600px){
 body{font-size:16px;line-height:1.55}
 header{height:64px!important;min-height:64px!important;padding-inline:12px!important}
 header .brand{gap:8px!important;max-width:calc(100% - 52px)}
 header .brand .mark{width:40px!important;height:40px!important;min-width:40px!important}
 header .brand b{font-size:18px!important;line-height:1!important}
 header .brand small{font-size:6.5px!important;line-height:1.15!important;letter-spacing:0!important;white-space:nowrap!important}
 #menu{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:24px!important;padding:5px!important}
 header nav{top:64px!important;max-height:calc(100dvh - 64px)!important;padding:12px 16px 22px!important}

 .banner-hero{min-height:0!important;padding:30px 15px 38px!important;gap:24px!important;background-position:64% center!important}
 .banner-copy{padding:0!important}
 .banner-copy .location{font-size:10px!important;letter-spacing:.13em!important}
 .banner-copy h1{font-size:34px!important;line-height:1.02!important;margin:10px 0 14px!important;max-width:330px}
 .banner-copy p{font-size:16px!important;line-height:1.5!important;margin:0 0 20px!important;max-width:350px}
 .banner-copy .button{padding:13px 18px!important;font-size:14px!important}
 .slider-controls{margin-top:22px!important;gap:10px!important}
 .slider-controls button{width:42px!important;height:42px!important;min-width:42px!important}
 .banner-form{padding:23px 18px!important;border-radius:22px 0!important}
 .banner-form h2{font-size:24px!important;letter-spacing:.11em!important;margin-bottom:17px!important}
 .banner-form label{font-size:12px!important;margin-bottom:11px!important}
 .banner-form input,.banner-form textarea{min-height:38px!important;padding:7px 0!important;font-size:16px!important;line-height:1.35!important}
 .banner-form textarea{height:58px!important;min-height:58px!important}
 .banner-form .green{min-height:46px!important;margin-top:8px!important;font-size:16px!important}

 .care-feature{padding:42px 14px 52px!important}
 .feature-panel>div{padding:26px 18px!important}
 .feature-panel span{font-size:25px!important}
 .feature-panel h2{font-size:32px!important}
 .feature-panel p{font-size:15px!important}
 .feature-panel img{height:230px!important}
 .choice-heading h2{font-size:31px!important}
 .care-choice img{height:205px!important}

 .discover-services{padding-top:62px!important;padding-bottom:62px!important}
 .discover-photo{height:260px!important;margin-bottom:-48px!important}
 .discover-heading{padding:72px 20px 28px!important}
 .discover-heading h2{font-size:38px!important}
 .discover-heading p{font-size:15px!important}
 .discover-list{padding:28px 19px!important;gap:24px!important}
 .discover-card h3{font-size:27px!important}
 .discover-card p{font-size:15px!important}

 .stories,.process-showcase,.contact-blue{padding-top:58px!important;padding-bottom:58px!important}
 .stories .section-title h2,.process-heading h2,.contact-blue .contact-info h2{font-size:34px!important;line-height:1.08!important}
 .stories .section-title p,.process-heading p,.contact-blue .contact-info>p{font-size:15px!important}
 .testimonial-card{min-height:300px!important;padding:45px 20px 28px!important}
 .testimonial-card p{font-size:17px!important}
 .process-ring{width:132px!important;height:132px!important;margin-bottom:18px!important}
 .process-step h3{font-size:25px!important}
 .process-step p{font-size:15px!important}
 .contact-blue form{padding:23px 17px!important}

 .about-hero h1,.contact-hero h1,.hhs-hero h1,.career-hero h1{font-size:36px!important;line-height:1.04!important}
 .about-hero-copy,.contact-hero-copy,.hhs-hero-copy,.career-hero{padding-top:45px!important;padding-bottom:45px!important}
 .about-hero-image,.contact-hero-image,.hhs-hero figure{min-height:300px!important}
 .values-statement,.care-promise-statement{font-size:21px!important;padding:22px 18px!important}
 .values-content h2,.care-promise-card h2,.culture-copy h2,.leadership-copy h2{font-size:36px!important}
 .contact-workspace{padding:48px 12px 65px!important}
 .contact-page-form,.contact-details{padding:25px 17px!important}
 .career-intro{padding:34px 18px 26px!important}
 .career-intro h2,.form-heading h2{font-size:32px!important}

 .footer-contact-grid{padding-top:44px!important;padding-bottom:44px!important}
 .footer-kicker{font-size:27px!important}
 .footer-enquiry h2{font-size:27px!important}
 .footer-enquiry{padding:25px 16px!important}

 .care-assistant{right:10px!important;bottom:10px!important;width:64px!important;height:64px!important}
 .care-assistant-trigger{position:relative;width:64px!important;height:64px!important;padding:5px!important;border-radius:50%!important;overflow:visible!important}
 .care-assistant-trigger img{width:54px!important;height:54px!important;border-radius:50%!important}
 .care-assistant-trigger>span{display:none!important}
 .care-assistant-trigger i{right:3px!important;top:3px!important}
 .care-assistant.is-expanded,.care-assistant.is-panel{width:calc(100vw - 20px)!important;height:auto!important}
 .care-assistant-bar{grid-template-columns:54px minmax(0,1fr) auto!important;min-height:78px!important;padding:7px 10px 7px 7px!important}
 .care-assistant-bar img{width:52px!important;height:58px!important}
 .care-assistant-copy strong{font-size:15px!important}
 .care-assistant-copy small{font-size:9px!important}
 .care-assistant-more{padding:10px 11px!important;font-size:12px!important}
}

@media (max-width:767px) and (orientation:landscape){
 header nav{max-height:calc(100dvh - 75px)!important}
 .care-assistant-panel{max-height:calc(100dvh - 16px)}
}

/* Tablet width and mobile browsers using “Desktop site” mode. */
@media (min-width:768px) and (max-width:1100px){
 .discover-services{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:74px 32px 82px!important;align-items:start!important}
 .discover-photo{position:relative!important;grid-column:1!important;grid-row:auto!important;left:auto!important;top:auto!important;width:min(390px,58vw)!important;height:300px!important;margin:0 auto -70px!important}
 .discover-heading{grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:104px 38px 38px!important;text-align:left!important}
 .discover-list{grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:40px 36px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px 38px!important;border-radius:0 0 32px 32px!important}
 .discover-card{width:100%!important;min-width:0!important;padding:0!important}
 .discover-card h3{font-size:29px!important;overflow-wrap:normal!important;word-break:normal!important}
 .discover-card p{font-size:15px!important;overflow-wrap:normal!important;word-break:normal!important}
 .discover-card a{width:auto!important;min-width:150px!important;justify-content:center!important;white-space:nowrap!important}
}