/* =========================================================
   MEET-THE-OWNER — 3-panel hero (office + Porsche Macan from
   the original triptych, plus the Corvette/Main Street photo)
   and signature blend
   ========================================================= */

.page-owner .brand-hero-home,
.page-owner .page-hero{ height:clamp(380px,38vw,560px); }

.page-owner .owner-quad{
  position:absolute;
  inset:0;
  z-index:0;
  display:flex;
  width:100%;
  height:100%;
}
.page-owner .owner-quad .quad-tile{
  position:relative;
  flex:1 1 33.333%;
  height:100%;
  background-color:#06213A;
  background-repeat:no-repeat;
  background-size:300% 100%;
}
.page-owner .owner-quad .quad-tile + .quad-tile{
  box-shadow:inset 2px 0 0 rgba(255,255,255,.16);
}
.page-owner .owner-quad .quad-tile.t1,
.page-owner .owner-quad .quad-tile.t2{
  background-image:url('/owner-triptych.jpg');
}
/* t1 = office desk (panel 1 of 3 in the source triptych) */
.page-owner .owner-quad .quad-tile.t1{ background-position:0% center; }
/* t2 = Porsche Macan (panel 3 of 3 in the source triptych — the
   red Alfa Romeo middle panel is intentionally skipped) */
.page-owner .owner-quad .quad-tile.t2{ background-position:100% 45%; background-size:390% 130%; }
.page-owner .owner-quad .quad-tile.t3{
  background-image:url('/assets/seo/owner-corvette-mainstreet.jpg');
  background-size:cover;
  background-position:center 30%;
}

@media(max-width:620px){
  .page-owner .brand-hero-home,
  .page-owner .page-hero{ height:auto; min-height:520px; }
  .page-owner .owner-quad{ flex-wrap:wrap; }
  .page-owner .owner-quad .quad-tile{ flex:1 1 50%; height:260px; }
  .page-owner .owner-quad .quad-tile.t3{ flex-basis:100%; }
  .page-owner .owner-quad .quad-tile + .quad-tile{ box-shadow:inset 1px 0 0 rgba(255,255,255,.16); }
}

/* ---------- Signature, blended into the page ---------- */

.page-owner .owner-signature-wrap{
  margin:22px auto 0;
  max-width:280px;
}
.page-owner .owner-signature-wrap img{
  display:block;
  width:100%;
  height:auto;
  opacity:.92;
}
.page-owner.page-owner .owner-copy-centered .owner-signature-wrap{
  margin-left:auto;
  margin-right:auto;
}
