/* Client-selected technician scene; live text and real CTA on every width. */
body.reference-site .hero-main{aspect-ratio:auto;min-height:610px;background:#102f40}
body.reference-site .hero-photo{background:url("assets/hero-technician-v54.png") 68% top/cover no-repeat}
body.reference-site .hero-main:after{background:linear-gradient(180deg,transparent 12%,rgba(9,36,51,.12) 33%,rgba(9,36,51,.88) 62%,#0b3042 100%)}
body.reference-site .hero-copy{position:relative;min-height:610px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:32px}
body.reference-site .area-label{position:absolute;top:26px;left:32px;margin:0;font:600 17px/1.5 var(--sans);padding:8px 14px}
body.reference-site .hero-copy h1{font:600 clamp(38px,4.2vw,60px)/1.4 var(--serif);letter-spacing:-.04em;white-space:nowrap}
body.reference-site .hero-copy h1 span{color:#edcf91}
body.reference-site .hero-sub{font:600 clamp(20px,2.1vw,29px)/1.6 var(--serif);margin-top:3px;white-space:nowrap}
body.reference-site .hero-message{font:600 25px/1.65 var(--serif);color:#edcf91;margin:20px 0}
body.reference-site .hero-button{font:600 20px/1.5 var(--sans);min-height:62px;padding:16px 24px;white-space:nowrap;background:linear-gradient(115deg,#c59a55,#956326);border-color:#d6b676}
body.reference-site .hero-note{font:400 13px/1.7 var(--sans);margin-top:12px;max-width:none;white-space:nowrap;letter-spacing:0;color:#eef3f4}
@media(min-width:901px) and (max-width:1199px){
body.reference-site .hero-main,body.reference-site .hero-copy{min-height:580px}
body.reference-site .hero-copy{padding:24px}
body.reference-site .area-label{left:24px;font-size:14px}
body.reference-site .hero-copy h1{font-size:40px}
body.reference-site .hero-sub{font-size:22px}
body.reference-site .hero-message{font-size:23px}
body.reference-site .hero-button{font-size:17px;padding-inline:16px}
}
@media(max-width:900px){
body.reference-site .hero-main,body.reference-site .hero-copy{min-height:560px}
body.reference-site .hero-photo{bottom:20%;background-position:76% top;background-size:auto 100%}
body.reference-site .hero-main:after{background:linear-gradient(180deg,transparent 23%,rgba(10,36,51,.12) 36%,rgba(10,36,51,.94) 58%,#0b3042 81%,#163744 100%)}
body.reference-site .hero-copy{padding:24px}
body.reference-site .area-label{top:20px;left:20px;font-size:12px;padding:6px 10px}
body.reference-site .hero-copy h1{font-size:clamp(28px,8.2vw,42px);line-height:1.4}
body.reference-site .hero-sub{font-size:clamp(14px,3.85vw,21px);line-height:1.65;margin-top:3px}
body.reference-site .hero-message{font-size:21px;line-height:1.65;margin:20px 0}
body.reference-site .hero-button{width:100%;font-size:clamp(13px,3.7vw,18px);min-height:56px;padding:14px 10px;gap:8px}
body.reference-site .hero-note{font-size:clamp(10px,2.8vw,13px);margin-top:12px}
}
@media(min-width:600px) and (max-width:900px){
body.reference-site .hero-main,body.reference-site .hero-copy{min-height:650px}
body.reference-site .hero-photo{bottom:0;background-size:cover;background-position:center top}
body.reference-site .hero-copy{padding:32px}
body.reference-site .hero-button{width:auto;min-width:390px}
body.reference-site .area-label{left:32px;font-size:16px}
}
@media(max-width:360px){
body.reference-site .hero-main,body.reference-site .hero-copy{min-height:520px}
body.reference-site .hero-copy{padding:20px 16px}
body.reference-site .hero-message{font-size:19px;margin:16px 0}
body.reference-site .hero-note{font-size:10px}
}