.breadcrumb__ul{display:flex;flex-wrap:wrap;padding:0;list-style-type:none;font-size:var(--font-m-xs)}.breadcrumb__ul__li:not(:first-child):before{content:"\00a0> "}.breadcrumb__ul__li__a{color:var(--black)}.breadcrumb__ul__li.current{text-decoration:none}.breadcrumb__current{color:red}.hero{margin:var(--header-h)-24px 0;padding:32px 24px;background:linear-gradient(310deg,var(--orange) 3%,var(--blue) 34%,var(--white) 90%)no-repeat 0 100%}.hero__buttons{display:flex;flex-direction:column;align-items:start;gap:24px;margin-top:32px}.hero__buttons .btn{width:auto}.hero__buttons .link{font-weight:700;text-decoration:underline}.hero__pict{max-width:100%;margin:32px 0 0;border-radius:8px;object-fit:cover}.filter{margin:50px 0 60px}.filter__checkbox span{display:inline-block;margin:10px;padding:10px;border-radius:8px;border:1px solid var(--black);cursor:pointer}.filter__checkbox span:hover{color:var(--white);background-color:var(--black)}.filter__checkbox input[type=checkbox]{display:none}.filter__checkbox input[type=checkbox]:checked+span{color:var(--white);background-color:var(--black)}.cards{display:grid;grid-template-columns:1fr;gap:50px}.card{gap:33px;display:grid;box-sizing:border-box;height:100%;margin:auto;padding:25px 25px 50px;box-shadow:0 2px 10px rgba(0,0,0,.15);border-radius:8px}.card__tag{position:absolute;right:40px;transform:translate(-12px,12px);background:var(--white);color:var(--black);padding:4px 8px;border-radius:4px;font-size:var(--font-m-s);font-weight:700}.card__pict{width:100%;max-height:100%;border-radius:8px}.card__title{margin:0 0 15px;font-size:var(--font-m-l);font-weight:900;text-transform:uppercase}.card__nb{margin:0 0 15px;color:var(--green);font-weight:700}.card__description{margin:0}.card--hidden{display:none}@media(min-width:960px){.hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:0 calc((var(--body-max-width) - 100vw)/2);padding:calc(120px + 32px)calc((100vw - var(--body-max-width))/2)calc(64px)}.hero__buttons{flex-direction:row;align-items:center;gap:48px}.hero__pict{max-width:100%}.hero>div{display:grid;grid-template-rows:auto auto 1fr auto}.cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px}.card{grid-template-rows:auto 1fr auto;box-sizing:border-box}.card__tag{right:auto;transform:translate(12px,12px)}}