
/* 2026 responsive and image-preservation refinements */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden}img,video{max-width:100%}picture,figure{max-width:100%}
.hero-img,.fashion-gallery img,.fashion-gallery-grid img,.feature img,.service-page-hero img,.service-image img,.tech-pack-gallery img,.tech-pack-grid img{object-fit:contain!important;object-position:center!important;height:auto!important;max-height:none!important}
.fashion-gallery figure,.fashion-gallery-grid figure{min-width:0;overflow:hidden}.fashion-gallery img,.fashion-gallery-grid img{display:block;width:100%!important;aspect-ratio:auto!important}
.service-page-hero figure{min-width:0}.service-page-hero img{display:block;width:100%;height:auto;object-fit:contain;background:#f5f5f5}
.site-nav a,.desktop-service-nav a{white-space:normal}.appointment-notice{max-width:1150px;margin:28px auto;padding:22px clamp(16px,3vw,32px);border:1px solid #d6dde4;border-radius:12px;background:#f7f9fb;color:#1d2b36;line-height:1.7}.appointment-notice h2{font-size:clamp(1.15rem,2.4vw,1.6rem);margin:0 0 8px}.appointment-notice p{margin:5px 0}.appointment-notice a{overflow-wrap:anywhere}
@media(max-width:900px){.hero,.feature,.service-page-hero{grid-template-columns:minmax(0,1fr)!important}.hero>* ,.feature>*,.service-page-hero>*{min-width:0}.fashion-gallery-grid,.service-card-grid,.service-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-page-hero{gap:24px!important}.service-page-hero figure{padding:12px!important}}
@media(max-width:640px){.hero,.feature,.service-page-hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:24px 16px!important;gap:22px!important}.hero-img,.hero img,.feature img,.fashion-gallery img,.fashion-gallery-grid img,.service-page-hero img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important}.fashion-gallery-grid,.service-card-grid,.service-step-grid,.cards{grid-template-columns:minmax(0,1fr)!important}.fashion-gallery figure{margin:0 0 16px}.service-page-hero h1{font-size:clamp(2rem,9vw,3rem)!important;overflow-wrap:break-word}.top,.service-navigation{padding-left:16px!important;padding-right:16px!important}.brand{max-width:70%;overflow-wrap:anywhere}.appointment-notice{margin:20px 14px}}

/* Image display across phone/tablet/desktop */
img{max-width:100%;height:auto} .hero img,.subhero img,.feature img,.fashion-gallery-grid img,.tech-pack-grid img{object-fit:contain!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important} .subhero,.hero,.feature{min-width:0} @media(max-width:768px){.subhero,.hero,.feature{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:1.5rem!important}.subhero>*,.hero>*,.feature>*{min-width:0!important}.fashion-gallery-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important} .fashion-gallery-grid img{display:block!important;width:100%!important;height:auto!important}}

/* Sample photo: show complete original image on desktop and mobile */
.subhero .sample-fashion-photo{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important;border-radius:12px;min-width:0} .subhero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,3rem)} @media(max-width:800px){.subhero{grid-template-columns:minmax(0,1fr)!important}.subhero .sample-fashion-photo{width:100%!important}}

/* Updated page photography and tech pack layout */
.subhero img,.hero-img,.feature img,.fashion-gallery-grid img,.tech-pack-grid img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain;object-position:center}
.subhero,.hero,.feature,.fashion-gallery-grid{min-width:0}
.subhero>*,.hero>*,.feature>*{min-width:0}
.tech-pack-gallery{max-width:1200px;margin:0 auto;padding:clamp(1.25rem,4vw,3rem)}
.tech-pack-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}
.tech-pack-grid figure{max-width:860px;width:100%;margin:0 auto;border:1px solid #dce2e8;border-radius:12px;overflow:hidden;background:#fff}
.tech-pack-grid img{height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
@media(max-width:768px){.subhero,.hero,.feature{grid-template-columns:minmax(0,1fr)!important}.subhero img,.hero-img,.feature img{max-height:none!important;aspect-ratio:auto!important}}
