/* Phone/tablet presentation only. Desktop keeps the approved hero unchanged. */
@media(max-width:780px){
 body:has(#home.hero--reference)>header{
  background:#faf6f1;
  border-bottom:1px solid #e5d8ca;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
 }
 body:has(#home.hero--reference) .menu-toggle{
  border-color:#d7c3b1;
  background:transparent;
  color:#392e27;
  font-size:12px;
 }
 #home.hero--reference{--mobile-photo-height:clamp(250px,68vw,350px);background:#faf6f1}
 #home.hero--reference .hero-portrait-panel{height:var(--mobile-photo-height);overflow:hidden}
 #home.hero--reference .hero-portrait-panel img{object-position:85% center}
 #home.hero--reference .hero-portrait-panel:after{
  content:'';position:absolute;inset:auto 0 0;height:26px;
  background:linear-gradient(transparent,#faf6f1);pointer-events:none;
 }
 #home.hero--reference .hero-agent-name{
  top:calc(var(--hero-header-height) + var(--mobile-photo-height) - 80px);
  right:6%;width:145px;
 }
 #home.hero--reference .hero-copy{background:#faf6f1;padding:22px 7% 30px}
 #home.hero--reference .hero-copy .eyebrow{color:#8b6045;letter-spacing:.17em;font-size:9px;margin:0 0 13px;text-shadow:none}
 #home.hero--reference h1{color:#30251e;font-size:clamp(32px,8.1vw,40px);line-height:1.1;letter-spacing:-.025em;text-wrap:balance;margin:0 0 16px;max-width:620px}
 #home.hero--reference h1 span:last-child{display:block;color:#976848;font-style:italic;margin-top:3px}
 #home.hero--reference h1 span:last-child:before{content:none}
 #home.hero--reference .intro{color:#6e6056;font-size:13px;line-height:1.65;max-width:460px}
 #home.hero--reference .actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:20px;max-width:460px}
 #home.hero--reference .actions .button{width:100%;justify-content:center;min-height:46px;padding:12px 14px;font-size:10px;letter-spacing:.06em;border-radius:2px}
 #home.hero--reference .actions .button:not(.hero-outline){background:#926344;border-color:#926344;color:#fffaf6}
 #home.hero--reference .actions .hero-outline{background:transparent;border-color:#b28b6e;color:#805437}
 #home.hero--reference .actions .button:hover{background:#805437;border-color:#805437;color:#fffaf6}
 #home.hero--reference{border-bottom:1px solid #e5d8ca}
}