.home-brand-hero {padding:var(--nav-height) 0 0;background:radial-gradient(ellipse at 85% 35%,#d9eafa 0,transparent 60%),var(--apple-surface)}
.home-brand-layout {width:100%;display:grid;grid-template-columns:minmax(0,1fr)}
.home-brand-showcase {min-height:calc(100svh - var(--nav-height));display:flex;flex-direction:column;min-width:0}
.home-brand-showcase:has(#homeBrands[hidden]) {min-height:0}
.home-company-name {display:block;font-size:clamp(.9rem,1.5vw,1.25rem);line-height:1.5;margin:0;padding:20px 24px;text-align:center}
.home-brand-copy {max-width:1100px;margin-inline:auto;padding:64px 24px;text-align:center}
#homeBrands {display:flex;flex-direction:column;flex:1;min-width:0}
#homeBrands[hidden] {display:none}
.home-brand-copy .apple-headline {font-size:clamp(2.2rem,3.2vw,3.2rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:24px}
.home-brand-copy .apple-subhead {font-size:1.05rem;line-height:1.7;margin-bottom:30px}
.home-brand-actions {display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.home-brands-heading {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.home-brand-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;min-width:0}
.brand-tile {min-width:0;min-height:0;display:grid;grid-template-rows:minmax(200px,1fr) auto;gap:24px;padding:32px;border:0;border-inline-end:1px solid #d5e4ef;border-radius:0;background:#fff;color:var(--apple-dark);text-decoration:none;transition:box-shadow .22s ease,border-color .22s ease;position:relative;overflow:hidden}
.brand-tile:last-child {border-inline-end:0}
.brand-tile:nth-child(2n) {background:#f7fbff}
.brand-tile-visual {display:grid;place-items:center;position:relative;min-height:0;border-radius:20px;overflow:hidden}
.brand-monogram {font-size:clamp(5.5rem,11vw,10rem);font-weight:750;line-height:1;color:#174b77;opacity:.85}
.brand-tile-visual img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:inherit;transition:transform .22s ease}
.brand-tile-visual:has(img:not([hidden])) .brand-monogram {visibility:hidden}
.brand-tile-copy {display:grid;gap:10px;min-width:0}
.brand-tile-title {font-size:clamp(1.7rem,2.4vw,2.4rem);line-height:1.2;font-weight:750;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.brand-tile-description {font-size:.85rem;line-height:1.5;color:#52677b;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.brand-tile-action {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.95rem;line-height:1.4;color:#52677b;overflow-wrap:anywhere}
.brand-tile-arrow {width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e9f2fa;font-size:1.25rem;color:#174b77}
.brand-tile:focus-visible {outline:3px solid #1769aa;outline-offset:-4px}
[dir="rtl"] .brand-tile-arrow {transform:scaleX(-1)}
@media (hover:hover) {
  .brand-tile:hover {z-index:1;border-color:#bed4e7;box-shadow:inset 0 0 0 2px #bed4e7}
  .brand-tile:hover img {transform:scale(1.05)}
}
@media (max-width:1100px) {
  .home-brand-copy {max-width:760px;margin-inline:auto;text-align:center}
  .home-brand-actions {justify-content:center}
  .home-brands-heading {text-align:center}
  .brand-tile {padding:28px;gap:20px}
}
@media (max-width:760px) {
  .home-brand-showcase {min-height:0}
  .home-brand-copy {padding:36px 20px 44px}
  .home-brand-copy .apple-headline {font-size:clamp(2.2rem,8vw,3.1rem)}
  .home-brand-copy .apple-subhead {font-size:.98rem}
  .home-brand-grid {grid-template-columns:minmax(0,1fr)}
  .brand-tile {aspect-ratio:3 / 4;grid-template-rows:minmax(0,1fr) auto;padding:24px;gap:18px;border-inline-end:0;border-bottom:1px solid #d5e4ef}
  .brand-monogram {font-size:6rem}
  .brand-tile-title {font-size:1.7rem}
  .brand-tile-arrow {width:30px;height:30px}
}
@media (max-width:360px) {.home-brand-copy {padding-inline:16px}.brand-tile {padding:20px}.brand-tile-action {font-size:.85rem}}
@media (prefers-reduced-motion:reduce) {.brand-tile,.brand-tile img {transition:none}.brand-tile:hover,.brand-tile:active,.brand-tile:hover img {transform:none}}