.resources-hero{padding:90px 0 84px;color:#fff;background:linear-gradient(115deg,#743e8f,#3b4793 52%,#00b1d4)}.resources-hero--materials{background:linear-gradient(115deg,#1c5ba1,#3b4793 54%,#00aadb)}.resources-hero h1{max-width:720px;margin:8px 0 18px;color:#fff;font-size:clamp(2.6rem,5vw,5rem);line-height:.98;letter-spacing:-.06em}.resources-hero p:not(.eyebrow){max-width:610px;margin:0;color:#fff;line-height:1.65;font-size:1.08rem}.resources-hero .eyebrow{color:#fff}.resources-section--soft{background:#f4f8ff}.media-grid,.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.media-card,.material-card{position:relative;display:flex;flex-direction:column;min-height:245px;padding:27px;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--ink);box-shadow:0 9px 24px rgb(28 91 161 / 7%);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.media-card:hover,.material-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgb(28 91 161 / 15%)}.media-card__icon,.material-card__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:24px;border-radius:50%;background:#e5f7fc;color:var(--cyan);font-size:1.1rem}.media-card small,.material-card__type{color:var(--purple);font-size:.71rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.media-card h3,.material-card h3{margin:10px 0 18px;color:var(--ink);font-size:1.18rem;line-height:1.28}.media-card>span:last-child,.material-card>span:last-child{margin-top:auto;color:var(--blue);font-size:.84rem;font-weight:800}.media-card b,.material-card b{margin-left:5px}.media-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:35px}.media-list a{display:grid;grid-template-columns:100px 1fr auto;gap:15px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-decoration:none}.media-list a:hover{border-color:var(--cyan)}.media-list span{color:var(--purple);font-size:.7rem;font-weight:800;text-transform:uppercase}.media-list strong{font-size:.94rem;line-height:1.35}.media-list b{color:var(--blue);font-size:1.15rem}.material-card{min-height:285px}.material-card__icon{position:absolute;top:25px;right:25px;background:#edf2ff;color:var(--purple);font-size:1.4rem}.material-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}@media(max-width:850px){.media-grid,.materials-grid{grid-template-columns:repeat(2,1fr)}.media-list{grid-template-columns:1fr}.resources-hero{padding:65px 0}}@media(max-width:560px){.media-grid,.materials-grid{grid-template-columns:1fr}.media-list a{grid-template-columns:1fr auto;gap:8px}.media-list span{grid-column:1/-1}.resources-hero h1{font-size:clamp(2.5rem,12vw,3.7rem)}}
.media-card__thumbnail{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;margin:-12px -12px 22px;border-radius:11px;background:#eaf2ff}.media-card__thumbnail img,.media-list__thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.media-card__thumbnail i{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:rgb(28 91 161 / 82%);color:#fff;font-style:normal;font-size:.92rem}.media-list a{grid-template-columns:104px 1fr auto;grid-template-rows:auto auto;padding:12px 16px}.media-list__thumbnail{grid-row:1/3;display:block;overflow:hidden;width:104px;height:78px;border-radius:8px;background:#eaf2ff}.media-list span:not(.media-list__thumbnail){align-self:end}.media-list strong{align-self:start}.media-list b{grid-column:3;grid-row:1/3}@media(max-width:560px){.media-list a{grid-template-columns:88px 1fr auto}.media-list__thumbnail{grid-row:1/3;grid-column:auto;width:88px;height:66px}.media-list span:not(.media-list__thumbnail){grid-column:2}.media-list strong{grid-column:2}.media-list b{grid-column:3;grid-row:1/3}}
.material-card{min-height:0}.material-card__cover{display:block;overflow:hidden;aspect-ratio:707/1000;margin:-8px -8px 22px;border-radius:11px;background:#eaf2ff}.material-card__cover img{display:block;width:100%;height:100%;object-fit:cover;background:#fff}.material-card .material-card__type{margin-top:0}.material-card__cover+.material-card__type{display:block}.material-card h3{margin-bottom:12px}
