:root{--border-radius:6px}@media (max-width:900px){:root{--border-radius:6px}}.font-7xl{font-size:72px;line-height:116%}@media (max-width:800px){.font-7xl{font-size:36px}}.font-6xl{font-size:60px;line-height:116%}@media (max-width:800px){.font-6xl{font-size:36px}}.font-5xl{font-size:48px;line-height:116%}@media (max-width:800px){.font-5xl{font-size:30px}}.font-4xl{font-size:36px;line-height:116%}@media (max-width:800px){.font-4xl{font-size:24px}}.font-3xl{font-size:30px;line-height:116%}@media (max-width:800px){.font-3xl{font-size:20px}}.font-2xl{font-size:24px;line-height:116%}@media (max-width:800px){.font-2xl{font-size:20px}}.font-xl{font-size:20px;line-height:116%}@media (max-width:800px){.font-xl{font-size:16px}}.font-lg{font-size:18px;line-height:116%}@media (max-width:800px){.font-lg{font-size:14px}}.font-body{font-size:16px;line-height:140%}@media (max-width:800px){.font-body{font-size:14px}}.font-sm{font-size:14px;line-height:140%}.font-xs{font-size:12px;line-height:140%}section.blog-banner{padding:0}section.blog-banner figure,section.blog-banner img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}section.blog-banner figure:before{background:linear-gradient(90deg,rgba(34,34,34,.8),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}@media (max-width:600px){section.blog-banner figure:before{background:rgba(34,34,34,.6)}}section.blog-banner .wrapper{align-items:flex-start;border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;min-height:300px;overflow:hidden;padding:30px 60px}@media (max-width:600px){section.blog-banner .wrapper{align-items:center;min-height:250px;padding:30px 20px;text-align:center}}section.blog-banner .wrapper,section.blog-banner .wrapper h1{color:#fff}section.blog-banner .wrapper h1,section.blog-banner .wrapper p{margin:0}section.blog{padding-top:30px}@media (max-width:700px){section.blog{padding-top:10px}}section.blog .grid{display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr 1fr}@media (max-width:1000px){section.blog .grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width:1000px) and (max-width:700px){section.blog .grid{gap:10px;grid-template-columns:1fr 1fr}}