.local-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;padding:105px 10%;background:#fffdfa;align-items:start}.local-intro h1{font-size:clamp(34px,4vw,56px);line-height:1.14}.local-intro p{margin:0 0 18px;color:#685e52;font-size:14px;line-height:1.8}.cards{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin-inline:auto}.cards .service-card,.cards .service-card.featured{min-height:360px;background:#2d2118;border-radius:14px}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.service-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,14,9,.78) 0%,rgba(22,14,9,.08) 62%)}.service-card:hover img{transform:scale(1.035)}.service-card div{position:absolute;z-index:1;left:22px;right:22px;bottom:21px}.cards .service-card h3,.cards .service-card.featured h3{position:static;color:#fff;font-size:20px;font-weight:400;letter-spacing:-.025em}.cards .service-card p,.cards .service-card.featured p{position:static;color:rgba(255,255,255,.82);font-size:11px;line-height:1.6;max-width:290px;margin:8px 0 0}.service-copy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:55px auto 0;max-width:1100px;background:#dfd1bc;text-align:left;border:1px solid #dfd1bc}.service-copy-grid article{background:#fbf7ef;padding:28px;min-height:175px}.service-copy-grid h3{position:static;color:#302b25;font-size:17px;font-weight:400;margin:0 0 12px}.service-copy-grid p{position:static;color:#685e52;font-size:12px;line-height:1.7;max-width:none}.seo-about h2{font-size:clamp(32px,3.6vw,52px)}.seo-about p{margin:18px 0!important}.booking-cta{grid-template-columns:1fr 1fr}.booking-cta>div:last-child p{font-size:14px;line-height:1.75;color:#685e52;margin:0 0 24px}.site-header{position:fixed;z-index:45;top:0;left:0;width:100%;height:68px;border-radius:0;background:rgba(255,252,247,.96);display:flex;align-items:center;padding:7px 64px;color:#392f26;border-bottom:1px solid rgba(208,182,146,.7);box-shadow:0 3px 18px rgba(30,20,12,.12);backdrop-filter:blur(12px)}.site-header>a:first-child{height:44px;width:68px;display:flex;align-items:center;justify-content:center;border-right:1px solid #decdb7;padding-right:10px}.site-header img{width:38px;height:auto;filter:brightness(0)}.site-header nav{display:flex;gap:5px;margin-left:20px}.site-header nav a{padding:10px 13px;border-radius:18px;color:inherit;text-decoration:none;font-size:11px}.site-header nav a:hover{background:#eee3d3;color:#725537}.site-header .start{margin-left:auto;background:#9b754c;color:#fff;padding:12px 20px;border-radius:24px;text-decoration:none;font-size:11px}@media(max-width:1024px){.cards{grid-template-columns:repeat(2,1fr)}.cards article:last-child{display:block}}@media(max-width:900px){.local-intro{grid-template-columns:1fr;gap:30px;padding:80px 8%}.service-copy-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.site-header{height:58px;padding-left:28px;padding-right:28px}.site-header>a:first-child{height:40px;width:62px}.site-header img{width:36px}.site-header nav{display:none}.local-intro{padding:65px 7%}.local-intro h1{font-size:32px}.cards{grid-template-columns:1fr 1fr}.cards .service-card,.cards .service-card.featured{grid-column:auto;min-height:265px}.cards .service-card h3,.cards .service-card.featured h3{font-size:16px}.service-card div{left:15px;right:15px;bottom:15px}.cards .service-card p{display:none}.service-copy-grid{grid-template-columns:1fr;margin-top:35px}.service-copy-grid article{min-height:0;padding:23px}.booking-cta{grid-template-columns:1fr}}@media(max-width:430px){.cards{grid-template-columns:1fr}.cards .service-card,.cards .service-card.featured{min-height:310px}}

.hero{background-image:linear-gradient(90deg,rgba(31,20,12,.7),rgba(33,20,12,.08)),url('assets/o2-spa-hot-stone-hero.webp');background-position:center;background-size:cover}
@media(max-width:720px){.hero{background-position:58% center}}

/* Compact local section and two-column mobile service layout */
.local-intro{padding-top:72px;padding-bottom:72px}.local-intro h1{font-size:clamp(32px,3.7vw,50px)}
@media(max-width:900px){.local-intro{grid-template-columns:.85fr 1.15fr;gap:28px;padding:58px 7%}.local-intro p{font-size:12px;line-height:1.65;margin-bottom:12px}.local-intro h1{font-size:clamp(27px,4.2vw,40px)}.service-copy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.local-intro{grid-template-columns:.82fr 1.18fr;gap:20px;padding:46px 6%}.local-intro h1{font-size:clamp(24px,7vw,32px);line-height:1.12}.local-intro p{font-size:10.5px;line-height:1.55;margin-bottom:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.service-copy-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.service-copy-grid article{padding:18px;min-height:0}.service-copy-grid h3{font-size:14px;margin-bottom:7px}.service-copy-grid p{font-size:10px;line-height:1.55}}
@media(max-width:430px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards .service-card,.cards .service-card.featured{min-height:230px}.cards .service-card h3,.cards .service-card.featured h3{font-size:14px}.service-copy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Unified editorial type scale: generous headings with comfortably readable copy. */
body{font-size:15px;line-height:1.65}
h1,h2,h3{letter-spacing:-.035em}
h2{font-size:clamp(30px,3.25vw,46px);line-height:1.16}
h3{line-height:1.25}
.local-intro h2{font-size:clamp(30px,3.45vw,48px);line-height:1.15}
.local-intro p,.about p:not(.kicker),.booking>div>p,.booking-cta>div:last-child p{font-size:15px;line-height:1.7}
.faq p,.visit address{font-size:14px;line-height:1.7}
.service-copy-grid p{font-size:13px;line-height:1.65}
.cards .service-card p,.cards .service-card.featured p{font-size:12px;line-height:1.55}
@media(max-width:900px){.local-intro h2{font-size:clamp(28px,4vw,38px)}.local-intro p{font-size:13px;line-height:1.65}}
@media(max-width:720px){body{font-size:14px}.local-intro h2{font-size:clamp(25px,6.5vw,32px)}.local-intro p,.about p:not(.kicker),.booking>div>p,.booking-cta>div:last-child p{font-size:13px;line-height:1.62}.service-copy-grid p{font-size:11px}.cards .service-card p{font-size:11px}}

@media(max-width:720px){.hero-copy{top:78%!important;bottom:auto!important;z-index:2!important;display:flex!important;gap:10px!important}.hero-copy .pill{margin:0!important;white-space:nowrap}}
@media(max-width:720px){.hero{min-height:585px!important}}

.hero{background-image:linear-gradient(90deg,rgba(31,20,12,.7),rgba(33,20,12,.08)),url('assets/o2-spa-hot-stone-hero.webp')}.photo{background-image:linear-gradient(0deg,rgba(30,18,10,.62),transparent 68%),url('assets/spa-treatment-hero.webp')}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}