/* Full-bleed editorial campaign, desktop and mobile compositions. */
.hero{display:block;position:relative;isolation:isolate;min-height:690px;height:calc(100svh - 130px);max-height:1100px;background:#b89e80;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-2;min-height:0}.hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 35%}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(245,235,219,.48),transparent 65%)}.hero-copy{padding:7vh 7%;height:100%;justify-content:center;max-width:650px;color:#30251e}.hero h1{font-size:clamp(65px,6.6vw,108px);line-height:1;margin:25px 0}.hero h1 em{color:#582b30}.hero .eyebrow{font-size:10px;font-weight:600}.hero-copy>p:not(.eyebrow){font-size:14px}.hero .cta{margin-top:20px;min-width:225px}.hero small{margin-top:30px}.caption{background:transparent;color:#342920;bottom:0;padding:20px 30px;font-size:9px;letter-spacing:2px}.hero-copy{padding-bottom:60px}.caption span{font-size:8px;letter-spacing:1px}.collection{padding-top:85px}
@media(min-aspect-ratio:2/1){.hero{height:850px}.hero-image img{object-position:center 20%}}
@media(max-width:700px){.hero{height:calc(100svh - 116px);min-height:650px;max-height:900px}.hero-image img{object-position:77% top}.hero:after{background:linear-gradient(0deg,rgba(22,16,11,.8),rgba(22,16,11,.2) 40%,transparent 65%)}.hero-copy{justify-content:flex-end;padding:30px 7% 65px;color:white;max-width:none}.hero h1{font-size:53px;line-height:1;max-width:350px;margin:12px 0}.hero h1 br:first-of-type{display:none}.hero h1 em{color:#fff3df}.hero-copy>p:not(.eyebrow){display:none}.hero .eyebrow{font-size:8px;letter-spacing:2px}.hero .cta{background:#fbf9f5;color:#3a2822;min-width:200px;margin-top:14px;padding:16px 20px}.hero small{display:none}.caption{padding:17px 7%;color:white;font-size:8px;letter-spacing:1px}.caption span{display:block;font-size:7px}.collection{padding-top:45px}}
.hero-image img{object-position:70% top}.hero h1{font-size:clamp(60px,5.5vw,88px)}.hero-copy{max-width:720px}@media(max-width:700px){.hero h1{font-size:53px}.hero-image img{object-position:77% top}}