:root{--pink:#ed168c;--pink-soft:#ffd5eb}
body{background:#06111f}
.brand-boards-welcome{position:relative;min-height:100vh;width:100%;margin:0;padding:0 0 clamp(2rem,5vw,4.5rem)}
.brand-boards-hero{min-height:390px;padding:24px 24px 72px;color:#fff;background:linear-gradient(100deg,rgba(4,14,28,.92),rgba(4,14,28,.48)),url('/assets/polaris-twilight.jpeg') center bottom/cover no-repeat}.brand-boards-hero-inner{width:min(1160px,100%);margin:auto;padding-top:132px;text-align:left}.brand-boards-hero h1{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(3.5rem,8vw,5.7rem);font-weight:400;line-height:.9;letter-spacing:-.06em;text-shadow:0 2px 18px rgba(0,0,0,.58)}.brand-boards-hero .intro{max-width:780px;margin:1rem 0 0;color:#fff;font-size:17px;line-height:1.6;text-shadow:0 1px 10px rgba(0,0,0,.72)}
.brand-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;width:min(1160px,calc(100% - 28px));margin:-42px auto 0}
.brand-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:9rem;padding:1.25rem;color:var(--ink);text-decoration:none;background:linear-gradient(135deg,rgba(5,17,31,.88),rgba(3,11,22,.74));border:1px solid var(--line);border-radius:1rem;box-shadow:0 22px 70px rgba(0,0,0,.38);backdrop-filter:blur(14px)}
.brand-card[href]{transition:transform 180ms ease,border-color 180ms ease,background 180ms ease}.brand-card[href]:hover,.brand-card[href]:focus-visible{transform:translateY(-4px);border-color:rgba(216,174,69,.72);background:linear-gradient(135deg,rgba(12,28,46,.94),rgba(4,14,27,.84));outline:none}
.brand-card h2{margin:0;font:400 clamp(1.35rem,2.4vw,1.8rem)/1.05 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.035em}.brand-card p{margin:.45rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.4}.brand-number{align-self:start;color:var(--gold);font:700 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.brand-glyph,.brand-arrow{color:var(--gold);font-size:1.2rem}.brand-card-pink{grid-column:span 2;transition:transform 180ms ease,border-color 180ms ease,background 180ms ease}.brand-card-pink:hover,.brand-card-pink:focus-visible{transform:translateY(-4px);border-color:rgba(237,22,140,.7);background:linear-gradient(135deg,rgba(47,13,41,.9),rgba(5,17,31,.82));outline:none}.brand-card-pink img{width:clamp(4.5rem,8vw,6.4rem);aspect-ratio:1;object-fit:contain;border-radius:1rem;background:#fff;box-shadow:0 8px 26px rgba(237,22,140,.18)}.brand-card-pink .brand-number{position:absolute;top:1.15rem;left:1.15rem}.brand-card-pink .brand-arrow{color:var(--pink-soft)}
@media(max-width:860px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card-pink{grid-column:1/-1}}
@media(max-width:620px){.brand-boards-hero{min-height:420px;padding-inline:14px}.brand-boards-hero-inner{padding-top:146px}.brand-grid{grid-template-columns:1fr;width:calc(100% - 20px)}.brand-card,.brand-card-pink{grid-column:auto;min-height:7.5rem}.brand-card-pink img{width:4.6rem}}
@media(prefers-reduced-motion:reduce){.brand-card[href]{transition:none}}
.brand-card.has-logo{grid-template-columns:auto clamp(4.5rem,7vw,5.8rem) 1fr auto}
.brand-logo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.85rem;background:#05080d;box-shadow:0 8px 26px rgba(0,0,0,.28)}
.brand-card-pink .brand-logo{grid-column:2;width:100%;object-fit:cover;background:#05080d;box-shadow:0 8px 26px rgba(237,22,140,.18)}
@media(max-width:620px){.brand-card.has-logo{grid-template-columns:auto 4.6rem 1fr auto}}
.brand-card-pink{grid-column:auto}
@media(min-width:861px){.brand-card-final{grid-column:2}}
@media(min-width:621px) and (max-width:860px){.brand-card-final{grid-column:1/-1;width:calc(50% - .425rem);justify-self:center}}
.brand-card{cursor:grab;user-select:none;touch-action:pan-y}.brand-card.is-dragging{opacity:.35;transform:scale(.985);cursor:grabbing}.brand-card.is-dragging *{pointer-events:none}