.bf-unified-hero{background:var(--bf-cream);padding:20px var(--bf-gutter) 24px;color:var(--bf-ink)}
.bf-unified-hero__inner{position:relative;max-width:var(--bf-content-width,1160px);margin-inline:auto;container-type:inline-size}
.bf-unified-hero__picture{display:block;border-radius:var(--bf-unified-radius,24px);overflow:hidden;line-height:0}
.bf-unified-hero__picture img{display:block;width:100%;height:auto;max-width:100%}
.bf-unified-hero__actions{position:absolute;left:var(--bf-unified-x,3.5%);top:var(--bf-unified-y,67%);width:var(--bf-unified-width,25%);display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.bf-unified-hero__actions .bf-button{width:fit-content;max-width:100%;font-size:clamp(14px,1.55cqw,18px);padding:12px 18px;min-height:48px;border-radius:999px}
.bf-unified-hero__actions .bf-text-link{font-size:clamp(14px,1.5cqw,17px);min-height:44px;gap:12px}
.bf-unified-hero__actions a:focus-visible{outline:3px solid var(--bf-ink);outline-offset:4px}
@media(max-width:1100px) and (min-width:750px){
  .bf-unified-hero{padding-block:12px 16px}
  .bf-unified-hero__actions{gap:4px}
  .bf-unified-hero__actions .bf-button{padding:10px 8px;min-height:44px}
}
@media(max-width:749px){
  .bf-unified-hero{padding:0 0 20px;background:var(--bf-pink)}
  .bf-unified-hero__inner{max-width:520px}
  .bf-unified-hero__picture{border-radius:0}
  .bf-unified-hero__actions{position:static;width:auto;padding:0 24px;gap:4px;align-items:center}
  .bf-unified-hero__actions .bf-button{font-size:17px;min-height:48px;max-width:100%;padding:12px 18px}
  .bf-unified-hero__actions .bf-text-link{font-size:16px}
}