.harmonie-hero{position:relative;height:var(--hh-height-mobile, 206vw);overflow:hidden;background:#1d1f19;color:var(--hh-text-color, #fff)}.harmonie-hero__media,.harmonie-hero__img{display:block;width:100%;height:100%}.harmonie-hero__img{object-fit:cover;object-position:var(--hh-focus-mobile, 45% 50%)}.harmonie-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 32%,rgba(0,0,0,calc(var(--hh-veil, .85) * .6)),rgba(0,0,0,calc(var(--hh-veil, .85) * .9)) 78%,rgba(0,0,0,var(--hh-veil, .85)));pointer-events:none}.harmonie-hero__content{position:absolute;right:0;bottom:0;left:0;box-sizing:border-box;padding:0 7vw min(14vw,64px);text-align:center}.harmonie-hero__title{display:flex;flex-direction:column;align-items:center;margin:0;color:inherit;font-weight:400;letter-spacing:0;line-height:1;text-transform:none}.harmonie-hero__script{margin-right:.12em;font-family:Harmonie Script,cursive;font-size:min(19vw,110px);font-weight:400;line-height:.95}.harmonie-hero__mono{margin-top:.02em;font-family:Harmonie Mono,ui-monospace,monospace;font-size:min(15vw,86px);font-weight:300;letter-spacing:.01em;line-height:1}.harmonie-hero__text{max-width:19em;margin:min(7vw,34px) auto 0;color:inherit;font-family:Harmonie Lato,Lato,sans-serif;font-size:min(4.6vw,22px);font-weight:400;line-height:1.45;text-wrap:pretty}@media(min-width:750px){.harmonie-hero{height:var(--hh-height-desktop, min(66.67vw, 120vh));min-height:440px}.harmonie-hero__img{object-position:var(--hh-focus-desktop, 50% 40%)}.harmonie-hero__veil{background:linear-gradient(to left,rgba(0,0,0,calc(var(--hh-veil, .85) * .8)),rgba(0,0,0,calc(var(--hh-veil, .85) * .55)) 32%,#0000 62%)}.harmonie-hero__content{top:0;left:auto;display:flex;flex-direction:column;justify-content:center;width:46%;padding:0 6vw 0 2vw}.harmonie-hero__script{font-size:clamp(64px,8.4vw,150px);text-shadow:0 2px 18px rgba(0,0,0,.25)}.harmonie-hero__mono{font-size:clamp(50px,6.4vw,116px);text-shadow:0 2px 18px rgba(0,0,0,.25)}.harmonie-hero__text{max-width:22em;margin-top:clamp(18px,2.2vw,40px);font-size:clamp(15px,1.35vw,22px);font-weight:700;text-shadow:0 1px 10px rgba(0,0,0,.35)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/harmonie-hero.css.map */