/* A full-width brand wall: the marks, rather than the introduction, lead. */
#site.light-sim #about{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:20px 6%;width:100%;max-width:none;padding:55px 0 0;margin-left:0;margin-right:0;border-top:1px solid #e2dbe7;background:#f8f8f8}
#site.light-sim #about>h2{font-size:clamp(24px,2.6vw,38px);line-height:1.1;font-weight:500;letter-spacing:-.045em;padding-left:10%;margin:0;color:#20232c}
#site.light-sim #about>h2 br{display:none}
#site.light-sim #about>div{display:contents}
#site.light-sim #about>div>p{font-size:13px;line-height:1.6;max-width:380px;padding-right:10%;margin:0;color:#8d8078}
#site.light-sim #about .brands{grid-column:1/-1;border:0;margin:12px 0 0;padding:0}
#site.light-sim #about .brands>.eyebrow{display:block;font-size:8px;letter-spacing:1.5px;font-weight:500;color:#909397;padding:0 5%;margin:0 0 24px}
#site.light-sim #about .brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;width:100%;padding:0;background:#eff0f1;border-top:1px solid #e0e2e3;border-bottom:1px solid #e0e2e3}
#site.light-sim #about .brand-mark{min-width:0;min-height:165px;display:flex;align-items:center;justify-content:center;padding:25px 22px;gap:0;opacity:1;box-sizing:border-box}
#site.light-sim #about .brand-mark:nth-child(n+6){background:#f6f6f7}
#site.light-sim #about .brand-mark img{width:100%;max-width:165px;height:65px;object-fit:contain;filter:brightness(0);opacity:.83;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s}
#site.light-sim #about .brand-mark img[alt="Apple"]{max-width:60px;height:68px}
#site.light-sim #about .brand-mark img[alt="American Express"]{max-width:90px;height:76px}
#site.light-sim #about .brand-mark img[alt="Riot Games"]{max-width:130px}
#site.light-sim #about .brand-mark span{display:none}
#site.light-sim #about .brand-mark:hover img{transform:translateY(-4px) scale(1.035);opacity:1}
@media(max-width:1000px){#site.light-sim #about .brand-mark{min-height:140px;padding:23px 18px}#site.light-sim #about .brand-mark img{height:50px;max-width:130px}#site.light-sim #about .brand-mark img[alt="Apple"]{height:56px}#site.light-sim #about .brand-mark img[alt="American Express"]{height:62px}}
@media(max-width:600px){#site.light-sim #about{grid-template-columns:1fr;gap:13px;padding-top:38px}#site.light-sim #about>h2{font-size:26px;padding:0 6%}#site.light-sim #about>div>p{font-size:12px;padding:0 6%;max-width:360px}#site.light-sim #about .brands{margin-top:7px}#site.light-sim #about .brands>.eyebrow{padding:0 6%;font-size:7px;margin-bottom:18px}#site.light-sim #about .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#site.light-sim #about .brand-mark{min-height:115px;padding:24px}#site.light-sim #about .brand-mark img{max-width:130px;height:45px}#site.light-sim #about .brand-mark img[alt="Apple"]{height:49px;max-width:48px}#site.light-sim #about .brand-mark img[alt="American Express"]{height:55px;max-width:65px}}
@media(prefers-reduced-motion:reduce){#site.light-sim #about .brand-mark img{transition:none}#site.light-sim #about .brand-mark:hover img{transform:none}}
/* A quiet, open 3 × 3 logo grid, with no colored panels or divider rules. */
#site.light-sim #about{background:#f8f8f8;border:0}
#site.light-sim #about .brands{border:0}
#site.light-sim #about .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));background:transparent;border:0;gap:0}
#site.light-sim #about .brand-mark,#site.light-sim #about .brand-mark:nth-child(n+6){background:transparent;border:0;min-height:160px;padding:28px 30px}
#site.light-sim #about .brand-mark:has(img[alt="Riot Games"]){display:none}
#site.light-sim #about .brand-mark img{max-width:185px;height:67px}
#site.light-sim #about .brand-mark img[alt="Apple"]{max-width:65px;height:70px}
#site.light-sim #about .brand-mark img[alt="American Express"]{max-width:90px;height:76px}
@media(max-width:700px){#site.light-sim #about .brand-mark,#site.light-sim #about .brand-mark:nth-child(n+6){min-height:120px;padding:25px 20px}#site.light-sim #about .brand-mark img{max-width:130px;height:47px}#site.light-sim #about .brand-mark img[alt="Apple"]{max-width:47px;height:52px}#site.light-sim #about .brand-mark img[alt="American Express"]{max-width:65px;height:58px}}
@media(max-width:450px){#site.light-sim #about .brand-mark,#site.light-sim #about .brand-mark:nth-child(n+6){min-height:100px;padding:20px 14px}#site.light-sim #about .brand-mark img{max-width:100px;height:37px}#site.light-sim #about .brand-mark img[alt="Apple"]{max-width:38px;height:44px}#site.light-sim #about .brand-mark img[alt="American Express"]{max-width:50px;height:48px}}
/* Match the Smart tools / Selected work typography, at an introductory scale. */
#site.light-sim #about>h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,3.6vw,54px);font-weight:700;line-height:1.02;letter-spacing:-.075em;color:#20232c}
#site.light-sim #about>h2 br{display:block}
@media(max-width:600px){#site.light-sim #about>h2{font-size:36px;line-height:1.04}}