/* Warm, intimate luxury layer: inspired by candlelight, rich timber and soft linen. */
:root{--ink:#3d2c24;--muted:#806a5c;--paper:#f8f1e7;--sand:#e8d8c6;--taupe:#ae8e78;--deep:#594035;--line:#dbc6b1}
body{background:radial-gradient(circle at 93% 4%,#f2dfc7 0,transparent 28rem),var(--paper)}
.site-header{background:rgba(248,241,231,.91);border-color:rgba(83,55,42,.16)}
.nav-book,.button{background:#51372c;border-color:#51372c;box-shadow:0 8px 18px rgba(77,47,31,.16)}
.nav-book:hover,.button:hover{background:#a66c4a;color:#fff;border-color:#a66c4a}
.hero{background:linear-gradient(126deg,#d8b99d,#f0dfce 65%,#c79e7b)}
.hero-copy{position:relative;background:radial-gradient(circle at 12% 82%,rgba(181,102,52,.18),transparent 18rem)}
.hero-copy:before{content:"";width:5.3rem;height:1px;background:#a86d48;position:absolute;top:clamp(2.4rem,6vw,5rem);left:clamp(1.5rem,7vw,8rem)}
.hero-image{background-image:linear-gradient(90deg,rgba(58,34,23,.28),rgba(95,48,23,.02)),url('images/hero-lashes-aesthetics.jpg');filter:sepia(.11) saturate(.88)}
.section-sand,.page-hero{background:linear-gradient(135deg,#ead8c5,#f3e8da 48%,#ead2ba)}
.section-deep{background:radial-gradient(circle at 84% 10%,#79513d 0,transparent 27rem),linear-gradient(140deg,#3d2921,#5c4034)}
.service-card{background:linear-gradient(150deg,#fffaf3,#f2e4d5);padding:2.35rem;transition:transform .3s,box-shadow .3s}
.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(67,39,25,.13)}
.reason{border-color:rgba(255,238,220,.42)}
.consult{background:#fff8ef;box-shadow:0 20px 55px rgba(64,37,24,.12)}
.consult-image{background-image:linear-gradient(45deg,rgba(81,45,26,.2),transparent),url('images/facial-aesthetics-editorial.jpg');filter:sepia(.12) saturate(.9)}
.gallery-item img,.team-image,.split-feature .image{filter:sepia(.24) saturate(.75) contrast(.96)}
.gallery-item:hover img{filter:sepia(.08) saturate(.95)}
.insta-placeholder{background:radial-gradient(circle at 24% 30%,#dca66f 0,transparent 9rem),linear-gradient(135deg,#5b3829,#a96f4c 55%,#e1b683);box-shadow:inset 0 0 0 1px rgba(255,246,230,.3)}
.notice{background:#f5e5d3;border-left-color:#a66c4a}
.contact-form{background:linear-gradient(145deg,#ecd4bd,#f7eadb);box-shadow:0 15px 38px rgba(65,36,24,.09)}
.site-footer{background:radial-gradient(circle at 15% 0,#71503e 0,transparent 20rem),#30211d}
.mobile-book{background:#51372c;box-shadow:0 12px 30px rgba(50,25,15,.36)}
.final-cta{background:radial-gradient(circle at 50% 0,rgba(222,164,103,.28),transparent 24rem)}

/* Soft buttery-yellow refinement: warm and luminous, without a bronzed cast. */
:root{--ink:#403517;--muted:#7c6934;--paper:#fff9d5;--sand:#f5df88;--taupe:#9f7a22;--deep:#55461e;--line:#dfc25a}
body{background:radial-gradient(circle at 93% 4%,#fff3a2 0,transparent 30rem),var(--paper)}
.hero{background:linear-gradient(126deg,#dec257,#fff3b6 65%,#c8a338)}
.section-sand,.page-hero{background:linear-gradient(135deg,#f4dc78,#fff7cf 48%,#f0cc55)}
.contact-form{background:linear-gradient(145deg,#f5db75,#fff3bf)}
.brand{padding-left:2.15rem;position:relative;min-height:2.1rem;justify-content:center}
.brand-mark{position:absolute;left:0;top:.02rem;width:1.25rem;height:1.58rem;border:1.5px solid currentColor;border-bottom:0;border-radius:1rem 1rem 0 0}
.brand-mark:after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:.82rem;background:currentColor;transform:translateX(-50%);opacity:.7}
.brand-emblem{position:absolute;left:0;top:50%;width:1.48rem;height:1.82rem;object-fit:contain;transform:translateY(-50%)}

/* Creamy, relaxed neutral finish: warm daylight rather than metallic gold. */
:root{--ink:#40342b;--muted:#796857;--paper:#faf5e8;--sand:#e9dbc2;--taupe:#a08b72;--deep:#534338;--line:#d8c6aa}
body{background:radial-gradient(circle at 93% 4%,#f5ead2 0,transparent 30rem),var(--paper)}
.hero{background:linear-gradient(126deg,#d8c5a2,#f7f0df 65%,#c9b592)}
.section-sand,.page-hero{background:linear-gradient(135deg,#e7d6b8,#fbf5e7 48%,#dfc8a3)}
.contact-form{background:linear-gradient(145deg,#ead9bc,#faf1de)}

/* Simple booking-first experience, with no remaining pink or rose surfaces. */
:root{--paper:#f8f1df;--sand:#e8d6ad;--taupe:#927954;--ink:#3f3328;--muted:#746252;--deep:#4e3d2e;--line:#d6c09b}
body{background:radial-gradient(circle at 93% 4%,#f2e3bc 0,transparent 30rem),var(--paper)}
.hero{background:linear-gradient(126deg,#cfb27b,#f5ecda 66%,#c2a36c)}
.section-sand,.page-hero{background:linear-gradient(135deg,#e5d1a8,#f9f2e3 48%,#ddc399)}
.service-card{background:linear-gradient(150deg,#fffaf0,#eee0c6)}
.notice{background:#f4e7cf;border-left-color:#8b6d46}
.insta-placeholder{background:radial-gradient(circle at 24% 30%,#d7bb7d 0,transparent 9rem),linear-gradient(135deg,#49372c,#846544 55%,#c8a36c)}
.nav-book,.button{background:#49372c;border-color:#49372c;box-shadow:none}
.nav-book:hover,.button:hover{background:#77583d;border-color:#77583d}
.primary-nav{gap:clamp(1rem,2.2vw,2.4rem)}

/* Clear yellow-led theme: soft sunshine, cream and cocoa. */
:root{--ink:#3b301f;--muted:#766034;--paper:#fff7bb;--sand:#f6dc61;--taupe:#a57d1c;--deep:#4d3d20;--line:#ddbf42}
body{background:#fff7bb}
.site-header{background:rgba(255,248,195,.95)}
.hero{background:linear-gradient(126deg,#e4ca49,#fff5b7 64%,#d0ab2f)}
.section-sand,.page-hero{background:linear-gradient(135deg,#f6d858,#fff6ba 48%,#edca40)}
.service-card{background:linear-gradient(150deg,#fffbd6,#f3df82)}
.consult{background:#fff9ce}
.contact-form{background:linear-gradient(145deg,#f6da5b,#fff5b4)}
.notice{background:#fff1aa;border-left-color:#96721f}
.final-cta{background:radial-gradient(circle at 50% 0,#ffe994 0,transparent 25rem),#fff7bb}

/* Editorial, image-first layout inspired by the supplied reference's mood. */
:root{--paper:#f8f4e8;--sand:#ead49a;--ink:#3f342b;--muted:#746355;--deep:#4a392e;--taupe:#a1896e;--line:#dcc9a5}
body{background:var(--paper)}
.site-header{background:rgba(251,249,243,.96);height:88px}
.hero{display:block;position:relative;min-height:calc(100vh - 88px);overflow:hidden;background:#4b392d}
.hero-image{position:absolute;inset:0;min-height:0;background-image:linear-gradient(90deg,rgba(42,29,21,.74),rgba(42,29,21,.22) 62%,rgba(42,29,21,.04)),url('images/hero-lashes-aesthetics.jpg');background-position:center;background-size:cover;filter:sepia(.12) saturate(.82)}
.hero-copy{position:relative;z-index:1;min-height:calc(100vh - 88px);max-width:780px;padding:clamp(5rem,10vw,9rem) clamp(1.5rem,7vw,8rem);color:#fffdf7;background:none}
.hero-copy:before{background:#e3cf9c}.hero .eyebrow,.hero-copy>p:not(.eyebrow){color:#fff8e8}.hero h1{max-width:9ch;font-size:clamp(3.4rem,6vw,6.8rem);text-shadow:0 2px 20px rgba(0,0,0,.18)}
.nav-book,.button,.mobile-book{border-radius:999px}.nav-book,.button{padding:.92rem 1.45rem}.button.ghost{border-radius:999px}
.nav-book span[aria-hidden],.button span[aria-hidden],.mobile-book span[aria-hidden]{display:none}
.section-sand,.page-hero{background:#ead49a}.service-card{background:#fffdf5}.consult{background:#fffaf0}.contact-form{background:#eee0ba}.notice{background:#f8ecc8}.final-cta{background:#f4e3b0}
@media(max-width:800px){.site-header{height:70px}.hero{min-height:calc(100vh - 70px)}.hero-copy{min-height:calc(100vh - 70px);padding:5rem 1.5rem 7rem}.hero-image{position:absolute;inset:0;min-height:0;order:initial}.hero h1{font-size:clamp(3rem,13vw,4.4rem)}}

/* Carry the homepage's calm photo-overlay treatment through inner pages. */
.page-hero{position:relative;isolation:isolate;min-height:470px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#fff;background:#4c392d url('images/facial-aesthetics-editorial.jpg') center/cover}
.page-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(48,32,22,.79),rgba(48,32,22,.3) 64%,rgba(48,32,22,.12))}
.page-hero .display,.page-hero p{color:#fffdf7;text-shadow:0 2px 16px rgba(0,0,0,.18)}
.page-hero .eyebrow{color:#f2dba8}.page-hero .display{max-width:11ch}.page-hero p:not(.eyebrow){max-width:48ch}
.final-cta{position:relative;overflow:hidden;background:linear-gradient(rgba(57,40,28,.75),rgba(57,40,28,.63)),url('images/lashes-editorial.jpg') center/cover;color:#fffdf7}
.final-cta p{color:#fffaf0}.final-cta .button{background:#fffaf0;color:#49372c;border-color:#fffaf0}.final-cta .button:hover{background:transparent;color:#fffaf0}
@media(max-width:800px){.page-hero{min-height:400px}.page-hero:before{background:linear-gradient(90deg,rgba(48,32,22,.8),rgba(48,32,22,.34))}}

/* Calmer companion tones: structured sections, but with no loud colour jumps. */
body{background:#f8f4e8}
.service-dash{color:var(--taupe);font:400 1.45rem/1.4 var(--serif)}
.section-sand{background:#eee2c8}
.section-deep{background:#59453a}
.consult{box-shadow:0 18px 48px rgba(66,44,29,.09)}
.final-cta{background-position:center}
.team-image{background-image:linear-gradient(40deg,rgba(78,45,24,.16),transparent),url('images/facial-aesthetics-editorial.jpg')}
.split-feature .image{background-image:linear-gradient(40deg,rgba(78,45,24,.16),transparent),url('images/facial-aesthetics-editorial.jpg')}

/* Mobile navigation: one calm, full-screen panel instead of a dropdown over content. */
@media(max-width:800px){
  .site-header{position:sticky;z-index:30}
  .menu-toggle{width:46px;height:46px;padding:0;justify-content:center;position:relative;border:1px solid var(--line)}
  .menu-toggle b{display:none}
  .menu-toggle span{position:absolute;left:13px;width:18px;height:1px;background:var(--ink);transition:transform .2s ease,top .2s ease}
  .menu-toggle span:nth-of-type(1){top:17px}
  .menu-toggle span:nth-of-type(2){top:24px}
  .menu-toggle span:nth-of-type(3){display:none}
  .menu-toggle[aria-expanded="true"] span:nth-of-type(1){top:22px;transform:rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-of-type(2){top:22px;transform:rotate(-45deg)}
  .primary-nav{display:none;position:absolute;z-index:29;top:70px;right:0;left:0;height:calc(100dvh - 70px);padding:1.25rem 1.5rem 7rem;background:var(--paper);overflow-y:auto;flex-direction:column;align-items:stretch;gap:0}
  .primary-nav.open{display:flex}
  .primary-nav a{padding:1rem 0!important;border-bottom:1px solid var(--line)!important;font-size:.8rem;letter-spacing:.13em;text-transform:uppercase}
  .primary-nav .nav-book{margin-top:1.25rem;padding:1rem!important;border:1px solid var(--ink)!important;border-radius:999px;text-align:center}
  body:has(.primary-nav.open),body.menu-open{overflow:hidden}
  body:has(.primary-nav.open) .mobile-book,body.menu-open .mobile-book{display:none}
  .mobile-book{left:auto;right:.75rem;bottom:.75rem;min-width:132px;padding:.62rem .85rem;justify-content:center;font-size:.64rem;letter-spacing:.1em;box-shadow:0 8px 20px rgba(50,25,15,.22)}
}