.banner{width:100%;height:90dvh;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-size:cover;background-position:center}.banner__container{display:flex;justify-content:flex-start;align-items:center;padding:0 1rem;height:100%;max-width:80rem;box-sizing:border-box;margin:auto}.banner__title{color:var(--color2);font-family:var(--ff1);font-style:normal;font-weight:700}@media all and (orientation: landscape){.banner__title{font-size:var(--fs-xl);line-height:calc(var(--fs-xl)*1.2);letter-spacing:calc(var(--fs-xl)*0)}}@media all and (orientation: portrait){.banner__title{font-size:var(--fsm-xl);line-height:calc(var(--fsm-xl)*1.2);letter-spacing:calc(var(--fsm-xl)*0)}}.banner__title{margin:0;max-width:480px}.results{background-color:var(--color5)}.results__container{max-width:80rem;margin:auto;box-sizing:border-box}.entry{background-color:var(--color3);border-radius:1rem;overflow:hidden;text-decoration:none}.entry__image{width:100%;height:auto;aspect-ratio:4/3;display:block;object-fit:cover}.entry__content{padding:1rem;box-sizing:border-box}.entry__title{color:var(--color2);font-family:var(--ff1);font-style:normal;font-weight:900}@media all and (orientation: landscape){.entry__title{font-size:var(--fs-mid);line-height:calc(var(--fs-mid)*1.2);letter-spacing:calc(var(--fs-mid)*0)}}@media all and (orientation: portrait){.entry__title{font-size:var(--fsm-mid);line-height:calc(var(--fsm-mid)*1.2);letter-spacing:calc(var(--fsm-mid)*0)}}.entry__title{margin:0 0 1rem 0}.entry__link{text-decoration:none}.entry__excerpt{color:var(--color2);font-family:var(--ff2);font-style:normal;font-weight:300}@media all and (orientation: landscape){.entry__excerpt{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){.entry__excerpt{font-size:var(--fsm-regular);line-height:calc(var(--fsm-regular)*1.2);letter-spacing:calc(var(--fsm-regular)*0)}}.entry__excerpt{margin:0}.entry__categories{margin-bottom:.2rem}.entry__category-label{color:var(--color4);font-family:var(--ff2);font-style:normal;font-weight:600}@media all and (orientation: landscape){.entry__category-label{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){.entry__category-label{font-size:var(--fsm-regular);line-height:calc(var(--fsm-regular)*1.2);letter-spacing:calc(var(--fsm-regular)*0)}}.entry__category-label{text-decoration:none}.entry__category-label:not(:last-child)::after{content:", "}.entry__read-more{color:var(--color41);font-family:var(--ff1);font-style:normal;font-weight:600}@media all and (orientation: landscape){.entry__read-more{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){.entry__read-more{font-size:var(--fsm-small);line-height:calc(var(--fsm-small)*1.2);letter-spacing:calc(var(--fsm-small)*0)}}.entry__read-more{text-decoration:none;display:inline-block;margin-top:1rem;background-color:var(--color4);border-radius:.5rem;padding:.5rem 1.5rem;transition:background-color .3s ease;border:1px solid rgba(0,0,0,0)}.entry__read-more:hover{background-color:var(--color3);color:var(--color4);border:1px solid var(--color4)}@media all and (orientation: landscape){.entries{display:grid;grid-template-columns:30% 30% 30%;gap:2rem}.categories{display:flex;align-items:center;justify-content:flex-start;background-color:var(--color3);padding:1rem 2rem;box-sizing:border-box;border-radius:1rem;margin-bottom:3rem;width:max-content}.category{text-decoration:none;color:var(--color2);font-family:var(--ff1);font-style:normal;font-weight:600;padding:.5rem 0;dispaly:block}}@media all and (orientation: landscape)and (orientation: landscape){.category{font-size:var(--fs-regular);line-height:calc(var(--fs-regular)*1.2);letter-spacing:calc(var(--fs-regular)*0)}}@media all and (orientation: landscape)and (orientation: portrait){.category{font-size:var(--fsm-regular);line-height:calc(var(--fsm-regular)*1.2);letter-spacing:calc(var(--fsm-regular)*0)}}@media all and (orientation: landscape){.category:not(:last-child)::after{content:"|";margin:0 .9rem;color:var(--color2)}.category--active,.category:hover{color:var(--color4)}.results__container{padding:6rem 1rem}}@media all and (orientation: portrait){.entry{margin-bottom:2rem}.categories{background-color:var(--color3);padding:1rem;box-sizing:border-box;border-radius:1rem;position:relative;margin-bottom:2rem}.categories__list{position:absolute;top:100%;left:0;display:none;width:100%;width:100%;height:auto;padding:1rem;box-sizing:border-box;border-radius:1rem;background-color:var(--color2);box-shadow:0 0 .6rem rgba(20,21,42,.5)}.categories__list--active{display:block}.categories__label{color:var(--color2);font-family:var(--ff1);font-style:normal;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between}}@media all and (orientation: portrait)and (orientation: landscape){.categories__label{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)and (orientation: portrait){.categories__label{font-size:var(--fsm-regular);line-height:calc(var(--fsm-regular)*1.2);letter-spacing:calc(var(--fsm-regular)*0)}}@media all and (orientation: portrait){.categories__label svg{display:block;width:1rem;height:1rem}.results__container{padding:4rem 1rem}.category{display:block;padding:.5rem 0;text-decoration:none;color:var(--color5);font-family:var(--ff1);font-style:normal;font-weight:600}}@media all and (orientation: portrait)and (orientation: landscape){.category{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)and (orientation: portrait){.category{font-size:var(--fsm-regular);line-height:calc(var(--fsm-regular)*1.2);letter-spacing:calc(var(--fsm-regular)*0)}}