@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--green:#102b26;--cream:#f5f1e8;--ivory:#fffcf7;--gold:#b79a62;--ink:#24332e;--muted:#5e6c64}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.topbar{background:var(--green);color:#eee6d5;padding:9px 6vw;text-align:center;font-size:.77rem;letter-spacing:.18em;text-transform:uppercase}.header{display:flex;align-items:center;gap:30px;padding:20px 6vw;background:var(--ivory);border-bottom:1px solid #ded8ca;position:relative;z-index:10}.brand{font:500 1.7rem/1 'Playfair Display',serif;letter-spacing:.13em;color:var(--green)}.brand small{display:block;font:500 .58rem 'DM Sans',sans-serif;letter-spacing:.29em;margin-top:8px;color:#756c58}.nav{display:flex;align-items:center;gap:25px;margin-left:auto}.nav a{font-size:.83rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.nav a:hover,.nav a[aria-current=page]{color:#937744}.lang{display:flex;gap:4px;border-left:1px solid #cfc9bb;padding-left:20px}.lang button{border:0;background:none;cursor:pointer;padding:5px;color:#68736c;font-size:.78rem}.lang button[aria-pressed=true]{color:var(--green);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:6px}.menu-toggle{display:none;border:1px solid #c5baa1;background:transparent;padding:8px 12px;color:var(--green)}.hero{background:var(--green);color:#f9f5ea;min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{padding:clamp(65px,8vw,130px) 7vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--gold);font-size:.76rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin:0 0 22px}.hero h1,.page-hero h1,.section-title,.statement h2{font-family:'Playfair Display',serif;font-weight:400;line-height:1.09;letter-spacing:-.025em}.hero h1{font-size:clamp(3.4rem,6vw,6.2rem);max-width:750px;margin:0 0 26px}.hero p:not(.eyebrow){max-width:560px;color:#e4e7dc;font-size:1.08rem}.hero-art{position:relative;min-height:520px;background:radial-gradient(circle at 42% 50%,#476954 0,#24483a 33%,#0e251f 72%);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art:before{content:'';position:absolute;inset:9%;border:1px solid rgba(183,154,98,.45);border-radius:50% 50% 3% 3%;transform:scale(.91,1.05)}.hero-art .wordmark{position:relative;text-align:center;color:#f8f4e8;font:400 clamp(3rem,5vw,6rem) 'Playfair Display',serif;letter-spacing:.11em}.hero-art .wordmark span{display:block;color:var(--gold);font:500 .76rem 'DM Sans',sans-serif;letter-spacing:.4em;margin-top:20px}.hero-art:after{content:'';position:absolute;width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);bottom:22%}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 24px;border:1px solid var(--gold);background:var(--gold);color:#132b25;font-size:.79rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;transition:background .2s,color .2s;white-space:normal}.btn:hover{background:#d4b879}.btn-outline{background:transparent;color:var(--green)}.btn-outline:hover{background:var(--green);color:#fff}.hero .btn-outline{color:#efe5cf}.hero .btn-outline:hover{background:var(--gold);color:var(--green)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.section{padding:95px 6vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start;background:var(--ivory)}.section-title{font-size:clamp(2.6rem,4.1vw,4.5rem);color:var(--green);margin:0 0 20px}.lead{font-size:1.16rem;color:#40544b}.intro p{max-width:670px}.treatments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.treat-card{background:var(--ivory);border-top:2px solid var(--gold);padding:37px 29px;min-height:250px;display:flex;flex-direction:column}.treat-card .num{color:var(--gold);font-size:.8rem;letter-spacing:.1em}.treat-card h3{font:400 1.8rem 'Playfair Display',serif;line-height:1.2;color:var(--green);margin:16px 0 8px}.treat-card p{margin:0;color:var(--muted)}.treat-card .price{margin-top:auto;padding-top:22px;color:var(--green);font-weight:700}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head p{max-width:560px}.statement{background:var(--green);color:#fff9ed;padding:95px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.statement h2{font-size:clamp(2.7rem,4vw,4.5rem);margin:0}.statement p{color:#e0e7df}.statement .eyebrow{color:#cbb57d}.page-hero{background:var(--green);color:#fffaf0;padding:85px 6vw 95px}.page-hero h1{font-size:clamp(3.2rem,5vw,5.8rem);margin:0 0 18px}.page-hero p{max-width:720px;color:#d9e2d8;font-size:1.12rem}.bio{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:center;background:var(--ivory)}.portrait{aspect-ratio:4/5;background:#e8e2d3;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover}.bio p{max-width:650px}.rule{width:66px;height:1px;background:var(--gold);margin:26px 0}.qualification{padding:24px 0;border-top:1px solid #d7d6cc;border-bottom:1px solid #d7d6cc;margin-top:28px;color:var(--green)}.qualification strong{display:block}.qualification small{color:var(--muted);font-size:.87rem}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.values article{border-top:1px solid var(--gold);padding-top:24px}.values h3{font:400 1.6rem 'Playfair Display',serif;color:var(--green)}.treat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:38px}.treat-row{background:var(--ivory);padding:25px 28px;border-left:2px solid var(--gold)}.treat-row h3{font:400 1.55rem 'Playfair Display',serif;color:var(--green);margin:0 0 5px}.treat-row p{margin:0;color:var(--muted)}.treat-row .price{display:block;margin-top:10px;font-weight:700}.notice{font-size:.85rem;color:var(--muted);margin-top:20px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.contact-panel{background:var(--ivory);padding:42px}.contact-panel h2{font:400 2rem 'Playfair Display',serif;margin:0 0 15px;color:var(--green)}.detail{border-top:1px solid #ddd5c5;padding:18px 0}.detail strong{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.77rem;color:#8d7446}.results-empty{border:1px solid #d2c39e;background:var(--ivory);padding:50px;max-width:850px}.results-empty h2{font:400 2rem 'Playfair Display',serif;margin:0;color:var(--green)}.footer{background:#0b211c;color:#f2f2e8;padding:65px 6vw 35px}.footer-main{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}.footer .brand{color:#fff}.footer p{color:#c7d0c5;font-size:.9rem}.footer-links{display:flex;gap:17px;flex-wrap:wrap;font-size:.85rem}.footer-bottom{border-top:1px solid #43524b;padding-top:18px;margin-top:55px;color:#b7c3b9;font-size:.78rem}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:20;background:white;padding:10px}.muted{color:var(--muted)}@media(max-width:1000px){.nav{gap:13px}.nav a{font-size:.73rem}.hero{grid-template-columns:1fr 42%}.hero-copy{padding:75px 6vw}.hero-art{min-height:490px}}@media(max-width:760px){.header{padding:17px 5vw;flex-wrap:wrap;gap:10px}.brand{font-size:1.48rem}.menu-toggle{display:block;margin-left:auto}.lang{border:0;padding-left:0;margin-left:5px}.nav{display:none;order:3;width:100%;margin:0;padding:20px 0 8px;flex-direction:column;align-items:flex-start;gap:15px}.nav.open{display:flex}.nav a{font-size:.88rem}.topbar{padding:7px 4vw}.hero{display:block}.hero-copy{padding:66px 6vw 70px}.hero h1{font-size:clamp(3.2rem,11vw,5rem)}.hero-art{min-height:290px}.hero-art:before{inset:8% 18%}.hero-art .wordmark{font-size:3.1rem}.intro,.statement,.bio,.contact-grid{grid-template-columns:1fr;gap:25px}.section,.statement{padding:70px 6vw}.page-hero{padding:65px 6vw}.treatments-grid,.values,.treat-list{grid-template-columns:1fr}.treat-card{min-height:0}.section-head{display:block}.portrait{max-width:480px}.contact-panel{padding:30px}.footer-main{display:block}.footer-links{margin-top:35px}.results-empty{padding:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

