.cn-hero{position:relative;display:block;height:var(--cn-hero-h, 90svh);min-height:520px;max-height:1100px;background:#1b1b1b;overflow:hidden;color:#fff}.cn-hero__media-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr}.cn-hero[data-view=two] .cn-hero__media-wrap{grid-template-columns:1fr 1fr}.cn-hero[data-view=one] .cn-hero__media:nth-child(n+2){display:none}.cn-hero__media{margin:0;position:relative;overflow:hidden;min-width:0}.cn-hero__video,.cn-hero__img,.cn-hero__media picture,.cn-hero__media video{width:100%;height:100%;object-fit:cover;object-position:var(--cn-pos, 50% 50%);display:block}.cn-hero__media picture img{width:100%;height:100%;object-fit:cover;object-position:var(--cn-pos, 50% 50%)}.cn-hero__media-link,a.cn-hero__media-link:empty{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cn-hero__placeholder{width:100%;height:100%;background:#2a2a2a}.cn-hero__ph-svg{width:100%;height:100%;fill:#ffffff2e}.cn-hero__only-mobile{display:none}.cn-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:55%;pointer-events:none;z-index:1}.cn-hero--fade-soft:after{background:linear-gradient(transparent,#0000006b)}.cn-hero--fade-strong:after{background:linear-gradient(transparent,#000000a8)}.cn-hero--fade-none:after{display:none}.cn-hero--dark{color:#0b0b0b}.cn-hero--dark.cn-hero--fade-soft:after{background:linear-gradient(transparent,#ffffff73)}.cn-hero--dark.cn-hero--fade-strong:after{background:linear-gradient(transparent,#ffffffb3)}.cn-hero__cap{position:absolute;left:14px;top:calc(var(--cn-header-h, 64px) + 14px);z-index:2;font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.35)}.cn-hero--dark .cn-hero__cap{text-shadow:none}.cn-hero__controls{position:absolute;z-index:3;top:auto;bottom:24px;right:max(16px,env(safe-area-inset-right,0px));display:flex;gap:8px;align-items:center}.cn-hero__switch{display:inline-flex;align-items:center;background:#fff;color:#000;font:700 11px/1 var(--cn-sans);letter-spacing:.06em;text-transform:uppercase}.cn-hero__switch span{padding:7px 4px 7px 10px;color:#555}.cn-hero__switch button,.cn-hero__pause{padding:7px 10px;font:700 11px/1 var(--cn-sans);letter-spacing:.06em;text-transform:uppercase;border:0;cursor:pointer}.cn-hero__switch button{background:none;color:#000}.cn-hero__switch button[aria-pressed=true]{background:#000;color:#fff}.cn-hero__pause{background:#ffffff2e;color:#fff;width:32px;height:32px;padding:0;border-radius:50%;font-size:0;display:grid;place-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:.75;transition:opacity .2s}.cn-hero__pause:hover,.cn-hero__pause:focus-visible{opacity:1}.cn-hero__pause:before{content:"";width:8px;height:10px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}.cn-hero__pause[aria-pressed=true]:before{width:0;height:0;border-left:9px solid currentColor;border-right:0;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}.cn-hero__over{position:absolute;z-index:2;left:0;right:0;bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.cn-hero__big{margin:0;font-weight:900;font-size:clamp(56px,11vw,180px);line-height:.82;letter-spacing:-.05em;text-transform:uppercase}.cn-hero__n{display:block;font-size:.42em;letter-spacing:-.03em;margin-bottom:.12em}.cn-hero__cta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0}.cn-hero__btn{display:inline-block;background:#fff;color:#111;padding:13px 18px;font:800 12px/1 var(--cn-sans);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.cn-hero__btn:hover,.cn-hero__btn:focus-visible{background:#111;color:#fff}.cn-hero--dark .cn-hero__btn{background:#111;color:#fff}.cn-hero--dark .cn-hero__btn:hover{background:#fff;color:#111}.cn-hero__trust{margin:12px 0 0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;opacity:.9}@media(max-width:749px){.cn-hero{height:var(--cn-hero-h-m, 75svh);min-height:460px}.cn-hero .cn-hero__media-wrap{grid-template-columns:1fr!important}.cn-hero .cn-hero__media:nth-child(n+2){display:none!important}.cn-hero__switch,.cn-hero__only-desktop{display:none}.cn-hero__only-mobile{display:block}.cn-hero__over{bottom:20px}.cn-hero__btn{padding:12px 14px}}.cn-header-overlay .cn-hero__controls{top:auto}
/*# sourceMappingURL=/cdn/shop/t/84/assets/cn-hero.css.map */