:root{--navy:#182957;--gold:#a8863c;--ink:#1b2949;--muted:#626976;--paper:#faf9f6;--line:#deded8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Tahoma,Arial,sans-serif;font-size:16px;line-height:1.9}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1320px,89%);margin-inline:auto}.topbar{background:var(--navy);color:#fff;padding:8px 5.5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.04em}.topbar span:last-child{font-size:11px;letter-spacing:.22em}header{display:flex;align-items:center;justify-content:space-between;padding:10px 5.5%;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid #ecece8;gap:25px}.brand{display:block;height:77px;width:100px}.brand img{width:100%;height:100%;object-fit:contain}nav{display:flex;gap:34px;font-size:14px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:0;inset-inline-start:0;width:0;height:1px;background:var(--gold);transition:width .25s}nav a:hover:after{width:100%}.header-actions{display:flex;gap:20px;align-items:center}#language{border:1px solid var(--line);background:transparent;padding:8px 14px;font:14px Arial;min-height:44px}#language span{margin-inline-start:8px;color:var(--gold)}.menu{display:none;border:0;background:transparent;width:44px;height:44px}.menu span{display:block;width:24px;height:2px;background:var(--navy);margin:6px}.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:65px;align-items:center;padding-block:65px 75px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--gold);display:flex;align-items:center;gap:12px;font-weight:600}.eyebrow i{width:26px;height:1px;background:var(--gold)}h1{font-size:clamp(38px,4.15vw,64px);line-height:1.45;letter-spacing:-.055em;margin:26px 0 22px;font-weight:500}h2{font-size:clamp(31px,3vw,45px);font-weight:500;line-height:1.5;letter-spacing:-.04em;margin:18px 0 20px}p{color:var(--muted);margin:0 0 23px}.hero-copy>p{max-width:510px;line-height:2.1}.button{display:inline-flex;align-items:center;justify-content:center;gap:42px;padding:14px 24px;border:0;font-size:15px;min-height:54px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px);background:#2b4074}.navy{color:white;background:var(--navy)}.arrow{font-size:22px;display:inline-block}[dir=rtl] .arrow{transform:scaleX(-1)}.hero-bottom{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted);margin-top:36px}.small-line{width:35px;height:1px;background:var(--gold)}.hero-art{position:relative;height:545px;background:#e9e5da;border-radius:160px 0 0 0;isolation:isolate}.hero-art>img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.image-tag{position:absolute;bottom:24px;inset-inline-start:-25px;background:var(--navy);color:white;padding:19px 28px;display:flex;flex-direction:column;border-inline-start:3px solid var(--gold);box-shadow:0 12px 30px #1829571f}.image-tag span:first-child{font-size:10px;letter-spacing:.25em;color:#d8c184}.image-tag span:last-child{font-size:16px;margin-top:3px}.vertical-note{position:absolute;inset-inline-end:-27px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.18em;color:var(--muted)}.brand-strip{padding:21px 6%;display:flex;align-items:center;justify-content:space-around;gap:25px;border-block:1px solid var(--line);font-size:20px}.brand-strip b{color:var(--gold);font-size:20px;font-weight:400}.brand-strip span:last-child{font:14px Georgia;letter-spacing:.17em}.section{padding-block:92px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:35px}.section-head p{max-width:365px;font-size:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category{text-align:start;position:relative;padding:26px 28px 27px;border:1px solid #dddcd4;background:#edece4;color:var(--navy);overflow:hidden;transition:transform .3s,box-shadow .3s}.category:hover{transform:translateY(-7px);box-shadow:0 18px 35px #18295712}.aesthetic{background:var(--navy);color:white;border-color:var(--navy)}.skincare{background:#e9eef0}.card-top{display:flex;align-items:center;justify-content:space-between;font:13px Arial;opacity:.8}.round-arrow{border:1px solid currentColor;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:20px}.card-word{font:italic 120px Georgia;text-align:center;padding-block:15px 25px;color:#a8863c}.card-word span{font-size:60px;vertical-align:top;line-height:1.4}.aesthetic .card-word{color:#c7ac6c}.skincare .card-word{color:#778b94}.card-content>span{font:10px Arial;letter-spacing:.15em}.card-content h3{font-size:21px;font-weight:500;margin:10px 0 6px;line-height:1.8}.card-content p{color:inherit;opacity:.75;font-size:14px;margin-bottom:22px}.card-link{padding-top:16px;border-top:1px solid #18295724;font-size:13px}.aesthetic .card-link{border-color:#ffffff33}.about{background:var(--navy);color:#fff;padding:75px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about .eyebrow{color:#c7ac6c}.about h2{font-size:47px;margin-top:25px}.about h2 em{font-style:normal;color:#cfb579}.about-signature{font:italic 24px Georgia;color:#b4bed3}.about-text{border-inline-start:1px solid #ffffff26;padding-inline-start:55px;align-self:center}.about-text p{color:#bdc5d6;font-size:15px}.about-text p.large{color:#fff;font-size:21px;line-height:1.95}.text-link{display:inline-flex;gap:24px;align-items:center;font-size:14px;color:#d5bc82}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:75px}.faq-grid>div>p{font-size:15px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:16px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font:25px Arial;color:var(--gold)}details[open] summary:after{content:'−'}details p{font-size:14px;line-height:2;margin:14px 0 0;padding-inline-end:28px}.contact{border-top:1px solid var(--line);padding-block:40px 65px}#contact-links{display:flex;gap:20px;flex-wrap:wrap}#contact-links a{border-bottom:1px solid var(--gold);direction:ltr}footer{background:#eeeae1;padding:42px 0 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:32px}.footer-brand{font:bold 32px Georgia;color:var(--navy);margin:0}.footer-brand span{font-weight:400;color:var(--gold)}.footer-top p:last-child{font-size:13px;margin:8px 0 0}.back-top{font-size:13px}.footer-bottom{border-top:1px solid #d9d5cb;padding-top:20px;display:flex;justify-content:space-between;gap:22px;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);padding:48px;max-width:610px;width:90%;color:var(--navy);background:var(--paper)}dialog::backdrop{background:#0e1834aa;backdrop-filter:blur(5px)}dialog h2{font-size:32px}.close{position:absolute;inset-inline-end:14px;top:10px;background:none;border:0;font-size:30px;color:var(--navy);width:44px;height:44px}.dialog-note{font-size:14px;border-inline-start:2px solid var(--gold);padding-inline-start:16px}.skip{position:fixed;top:-100px;z-index:50;background:var(--navy);color:white;padding:10px}.skip:focus{top:0}[dir=ltr] body{font-family:Arial,sans-serif}[dir=ltr] h1,[dir=ltr] h2{font-family:Georgia,serif;letter-spacing:-.04em}[dir=ltr] h1{font-size:clamp(39px,4.6vw,69px);line-height:1.12}[dir=ltr] .hero-art{border-radius:0 160px 0 0}[dir=ltr] .hero-copy>p{line-height:1.8}[dir=ltr] .card-content h3{line-height:1.5}
@media(min-width:1600px){.hero{padding-block:85px}.hero-art{height:600px}}@media(max-width:1000px){nav{gap:20px}.hero{gap:35px}.hero-art{height:480px}.cards{gap:14px}.category{padding:22px 20px}.card-content h3{font-size:18px}.about-grid{gap:40px}.about-text{padding-inline-start:35px}.faq-grid{gap:35px}}@media(max-width:720px){.topbar{font-size:10px}.topbar span:last-child{font-size:9px}header{padding-block:8px}.brand{height:61px;width:82px}.menu{display:block}.header-actions{gap:8px}nav{display:none;position:absolute;top:100%;inset-inline:0;background:#fff;border-bottom:1px solid var(--line);padding:20px 6%;flex-direction:column;gap:0;box-shadow:0 10px 20px #1829570d}nav.open{display:flex}nav a{padding:11px 0}.hero{grid-template-columns:1fr;gap:35px;padding-block:40px 47px}.hero h1{font-size:42px;line-height:1.4}.hero-copy>p{font-size:15px}.hero-art{height:390px;margin-inline:12px 0;border-radius:110px 0 0 0}.hero-bottom{margin-top:24px}.image-tag{inset-inline-start:-12px;bottom:20px}.vertical-note{inset-inline-end:-18px}.brand-strip{gap:12px;padding:17px 5%;font-size:14px;flex-wrap:wrap}.brand-strip span:last-child{font-size:10px}.brand-strip b{font-size:13px}.section{padding-block:55px}.section-head{display:block;margin-bottom:26px}.section-head h2 br{display:none}.section-head p{max-width:none}.cards{grid-template-columns:1fr;gap:18px}.category{padding:23px 26px}.card-word{font-size:106px;padding-block:0 12px}.card-content h3{font-size:23px}.card-content>span{font-size:11px}.card-content p{font-size:15px}.about{padding-block:48px}.about-grid{grid-template-columns:1fr;gap:30px}.about h2{font-size:40px}.about-text{border-inline-start:0;border-top:1px solid #ffffff26;padding:26px 0 0}.about-text p.large{font-size:19px}.faq-grid{grid-template-columns:1fr;gap:18px}.footer-bottom{flex-direction:column;gap:8px}.footer-brand{font-size:27px}.footer-top{gap:20px}.eyebrow{font-size:10px}dialog{padding:42px 25px 28px}dialog h2{font-size:27px}[dir=ltr] .hero h1{font-size:48px;line-height:1.12}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* BioLux approach: editorial value cards inspired by the supplied reference. */
.vision-section{padding:88px 0 70px;background:#f5f4f0;border-bottom:1px solid var(--line)}
.vision-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;margin-bottom:38px}
.vision-heading h2{margin-bottom:0;font-size:clamp(32px,3.15vw,47px);line-height:1.55}
.vision-heading h2 em{font-style:normal;color:#92702d}
.vision-heading>p{font-size:16px;max-width:435px;margin-bottom:7px;line-height:2}
.vision-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #dcdcd5;background:#fff}
.vision-card{position:relative;padding:30px 25px 32px;isolation:isolate;border-inline-end:1px solid #dcdcd5;transition:background .3s,color .3s,transform .3s}
.vision-card:last-child{border-inline-end:0}
.vision-card:after{content:'';position:absolute;bottom:0;inset-inline-start:0;height:3px;width:0;background:var(--gold);transition:width .35s}
.vision-card:hover{background:var(--navy);color:white;transform:translateY(-5px)}
.vision-card:hover:after{width:100%}
.vision-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:32px}
.vision-number{font:normal 42px Georgia,serif;color:var(--gold)}
.vision-label{font:11px Arial,sans-serif;letter-spacing:.13em;color:#747980}
.vision-card h3{font-size:20px;line-height:1.7;font-weight:500;margin:0 0 13px}
.vision-card p{font-size:15px;line-height:2;margin:0;transition:color .3s}
.vision-card:hover p,.vision-card:hover .vision-label{color:#d6dbea}
.vision-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:26px;font-size:14px;color:var(--muted)}
.vision-bottom .text-link{color:var(--navy)}
@media(max-width:1050px){.vision-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.vision-card:nth-child(2){border-inline-end:0}.vision-card:nth-child(-n+2){border-bottom:1px solid #dcdcd5}.vision-heading{gap:35px}}
@media(max-width:720px){.vision-section{padding:53px 0 40px}.vision-heading{grid-template-columns:1fr;gap:19px;margin-bottom:28px}.vision-heading>p{font-size:15px;margin:0}.vision-card{padding:24px 22px}.vision-card h3{font-size:20px}.vision-card-top{margin-bottom:21px}.vision-bottom{align-items:flex-start;flex-direction:column;gap:12px}.vision-heading h2{font-size:33px}}
@media(max-width:480px){.vision-cards{grid-template-columns:1fr}.vision-card{border-inline-end:0;border-bottom:1px solid #dcdcd5}.vision-card:last-child{border-bottom:0}.vision-card-top{margin-bottom:15px}.vision-number{font-size:36px}}