*,*:before,*:after{box-sizing:border-box}*{padding:0;margin:0}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1}a:not([class]){text-decoration-skip-ink:auto}a,a:visited,a:active{text-decoration:none}ul,ol{list-style:none}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button,[type=button],[type=reset],[type=submit]{border:0;cursor:pointer}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--container-padding-inline: clamp(1rem, 3.5vw, 1.5rem);--duration-1: .15s;--duration-2: .2s;scroll-behavior:smooth}body{background-color:var(--color-off-white)}.container{width:min(100% - var(--container-padding-inline) * 2,69.375rem);margin-inline:auto}.link{color:inherit}:root{--font-inter: "Inter", sans-serif;--font-size-3: .9375rem;--font-size-4: 1.125rem;--font-size-6: 2rem;--font-size-headline-1: 2.625rem;--font-size-headline-2: 2rem;--font-size-headline-3: 1.25rem;--font-size-headline-2-sm: 1.125rem}@media screen and (min-width: 48em){:root{--font-size-4: 1rem;--font-size-headline-1: 3.5rem;--font-size-headline-2: 2.375rem}}body{font-family:var(--font-inter);font-size:var(--font-size-3)}.headline-1{font-size:var(--font-size-headline-1);font-weight:800;color:var(--color-very-dark-blue)}.headline-2{font-size:var(--font-size-headline-2);font-weight:700;color:var(--color-soft-orange)}.headline-2--sm{width:fit-content;font-size:var(--font-size-headline-2-sm);font-weight:800;color:var(--color-very-dark-blue)}.headline-3{width:fit-content;font-size:var(--font-size-headline-3);font-weight:700;color:var(--color-white)}.text,.text--dark,.text--grayish{font-weight:400;line-height:1.6}.text--dark{color:var(--color-grayish-blue-6)}.text--grayish{color:var(--color-grayish-blue-3)}:root{--color-soft-orange: hsl(35, 77%, 62%);--color-soft-red: hsl(5, 85%, 63%);--color-white: hsl(0, 0%, 100%);--color-off-white: hsl(36, 100%, 99%);--color-grayish-blue-3: hsl(233, 8%, 79%);--color-grayish-blue-6: hsl(236, 13%, 42%);--color-very-dark-blue: hsl(240, 100%, 5%)}.nav{display:flex;justify-content:space-between;align-items:center}.nav__logo{width:2.8125rem}@media screen and (min-width: 48em){.nav__logo{width:4.0625rem}}.nav__overlay{--overlay-animation-cfg: var(--duration-2) ease-in-out forwards}@media screen and (max-width: 47.99875em){.nav__overlay{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;visibility:hidden;background-color:#00001a80}}.nav.active .nav__overlay{animation:show-overlay var(--overlay-animation-cfg)}@keyframes show-overlay{to{opacity:1;visibility:visible}}.nav__overlay.closing{animation:closing-overlay var(--overlay-animation-cfg)}@keyframes closing-overlay{0%{opacity:1;visibility:visible}}@media screen and (max-width: 47.99875em){.nav__guide{display:flex;width:min(68%,18.75rem);height:100%;flex-direction:column;row-gap:5.625rem;float:right;background-color:var(--color-white);padding:var(--header-padding-top) 1.5rem;transform:translate(100%)}}.nav.active .nav__guide{animation:show-guide var(--overlay-animation-cfg)}@keyframes show-guide{to{transform:translate(0)}}.nav__overlay.closing .nav__guide{animation:close-guide var(--overlay-animation-cfg)}@keyframes close-guide{0%{transform:translate(0)}}.nav__guide .button--guide{align-self:flex-end}.nav__guide .list{display:flex;gap:1.25rem 2.375rem}@media screen and (max-width: 47.99875em){.nav__guide .list{flex-direction:column}}.nav__guide .list__link{font-size:var(--font-size-4);transition:color var(--duration-1) ease}.nav__guide .list__link:hover,.nav__guide .list__link:focus-visible{color:var(--color-soft-red)}@media screen and (max-width: 47.99875em){.nav__guide .list__link{color:var(--color-very-dark-blue)}}.button,.button--guide,.button--read-more{display:flex;justify-content:center;align-items:center}.button--guide{background-color:transparent}.button--guide *{pointer-events:none}@media screen and (min-width: 48em){.button--guide{display:none}}.button--read-more{width:min(100%,11.625rem);height:3rem;background-color:var(--color-soft-red);font-size:var(--font-size-3);font-weight:700;color:var(--color-off-white);text-transform:uppercase;letter-spacing:.2em;transition:background-color var(--duration-1) ease}.button--read-more:hover,.button--read-more:focus-visible{background-color:var(--color-very-dark-blue)}.popular{display:grid;justify-items:center;grid-area:popular}.popular__image{width:min(100%,31.25rem)}@media screen and (min-width: 48em){.popular__image{width:100%}}.popular__content{--content-margin-top: 1.5rem;display:grid;row-gap:1.25rem;margin-block-start:var(--content-margin-top)}@media screen and (min-width: 48em){.popular__content{--content-margin-top: 2.25rem;grid-template-columns:repeat(2,1fr);column-gap:2rem}}.popular__wrapper .button--read-more{margin-block-start:var(--content-margin-top)}.new{grid-area:new;background-color:var(--color-very-dark-blue);padding:1.75rem 1.375rem}@media screen and (min-width: 48em){.new{padding:2.125rem 1.5rem}}.new__cards{display:grid;row-gap:2.125rem;margin-block-start:2.375rem}.new .card .headline-3{margin-block-end:.75rem;transition:color var(--duration-1) ease}.new .card .headline-3:hover,.new .card .headline-3:focus-visible{color:var(--color-soft-orange)}.new .card:not(:first-of-type){padding-block-start:2.125rem;border-block-start:.0625rem solid var(--color-grayish-blue-6)}.trending{display:grid;justify-content:space-between;row-gap:2.125rem;grid-area:trending}@media screen and (min-width: 64em){.trending{column-gap:1.875rem;grid-template-columns:repeat(3,1fr)}}.trending .card{display:grid;column-gap:1.5rem;grid-template-columns:6.25rem auto}.trending .card__content .headline-2--sm{margin-block-end:.625rem;transition:color var(--duration-1) ease}.trending .card__content .headline-2--sm:hover,.trending .card__content .headline-2--sm:focus-visible{color:var(--color-soft-red)}.trending .card__number{display:block;margin-block-end:1rem;font-size:var(--font-size-6);font-weight:700;color:var(--color-grayish-blue-3)}.header{--header-padding-top: 1.75rem;position:relative;padding-block:var(--header-padding-top) 2rem}@media screen and (min-width: 48em){.header{padding-block:3.125rem 2.5rem}}@media screen and (min-width: 64em){.header{padding-block:5.5rem 3.375rem}}.main__container{display:grid;grid-template-areas:"popular" "new" "trending";row-gap:4rem;padding-block-end:5rem}@media screen and (min-width: 48em){.main__container{grid-template-areas:"popular popular" "trending new";grid-auto-columns:1fr;gap:4.5rem 1.875rem}}@media screen and (min-width: 64em){.main__container{grid-template-areas:"popular new" "trending trending";grid-template-columns:2fr 1fr}}@media screen and (min-width: 90em){.main__container{grid-template-columns:auto 21.875rem}}