.brand-hero{--bh-panel:#F9F8F5;--bh-pos:50% 40%;--bh-ar:2.4/1;--bh-ar-m:4/3}
.brand-hero{width:100%;max-width:none}
.brand-hero__inner{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:40% 60%;background:var(--bh-panel)}
.brand-hero__inner--text-only{grid-template-columns:1fr}
.brand-hero__text{padding:48px 56px 48px max(56px,calc(50vw - 700px + 56px));display:flex;flex-direction:column;justify-content:center}
.brand-hero__title{font-family:var(--typeHeaderPrimary),sans-serif;font-weight:var(--typeHeaderWeight,600);letter-spacing:var(--typeHeaderSpacing,.025em);color:var(--colorScheme2Text,#42655E);font-size:32px;line-height:1.2;margin:0 0 14px;text-transform:none}
.brand-hero__desc{font-size:16px;max-width:460px;color:var(--colorTextBody,#585B56)}
.brand-hero__desc p{margin:0}
.brand-hero__media{position:relative;aspect-ratio:var(--bh-ar);overflow:hidden;background:#F0EEEB}
.brand-hero__media picture{display:block;width:100%;height:100%}
.brand-hero__img{width:100%;height:100%;object-fit:cover;object-position:var(--bh-pos);display:block}
.brand-hero__logo{position:absolute;top:20px;right:20px;width:160px;height:110px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:14px 18px;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.brand-hero__logo img{width:100%;height:100%;object-fit:contain}
.brand-promo{background:rgba(141,193,163,.38)}
.brand-promo a{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:center;align-items:center;padding:9px 16px;color:#2f3a33;text-decoration:none;font-size:14px;font-weight:400}
.brand-promo__heading{font-weight:600}
.brand-promo .btn{all:unset;border:1.5px solid #2f3a33;border-radius:var(--buttonRadius,7px);padding:2px 10px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
@media (max-width:768px){
.brand-hero__inner{grid-template-columns:1fr}
.brand-hero__media{order:-1;aspect-ratio:var(--bh-ar-m)}
.brand-hero__media--portrait-m{aspect-ratio:4/5}
.brand-hero__logo{width:104px;height:72px;top:12px;right:12px;border-radius:16px;padding:8px 12px}
.brand-hero__text{padding:24px 20px 26px;padding-left:20px;text-align:center;align-items:center}
.brand-hero__title{font-size:24px;margin-bottom:8px}.brand-hero__desc{font-size:14px}
.brand-promo a{font-size:13px;padding:8px 12px}}
@media (min-width:769px){
.brand-hero__inner{height:clamp(320px,30vw,420px)}
.brand-hero__media{aspect-ratio:auto;height:100%}
.brand-hero__text{justify-content:center;height:100%}}
@media (min-width:769px){
.brand-hero__inner{height:clamp(180px,14.5vw,240px)}
.brand-hero__text{padding-top:16px;padding-bottom:16px}
.brand-hero__title{font-size:clamp(22px,2vw,28px);margin-bottom:8px}
.brand-hero__desc{font-size:clamp(13px,1.1vw,15px);line-height:1.5}
.brand-hero__logo{top:14px;right:14px;height:clamp(64px,50%,100px);width:auto;aspect-ratio:160/110;padding:8px 12px;border-radius:16px}}
@media (min-width:769px){
.brand-hero__inner{height:auto;min-height:clamp(180px,14.5vw,275px)}
.brand-hero__media{height:auto;min-height:100%}
.brand-hero__media picture{position:absolute;inset:0}
.brand-hero__text{height:auto}}