
:root{--black:#101110;--dark:#191b19;--cream:#f2ece3;--paper:#e8dfd3;--gold:#bd9456;--gold2:#e0c18b;--white:#fbf8f2;--muted:#aaa49b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1320px,calc(100% - 76px));margin:auto}
header{position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid #ffffff25;background:linear-gradient(#090a09a8,transparent)}
.nav{height:94px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.monogram{font:48px "Playfair Display";color:var(--gold2);letter-spacing:-5px;border-right:1px solid #bd945677;padding-right:18px}.brand b{font-size:16px;letter-spacing:.2px;display:block}.brand small{font-size:9px;letter-spacing:3.5px;color:var(--gold2);display:block;margin-top:5px}.navlinks{display:flex;align-items:center;gap:27px;font-size:12px;color:#eee9e1}.navlinks a{transition:.25s}.navlinks a:hover{color:var(--gold2)}.navbtn{border:1px solid var(--gold);padding:13px 21px;color:var(--white);font-size:11px;letter-spacing:1px;text-transform:uppercase}
.hero{height:min(850px,100vh);min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;background:#171918}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,12,.94) 0%,rgba(11,13,12,.78) 38%,rgba(11,13,12,.12) 100%),url('https://images.unsplash.com/photo-1616683693504-3ea7e9ad6fec?auto=format&fit=crop&w=2000&q=90') center 38%/cover;transform:scale(1.04);animation:slowzoom 18s ease-in-out infinite alternate}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 42%,transparent 0 25%,#0b0d0c50 68%),linear-gradient(0deg,#101110 0%,transparent 23%)}
.hero-content{position:relative;z-index:2;padding-top:80px;max-width:670px}.kicker{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--gold2);display:flex;align-items:center;gap:15px}.kicker:before{content:"";width:44px;height:1px;background:var(--gold)}
h1{font:400 clamp(54px,7vw,94px)/.99 "Playfair Display",serif;letter-spacing:-2.5px;margin:28px 0 25px}.hero p{font-size:15px;line-height:1.9;color:#e1ddd5;max-width:475px}.hero-actions{display:flex;gap:14px;margin-top:36px}.gold-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#9b713a,#dfbd83);color:#171613;padding:16px 25px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;transition:.3s}.gold-btn:hover{transform:translateY(-4px);box-shadow:0 12px 35px #bd945644}.ghost-btn{border:1px solid #ffffff80;padding:15px 24px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.hero-note{position:absolute;z-index:2;right:4%;bottom:90px;writing-mode:vertical-rl;letter-spacing:4px;font-size:9px;color:#e8d3b1;text-transform:uppercase}
.hero-number{position:absolute;z-index:2;right:7%;bottom:68px;font:italic 15px "Playfair Display";color:#e4c28d}
.scrollline{position:absolute;z-index:2;left:50%;bottom:0;height:70px;width:1px;background:linear-gradient(var(--gold2),transparent)}
.marquee{background:var(--gold);color:#151512;padding:17px 0;overflow:hidden;white-space:nowrap;font:17px "Playfair Display";letter-spacing:2px}.marquee span{display:inline-block;padding-left:100%;animation:marquee 28s linear infinite}
.intro{background:var(--cream);color:#1c1b19;padding:120px 0 130px;position:relative;overflow:hidden}.intro:after{content:"HT";position:absolute;right:-20px;bottom:-125px;font:350px "Playfair Display";color:#bd94560d}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center;position:relative;z-index:1}.intro-image{height:570px;position:relative;background:url('https://images.unsplash.com/photo-1612349317150-e413f6a5b16d?auto=format&fit=crop&w=1100&q=90') center/cover}.intro-image:before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--gold);z-index:-1}.image-caption{position:absolute;left:0;bottom:0;background:var(--gold);color:#151512;padding:17px 25px;font-size:10px;letter-spacing:2px;text-transform:uppercase}
.eyebrow{font-size:10px;letter-spacing:4px;color:#9b713a;text-transform:uppercase}.intro h2,.section-heading{font:400 clamp(42px,5vw,66px)/1.06 "Playfair Display";margin:22px 0}.intro h2 em{color:#9b713a;font-style:normal}.intro p{color:#625d55;line-height:2;font-size:14px;max-width:520px}.signature{font:italic 26px "Playfair Display";color:#9b713a;margin-top:32px}
.dark-section{background:var(--dark);padding:115px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.section-heading{margin:12px 0 0}.section-top p{max-width:340px;color:#aaa49b;font-size:12px;line-height:1.9}
.treatments{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.service-note{margin:30px 0 0;color:#aaa49b;font-size:11px;line-height:1.8;max-width:850px}.treatment{position:relative;overflow:hidden;min-height:370px;background:#242724}.treatment:nth-child(1){grid-column:span 5;min-height:520px}.treatment:nth-child(2){grid-column:span 3}.treatment:nth-child(3){grid-column:span 4}.treatment:nth-child(4){grid-column:span 4}.treatment:nth-child(5){grid-column:span 4}.treatment:nth-child(6){grid-column:span 4}
.treatment img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1);filter:saturate(.78)}.treatment:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080a09e8 0%,#080a0930 55%,transparent)}.treatment:hover img{transform:scale(1.08)}.treatment-copy{position:absolute;z-index:1;left:26px;right:22px;bottom:25px}.treatment-copy small{font-size:9px;letter-spacing:3px;color:var(--gold2)}.treatment-copy h3{font:32px "Playfair Display";margin:8px 0}.treatment-copy p{font-size:11px;color:#d1ccc4;line-height:1.7;max-width:280px;margin:0}.treatment-copy a{display:inline-block;margin-top:16px;font-size:9px;letter-spacing:2px;color:var(--gold2)}
.film{height:650px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:linear-gradient(#10111070,#10111080),url('https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?auto=format&fit=crop&w=2000&q=90') center/cover}.film:before{content:"";position:absolute;inset:25px;border:1px solid #d5b47755}.film-content{position:relative;z-index:1}.play{width:82px;height:82px;border:1px solid var(--gold2);border-radius:50%;display:grid;place-items:center;margin:0 auto 30px;color:var(--gold2);font-size:23px;box-shadow:0 0 0 12px #d6b47718}.film h2{font:400 clamp(44px,6vw,76px) "Playfair Display";margin:0 0 15px}.film p{font-size:12px;letter-spacing:2px;color:#e3d8c7}
.statement{background:var(--cream);color:#171715;padding:105px 0}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.statement h2{font:400 clamp(40px,5vw,62px)/1.08 "Playfair Display";margin:15px 0}.statement p{color:#625d55;line-height:1.9;font-size:13px}.statement-image{height:460px;background:url('https://images.unsplash.com/photo-1616394584738-fc6e612e71b9?auto=format&fit=crop&w=1100&q=90') center/cover;position:relative}.statement-image:after{content:"";position:absolute;inset:20px;border:1px solid #fff9}
.quote{background:#171918;padding:100px 0;text-align:center}.quote blockquote{max-width:900px;margin:25px auto;font:400 clamp(30px,4.4vw,54px)/1.25 "Playfair Display";color:#f4eee5}.quote cite{font-style:normal;color:var(--gold2);font-size:9px;letter-spacing:3px}
.contact{background:#e9e0d5;color:#1b1b18;padding:75px 0}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font:400 45px "Playfair Display";margin:0}.contact p{font-size:12px;color:#6b6258}.contact-details{display:flex;gap:28px;font-size:11px;color:#4d4841}
footer{background:#0c0e0d;padding:28px 0;color:#aaa49b;font-size:10px;letter-spacing:1px}.foot{display:flex;justify-content:space-between;gap:20px}
@keyframes slowzoom{from{transform:scale(1.03)}to{transform:scale(1.12)}}@keyframes marquee{to{transform:translateX(-100%)}}
@media(max-width:900px){.navlinks{gap:13px}.navlinks a{font-size:10px}.intro-grid{gap:6%}.intro-image{height:470px}.treatment:nth-child(n){grid-column:span 6;min-height:390px}.section-top{display:block}.section-top p{margin-top:22px}.statement-grid{gap:35px}}
@media(max-width:650px){.container{width:calc(100% - 38px)}.nav{height:75px}.brand .monogram{font-size:39px}.brand b{font-size:13px}.brand small{font-size:8px}.navlinks{display:none}.navbtn{font-size:9px;padding:11px}.hero{height:760px;min-height:0;align-items:flex-end}.hero-bg{background-position:62% center;background-image:linear-gradient(0deg,#101110 0%,rgba(16,17,16,.8) 35%,rgba(16,17,16,.12) 100%),url('https://images.unsplash.com/photo-1616683693504-3ea7e9ad6fec?auto=format&fit=crop&w=1100&q=85')}.hero-content{padding:0 0 115px}.hero h1{font-size:54px}.hero p{font-size:13px}.hero-note,.hero-number{display:none}.hero-actions{flex-wrap:wrap}.marquee{font-size:14px}.intro{padding:75px 0}.intro-grid{grid-template-columns:1fr;gap:55px}.intro-image{height:430px;margin-right:15px}.intro h2{font-size:47px}.dark-section{padding:75px 0}.section-heading{font-size:43px}.treatments{gap:12px}.treatment:nth-child(n){grid-column:span 6;min-height:280px}.treatment:first-child{min-height:400px;grid-column:span 12}.treatment-copy{left:15px;bottom:17px}.treatment-copy h3{font-size:24px}.treatment-copy p{font-size:10px}.film{height:480px}.film:before{inset:12px}.film h2{font-size:43px}.statement{padding:75px 0}.statement-grid{grid-template-columns:1fr;gap:30px}.statement-image{height:350px}.quote{padding:75px 0}.quote blockquote{font-size:32px}.contact-row{display:block}.contact h2{font-size:38px}.contact-details{display:grid;gap:13px;margin-top:25px}.foot{display:block;line-height:2.2}}

/* PHP package additions */
.navlinks a.active{color:var(--gold2)}
.mobile-menu{display:none}
@media(max-width:650px){
  .mobile-menu{display:block;background:transparent;border:1px solid var(--gold);color:var(--white);padding:9px 12px}
  .navlinks.open{display:flex;position:absolute;top:75px;left:0;right:0;background:#111513;padding:20px 24px;flex-direction:column;align-items:flex-start;gap:18px}
}
.treatment{display:block}
.treatment-copy a{cursor:pointer}
.contact-details a:hover{color:#9b713a}
.lang-switch{display:flex;gap:8px;align-items:center;margin-left:12px}
.lang-switch a{font-size:10px;color:#eee9e1;opacity:.72}
.lang-switch a.active{color:var(--gold2);opacity:1}
