.oile-hero{position:relative;display:grid;--hero-h: min(72vh, 64rem)}.oile-hero--small{--hero-h: min(56vh, 52rem)}.oile-hero--large{--hero-h: min(84vh, 76rem)}.oile-hero__media{position:relative;overflow:hidden;background-color:#efeae1}.oile-hero__img,.oile-hero__media picture,.oile-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.oile-hero__media--contain{background-color:var(--hero-media-bg, rgb(239, 234, 225))}@media screen and (min-width:750px){.oile-hero__media--contain .oile-hero__img{object-fit:contain;object-position:center}}@media screen and (max-width:749px){.oile-hero__media--contain-mobile .oile-hero__img{object-fit:contain;object-position:center}}.oile-hero__placeholder{opacity:.25;fill:#29241f8c}.oile-hero__panel{display:flex;flex-direction:column;align-items:flex-start;max-width:56rem}.oile-hero__panel--center{align-items:center;margin-inline:auto;text-align:center}.oile-hero__eyebrow{margin-bottom:1.6rem}.oile-hero__heading{margin:0}.oile-hero__text{margin:1.6rem 0 0;max-width:44rem}.oile-hero__actions{margin-top:2.8rem}.oile-hero__panel--center .oile-hero__actions{justify-content:center}@media screen and (max-width:749px){.oile-hero--mobile-stacked .oile-hero__media{aspect-ratio:4 / 4.4;max-height:58vh}.oile-hero .oile-hero__media.oile-media--empty{display:none}.oile-hero:has(.oile-media--empty) .oile-hero__content{padding-block:3.2rem 4rem}.oile-hero--mobile-stacked .oile-hero__content{padding-block:2.8rem 3.6rem}.oile-hero--mobile-overlay{grid-template-areas:"stack";min-height:min(78vh,60rem)}.oile-hero--mobile-overlay>*{grid-area:stack}.oile-hero--mobile-overlay .oile-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 35%,rgba(26,22,18,calc(var(--hero-scrim) + .3)) 100%)}.oile-hero--mobile-overlay .oile-hero__content{position:relative;align-self:end;padding-block:3.2rem;color:#fcfaf6}.oile-hero--mobile-overlay .oile-hero__heading,.oile-hero--mobile-overlay .oile-hero__text{color:#fcfaf6}.oile-hero--mobile-overlay .oile-hero__eyebrow{color:#e6ddd0}.oile-hero__actions .button{flex:1 1 auto}}@media screen and (min-width:750px){.oile-hero--split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:var(--hero-h)}.oile-hero--split .oile-hero__media{grid-column:2;grid-row:1}.oile-hero--split .oile-hero__content{grid-column:1;grid-row:1;display:flex;align-items:center;max-width:none;padding-block:6.4rem;padding-right:clamp(3.2rem,5vw,8rem)}.oile-hero--overlay{grid-template-areas:"stack";min-height:var(--hero-h)}.oile-hero--overlay>*{grid-area:stack}.oile-hero--overlay .oile-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(26,22,18,calc(var(--hero-scrim) + .15)) 0%,rgba(26,22,18,var(--hero-scrim)) 45%,transparent 80%)}.oile-hero--overlay .oile-hero__content{position:relative;display:flex;align-items:center;width:100%;padding-block:6.4rem}.oile-hero--overlay .oile-hero__heading,.oile-hero--overlay .oile-hero__text{color:#fcfaf6}.oile-hero--overlay .oile-hero__eyebrow{color:#e6ddd0}.oile-hero--overlay .button--secondary{--color-button-text: 252, 250, 246;--color-secondary-button-text: 252, 250, 246;color:#fcfaf6}}@media screen and (min-width:1400px){.oile-hero--split .oile-hero__content{padding-left:calc((100vw - var(--page-width)) / 2 + var(--oile-gutter))}}@media screen and (min-width:750px){.oile-hero:has(.oile-hero__media.oile-media--empty){grid-template-columns:minmax(0,1fr);min-height:0}.oile-hero .oile-hero__media.oile-media--empty{display:none}.oile-hero:has(.oile-hero__media.oile-media--empty) .oile-hero__content{grid-column:1;padding-block:clamp(6.4rem,5rem + 3vw,10.4rem)}}.oile-hero--overlay .button--secondary:hover,.oile-hero--mobile-overlay .button--secondary:hover{background-color:#fcfaf61f}@media screen and (max-width:749px){.oile-hero--mobile-overlay .button--secondary{--color-button-text: 252, 250, 246;--color-secondary-button-text: 252, 250, 246;color:#fcfaf6}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/oile-hero.css.map */