.brands{background:#e8e8de;padding:78px 0 90px}.brands .brand-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}.brands .brand-card{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);border:1px solid #ced5c7;border-radius:5px;overflow:hidden}.brands .brand-card.hyper{background:#17191a;color:#f4f1e8;border-color:#17191a;border-top:4px solid #e91d2a}.brands .brand-card.juniper{background:#dce4d3;border-top:4px solid #718d69}.brands .brand-range-media{aspect-ratio:auto;min-height:400px;display:flex;align-items:center;justify-content:center}.brands .hyper-range-media{background:#111213}.brands .juniper-range-media{background:#dce4d3}.brands .brand-range-media .brand-range-image{height:auto;max-height:470px;width:100%;object-fit:contain}.brands .brand-card .brand-copy{padding:32px;justify-content:center}.brands .brand-identity{height:auto;min-height:100px;padding:0;justify-content:flex-start;overflow:visible;border:0;background:transparent;margin-bottom:20px}.brands .hyper-original-mark{width:220px;height:110px;object-fit:contain;mix-blend-mode:normal;background:#f1ede3;border-radius:3px}.brands .brand-identity .brand-range-logo{width:190px;height:106px}.brands .brand-card .brand-copy h3{font-size:clamp(24px,2.4vw,33px);line-height:1.2;margin-bottom:18px}.brands .brand-card .brand-copy p{font-size:16px;line-height:1.75}.brands .brand-card .brand-copy .button{margin-top:4px}.brands .hyper .button{background:#f4cc24;border-color:#f4cc24;color:#16191a}.brands .hyper .button:hover{background:#ffe25c}.brands .juniper .button{background:#244532;border-color:#244532;color:#f6f4eb}.brands .juniper .button:hover{background:#355b43}@media(max-width:900px){.brands .brand-card{grid-template-columns:minmax(0,1fr)}.brands .brand-range-media{min-height:0}.brands .brand-range-media .brand-range-image{max-height:none}.brands .brand-card .brand-copy{padding:28px}.brands .brand-identity{margin-bottom:18px}.brands{padding:58px 0}.brands .section-top{gap:22px}}@media(max-width:480px){.brands .brand-card .brand-copy{padding:24px}.brands .brand-grid{gap:28px}.brands .brand-card .brand-copy p{font-size:15px}.brands .hyper-original-mark{width:190px;height:95px}}

.brands .hyper .brand-copy p{color:#d5d8db}.brands .hyper .brand-copy h3{color:#f4f1e8}

.brands .brand-card{grid-template-areas:"logo logo" "media copy";align-items:center}.brands .brand-identity.brand-top-logo{grid-area:logo;width:100%;height:168px;min-height:168px;margin:0;padding:20px;display:flex;align-items:center;justify-content:center;border:0}.brands .hyper .brand-top-logo{background:#090909}.brands .juniper .brand-top-logo{background:#dce4d3}.brands .brand-identity.brand-top-logo .brand-range-logo{position:static;width:240px;height:128px;max-width:70%;object-fit:contain;margin:0;mix-blend-mode:normal}.brands .brand-range-media{grid-area:media;width:100%;min-height:0;aspect-ratio:16/9;display:block;align-self:center;overflow:hidden}.brands .brand-range-media .brand-range-image{position:static;width:100%;height:100%;max-height:none;object-fit:contain}.brands .brand-card .brand-copy{grid-area:copy}@media(max-width:900px){.brands .brand-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"logo" "media" "copy"}.brands .brand-identity.brand-top-logo{height:160px;min-height:160px;padding:18px}.brands .brand-range-media{min-height:0;aspect-ratio:16/9}.brands .brand-range-media .brand-range-image{height:100%;max-height:none}}