.block__hero{position:relative;width:100%}.block__hero__back{background:rgb(var(--color-black));border-radius:var(--border-radius-m);box-sizing:border-box;display:block;overflow:hidden;width:100%;height:100%}.about__main__image{opacity:.8}.page__about .hero__title{position:relative;color:rgb(var(--color-white));display:flex;flex-direction:column;height:100%;box-sizing:border-box}.hero__title.position__down{justify-content:flex-end}.about__row{margin-bottom:var(--grid-margin);position:relative}.about__row .column{position:relative;overflow:hidden}.about__row .column__text{display:flex;flex-direction:column;justify-content:space-between}.inner__padding__color{border-radius:var(--border-radius-m);border:solid 1px rgba(var(--color-black),.05);box-sizing:border-box;display:block;width:100%}.text__bottom strong,.text__bottom b{font-weight:700}.intermedial,.final__comment div{text-align:center}.hero__title span{display:block}.about__block .hero__title .title--line{opacity:0;transform:translate3d(0,100%,0);transition:opacity .5s var(--transition-handle),transform 0s .5s}.start .about__block .hero__title .title--line{transform:translateZ(0);transition:opacity 0s var(--transition-handle),transform .8s var(--transition-handle);opacity:1}.about__block+.button__end{margin-top:2rem}@media (min-width: 1381px){.about__row .column{aspect-ratio:1 / 1}}@media (max-width: 1380px){.text__bottom{padding-top:3rem}}@media (min-width: 981px){.inner__padding__color,.page__about .hero__title{padding:3.25rem 3.5rem}.intermedial{margin:0 auto;width:66.667%}.final__comment div{margin:0 auto;width:64%}.inner__padding__color>.text__bottom{padding-right:var(--grid-margin)}}@media (max-width: 980px){.about__row.column__container{gap:var(--grid-gutter)}.about__row .column:not(.column__text){aspect-ratio:1 / 1}}@media (max-width: 980px) and (min-width: 681px){.inner__padding__color,.page__about .hero__title{padding:2.5rem 2.75rem}}@media (min-width: 681px){.about__block+.about__block{margin-top:10rem}.block__hero{aspect-ratio:9 / 4}.final__comment.inner__padding{padding-bottom:5rem;padding-top:5rem}}@media (max-width: 680px){.about__block+.about__block{margin-top:7.5rem}.block__hero{aspect-ratio:4 / 5}.inner__padding__color,.page__about .hero__title{padding:2rem}.intermedial>.title--m{font-size:2rem;line-height:2.25rem}.final__comment.inner__padding{padding-bottom:3rem;padding-top:3rem}.final__comment>.title--s{font-size:1.5rem;line-height:2rem}.about__row .column__text{order:1}.about__row .column:not(.column__text){order:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/about.css.map */