.media-hub{padding-top:32px;padding-bottom:72px;color:#061b2a;container-type:inline-size}
.media-hub__crumb{display:flex;gap:12px;font-size:13px;color:#647788;margin-bottom:30px}
.media-hub__intro h1{font-size:clamp(34px,4.5vw,54px);line-height:1.15;letter-spacing:-.045em;margin:0}
.media-hub__section{margin-top:18px}.media-hub__section+.media-hub__section{margin-top:48px}
.media-hub__section-head{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:18px;margin-bottom:18px}.media-hub__section-head h2{font-size:28px;margin:0}
.media-hub__section-link{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;box-sizing:border-box;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;text-decoration:none;white-space:nowrap}
.media-hub__heading-text{border-radius:6px;transition:background-color .2s,box-shadow .2s}
.media-hub__arrow{display:grid;place-items:center;width:54px;height:32px;background:transparent;color:#061b2a;opacity:0;transform:translateX(-12px);transition:opacity .2s,transform .2s}
.media-hub__arrow svg{transition:transform .18s}
@media(hover:hover){.media-hub__section-link:hover .media-hub__heading-text{background:#fff3c2;box-shadow:0 0 0 5px #fff3c2}.media-hub__section-link:hover .media-hub__arrow{opacity:1;transform:none}}
.media-hub__section-link:focus-visible .media-hub__heading-text{background:#fff3c2;box-shadow:0 0 0 5px #fff3c2}
.media-hub__section-link:focus-visible .media-hub__arrow{opacity:1;transform:none}
@media(hover:none){.media-hub__arrow{opacity:1;transform:none}}
.media-hub__section-link:active{color:#061b2a}
@media(prefers-reduced-motion:reduce){.media-hub__heading-text,.media-hub__arrow,.media-hub__arrow svg{transition:none}.media-hub__arrow{transform:none}}
.media-hub__bar{display:flex;gap:8px;padding:24px 0}.media-hub__bar a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:10px 24px;border-radius:12px;background:#edf2f6;color:#344c60;font-weight:800;text-decoration:none;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}.media-hub__bar a[aria-current]{background:#ffca13;color:#071b2a}
@media(hover:hover){.media-hub__bar a:hover{background:#fff0b3;color:#061b2a;transform:translateY(-2px);box-shadow:0 5px 12px #061b2a12}.media-hub__bar a[aria-current]:hover{background:#ffda4d;box-shadow:0 5px 14px #c1940026}}
.media-hub__bar a:focus-visible{box-shadow:0 0 0 5px #ffca1333}
.media-hub__bar a:active{transform:translateY(0) scale(.97);box-shadow:none}
@media(prefers-reduced-motion:reduce){.media-hub__bar a{transition:none}.media-hub__bar a:hover,.media-hub__bar a:active{transform:none}}
.media-hub__grid{display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}
.media-hub__grid--video{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.media-hub__grid--video.media-hub__grid--overview{grid-template-columns:repeat(4,minmax(0,1fr))}
.media-tile{min-width:0;border-radius:12px;overflow:hidden;background:#061b2a}
.media-tile[data-media-type=video]{background:#f1f5f8}
.media-tile__description{padding:14px 16px 18px;color:#344c60}
.media-tile__description p{margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.media-hub__grid--overview .media-tile__description p{-webkit-line-clamp:2}
.media-tile__visual{display:block;position:relative;aspect-ratio:1;background:#061b2a;overflow:hidden}
.media-tile__visual--video{aspect-ratio:4/3}
.media-tile__visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.media-tile__visual:hover img{transform:scale(1.035)}
.media-tile__visual video{width:100%;height:100%;object-fit:contain;display:block}
.media-video-play{display:none;position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;background:radial-gradient(ellipse at 75% 20%,#23495e,#061b2a 80%)}.media-hub.is-enhanced .media-video-play{display:grid;place-items:center}.media-hub.is-enhanced .is-playing .media-video-play{display:none}.media-video-play--poster{background:#061b2a22}.media-video-play span{display:grid;place-items:center;background:#ffca13;color:#061b2a;border-radius:50%;width:60px;height:60px;font-size:22px;padding-left:3px}
.media-hub :is(a,button,input):focus-visible{outline:3px solid #a76a00;outline-offset:3px}
.media-hub__tags{padding:0 0 18px;border-bottom:1px solid #e5ebef;margin-bottom:24px}.media-hub__tags fieldset{border:0;padding:0;margin:0 0 10px;display:flex;gap:8px;flex-wrap:wrap}.media-hub__tags legend{font-size:12px;font-weight:700;color:#526779;margin-bottom:10px}.media-hub__tags small{font-size:12px;font-weight:400;color:#526779;margin-left:10px}
.media-hub__tags label{display:inline-flex;align-items:center;gap:6px;background:white;border:1px solid #d8e2e9;border-radius:9px;padding:8px 12px;cursor:pointer}.media-hub__tags label:has(input:checked){background:#fff2b4;border-color:#d9ab00}.media-hub__tags input[type=checkbox]{accent-color:#987000;width:16px;height:16px}.media-hub__tags button{border:0;background:#ffca13;color:#061b2a;padding:9px 16px;border-radius:9px;font:inherit;font-weight:800;cursor:pointer}.media-hub__tags>a{margin-left:16px}
.media-hub__pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:30px}.media-hub__more{display:inline-block;background:#ffca13;border-radius:12px;padding:14px 28px;color:#061b2a;font-weight:800}.media-hub__more[aria-disabled=true]{opacity:.6;pointer-events:none}.media-hub__status,.media-hub__empty{text-align:center;color:#526779}.media-hub__status:empty{display:none}
@container(max-width:900px){.media-hub__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.media-hub__grid--video,.media-hub__grid--video.media-hub__grid--overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:560px){.media-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.media-hub__grid--video,.media-hub__grid--video.media-hub__grid--overview{grid-template-columns:1fr;gap:16px}.media-hub__crumb{margin-bottom:24px}.media-hub__tags small{display:block;margin-left:0}.media-hub__section-head h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.media-tile__visual img{transition:none}}
.media-hub__tags label{position:relative;border-radius:999px;font-size:12px;line-height:18px;font-weight:600;padding:6px 11px;min-height:32px;background:#f4f6f8;border-color:transparent;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;user-select:none}
.media-hub__tags label input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%)}
.media-hub__tags label:has(input:focus-visible){outline:3px solid #a76a00;outline-offset:3px}
.media-hub__tags label:has(input:checked){background:#ffca13;color:#061b2a;border-color:#ffca13}
@media(hover:hover){.media-hub__tags label:hover{background:#fff4c6;border-color:#e4c765;transform:translateY(-1px)}.media-hub__tags label:has(input:checked):hover{background:#ffda4d;border-color:#e3b800}}
.media-hub__tags label:active{transform:scale(.96)}
@media(pointer:coarse){.media-hub__tags label{min-height:40px;padding:9px 12px}}
.media-hub.is-enhanced [data-media-apply]{display:none}
.media-hub__tags>a{margin-left:0;font-size:13px}
[data-media-results][aria-busy=true]{opacity:.55}
[data-media-results]{transition:opacity .16s}
@media(prefers-reduced-motion:reduce){.media-hub__tags label,[data-media-results]{transition:none}.media-hub__tags label:hover,.media-hub__tags label:active{transform:none}}