/* The semantic profile grid owns inter-module spacing. */
.profile>.profile-videos{margin-top:0}
.video-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.video-heading h2{margin:7px 0 0}.video-heading>p{margin:0 0 8px;color:#617066}
.video-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,32%);gap:18px;overflow-x:auto;padding:2px 2px 18px;scroll-snap-type:x proximity}
.video-grid article{scroll-snap-align:start}.video-thumb{position:relative;display:block;overflow:hidden;border-radius:24px;background:#dfe8df;aspect-ratio:16/9}
.video-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.video-thumb:hover img{transform:scale(1.025)}
.video-thumb span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.94);color:#006838;font-size:24px;transform:translate(-50%,-50%);box-shadow:0 8px 28px rgba(0,0,0,.18)}
.video-thumb b{position:absolute;left:14px;bottom:14px;padding:5px 10px;border-radius:999px;background:#006838;color:#fff;font:700 12px/1 Arial,sans-serif}
.video-grid article>p{margin:14px 2px 6px;color:#006838;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.video-grid h3{margin:0;font-size:clamp(21px,2vw,29px);line-height:1.08}.video-grid h3 a{color:#006838;text-decoration:none}.video-grid h3 a:hover{text-decoration:underline}
@media(max-width:700px){.video-heading{align-items:start}.video-heading>p{font-size:14px}.video-grid{grid-auto-columns:84%;gap:14px}.video-thumb{border-radius:18px}.video-thumb span{width:54px;height:54px}.video-grid h3{font-size:23px}}
.video-status{display:flex;align-items:center;gap:17px;padding:24px;border:1px solid #d7e0d8;border-radius:22px;background:#fff;color:#52655b}.video-status>span{width:28px;height:28px;border:3px solid #d7e0d8;border-top-color:#07562f;border-radius:50%;animation:hh-video-spin .85s linear infinite}.video-status strong{color:#24372f}.video-status p{margin:5px 0 0}.video-status.is-unavailable>span{display:none}@keyframes hh-video-spin{to{transform:rotate(360deg)}}