.section-corner-cols{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);max-width:100vw;overflow:hidden}.section-corner-cols .corner-cols-title{color:#414f4f;font-family:Garnett;line-height:1.1em;font-size:40px;letter-spacing:-.03em;font-weight:500}.section-corner-cols .corner-cols-items{margin-top:48px;display:grid;grid-template-columns:1fr;gap:64px}@media only screen and (min-width:768px){.section-corner-cols .corner-cols-items{grid-template-columns:repeat(3,1fr);gap:20px}}.section-corner-cols .corner-cols-item{display:flex;flex-direction:column}.section-corner-cols .corner-cols-item .corner-cols-item-area{position:relative;display:flex;flex-direction:column;gap:40px}.section-corner-cols .corner-cols-item .corner-cols-item-main-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.section-corner-cols .corner-cols-item .corner-cols-item-head{position:relative;z-index:2}.section-corner-cols .corner-cols-item .corner-cols-item-head .corner-cols-item-image{display:flex;width:100%;aspect-ratio:101/73}.section-corner-cols .corner-cols-item .corner-cols-item-head .corner-cols-item-image img{width:100%;height:100%;object-fit:cover}.section-corner-cols .corner-cols-item .corner-cols-item-head .corner-cols-item-image.corner-cols-item-image--mobile{display:none}.section-corner-cols .corner-cols-item .corner-cols-item-body{display:flex;align-items:flex-start;gap:14px;z-index:2;pointer-events:none}.section-corner-cols .corner-cols-item .corner-cols-item-body .corner-cols-item-index{color:#1113194d;font-family:Garnett;line-height:1.1em;font-size:24px;letter-spacing:-.03em;font-weight:500}.section-corner-cols .corner-cols-item .corner-cols-item-body .corner-cols-item-info{display:flex;flex-direction:column;gap:14px}.section-corner-cols .corner-cols-item .corner-cols-item-body .corner-cols-item-info .corner-cols-item-title{color:#414f4f;font-family:Garnett;line-height:1.1em;font-size:24px;letter-spacing:-.03em;font-weight:500}.section-corner-cols .corner-cols-item .corner-cols-item-body .corner-cols-item-info .corner-cols-item-description{color:#111319;font-family:DM Sans;font-size:18px;font-weight:400;line-height:1.25em;letter-spacing:-.03em}.section-corner-cols .corner-cols-item .corner-cols-item-body .corner-cols-item-info .corner-cols-item-description-mobile{display:none;color:#414f4f;font-family:DM Sans;font-size:18px;font-weight:600;line-height:1.25em;letter-spacing:-.03em;margin-bottom:-4px}.section-corner-cols .corner-cols-item.is-animated .corner-anim-side-text.left{animation:sideFadeLoopL 7s infinite ease-in-out}.section-corner-cols .corner-cols-item.is-animated .corner-anim-side-text.right{animation:sideFadeLoopR 7s infinite ease-in-out}.section-corner-cols .corner-cols-item.is-animated .corner-animation-line{animation:lineResizeLoop 5s infinite alternate ease-in-out}@media only screen and (max-width:768px){.section-corner-cols .corner-cols-title{font-size:32px}.section-corner-cols .corner-cols-item-image{aspect-ratio:65/47}.section-corner-cols .corner-cols-item-image--has-mobile{display:none!important}.section-corner-cols .corner-cols-item-image--mobile,.section-corner-cols .corner-cols-item-description-mobile{display:block!important}}.section-corner-cols .corner-anim-side-text{position:absolute;top:35px;display:flex;align-items:center;gap:8px;opacity:0;z-index:5;font-family:DM Sans;font-size:12px;font-weight:600;line-height:1.1em;letter-spacing:.04em;color:#fff}.section-corner-cols .corner-anim-side-text svg{width:18px;height:21px}.section-corner-cols .corner-anim-side-text.left{left:7%;transform:translateY(-50%) translate(0)}.section-corner-cols .corner-anim-side-text.right{right:7%;transform:translateY(-50%) translate(0)}@keyframes sideFadeLoopL{0%,30%{opacity:1;transform:translateY(-50%) translate(0)}50%,80%{opacity:0;transform:translateY(-50%) translate(-100px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes sideFadeLoopR{0%,30%{opacity:1;transform:translateY(-50%) translate(0)}50%,80%{opacity:0;transform:translateY(-50%) translate(100px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.section-corner-cols .corner-animation-points{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.section-corner-cols .hotspot-node{position:absolute;transform:translate(-50%,-50%);z-index:20}.section-corner-cols .hotspot-node .corner-animation-point{width:24px;height:24px;background:#fff;border-radius:50%;cursor:pointer;animation:hotspotPulse 2s infinite}.section-corner-cols .corner-animation-popup{position:absolute;bottom:25px;left:50%;transform:translate(-50%) translateY(10px);background:#fff;padding:10px;opacity:0;visibility:hidden;transition:all .3s ease;text-align:center;z-index:30}.section-corner-cols .corner-animation-popup.active{opacity:1;visibility:visible;transform:translate(-50%) translateY(50%)}.section-corner-cols .corner-animation-popup a{text-decoration:none;color:inherit;display:block;pointer-events:auto}.section-corner-cols .corner-animation-popup img{width:150px;height:64px;margin-bottom:5px}.section-corner-cols .corner-animation-popup p{margin:6px 0 0;font-size:14px;font-weight:600;font-family:DM Sans}.section-corner-cols .hotspot-node.popup-bottom .corner-animation-popup{bottom:auto;top:25px;transform:translate(-50%) translateY(50%)}.section-corner-cols .hotspot-node.popup-bottom .corner-animation-popup.active{transform:translate(-50%) translateY(-50%)}@keyframes hotspotPulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 16px #fff0}to{box-shadow:0 0 #fff0}}.section-corner-cols .corner-animation-line{position:absolute;height:30px;background:#cd5f5f;width:20px;border-radius:2px;z-index:2}.section-corner-cols .corner-animation-line{position:absolute;height:30px;background:#fff;width:2px;z-index:2;opacity:.5}.section-corner-cols .corner-animation-line:before,.section-corner-cols .corner-animation-line:after{content:"";position:absolute;right:0;width:15px;height:2px;background:inherit;background-color:#fff}.section-corner-cols .corner-animation-line:before{top:0}.section-corner-cols .corner-animation-line:after{bottom:0}@keyframes lineResizeLoop{0%,10%{height:30px}40%,60%{height:var(--max-line-height)}to{height:30px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-corner-cols.css.map */