.of-hero--split{display:grid;grid-template-columns:1fr 1fr;min-height:70vh;overflow:hidden}.of-hero__split-image{position:relative;overflow:hidden}.of-hero__split-image .of-hero__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease-out}.of-hero__img-placeholder{width:100%;height:100%;min-height:500px;background-color:rgb(var(--color-of-off-white, 245, 240, 235));display:flex;align-items:center;justify-content:center}.of-hero__placeholder-svg{width:100%;height:100%;opacity:.3}.of-hero__split-content{display:flex;align-items:center;padding:6rem 5rem 6rem 6rem;background-color:rgb(var(--color-of-off-white, 245, 240, 235))}.of-hero__text-wrapper{max-width:42rem}.of-hero__heading{font-family:Cabin,sans-serif;font-weight:400;font-size:clamp(4.48rem,4.5vw,8rem);letter-spacing:-.03em;line-height:1.05;color:rgb(var(--color-of-dark, 28, 28, 28));margin:0 0 1.6rem}.of-hero__heading em{font-style:italic;color:rgb(var(--color-of-gold, 181, 134, 58))}.of-hero__subheading{font-family:Assistant,sans-serif;font-size:1.68rem;font-weight:400;color:rgba(var(--color-of-mid-grey, 74, 74, 74),1);line-height:1.6;margin:0 0 2.4rem}.of-hero__ctas{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.of-hero__cta{min-width:44px;min-height:44px;padding:1rem 2.4rem;font-size:1.25rem}.of-hero__cta--outline-light{border-color:#fffc;color:#fff}.of-hero__cta--outline-light:hover{background-color:#ffffff26;border-color:#fff;color:#fff}.of-hero--fullbleed{background-color:transparent!important;--gradient-background: none !important}.of-hero--fullbleed .of-hero__fullbleed{position:relative;min-height:80vh;overflow:hidden;display:flex;align-items:flex-end}.of-hero__img--fullbleed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.of-hero__img-placeholder--fullbleed{position:absolute;top:0;right:0;bottom:0;left:0}.of-hero__fullbleed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#1c1c1cbf,#1c1c1c66 45%,#1c1c1c26)!important;pointer-events:none}.of-hero--fullbleed .of-hero__fullbleed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#1c1c1cbf,#1c1c1c66 45%,#1c1c1c26);pointer-events:none}.of-hero__fullbleed-content{position:relative;z-index:2;width:100%;padding:5rem 4rem}.of-hero__fullbleed-content--left{text-align:left}.of-hero__fullbleed-content--center{text-align:center}.of-hero__fullbleed-content--center .of-hero__ctas{justify-content:center}.of-hero__fullbleed-content--center .of-hero__text-wrapper{margin:0 auto}.of-hero__heading--light,.of-hero__subheading--light{color:#fff}.of-hero__heading--light em{color:rgb(var(--color-of-gold, 181, 134, 58))}.of-hero__subheading--light{color:#ffffffd9}.of-eyebrow--light{color:#ffffffb3}@keyframes of-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.of-hero__text-wrapper{animation:of-fade-up .5s ease-out both}.of-hero__heading{animation-delay:.1s}.of-hero__subheading{animation-delay:.2s}.of-hero__ctas{animation-delay:.3s}@media(prefers-reduced-motion:reduce){.of-hero__text-wrapper,.of-hero__heading,.of-hero__subheading,.of-hero__ctas{animation:none}}@media screen and (max-width:989px){.of-hero--split{display:block;position:relative;min-height:85vw}.of-hero__split-image{position:absolute;top:0;right:0;bottom:0;left:0;min-height:unset;max-height:unset;overflow:hidden}.of-hero__split-image .of-hero__img{width:100%;height:100%;object-fit:cover}.of-hero__split-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#1c1c1cad,#1c1c1c38 55%,#1c1c1c0a)}.of-hero__split-content{position:absolute;bottom:0;left:0;right:0;z-index:1;background-color:transparent;padding:3rem 2.4rem;display:block}.of-hero--split .of-hero__heading{color:#fff;font-size:clamp(3.52rem,8vw,5.12rem)}.of-hero--split .of-hero__heading em{color:rgb(var(--color-of-gold, 181, 134, 58))}.of-hero--split .of-hero__subheading{color:#ffffffd9}.of-hero--split .of-eyebrow{color:#ffffffb3}.of-hero--fullbleed .of-hero__fullbleed{min-height:70vh}.of-hero__fullbleed-content{padding:3rem 2rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/ottofinch-hero.css.map */