.ut-related{margin-block:clamp(2.5rem,5vw,5rem);color:inherit;font:inherit}.ut-related__head{margin-bottom:1.25rem}.ut-related__eyebrow{display:block;margin-bottom:.35rem;color:#a16a18;font:700 .7rem/1.3 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase}.ut-related__head h2{margin:0;font-size:clamp(1.5rem,2.5vw,2.2rem);line-height:1.18;color:inherit}.ut-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(.8rem,1.6vw,1.4rem)}.ut-related__card{min-width:0;margin:0;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:16px;overflow:hidden;background:color-mix(in srgb,currentColor 3%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ut-related__card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,currentColor 33%,transparent);box-shadow:0 12px 30px #00000016}.ut-related__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none!important}.ut-related__link:focus-visible{outline:3px solid #6f61ff;outline-offset:3px}.ut-related__media{display:block;aspect-ratio:16/10;background:color-mix(in srgb,currentColor 7%,transparent);overflow:hidden}.ut-related__media img{display:block;width:100%;height:100%;object-fit:cover}.ut-related__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.55rem;padding:1.1rem 1.2rem 1.2rem}.ut-related__title{font-weight:750;font-size:1.05rem;line-height:1.3}.ut-related__excerpt{color:color-mix(in srgb,currentColor 70%,transparent);font-size:.9rem;line-height:1.55}.ut-related__date{color:color-mix(in srgb,currentColor 60%,transparent);font-size:.78rem}.ut-related__arrow{margin-top:auto;font-size:1.25rem;line-height:1;opacity:.7}.ut-related--list .ut-related__grid{grid-template-columns:1fr;gap:.6rem}.ut-related--list .ut-related__link{flex-direction:row;align-items:stretch}.ut-related--list .ut-related__media{flex:0 0 120px;aspect-ratio:1}.ut-related--list .ut-related__body{padding:.9rem 1rem}.ut-related--list .ut-related__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:480px){.ut-related--list .ut-related__media{flex-basis:90px}.ut-related__body{padding:.9rem}}@media(prefers-reduced-motion:reduce){.ut-related__card{transition:none}.ut-related__card:hover{transform:none}}
