@charset "UTF-8";.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:calc(var(--header-h) - 24px)-24px 0;padding:16px 24px;background:linear-gradient(280deg,var(--red) 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}.h2{display:inline-block;margin:24px 0 8px;font-size:var(--font-m-l)}.tags{display:inline-flex;flex-wrap:wrap;gap:16px}.tags__tag{display:flex;align-items:center;justify-content:center;height:44px;padding:8px 16px;background:var(--white);border:1px solid var(--black);border-radius:8px;box-sizing:border-box;text-decoration:none;color:var(--black)}.card{margin:48px 0;padding:24px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1),0 8px 8px rgba(0,0,0,.1)}.card__img{max-width:100%;height:262px;margin:0 0 24px;border-radius:8px;object-fit:cover}.card__title{margin:16px 0;text-transform:uppercase;font-weight:900;color:var(--black)}.card__subtitle{margin:24px 0 12px;color:var(--violet);font-weight:600}.card ul{margin:0 0 24px;padding:0;list-style-type:none;color:var(--violet)}.card li{margin:8px 0}.card li::before{content:"•";margin-right:8px}@media(min-width:960px){.hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:var(--header-h)calc((var(--body-max-width) - 100vw)/2)0;padding: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 .h1{align-self:center}.hero>div{display:grid;grid-template-rows:auto 1fr auto}.h2{margin:24px 32px 8px 0;font-size:var(--font-m)}.tags__tag:hover{background:var(--black);color:var(--white)}.card{display:grid;grid-template-columns:25% 40% 1fr;grid-template-areas:"img title1 title2" "img text advantages" "img button advantages";gap:0 48px;padding:24px 48px}.card__img{width:262px;height:200px;grid-area:img}.card__title{grid-area:title1}.card__desc{grid-area:text}.card__subtitle{grid-area:title2}.card__subtitle::before{position:absolute;transform:translate(-36px,0);content:"";display:block;height:180px;width:1px;background:var(--medium-gray)}.card ul{grid-area:advantages}.card .btn{margin:12px 0;grid-area:button;justify-self:start}}