.wph{position:relative;width:100%;min-height:clamp(360px,48vh,520px);padding:clamp(120px,18vh,220px) clamp(24px,5vw,80px) clamp(60px,8vh,100px);overflow:hidden;background:var(--w-paper, #FAFAF7);display:flex;align-items:flex-end}.wph--centered .wph__inner{text-align:center;max-width:880px;margin:0 auto}.wph--left .wph__inner{text-align:left;max-width:880px}.wph--tall{min-height:75vh;align-items:center}.wph--tall.wph--centered .wph__inner{margin-bottom:0}.wph--placeholder{background:var(--w-ink, #1A1916)}.wph__bg--solid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(155deg,#1a1916,#232019 55%,#2e2820)}.wph__bg--solid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 72% 18%,rgba(196,168,130,.12) 0%,transparent 62%)}.wph--placeholder .wph__title{color:var(--w-bone, #F4EFE6)}.wph--placeholder .wph__eyebrow{color:#f4efe69e}.wph--placeholder .wph__sub{color:#f4efe6c7}.wph__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.wph__bg-img{width:100%;height:100%;object-fit:cover;display:block}.wph__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000073,#00000026,#0000000d)}.wph:not(.wph--no-image) .wph__title,.wph:not(.wph--no-image) .wph__eyebrow,.wph:not(.wph--no-image) .wph__sub{color:#fff}.wph__inner{position:relative;z-index:1}.wph__eyebrow{font-family:var(--w-display, "Lexend Giga", sans-serif);font-size:10px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;margin:0 0 16px}.wph__title{font-family:var(--w-serif, "Cormorant Garamond", serif);font-size:clamp(40px,6vw,76px);font-weight:300;line-height:1.05;letter-spacing:-.01em;margin:0}.wph__sub{font-family:var(--w-serif, serif);font-size:clamp(15px,1.6vw,18px);font-weight:300;font-style:italic;line-height:1.5;margin:16px 0 0;max-width:64ch}.wph--centered .wph__sub{margin-left:auto;margin-right:auto}@media(max-width:749px){.wph{padding:100px 24px 50px;min-height:360px}.wph--tall{min-height:60vh}.wph__title{font-size:clamp(36px,9vw,56px)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/wearon-page-hero.css.map */