/* Website video covers, independent of YouTube metadata. */
.hh-design #videos.hh-video .hh-section-heading{display:block;margin-bottom:34px}
.hh-design #videos.hh-video .hh-video-note{margin:16px 0 0;font-size:15px;line-height:1.7;color:#63716a}
.hh-design #videos.hh-video .hh-video-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(340px,1fr);gap:28px;align-items:start}
.hh-design #videos.hh-video .hh-video-layout--single{grid-template-columns:1fr;max-width:960px}
.hh-design #videos.hh-video .hh-video-stage{display:block;padding:0;aspect-ratio:16/9;min-width:0;overflow:hidden;border-radius:14px;background:#f4f1e8;color:#194c3c}
.hh-design #videos.hh-video .hh-video-stage.has-video{background:#111}
.hh-design #videos.hh-video .hh-video-stage>iframe{width:100%;height:100%;border:0;display:block}
.hh-design #videos.hh-video .hh-video-cover{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#f4f1e8;color:#194c3c;cursor:pointer;text-align:left;font:inherit;isolation:isolate}
.hh-design #videos.hh-video .hh-video-cover__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hh-design #videos.hh-video .hh-video-cover:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(247,245,236,.58),rgba(247,245,236,.12) 58%,transparent 72%);pointer-events:none}
.hh-design #videos.hh-video .hh-video-cover__brand{position:absolute;left:6%;top:9%;font-size:12px;font-weight:800;letter-spacing:.1em}
.hh-design #videos.hh-video .hh-video-cover__copy{position:absolute;left:6%;top:30%;width:49%;display:flex;flex-direction:column;gap:14px}
.hh-design #videos.hh-video .hh-video-cover__topic{font-size:12px;font-weight:600;letter-spacing:.09em;color:#5c7063}
.hh-design #videos.hh-video .hh-video-cover__copy strong{font-size:clamp(26px,2.65vw,40px);font-weight:750;line-height:1.35;letter-spacing:-.045em;word-break:keep-all;text-wrap:balance}
.hh-design #videos.hh-video .hh-video-cover__action{position:absolute;left:6%;bottom:11%;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:650}
.hh-design #videos.hh-video .hh-video-cover__play{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#194c3c;color:white;transition:transform .18s}
.hh-design #videos.hh-video .hh-video-cover__play svg{width:23px;height:23px;fill:currentColor}
.hh-design #videos.hh-video .hh-video-cover:hover .hh-video-cover__play{transform:scale(1.06)}
.hh-design #videos.hh-video .hh-video-cover:focus-visible{outline:3px solid #194c3c;outline-offset:-5px}
.hh-design #videos.hh-video .hh-video-list{display:flex;flex-direction:column;gap:14px;min-height:0;border:0}
.hh-design #videos.hh-video .hh-video-item{flex:0 0 auto;display:grid;grid-template-columns:108px minmax(0,1fr) 26px;gap:14px;align-items:center;min-height:156px;padding:20px 16px;border:1px solid #d9e1d1;border-radius:12px;background:#f8faf5;color:#194c3c;text-align:left;box-shadow:none}
.hh-design #videos.hh-video .hh-video-item.is-active{background:#e5ecdd;border-color:#789779;color:#194c3c}
.hh-design #videos.hh-video .hh-video-item__thumb{display:block;width:108px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:7px;background:#f4f1e8}
.hh-design #videos.hh-video .hh-video-item__copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.hh-design #videos.hh-video .hh-video-item__copy small{margin:0;font-size:10px;letter-spacing:.08em;font-weight:650;color:#607562}
.hh-design #videos.hh-video .hh-video-item__copy strong,.hh-design #videos.hh-video .hh-video-item.is-active .hh-video-item__copy strong{font-size:18px;line-height:1.45;letter-spacing:-.035em;color:#194c3c;word-break:keep-all}
.hh-design #videos.hh-video .hh-video-item__summary,.hh-design #videos.hh-video .hh-video-item.is-active .hh-video-item__copy>.hh-video-item__summary{margin:0;font-size:12px;line-height:1.6;color:#68776c;word-break:keep-all}
.hh-design #videos.hh-video .hh-video-item__copy>.hh-video-item__selected,.hh-design #videos.hh-video .hh-video-item.is-active .hh-video-item__copy>.hh-video-item__selected{font-size:11px;font-weight:650;color:#3e6548;visibility:hidden;line-height:1.4}
.hh-design #videos.hh-video .hh-video-item.is-active .hh-video-item__copy>.hh-video-item__selected{visibility:visible}
.hh-design #videos.hh-video .hh-video-item__play{width:26px;height:26px;background:#e2e9d9;color:#194c3c;border-radius:50%;display:grid;place-items:center}
.hh-design #videos.hh-video .hh-video-item:focus-visible{outline:2px solid #194c3c;outline-offset:3px}
.hh-design #videos.hh-video .hh-video-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1050px){
 .hh-design #videos.hh-video .hh-video-layout{grid-template-columns:1fr;gap:20px}
 .hh-design #videos.hh-video .hh-video-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
 .hh-design #videos.hh-video .hh-video-item{grid-template-columns:84px minmax(0,1fr) 24px;padding:16px 12px;gap:10px}
 .hh-design #videos.hh-video .hh-video-item__thumb{width:84px}
 .hh-design #videos.hh-video .hh-video-cover__copy strong{font-size:clamp(25px,4.2vw,40px)}
}
@media(max-width:600px){
 .hh-design #videos.hh-video .hh-section-heading{margin-bottom:24px}
 .hh-design #videos.hh-video .hh-video-note{font-size:14px;margin-top:12px;max-width:280px;word-break:keep-all}
 .hh-design #videos.hh-video .hh-video-layout{gap:16px}
 .hh-design #videos.hh-video .hh-video-list{display:flex;gap:10px}
 .hh-design #videos.hh-video .hh-video-stage{border-radius:10px}
 .hh-design #videos.hh-video .hh-video-cover__brand{font-size:8px;top:10%}
 .hh-design #videos.hh-video .hh-video-cover__copy{top:29%;width:53%;gap:7px}
 .hh-design #videos.hh-video .hh-video-cover__topic{font-size:8px}
 .hh-design #videos.hh-video .hh-video-cover__copy strong{font-size:clamp(16px,5.1vw,29px);line-height:1.32}
 .hh-design #videos.hh-video .hh-video-cover__action{font-size:11px;gap:7px;bottom:9%}
 .hh-design #videos.hh-video .hh-video-cover__play{width:30px;height:30px}
 .hh-design #videos.hh-video .hh-video-cover__play svg{width:17px;height:17px}
 .hh-design #videos.hh-video .hh-video-item{grid-template-columns:86px minmax(0,1fr) 24px;min-height:120px;padding:14px 12px;gap:12px;border-radius:10px}
 .hh-design #videos.hh-video .hh-video-item__thumb{width:86px}
 .hh-design #videos.hh-video .hh-video-item__copy{gap:5px}
 .hh-design #videos.hh-video .hh-video-item__copy strong,.hh-design #videos.hh-video .hh-video-item.is-active .hh-video-item__copy strong{font-size:16px}
 .hh-design #videos.hh-video .hh-video-item__summary,.hh-design #videos.hh-video .hh-video-item.is-active .hh-video-item__copy>.hh-video-item__summary{margin:0;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.hh-design #videos.hh-video .hh-video-cover__play{transition:none}}

@media(max-width:360px){.hh-design #videos.hh-video .hh-video-cover__copy{top:27%}}