/* Shared small-screen layout, loaded after page styles. */
@media(max-width:900px){
 header,header.compact{height:96px;min-height:96px;padding:8px 18px;gap:12px;transition:none}
 header .brand-image,header.compact .brand-image{width:140px;height:80px;flex:0 1 140px;min-width:0}
 header .logo-crop{width:112px;height:66px;flex-shrink:0}
 header .logo-crop img{width:144px;left:-16px;top:-8px}
 header .logo-tagline{font-size:5px;letter-spacing:.7px;margin-top:3px}
 header .language-picker{width:112px;min-width:0;height:42px;margin:0 0 0 auto;padding:8px 6px;font-size:12px;flex:0 1 112px}
 header .menu-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:0;font-size:24px}
 header nav{max-height:calc(100dvh - 96px);overflow-y:auto;padding:24px;gap:24px}
 section[id],article[id]{scroll-margin-top:105px}
}
@media(max-width:600px){
 .hero{height:auto;min-height:0;padding:44px 24px 52px;isolation:isolate}
 .hero>div{width:100%;min-width:0}
 .hero h1{font-size:clamp(30px,8.2vw,40px);line-height:1.12;letter-spacing:-.7px;margin:18px 0 22px;overflow-wrap:break-word}
 .hero p{font-size:16px;line-height:1.65;max-width:100%;margin:0 0 20px}
 .hero .eyebrow{font-size:9px;letter-spacing:3px}
 .hero .btn{margin-top:8px;padding:15px 18px;max-width:100%;text-align:center;line-height:1.4}
 .hero .secondary{display:block;width:fit-content;margin:20px 0 0;font-size:13px}
 .hero .caption{display:none}
 .regionlist{grid-template-columns:1fr}
 .region h3{overflow-wrap:break-word}
 .floating-contact{font-size:11px;padding:12px 16px;bottom:12px;right:12px}
 footer{flex-wrap:wrap;padding-bottom:80px}
 .locale-director{flex-wrap:wrap}
}
@media(max-width:360px){header,header.compact{padding-inline:12px;gap:8px}header .brand-image{flex-basis:120px}header .language-picker{flex-basis:100px;width:100px}}

footer{flex-wrap:wrap;gap:24px;align-items:center}.footer-brand{display:flex;flex-direction:column;align-items:center;flex:0 0 170px;margin-right:auto}.footer-logo-mark{display:block;width:160px;height:108px;background:#00383c;mask:url('assets/jills-logo-mask.svg') center top/180px auto no-repeat;-webkit-mask:url('assets/jills-logo-mask.svg') center top/180px auto no-repeat;clip-path:inset(0 0 12px 0);margin-bottom:-8px}.footer-logo-tagline{font:6px Arial,sans-serif;letter-spacing:.8px;color:#00383c;white-space:nowrap}.footer-email{font-size:13px;overflow-wrap:anywhere}@media(max-width:600px){footer{justify-content:flex-start;align-items:flex-start}.footer-brand{flex-basis:100%;align-items:flex-start}.footer-logo-tagline{width:160px;text-align:center}}

/* Preserve the entire palm mark and lettering without positioned image cropping. */
header .logo-crop{position:static;width:140px;height:98px;overflow:visible;background:#fff;mask:url('assets/jills-header-mark.svg') center/contain no-repeat;-webkit-mask:url('assets/jills-header-mark.svg') center/contain no-repeat;flex-shrink:0}
header .logo-crop img{display:none}
header .logo-tagline{font-size:6px;letter-spacing:.8px;margin-top:5px}
@media(max-width:900px){header,header.compact{height:108px;min-height:108px}header .brand-image,header.compact .brand-image{height:92px;flex-basis:140px}header .logo-crop{width:112px;height:78.4px}header .logo-tagline{font-size:5px;letter-spacing:.55px;margin-top:4px}header nav{max-height:calc(100dvh - 108px)}}

.region-palms{display:block;width:140px;height:65px;margin:0 auto 32px;background:#00383c;mask:url("assets/three-palms.svg") center/contain no-repeat;-webkit-mask:url("assets/three-palms.svg") center/contain no-repeat}@media(max-width:600px){.region-palms{width:116px;height:54px;margin-bottom:26px}}

footer .footer-brand{flex:0 0 200px;width:200px;align-items:center}footer .footer-logo-mark{width:190px;height:133px;clip-path:none;margin:0;background:#00383c;mask:url('assets/jills-header-mark.svg') center/contain no-repeat;-webkit-mask:url('assets/jills-header-mark.svg') center/contain no-repeat}footer .footer-logo-tagline{display:block;width:200px;font-size:7px;line-height:1.5;letter-spacing:.6px;margin-top:6px;text-align:center;white-space:nowrap}@media(max-width:600px){footer .footer-brand{flex-basis:100%;align-items:flex-start}footer .footer-logo-tagline{width:190px}footer .footer-logo-mark{width:190px;height:133px}}

.section-palms{display:block;width:96px;height:45px;margin:0 auto 28px;background:#00383c;opacity:.65;mask:url('assets/three-palms.svg') center/contain no-repeat;-webkit-mask:url('assets/three-palms.svg') center/contain no-repeat}.process>.section-palms{grid-column:1/-1;margin-bottom:0}.process{row-gap:32px}@media(max-width:600px){.section-palms{width:80px;height:37px;margin-bottom:24px}.process{row-gap:26px}}

@media(max-width:600px){.site-contact-details{justify-content:center!important;text-align:center;gap:14px!important}.site-contact-details a{display:block}footer{flex-direction:column;align-items:center!important;justify-content:center;text-align:center;gap:24px}footer .footer-brand{flex:0 0 auto;align-items:center!important;width:200px;margin:0 auto}footer .footer-logo-tagline{width:200px;text-align:center}footer>span{width:100%;text-align:center}}