/* Selected concept 02: split-top architectural arch with an outlined serif wordmark. */
.brand{display:inline-flex;flex:none;line-height:1;max-width:100%}
.brand-logo{display:block;width:230px;height:auto;max-width:100%}
.footer .brand-logo{width:200px}
.portal-header .brand-logo{width:230px}
.portal-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.portal-footer .brand-logo{width:200px}
.product-icon{background:#0b0d0c;border:1px solid var(--line)}
.product-icon img{display:block;width:48px;height:auto}
.video .video-brand{display:block;width:185px;height:auto;max-width:60%}
.video::after{content:'';width:300px;height:240px;right:-20px;bottom:-30px;opacity:.08;background:url('/brand/arena-mark.svg') center/contain no-repeat}
@media(max-width:720px){
 .brand-logo,.portal-header .brand-logo{width:180px}
 .footer .brand-logo,.portal-footer .brand-logo{width:160px}
 .footer{flex-wrap:wrap;row-gap:20px}
 .video .video-brand{width:155px}
}
@media(max-width:380px){
 .nav{gap:12px}
 .nav .brand-logo{width:155px}
 .nav .btn{padding:10px 12px;font-size:10px;gap:10px}
 .portal-header .brand-logo{width:175px}
}