.heading{color:var(--primary-dark)}
.hero{border-radius:var(--large,1.5rem);background:var(--F5F5F5,#f5f5f5);padding:1.5rem 1rem 15.625rem;position:relative}
.hero .content{display:flex;flex-direction:column;justify-content:space-between}
.hero .info{margin-top:2rem}
.hero .info .date{color:var(--333333,#333);font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem}
.hero .time{margin-top:.75rem;display:flex;align-items:center;gap:.5rem}
.hero .time img{width:var(--middle,1rem);height:var(--middle,1rem)}
.hero .time p{color:var(--333333,#333);font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem}
.hero .time p span{color:var(--A6A6A6,#a6a6a6)}
.hero-img{position:absolute;width:100%;right:0;bottom:0}
.news{padding-top:3rem;padding-bottom:6.5rem}
.news-wrapper{display:flex;flex-direction:column;gap:3rem;position:relative;margin-bottom:1.5rem}
.news-wrapper .title{margin-top:0;display:flex;align-items:start;gap:.5rem}
.news-wrapper .title span{color:var(--A6A6A6,#a6a6a6);font-family:Nekst;font-size:1rem;font-style:normal;font-weight:400;line-height:1.25rem}
.news-wrapper .news-filter{display:flex;gap:2rem;flex-wrap:wrap}
.news-wrapper .filter-scroll{list-style:none;
    flex-wrap: wrap;padding:0;display:flex;gap:2rem;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}
.news-wrapper .filter-scroll::-webkit-scrollbar{display:none}
.news-wrapper .filter-scroll li{display:flex;align-items:start;color:var(--A6A6A6,#a6a6a6);font-family:Nekst;font-size:1.25rem;font-style:normal;font-weight:400;line-height:1.5rem}
.news-wrapper .filter-scroll li span{color:var(--A6A6A6,#a6a6a6);font-family:Nekst;font-size:1rem;font-style:normal;font-weight:400;line-height:1.25rem}
.news-wrapper .all-years{color:var(--333333,#333);white-space:nowrap;font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:1rem;text-decoration-line:underline}
@media screen and (min-width: 48rem) {
.hero{padding:2.25rem}
.news-wrapper .filter-scroll{list-style:none;padding:0;display:flex;gap:2rem;flex-basis:unset}
.news-wrapper .news-filter{align-items:center}
.news-wrapper .all-years{margin-left:auto}
}
@media screen and (min-width: 84rem) {
.hero{padding:3rem 45.25rem 3rem 3rem;height:28.25rem}
.hero .content{height:100%}
.hero-img{width:43.25rem;height:28.25rem}
.news{padding-top:6.5rem}
.news-wrapper{flex-direction:row;gap:3rem;align-items:start}
.news-wrapper .news-filter{flex-direction:column;align-items:start;width:18.875rem}
.news-wrapper .filter-scroll{flex-direction:column;gap:1rem}
.news-wrapper .all-years{margin-left:0}
}
@media screen and (min-width: 115rem) {
.heading{max-width:43.5625rem}
.hero{padding:3rem 60.25rem 3px 4rem}
.hero-img{width:58.25rem;height:28.25rem}
}

.hidden{display:none;}