.brands-page{--brands-width:1180px;--brands-gutter:clamp(20px, 4vw, 48px);--brands-body:color-mix(in srgb, var(--ink) 72%, var(--muted));background:var(--bg);min-height:70vh;color:var(--ink);padding-bottom:clamp(48px,6vw,80px)}.brands-container{box-sizing:border-box;width:min(var(--brands-width), 100%);padding-inline:var(--brands-gutter);margin-inline:auto}.brands-page h1,.brands-page h2,.brands-page h3,.brands-page p{margin-top:0}.brands-hero{background:radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--blue) 16%, transparent), transparent 34%), linear-gradient(180deg, #f5faff 0%, var(--blue-soft) 62%, var(--bg) 100%);margin-bottom:clamp(24px,3vw,40px)}.brands-hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(240px,.95fr);align-items:center;gap:clamp(24px,4vw,56px);padding-block:clamp(36px,5vw,68px) clamp(40px,5vw,64px);display:grid}.brands-hero__copy{max-width:620px}.brands-eyebrow{background:var(--card);color:var(--link);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;margin:0 0 14px;padding:6px 12px;font-size:12px;font-weight:750;line-height:1.3;display:inline-flex}.brands-eyebrow a{color:inherit;text-decoration:none}.brands-eyebrow a:hover{text-decoration:underline}.brands-hero h1{letter-spacing:-.03em;text-wrap:balance;max-width:28ch;margin:0 0 14px;font-size:clamp(30px,4vw,52px);font-weight:750;line-height:1.08}.brands-hero__lead{max-width:62ch;color:var(--brands-body);margin:0 0 24px;font-size:clamp(15px,1.3vw,18px);line-height:1.55}.brands-hero__media{background:var(--card);border-radius:24px;width:100%;display:block;overflow:hidden;box-shadow:0 18px 44px #071d3f1f}.brands-hero__media img{aspect-ratio:1200/590;border-radius:inherit;object-fit:cover;width:100%;height:auto;display:block}.brands-cta{background:var(--action);color:#fff;min-height:48px;font:inherit;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:750;line-height:1.25;text-decoration:none;transition:background-color .16s,border-color .16s;display:inline-flex}.brands-cta:hover{background:var(--action-hover);color:#fff}.brands-crumbs{margin-bottom:10px;padding-block:24px 0}.brands-switcher{border:1px solid var(--line);background:var(--card);border-radius:14px;margin:4px 0 clamp(24px,3vw,32px)}.brands-switcher summary{box-sizing:border-box;min-height:48px;color:var(--ink);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:750;list-style:none;display:flex}.brands-switcher summary::-webkit-details-marker{display:none}.brands-switcher summary:hover{color:var(--link)}.brands-switcher summary svg{color:var(--muted);flex:none;transition:transform .16s}.brands-switcher[open] summary svg{transform:rotate(180deg)}.brands-switcher__chips{flex-wrap:wrap;gap:8px;padding:0 16px 16px;display:flex}.brands-chip{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);border-radius:999px;align-items:center;padding:8px 14px;font-size:14px;font-weight:650;text-decoration:none;transition:color .16s,background-color .16s,border-color .16s;display:inline-flex}.brands-chip:hover{border-color:var(--link);color:var(--link)}.brands-chip[aria-current=page]{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-dark)}.brands-content{padding-bottom:20px}.brands-content h2{letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(24px,2.4vw,28px);font-weight:750;line-height:1.25}.brands-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.brands-grid--categories{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.brands-grid li{display:flex}.brands-card{box-sizing:border-box;border:1px solid var(--line);border-left:4px solid var(--blue);background:var(--card);width:100%;min-height:72px;color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.brands-card:hover{border-color:color-mix(in srgb, var(--blue) 45%, var(--line));border-left-color:var(--blue-dark);transform:translateY(-1px);box-shadow:0 8px 22px #071d3f12}.brands-card>svg{color:var(--muted);flex:none;transition:color .16s,transform .16s}.brands-card:hover>svg{color:var(--link);transform:translate(2px)}.brands-card__body{gap:3px;min-width:0;display:grid}.brands-card__title{overflow-wrap:anywhere;font-size:17px;font-weight:750;line-height:1.3}.brands-card__meta{color:var(--muted);font-size:13px;line-height:1.3}.brands-empty{border:1px dashed var(--line);background:var(--card);min-height:4.5em;color:var(--muted);border-radius:12px;margin:0;padding:20px}.brands-brand{max-width:960px;padding-bottom:12px}.brands-brand__head{border:1px solid color-mix(in srgb, var(--link) 12%, var(--line));background:radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--blue) 16%, transparent), transparent 32%), linear-gradient(180deg, #f5faff 0%, var(--blue-soft) 68%, var(--card) 100%);border-radius:20px;margin:0 0 clamp(24px,3vw,34px);padding:clamp(24px,4vw,38px);overflow:hidden;box-shadow:0 14px 34px #12427012}.brands-brand__head h1{overflow-wrap:anywhere;letter-spacing:-.03em;text-wrap:balance;margin:0 0 10px;font-size:clamp(30px,3.8vw,40px);font-weight:750;line-height:1.1}.brands-brand__head h2{max-width:62ch;color:color-mix(in srgb, var(--ink) 68%, var(--muted));margin:0;font-size:clamp(16px,1.5vw,20px);font-weight:400;line-height:1.5}.brands-brand .article-prose,.brands-brand__plain{max-width:900px;color:var(--brands-body);font-size:18px;line-height:1.75}.brands-brand__plain{white-space:pre-line}.brands-quote{border:1px solid color-mix(in srgb, var(--blue) 18%, var(--line));background:var(--blue-soft);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(28px,4vw,40px);padding:clamp(20px,3vw,28px);display:flex}.brands-quote h2{letter-spacing:-.03em;margin:0;font-size:clamp(20px,2.2vw,22px);font-weight:750;line-height:1.25}.brands-related{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}.brands-related h2{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(24px,2.4vw,28px);font-weight:750;line-height:1.25}.brands-related .brands-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.brands-back{margin-top:36px}.brands-back a{min-height:44px;color:var(--muted);align-items:center;gap:6px;font-size:14px;font-weight:650;text-decoration:none;transition:color .16s;display:inline-flex}.brands-back a:hover{color:var(--link)}.brands-unavailable{box-sizing:border-box;border:1px solid var(--line);background:var(--card);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:20px;max-width:640px;margin:clamp(32px,5vw,56px) auto 0;padding:clamp(24px,4vw,40px);display:flex;box-shadow:0 10px 28px #071d3f0d}.brands-unavailable img{width:min(220px,60vw);height:auto}.brands-unavailable__copy h1{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(24px,3vw,30px);font-weight:750;line-height:1.15}.brands-unavailable__copy p{max-width:52ch;color:var(--brands-body);margin:0 auto;line-height:1.6}.brands-unavailable .brands-cta{margin:0}.brands-page a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (width<=900px){.brands-hero__inner{grid-template-columns:minmax(0,1fr)}.brands-hero__media{max-width:520px;margin-inline:auto}}@media (width<=720px){.brands-container{padding-inline:20px}.brands-hero__inner{padding-block:28px 32px}.brands-hero h1{font-size:30px}.brands-hero__media{border-radius:16px}.brands-grid,.brands-grid--categories,.brands-related .brands-grid{grid-template-columns:minmax(0,1fr)}.brands-brand__head{border-radius:14px;padding:20px 18px}.brands-brand__head h1{font-size:30px}.brands-quote{border-radius:14px;padding:18px}.brands-quote .brands-cta,.brands-unavailable .brands-cta{width:100%}.brands-unavailable{border-radius:18px}}@media (prefers-reduced-motion:reduce){.brands-page *,.brands-page :before,.brands-page :after{scroll-behavior:auto!important;transition:none!important}.brands-card:hover,.brands-card:hover>svg{transform:none}}
