:root{--color-white:hsl(36, 100%, 99%);--color-blue: hsl(240, 100%, 5%);--color-gray: hsl(236, 13%, 42%);--color-red: hsl(5, 85%, 63%);--color-silver: hsl(233, 8%, 79%);--color-yellow: hsl(35, 77%, 62%);--font-xl: clamp(2.5rem, 2.1478873239rem + 1.5023474178vw, 3.5rem);--font-l: clamp(2rem, 1.823943662rem + .7511737089vw, 2.5rem);--font-s: 1.25rem;--font-m: 2rem;--font-xs: 1.125rem;--font-body: .9375rem}html{font-size:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;min-height:100vh;font-family:Inter,sans-serif;line-height:1.7;font-size:var(--font-body);color:var(--color-gray);padding-block-end:10vh}body h1,body h2,body h3{color:var(--color-blue);line-height:1.1}h1,h2,h3,p{margin:0}a{text-decoration:none;transition:.15s ease-in-out;transition-property:color,background-color}img{display:block;width:100%;height:auto}ul{margin:0;padding:0}li{list-style-type:none}.wrapper{width:min(69.375rem,100% - 2rem);margin-inline:auto}.grid{display:grid;gap:4rem}@media (width >= 69.375em){.grid{grid-template-columns:repeat(3,1fr);grid-template-rows:18.75rem auto auto;gap:1.875rem}}.noscroll{overflow-y:hidden}.header{display:flex;justify-content:space-between;padding-block:1.875rem}@media (width >= 69.375rem){.header{padding-block:5.625rem 3.4375rem}}.header__logo{width:2.8125rem}@media (width >= 69.375rem){.header__logo{width:4rem}}.header__links{display:flex;gap:2.5rem}@media (width < 69.375rem){.header__links{flex-direction:column;gap:1.5rem}}.header__link{color:var(--color-blue);font-size:1.125rem;line-height:1.3}@media (width >= 69.375rem){.header__link{font-size:var(--font-body);color:var(--color-grey)}}.header__link:hover{color:var(--color-red)}.feature{display:grid;gap:1.5rem}@media (width >= 69.375em){.feature{grid-column:1/3;grid-row:1/3;gap:1.875rem;grid-template-columns:subgrid;grid-template-rows:subgrid}}@media (width >= 69.375em){.feature__picture{grid-column:1/3}}.feature__headline{font-size:2.5rem;font-size:var(--font-xl);font-weight:800}.feature__description p{margin-block-end:1.875rem}.feature__button{justify-self:start;display:inline-block;background-color:var(--color-red);color:var(--color-white);font-size:.875rem;letter-spacing:.31em;font-weight:700;text-transform:uppercase;padding:.75rem 2rem}.feature__button:hover{background-color:var(--color-blue)}.new{background-color:var(--color-blue);padding:1.5rem 1.25rem}@media (width >= 69.375em){.new{grid-column:3/4;grid-row:1/3}}.new__title{font-size:var(--font-l);color:var(--color-yellow)}.new__post{padding-block:1.875rem;border-block-end:1px solid var(--color-gray)}.new__post:last-child{border:none}.new__headline{display:inline-block;font-size:var(--font-s);font-weight:800;margin-block-end:.5rem;color:var(--color-white)}.new__headline:hover{color:var(--color-yellow)}.new__description{font-size:var(--font-body);color:var(--color-silver)}.blog{display:grid;gap:1.875rem}@media (width >= 69.375em){.blog{grid-template-columns:subgrid;grid-column:1/-1;padding-block-start:1.875rem}}.blog__item{display:grid;grid-template-columns:6.25rem auto;grid-template-rows:repeat(3,auto);gap:.625rem 1.5rem}.blog__image{grid-row:1/4}.blog__number{color:var(--color-silver);font-size:var(--font-m);font-weight:700;line-height:1}.blog__headline{align-self:center}.blog__headline a{color:var(--color-blue);font-size:var(--font-xs);font-weight:800;line-height:1.1}.blog__headline a:hover{color:var(--color-red)}.blog__description{align-self:end}.nav button{background:none;border:none;padding:0}@media (width >= 69.375rem){.nav button{display:none}}.nav__open[aria-expanded=true]~.nav__content{translate:0}@media (prefers-reduced-motion){.nav__open[aria-expanded=true]~.nav__content{opacity:1}}.nav__open[aria-expanded=true]~.nav__overlay{opacity:.5}@media (width < 69.375em){.nav__content{display:none;position:fixed;top:0;right:0;bottom:0;left:7.5rem;background-color:var(--color-white);padding:1.875rem;translate:100vw 0;transition:translate .5s ease-in-out}}@media (prefers-reduced-motion){.nav__content{translate:0;opacity:0;transition:opacity .5s ease-in-out}}.nav__close{display:block;margin-inline-start:auto;margin-block-end:5.375rem}.nav__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-blue);opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}