@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
:root{--cream:#faf6ed;--tan:#b99365;--brown:#3c291c;--ink:#302b25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdfa;color:var(--ink);font-family:Poppins,sans-serif}img,iframe{max-width:100%}.hero{min-height:735px;position:relative;background:linear-gradient(90deg,rgba(31,20,12,.78),rgba(33,20,12,.25)),url('assets/spa-treatment-hero.png') center/cover;color:#fff;border-radius:0 0 18px 18px;padding:24px 8%}header{height:55px;border-radius:40px;background:#fffdf8;display:flex;align-items:center;padding:7px 10px 7px 18px;color:#392f26}header img{width:64px;display:block;filter:brightness(0)}nav{display:flex;gap:28px;margin:auto}nav a,.start{color:inherit;text-decoration:none;font-size:11px}.start{background:#53402d;color:#fff;padding:12px 17px;border-radius:24px}.hero-copy{position:absolute;top:245px;left:8%;max-width:650px}.kicker{font-size:10px;letter-spacing:.12em;font-weight:600}.gold{color:#9d805c}h1,h2,h3{font-family:Poppins,sans-serif;font-weight:400;letter-spacing:-.045em;margin:0}h1{font-size:clamp(44px,5vw,71px);line-height:1.1}h2{font-size:clamp(34px,3.8vw,55px);line-height:1.13}em{font-style:normal;font-weight:500}.hero-copy>p:not(.kicker){font-size:14px;line-height:1.7;max-width:390px;margin:22px 0 28px}.pill{display:inline-block;text-decoration:none;border-radius:30px;padding:13px 18px;font-size:10px;margin:0 9px 8px 0}.solid{background:#fff;color:#392f26}.outline{border:1px solid #fff;color:#fff}.trust{background:var(--cream);padding:26px 7%;text-align:center}.trust p{font-size:10px;color:#8a7b69}.trust div{display:flex;justify-content:space-between;gap:12px;color:#ad9e8a;font-size:11px;font-weight:600}.treatments{text-align:center;padding:105px 7%}.treatments h2{margin:14px 0 48px;font-size:clamp(29px,3vw,45px)}.cards{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:15px;text-align:left}.cards article,.photo{background:linear-gradient(0deg,rgba(30,18,10,.62),transparent 68%),url('assets/spa-treatment-hero.png') 68% center/cover;border-radius:12px;min-height:260px;position:relative;overflow:hidden}.cards .featured{min-height:348px}.cards h3{position:absolute;bottom:18px;left:17px;color:#fff;font-size:17px;font-weight:500}.cards .featured h3{font-size:23px;bottom:45px}.cards p{position:absolute;bottom:12px;left:17px;color:#fff;font-size:10px;max-width:220px;margin:0}.all-link{display:inline-block;margin-top:34px;text-decoration:none;color:#564334;text-transform:uppercase;letter-spacing:.12em;font-size:10px;border-bottom:1px solid #c3a37a;padding-bottom:6px}.about,.booking,.visit{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;padding:92px 10%;align-items:center}.about{background:#f3eddf}.photo{height:410px;background-position:75% center}.about p:not(.kicker),.booking>div>p{font-size:14px;color:#685e52;line-height:1.75;max-width:420px;margin:25px 0}.dark{background:#4a3627;color:#fff}.booking{background:#e9deca}.booking small{line-height:2;color:#665744}.booking form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.booking label{font-size:10px;letter-spacing:.06em;color:#5f4b38;display:grid;gap:8px}.booking input,.booking select,.booking textarea{font:13px Poppins,sans-serif;padding:13px;border:1px solid #bca98c;border-radius:4px;background:#f9f4e9;width:100%;min-height:44px}.booking textarea{height:90px;resize:vertical}.wide,form button{grid-column:span 2}form button{border:0;background:#483224;color:#fff;padding:15px;text-transform:uppercase;letter-spacing:.11em;font:600 11px Poppins,sans-serif;cursor:pointer;min-height:48px}.visit{background:#3e2d20;color:var(--cream)}.visit address{font-style:normal;line-height:1.75;font-size:13px;margin:30px 0}.visit address a{color:#ead2af;text-decoration:none}.visit iframe{width:100%;height:390px;border:0;filter:sepia(.35) saturate(.7)}.faq{padding:95px 10%;background:#fbf8f1}.faq h2{margin:14px 0 35px}.faq details{border-top:1px solid #d7c7af;padding:20px 0;max-width:850px}.faq details:last-child{border-bottom:1px solid #d7c7af}.faq summary{font:18px Poppins,sans-serif;font-weight:500;cursor:pointer}.faq p{line-height:1.7;font-size:13px;color:#685e52}footer{background:#2c1e15;color:#d5c4ad;padding:50px 8%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;font-size:11px}footer img{width:62px;filter:brightness(0) invert(1)}footer p{line-height:1.6;max-width:260px}footer div:not(:first-child){display:grid;gap:11px;align-content:start}footer a{color:#d5c4ad;text-decoration:none}
@media(max-width:1024px){.hero{min-height:680px;padding:20px 6%;background-position:62% center}.hero-copy{left:8%;top:220px;max-width:530px}.cards{grid-template-columns:1.4fr 1fr 1fr}.cards article:last-child{display:none}.about,.booking,.visit{padding:76px 8%;gap:6%}.photo{height:370px}footer{padding:45px 8%}}
@media(max-width:720px){.hero{min-height:640px;padding:15px 5%;border-radius:0;background-position:61% center}header{height:50px;padding-left:15px}header img{width:52px}nav{display:none}.start{font-size:10px;padding:10px 13px}.hero-copy{left:7%;right:7%;top:195px}.hero-copy h1{font-size:clamp(37px,11vw,48px)}.hero-copy>p:not(.kicker){font-size:13px;max-width:300px}.trust{padding:21px 5%}.trust p{margin:0 0 15px}.trust div{flex-wrap:wrap;justify-content:center;gap:13px 21px;font-size:9px}.treatments{padding:70px 6%}.treatments h2{font-size:27px;margin-bottom:32px}.cards{grid-template-columns:1fr 1fr;gap:10px}.cards .featured{grid-column:span 2;min-height:275px}.cards article{min-height:200px}.cards .featured h3{font-size:20px}.cards h3{font-size:14px;left:12px;bottom:13px}.cards p{left:12px;bottom:10px;font-size:9px}.about,.booking,.visit{grid-template-columns:1fr;padding:62px 7%;gap:34px}.photo{height:290px}.about h2,.booking h2,.visit h2,.faq h2{font-size:33px}.booking form{grid-template-columns:1fr;gap:13px}.wide,form button{grid-column:span 1}.visit iframe{height:270px}.faq{padding:70px 7%}.faq summary{font-size:16px}footer{grid-template-columns:1fr 1fr;padding:38px 7%;gap:30px;font-size:10px}footer div:first-child{grid-column:span 2}}
@media(max-width:390px){.hero-copy{top:175px}.hero-copy h1{font-size:36px}.hero-copy>p:not(.kicker){margin:16px 0 20px}.pill{padding:11px 13px}.cards article{min-height:180px}.cards .featured{min-height:245px}.about,.booking,.visit{padding:55px 6%}}