.oo--wrapper{padding:var(--band-md) 0}.oo-header--wrapper{align-items:flex-end;display:flex;flex-direction:row;gap:160px}.oo-header{flex:1 1 calc(50% + 160px)}.oo-header__aside--wrapper{flex:1 1 50%}.oo-header__aside{margin-bottom:10px}.oo-nav{background-color:#f1f5f5;border-radius:30px;display:flex;flex-direction:row;gap:6px;margin-bottom:var(--band-sm);margin-top:var(--band-md);padding:8px;position:relative;width:fit-content;z-index:3}.oo-nav__item:before{content:"X"}.oo-nav__item{all:unset;align-items:center;border-radius:inherit;color:#000;cursor:pointer;display:flex;gap:12px;justify-content:center;padding:12px 16px;z-index:3}.oo-nav__item.active.first{background-color:#d5e0de}.oo-card--wrapper{background-position:50%;background-repeat:no-repeat;background-size:cover}.oo-cards{display:none;gap:20px;grid-template-columns:repeat(3,1fr)}.oo-cards.active{display:grid}.oo-card--wrapper{border-radius:16px;padding:40px}.oo-card{aspect-ratio:2/3;border:0;color:#fff;display:block;text-decoration:none}.oo-card__label{color:inherit;display:block;margin-bottom:8px;position:relative;top:0;transition:.3s linear}.oo-card__title{color:inherit;display:flex;justify-content:space-between;line-height:1.1}.oo-card__arw{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m16.172 11-5.364-5.363 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z'/%3E%3C/svg%3E");height:24px;transition:.3s ease;width:24px}.oo-card--wrapper:hover .oo-card__arw{background-position:24px}.oo-card--wrapper:hover .oo-card__label{top:-8px}.element{background:var(--bg-tint);border-radius:var(--border-radius-xs);border-radius:30px;box-shadow:0 2px 4px rgba(0,0,0,.15),0 8px 16px rgba(0,0,0,.1);left:0;position:absolute;top:8px;transition-duration:.4s,.3s,.3s;transition-property:transform,height,width;transition-timing-function:ease-in-out;z-index:1}@media (max-width:768px){.oo-cards.active{grid-template-columns:repeat(2,1fr)}.oo-card{aspect-ratio:3/4}.oo-card--wrapper{padding:26px 16px}}@media (max-width:512px){.oo-cards.active{grid-template-columns:repeat(1,1fr)}.oo-header--wrapper{flex-direction:column;gap:64px;margin-bottom:32px}}