.midia-hero{background:var(--bs-ink);color:var(--bs-paper);border-bottom-right-radius:clamp(24px,4vw,60px);border-bottom-left-radius:clamp(24px,4vw,60px);padding-top:140px;padding-bottom:80px;position:relative;overflow:hidden}.midia-hero h1{color:var(--bs-paper);max-width:18ch}.midia-hero .green{color:var(--bs-lime)}.midia-hero .lead{color:#f3f2efc7;max-width:620px;margin-top:24px}.midia-list{padding-block:clamp(64px,9vw,120px)}.midia-grid{grid-template-columns:repeat(2,1fr);gap:clamp(24px,3vw,40px);display:grid}@media (max-width:760px){.midia-grid{grid-template-columns:1fr}}.midia-item{flex-direction:column;gap:20px;display:flex}.video-frame{aspect-ratio:16/9;border-radius:var(--bs-r-lg);background:var(--bs-ink);border:1px solid var(--bs-stroke);width:100%;box-shadow:var(--bs-shadow-md);position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-info{flex-direction:column;gap:8px;display:flex}.video-channel{text-transform:uppercase;letter-spacing:.14em;color:var(--bs-lime);font-size:12px;font-weight:700}.video-title{font-family:var(--bs-sans);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(18px,1.6vw,21px);font-weight:700;line-height:1.3}.video-meta{font-size:var(--bs-small);line-height:var(--bs-small-lh);color:var(--bs-fg-muted);max-width:56ch;margin:0}.video-readmore{color:var(--bs-ink);transition:color var(--bs-dur-base) var(--bs-ease-out);border-bottom:1px solid;align-self:flex-start;align-items:center;gap:10px;margin-top:8px;padding-bottom:2px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.video-readmore:hover{color:var(--bs-lime-deep,#2bb14a)}.video-readmore .arrow{width:14px;height:10px;transition:transform var(--bs-dur-base) var(--bs-ease-out)}.video-readmore:hover .arrow{transform:translate(4px)}:root[data-theme=ink] .video-readmore{color:var(--bs-paper)}.midia-cta{background:var(--bs-lime);color:var(--bs-ink);padding-block:clamp(80px,11vw,140px);position:relative;overflow:hidden}.midia-cta h2{color:var(--bs-ink)}.midia-cta h2 .green{color:var(--bs-paper)}.midia-cta .lead{color:#1d1d1dc7}@media (max-width:920px){.midia-cta-grid{grid-template-columns:1fr!important;gap:24px!important}}