:root { --blog-black: #202020; --blog-pink: #fa2851; --blog-yellow: #ffc107; --blog-paper: #f5f6f9; --blog-muted: #74747c; }
.v2-blog-page { background: #fff; }
.v2-blog-page main { overflow: hidden; }
.v2-blog-hero { background: var(--blog-paper); overflow: hidden; padding: 170px 0 100px; position: relative; }
.v2-blog-geometry { bottom: auto; display: block; pointer-events: none; position: absolute; z-index: 0; }
.v2-blog-geometry-yellow { color: var(--blog-yellow); height: 560px; right: -125px; top: -170px; width: 300px; }
.v2-blog-geometry-pink { bottom: -230px; color: var(--blog-pink); height: 420px; left: -150px; right: auto; top: auto; width: 220px; }
.v2-blog-ghost { color: #e9eaee; font: 900 315px/.8 "Raleway", sans-serif; pointer-events: none; position: absolute; right: 17%; top: 125px; transform: rotate(-7deg); z-index: 0; }
.v2-blog-back { align-items: center; color: var(--blog-black); display: inline-flex; font: 700 11px/1 "Raleway", sans-serif; gap: 8px; letter-spacing: .09em; margin-bottom: 48px; text-transform: uppercase; }
.v2-blog-back:hover { color: var(--blog-pink); }
.v2-blog-hero-row { align-items: end; display: grid; gap: 80px; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); }
.v2-blog-eyebrow { background: var(--blog-yellow); color: var(--blog-black); display: table; font: 700 10px/1 "Raleway", sans-serif; letter-spacing: .12em; margin-bottom: 19px; padding: 11px 15px; text-transform: uppercase; }
.v2-blog-hero h1 { color: var(--blog-black); font: 700 clamp(52px, 5.3vw, 74px)/.96 "Raleway", sans-serif; letter-spacing: -.055em; margin: 0 0 22px; }
.v2-blog-hero h1 span { color: var(--blog-pink); }
.v2-blog-hero-row > div > p { color: var(--blog-muted); margin: 0; max-width: 550px; }
.v2-blog-search { background: #fff; box-shadow: 0 18px 46px rgba(32,32,32,.09); padding: 25px; position: relative; z-index: 2; }
.v2-blog-search label { color: var(--blog-black); display: block; font: 700 11px/1 "Raleway", sans-serif; letter-spacing: .08em; margin-bottom: 12px; text-transform: uppercase; }
.v2-blog-search > div { display: flex; }
.v2-blog-search input { background: var(--blog-paper); border: 1px solid transparent; color: var(--blog-black); flex: 1; font: 400 14px/1.4 "Roboto", sans-serif; min-width: 0; outline: 0; padding: 15px 17px; }
.v2-blog-search input:focus { border-color: var(--blog-pink); }
.v2-blog-search button { align-items: center; background: var(--blog-black); border: 0; color: #fff; display: flex; font-size: 20px; justify-content: center; transition: background .2s ease; width: 52px; }
.v2-blog-search button:hover { background: var(--blog-pink); }
.v2-blog-listing { overflow: hidden; padding: 100px 0 120px; position: relative; }
.v2-blog-listing > .container { position: relative; z-index: 1; }
.v2-blog-body-geometry { bottom: auto; display: block; pointer-events: none; position: absolute; z-index: 0; }
.v2-blog-body-geometry-black { color: var(--blog-black); height: 655px; left: -158px; right: auto; top: 280px; width: 310px; }
.v2-blog-body-geometry-yellow { bottom: -255px; color: var(--blog-yellow); height: 600px; right: -160px; top: auto; width: 312px; }
.v2-blog-heading { align-items: end; display: flex; justify-content: space-between; margin-bottom: 42px; }
.v2-blog-heading p { color: var(--blog-pink); font: 300 18px/1.4 "Roboto", sans-serif; margin: 0 0 7px; }
.v2-blog-heading h2 { color: var(--blog-black); font: 700 48px/1.12 "Raleway", sans-serif; margin: 0; }
.v2-blog-heading h2 span { color: var(--blog-pink); }
.v2-blog-heading > span { background: var(--blog-yellow); color: var(--blog-black); font: 700 9px/1 "Raleway", sans-serif; letter-spacing: .08em; padding: 10px 12px; text-transform: uppercase; }
.v2-blog-filter-note { align-items: center; background: var(--blog-paper); color: var(--blog-muted); display: flex; font: 400 14px/1.5 "Roboto", sans-serif; gap: 5px; justify-content: space-between; margin: -15px 0 30px; padding: 14px 17px; }
.v2-blog-filter-note strong { color: var(--blog-black); margin-right: auto; }
.v2-blog-filter-note a { color: var(--blog-pink); font-weight: 700; }
.v2-blog-grid { display: grid; gap: 28px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v2-blog-card { background: #fff; border: 1px solid #e8e8ec; display: flex; flex-direction: column; min-width: 0; overflow: hidden; transition: box-shadow .25s ease, transform .25s ease; }
.v2-blog-card:hover { box-shadow: 0 22px 48px rgba(32,32,32,.13); transform: translateY(-6px); }
.v2-blog-card-image { display: block; height: 245px; overflow: hidden; position: relative; }
.v2-blog-card-image::after { background: linear-gradient(0deg, rgba(0,0,0,.35), transparent 55%); content: ""; inset: 0; position: absolute; }
.v2-blog-card-image img { height: 100%; object-fit: cover; transition: transform .4s ease; width: 100%; }
.v2-blog-card:hover .v2-blog-card-image img { transform: scale(1.04); }
.v2-blog-card-image span { background: var(--blog-yellow); bottom: 16px; color: var(--blog-black); font: 700 9px/1 "Raleway", sans-serif; left: 17px; letter-spacing: .07em; padding: 9px 11px; position: absolute; text-transform: uppercase; z-index: 2; }
.v2-blog-card-body { display: flex; flex: 1; flex-direction: column; padding: 24px 25px 22px; }
.v2-blog-meta { align-items: center; color: #8c8c93; display: flex; font: 500 11px/1.4 "Roboto", sans-serif; justify-content: space-between; margin-bottom: 13px; }
.v2-blog-card h2 { font: 700 23px/1.3 "Raleway", sans-serif; margin: 0 0 13px; }
.v2-blog-card h2 a { color: var(--blog-black); }
.v2-blog-card h2 a:hover { color: var(--blog-pink); }
.v2-blog-card-body > p { color: var(--blog-muted); flex: 1; margin: 0 0 22px; }
.v2-blog-card footer { align-items: center; border-top: 1px solid #ececef; display: flex; justify-content: space-between; padding-top: 16px; }
.v2-blog-card footer > div { align-items: center; color: #7d7d84; display: flex; font: 500 12px/1.4 "Roboto", sans-serif; gap: 9px; min-width: 0; }
.v2-blog-card footer img { border-radius: 50%; height: 35px; object-fit: cover; width: 35px; }
.v2-blog-card footer > a { align-items: center; background: var(--blog-black); color: #fff; display: flex; flex: 0 0 36px; height: 36px; justify-content: center; }
.v2-blog-card footer > a:hover { background: var(--blog-pink); color: #fff; }
.v2-blog-empty { background: var(--blog-paper); grid-column: 1 / -1; padding: 75px 25px; text-align: center; }
.v2-blog-empty > span { align-items: center; background: var(--blog-yellow); border-radius: 50%; color: var(--blog-black); display: inline-flex; font-size: 30px; height: 70px; justify-content: center; margin-bottom: 20px; width: 70px; }
.v2-blog-empty h2 { color: var(--blog-black); font: 700 34px/1.2 "Raleway", sans-serif; margin: 0 0 10px; }
.v2-blog-empty p { color: var(--blog-muted); margin: 0 auto 18px; }
.v2-blog-empty a { color: var(--blog-pink); font: 700 11px/1 "Raleway", sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.v2-blog-pagination { display: flex; justify-content: center; margin-top: 50px; }
.v2-blog-pagination .pagination { gap: 7px; margin: 0; }
.v2-blog-pagination .page-link { align-items: center; border: 1px solid #dedee3; color: var(--blog-black); display: flex; font: 700 12px/1 "Raleway", sans-serif; height: 42px; justify-content: center; min-width: 42px; }
.v2-blog-pagination .page-item.active .page-link, .v2-blog-pagination .page-link:hover { background: var(--blog-pink); border-color: var(--blog-pink); color: #fff; }
.v2-blog-pagination .page-item.disabled .page-link { background: var(--blog-paper); color: #aaaab0; }
@media (min-width: 992px) and (max-width: 1199.98px) {
    .v2-blog-body-geometry-black { height: 500px; left: -190px; width: 240px; }
    .v2-blog-body-geometry-yellow { bottom: -210px; height: 470px; right: -195px; width: 245px; }
}
@media (max-width: 1199.98px) { .v2-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 991.98px) {
    .v2-blog-hero { padding: 150px 0 85px; }
    .v2-blog-hero-row { align-items: start; grid-template-columns: 1fr; }
    .v2-blog-search { max-width: 620px; width: 100%; }
    .v2-blog-ghost { right: 7%; top: 180px; }
    .v2-blog-body-geometry { display: none; }
}
@media (max-width: 767.98px) {
    .v2-blog-geometry, .v2-blog-body-geometry, .v2-blog-ghost { display: none; }
    .v2-blog-listing { padding: 75px 0 90px; }
    .v2-blog-grid { grid-template-columns: 1fr; }
    .v2-blog-heading h2 { font-size: 40px; }
}
@media (max-width: 575.98px) {
    .v2-blog-hero { padding: 130px 0 70px; }
    .v2-blog-hero h1 { font-size: 48px; }
    .v2-blog-hero-row { gap: 45px; }
    .v2-blog-search { padding: 19px; }
    .v2-blog-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
    .v2-blog-heading h2 { font-size: 34px; }
    .v2-blog-filter-note { align-items: flex-start; flex-wrap: wrap; }
    .v2-blog-card-image { height: 225px; }
}