.oa-story{position:relative;display:grid;min-height:560px;overflow:visible}.oa-story__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.oa-story__img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--oa-story-focus-x, 60%) center}.oa-story__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(10 10 10 / calc(var(--oa-story-shade, .55) + .25)),rgb(10 10 10 / var(--oa-story-shade, .55)) 45%,#0a0a0a1a)}.oa-story__content{position:relative;z-index:2;display:flex;flex-direction:column;align-self:end;align-items:flex-start;gap:14px;padding:120px var(--oa-gutter) 56px;color:var(--oa-chalk)}.oa-story__heading{font-size:clamp(2.3rem,10.5vw,3.4rem);rotate:-4deg;transform-origin:left bottom;text-shadow:0 2px 20px rgb(0 0 0 / .45)}.oa-story__copy{max-width:36ch;font-size:.9375rem;text-shadow:0 1px 12px rgb(0 0 0 / .5)}.oa-story__cta{margin-top:4px}.oa-story__note{position:absolute;z-index:2;top:48px;right:7%;color:var(--oa-chalk);text-shadow:0 1px 10px rgb(0 0 0 / .5)}.oa-story__hint{padding:8px 12px;border:1px dashed currentColor;font-size:.8125rem}@media(min-width:750px){.oa-story{min-height:0;aspect-ratio:100 / var(--oa-story-ratio, 30)}.oa-story__img{object-position:center}.oa-story__shade{background:linear-gradient(to left,rgb(10 10 10 / var(--oa-story-shade, .55)),rgb(10 10 10 / calc(var(--oa-story-shade, .55) * .7)) 38%,#0a0a0a00 68%)}.oa-story[data-content-position=left] .oa-story__shade{background:linear-gradient(to right,rgb(10 10 10 / var(--oa-story-shade, .55)),rgb(10 10 10 / calc(var(--oa-story-shade, .55) * .7)) 38%,#0a0a0a00 68%)}.oa-story__content{align-self:center;justify-self:end;width:min(56%,860px);gap:clamp(12px,1.3vw,20px);padding:clamp(40px,5vw,80px) clamp(24px,6vw,110px) clamp(40px,5vw,80px) 0}.oa-story[data-content-position=left] .oa-story__content{justify-self:start;padding-inline:clamp(24px,6vw,110px) 0}.oa-story__heading{font-size:clamp(2.4rem,4.7vw,4.3rem)}.oa-story__copy{font-size:clamp(.9375rem,1.15vw,1.1875rem)}.oa-story__cta{min-height:clamp(46px,3.4vw,56px);font-size:clamp(.8125rem,.9vw,.9375rem)}.oa-story__note{top:auto;right:auto;bottom:18%;left:4%}.oa-story[data-content-position=left] .oa-story__note{left:auto;right:4%}}@media(min-width:750px)and (max-width:989px){.oa-story{aspect-ratio:100 / 40}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/oa-story-banner.css.map */