.hpi-brand-shell{--hpi-red:#b10000;--hpi-gold:#f3b502;--hpi-dark:#111;box-sizing:border-box;background:var(--hpi-dark);color:#f5f5f5;border:1px solid #383838;border-top:5px solid var(--hpi-red);border-radius:10px;padding:clamp(20px,3vw,36px);line-height:1.65;overflow-wrap:anywhere}
.hpi-brand-shell *,.hpi-brand-shell *::before,.hpi-brand-shell *::after{box-sizing:border-box}
.hpi-brand-shell .hpi-brand-label{display:inline-block;margin:0 0 18px;padding:5px 11px;border:1px solid var(--hpi-red);border-radius:4px;color:var(--hpi-gold);font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}
.hpi-brand-shell .hpi-brand-body{color:#f5f5f5}
.hpi-brand-shell .hpi-brand-body :is(p,li,span,div){color:inherit}
.hpi-brand-shell .hpi-brand-body :is(h2,h3,h4){color:var(--hpi-gold);line-height:1.25;margin:1.5em 0 .5em}
.hpi-brand-shell .hpi-brand-body h2{border-left:4px solid var(--hpi-red);padding-left:12px;font-size:clamp(20px,2.5vw,26px)}
.hpi-brand-shell .hpi-brand-body h3{font-size:clamp(18px,2.2vw,22px)}
.hpi-brand-shell .hpi-brand-body :is(p,ul,ol){margin-bottom:1em}
.hpi-brand-shell .hpi-brand-body :is(ul,ol){padding-left:1.4em}
.hpi-brand-shell .hpi-brand-body li{margin:.35em 0}
.hpi-brand-shell .hpi-brand-body li::marker{color:var(--hpi-red)}
.hpi-brand-shell .hpi-brand-body a{color:var(--hpi-gold);text-decoration:underline;text-underline-offset:3px}
.hpi-brand-shell .hpi-brand-body a:hover,.hpi-brand-shell .hpi-brand-body a:focus{color:#fff}
.hpi-brand-shell .hpi-brand-body img{max-width:100%;height:auto}
.hpi-brand-shell .hpi-brand-body [style*="color: #444444"],.hpi-brand-shell .hpi-brand-body [style*="color:#444444"]{color:#f5f5f5!important}
@media(max-width:749px){.hpi-brand-shell{padding:18px;border-radius:7px}.hpi-brand-shell .hpi-brand-label{font-size:11px}}