.media-page.kit-page{gap:32px}.media-chips{flex-wrap:wrap;gap:10px;display:flex}.media-chips .hr-chip{min-height:48px;padding:0 18px}.media-chips .ui-chip-link:after{content:none}.media-meta{font:var(--site-t-caption);color:var(--site-ink-2);font-variant-numeric:tabular-nums}.media-empty{justify-items:start;gap:16px;display:grid}.media-empty>p:not(.site-h3){max-width:var(--site-measure)}.media-empty__actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.hr .media-featured{color:var(--site-ink);align-items:center;gap:24px 40px;text-decoration:none;display:grid}.media-featured__cover{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}.media-featured__body{align-content:center;justify-items:start;gap:14px;min-width:0;display:grid}.media-featured__title{font:var(--site-t-h2);letter-spacing:var(--site-t-h2-track);text-wrap:balance;transition:color var(--site-dur-1) var(--site-ease)}.media-featured__lead{font:var(--site-t-lead);max-width:var(--site-measure)}@media (min-width:1024px){.hr .media-featured:not(.media-featured--text){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.media-featured--text .media-featured__body{max-width:50rem}}.media-grid{gap:var(--site-gap);grid-template-columns:minmax(0,1fr);display:grid}.media-grid:empty{display:none}.media-grid>li{display:grid}@media (min-width:768px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.hr .media-card{height:100%;color:var(--site-ink);flex-direction:column;gap:18px;text-decoration:none;display:flex}.media-card__cover{aspect-ratio:16/10;object-fit:cover;border-radius:20px;width:100%;height:auto}.media-card__body{align-content:start;justify-items:start;gap:12px;min-width:0;display:grid}.media-card__title{font:var(--site-t-h3);letter-spacing:var(--site-t-h3-track);text-wrap:balance;-webkit-line-clamp:4;line-clamp:4;transition:color var(--site-dur-1) var(--site-ease);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (hover:hover) and (pointer:fine){.media-card:hover .media-card__title,.media-featured:hover .media-featured__title{color:var(--site-action)}}.media-pager{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.media-article{gap:28px;display:grid}.media-article>*{min-width:0}.media-article__head{justify-items:start;gap:18px;max-width:52rem;display:grid}.media-article__head h1:focus{outline:none}.media-article__cover{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;box-shadow:var(--site-shadow)}.media-article__meta{font:var(--site-t-caption);color:var(--site-ink-2);gap:4px;display:grid}.media-article__body{gap:28px;display:grid}.media-article__body>.ui-md{max-width:var(--site-measure)}.media-article__actions{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}@media (min-width:1024px){.media-article__body{width:calc(66.6667% + 16px)}}.media-video{--play-size:72px;gap:12px;display:grid}.media-video__frame{aspect-ratio:16/9;border-radius:var(--site-radius-card);background:var(--site-sea);position:relative;overflow:hidden}.media-video__frame>:where(img,iframe){object-fit:cover;border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.media-video__play{color:var(--site-ink);font:var(--site-t-body-strong);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.media-video__circle{width:var(--play-size);height:var(--play-size);background:var(--site-action);color:var(--ink-inverse);box-shadow:var(--site-shadow-hover);transition:transform var(--site-dur-1) var(--site-ease);border-radius:50%;place-items:center;display:grid}.media-video__circle svg{width:28px;height:28px;margin-left:3px}.media-video__label{border-radius:var(--site-radius-pill);background:var(--site-glass-fallback);padding:6px 16px}.media-video__play:focus-visible{outline:none}.media-video__play:focus-visible .media-video__circle{outline:var(--site-focus-w) solid var(--focus-ring);outline-offset:var(--site-focus-offset)}.media-video__play:active .media-video__circle{transform:scale(.96)}.media-video__note{font:var(--site-t-caption);color:var(--site-ink-2)}@media (min-width:768px){.media-video__play{flex-direction:row}}@media (prefers-reduced-motion:reduce){.media-video__play:active .media-video__circle{transform:none}}