.media-hero{text-align:center;background:url(../../images/backgrounds/mosaic-pattern.png);padding:110px 20px 118px}.media-hero h1{color:var(--heading);margin-bottom:22px;font-size:46px;font-weight:700}.media-hero p{color:var(--body);margin-bottom:26px;font-size:17px}.media-section{background:var(--white);padding:56px 0 80px}.media-tabs{flex-wrap:wrap;gap:12px;margin-bottom:34px;display:flex}.media-tabs button{color:var(--heading);background:var(--white);border:1px solid #e4e6ea;border-radius:6px;padding:12px 22px;font-size:14px;font-weight:500;transition:background-color .3s,color .3s,border-color .3s}.media-tabs button.is-active{background:var(--green);border-color:var(--green);color:var(--white)}.media-pane{display:none}.media-pane.is-active{display:block}.media-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.media-card{background-position:top;background-repeat:no-repeat;background-size:cover;border:1px solid #e8eaec;border-radius:8px;flex-direction:column;justify-content:flex-end;gap:16px;min-height:480px;padding:24px;display:flex;position:relative;overflow:hidden}.media-card:before{content:"";background:linear-gradient(#11233700 0%,#112337 70%);position:absolute;inset:0}.media-card>*{position:relative}.media-card__person{align-items:center;gap:15px;display:flex}.media-card__person img{border-radius:200px;width:23%;max-width:64px}.media-card__person h3{color:var(--white);font-size:20px;font-weight:400;line-height:22px}.media-card__person p{color:#d1d5d9;margin:4px 0 0;font-size:16px;line-height:20px}.media-card__title{color:var(--white);font-size:20px;font-weight:600;line-height:26px}.media-card__link{width:100%;font-family:var(--font-accent);color:var(--white);background:#ffffff0f;border-radius:6px;flex-direction:row-reverse;justify-content:center;align-items:center;gap:10px;padding:11px 10px;font-size:16px;font-weight:500;transition:background-color .3s;display:flex}.media-card__link:hover{background:var(--green)}.media-card__link svg{fill:currentColor;width:14px;height:14px}.media-more{justify-content:center;margin-top:44px;display:flex}.media-more .btn{padding:14px 36px;font-size:14px}@media (width<=1024px){.media-grid{grid-template-columns:repeat(2,1fr)}.media-hero{padding:70px 20px 80px}}@media (width<=767px){.media-hero h1{font-size:30px}.media-grid{grid-template-columns:1fr}.media-section{padding:40px 0 56px}}