/* Category landings and brand index only: product and brand detail pages keep their layouts. */
.category-visual{position:relative;isolation:isolate;overflow:hidden;background:#10181d;color:#fff}
.category-visual-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 58%}
.category-visual::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10181dfa 0%,#10181deb 28%,#10181db8 46%,#10181d33 72%,#10181d08)}
.category-visual-inner{display:flex;flex-direction:column;min-height:510px}
.category-visual .breadcrumbs,.brand-showcase-hero .breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding-block:22px;font-size:.75rem;color:#d2dce2}
.category-visual .breadcrumbs a,.brand-showcase-hero .breadcrumbs a{color:#fff}
.category-visual .breadcrumbs [aria-current],.brand-showcase-hero .breadcrumbs [aria-current]{color:#d2dce2}
.category-visual-copy{width:min(55%,650px);margin-block:auto;padding:35px 0 58px}
.category-visual .eyebrow,.brand-showcase-hero .eyebrow{font-size:.68rem;letter-spacing:.16em;color:#e1e7eb;margin:0 0 22px}
.category-visual h1{font-size:clamp(2.5rem,4.4vw,4.2rem);line-height:1.06;letter-spacing:-.045em;color:#fff;margin:0;overflow-wrap:break-word;text-wrap:balance}
.category-visual-description{max-width:540px;font-size:1rem;line-height:1.8;color:#e0e6e9;margin:24px 0 0}
.category-visual-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:28px}
.category-visual-actions .button{min-height:48px;gap:20px}
.category-visual-link{display:inline-flex;align-items:center;gap:16px;min-height:48px;font-size:.85rem;color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#b4c1c9}
.category-visual a:focus-visible,.brand-showcase-hero a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.category-results-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid #d7dee1}
.category-results-head .eyebrow{font-size:.65rem;margin:0 0 10px}
.category-results-head h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.03em;margin:0}
.category-results-tools{text-align:right}
.category-results-tools>p{margin:0 0 12px}
.category-results-tools .button{font-size:.8rem}
.category-results-tools .result-count{margin:0;color:#55626a;font-size:.8rem}
.category-context{font-size:.85rem;color:#52606a;margin:12px 0 0}
#category-packages,#category-engines,#brand-portraits{scroll-margin-top:calc(var(--header-height) + var(--context-height) + 24px)}
.brand-showcase-hero{position:relative;overflow:hidden;background:#152026;color:#fff}
.brand-showcase-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,95px);align-items:center;padding:40px 0 60px}
.brand-showcase-hero h1{font-size:clamp(2.6rem,4vw,3.8rem);line-height:1.06;letter-spacing:-.05em;overflow-wrap:normal}
.brand-showcase-hero h1 span{display:block;color:#b9ccd5;margin-top:8px}
.brand-showcase-copy>p:not(.eyebrow){font-size:1rem;line-height:1.85;color:#d0dbe0;max-width:510px;margin:25px 0}
.brand-showcase-copy .button{min-height:48px;gap:22px}
.brand-showcase-drawings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;transform:rotate(-3deg)}
.brand-drawing-tile{--tile-ink:#eec4cb;--tile-tint:#382b34;position:relative;background:var(--tile-tint);border:1px solid #ffffff29;transition:transform .18s,border-color .18s}
.brand-drawing-tile:nth-child(3n+2){--tile-ink:#b9dae9;--tile-tint:#233d49}
.brand-drawing-tile:nth-child(3n){--tile-ink:#e3d3b4;--tile-tint:#38372e}
.brand-drawing-tile:nth-child(even){transform:translateY(14px)}
.brand-drawing-tile .brand-wordmark{min-height:128px;padding:26px 14px;border:0;background-color:transparent;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px)}
.brand-drawing-tile .brand-wordmark-main{font-size:clamp(1.4rem,2.7vw,2.6rem);color:var(--tile-ink)}
.brand-drawing-tile .brand-wordmark-short .brand-wordmark-main{font-size:3rem}
.brand-drawing-tile .brand-wordmark-sub{color:var(--tile-ink);font-size:.52rem;letter-spacing:.13em}
.brand-drawing-tile .brand-wordmark::before,.brand-drawing-tile .brand-wordmark::after{border-color:var(--tile-ink);opacity:.65}
.brand-drawing-arrow{position:absolute;right:12px;bottom:8px;font-size:.85rem;color:var(--tile-ink)}
.brand-drawing-tile:hover{border-color:var(--tile-ink)}
.brand-drawing-tile:focus-visible{z-index:1}
.brand-showcase-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff29;padding:20px 0;color:#bfd0d9;font-size:.65rem;font-weight:600;letter-spacing:.12em}
.brand-showcase .brand-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.brand-showcase .brand-directory-grid .v2-brand-card{--card-ink:#8c3040;--card-tint:#f7eff0;padding:0;border:1px solid #d6dfe3;gap:0;overflow:hidden;transition:border-color .18s,box-shadow .18s}
.brand-showcase .brand-directory-grid .v2-brand-card:nth-child(3n+2){--card-ink:#31596b;--card-tint:#edf3f6}
.brand-showcase .brand-directory-grid .v2-brand-card:nth-child(3n){--card-ink:#66543b;--card-tint:#f5f2ec}
.brand-showcase .brand-directory-grid .brand-wordmark{min-height:170px;border:0;border-bottom:1px solid #d6dfe3;background-color:var(--card-tint);background-image:linear-gradient(#55616c09 1px,transparent 1px),linear-gradient(90deg,#55616c09 1px,transparent 1px)}
.brand-showcase .brand-directory-grid .brand-wordmark-main,.brand-showcase .brand-directory-grid .brand-wordmark-sub{color:var(--card-ink)}
.brand-showcase .brand-directory-grid .brand-wordmark::before,.brand-showcase .brand-directory-grid .brand-wordmark::after{border-color:var(--card-ink)}
.brand-showcase .brand-directory-grid .brand-card-name{margin:24px 24px 12px;color:#53616a}
.brand-showcase .brand-directory-grid h3{margin:0 24px 24px;font-size:1.05rem}
.brand-showcase .brand-directory-grid .brand-card-cta{margin: auto 24px 0;padding-block:18px;font-size:.8rem}
.brand-showcase .brand-directory-grid .v2-brand-card:hover{border-color:var(--card-ink);box-shadow:0 5px 20px #17252e0d}
@supports(-webkit-text-stroke:1px #fff){.brand-drawing-tile .brand-wordmark-main,.brand-drawing-tile .brand-wordmark:hover .brand-wordmark-main{color:transparent;-webkit-text-stroke:1px var(--tile-ink)}.brand-showcase .brand-directory-grid .brand-wordmark-main{color:transparent;-webkit-text-stroke:1.1px var(--card-ink)}}
@media(max-width:1000px){.category-visual-copy{width:65%}.category-visual::before{background:linear-gradient(90deg,#10181df7,#10181dd9 45%,#10181d33)}.brand-showcase-layout{gap:32px}.brand-showcase-hero h1{font-size:2.8rem}.brand-showcase-drawings{gap:10px;transform:none}.brand-drawing-tile .brand-wordmark{min-height:112px}.brand-showcase .brand-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.category-visual-image{height:300px;object-position:74% 60%}.category-visual::before{background:linear-gradient(180deg,#10181d70 0,#10181d10 90px,#10181df5 280px,#10181d 300px)}.category-visual-inner{min-height:0}.category-visual-copy{width:100%;margin-top:140px;padding:0 0 34px}.category-visual h1{font-size:clamp(2.15rem,8.5vw,3.2rem)}.category-visual .eyebrow{margin-bottom:15px}.category-visual-description{margin-top:18px;font-size:.925rem}.category-visual-actions{margin-top:23px;gap:8px 18px}.category-results-head{align-items:start;flex-direction:column;gap:20px}.category-results-tools{text-align:left}.category-results-tools .button{white-space:normal;text-align:left}.brand-showcase-layout{grid-template-columns:1fr;padding:24px 0 35px;gap:35px}.brand-showcase-hero h1{font-size:clamp(2.25rem,9vw,3.4rem)}.brand-showcase-drawings{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brand-drawing-tile:nth-child(even){transform:none}.brand-drawing-tile .brand-wordmark{min-height:96px;padding:20px 10px}.brand-drawing-tile .brand-wordmark-main{font-size:clamp(1rem,3.5vw,1.8rem)}.brand-drawing-tile .brand-wordmark-short .brand-wordmark-main{font-size:2rem}.brand-drawing-tile .brand-wordmark-sub{font-size:.44rem;letter-spacing:.03em}.brand-showcase-foot{letter-spacing:.05em;flex-wrap:wrap;gap:12px}}
@media(max-width:480px){.brand-showcase .brand-directory-grid{grid-template-columns:1fr}.brand-showcase .brand-directory-grid .brand-wordmark{min-height:145px}.brand-showcase-foot>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.brand-drawing-tile,.brand-showcase .brand-directory-grid .v2-brand-card{transition:none}}
@media(forced-colors:active){.category-visual::before{background:Canvas}.category-visual,.brand-showcase-hero,.category-visual h1,.category-visual-description,.category-visual .eyebrow,.brand-showcase-hero h1,.brand-showcase-hero h1 span,.brand-showcase-copy>p:not(.eyebrow){color:CanvasText}.brand-drawing-tile .brand-wordmark-main,.brand-drawing-tile .brand-wordmark:hover .brand-wordmark-main,.brand-showcase .brand-directory-grid .brand-wordmark-main{color:LinkText;-webkit-text-stroke:0}}