.hpv-section{background:#f6f8f8}.hpv-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:46px}.hpv-figure{margin:0;min-width:0}.hpv-frame{position:relative;aspect-ratio:16/9;background:#10271e;border-radius:7px;overflow:hidden}.hpv-frame video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:16/9}.hpv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;padding:18px;border-radius:50%;background:#113f2de8;color:#fff;box-shadow:0 4px 18px #0003;border:1px solid #ffffff80}.hpv-play:hover{background:#1a7a3e}.hpv-play svg{width:30px;height:30px}.hpv-figure figcaption{display:flex;justify-content:space-between;gap:18px;font-size:.75rem;line-height:1.6;color:#516357;padding-top:13px}.hpv-figure figcaption a{flex-shrink:0;min-height:32px;display:flex;align-items:flex-start;color:#1a7a3e}.hpv-copy{min-width:0}.hpv-copy h2{font-size:clamp(2rem,2.5vw,2.8rem);overflow-wrap:anywhere}.hpv-copy p{font-size:.97rem;color:#41594d;line-height:1.75}.hpv-copy ul{font-size:.88rem;color:#41594d;padding-inline-start:20px;margin-block:20px}.hpv-copy li{padding-inline-start:3px;margin-bottom:8px;overflow-wrap:anywhere}.hpv-copy .text-link{font-size:.88rem}.hpv-status{font-size:.82rem;color:#41594d;line-height:1.6;margin:0;min-height:0}.hpv-status:not(:empty){margin-top:10px}.hpm-labeling-single{max-width:1000px;margin-inline:auto}.hpm-labeling-single .hpm-video-frame{max-height:none}.hpm-video-examples{max-width:1000px;margin:24px auto 0;padding:19px 23px;background:#edf5ee;border-radius:5px}.hpm-video-examples p{font-size:.9rem;color:#41594d;margin:0 0 10px}.hpm-video-examples ul{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;margin:0;padding:0}.hpm-video-examples li{margin:0}.hpm-video-examples a{display:flex;align-items:center;min-height:44px;font-size:.87rem;color:#1a7a3e}
@media(max-width:1023px){.hpv-layout{grid-template-columns:1fr;gap:28px}.hpv-figure{max-width:900px;width:100%;margin-inline:auto}.hpv-copy{max-width:76ch}.hpv-copy h2{font-size:2.25rem}.hpv-copy ul{margin-block:15px}}
@media(max-width:767px){.hpv-layout{gap:24px}.hpv-copy h2{font-size:2rem}.hpv-copy p{font-size:.92rem}.hpv-copy ul{font-size:.84rem}.hpv-play{width:56px;height:56px;padding:13px}.hpv-figure figcaption{font-size:.7rem;gap:12px}.hpv-figure figcaption span{max-width:34ch}.hpv-figure figcaption a{min-height:44px;align-items:flex-start}.hpm-video-examples{padding:16px 18px}.hpm-video-examples ul{display:block}.hpm-video-examples a{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.hpv-play{transition:none}}
