.mdi-card .mdi-model-thumb{position:relative;display:block;container-type:inline-size;overflow:hidden;background:#eee;color:#fff!important;text-decoration:none}
.mdi-card .mdi-model-thumb>img{display:block;width:100%;height:auto!important;aspect-ratio:3/4;object-fit:cover;margin:0}
.mdi-card .mdi-model-thumb .mdi-thumb-info{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(7px,4cqi,24px);padding:clamp(9px,5cqi,28px);background:rgba(22,32,43,.54);color:#fff;opacity:0;transition:opacity .2s ease;pointer-events:none;text-align:left;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.mdi-card .mdi-model-thumb:hover .mdi-thumb-info,.mdi-card .mdi-model-thumb:focus-visible .mdi-thumb-info{opacity:1}
.mdi-card .mdi-model-thumb .mdi-thumb-name{font:700 clamp(18px,9cqi,38px)/1.1 Arial,sans-serif;letter-spacing:-.02em;text-align:center;overflow-wrap:anywhere}
.mdi-card .mdi-model-thumb .mdi-thumb-facts{display:grid;gap:clamp(2px,1.4cqi,7px);width:100%;max-width:320px;font:500 clamp(10px,4.4cqi,18px)/1.3 Arial,sans-serif}
.mdi-card .mdi-model-thumb .mdi-thumb-fact{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(6px,4cqi,20px);align-items:baseline}
.mdi-card .mdi-model-thumb .mdi-thumb-fact b{text-align:right;font-weight:700}.mdi-card .mdi-model-thumb .mdi-thumb-fact>span{overflow-wrap:anywhere;color:#fff}
.mdi-card .mdi-model-thumb .mdi-thumb-arrow{display:flex;align-items:center;justify-content:center;width:clamp(25px,13cqi,50px);height:clamp(25px,13cqi,50px);flex-shrink:0;background:#fff;color:#16202b;border-radius:50%;font:400 clamp(18px,7cqi,28px)/1 Arial,sans-serif}
.mdi-card .mdi-model-thumb:focus-visible{outline:3px solid #16202b;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.mdi-card .mdi-model-thumb .mdi-thumb-info{transition:none}}

@container(max-width:200px){.mdi-card .mdi-model-thumb .mdi-thumb-info{gap:4px}.mdi-card .mdi-model-thumb .mdi-thumb-facts{font-size:10px;line-height:1.2;gap:1px}}

/* High-contrast contact card. */
body .mdi-fixed-contact{width:156px!important;min-height:104px!important;height:104px!important;padding:16px 18px!important;background:#d7ee9d!important;color:#16202b!important;gap:8px!important;box-shadow:0 5px 20px rgba(22,32,43,.2);border:1px solid rgba(22,32,43,.15);border-radius:0 0 0 12px}
body .mdi-fixed-contact span{font-size:11px!important;line-height:1.1!important;color:#344323!important;font-weight:700;letter-spacing:.09em}
body .mdi-fixed-contact b{font-size:17px!important;line-height:1.4!important;color:#16202b!important;font-weight:800!important;letter-spacing:-.04em;word-break:keep-all}
body .mdi-fixed-contact:hover{background:#c7e77e!important}
body .mdi-fixed-contact:focus-visible{outline:3px solid #16202b;outline-offset:3px}
@media(max-width:767px){body .mdi-fixed-contact{width:132px!important;min-height:88px!important;height:88px!important;padding:12px 14px!important}body .mdi-fixed-contact b{font-size:15px!important}body .mdi-fixed-contact span{font-size:10px!important}}

/* Stronger wordmark in the shared header and footer. */
body .mdi-logo{font-size:44px!important;font-weight:800!important;line-height:1!important;letter-spacing:.06em!important}
body .mdi-logo span{font-size:11px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.22em!important}
body .mdi-footer-brand{font-size:48px!important;font-weight:800!important;line-height:1.05!important;letter-spacing:.06em!important}
body .mdi-footer-brand small{font-size:12px!important;font-weight:700!important;letter-spacing:.22em!important}
@media(max-width:767px){body .mdi-logo{font-size:36px!important}body .mdi-logo span{font-size:9px!important}body .mdi-footer-brand{font-size:40px!important}}