/* Reference fidelity: preserve image aspect ratios at every viewport. */
.hero-art{background-image:url(assets/reference-home.png?v=20261031);background-size:150.44074% 206.86869%;background-position:100% 16.06805%;aspect-ratio:1021/495;height:auto!important;}
.brand{color:#e8c99c}.brand small{color:#e8c99c}.monogram{mask-image:none;mix-blend-mode:screen}
.hero h1{font-weight:400;letter-spacing:0;color:#edbd88}.hero .button{font-family:Georgia,serif;font-size:13px;letter-spacing:1.5px}
#essence .p0,#essence .p1,#essence .p2{background-image:url(assets/reference-home.png?v=20261031);background-size:365.714286% 499.512195%;aspect-ratio:420/205;}
#essence .p0{background-position:7.616487% 82.417582%}
#essence .p1{background-position:49.641577% 82.417582%}
#essence .p2{background-position:92.204301% 82.417582%}
#essence h3:after{content:'';display:block;width:50px;height:1px;background:#c3a071;margin:9px auto 0}
#essence .grid p{font-size:14px}#essence .heading{margin-bottom:16px}#essence .ornament{margin:8px 0}
@media(min-width:901px){.hero{padding-top:7.8vw;padding-bottom:6.5vw;align-items:flex-start}.hero h1{font-size:5.2vw;line-height:1.02;margin-bottom:1.3vw}.hero .button{margin-top:4.3vw;padding:12px 26px}.hero p{letter-spacing:3px}.brand{font-size:28px}.brand small{font-size:9px}.monogram{width:47px;height:58px}#essence{padding-top:18px}#essence .grid{gap:3.3%}#essence .heading h2{font-size:2.8vw}}
@media(max-width:900px) and (min-width:601px){.hero-art{top:auto;bottom:0;width:75%}}
@media(max-width:600px){.hero{height:auto;min-height:0;padding:120px 7% 0;display:block}.hero-copy{padding-bottom:24px}.hero h1{font-size:clamp(43px,14.5vw,61px);line-height:1.06}.hero-art{position:relative;top:auto;right:auto;bottom:auto;width:116.27907%;margin-left:-8.139535%;z-index:0;mask-image:linear-gradient(transparent,#000 12%);background-size:150.44074% 206.86869%;background-position:100% 16.06805%;}.hero:after{display:none}.hero .button{font-size:11px;max-width:100%;gap:25px}.hero p{letter-spacing:1.5px}.brand small{font-size:6px}#essence .heading h2{font-size:31px}#essence .grid{gap:32px}#essence .p0,#essence .p1,#essence .p2{aspect-ratio:420/205}.contact form>.button{width:100%;font-size:10px}.process h3{font-size:19px}}
@media(max-width:600px){.hero{display:flex;flex-direction:column;align-items:stretch}.hero-copy{order:1}.hero-art{order:2;flex:none}}
.monogram{mask-image:radial-gradient(ellipse,#000 56%,transparent 76%)}