.cinoton-collection-hero{position:relative;min-height:var(--collection-hero-height, 460px);overflow:hidden;background:#08090c;color:var(--collection-hero-text, #fff);isolation:isolate}.cinoton-collection-hero__media,.cinoton-collection-hero__media picture,.cinoton-collection-hero__media img,.cinoton-collection-hero__fallback,.cinoton-collection-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0}.cinoton-collection-hero__media{z-index:-2}.cinoton-collection-hero__media picture{display:block}.cinoton-collection-hero__media img{width:100%;height:100%;object-fit:cover;object-position:var(--collection-hero-focus-x, 50%) var(--collection-hero-focus-y, 50%)}.cinoton-collection-hero__fallback{background:radial-gradient(circle at 70% 35%,rgba(83,88,255,.42),transparent 24%),radial-gradient(circle at 25% 70%,rgba(23,168,225,.3),transparent 30%),linear-gradient(125deg,#171c24,#08090c 72%)}.cinoton-collection-hero__shade{z-index:-1;background:linear-gradient(to top,rgba(var(--collection-hero-overlay, 2,6,10),calc(var(--collection-hero-overlay-opacity, .35) + .28)),rgba(var(--collection-hero-overlay, 2,6,10),calc(var(--collection-hero-overlay-opacity, .35) * .45)) 55%,rgba(var(--collection-hero-overlay, 2,6,10),calc(var(--collection-hero-overlay-opacity, .35) * .7)))}.cinoton-collection-hero__content{position:absolute;right:clamp(24px,5vw,80px);bottom:clamp(28px,5vw,64px);left:clamp(24px,5vw,80px);text-align:center;text-shadow:0 4px 24px rgba(0,0,0,.6)}.cinoton-collection-hero__content p{margin:0 0 10px;color:#8edcff;font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.cinoton-collection-hero__title{max-width:920px;margin:0 auto;color:inherit;font-size:clamp(36px,5vw,72px);font-weight:760;line-height:.98;letter-spacing:-.045em;text-wrap:balance}@media(max-width:767px){.cinoton-collection-hero{min-height:var(--collection-hero-height-mobile, 280px)}.cinoton-collection-hero__content{right:20px;bottom:24px;left:20px}.cinoton-collection-hero__content p{margin-bottom:8px;font-size:10px}.cinoton-collection-hero__title{font-size:clamp(32px,10vw,46px)}}
/*# sourceMappingURL=/cdn/shop/t/185/assets/cinoton-collection-hero.css.map */