.profile-card{text-align:center}
.profile-circle{position:relative;width:min(390px,100%);aspect-ratio:1;margin:0 auto 30px;border-radius:50%;overflow:hidden;background:#d8dee7;border:12px solid #fff;box-shadow:0 18px 45px #07152f2a,14px 14px 0 var(--navy)}
.profile-circle>img{position:absolute;width:1840px;height:auto;max-width:none;left:-330px;top:-354px}
.profile-contact{display:flex;flex-direction:column;align-items:center}
.profile-contact strong{font:700 32px/1.1 "Playfair Display";color:var(--navy)}
.profile-contact span{text-transform:uppercase;letter-spacing:.15em;color:var(--red);font-size:10px;font-weight:700;margin:8px 0 18px}
.profile-contact a{color:var(--navy);font-size:15px;font-weight:700;text-decoration:none;margin:2px 0}
.profile-contact a:hover{text-decoration:underline}
.experience-line{width:min(390px,100%);margin:25px auto 0;padding:14px 18px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;gap:13px}
.experience-line strong{font:700 34px "Playfair Display"}
.experience-line span{text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700}
@media(max-width:560px){
  .profile-circle{width:290px;border-width:9px;box-shadow:0 15px 35px #07152f24,9px 9px 0 var(--navy)}
  .profile-circle>img{width:1536px;left:-275px;top:-300px}
  .profile-contact strong{font-size:28px}
}

/* Show the complete rear-vehicle image, with a soft full-width backdrop. */
.brand-banner{height:680px;background:var(--navy)}
.brand-banner>img.brand-banner-backdrop{object-fit:cover;object-position:center;filter:blur(14px) saturate(.8);transform:scale(1.08);opacity:.42}
.brand-banner>img.brand-banner-full{object-fit:contain;object-position:center;z-index:1}
.brand-banner:after{z-index:2;background:linear-gradient(90deg,#07152f99,#07152f55 28%,#07152f55 72%,#07152f99),linear-gradient(0deg,#07152f80,#07152f33)}
.brand-banner>div{z-index:3;text-shadow:0 3px 18px #000}
@media(max-width:560px){.brand-banner{height:560px}.brand-banner h2{font-size:42px}}

/* Approved supplied artwork replaces all vehicle photography. */
.profile-circle>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:100%}
.brand-banner.approved-banner{height:auto;aspect-ratio:1672/941;background:var(--navy);display:block}
.brand-banner.approved-banner:after{display:none}
.approved-banner-link{position:absolute;inset:0;display:block}
.approved-banner-link img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:900px){.hero-photo{object-position:67% center}.hero-shade{background:linear-gradient(90deg,#06152ff2 0%,#06152fca 43%,#06152f24 76%)}}
@media(max-width:560px){.hero-photo{object-position:72% center}.brand-banner.approved-banner{height:auto}}

/* Keep the broker logo legally visible throughout the entire page. */
body{padding-top:97px}
.flagline{position:fixed;top:0;left:0;right:0;z-index:1001}
.site-header{position:fixed;top:7px;left:0;right:0;z-index:1000}
section[id]{scroll-margin-top:115px}
@media(max-width:900px){
  body{padding-top:79px}
  section[id]{scroll-margin-top:95px}
}
