/* Real text and accessible links above responsive, separately composed images. */
#home.hero{width:100%;height:100svh;min-height:650px;aspect-ratio:auto;background:#080909;isolation:isolate}
#home.hero:after,#home h1:after{display:none}
#home .hero-wash-picture{position:absolute;inset:0;z-index:0;display:block}
#home .hero-wash-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#home .hero-shade{z-index:1;background:linear-gradient(90deg,#08090966 0%,#08090938 35%,transparent 65%),linear-gradient(0deg,#08090980 0%,transparent 16%)}
#home .hero-copy{position:relative;z-index:2;margin-left:6%;width:58%;max-width:1040px;padding:110px 0 90px;border:0;background:transparent}
#home .hero-heading .eyebrow{font-size:12px;letter-spacing:.17em}
#home .hero-heading h1{font-size:clamp(56px,6vw,120px);line-height:1.02;letter-spacing:-.05em;margin:24px 0;text-shadow:0 2px 24px #0008}
#home .lead{font-size:16px;line-height:1.6;max-width:370px;color:#d6d6d3}
#home .hero-actions{display:flex;flex-direction:row;align-items:center;gap:26px;margin-top:28px}
#home .hero-actions .gold{border-radius:6px;min-height:58px;padding:18px 28px;box-shadow:none;letter-spacing:.045em;font-size:14px;min-width:240px;justify-content:space-between}
#home .hero-actions .text-link{display:inline-block;font-size:12px;letter-spacing:.02em;color:#dededb}
#home .hero-assurance{max-width:340px;margin:18px 0 0;color:#adada7;font-size:11px;line-height:1.6}
#home .hero-service-line{position:absolute;z-index:2;bottom:25px;left:6%;right:6%;display:flex;gap:36px;padding-top:20px;border-top:1px solid #ffffff25;color:#d2d3d3;font-size:12px;letter-spacing:.05em}
#home .hero-service-line span:before{content:'✦';color:#e3ad26;margin-right:10px}
@media(max-width:900px){
 #home.hero{display:flex;flex-direction:column;align-items:stretch;aspect-ratio:auto;min-height:100svh;height:auto;padding:0 0 24px;background:#080909;overflow:hidden}
 #home .hero-copy{display:block;position:relative;z-index:2;width:100%;max-width:600px;margin:0 auto;padding:calc(68px + min(65vw,390px)) 24px 0;border:0;background:transparent}
 #home .hero-heading{position:relative;text-align:left;padding:0}
 #home .hero-heading .eyebrow{font-size:9px;letter-spacing:.14em;margin:0 0 13px;color:#edc66a}
 #home .hero-heading h1{font-size:clamp(29px,7.8vw,46px);line-height:1.12;letter-spacing:-.045em;margin:0 0 16px}
 #home .hero-heading h1 em{display:inline-block;font-size:1.38em;line-height:1.05;margin-top:3px;color:#f5c746}
 #home .hero-wash-picture{position:absolute;inset:68px 0 55px;width:100%;height:auto;overflow:hidden;border:0;border-radius:0;z-index:0;background:url('assets/hero-wash-mobile-floor-v4.webp') center/100% 100% no-repeat}
 #home .hero-wash-picture img{width:100%;height:auto;object-fit:contain;object-position:center top;mask-image:linear-gradient(#000 75%,transparent);-webkit-mask-image:linear-gradient(#000 75%,transparent)}
 #home .hero-shade{display:block;position:absolute;inset:68px 0 55px;height:auto;z-index:1;background:linear-gradient(180deg,transparent 28%,#08090980 43%,#080909a6 100%);pointer-events:none}
 #home.hero .hero-copy>.lead{font-size:14px;line-height:1.6;margin:0;max-width:340px;color:#b9bcbf}
 #home .hero-service-line{position:relative;bottom:auto;left:auto;right:auto;margin:auto 24px 0;gap:0;justify-content:space-between;padding-top:16px;font-size:9px;letter-spacing:0}
 #home .hero-service-line span:before{margin-right:5px}
 #home .hero-actions{display:grid;grid-template-columns:1fr;align-items:stretch;margin:22px 0 0;gap:16px}
 #home .hero-actions .gold{width:100%;min-height:54px;padding:17px 16px;font-size:12px;border-radius:6px;justify-content:space-between;box-shadow:0 6px 24px #ca8d0014}
 #home .hero-actions .gold span{display:inline}
 #home .hero-actions .text-link{justify-self:center;font-size:12px;padding-bottom:3px;color:#c4c6c9}
 #home.hero .hero-copy>.hero-assurance{max-width:none;text-align:center;font-size:10px;margin:16px 0 0;line-height:1.5;color:#92969a}
 .process-strip{padding-top:28px;padding-bottom:28px}
}
@media(prefers-reduced-motion:reduce){#home *{animation:none!important;transition:none!important}}
/* Retired decorative effect: clean photographic treatment takes priority. */
#home .hero-wash-picture:after{content:'';pointer-events:none;position:absolute;left:44%;top:61%;width:37%;height:18%;opacity:0;background:radial-gradient(ellipse 1.5px 5px at 10% 12%,#fff9 65%,transparent 85%),radial-gradient(ellipse 1px 4px at 30% 30%,#fff7 65%,transparent 85%),radial-gradient(ellipse 1.5px 5px at 57% 5%,#fff9 65%,transparent 85%),radial-gradient(ellipse 1px 4px at 78% 22%,#fff8 65%,transparent 85%),radial-gradient(ellipse 1px 5px at 95% 10%,#fff7 65%,transparent 85%);animation:hero-drips 3.6s ease-in infinite}
@keyframes hero-drips{0%{transform:translateY(0);opacity:0}20%{opacity:.6}75%{opacity:.4}100%{transform:translateY(28px);opacity:0}}
#home .hero-motion-toggle{position:absolute;right:20px;bottom:16px;z-index:3;padding:9px 12px;border:1px solid #ffffff35;border-radius:8px;background:#080909d9;color:#ccc;font-size:11px;cursor:pointer;min-height:38px}
#home.motion-paused .hero-wash-picture:after,#home.motion-offscreen .hero-wash-picture:after,#home.motion-hidden .hero-wash-picture:after{animation-play-state:paused;opacity:0}
@media(max-width:900px){#home .hero-wash-picture:after{left:15%;top:63%;width:68%;height:22%}#home .hero-motion-toggle{position:static;order:6;align-self:center;margin-top:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){#home .hero-wash-picture:after{display:none}#home .hero-motion-toggle{display:none}}
#home .hero-wash-picture:after{content:none;animation:none}
