:root{--c-bg:#232323;--c-card:#181818;--c-border:#fff;--c-muted:#a6a6a6;--c-accent:#01e65a;--c-black:#0b0b0b;--c-text:#fff;--radius:4px;--gap:24px;--pad:16px;--photo-pad:12px}.speakers{background:var(--c-bg);display:grid;gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:980px){.speakers{grid-template-columns:1fr;margin:0 auto;max-width:550px}}.speaker-card{background:var(--c-card);border:1px solid var(--c-border);color:var(--c-text);display:flex;flex-direction:column;min-height:100%}.speaker-card__media{background:var(--c-black);padding:var(--photo-pad)}.speaker-card__photo{aspect-ratio:1/1;background:#000;display:block;filter:grayscale(100%);height:auto;object-fit:cover;width:100%}.speaker-card__body{display:flex;flex-direction:column}.speaker-card__header{border-bottom:1px solid var(--c-border);border-top:1px solid var(--c-border);display:grid;min-height:140px;padding:40px}.speaker-card__name{color:#fff;margin:0;transition:color .25s ease}.speaker-card__meta{color:var(--c-muted);font-size:20px;margin:0}.speaker-card__footer{align-items:center;cursor:pointer;display:flex;gap:12px;height:85px}.speaker-card__cta{font-size:30px;padding:6px 10px 6px 40px;position:relative}.speaker-card__cta,.speaker-card__cta:hover{color:var(--c-text);text-decoration:none}.speaker-card__arrow{border-left:1px solid var(--c-border);border-radius:2px;color:var(--c-text);display:inline-grid;height:100%;margin-left:auto;place-items:center;text-decoration:none;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;width:85px}.speaker-card__icon{display:block;height:auto;width:45px}.speaker-card__icon path{fill:#fff}.speaker-card:focus-within .speaker-card__name,.speaker-card:hover .speaker-card__name{color:var(--c-accent)}.speaker-card:focus-within .speaker-card__arrow,.speaker-card:hover .speaker-card__arrow{background:var(--c-accent);border-color:var(--c-accent);color:#0b0b0b}.speaker-card:focus-within .speaker-card__arrow .speaker-card__icon,.speaker-card:hover .speaker-card__arrow .speaker-card__icon{color:#fff;transform:translate(1px,-1px)}.speaker-card:hover .speaker-card__arrow .speaker-card__icon path{fill:#000}.speaker-modal{align-items:center;background:var(--overlay-color);display:none;inset:0;justify-content:center;position:fixed;z-index:999}.speaker-modal.is-open{background-color:#232323;display:flex}.speaker-modal__card{background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35);color:#232323;min-height:500px;overflow:hidden;padding:4rem 5rem;position:relative;width:min(800px,90vw)}.speaker-modal__text{max-height:300px;overflow:scroll}.speaker-modal__corner,.speaker-modal__notch{pointer-events:none;position:absolute}.speaker-modal__corner--tl{border-color:transparent var(--cutout-color) transparent transparent;border-style:solid;border-width:0 70px 70px 0;height:0;left:-45px;top:-45px;transform:rotate(45deg);width:0}.speaker-modal__corner--br{border-color:transparent transparent transparent var(--cutout-color);border-style:solid;border-width:70px 0 0 70px;bottom:-45px;height:0;right:-45px;transform:rotate(45deg);width:0}.speaker-modal__notch--top{border-color:#232323 transparent transparent;border-style:solid;border-width:32px 32px 0;height:0;left:50%;top:-23px;transform:rotate(-90deg);width:0}.speaker-modal__notch--bottom{border-color:transparent transparent #232323;border-style:solid;border-width:0 32px 32px;bottom:-23px;height:0;left:50%;transform:rotate(135deg);width:0}.speaker-modal__close{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;line-height:1;position:absolute;right:1.8rem;top:1.8rem;width:40px}.speaker-modal__name{margin:0 0 .3rem}.speaker-modal__role{color:#999;margin:0 0 2rem}@media (max-width:600px){.speaker-modal__card{padding:3rem 2rem}}