.hero-portrait{align-self:stretch;margin:0;position:relative;min-height:470px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 70px rgba(4,20,22,.28)}
.hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.hero-portrait .hourglass-photo{transform:scale(1.42);transform-origin:55% 44%;object-position:center}
.hero-portrait figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:15px 17px;background:rgba(16,45,48,.88);backdrop-filter:blur(10px);border-left:2px solid #d6a995;color:#e5ebe9}
.hero-portrait figcaption strong{display:block;font-family:var(--serif);font-size:1.08rem;font-weight:400;color:#fff}
.hero-portrait figcaption span{display:block;margin-top:2px;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#d6a995}
.brand-meaning{margin:12px 0 0;padding-top:11px;border-top:1px solid rgba(255,255,255,.2);font-family:var(--sans);font-size:.75rem;line-height:1.5;color:#d9e2df}
.brand-meaning b{display:block;margin-bottom:3px;font-family:var(--serif);font-size:.92rem;font-weight:400;color:#fff}
@media(max-width:800px){.hero-portrait{width:min(100%,430px);min-height:520px}.hero-portrait img{object-position:center top}.hero-portrait .hourglass-photo{transform:scale(1.32);transform-origin:55% 42%}}
@media(max-width:520px){.hero-portrait{min-height:450px}.hero-portrait figcaption{left:12px;right:12px;bottom:12px}}