.blog-related{color:var(--color-ink,#0c2226);font-family:var(--font-family,"Montserrat",sans-serif)}.blog-related__heading{color:var(--color-brand-1,#194247);font-size:32px;font-weight:500;letter-spacing:-.02em;line-height:1.2;margin:0 0 40px}.blog-related__slider{position:relative}.blog-related__track{display:grid;gap:36px;grid-template-columns:repeat(3,minmax(0,1fr))}.blog-related__slide{min-width:0}.blog-related__card{background:#0c2226;border-radius:16px;color:#fff;display:block;height:360px;overflow:hidden;position:relative;text-decoration:none}.blog-related__media{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:grayscale(100%);inset:0;position:absolute;transition:filter .7s ease,transform .7s ease;z-index:0}.blog-related__media--placeholder{background:linear-gradient(135deg,#194247,#0c2226 60%,#337077);filter:none}.blog-related__card--has-bg:hover .blog-related__media{filter:grayscale(0);transform:scale(1.05)}.blog-related__card:hover .blog-related__media--placeholder{transform:scale(1.05)}.blog-related__overlay{background:linear-gradient(126deg,rgba(12,34,38,.9) 4%,rgba(25,66,71,.6) 50%,rgba(82,224,129,.2) 96%);inset:0;pointer-events:none;position:absolute;z-index:1}.blog-related__category{align-items:center;background:hsla(0,0%,100%,.2);border-radius:8px;display:inline-flex;font-size:12px;font-weight:500;left:20px;letter-spacing:.14em;line-height:1.2;min-height:30px;padding:8px 12px;position:absolute;text-transform:uppercase;top:20px;z-index:2}.blog-related__card-arrow{opacity:0;position:absolute;right:20px;top:20px;transform:translateX(8px);transition:opacity .3s ease,transform .3s ease;z-index:2}.blog-related__card:hover .blog-related__card-arrow{opacity:1;transform:translateX(0)}.blog-related__card-arrow-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.2);border-radius:9999px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.blog-related__title{bottom:20px;color:#fff;font-size:18px;font-weight:500;left:20px;line-height:1.35;margin:0;position:absolute;right:20px;z-index:2}.blog-related__date{color:var(--color-brand-2,#337077);display:block;font-size:14px;font-weight:500;margin-top:12px}.blog-related__controls{align-items:center;display:none;gap:24px;justify-content:center;padding:24px 0 0}.blog-related__controls.is-visible{display:flex}.blog-related__nav-btn{align-items:center;background:transparent;border:0;color:var(--color-brand-1,#194247);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:color .2s ease;width:40px}.blog-related__nav-btn:focus,.blog-related__nav-btn:hover{color:var(--color-brand-2,#337077)}.blog-related__nav-btn:disabled{cursor:default;opacity:.35}.blog-related__indicator{align-items:center;color:var(--color-brand-1,#194247);display:inline-flex;font-size:16px;font-weight:500;gap:8px;letter-spacing:.04em}.blog-related__indicator-sep{color:rgba(25,66,71,.4)}@media (max-width:1024px){.blog-related__track{gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}.blog-related__card{height:340px}}@media (max-width:768px){.blog-related__heading{font-size:28px;margin-bottom:28px}.blog-related__track{display:flex;flex-wrap:nowrap;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.blog-related__track::-webkit-scrollbar{display:none}.blog-related__slide{flex:0 0 min(88vw,320px);scroll-snap-align:start}.blog-related__card{height:320px}.blog-related__controls.is-visible{display:flex}}@media (hover:none) and (pointer:coarse){.blog-related__card:hover .blog-related__card-arrow{opacity:0;transform:translateX(8px)}}