/*
 * Víkingur 26: every department's timetable (page-aefingatoflur.php), after
 * the design's TimetablesPage (ui_kits/web/UtilPages.jsx). The page head and
 * contact strip are shared.
 */

.vik-tts{padding-top:64px}
.vik-tts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vik-tts-card{position:relative;display:grid;align-content:end;min-height:240px;padding:24px;overflow:hidden;border-radius:var(--radius-card);background:var(--black);color:#fff;text-decoration:none}
.vik-tts-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;transition:transform 600ms var(--ease-strike)}
.vik-tts-card:hover .vik-tts-card__img{transform:scale(1.05)}
.vik-tts-card__shield{position:absolute;right:-12%;bottom:-24%;width:70%;height:auto;aspect-ratio:980/1043;color:#1a1a1a}
.vik-tts-card__body{position:relative;display:grid;gap:6px}
.vik-tts-card__label{display:flex;align-items:center;gap:6px;font-family:var(--font-condensed);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.vik-tts-card__name{display:flex;justify-content:space-between;align-items:end;gap:12px;font-family:var(--font-display);font-weight:900;font-size:min(44px,calc((100vw - 120px) / (var(--len,8) * .56)));line-height:.85;text-transform:uppercase}
.vik-tts-card__name .vik-icon{flex:none}
.vik-tts-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}

@media (max-width:900px){.vik-tts__grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.vik-tts__grid{grid-template-columns:1fr;gap:16px}.vik-tts{padding-top:40px}}
@media (prefers-reduced-motion:reduce){.vik-tts-card__img{transition:none}}