:root{--mul:#2e1626;--mul2:#3d2033;--blush:#f4e6e0;--blush2:#fbf3ef;--sage:#aebba1;--cop:#c9805a;--ink:#2a1a24;--mut:#7a6670}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Jost',system-ui,sans-serif;background:var(--blush2);color:var(--ink);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.02}
h2{font-size:clamp(40px,5vw,68px)}
em{font-style:italic;color:var(--cop)}
.eyebrow{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--cop);margin-bottom:18px;font-weight:500}
.btn{display:inline-block;font:500 14px 'Jost';letter-spacing:.18em;text-transform:uppercase;padding:17px 32px;background:var(--cop);color:#fff;border:1px solid var(--cop);border-radius:60px;transition:.3s;cursor:pointer}
.btn:hover{background:var(--mul);border-color:var(--mul);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn.ghost:hover{background:#fff;color:var(--mul);border-color:#fff}
.nav{position:fixed;inset:0 0 auto 0;z-index:50;transition:.35s}
.nav.scrolled{background:rgba(46,22,38,.92);backdrop-filter:blur(12px)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:82px}
.logo{font-family:'Cormorant Garamond';font-size:32px;color:#fff;letter-spacing:.14em;text-transform:uppercase;line-height:1}
.logo small{display:block;font:400 10px 'Jost';letter-spacing:.5em;margin-top:5px;color:var(--sage)}
.links{display:flex;gap:34px;align-items:center}
.links a:not(.btn){color:#f1e4de;font-size:13px;letter-spacing:.22em;text-transform:uppercase}
.links a:not(.btn):hover{color:var(--sage)}
.links .btn{padding:12px 24px;font-size:12px}
.hero{min-height:100vh;background:radial-gradient(1000px 600px at 80% 30%,#5a2c47 0,transparent 65%),var(--mul);color:#fff;position:relative;display:flex;align-items:center;overflow:hidden;padding:120px 0 80px}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;width:100%}
.badge{display:inline-flex;gap:10px;align-items:center;border:1px solid rgba(174,187,161,.6);color:var(--sage);padding:8px 18px;border-radius:40px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:28px}
.hero h1{font-size:clamp(56px,7.8vw,112px)}
.hero h1 em{color:#e8b9a0}
.hero p{margin-top:26px;font-size:20px;color:#e6d6d0;max-width:500px;font-weight:400}
.hero .cta{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap}
.arches{display:flex;gap:16px;align-items:flex-end;justify-content:center;position:relative}
.arch{border-radius:300px 300px 0 0;border:1px solid rgba(244,230,224,.4);background:linear-gradient(180deg,rgba(244,230,224,.14),rgba(244,230,224,.03));position:relative;overflow:hidden;animation:rise 1.2s both}
.arch:nth-child(1){width:130px;height:300px;animation-delay:.2s}
.arch:nth-child(2){width:180px;height:430px;animation-delay:.45s}
.arch:nth-child(3){width:130px;height:340px;animation-delay:.7s}
.arch span{position:absolute;inset:auto 0 14px;text-align:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#cdb8b1}
.arch:after{content:"";position:absolute;left:50%;top:18px;width:2px;height:60px;background:linear-gradient(var(--sage),transparent);animation:glow 3s infinite alternate}
.arch:nth-child(2):after{height:90px}
@keyframes rise{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@keyframes glow{from{opacity:.3}to{opacity:1}}
.offer{background:var(--sage);color:var(--mul);text-align:center;padding:16px 20px;font-size:15px;letter-spacing:.06em}
.offer b{font-weight:500;letter-spacing:.2em;text-transform:uppercase;font-size:12px;margin-right:12px;border:1px solid var(--mul);padding:3px 11px;border-radius:30px}
section{padding:110px 0}
.story .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.story p{color:var(--mut);margin-top:22px;max-width:560px}
.frame{aspect-ratio:4/5;border-radius:400px 400px 14px 14px;border:1px solid #d9bfb4;background:repeating-linear-gradient(-45deg,#f0ddd5 0 14px,#f7e9e3 14px 28px);display:flex;align-items:flex-end;justify-content:center;padding:26px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#a58a82;max-width:420px;margin:0 auto;width:100%}
.stylist{margin-top:30px;display:flex;gap:16px;align-items:center;border-top:1px solid #e3cbc1;padding-top:26px}
.stylist i{width:3px;align-self:stretch;background:var(--cop);flex:none}
.stylist span{color:var(--ink);max-width:420px}
.occ{background:var(--mul);color:#fff}
.occ .eyebrow{color:var(--sage)}
.occ em{color:#e8b9a0}
.og{margin-top:54px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.oc{border:1px solid rgba(244,230,224,.22);border-radius:200px 200px 16px 16px;padding:60px 30px 34px;text-align:center;transition:.4s;background:rgba(255,255,255,.02)}
.oc:hover{background:rgba(255,255,255,.07);transform:translateY(-6px);border-color:var(--sage)}
.oc h3{font-size:38px}
.oc p{color:#d9c6bf;font-size:15.5px;margin-top:12px}
.oc.w{grid-row:span 1}
.og2{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.og2 .oc{padding:34px 24px;border-radius:16px;text-align:left}
.og2 .oc h3{font-size:30px}
.gal .gg{margin-top:50px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end}
.gal .ph{border:1px dashed #cfae9f;background:repeating-linear-gradient(-45deg,#f1ded6 0 14px,#f8ebe5 14px 28px);display:flex;align-items:flex-end;padding:16px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#a58a82}
.gal .ph:nth-child(1){height:420px;border-radius:300px 300px 12px 12px;justify-content:center}
.gal .ph:nth-child(2){height:320px;border-radius:12px}
.gal .ph:nth-child(3){height:400px;border-radius:300px 300px 12px 12px;justify-content:center}
.gal .ph:nth-child(4){height:300px;border-radius:12px}
.rv2{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rv2 div{border:1px dashed #cfae9f;border-radius:14px;padding:28px;color:var(--mut)}
.rv2 b{display:block;font-family:'Cormorant Garamond';font-size:28px;font-weight:500;color:var(--ink);margin-bottom:4px}
.ai{background:var(--blush)}
.ai .wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.ai p.sub{color:var(--mut);margin-top:22px}
.tag{display:inline-block;margin-top:26px;border:1px solid var(--cop);color:var(--cop);font-size:12px;letter-spacing:.22em;text-transform:uppercase;padding:7px 18px;border-radius:30px}
.chat{background:#fff;border-radius:26px;box-shadow:0 30px 70px -30px rgba(46,22,38,.35);overflow:hidden}
.chat .top{background:var(--mul);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.chat .top b{color:var(--sage);font-weight:500}
.msgs{padding:24px;display:flex;flex-direction:column;gap:12px;min-height:340px}
.m{max-width:84%;padding:12px 18px;border-radius:20px;font-size:15.5px;opacity:0;transform:translateY(8px);animation:mi .5s forwards}
.m.a{background:var(--blush);border-bottom-left-radius:4px}
.m.c{align-self:flex-end;background:var(--mul);color:#fff;border-bottom-right-radius:4px}
.m:nth-child(1){animation-delay:.4s}.m:nth-child(2){animation-delay:2s}.m:nth-child(3){animation-delay:3.6s}.m:nth-child(4){animation-delay:5.2s}.m:nth-child(5){animation-delay:6.8s}
@keyframes mi{to{opacity:1;transform:none}}
.chat .note{padding:12px 24px;font-size:13px;color:var(--mut);border-top:1px solid #f0e2dc}
.tour{background:var(--mul);color:#fff}
.tour .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}
.tour .eyebrow{color:var(--sage)}.tour em{color:#e8b9a0}
.tour .sub{color:#d9c6bf;margin-top:22px;max-width:440px}
.cd{margin-top:34px;display:grid;gap:16px}
.cd b{display:block;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--sage);font-weight:500}
.booker{background:var(--blush2);color:var(--ink);border-radius:26px;padding:34px;min-width:0}
.booker h3{font-size:34px;margin-bottom:6px}
.booker .hint{font-size:14px;color:var(--mut);margin-bottom:18px}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.day{border:1px solid #dcc3b8;border-radius:14px;padding:10px 0;text-align:center;cursor:pointer;background:#fff;transition:.2s;font:inherit;color:inherit;min-width:0}
.day small{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.day b{font:500 24px 'Cormorant Garamond';display:block;line-height:1.1}
.day:hover{border-color:var(--cop)}
.day.on{background:var(--mul);color:#fff;border-color:var(--mul)}.day.on small{color:var(--sage)}
.slots{margin:16px 0 20px;display:flex;flex-wrap:wrap;gap:8px}
.slot{padding:9px 18px;border:1px solid #dcc3b8;border-radius:40px;font:500 14px 'Jost';background:#fff;cursor:pointer;color:inherit}
.slot.on{background:var(--cop);border-color:var(--cop);color:#fff}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fg label{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);min-width:0;display:block}
.fg .f{grid-column:span 2}
.fg input,.fg select{width:100%;margin-top:5px;font:400 16px 'Jost';padding:12px 14px;border:1px solid #dcc3b8;border-radius:12px;background:#fff;color:var(--ink);min-width:0}
.fg input:focus,.fg select:focus{outline:0;border-color:var(--cop)}
.booker .btn{width:100%;margin-top:18px;text-align:center}
.booker small{display:block;margin-top:12px;font-size:13px;color:var(--mut);text-align:center}
footer{background:#1d0e18;color:#cdb8b1;padding:60px 0 100px;font-size:15px}
footer .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}
footer .demo{grid-column:span 2;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;color:#f1e4de;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.mbar{display:none}
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}
.rv.in{opacity:1;transform:none}
@media(max-width:900px){
 .wrap{padding:0 20px}.links a:not(.btn){display:none}.logo{font-size:26px}
 .hero{padding:110px 0 50px;min-height:0}.hero .wrap,.story .wrap,.ai .wrap,.tour .wrap,footer .wrap{grid-template-columns:minmax(0,1fr);gap:40px}
 .hero .wrap>div{min-width:0}.arches{gap:10px;height:auto;width:100%}.arch:nth-child(1){width:26%;height:200px}.arch:nth-child(2){width:34%;height:290px}.arch:nth-child(3){width:26%;height:230px}
 section{padding:72px 0}
 .og,.og2{grid-template-columns:1fr}.gal .gg{grid-template-columns:1fr 1fr}.gal .ph:nth-child(n){height:230px}.gal .ph:nth-child(1),.gal .ph:nth-child(3){height:290px}
 .rv2{grid-template-columns:1fr}.booker{padding:22px}.days{gap:5px}.day b{font-size:20px}
 footer .demo{grid-column:auto}
 .mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--mul)}
 .mbar a{text-align:center;padding:16px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#fff}
 .mbar a:last-child{background:var(--cop)}
}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.arch,.m{animation:none;opacity:1;transform:none}.arch:after{animation:none}html{scroll-behavior:auto}}