:root {
    --bs-primary: #846b4b;
    --bs-primary-rgb: 132, 107, 75;
    --ink: #292820;
    --muted: #6f6b61;
    --paper: #fbfaf7;
    --sand: #f1ebe2;
    --sage: #697363;
    --line: rgba(41, 40, 32, .14);
    --shadow: 0 24px 70px rgba(54, 48, 38, .12);
    --serif: "Playfair Display", Georgia, serif;
    --sans: "DM Sans", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    overflow-x: hidden;
    background: var(--paper);
    color: var(--ink);
    font-family: var(--sans);
    -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.site-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.site-main { min-height: 25rem; }
.skip-link { position: fixed; top: -5rem; left: 1rem; z-index: 2000; padding: .7rem 1rem; background: #fff; }
.skip-link:focus { top: 1rem; }

.announcement { min-height: 34px; background: var(--ink); color: #fff; font-size: .78rem; }
.announcement__inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.announcement__ad { flex: 1; }
.announcement p { margin: 0; }
.announcement a { white-space: nowrap; opacity: .88; }
.site-header { position: relative; z-index: 100; border-bottom: 1px solid var(--line); background: rgba(251,250,247,.96); }
.navigation { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.brand { display: inline-flex; align-items: center; gap: .75rem; min-width: 210px; }
.brand__mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--sage); color: white; font-family: var(--serif); font-size: 1.3rem; font-style: italic; }
.brand strong, .brand small { display: block; }
.brand strong { max-width: 250px; overflow: hidden; font-family: var(--serif); font-size: 1.15rem; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.brand small { margin-top: .18rem; color: var(--muted); font-size: .61rem; letter-spacing: .16em; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: clamp(.8rem, 2vw, 1.8rem); }
.desktop-nav a { position: relative; padding: 1.8rem 0; color: var(--muted); font-size: .9rem; font-weight: 500; }
.desktop-nav a::after { content: ""; position: absolute; right: 0; bottom: 1.25rem; left: 0; height: 1px; background: var(--ink); transform: scaleX(0); transition: transform .2s ease; }
.desktop-nav a:hover, .desktop-nav a.active { color: var(--ink); }
.desktop-nav a:hover::after, .desktop-nav a.active::after { transform: scaleX(1); }
.navigation__actions { display: flex; align-items: center; justify-content: flex-end; gap: .65rem; min-width: 210px; }
.icon-button, .menu-toggle, .back-to-top { border: 0; background: transparent; }
.icon-button { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; }
.primary-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .75rem 1.4rem; border: 1px solid var(--sage); background: var(--sage); color: #fff; font-weight: 600; transition: background .2s ease, color .2s ease, transform .2s ease; }
.primary-button:hover { background: transparent; color: var(--sage); transform: translateY(-2px); }
.primary-button--small { min-height: 42px; padding: .6rem 1.05rem; font-size: .86rem; }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 11px; border: 1px solid var(--line); }
.menu-toggle i { display: block; height: 1px; margin: 4px 0; background: var(--ink); transition: transform .2s ease; }
.mobile-navigation { display: none; position: absolute; top: 100%; right: 0; left: 0; border-bottom: 1px solid var(--line); background: var(--paper); box-shadow: var(--shadow); }
.mobile-navigation.is-open { display: block; }
.mobile-navigation nav { padding-block: 1rem 1.5rem; }
.mobile-navigation a { display: flex; justify-content: space-between; padding: .85rem 0; border-bottom: 1px solid var(--line); font-family: var(--serif); font-size: 1.35rem; }

.hero .carousel-item { position: relative; height: clamp(520px, 72vh, 760px); background: #3e3a31; }
.hero .carousel-item > img { width: 100%; height: 100%; object-fit: cover; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(22,22,18,.68) 0%, rgba(22,22,18,.35) 43%, rgba(22,22,18,.04) 75%); }
.hero-copy { position: absolute; top: 50%; right: 0; left: 0; color: #fff; transform: translateY(-50%); }
.hero-copy > span, .eyebrow { display: block; margin-bottom: 1rem; font-size: .72rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.hero-copy h1, .hero-copy h2 { max-width: 650px; margin: 0 0 1.3rem; font-family: var(--serif); font-size: clamp(3.4rem, 7.2vw, 6.7rem); font-weight: 600; line-height: .94; letter-spacing: -.04em; }
.hero-copy p { max-width: 510px; margin-bottom: 2rem; font-size: clamp(1rem, 1.6vw, 1.16rem); line-height: 1.7; opacity: .88; }
.hero-copy .primary-button { border-color: #fff; background: #fff; color: var(--ink); }
.hero-copy .primary-button:hover { background: transparent; color: #fff; }
.hero .carousel-indicators { justify-content: flex-start; width: min(1180px, calc(100% - 40px)); margin-right: auto; margin-bottom: 2rem; margin-left: auto; }
.hero .carousel-indicators [data-bs-target] { width: 44px; height: 2px; margin-right: 8px; margin-left: 0; }
.hero .carousel-control-prev, .hero .carousel-control-next { width: 8%; }

.section-space { padding: clamp(4.5rem, 8vw, 8rem) 0; }
.home-ad, .ad-slot { min-height: 1px; }
.home-ad { margin-top: 1.5rem; }
.intro-grid, .ritual-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(2.5rem, 7vw, 7rem); }
.intro-image { position: relative; }
.intro-image::before { content: ""; position: absolute; top: -18px; right: 18px; bottom: 18px; left: -18px; border: 1px solid var(--line); z-index: -1; }
.intro-image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; box-shadow: var(--shadow); }
.eyebrow { color: var(--sage); }
.intro-copy h2, .section-heading h2, .ritual-grid h2 { margin: 0 0 1.4rem; font-family: var(--serif); font-size: clamp(2.6rem, 5vw, 4.7rem); line-height: 1.03; letter-spacing: -.035em; }
.intro-copy p, .ritual-grid p { color: var(--muted); font-size: 1.02rem; line-height: 1.8; }
.intro-copy .lead { color: var(--ink); font-size: 1.25rem; }
.text-link { display: inline-flex; align-items: center; gap: .55rem; margin-top: 1rem; padding-bottom: .25rem; border-bottom: 1px solid var(--ink); font-weight: 600; }
.principles-section { background: var(--sand); }
.section-heading { max-width: 680px; margin-bottom: 3rem; }
.principles-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.principles-grid article { padding: 2.2rem 2rem 1rem 0; }
.principles-grid article + article { padding-left: 2rem; border-left: 1px solid var(--line); }
.principles-grid span { color: var(--sage); font-size: .75rem; letter-spacing: .15em; }
.principles-grid h3 { margin: 2.2rem 0 .75rem; font-family: var(--serif); font-size: 1.65rem; }
.principles-grid p { color: var(--muted); line-height: 1.7; }
.ritual-section { background: var(--ink); color: #fff; }
.ritual-grid { grid-template-columns: .85fr 1.15fr; }
.ritual-grid p { color: rgba(255,255,255,.7); }
.ritual-grid img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.ritual-grid .primary-button { margin-top: 1.3rem; border-color: #fff; background: #fff; color: var(--ink); }
.hot-services .section-heading { text-align: center; margin-inline: auto; }
.hot-services .hot-card-content { border: 1px solid var(--line); border-radius: 0 !important; box-shadow: none !important; }
.hot-services .text-primary, .hot-services .hot-current-price, .hot-services .hot-vip-badge { color: var(--sage) !important; }
.btn-primary { --bs-btn-bg: var(--sage); --bs-btn-border-color: var(--sage); --bs-btn-hover-bg: var(--ink); --bs-btn-hover-border-color: var(--ink); }

.page-heading { padding: clamp(4rem, 8vw, 7rem) 0; background: var(--sand); }
.page-heading > div > span { color: var(--sage); font-size: .73rem; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; }
.page-heading h1 { margin: .8rem 0 1.4rem; font-family: var(--serif); font-size: clamp(3rem, 6vw, 5.5rem); }
.page-heading nav { display: flex; align-items: center; gap: .7rem; color: var(--muted); font-size: .88rem; }
.page-heading nav i { font-size: .7rem; }
.is-inner .site-main > .container:first-child { margin-top: 3rem; }

.site-footer { padding: clamp(4rem, 7vw, 6rem) 0 1.6rem; background: #25261f; color: rgba(255,255,255,.75); }
.footer-grid { display: grid; grid-template-columns: 1.6fr .7fr 1fr; gap: 4rem; }
.footer-grid h2 { margin: .5rem 0 1rem; color: #fff; font-family: var(--serif); font-size: clamp(2.2rem, 4vw, 3.8rem); }
.footer-grid h3 { margin-bottom: 1.3rem; color: #fff; font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; }
.footer-grid a, .footer-grid p { display: block; margin-bottom: .6rem; }
.footer-kicker { color: #c7b89e; font-size: .72rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.footer-grid .primary-button { display: inline-flex; margin-top: .7rem; border-color: #c7b89e; background: #c7b89e; color: var(--ink); }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; margin-top: 4rem; padding-top: 1.4rem; border-top: 1px solid rgba(255,255,255,.15); font-size: .78rem; }
.back-to-top { position: fixed; right: 1.2rem; bottom: 1.2rem; z-index: 90; width: 44px; height: 44px; border-radius: 50%; background: var(--sage); color: #fff; opacity: 0; pointer-events: none; transform: translateY(10px); transition: opacity .2s ease, transform .2s ease; }
.back-to-top.is-visible { opacity: 1; pointer-events: auto; transform: none; }

@media (max-width: 991.98px) {
    .desktop-nav { display: none; }
    .navigation__actions { min-width: auto; }
    .menu-toggle { display: block; }
    .hero .carousel-item { height: 620px; }
    .hero .carousel-control-prev, .hero .carousel-control-next { display: none; }
    .intro-grid, .ritual-grid { grid-template-columns: 1fr; }
    .ritual-grid img { order: -1; }
    .principles-grid { grid-template-columns: 1fr; }
    .principles-grid article { padding: 1.5rem 0; border-bottom: 1px solid var(--line); }
    .principles-grid article + article { padding-left: 0; border-left: 0; }
    .principles-grid h3 { margin-top: 1rem; }
    .footer-grid { grid-template-columns: 1.4fr 1fr; }
    .footer-grid > :last-child { grid-column: 1 / -1; }
}

@media (max-width: 575.98px) {
    .site-shell { width: min(100% - 28px, 1180px); }
    .announcement__ad { display: none; }
    .announcement__inner { justify-content: flex-end; }
    .navigation { min-height: 72px; }
    .brand { min-width: 0; }
    .brand__mark { width: 38px; height: 38px; }
    .brand strong { max-width: 150px; font-size: 1rem; }
    .brand small { display: none; }
    .navigation__actions .primary-button { display: none; }
    .hero .carousel-item { height: 600px; }
    .hero-copy h1, .hero-copy h2 { font-size: clamp(3rem, 16vw, 4.8rem); }
    .hero .carousel-indicators { width: calc(100% - 28px); }
    .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
    .footer-grid > :last-child { grid-column: auto; }
    .footer-bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Sparkling Eyelash: original site's typography, imagery and orange accents. */
:root { --bs-primary:#ff5722; --bs-primary-rgb:255,87,34; --ink:#333; --muted:#777; --paper:#fff; --sand:#f5f5f5; --sage:#ff5722; --serif:'Limelight',Georgia,serif; --sans:'Roboto',Arial,sans-serif; }
.site-shell { width:min(1140px,calc(100% - 40px)); }
.site-header { border:0; background:linear-gradient(#0004,#0004),url('/images/sparkling/a.jpg') center top / cover; color:#fff; }
.announcement { background:transparent; }
.announcement__inner { min-height:120px; justify-content:center; }
.announcement__ad:empty { display:none; }
.announcement__ad { flex:0 1 auto; }
.announcement a { font-size:16px; letter-spacing:5px; opacity:1; }
.banner-copy { padding:230px 20px 65px; text-align:center; }
.banner-booking-description { max-width:520px; margin:22px auto 18px; color:#fff; font-size:18px; line-height:1.6; text-shadow:0 1px 4px #0008; }
.banner-booking-button { min-height:54px; padding:14px 32px; gap:12px; font-size:18px; letter-spacing:1px; box-shadow:0 4px 16px #0003; }
.banner-booking-button:hover { background:#e64a19; border-color:#e64a19; color:#fff; }
.banner-booking-button:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.banner-copy>span { display:block; font-size:16px; font-weight:500; letter-spacing:10px; text-transform:uppercase; }
.banner-copy>span::after { content:''; display:block; width:50px; height:2px; margin:30px auto 45px; background:#ff5722; }
.banner-copy h1 { font-family:var(--serif); font-size:48px; letter-spacing:15px; margin:0; }
.banner-copy h2 { color:#ff5722; font-size:27px; margin-top:8px; }
.navigation-band { background:#06060645; }
.navigation { min-height:88px; gap:20px; }
.brand { min-width:0; flex-shrink:0; }
.brand strong { max-width:none; font-size:30px; letter-spacing:3px; color:#ff5722; font-weight:400; }
.desktop-nav { gap:8px; margin-left:auto; flex-wrap:wrap; }
.desktop-nav a { color:#fff; padding:10px 9px; letter-spacing:3px; font-size:16px; }
.desktop-nav a::after { display:none; }
.desktop-nav a:hover,.desktop-nav a.active { color:#fff; background:#ff5722; }
.navigation__actions { min-width:0; }
.navigation__actions>.primary-button { display:none; }
.icon-button { color:#fff; border-color:#fff5; }
.menu-toggle { border-color:#fff6; }
.menu-toggle i { background:#fff; }
.mobile-navigation { color:#333; }
.mobile-navigation a { font-family:var(--sans); font-size:20px; }
.page-heading { padding:45px 0; text-align:center; background:#f5f5f5; }
.page-heading h1 { font-size:44px; letter-spacing:5px; }
.page-heading nav { justify-content:center; }
.page-heading>div>span { display:none; }
.site-main { min-height:0; }
.welcome-section { padding:80px 0; }
.welcome-grid { display:grid; grid-template-columns:5fr 7fr; align-items:start; }
.welcome-image { width:100%; height:480px; object-fit:cover; }
.welcome-copy { position:relative; z-index:1; margin:110px -110px 0 40px; padding:32px; background:#ffffffad; text-align:right; }
.welcome-copy h2 { font-family:var(--serif); font-size:56px; color:#000; margin-bottom:22px; }
.welcome-copy p,.locations-copy p { color:#777; font-weight:300; line-height:1.8; margin:0; }
.locations-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:48px 0; align-items:center; scroll-margin-top:20px; }
.locations-copy { text-align:right; }
.locations-copy h2 { font-family:var(--serif); font-size:26px; margin-bottom:8px; }
.location-list { padding:0; margin:0; list-style:none; }
.location-list li { margin:7px 0; color:#198754; font-size:20px; }
.location-list a:hover { color:#ff5722; }
.location-go { display:inline-block; padding:0 12px; border-radius:4px; background:#198754; color:#fff; white-space:nowrap; }
.location-list .location-go:hover { background:#146c43; color:#fff; }
.locations-page { padding:30px 0 65px; }
.lash-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.lash-gallery img { width:100%; aspect-ratio:1; object-fit:cover; border:7px double #e2e1e6; transition:border-color .2s; }
.lash-gallery a:hover img { border-color:#ff5722; }
.lash-services { padding:80px 0; background:linear-gradient(#0003,#0003),url('/images/sparkling/bg1.jpg') center / cover fixed; color:#fff; }
.lash-services h2 { font-family:var(--serif); text-align:center; font-size:60px; letter-spacing:8px; margin-bottom:55px; }
.lash-service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.lash-service-grid h3 { font-family:var(--sans); font-size:64px; font-weight:400; width:55%; border-bottom:1px solid #fff; padding-bottom:25px; margin-bottom:25px; }
.lash-service-grid p { line-height:1.6; margin:0; }
.lash-booking { padding:80px 0; text-align:center; }
.lash-booking h2 { font-family:var(--serif); font-size:42px; letter-spacing:5px; line-height:1.3; margin-bottom:25px; }
.primary-button { background:#ff5722; border-color:#ff5722; }
.booking-gallery { display:grid; grid-template-columns:1fr 1fr; gap:25px; margin-top:55px; }
.booking-gallery img { width:100%; aspect-ratio:3/2; object-fit:cover; }
.site-footer { background:#171717; padding-top:65px; }
.footer-grid { grid-template-columns:1.35fr .8fr 1fr; gap:60px; }
.footer-grid h3 { font-family:var(--serif); color:#ff5722; font-size:30px; letter-spacing:2px; text-transform:none; }
.footer-grid p { font-weight:300; line-height:1.8; }
.footer-grid .primary-button { background:#ff5722; border-color:#ff5722; color:#fff; }
@media(max-width:1199px) { .brand strong { font-size:24px; letter-spacing:2px; } .desktop-nav a { font-size:14px; letter-spacing:2px; padding:10px 7px; } }
@media(max-width:991px) { .banner-copy { padding:200px 20px 90px; } .banner-copy h1 { font-size:40px; letter-spacing:8px; } .welcome-copy { margin:50px -65px 0 0; padding:22px; } .welcome-copy h2 { font-size:40px; } .welcome-image { height:460px; } .lash-service-grid { grid-template-columns:1fr 1fr; gap:35px; } .footer-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:575px) { .site-shell { width:calc(100% - 28px); } .announcement__inner { justify-content:center; min-height:85px; } .announcement__ad { display:block; } .announcement a { font-size:13px; letter-spacing:3px; } .banner-copy { padding:130px 14px 70px; } .banner-copy>span { letter-spacing:6px; } .banner-copy h1 { font-size:30px; letter-spacing:4px; line-height:1.5; } .banner-copy h2 { font-size:18px; } .brand strong { max-width:none; font-size:21px; letter-spacing:1px; } .navigation { gap:12px; } .welcome-section { padding:40px 0; } .welcome-grid { grid-template-columns:1fr; } .welcome-copy { margin:0; padding:0 0 25px; text-align:center; } .welcome-copy h2 { font-size:36px; } .welcome-image { height:320px; } .locations-grid { grid-template-columns:1fr; padding:35px 0; } .locations-copy { text-align:left; } .location-list li { font-size:18px; } .lash-gallery { grid-template-columns:1fr 1fr; gap:15px; } .lash-services { padding:45px 0; background-attachment:scroll; } .lash-services h2 { font-size:40px; letter-spacing:4px; margin-bottom:35px; } .lash-service-grid { grid-template-columns:1fr; } .lash-service-grid h3 { font-size:44px; width:80px; padding-bottom:10px; margin-bottom:15px; } .lash-booking { padding:45px 0; } .lash-booking h2 { font-size:28px; letter-spacing:2px; } .booking-gallery,.footer-grid { grid-template-columns:1fr; } .footer-grid { gap:30px; } .page-heading h1 { font-size:34px; } }
.is-home .site-header{background-image:linear-gradient(#0003,#0003),url('/images/sparkling/a.jpg');background-position:center top;background-size:cover}
.banner-copy{padding-top:330px;padding-bottom:110px}
.banner-copy h1,.banner-copy h2{font-family:var(--sans);font-weight:400}
.banner-copy h1{font-size:clamp(2rem,4.1vw,3.25rem);letter-spacing:.3em;color:#fff}
.banner-copy h2{font-size:1.45rem;letter-spacing:.1em}
.welcome-image{height:480px;background:url('/images/sparkling/img1.jpg') center/cover no-repeat}
.lash-services{background-image:linear-gradient(#0006,#0006),url('/images/sparkling/bg1.jpg')}
.lash-booking{padding-bottom:75px}
.lash-booking h2{font-family:var(--sans);font-weight:300;font-size:clamp(2rem,4.5vw,3.8rem);letter-spacing:.23em}
.lash-booking .primary-button{background:transparent;color:#ff5722;font-size:1.2rem;font-weight:400}
.lash-booking .primary-button:hover{background:#ff5722;color:#fff}
.lash-gallery-section{padding:80px 0;background:#272727}
.booking-gallery{display:block;columns:3;column-gap:20px;margin:0}
.booking-gallery a{display:block;break-inside:avoid;margin-bottom:20px}
.booking-gallery img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.back-to-top{border:0;border-radius:0;background:url('/images/sparkling/move-up.png') center/contain no-repeat}
@media(max-width:991px){.banner-copy{padding-top:190px;padding-bottom:140px}.welcome-image{height:420px}.booking-gallery{columns:2}}
@media(max-width:575px){.banner-copy{padding:125px 14px 100px}.banner-copy h1{font-size:2rem;letter-spacing:.14em}.banner-copy h2{font-size:1rem}.welcome-image{height:300px}.booking-gallery{columns:1}.lash-gallery-section{padding:45px 0}}