.guide-hero{position:relative;overflow:hidden;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:#fff;background:#000}.guide-hero__media{position:relative}.guide-hero__image{width:100%;height:77vh;min-height:700px;object-fit:cover;object-position:center center;display:block}.guide-hero__overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:420px;z-index:1;display:block!important;background:linear-gradient(180deg,#000 0% 55%,#0000)}.guide-hero .page-width{position:relative;z-index:5;height:100%}.guide-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;min-height:100vh}.guide-hero__content--top{align-items:flex-start}.guide-hero__content--center{align-items:center}.guide-hero__content--bottom{align-items:flex-end}.guide-hero__inner{width:100%;max-width:var(--content-max-width);padding-top:25px;display:flex;flex-direction:column;text-align:center}.guide-hero__inner--left{text-align:left}.guide-hero__inner--center{margin:0 auto}.guide-hero__eyebrow{font-size:var(--eyebrow-size-mobile);font-weight:700;margin-bottom:8px;letter-spacing:0;line-height:1.1}.guide-hero__heading{font-size:var(--heading-size-mobile);font-weight:700;line-height:110%;letter-spacing:0;margin:0 0 15px;text-wrap:balance}.guide-hero__highlight{position:relative;display:flex;align-items:center;justify-content:center;padding:0 1.4rem;isolation:isolate}.guide-hero__highlight:after{content:"";position:absolute;top:-15px;right:-18px;bottom:-6px;left:-18px;background-image:var(--scribble-image);background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:-1}.guide-hero__text{font-size:var(--text-size-mobile);line-height:1.45;margin-bottom:2.8rem;max-width:52rem}.guide-hero__inner--center .guide-hero__text{margin-left:auto;margin-right:auto}.guide-hero__button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:240px;height:var(--button-height);padding:0 3.2rem;background:#fa6e01;color:#fff;text-decoration:none;border-radius:var(--button-radius);font-weight:600;font-size:1.8rem;line-height:1;transition:opacity .2s ease,transform .2s ease,background .2s ease}.guide-hero__button:hover{opacity:.95;transform:translateY(-2px);background:#ff8f26}.guide-hero__inner--center .guide-hero__button{margin-left:auto;margin-right:auto;width:100%}@media screen and (min-width:750px){.guide-hero__overlay{height:540px}.guide-hero__eyebrow{font-size:var(--eyebrow-size-desktop);margin-bottom:2rem}.guide-hero__heading{font-size:var(--heading-size-desktop);margin-bottom:2.6rem}.guide-hero__text{font-size:var(--text-size-desktop);margin-bottom:3.2rem}}@media screen and (min-width:990px){.guide-hero{position:relative;overflow:hidden;padding-top:0;padding-bottom:0;min-height:auto;background:#f4efe3;background-image:var(--bg-image);background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-evenly}.guide-hero .page-width{max-width:1440px;padding-left:25px;padding-right:80px}.guide-hero__content{position:relative;min-height:auto;padding:80px 0}.guide-hero__content .page-width{width:100%}.guide-hero__inner{width:100%;max-width:100%;display:grid;justify-content:flex-start;align-items:center;padding:0;text-align:left}.guide-hero__media{height:calc(100% - 80px);z-index:1;border-radius:28px;overflow:hidden}.guide-hero__image{width:100%;height:100%;object-fit:cover;display:block;min-height:auto;max-height:470px}.guide-hero__overlay{display:none!important}.guide-hero__inner>*:not(.guide-hero__media){position:relative;z-index:2}.guide-hero__eyebrow{font-size:24px;line-height:1.1;margin-bottom:24px;color:#fa6e01;font-weight:500}.guide-hero__heading{font-size:72px;line-height:1.1;letter-spacing:.164px;max-width:620px;color:#18111d;margin:0 0 28px}.guide-hero__highlight{padding:0;display:inline-flex;justify-content:flex-start}.guide-hero__highlight:after{top:-6px;bottom:-6px}.guide-hero__text{max-width:560px;font-size:24px;line-height:1.3;color:#191023a6;margin-bottom:36px}.guide-hero__text p{margin:0}.guide-hero__inner--center .guide-hero__button{margin-left:0;width:auto}.guide-hero__button:hover{color:#18111d}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-guide-hero.css.map */