.media-hero{background:linear-gradient(125deg,#18224e,#0c6381);color:#fff;padding:80px 0}.media-hero-grid{display:grid;grid-template-columns:1fr 290px;gap:60px;align-items:end}.media-hero h1{font-size:clamp(52px,7vw,82px);line-height:.95;margin:12px 0 20px}.media-hero p:not(.kicker){max-width:690px;color:#d9e6ef;font-size:18px;line-height:1.65}.media-hero-note{display:flex;align-items:center;gap:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:23px}.media-hero-note>span{font-size:54px;font-weight:900;color:#79d6ed}.media-hero-note p{margin:0!important;font-size:13px!important}.media-library{padding-block:70px 95px}.media-library-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.media-library-heading h2{font-size:clamp(34px,4vw,52px);margin:7px 0 0}.media-filters{display:flex;flex-wrap:wrap;gap:8px}.media-filters button{border:1px solid #cddde3;background:#fff;color:var(--navy);border-radius:999px;padding:10px 15px;font-weight:900;cursor:pointer}.media-filters button.is-active{background:var(--navy);color:#fff}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.media-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dce6ea;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(17,31,62,.08)}.media-card.is-hidden{display:none}.media-preview{position:relative;display:block;aspect-ratio:4/3;background:#edf3f5;overflow:hidden}.media-preview img{width:100%;height:100%;object-fit:cover;object-position:top}.media-preview span{position:absolute;right:14px;bottom:14px;background:rgba(17,31,62,.9);color:#fff;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900}.media-card-body{display:flex;flex:1;flex-direction:column;padding:22px}.media-type{color:#237c92;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.media-card h3{font-size:24px;line-height:1.15;margin:9px 0;color:var(--navy)}.media-card p{color:var(--muted);font-size:14px;line-height:1.55}.media-card-body>div{display:flex;gap:9px;margin-top:auto;padding-top:10px}.media-card-body>div a{flex:1;text-align:center;border:1px solid #bfcfd7;border-radius:9px;padding:10px;color:var(--navy);font-size:12px;font-weight:900;text-decoration:none}.media-card-body>div a:first-child{background:var(--navy);color:#fff;border-color:var(--navy)}.media-share-note{margin-top:45px;background:#e8f4f6;border-radius:22px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:35px}.media-share-note h2{font-size:30px;margin:6px 0}.media-share-note p:not(.kicker){color:var(--muted);max-width:720px;line-height:1.6}@media(max-width:850px){.media-hero-grid{grid-template-columns:1fr}.media-hero-note{max-width:370px}.media-grid{grid-template-columns:repeat(2,1fr)}.media-library-heading,.media-share-note{align-items:flex-start;flex-direction:column}}@media(max-width:580px){.media-hero{padding:58px 0}.media-grid{grid-template-columns:1fr}.media-card h3{font-size:22px}.media-filters{width:100%}.media-filters button{flex:1}.media-share-note{padding:25px 21px}.media-share-note .button{width:100%}}
