.banner{display:block;width:100%;height:80vh;object-fit:cover}.blog{border-top:1rem solid var(--color3)}.blog__container{width:100%;max-width:calc(64rem + 1px);margin:auto;padding:4rem 2rem;box-sizing:border-box}.blog__title{margin:auto}.blog__toolbar{display:flex;justify-content:space-between;align-items:center;margin:3rem auto 2rem 0}.blog__search{display:flex;align-items:center;justify-content:flex-end;border:1px solid var(--color6);width:16rem;padding:0 .2rem}.blog__search-button{cursor:pointer;background:none;border:none;padding:0;margin:auto .1rem;width:1.5rem;height:1.5rem;appearance:none;outline:none}.blog__search-button svg{width:100%;height:100%}.blog__search-input{appearance:none;outline:none;width:calc(100% - 1.5rem);border:none;font-family:var(--ff3);font-style:normal;font-weight:400}@media all and (orientation: landscape){.blog__search-input{font-size:var(--fs-400);line-height:calc(var(--fs-400)*1.2);letter-spacing:calc(var(--fs-400)*0)}}@media all and (orientation: portrait){.blog__search-input{font-size:var(--fsm-400);line-height:calc(var(--fsm-400)*1.2);letter-spacing:calc(var(--fsm-400)*0)}}.blog__search-input{padding:.5rem}.results{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;gap:2rem}.result{border:1px solid var(--color6);border-radius:.5rem;flex-grow:1}.result a{text-decoration:none;color:inherit}.result__info{padding:0 1rem;box-sizing:border-box}.result__post-image{width:100%;height:auto;object-fit:cover;border-radius:.5rem;aspect-ratio:4/3;margin-bottom:.4rem}.result__post-title{color:var(--color1);margin:0 auto .5rem 0}.result__post-excerpt{color:var(--color1)}.result__post-categories{display:flex;gap:.5rem;margin:1rem 0 0 0;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding:0 1rem 1rem 1rem}.result__post-category{padding:.4rem;box-sizing:border-box;background-color:var(--color6);display:block;padding:.2rem .5rem;font-family:var(--ff3);font-style:normal;font-weight:400}@media all and (orientation: landscape){.result__post-category{font-size:var(--fs-small);line-height:calc(var(--fs-small)*1.2);letter-spacing:calc(var(--fs-small)*0)}}@media all and (orientation: portrait){.result__post-category{font-size:var(--fsm-small);line-height:calc(var(--fsm-small)*1.2);letter-spacing:calc(var(--fsm-small)*0)}}.result__post-category{text-align:center;color:var(--color1);list-style:none}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin:4rem 0 2rem 0}.pagination__link{cursor:pointer;background:none;width:max-content;padding:.5rem 1.3rem;box-sizing:border-box;color:var(--color1);font-family:var(--ff3);font-style:normal;font-weight:400}@media all and (orientation: landscape){.pagination__link{font-size:var(--fs-regular);line-height:calc(var(--fs-regular)*1.2);letter-spacing:calc(var(--fs-regular)*0)}}@media all and (orientation: portrait){.pagination__link{font-size:var(--fsm-regular);line-height:calc(var(--fsm-regular)*1.2);letter-spacing:calc(var(--fsm-regular)*0)}}.pagination__link{text-decoration:none;display:flex;align-items:center;justify-content:center}.pagination__link:not(.pagination__link--next):not(.pagination__link--prev){aspect-ratio:1/1}.pagination__link--current,.pagination__link:hover:not(.pagination__link--next):not(.pagination__link--prev){background-color:var(--color3);color:var(--color2);border-radius:50%}.pagination__link--current{cursor:default}.pagination__link--next:hover,.pagination__link--prev:hover{text-decoration:underline}@media all and (orientation: landscape){.banner{margin-top:4rem}.categories{display:flex;gap:.5rem;align-items:center;justify-content:flex-start;padding:0}.categories__item{list-style:none;padding:.4rem .5rem;box-sizing:border-box;border:1px solid var(--color6);color:var(--color1);font-family:var(--ff3);font-style:normal;font-weight:400;font-size:var(--fs-small)}}@media all and (orientation: landscape)and (orientation: landscape){.categories__item{font-size:var(--fs-400);line-height:calc(var(--fs-400)*1.2);letter-spacing:calc(var(--fs-400)*0)}}@media all and (orientation: landscape)and (orientation: portrait){.categories__item{font-size:var(--fsm-400);line-height:calc(var(--fsm-400)*1.2);letter-spacing:calc(var(--fsm-400)*0)}}@media all and (orientation: landscape){.categories__category{text-decoration:none;color:inherit}.result{width:calc(33% - 1.33rem)}.blog__search-input{font-size:var(--fs-small)}}@media all and (orientation: portrait){.banner{margin-top:3rem}.categories{display:none}.result{width:calc(100% - 1.33rem)}.blog__search-input{font-size:var(--fsm-small)}}