:root{color-scheme:dark;--rose:#f9e7e9;--muted:#ddb6c0}
*{box-sizing:border-box}
body{margin:0;background:#300814;color:var(--rose);font-family:Arial,Helvetica,sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}
.hero{position:relative;isolation:isolate;min-height:760px;height:100svh;overflow:hidden}
.hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;animation:unfold 2s ease-out both}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(24,0,9,.12);pointer-events:none}
.hero-copy{position:relative;margin-left:9%;padding-top:max(150px,20svh);width:47%;max-width:650px;animation:reveal 1.2s ease-out both}
h1{font-family:Didot,'Bodoni MT','Times New Roman',serif;font-weight:400;font-size:112px;line-height:.87;margin:0}
h1 span{display:block}
h1 span+span{margin-top:9px}
.signature{font:17px/1.5 Georgia,serif;margin:27px 0 0}
.signature em{font-weight:400;white-space:nowrap}
.fine-line{display:block;width:64px;height:1px;background:#e7b2c1;margin:31px 0}
.slogan{font:30px/1.25 Georgia,serif;margin:0}
.coming-soon{margin-top:44px}
.coming-soon p{font-size:14px;margin:0 0 10px}
.coming-soon>span{font-size:10px;color:var(--muted)}
.contact-email{display:inline-block;max-width:100%;color:var(--muted);font-size:11px;line-height:1.6;text-decoration:none;overflow-wrap:anywhere}
.contact-email:hover{color:var(--rose);text-decoration:underline;text-underline-offset:4px}
.contact-email:focus-visible{outline:2px solid var(--rose);outline-offset:7px}
footer{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}
@keyframes reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes unfold{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(min-width:1700px){.hero-copy{margin-left:12%;padding-top:22svh}h1{font-size:138px}}
@media(max-width:1000px){h1{font-size:88px}.hero-copy{margin-left:7%;width:49%}.hero-photo{object-position:58% center}.slogan{font-size:27px}}
@media(max-width:600px){
 .hero{height:auto;min-height:100svh;padding-bottom:400px;background:#300814}
 .hero-photo{inset:auto 0 35px;height:350px;object-position:right center;animation:none}
 .hero::after{background:transparent}
 .hero-copy{margin:0 7%;padding-top:48px;width:86%;max-width:none}
 h1{font-size:76px;line-height:.9}
 .signature{font-size:16px;margin-top:20px;max-width:100%}
 .fine-line{margin:24px 0;width:43px}
 .slogan{font-size:26px;line-height:1.3}
 .coming-soon{margin-top:27px}
 .coming-soon p{font-size:14px;line-height:1.5}
 .coming-soon>span{font-size:11px;line-height:1.6}
 footer{bottom:max(15px,env(safe-area-inset-bottom));left:7%;right:7%;font-size:9px;flex-wrap:wrap;row-gap:10px}
 footer .contact-email{flex-basis:100%;font-size:10px}
}
@media(max-width:600px) and (orientation:landscape){.hero-photo{height:300px}.hero{padding-bottom:350px}}
@media(max-width:370px){h1{font-size:66px}.signature{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
