/* Brand identities and official vertical players, within the shared storefront shell. */
.brands-page{--brand-copy:#6e6e73;background:var(--paper);color:var(--ink)}
.brands-page main{overflow-wrap:anywhere}
.brands-page h1,.brands-page h2,.brands-page h3{color:var(--ink)}
.brands-page a:focus-visible,.brands-page button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.brands-page [hidden]{display:none!important}
.brands-intro{max-width:1120px;margin:0 auto;padding:88px 28px 68px;text-align:center}
.brands-intro h1{margin:0;font-size:clamp(44px,5.5vw,76px);font-weight:650;line-height:1.14;letter-spacing:-.055em}
.brands-intro>p{margin:25px auto 0;color:var(--brand-copy);font-size:19px;line-height:1.8;letter-spacing:-.02em}
.brands-page-links{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:23px}
.brands-page-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--blue);font-size:16px}
.brands-page-links i{font-size:10px}
.brands-page-links a:hover,.brand-site-link:hover,.brands-story-links a:hover,.brand-video-fallback:hover{text-decoration:underline;text-underline-offset:5px}
.brands-collection{max-width:1120px;margin:0 auto;padding:0 28px 104px;scroll-margin-top:24px}
.brand-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.brand-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--paper)}
.brand-card-identity{display:flex;align-items:center;justify-content:center;height:254px;padding:42px 32px}
.brand-card-cheetah .brand-card-identity{background:#101113}
.cheetah-wordmark{display:block;width:100%;max-width:395px;height:auto}
.brand-card-select .brand-card-identity{background:#f3f3f1;color:#1d1d1f}
.select-wordmark{padding-right:10px;font-family:Arial,Helvetica,sans-serif;font-size:128px;font-weight:750;line-height:1;letter-spacing:-.105em}
.brand-card-copy{padding:31px 35px 33px}
.brand-card-type{margin:0 0 9px;color:var(--brand-copy);font-size:14px;line-height:1.5}
.brand-card-copy h2{margin:0;font-size:28px;font-weight:650;line-height:1.35;letter-spacing:-.045em}
.brand-card-description{min-height:58px;margin:13px 0 17px;color:var(--brand-copy);font-size:16px;line-height:1.8}
.brand-site-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--blue);font-size:16px;font-weight:500}
.brand-site-link i{font-size:12px}
.brand-domain{display:block;margin-top:6px;color:var(--brand-copy);font-size:13px;line-height:1.6;letter-spacing:.01em}
.brands-stories{background:var(--soft);padding:92px 28px 96px;scroll-margin-top:24px}
.brands-stories-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,600px);align-items:start;gap:64px;max-width:1064px;margin:0 auto}
.brands-stories-intro{padding-top:16px}
.brands-stories-intro h2{margin:0;font-size:40px;font-weight:650;line-height:1.3;letter-spacing:-.055em}
.brands-stories-intro>p{margin:18px 0 0;color:var(--brand-copy);font-size:17px;line-height:1.85}
.brands-story-links{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:28px}
.brands-story-links a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--blue);font-size:15px}
.brands-story-links i{font-size:12px}
.brand-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}
.brand-video-card{min-width:0;max-width:320px;width:100%;margin:0 auto}
.brand-video-stage{position:relative;overflow:hidden;width:100%;aspect-ratio:9/16;border:1px solid #ffffff12;border-radius:18px;background:#101113;box-shadow:0 8px 26px #0000000d}
.brand-video-player{position:absolute;inset:0;display:block;min-width:0;max-width:100%;width:100%;height:100%;border:0;background:#101113}
.brand-video-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:100%;padding:24px;color:#d2d2d7;text-align:center;font-size:15px}
.brand-video-unavailable i{font-size:28px;color:#a1a1a6}
.brand-video-feedback{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;min-height:60px;padding-top:12px}
.brand-video-status{margin:0;color:var(--brand-copy);font-size:13px;line-height:1.6}
.brand-video-retry{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--blue);font:inherit;font-size:14px;cursor:pointer}
.brand-video-retry i{font-size:12px}
.brand-video-caption{padding-top:11px}
.brand-video-caption h3{margin:0;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.025em}
.brand-video-caption p{min-height:50px;margin:9px 0 4px;color:var(--brand-copy);font-size:15px;line-height:1.7}
.brand-video-fallback{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--blue);font-size:15px}
.brand-video-fallback i{font-size:11px}
.brands-return{padding:82px 28px 86px;text-align:center;background:var(--paper)}
.brands-return h2{margin:0;font-size:32px;font-weight:650;line-height:1.4;letter-spacing:-.05em}
.brands-return p{margin:12px 0 25px;color:var(--brand-copy);font-size:17px;line-height:1.8}
.brands-return .button{min-height:46px;font-size:16px}
:root[data-theme="dark"] .brands-page{--brand-copy:#a1a1a6}
:root[data-theme="dark"] .brand-card{background:#1c1c1e;border-color:#333336}
:root[data-theme="dark"] .brand-card-cheetah .brand-card-identity{background:#101113}
:root[data-theme="dark"] .brand-card-select .brand-card-identity{background:#262628;color:#f5f5f7}
:root[data-theme="dark"] .brand-video-stage{border-color:#ffffff18;box-shadow:0 8px 26px #00000026}
@media(max-width:1000px){
    .brands-intro{padding-top:72px;padding-bottom:55px}
    .brands-collection{padding-bottom:80px}
    .brand-card-identity{height:230px;padding:38px 26px}
    .brand-card-copy{padding:27px 27px 30px}
    .brands-stories{padding-top:72px;padding-bottom:76px}
    .brands-stories-layout{grid-template-columns:minmax(0,1fr);gap:36px;max-width:680px}
    .brands-stories-intro{padding-top:0}
    .brands-stories-intro>p br{display:none}
    .brands-story-links{flex-direction:row;flex-wrap:wrap;gap:4px 26px;margin-top:14px}
    .brand-video-grid{width:100%;max-width:660px;margin:0 auto;gap:24px}
}
@media(max-width:700px){
    .brands-intro{padding:58px 24px 42px}
    .brands-intro h1{font-size:52px}
    .brands-intro>p{font-size:17px}
    .brands-collection{padding:0 24px 65px}
    .brand-cards{grid-template-columns:minmax(0,1fr);gap:24px;max-width:520px;margin:0 auto}
    .brand-card-identity{height:228px;padding:36px 32px}
    .brand-card-copy{padding:27px 29px 29px}
    .brand-card-description{min-height:0}
    .brands-stories{padding:60px 24px 62px}
    .brands-stories-intro h2{font-size:34px}
    .brands-stories-intro>p{font-size:16px}
    .brand-video-grid{gap:20px}
    .brands-return{padding:64px 24px 68px}
    .brands-return h2{font-size:28px}
    .brands-return p{font-size:16px}
}
@media(max-width:560px){
    .brands-intro h1{font-size:44px;line-height:1.2}
    .brands-intro>p{font-size:16px;line-height:1.8}
    .brands-intro-break{display:none}
    .brands-page-links{gap:24px;margin-top:17px}
    .brands-page-links a{font-size:15px}
    .brand-card-identity{height:204px;padding:35px 23px}
    .select-wordmark{font-size:112px}
    .brand-card-copy{padding:25px 25px 27px}
    .brand-card-copy h2{font-size:26px}
    .brands-stories-layout{gap:30px}
    .brand-video-grid{grid-template-columns:minmax(0,1fr);gap:35px}
    .brand-video-card{max-width:320px}
    .brand-video-feedback{min-height:0;padding-top:13px}
    .brand-video-caption{padding-top:20px}
    .brand-video-caption p{min-height:0}
    .brands-return h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.brands-page *, .brands-page *::before,.brands-page *::after{scroll-behavior:auto!important}}
