.speaker-cards{background:var(--yellow-400);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-10x);grid-template-columns:repeat(3,1fr);padding:var(--spacing-12x) var(--spacing-10x);@media (max-width:1050px){grid-template-columns:repeat(2,1fr)}@media (max-width:640px){background:transparent;grid-template-columns:1fr;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}}.speaker-card{background:var(--yellow-base);border:1px solid var(--green-base);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-2x);padding:var(--spacing-4x);transition:var(--transition);@media (hover:hover){&:hover{box-shadow:0 0 4px 4px rgb(from var(--green-base) r g b/.1);transform:translateY(-5px)}}}.speaker-card__image{border:1px solid var(--green-base);border-radius:20px;height:248px;object-fit:cover;width:100%;@media (max-width:640px){height:200px}}.speaker-card__school{font-size:1.125rem;font-weight:700}body:has(dialog.speaker-card-modal-wrapper:open){overflow:clip;padding-right:16px}body:has(dialog.speaker-card-modal-wrapper:open[data-state=closing]){overflow:auto}dialog.speaker-card-modal-wrapper:open{opacity:1}dialog.speaker-card-modal-wrapper{align-items:center;background:transparent;border:none;cursor:default;justify-content:center;max-height:100vh;max-width:100vw;opacity:0;padding:0 var(--container-padding);transition:all allow-discrete .5s;z-index:0}@starting-style{dialog.speaker-card-modal-wrapper:open{opacity:0}}dialog.speaker-card-modal-wrapper::backdrop{background:transparent;transition:all allow-discrete .5s}dialog.speaker-card-modal-wrapper:open::backdrop{backdrop-filter:blur(15px);background:rgb(from var(--green-base) r g b/.2)}@starting-style{dialog.speaker-card-modal-wrapper:open::backdrop{background-color:transparent}}.speaker-card-modal{background:var(--yellow-base);border:1px solid var(--green-base);border-radius:var(--radius-lg);height:auto!important;max-height:calc(100% - var(--container-padding * 2));max-width:100%;padding:var(--spacing-2x) var(--spacing-4x) var(--spacing-5x) var(--spacing-5x);width:745px}.speaker-card-modal__close{cursor:pointer;display:block;margin:0 0 var(--spacing-4x) auto}.speaker-card-modal__content{display:flex;flex-direction:column;gap:var(--spacing-1x);max-height:601px;overflow:auto;padding-right:var(--spacing-6x)}.speaker-card-modal__image{border:1px solid var(--green-base);border-radius:20px;height:300px;margin-bottom:var(--spacing-1x);max-width:400px;object-fit:cover;width:100%;@media (max-width:640px){margin-bottom:var(--spacing-3x)}}.speaker-card-modal__school{font-size:1.125rem;font-weight:700}