.rf-blog-index{padding-top:52px;padding-bottom:88px;color:#1d2c34}
.rf-blog-index__intro{max-width:760px;margin:0 0 56px}
.rf-blog-index__eyebrow{margin:0 0 14px;font-size:12px;font-weight:750;letter-spacing:.17em;color:#087c98}
.rf-blog-index__intro h1{margin:0;color:#182b34;font-size:clamp(34px,4vw,54px);font-weight:750;line-height:1.12;letter-spacing:-.035em}
.rf-blog-index__description{margin:18px 0 24px;max-width:620px;color:#586873;font-size:16px;line-height:1.75}
.rf-blog-index__rule{width:68px;height:4px;border-radius:3px;background:#0a91aa}
.rf-blog-index__toolbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid #dbe4e7}
.rf-blog-index__toolbar h2{margin:0;color:#21333b;font-size:23px;line-height:1.2;font-weight:700}
.rf-blog-index__toolbar>span{color:#708089;font-size:13px}
.rf-blog-index__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 24px}
.rf-blog-index__card{min-width:0;display:flex;flex-direction:column;background:#fff}
.rf-blog-index__media{display:block;position:relative;overflow:hidden;aspect-ratio:1.55;border-radius:13px;background:#e8ebe9}
.rf-blog-index__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
@media (hover:hover){.rf-blog-index__media:hover .rf-blog-index__image{transform:scale(1.035)}}
.rf-blog-index__media--empty{background:linear-gradient(145deg,#dfd6c7,#f0ece4 48%,#cbbda7)}
.rf-blog-index__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:repeating-linear-gradient(160deg,transparent 0,transparent 37px,rgba(101,76,43,.095) 38px,rgba(101,76,43,.095) 40px);text-align:center}
.rf-blog-index__placeholder span{font-size:17px;line-height:1.4;letter-spacing:.17em;font-weight:700;color:#596054}
.rf-blog-index__body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:19px 1px 0}
.rf-blog-index__meta{margin:0 0 11px;color:#07849d;font-size:11px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;font-weight:750}
.rf-blog-index__body h3{margin:0;font-size:21px;font-weight:700;line-height:1.35;letter-spacing:-.015em}
.rf-blog-index__body h3 a{color:#1a2b35;text-decoration:none}
.rf-blog-index__body h3 a:hover{color:#087f99}
.rf-blog-index__excerpt{margin:12px 0 18px;font-size:14px;line-height:1.65;color:#596a73;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rf-blog-index__read{display:inline-flex;align-items:center;gap:9px;margin-top:auto;color:#087f99;font-size:13px;font-weight:750;text-decoration:none}
.rf-blog-index__read span{font-size:18px;transition:transform .2s ease}
.rf-blog-index__read:hover span{transform:translateX(3px)}
.rf-blog-index__pagination{margin-top:60px}
.rf-blog-index__empty{grid-column:1/-1;color:#596a73}
@media(max-width:989px){.rf-blog-index{padding-top:40px}.rf-blog-index__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}}
@media(max-width:749px){.rf-blog-index{padding-top:28px;padding-bottom:58px}.rf-blog-index__intro{margin-bottom:35px}.rf-blog-index__intro h1{font-size:36px}.rf-blog-index__description{font-size:14px;line-height:1.65}.rf-blog-index__toolbar h2{font-size:20px}.rf-blog-index__grid{grid-template-columns:1fr;gap:35px}.rf-blog-index__media{aspect-ratio:1.65}.rf-blog-index__body{padding-top:15px}.rf-blog-index__body h3{font-size:20px}.rf-blog-index__excerpt{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.rf-blog-index__image,.rf-blog-index__read span{transition:none}}