.modal-cards{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px}@media (min-width:768px){.modal-cards{gap:48px}}.modal-cards .intro{text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px}@media (min-width:768px){.modal-cards .intro{gap:48px}}.modal-cards .intro ul{list-style-position:inside}.modal-cards .items{display:-ms-grid;display:grid;gap:32px 16px}@media (min-width:300px){.modal-cards .items{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.modal-cards .items{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.modal-cards .items{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);gap:32px 24px}}@media (min-width:1280px){.modal-cards .items{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6,1fr);gap:32px}}.modal-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px}@media (min-width:1024px){.modal-card{gap:16px}}@media (min-width:1280px){.modal-card{gap:24px}}.modal-card .media{aspect-ratio:1/1}.modal-card .content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px}@media (min-width:1024px){.modal-card .content{gap:16px}}.modal-card .title{color:var(--color-main);font-family:var(--font-display);font-size:1.125rem;line-height:140%}@media only screen and (min-width:360px){.modal-card .title{font-size:calc(1.125rem + 6 * (100vw - 22.5rem) / 1560)}}@media only screen and (min-width:1920px){.modal-card .title{font-size:1.5rem}}.modal-card .subtitle{font-size:.75rem;font-weight:700;line-height:120%;letter-spacing:.15rem;text-transform:uppercase}.modal-card .links{margin-top:8px}.modal-card .links .modal-trigger{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.15rem;text-transform:uppercase;color:var(--color-alt);text-decoration:none;background:none;border:none;padding:0}.modal-card .links .modal-trigger:after{content:"";display:block;position:relative;bottom:0;left:0;width:0;height:1px;background:var(--color-alt);-webkit-transition:width .3s ease-out;transition:width .3s ease-out}.modal-card .links .modal-trigger:hover:after{width:100%}.modal-card .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100;background:rgba(0,0,0,.4);-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:16px}.modal-card .modal.show{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.modal-card .modal-bg{position:absolute;top:0;left:0;width:100%;height:100%}.modal-card .modal-inner{position:relative;padding:32px;background:#f7f6ef;width:100%;max-width:1020px}@media (min-width:1024px){.modal-card .modal-inner{padding:64px}}.modal-card .modal-inner .close{width:18px;height:18px;padding:0;top:-32px;right:0}.modal-card .modal-inner .close svg{position:absolute;top:0;right:0;width:100%;height:100%}.modal-card .modal-inner .body{margin:0}.modal-card .modal-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;max-height:calc(100vh - 184px);overflow:auto;padding-right:16px}@media (min-width:768px){.modal-card .modal-content{max-height:calc(100vh - 200px)}}@media (min-width:1024px){.modal-card .modal-content{gap:48px;max-height:calc(100vh - 232px)}}.modal-card .modal-content h2{font-size:1.75rem}@media only screen and (min-width:360px){.modal-card .modal-content h2{font-size:calc(1.75rem + 20 * (100vw - 22.5rem) / 660)}}@media only screen and (min-width:1020px){.modal-card .modal-content h2{font-size:3rem}}