:root{--gold:#C99A55;--gold-light:#D9B77E;--gold-deep:#A97832;--soft:#FCFAF6;--ivory:#F7F2E9;--cream:#EFE4D2;--black:#080807;--charcoal:#171613;--gray:#756F66;--max:1240px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--charcoal);font-family:Inter,system-ui,sans-serif;line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:"Cormorant Garamond",serif;line-height:.98;margin:0 0 24px}h1{font-size:clamp(3.4rem,7vw,7.5rem);font-weight:600;letter-spacing:-.04em}h2{font-size:clamp(2.5rem,5vw,5rem);font-weight:600;letter-spacing:-.035em}h3{font-size:2rem}.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;font-weight:600;color:var(--gold-deep);margin-bottom:20px}.lead{font-size:clamp(1.05rem,1.6vw,1.35rem);max-width:630px;color:#4f4a43}.site-header{position:fixed;inset:0 0 auto 0;height:82px;z-index:50;display:flex;align-items:center;gap:32px;padding:14px max(24px,calc((100vw - var(--max))/2));background:rgba(252,250,246,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(201,154,85,.14)}.brand img{width:128px;max-height:52px;object-fit:contain}.nav{display:flex;gap:28px;margin-left:auto;font-size:.9rem}.nav a{opacity:.78}.nav a:hover{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.1em;transition:.25s ease}.btn-primary{background:var(--gold);color:var(--black)}.btn-primary:hover{background:var(--gold-deep);color:#fff}.btn-outline{border:1px solid var(--gold);color:var(--charcoal)}.btn-outline:hover{background:var(--gold);color:var(--black)}.btn-gold{background:var(--gold);color:var(--black)}.section-light,.section-soft{padding:120px max(24px,calc((100vw - var(--max))/2))}.section-soft{background:var(--ivory)}
.hero{min-height:100svh;padding-top:150px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:4}.hero-copy em{font-style:italic;color:var(--gold-deep)}.hero-copy .btn{margin-top:18px}.hero-art{position:relative;min-height:620px}.hero-bg,.hero-scene,.hero-subject{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:32px}.hero-bg{opacity:.28;transform:translateY(var(--parallax-bg,0)) scale(1.03)}.hero-scene{clip-path:inset(6% 3% 0 8% round 30px);transform:translateY(var(--parallax-mid,0));box-shadow:0 30px 80px rgba(78,58,31,.12)}.hero-subject{object-fit:contain;object-position:bottom right;transform:translateY(var(--parallax-front,0)) scale(.96);filter:drop-shadow(0 30px 30px rgba(23,22,19,.12))}.gold-thread{position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(transparent,var(--gold-light),transparent);opacity:.55;transform:translateX(-50%)}
.duality{display:grid;grid-template-columns:1fr 1fr}.duality-card{padding:92px max(36px,7vw);min-height:520px;display:flex;flex-direction:column;justify-content:flex-end}.duality-card span{font-size:.75rem;letter-spacing:.16em;opacity:.6;margin-bottom:auto}.duality-card h2{font-size:clamp(3rem,5vw,5.5rem)}.duality-card p{max-width:500px}.duality-card a{margin-top:18px;font-weight:600;font-size:.86rem}.light-card{background:var(--cream)}.dark-card{background:var(--black);color:var(--soft)}.dark-card a,.dark-card h2{color:var(--gold-light)}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}.feature-copy p{max-width:610px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0}.mini-grid div{padding:18px 0;border-top:1px solid rgba(201,154,85,.42)}.mini-grid strong,.mini-grid span{display:block}.mini-grid span{font-size:.82rem;color:var(--gray);margin-top:8px}
.headspa{position:relative;min-height:900px;padding:130px max(24px,calc((100vw - var(--max))/2));background:radial-gradient(circle at 70% 35%,#2b2117 0,#17130f 24%,var(--black) 58%);color:var(--soft);overflow:hidden}.headspa-glow{position:absolute;inset:auto 10% 12% auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(201,154,85,.18),transparent 70%);filter:blur(30px)}.headspa-brand img{width:190px;max-height:110px;object-fit:contain;margin-bottom:44px}.headspa-copy{position:relative;z-index:3;max-width:560px}.headspa-copy .eyebrow{color:var(--gold-light)}.headspa-copy h2 em{color:var(--gold-light);font-style:italic}.headspa-copy p{color:#d6cec2}.headspa-gallery{position:absolute;right:max(24px,calc((100vw - var(--max))/2));top:110px;width:48%;height:680px}.headspa-gallery img{position:absolute;object-fit:cover;border-radius:20px;box-shadow:0 28px 70px rgba(0,0,0,.35)}.hs-main{inset:0 0 auto 8%;width:82%;height:78%}.hs-detail.one{left:0;bottom:2%;width:35%;height:32%}.hs-detail.two{right:2%;bottom:0;width:29%;height:27%}.process{padding-top:140px}.section-heading{max-width:760px;margin-bottom:56px}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.step{padding:28px 18px;border-top:1px solid rgba(201,154,85,.48)}.step>span{font-size:.75rem;letter-spacing:.18em;color:var(--gold-deep)}.step h3{margin-top:22px;margin-bottom:12px}.step p{font-size:.9rem;color:var(--gray)}.retail{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.retail-copy p{max-width:580px}.retail-media img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}.space-grid{display:grid;grid-template-columns:1.6fr .8fr .8fr;gap:16px}.space-grid img{width:100%;height:440px;object-fit:cover;border-radius:var(--radius)}.space-grid img:not(:first-child){height:440px}.booking{padding:120px 24px;background:linear-gradient(135deg,var(--cream),var(--soft));text-align:center}.booking-inner{max-width:760px;margin:auto}.booking-inner p{max-width:560px;margin:0 auto 24px}.booking-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:34px}.qr-wrap{display:flex;align-items:center;gap:12px;text-align:left}.qr-wrap img{width:120px;height:120px;object-fit:contain;background:#fff;padding:8px}.qr-wrap span{font-size:.78rem;max-width:90px}.site-footer{padding:48px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;background:var(--charcoal);color:var(--soft);font-size:.85rem}.site-footer img{width:120px;filter:brightness(1.15)}.site-footer p:last-child{text-align:right}.mobile-book{display:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.nav{display:none}.header-cta{display:none}.site-header{height:70px;padding:10px 18px}.brand img{width:110px}.hero{grid-template-columns:1fr;padding:110px 20px 70px;gap:30px}.hero-art{min-height:440px}.gold-thread{left:auto;right:22px}.duality{grid-template-columns:1fr}.duality-card{min-height:390px;padding:60px 24px}.feature{grid-template-columns:1fr;gap:42px;padding:90px 20px}.feature-copy{order:-1}.mini-grid{grid-template-columns:1fr}.headspa{padding:95px 20px 70px;min-height:auto}.headspa-gallery{position:relative;right:auto;top:auto;width:100%;height:530px;margin-top:54px}.headspa-copy{max-width:100%}.headspa-brand img{width:150px}.process{padding:90px 20px}.process-grid{grid-template-columns:1fr}.retail{grid-template-columns:1fr;padding:90px 20px}.space{padding:90px 20px}.space-grid{grid-template-columns:1fr 1fr}.space-grid img:first-child{grid-column:1/-1}.space-grid img,.space-grid img:not(:first-child){height:300px}.booking{padding:90px 20px 120px}.booking-actions{flex-direction:column}.site-footer{grid-template-columns:1fr;text-align:center;padding-bottom:110px}.site-footer img{margin:auto}.site-footer p:last-child{text-align:center}.mobile-book{display:flex;position:fixed;z-index:60;left:14px;right:14px;bottom:12px;height:52px;align-items:center;justify-content:center;background:var(--gold);color:var(--black);border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.09em;box-shadow:0 10px 30px rgba(0,0,0,.18)}}
@media(max-width:480px){h1{font-size:3.35rem}h2{font-size:2.7rem}.hero-art{min-height:360px}.hero-scene{clip-path:inset(4% 0 0 0 round 22px)}.duality-card{min-height:350px}.headspa-gallery{height:430px}.hs-main{width:92%;left:4%;height:72%}.hs-detail.one{width:40%;height:32%}.hs-detail.two{width:34%;height:30%}.space-grid{grid-template-columns:1fr}.space-grid img:first-child{grid-column:auto}.space-grid img,.space-grid img:not(:first-child){height:260px}.qr-wrap img{width:132px;height:132px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-bg,.hero-scene,.hero-subject{transform:none!important}}

.skip-link{position:absolute;left:16px;top:0;z-index:100;background:var(--charcoal);color:var(--soft);padding:12px 16px;border-radius:10px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(12px)}.btn:focus-visible,.nav a:focus-visible,.brand:focus-visible,.duality-card a:focus-visible,.mobile-book:focus-visible{outline:3px solid var(--gold-deep);outline-offset:4px}section[id]{scroll-margin-top:92px}@media(max-width:900px){section[id]{scroll-margin-top:78px}}

.section-light .eyebrow,.section-soft .eyebrow,.booking .eyebrow{color:#835B24}

/* === S4 visual polish: split premium hero === */
.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}
.site-header{height:76px;background:linear-gradient(90deg,rgba(252,250,246,.92) 0 50%,rgba(8,8,7,.90) 50% 100%);border-bottom:1px solid rgba(201,154,85,.22)}
.site-header .nav{margin-left:auto}.site-header .nav a{color:#efe4d2}.site-header .nav a:first-child{color:var(--charcoal)}
.brand{background:rgba(252,250,246,.9);border-radius:999px;padding:5px 10px}.brand img{width:142px;max-height:58px}
.header-cta{box-shadow:0 8px 28px rgba(169,120,50,.24)}
.hero-split{position:relative;min-height:100svh;padding:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--black)}
.hero-half{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center}
.hero-cosm{background-image:linear-gradient(rgba(252,250,246,.18),rgba(252,250,246,.18)),url('assets/cosmiatria-hero.jpg')}
.hero-hs{background-image:linear-gradient(rgba(8,8,7,.08),rgba(8,8,7,.08)),url('assets/headspa-hero.jpg')}
.hero-shade{position:absolute;inset:0}.hero-cosm .hero-shade{background:linear-gradient(90deg,rgba(252,250,246,.94),rgba(252,250,246,.36) 62%,rgba(239,228,210,.06))}.hero-hs .hero-shade{background:linear-gradient(90deg,rgba(8,8,7,.18),rgba(8,8,7,.70) 52%,rgba(8,8,7,.92))}
.hero-logo{position:absolute;z-index:3;top:16%;width:min(36vw,460px);height:min(36vw,460px);object-fit:contain;filter:drop-shadow(0 16px 32px rgba(0,0,0,.10))}
.hero-logo-cosm{right:10%}.hero-logo-hs{left:10%;filter:drop-shadow(0 18px 34px rgba(0,0,0,.42))}
.hero-half-copy{position:absolute;z-index:4;bottom:19%;text-align:center;max-width:440px}.hero-cosm .hero-half-copy{right:10%;color:var(--charcoal)}.hero-hs .hero-half-copy{left:10%;color:var(--soft)}
.hero-half-copy .eyebrow{margin:0 0 10px;font-size:.72rem}.hero-half-copy h2{font-size:clamp(2.4rem,4vw,4.5rem);margin:0;line-height:.95}.hero-hs .hero-half-copy .eyebrow,.hero-hs .hero-half-copy h2{color:var(--gold-light)}
.hero-ribbon{position:absolute;z-index:5;left:50%;top:-8%;width:96px;height:116%;transform:translateX(-50%) rotate(8deg);background:linear-gradient(90deg,rgba(255,255,255,.16),#f0c66f 17%,#9d6418 45%,#f4d68e 69%,rgba(255,255,255,.18));filter:blur(.2px) drop-shadow(0 0 18px rgba(217,183,126,.28));border-radius:48% 52% 52% 48%/8% 9% 91% 92%;opacity:.9}
.hero-center{position:absolute;z-index:8;left:50%;bottom:7.5%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;min-width:360px}.hero-kicker,.hero-note{margin:0;text-transform:uppercase;letter-spacing:.24em;font-size:.7rem}.hero-kicker{color:rgba(23,22,19,.72)}.hero-note{color:#6f5d43}.btn-hero{min-width:320px;min-height:58px;padding:0 32px;background:linear-gradient(180deg,#e5b65c,#b9791e);color:white;border:1px solid rgba(255,255,255,.45);box-shadow:0 18px 45px rgba(111,71,16,.28);font-size:.92rem}.btn-hero:hover{transform:translateY(-1px);background:linear-gradient(180deg,#efc56e,#a86d19)}
.duality-card{min-height:420px}.light-card{background:linear-gradient(135deg,#f5ead7,#ead7b6)}.dark-card{background:radial-gradient(circle at 70% 30%,#241b12,var(--black) 70%)}
.feature,.process,.space{background:linear-gradient(180deg,#fcfaf6,#f7f2e9)}.retail{background:linear-gradient(90deg,#f3e6cf,#fbf7ef)}
.feature-media img,.retail-media img,.space-grid img{box-shadow:0 24px 70px rgba(88,60,26,.10)}
.headspa{background:radial-gradient(circle at 72% 34%,#3a2818 0,#17110b 28%,#080807 66%)}
.booking{background:linear-gradient(135deg,#efe0c4 0,#fcfaf6 56%,#efe0c4 100%)}
.site-footer{background:#0b0a09;border-top:1px solid rgba(201,154,85,.24)}
@media(max-width:900px){.site-header{background:rgba(252,250,246,.94)}.site-header .nav a{color:var(--charcoal)}.hero-split{grid-template-columns:1fr;min-height:auto}.hero-half{min-height:72svh}.hero-ribbon{display:none}.hero-logo{top:12%;width:min(68vw,340px);height:min(68vw,340px)}.hero-logo-cosm,.hero-logo-hs{left:50%;right:auto;transform:translateX(-50%)}.hero-half-copy{bottom:12%;left:50%!important;right:auto!important;transform:translateX(-50%);width:88%}.hero-center{bottom:calc(50% - 29px);min-width:0;width:100%;padding:0 20px}.hero-kicker,.hero-note{display:none}.btn-hero{min-width:min(86vw,330px);min-height:56px}.hero-cosm .hero-shade{background:linear-gradient(rgba(252,250,246,.92),rgba(252,250,246,.40) 58%,rgba(252,250,246,.16))}.hero-hs .hero-shade{background:linear-gradient(rgba(8,8,7,.20),rgba(8,8,7,.60) 50%,rgba(8,8,7,.92))}}
@media(max-width:480px){.hero-half{min-height:66svh}.hero-logo{top:10%;width:72vw;height:72vw}.hero-half-copy h2{font-size:2.45rem}.hero-center{bottom:calc(50% - 27px)}}

/* Preserve centered CTA when reveal animation resolves */
.hero-center.reveal{transform:translate(-50%,22px)}
.hero-center.reveal.is-visible{transform:translate(-50%,0)}
.hero-logo{width:min(39vw,500px);height:min(39vw,500px)}
@media(max-width:900px){.hero-logo{width:min(74vw,360px);height:min(74vw,360px)}}

/* Hero logo proportion lock — approved 2026-09-12 */
.hero-logo{width:min(22vw,330px);height:min(22vw,330px)}
.hero-logo-cosm{right:14%}
.hero-logo-hs{left:14%}
@media(max-width:900px){
  .hero-logo{width:min(58vw,250px);height:min(58vw,250px)}
  .hero-logo-cosm,.hero-logo-hs{left:50%;right:auto}
}
@media(max-width:480px){
  .hero-logo{width:min(56vw,220px);height:min(56vw,220px)}
}