.brands.arbq-brand-sites{gap:24px}
.brands.arbq-brand-sites>a{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(360px,34vw,510px);padding:34px 36px;overflow:hidden;background:#fff;color:#242424;border:1px solid #ddd;transition:transform .35s ease,box-shadow .35s ease}
.brands.arbq-brand-sites>a::before{content:"";position:absolute;z-index:-2;inset:0 0 178px;background-repeat:no-repeat;background-size:cover;background-position:center top}
.brands.arbq-brand-sites>a:first-child::before{background-image:url('../img/dh50-site-screen-20261020.webp')}
.brands.arbq-brand-sites>a:nth-child(2)::before{background-image:url('../img/zoty-site-screen-20261020.webp')}
.brands.arbq-brand-sites>a::after{content:none}
.brands.arbq-brand-sites strong{font-size:clamp(32px,3.2vw,52px);line-height:1.05;letter-spacing:-.045em;font-weight:800}
.brands.arbq-brand-sites p{margin:10px 0 20px;font-size:15px;line-height:1.5;color:#666;opacity:1}
.brands.arbq-brand-sites span{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.4;font-weight:600}
.brands.arbq-brand-sites span .site-icon{width:17px;height:17px;transition:transform .3s ease}
.brands.arbq-brand-sites>a:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0000001c}
.brands.arbq-brand-sites>a:hover span .site-icon{transform:translate(2px,-2px)}
.brands.arbq-brand-sites>a:focus-visible{outline:2px solid #f00;outline-offset:4px}
@media(max-width:900px) and (min-width:701px){.brands.arbq-brand-sites>a{min-height:330px;padding:26px}.brands.arbq-brand-sites>a::before{bottom:165px}}
@media(max-width:700px){.brands.arbq-brand-sites{gap:20px}.brands.arbq-brand-sites>a{min-height:clamp(350px,80vw,480px);padding:26px}.brands.arbq-brand-sites strong{font-size:36px}.brands.arbq-brand-sites>a::before{bottom:165px}}
@media(prefers-reduced-motion:reduce){.brands.arbq-brand-sites>a,.brands.arbq-brand-sites>a::before,.brands.arbq-brand-sites span .site-icon{transition:none}}