.archive{margin-top:200px;height:auto;h1{font-weight:500;margin:4em 50px 2em}p{margin:0;padding:0}img{width:100%;height:100%;object-fit:cover;object-position:center center}}.page-title{font-size:clamp(1.5rem,1.136rem + 1.82vw,2.5rem);margin:0 clamp(1.5rem,1.068rem + 2.16vw,2.688rem);border-bottom:1px solid var(--black);h2{&:first-letter{color:var(--green)}}}.archive__container{margin:100px auto;display:flex;flex-wrap:wrap;padding:clamp(1.5rem,1.068rem + 2.16vw,2.688rem)}.archive__gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;width:100%}.archive__item{width:100%;height:auto;overflow:hidden;padding:10px;cursor:pointer;margin-bottom:5rem}.archive__item-img{margin-bottom:10px;height:auto;overflow:hidden;img{width:100%;height:100%;object-fit:cover;object-position:center center;aspect-ratio:16/9}}.archive__item-content-text{height:auto;display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (max-width:767px){.archive__item{width:calc(100% - 5px)}}.archive__item-name-title{font-size:clamp(1.125rem,1.08rem + .23vw,1.25rem);font-weight:700;margin-top:1.25rem}.archive__item-name-date{font-size:clamp(.85rem,.83rem + .23vw,.9rem);font-weight:400;margin-top:1.25rem}.archive__item-name-category{display:flex;flex-wrap:wrap;gap:.5rem;p{padding:.35rem .65rem;border-radius:1rem;font-size:.825rem;margin:0}}.archive__category-tag{background-color:var(--gray-light);color:#4a5568}.archive__keyword-tag{background-color:#bee3f8;color:#2c5282}.archive__filters-container{margin:40px 0;padding-left:clamp(1.5rem,1.068rem + 2.16vw,2.688rem);display:flex;flex-direction:column;gap:2rem}.archive__filters{display:flex;flex-direction:column;gap:1rem}.archive__filter-title{font-size:clamp(1rem,.955rem + .23vw,1.125rem);font-weight:600;color:#2d3748;margin:0}.archive__filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.archive__filters button{font-size:14px;color:var(--black);text-decoration:none;transition:all .3s ease;border:1px solid var(--black);padding:5px 10px;border-radius:5px;width:-moz-fit-content;width:fit-content;background:var(--white);&:hover{color:var(--white);background-color:var(--green)}}.archive__filters button.active{background:var(--green);color:var(--white)}@media (max-width:767px){.archive__filters-container{padding-left:clamp(1rem,35vw - 10rem,35rem)}.archive__filter-buttons{flex-wrap:wrap}.archive__filters button{width:auto;min-width:-moz-fit-content;min-width:fit-content}.archive__gallery{grid-template-columns:repeat(1,1fr)}}@media (max-width:1024px) and (min-width:768px){.archive__gallery{grid-template-columns:repeat(2,1fr)}}