.persol-hero{position:relative;width:100%;background:#f5f5f5;overflow:hidden}.persol-hero__media{position:relative;width:100%}.persol-hero__video,.persol-hero__image,.persol-hero__fallback-img{display:block;width:100%;height:100%;object-fit:cover}@media(min-width:768px){.persol-hero{min-height:var(--persol-hero-h-desktop, 100svh)}.persol-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.persol-hero__media-desktop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.persol-hero__media-mobile{display:none}.persol-hero__video,.persol-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.persol-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.52) 0%,rgba(0,0,0,.15) 40%,transparent 70%);pointer-events:none;z-index:1}.persol-hero__content--desktop{display:flex;flex-direction:column;align-items:var(--persol-hero-flex-align-desktop, flex-start);justify-content:var(--persol-hero-flex-justify-desktop, flex-end);position:relative;z-index:2;min-height:var(--persol-hero-h-desktop, 100svh);padding:var(--persol-hero-content-padding-desktop, 52px) 40px;max-width:100%;text-align:var(--persol-hero-text-align-desktop, left)}.persol-hero__content--mobile{display:none}.persol-hero__title{font-size:var(--persol-hero-title-size-desktop, 36px);font-weight:400;color:var(--persol-hero-title-color, #ffffff);line-height:1.18;margin-bottom:12px;letter-spacing:-.01em;max-width:680px}.persol-hero__subtitle{font-size:var(--persol-hero-subtitle-size-desktop, 13px);font-weight:400;color:var(--persol-hero-subtitle-color, #ffffff);line-height:1.5;margin-bottom:24px;max-width:400px}.persol-hero__buttons{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;justify-content:var(--persol-hero-flex-align-desktop, flex-start)}.persol-hero__btn{display:inline-block;padding:12px 24px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.persol-hero__btn--primary{background:var(--persol-hero-btn1-bg, rgba(255,255,255,.18));color:var(--persol-hero-btn1-color, #fff);border:1px solid var(--persol-hero-btn1-border, rgba(255,255,255,.55))}.persol-hero__btn--primary:hover{background:var(--persol-hero-btn1-bg-hover, #fff);color:var(--persol-hero-btn1-color-hover, #000);border-color:var(--persol-hero-btn1-bg-hover, #fff)}.persol-hero__btn--secondary{background:var(--persol-hero-btn2-bg, transparent);color:var(--persol-hero-btn2-color, #fff);border:1px solid var(--persol-hero-btn2-border, rgba(255,255,255,.55))}.persol-hero__btn--secondary:hover{background:var(--persol-hero-btn2-bg-hover, #fff);color:var(--persol-hero-btn2-color-hover, #000);border-color:var(--persol-hero-btn2-bg-hover, #fff)}.persol-hero__btn--tertiary{background:var(--persol-hero-btn3-bg, transparent);color:var(--persol-hero-btn3-color, #fff);border:1px solid var(--persol-hero-btn3-border, rgba(255,255,255,.55))}.persol-hero__btn--tertiary:hover{background:var(--persol-hero-btn3-bg-hover, #fff);color:var(--persol-hero-btn3-color-hover, #000);border-color:var(--persol-hero-btn3-bg-hover, #fff)}.persol-hero__controls{position:absolute;bottom:52px;right:28px;z-index:3;display:flex;flex-direction:row;align-items:center;gap:6px}}@media(max-width:767px){.persol-hero{min-height:unset;background:#f5f5f5}.persol-hero__media{position:relative;height:auto}.persol-hero__media-desktop{display:none}.persol-hero__media-mobile{display:block;position:relative;width:100%;height:var(--persol-hero-h-mobile, 55svh);min-height:var(--persol-hero-h-mobile, 55svh);overflow:hidden;background:#e8e8e4}.persol-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(to top,rgba(0,0,0,.58) 0%,rgba(0,0,0,.22) 42%,transparent 68%);pointer-events:none;z-index:1}.persol-hero__video,.persol-hero__image{width:100%;height:100%;object-fit:cover;display:block}.persol-hero__content--desktop{display:none}.persol-hero__content--mobile{display:flex;flex-direction:column;align-items:var(--persol-hero-flex-align-mobile, flex-start);position:absolute;left:0;right:0;bottom:0;z-index:2;max-width:100%;padding:var(--persol-hero-content-padding-mobile, 20px) 18px max(24px,env(safe-area-inset-bottom,0px));background:transparent;text-align:var(--persol-hero-text-align-mobile, left)}.persol-hero__content--mobile .persol-hero__title{font-size:var(--persol-hero-title-size-mobile, 26px);font-weight:700;color:var(--persol-hero-title-color, #fff);line-height:1.12;margin-bottom:10px;letter-spacing:.02em;text-transform:uppercase}.persol-hero__content--mobile .persol-hero__subtitle{font-size:var(--persol-hero-subtitle-size-mobile, 13px);font-weight:400;color:var(--persol-hero-subtitle-color, rgba(255,255,255,.95));line-height:1.55;margin-bottom:18px;max-width:34em}.persol-hero__content--mobile .persol-hero__buttons{display:flex;flex-direction:column;align-items:var(--persol-hero-flex-align-mobile, flex-start);gap:10px;width:100%}.persol-hero__content--mobile .persol-hero__btn{display:inline-block;width:auto;max-width:100%;padding:4px 0;text-align:var(--persol-hero-text-align-mobile, left);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;background:transparent;border:none;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:opacity .2s ease}.persol-hero__content--mobile .persol-hero__btn--primary{color:var(--persol-hero-btn1-color, #fff);text-decoration-color:var(--persol-hero-btn1-color, rgba(255,255,255,.95))}.persol-hero__content--mobile .persol-hero__btn--primary:hover{opacity:.88}.persol-hero__content--mobile .persol-hero__btn--secondary{color:var(--persol-hero-btn2-color, #fff);text-decoration-color:var(--persol-hero-btn2-color, rgba(255,255,255,.95))}.persol-hero__content--mobile .persol-hero__btn--secondary:hover{opacity:.88}.persol-hero__content--mobile .persol-hero__btn--tertiary{color:var(--persol-hero-btn3-color, #fff);text-decoration-color:var(--persol-hero-btn3-color, rgba(255,255,255,.95))}.persol-hero__content--mobile .persol-hero__btn--tertiary:hover{opacity:.88}.persol-hero__controls{position:absolute;top:14px;right:14px;z-index:3;display:flex;flex-direction:row;align-items:center;gap:6px}}.persol-hero__ctrl{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.65);background:transparent;color:#fff;cursor:pointer;padding:0;transition:border-color .2s,background .2s}.persol-hero__ctrl:hover{border-color:#fff;background:#ffffff1a}.persol-hero__ctrl.is-active{display:flex}.persol-hero__placeholder--desktop{height:var(--persol-hero-h-desktop, 100svh);min-height:var(--persol-hero-h-desktop, 100svh);background:#ddd}.persol-hero__placeholder--mobile{height:var(--persol-hero-h-mobile, 55svh);min-height:var(--persol-hero-h-mobile, 55svh);background:#ddd}.persol-hero__placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.4}
/*# sourceMappingURL=/cdn/shop/t/22/compiled_assets/styles.css.map */