.hb{position:relative;background:var(--ink);min-height:calc(100svh - var(--hdr));display:flex;align-items:flex-end;overflow:hidden}
.hb-photo{position:absolute;inset:0 0 auto 0;height:88%}
.hb-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hb-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink) 0%,rgba(13,15,17,.85) 22%,rgba(13,15,17,.35) 40%,transparent 56%)}
.hb-in{position:relative;z-index:2;padding-bottom:clamp(40px,7vh,84px);display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.hb .h-xl{font-size:clamp(56px,6.6vw,104px)}
.hb-sub{margin:20px 0 0;font-size:clamp(17px,1.35vw,20px);color:#c6ccce;max-width:44ch}
.hb-side{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.hb-side .mono{color:var(--mute);font-size:11.5px}
@media (max-width:760px){
  .hb{display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(100svh - var(--hdr))}
  .hb-photo{position:absolute;inset:0 0 auto 0;height:64%}
  .hb-photo img{object-position:46% 22%}
  .hb-photo::after{background:linear-gradient(0deg,var(--ink) 0%,rgba(13,15,17,.55) 16%,rgba(13,15,17,.12) 34%,transparent 50%)}
  .hb-in{display:block;width:100%;padding-top:0;padding-bottom:28px}
  .hb .h-xl{font-size:clamp(46px,14vw,64px)}
  .hb-sub{font-size:16px;margin-top:14px}
  .hb-side{align-items:stretch;margin-top:22px}
  .hb-side .btn{justify-content:center}
  .hb-side .mono{text-align:center}
}
@media (max-width:760px) and (max-height:760px){
  .hb-photo{height:66%}
  .hb .h-xl{font-size:clamp(44px,12.4vw,56px)}
  .hb-sub{display:none}
  .hb-side{margin-top:20px}
}