/* DEV polish requested 2026-08-19: header CTA, logo scale/background integration, Vivian portrait integration */

/* Amazon CTA: strong readable contrast */
body:has(.home-brand) header .amazon-author-cta{
  background:#e4a53c !important;
  color:#061827 !important;
  border-color:#e4a53c !important;
  font-weight:800 !important;
  text-shadow:none !important;
  opacity:1 !important;
  padding:0 17px !important;
}
body:has(.home-brand) header .amazon-author-cta:hover{
  background:#efb24b !important;
  color:#061827 !important;
}
body:has(.home-brand) header .amazon-author-cta .amazon-mark{
  filter:brightness(0) saturate(100%) !important;
  opacity:1 !important;
}

/* Header logo: larger and visually merged into the navy header */
body:has(.home-brand) header .brand{
  width:170px;
  min-width:170px;
  overflow:visible;
}
body:has(.home-brand) header .brand img{
  width:170px !important;
  height:70px !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:none !important;
  mix-blend-mode:screen;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Hero portrait: fill the available hero height and soften its edges into the page background */
body:has(.home-brand) .brand-hero-portrait{
  overflow:hidden;
  align-items:stretch;
  min-height:100%;
}
body:has(.home-brand) .brand-hero-portrait img{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center 8% !important;
  transform:scale(1.02);
  transform-origin:center bottom;
}
body:has(.home-brand) .brand-hero-portrait::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,var(--brand-navy) 0%,rgba(0,28,49,.42) 5%,transparent 14%,transparent 87%,rgba(0,28,49,.42) 96%,var(--brand-navy) 100%),
    linear-gradient(180deg,transparent 72%,rgba(0,28,49,.16) 84%,var(--brand-navy) 100%);
}
body:has(.home-brand) .brand-hero-portrait::after{
  height:90px !important;
  z-index:2;
  background:linear-gradient(180deg,transparent,var(--brand-navy)) !important;
}
body:has(.home-brand) .brand-signature{
  z-index:4;
}

@media(max-width:960px){
  body:has(.home-brand) header .brand{width:150px;min-width:150px}
  body:has(.home-brand) header .brand img{width:150px !important;height:66px !important}
}

@media(max-width:760px){
  body:has(.home-brand) header .brand{width:136px;min-width:136px}
  body:has(.home-brand) header .brand img{width:136px !important;height:60px !important}
  body:has(.home-brand) .brand-hero-portrait{min-height:410px}
  body:has(.home-brand) .brand-hero-portrait img{
    min-height:410px !important;
    object-position:center 16% !important;
    transform:scale(1.035);
  }
}

@media(max-width:520px){
  body:has(.home-brand) header .brand{width:126px;min-width:126px}
  body:has(.home-brand) header .brand img{width:126px !important;height:56px !important}
  body:has(.home-brand) .brand-hero-portrait{min-height:365px}
  body:has(.home-brand) .brand-hero-portrait img{min-height:365px !important}
}