.ivvl{--ivvl-green:#0b5638;--ivvl-border:#d4e3db}
.ivvl .ivvl-heading{max-width:900px;margin-bottom:26px}.ivvl .ivvl-heading h2{max-width:900px}
.ivvl .ivvl-featured{margin:0;background:#fff;border:1px solid var(--ivvl-border);border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(6,40,32,.06)}
.ivvl .ivvl-stage{position:relative;aspect-ratio:16/9;background:#082a21;overflow:hidden}.ivvl .ivvl-stage>a{display:block;width:100%;height:100%}.ivvl .ivvl-stage img,.ivvl .ivvl-stage iframe{display:block;width:100%;height:100%;object-fit:cover;border:0}.ivvl .ivvl-stage>a:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}
.ivvl .ivvl-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50px;padding:14px 24px;background:#fff;color:#093e2b;box-shadow:0 6px 24px #0004;font-size:1rem;font-weight:700;white-space:nowrap}.ivvl .ivvl-play svg{width:28px;height:28px;fill:currentColor}.ivvl .ivvl-stage>a:hover .ivvl-play{background:#daf5e5}
.ivvl .ivvl-featured figcaption{display:flex;justify-content:space-between;gap:24px;padding:25px 28px;align-items:center}.ivvl .ivvl-featured h3{margin:7px 0 8px;color:#123d2c;font-size:1.35rem;line-height:1.35}.ivvl .ivvl-featured p{margin:0;max-width:780px;line-height:1.65;color:#41594e}.ivvl .ivvl-audience{font-size:.78rem!important;line-height:1.5!important;text-transform:uppercase;letter-spacing:.07em;font-weight:750;color:#176440!important}
.ivvl .ivvl-external,.ivvl .ivvl-channel{font-weight:650;color:#0b5638;text-decoration:underline;text-underline-offset:4px}.ivvl .ivvl-external{flex-shrink:0;font-size:.92rem}.ivvl .ivvl-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}.ivvl .ivvl-card{display:flex;gap:18px;padding:16px;border:1px solid var(--ivvl-border);border-radius:14px;text-decoration:none;background:#fff;color:#173d2b;transition:border-color .15s,box-shadow .15s}.ivvl .ivvl-card:hover{border-color:#259a60;box-shadow:0 6px 22px #0b563810}.ivvl .ivvl-card[aria-current=true]{border:2px solid #147449;padding:15px;background:#f3faf5}.ivvl .ivvl-card-image{position:relative;flex:0 0 38%;align-self:flex-start;overflow:hidden;border-radius:8px;aspect-ratio:16/9;background:#082a21}.ivvl .ivvl-card-image img{width:100%;height:100%;object-fit:cover;display:block}.ivvl .ivvl-card-image>span{position:absolute;right:5px;bottom:5px;background:#000c;color:#fff;border-radius:3px;padding:2px 5px;font-size:.75rem}.ivvl .ivvl-card-copy{min-width:0}.ivvl .ivvl-card h3{margin:6px 0 8px;font-size:1.05rem;line-height:1.4}.ivvl .ivvl-card p{margin:0;font-size:.9rem;line-height:1.6;color:#486053}.ivvl .ivvl-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:26px}.ivvl .ivvl-note{margin:18px 0 0;font-size:.85rem;line-height:1.6;color:#60766a}
.ivvl a:focus-visible,.ivvl iframe:focus-visible,.ivvl-demo-intro a:focus-visible,.ivvl-demo-footer a:focus-visible{outline:3px solid #168551;outline-offset:5px}
.ivvl-demo-intro{margin:16px 0 26px;font-size:15px;line-height:1.6}.ivvl-demo-intro a{display:inline-flex;align-items:center;gap:8px;font-weight:650;color:#14613e;text-decoration:underline;text-underline-offset:4px}.ivvl-demo-intro svg{width:21px;height:21px;fill:currentColor}.ivvl-demo-footer{display:block;margin-top:12px}.ivvl-demo-footer a{font-weight:650}
@media(max-width:1050px){.ivvl .ivvl-card{display:block}.ivvl .ivvl-card-image{width:100%;margin-bottom:15px}.ivvl .ivvl-featured figcaption{align-items:flex-start}.ivvl .ivvl-external{margin-top:2px}}
@media(max-width:640px){.ivvl .ivvl-cards{grid-template-columns:1fr;gap:14px}.ivvl .ivvl-card{display:flex;gap:13px;padding:13px}.ivvl .ivvl-card[aria-current=true]{padding:12px}.ivvl .ivvl-card-image{flex-basis:35%;margin-bottom:0}.ivvl .ivvl-card p{display:none}.ivvl .ivvl-card h3{font-size:.96rem}.ivvl .ivvl-card .ivvl-audience{font-size:.66rem!important;letter-spacing:.03em}.ivvl .ivvl-featured{border-radius:12px}.ivvl .ivvl-featured figcaption{padding:19px 18px;display:block}.ivvl .ivvl-external{display:inline-block;margin-top:14px}.ivvl .ivvl-featured h3{font-size:1.17rem}.ivvl .ivvl-play{padding:10px 17px;font-size:.88rem;gap:7px}.ivvl .ivvl-play svg{width:23px;height:23px}.ivvl .ivvl-actions{gap:17px}.ivvl .ivvl-note{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.ivvl .ivvl-card{transition:none}}