@layer components{.date{color:#000;font-size:.875rem;font-weight:500;line-height:.7}@media (width>=1920px){.date{font-size:1rem}}.article-card{row-gap:1rem;min-inline-size:0;display:grid}@media (width>=1920px){.article-card{row-gap:1.5rem}}.article-card__image{aspect-ratio:16/9;border-radius:10px}.article-card__content{justify-items:start;row-gap:.5rem;display:grid}@media (width>=1920px){.article-card__content{row-gap:1rem}}.article-card__date{color:var(--color-primary)}.article-card__title{margin-block-end:0;font-size:1rem;line-height:1.3}@media (width>=1920px){.article-card__title{font-size:1.25rem}}.article-card__excerpt{font-size:.875rem}@media (width>=1920px){.article-card__excerpt{font-size:1rem}}.article-card__more{text-transform:uppercase;font-weight:500}.article-card__more:hover,.article-card__more:active{color:var(--color-secondary)}.article-card:hover .article-card__more{color:var(--color-secondary)}}@layer blocks{.news-feed{row-gap:1.125rem;display:grid}@media (width>=1280px){.news-feed{row-gap:1.25rem}}@media (width>=1920px){.news-feed{row-gap:1.75rem}}.news-feed__title{font-size:1.5rem;font-weight:500;line-height:1}@media (width>=1280px){.news-feed__title{font-size:2rem}}@media (width>=1920px){.news-feed__title{font-size:2.5rem}}.news-feed__list{row-gap:1rem;display:grid}@media (width>=1920px){.news-feed__list{row-gap:1.25rem}}.news-feed__card{background-color:var(--color-blue-200);transition:background-color var(--duration-medium) ease;border-radius:8px;padding-block:1rem;padding-inline:.75rem}@media (width>=1920px){.news-feed__card{border-radius:10px;padding-block:1.5rem;padding-inline:1.25rem}}.news-feed__item{transition:prop time}.news-feed__item:hover .news-feed__card{background-color:var(--color-blue-300)}.news-feed__item a{color:unset}}@layer pages{.blog-post-hero{min-block-size:50dvh;padding-block:0;display:grid}@media (width>=640px){.blog-post-hero{min-block-size:35dvh}}@media (width>=1280px){.blog-post-hero{min-block-size:70dvh}}@media (width>=1920px){.blog-post-hero{min-block-size:60dvh}}.blog-post-hero__wrapper{color:#fff;background-image:linear-gradient(#061a4600 0%,#061a4680 45%,#061a46 100%),url(../img/blog-post/bg-blog-post-hero.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.75rem;align-content:end;block-size:100%;padding-block:2rem;padding-inline:1rem;display:grid}@media (width>=768px){.blog-post-hero__wrapper{padding-block:3rem;padding-inline:2rem 10%}}@media (width>=1024px){.blog-post-hero__wrapper{padding-inline:2.5rem 30%}}@media (width>=1280px){.blog-post-hero__wrapper{border-radius:1rem;padding-block:3.5rem;padding-inline:3rem 40%}}@media (width>=1920px){.blog-post-hero__wrapper{border-radius:1.5rem;padding-block:5rem;padding-inline:4rem 40%}}.blog-post-hero__date{color:#fff;margin-block-end:.5em}.blog-post-hero__title{margin-block-end:.5em;font-size:1.375rem;font-weight:500;line-height:1.3}@media (width>=640px){.blog-post-hero__title{font-size:1.75rem}}@media (width>=768px){.blog-post-hero__title{font-size:2rem}}@media (width>=1024px){.blog-post-hero__title{font-size:2.25rem}}@media (width>=1280px){.blog-post-hero__title{font-size:2.5rem}}@media (width>=1920px){.blog-post-hero__title{font-size:3rem}}.blog-post-hero__text{font-size:.875rem}@media (width>=768px){.blog-post-hero__text{font-size:1.125rem}}@media (width>=1920px){.blog-post-hero__text{font-size:1.25rem}}.blog-post-body{row-gap:2rem;display:grid}@media (width>=768px){.blog-post-body{grid-template-columns:.6fr .4fr;align-items:start;column-gap:1rem}}@media (width>=1024px){.blog-post-body{grid-template-columns:.65fr .35fr;align-items:start;column-gap:2rem}}@media (width>=1280px){.blog-post-body{grid-template-columns:.7fr .3fr;column-gap:2.5rem}}@media (width>=1920px){.blog-post-body{column-gap:5rem}}.blog-post-content img{border-radius:.5rem;inline-size:100%}@media (width>=1280px){.blog-post-content img{border-radius:1rem}}@media (width>=1920px){.blog-post-content img{border-radius:1.5rem}}.blog-post-content h1:first-child,.blog-post-content h2:first-child{margin-block-start:0;font-size:1.5rem}@media (width>=1280px){.blog-post-content h1:first-child,.blog-post-content h2:first-child{font-size:2rem}}@media (width>=1920px){.blog-post-content h1:first-child,.blog-post-content h2:first-child{font-size:2.5rem}}.blog-post-content__back-link{color:#000;font-size:1.125rem;font-weight:600}.blog-post-content__back-link:hover{color:var(--color-primary)}@media (width>=1920px){.blog-post-content__back-link{font-size:1.5rem}}}