.speakers__grid{width:min(var(--shell), 100% - var(--gutter) * 2);grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:34px 24px;margin:36px auto 0;padding:0;list-style:none;display:grid}.speaker__photo{aspect-ratio:1;background:#1717170f;border-radius:6px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s cubic-bezier(.34,1.56,.64,1);display:block;position:relative;overflow:hidden;box-shadow:0 8px 20px -4px #1717171f}.speaker:hover .speaker__photo{transform:translateY(-6px)scale(1.02);box-shadow:0 16px 40px -8px #1717173d}.speaker:active .speaker__photo{transform:translateY(-2px)scale(.98)}.speaker__photo img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block}.speaker__initials{background:linear-gradient(150deg, color-mix(in srgb, var(--from) 34%, var(--cream)), color-mix(in srgb, var(--to) 28%, var(--cream)));width:100%;height:100%;font-family:var(--font-display);letter-spacing:.02em;color:#1717179e;place-items:center;font-size:34px;line-height:1;display:grid}.speaker__name{letter-spacing:-.01em;color:var(--ink);margin:13px 0 0;font-size:15px;font-weight:500;line-height:20px}.speaker__role{color:var(--quiet);margin:2px 0 0;font-size:13px;line-height:18px}.speaker__org{color:#171717c7;margin:1px 0 0;font-size:13px;line-height:18px}.lineup{width:min(var(--shell), 100% - var(--gutter) * 2);grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:40px 28px;margin:36px auto 0;padding:0;list-style:none;display:grid}.pcard{flex-direction:column;display:flex}.pcard__view{aspect-ratio:4/3;background:#000;border-radius:6px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s cubic-bezier(.34,1.56,.64,1);display:block;position:relative;overflow:hidden;box-shadow:0 8px 20px -4px #1717171f}.pcard:hover .pcard__view{transform:translateY(-6px)scale(1.02);box-shadow:0 16px 40px -8px #1717173d}.pcard:active .pcard__view{transform:translateY(-2px)scale(.98)}.pcard__art{object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block}.pcard__art--placeholder{background:radial-gradient(120% 90% at 20% 15%, var(--from) 0%, transparent 60%), linear-gradient(150deg, var(--from) 0%, var(--to) 55%, #0b0b0b 100%)}.pcard__initials{font-family:var(--font-display);color:#ffffffeb;letter-spacing:.04em;text-shadow:0 2px 18px #00000073;place-items:center;font-size:38px;line-height:1;display:grid;position:absolute;inset:0}.pcard__caption{flex-direction:column;gap:2px;padding-top:14px;display:flex}.pcard__name{letter-spacing:-.01em;color:var(--ink);font-size:17px;font-weight:500;line-height:23px}.pcard__role{color:var(--quiet);font-size:14px;line-height:19px}.pcard__at{color:#171717c7;font-size:14px;line-height:19px}@media (max-width:767px){.speakers__grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:26px 16px;margin-top:30px}.speaker__initials{font-size:26px}.lineup{grid-template-columns:1fr;gap:32px;margin-top:30px}.pcard__initials{font-size:26px}}@media (prefers-reduced-motion:reduce){.speaker__photo,.pcard__view{transition:none}.speaker:hover .speaker__photo,.pcard:hover .pcard__view,.speaker:active .speaker__photo,.pcard:active .pcard__view{transform:none}}@media (hover:none) and (pointer:coarse){.speaker:active .speaker__photo,.pcard:active .pcard__view{opacity:.9;transform:translateY(-3px)scale(.97)}}