.catalog-group+.catalog-group{margin-top:82px}.catalog-group .section-title{font-size:clamp(2.2rem,3.5vw,3.5rem)}.catalog .treat-list{margin-top:25px}.catalog .treat-row{display:flex;flex-direction:column}.catalog .treat-row .price{margin-top:auto;padding-top:18px;color:var(--green)}.future{margin-top:90px;padding:36px 42px;background:#e7e9df;border-top:2px solid var(--gold)}.future p{max-width:700px}.future ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:24px 0 0}.future li{border:1px solid #b9c3b5;padding:8px 15px}@media(max-width:760px){.future{padding:28px 24px}.catalog-group+.catalog-group{margin-top:65px}}

/* Botanical green from the Biobele treatment artwork. */
:root{--green:#1b2b1b;--cream:#f4f1e9;--ivory:#fbf9f3;--gold:#c6a770;--ink:#253729;--muted:#5c6b5c}
.topbar,.statement,.page-hero,.footer{background:#172719}
.hero{background:#1b2b1b}
.hero-art{background:#30402d;min-height:620px}
.hero-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 37%}
.hero-art:before{inset:0;transform:none;border:0;border-radius:0;background:linear-gradient(90deg,rgba(27,43,27,.32),transparent 28%);z-index:1}
.hero-art:after{display:none}
.brand,.section-title,.treat-row h3,.qualification,.results-empty h2{color:#233821}
.treat-row,.treat-card{background:#faf8f0}
.future{background:#e5eadf}
@media(max-width:760px){.hero-art{min-height:420px}.hero-art img{object-position:50% 31%}.hero-art:before{background:linear-gradient(180deg,rgba(27,43,27,.17),transparent 36%)}}

/* Natural olive palette and photographic foliage. */
:root{--green:#20271a;--cream:#eef0df;--ivory:#f6f5ea;--gold:#d1c295;--ink:#f4f4e7;--muted:#d2d7c2}
body{background:#242c1c url('/assets/olive-foliage.webp') center top/cover fixed;color:var(--ink)}
.header{background:#202719;border-color:#50563b;color:#f2f2e5}
.brand,.header .brand small{color:#f5f4e9}
.nav a:hover,.nav a[aria-current=page]{color:#dfd3ab}
.lang{border-color:#66694d}.lang button{color:#d1d5bf}.lang button[aria-pressed=true],.menu-toggle{color:#f5f4e9}
.topbar{background:#151c10;color:#e1e6ce}
.hero,.page-hero,.statement{background:linear-gradient(90deg,rgba(18,25,13,.87),rgba(31,40,21,.44)),url('/assets/olive-foliage.webp') center/cover}
.hero-art{background:#303b22}.hero-art:before{background:linear-gradient(90deg,rgba(32,39,26,.3),transparent 35%)}
.section{background:rgba(23,31,17,.85)}
.intro,.bio{background:rgba(43,53,30,.90)}
.section-title,.treat-card h3,.treat-row h3,.qualification,.values h3,.contact-panel h2,.results-empty h2{color:#f6f5e9}
.lead{color:#e4e7d7}.eyebrow{color:#ded1a7}
.treat-card,.treat-row,.contact-panel,.results-empty{background:rgba(66,77,45,.76);color:#f4f4e7}
.treat-card p,.treat-row p,.qualification small,.muted,.notice{color:#d8ddc7}
.catalog .treat-row .price,.treat-card .price{color:#f4edce}
.btn{color:#202719;background:#d1c295;border-color:#d1c295;font-size:.875rem}
.btn:hover{background:#e3d7b5}.btn-outline{color:#f4f4e7;background:transparent}.btn-outline:hover{background:#d1c295;color:#202719}
.hero .btn-outline{color:#f4f4e7}.detail{border-color:#677153}.detail strong{color:#e1d3a8;font-size:.875rem}
.detail a,.footer p a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.future{background:rgba(68,80,45,.82)}.future li{border-color:#81886c}
.footer{background:rgba(15,22,11,.96)}.footer p,.footer-bottom{color:#d5dcc7}
.brand small{font-size:.75rem;letter-spacing:.15em}.nav a,.lang button{font-size:.875rem}.eyebrow{font-size:.875rem}
@media(max-width:760px){body{background-attachment:scroll}.hero-copy{background:rgba(18,25,13,.16)}.hero-art:before{background:linear-gradient(180deg,rgba(32,39,26,.2),transparent 35%)}}

/* Five-language navigation and complete brand name. */
.header .brand{flex-shrink:0}.brand small{max-width:240px;line-height:1.4;letter-spacing:.1em}.lang{flex-shrink:0}.nav{flex-wrap:wrap}.header{gap:22px}.lang button{min-height:44px;min-width:36px}.lang button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(min-width:761px) and (max-width:1180px){.header{flex-wrap:wrap}.nav{order:3;justify-content:center;width:100%;margin-left:0}.lang{margin-left:auto}}
@media(max-width:760px){.lang{order:2;flex-basis:100%;justify-content:center;margin:0;padding-top:6px}.header .brand{max-width:calc(100% - 64px)}.brand small{font-size:.7rem}.nav{order:3}}

/* Procedure imagery echoes the Biobele catalog without repeating its text. */
.category-heading{display:flex;align-items:center;justify-content:space-between;gap:2rem}.category-heading .section-title{margin:0}.category-image{width:clamp(240px,35vw,460px);height:220px;object-fit:cover;object-position:center;border-radius:4px;border:1px solid rgba(209,194,149,.4)}
@media(max-width:760px){.category-heading.has-image{flex-direction:column;align-items:stretch;gap:1.25rem}.category-image{width:100%;height:auto;aspect-ratio:16/9}.category-heading .section-title{font-size:clamp(2rem,8vw,3rem)}}

/* Ivory and champagne inspired by Anna's reference, with soft botanical detail. */
:root{--green:#48523d;--cream:#f1eadd;--ivory:#fcf9f2;--gold:#ad9360;--ink:#34392f;--muted:#5e6257}
body{background-color:var(--ivory);background-image:linear-gradient(rgba(250,247,238,.94),rgba(247,243,233,.94)),url('/assets/olive-foliage.webp');color:var(--ink)}
.topbar{background:#eae2d2;color:#525b46}
.header{background:rgba(252,249,242,.97);border-color:#ded4c1;color:var(--ink)}
.brand,.header .brand small{color:#606548}
.nav a:hover,.nav a[aria-current=page]{color:#7d693f}
.lang{border-color:#d8ceb9}.lang button{color:#606548}.lang button[aria-pressed=true],.menu-toggle{color:#48523d}.menu-toggle{border-color:#bcaa85}
.hero,.page-hero,.statement{color:var(--ink);background:linear-gradient(115deg,rgba(248,243,231,.93),rgba(249,246,237,.82)),url('/assets/olive-foliage.webp') center/cover}
.hero h1,.page-hero h1,.statement h2{color:#8b754e}
.hero p:not(.eyebrow),.page-hero p,.statement p{color:#52584b}
.eyebrow,.statement .eyebrow{color:#77643d}
.hero-art{background:#eee5d5}.hero-art:before{background:linear-gradient(90deg,rgba(247,242,231,.26),transparent 35%)}
.section{background:rgba(252,249,242,.92)}
.intro,.bio{background:rgba(244,237,223,.94)}
.section-title,.treat-card h3,.treat-row h3,.qualification,.values h3,.contact-panel h2,.results-empty h2{color:#48523d}
.lead{color:#51594a}
.treat-card,.treat-row,.contact-panel,.results-empty{background:#fffcf6;color:var(--ink);border-color:#b9a271}
.treat-card p,.treat-row p,.qualification small,.muted,.notice{color:var(--muted)}
.catalog .treat-row .price,.treat-card .price{color:#6e5c36}
.btn{background:#dccba8;color:#363c2e;border-color:#b39b68}.btn:hover{background:#cdbc95}
.btn-outline,.hero .btn-outline{background:transparent;color:#48523d}.btn-outline:hover,.hero .btn-outline:hover{background:#e8dcc3;color:#34392f}
.detail{border-color:#e0d7c5}.detail strong{color:#78653e}
.future{background:#ece7da;border-color:#b39b68}.future li{background:rgba(255,252,246,.65);border-color:#c8bda6;color:#4d5842}
.footer{background:#e8e0d0;color:#3f4935}.footer .brand{color:#606548}.footer p,.footer-bottom{color:#555c4b}.footer-bottom{border-color:#cabfa9}
.category-image{border-color:#c2af87}
@media(max-width:760px){.hero-copy{background:transparent}.hero-art:before{background:linear-gradient(180deg,rgba(247,242,231,.25),transparent 35%)}}

/* More visible olive foliage, with a light backdrop behind the copy. */
body{background-image:linear-gradient(100deg,rgba(250,247,238,.96) 0%,rgba(250,247,238,.76) 60%,rgba(247,243,233,.32) 100%),url('/assets/olive-foliage.webp')}
.hero,.page-hero{background-image:linear-gradient(105deg,rgba(250,246,236,.97) 0%,rgba(250,246,236,.90) 42%,rgba(249,246,237,.18) 100%),url('/assets/olive-foliage.webp')}
.statement{background-image:linear-gradient(110deg,rgba(248,243,231,.93),rgba(249,246,237,.72)),url('/assets/olive-foliage.webp')}
@media(max-width:760px){.hero,.page-hero{background-image:linear-gradient(115deg,rgba(250,246,236,.97) 0%,rgba(250,246,236,.88) 55%,rgba(249,246,237,.26) 100%),url('/assets/olive-foliage.webp')}}

.btn.booking-soon:disabled{opacity:.8;cursor:default;pointer-events:none}

/* Compact treatment photos. */
.category-image[src$="treatment-brows-anna.jpeg"]{width:180px;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;flex-shrink:0}
@media(max-width:760px){
.category-image[src$="treatment-brows-anna.jpeg"]{width:180px;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;align-self:center}
}
/* Crop the original photo around both eyes. */
.lash-lift-photo{position:relative;width:180px;max-width:100%;aspect-ratio:1;overflow:hidden;flex-shrink:0;border-radius:4px;border:1px solid #c2af87}
.lash-lift-photo .category-image{position:absolute;top:-67%;left:-34%;width:186%;max-width:none;height:auto;aspect-ratio:auto;border:0;border-radius:0;filter:brightness(1.06) contrast(.97)}
@media(max-width:760px){.lash-lift-photo{align-self:center}}

/* Frame the facial treatment and the illuminated shelf. */
.category-image[src$="facial-cleansing-biobele.webp"]{height:auto;aspect-ratio:3/2;object-position:center 55%;filter:brightness(1.04)}
