.cinoton-feature{padding:clamp(52px,7vw,100px) 0;background:#08090c;color:#fff}.cinoton-feature__wrap{width:min(100% - 40px,var(--page-box-width, 1600px));margin:auto}.cinoton-feature__eyebrow{color:var(--feature-eyebrow-color, #46c8ff);letter-spacing:.18em;font-size:12px;font-weight:700}.cinoton-feature h2{max-width:660px;margin:0 0 24px;color:var(--feature-heading-color, #fff);font-size:clamp(29px,3vw,44px);line-height:1.12}.cinoton-feature__intro{margin:-8px 0 26px;color:var(--feature-description-color, #aeb9ca)}.cinoton-feature__grid{display:grid;gap:12px}.cinoton-feature--banner .cinoton-feature__grid{grid-template-columns:1fr}.cinoton-feature--mosaic .cinoton-feature__grid{grid-template-columns:repeat(14,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,clamp(230px,25vw,340px)));grid-auto-rows:280px}.cinoton-feature--mosaic .cinoton-feature__card:nth-child(1){grid-column:1 / span 6;grid-row:1 / span 2}.cinoton-feature--mosaic .cinoton-feature__card:nth-child(2){grid-column:7 / span 8;grid-row:1}.cinoton-feature--mosaic .cinoton-feature__card:nth-child(3){grid-column:7 / span 4;grid-row:2}.cinoton-feature--mosaic .cinoton-feature__card:nth-child(4){grid-column:11 / span 4;grid-row:2}.cinoton-feature--mosaic-wide .cinoton-feature__grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,clamp(230px,25vw,340px)));grid-auto-rows:280px}.cinoton-feature--mosaic-wide .cinoton-feature__card:nth-child(1){grid-column:1 / span 4;grid-row:1}.cinoton-feature--mosaic-wide .cinoton-feature__card:nth-child(2){grid-column:5 / span 2;grid-row:1}.cinoton-feature--mosaic-wide .cinoton-feature__card:nth-child(3){grid-column:1 / span 3;grid-row:2}.cinoton-feature--mosaic-wide .cinoton-feature__card:nth-child(4){grid-column:4 / span 3;grid-row:2}.cinoton-feature--mosaic-equal .cinoton-feature__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cinoton-feature--mosaic-equal .cinoton-feature__card{min-height:clamp(260px,27vw,360px)}.cinoton-feature--mosaic .cinoton-feature__card,.cinoton-feature--mosaic-wide .cinoton-feature__card{min-height:0}.cinoton-feature--cards .cinoton-feature__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cinoton-feature__card{position:relative;min-width:0;min-height:260px;overflow:hidden;border:1px solid #27313e;border-radius:12px;background:radial-gradient(circle at 80% 30%,#24394e,#111823 65%)}.cinoton-feature--banner .cinoton-feature__card{min-height:270px}.cinoton-feature--cards .cinoton-feature__card{min-height:360px}.cinoton-feature__card>img,.cinoton-feature__video,.cinoton-feature__video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cinoton-feature__card>img,.cinoton-feature__video{transition:transform .5s ease}.cinoton-feature__card>img,.cinoton-feature__video video{object-fit:cover}.cinoton-feature__card:hover>img,.cinoton-feature__card:hover>.cinoton-feature__video{transform:scale(1.04)}.cinoton-feature__card-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(2,7,14,.88),transparent 72%)}.cinoton-feature--banner .cinoton-feature__card-shade{background:linear-gradient(90deg,#02070ee6,#02070e0f 80%)}.cinoton-feature__content{position:absolute;z-index:1;left:25px;right:25px;bottom:24px;color:var(--cinoton-card-text, #fff)}.cinoton-feature--banner .cinoton-feature__content{max-width:420px;top:50%;bottom:auto;transform:translateY(-50%)}.cinoton-feature__content>span{color:var(--cinoton-label-color, #58c6ff);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.cinoton-feature__content h3{margin:6px 0;color:var(--cinoton-title-color, #fff);font-size:clamp(20px,2.2vw,30px);line-height:1.14}body.template-index #main-content .cinoton-feature__content h3{color:var(--cinoton-title-color, #fff)}.cinoton-feature__content p{margin:6px 0 12px;color:var(--cinoton-description-color, #e0e8f1);font-size:14px;line-height:1.45}.cinoton-feature__content a{position:relative;z-index:2;color:var(--cinoton-link-color, #fff);font-weight:700;border-bottom:1px solid var(--cinoton-link-border-color, #48c4ff);text-decoration:none}.cinoton-feature__card--promo{background:var(--cinoton-promo-bg, #c99b4a);border-color:transparent}.cinoton-feature__card--promo>img,.cinoton-feature__card--promo>.cinoton-feature__video{top:auto;height:65%}.cinoton-feature__card--promo>img,.cinoton-feature__card--promo>.cinoton-feature__video video{object-fit:contain;object-position:center bottom}.cinoton-feature__card--promo .cinoton-feature__card-shade{display:none}.cinoton-feature__card--promo .cinoton-feature__content{top:20px;bottom:auto;color:var(--cinoton-card-text, #fff)}.cinoton-feature__card--promo .cinoton-feature__content a{border-color:currentColor}@media(max-width:900px){.cinoton-feature--cards .cinoton-feature__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cinoton-feature--mosaic .cinoton-feature__grid,.cinoton-feature--mosaic-wide .cinoton-feature__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:250px}.cinoton-feature--mosaic .cinoton-feature__card:nth-child(-n+4),.cinoton-feature--mosaic-wide .cinoton-feature__card:nth-child(-n+4){grid-row:auto;grid-column:auto}.cinoton-feature--mosaic .cinoton-feature__card:nth-child(-n+2),.cinoton-feature--mosaic-wide .cinoton-feature__card:nth-child(-n+2){grid-column:1 / -1}}@media(max-width:600px){.cinoton-feature__wrap{width:min(100% - 28px,var(--page-box-width, 1600px))}.cinoton-feature--mosaic .cinoton-feature__grid,.cinoton-feature--mosaic-wide .cinoton-feature__grid,.cinoton-feature--mosaic-equal .cinoton-feature__grid,.cinoton-feature--cards .cinoton-feature__grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:auto}.cinoton-feature--mosaic .cinoton-feature__card:nth-child(-n+4),.cinoton-feature--mosaic-wide .cinoton-feature__card:nth-child(-n+4){grid-column:auto;grid-row:auto}.cinoton-feature__card,.cinoton-feature--mosaic .cinoton-feature__card,.cinoton-feature--mosaic-wide .cinoton-feature__card{min-height:280px}}
/*# sourceMappingURL=/cdn/shop/t/185/assets/cinoton-feature-grid.css.map */