:root{--paper:#f7f8f3;--white:#fff;--ink:#14271e;--muted:#4d5e54;--green:#244b39;--leaf:#38634d;--line:#dce5dc;--soft:#ebf0e8;--gold:#9c7238;--shadow:0 16px 42px #1e443012}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Segoe UI',system-ui,sans-serif}
html[dir=rtl] body{font-family:Tahoma,'Segoe UI',Arial,sans-serif;line-height:1.85}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid #a87338;outline-offset:4px}
[hidden]{display:none!important}
.container{width:min(1320px,calc(100% - 80px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:4;background:#fbfcf8f2;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-wrap{min-height:82px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}
.identity{display:inline-flex;align-items:center;gap:11px;direction:ltr}
.identity img{width:54px;height:54px;object-fit:contain}
.identity span{display:grid;line-height:1.08}
.identity b{font:750 22px/1.05 'Segoe UI',sans-serif;letter-spacing:.025em}
.identity small{font:700 10px/1.6 'Segoe UI',sans-serif;letter-spacing:.22em;color:var(--leaf)}
nav{display:flex;justify-content:center;gap:clamp(14px,2.7vw,40px);font-size:15px;font-weight:650}
nav a:hover,.site-footer a:hover{color:#9b7442}
.lang{display:flex;direction:ltr;border:1px solid var(--line);border-radius:100px;padding:3px;white-space:nowrap}
.lang button{font-size:13px;border:0;background:none;padding:5px 9px;border-radius:100px}
.lang button[aria-pressed=true]{background:var(--green);color:#fff}
.menu{display:none}
.hero{overflow:hidden;background:linear-gradient(112deg,#e9efe6 0%,#f4f6ef 54%,#fbfbf7 100%);border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;min-height:640px;gap:clamp(28px,5vw,78px)}
.hero-copy{padding-block:58px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--leaf);font-size:13px;font-weight:750;margin:0 0 16px}
.eyebrow span{display:inline-block;width:8px;height:8px;background:#65826d;border-radius:50%}
h1,h2,h3,p{overflow-wrap:break-word}
h1{margin:0;font-size:clamp(49px,5.4vw,85px);font-weight:760;letter-spacing:-.065em;line-height:1.02}
h1 span,h1 em{display:block}
h1 em{font-style:normal;color:#3f6650}
html[dir=rtl] h1{letter-spacing:0;font-size:clamp(42px,4.75vw,73px);line-height:1.27}
.hero-lede{color:var(--muted);font-size:clamp(17px,1.6vw,21px);max-width:44ch;margin:24px 0 30px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.button,.product button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:9px 18px;border-radius:100px;border:1px solid transparent;font-weight:650;font-size:14px;line-height:1.4}
.primary{background:var(--green);color:white}
.primary:hover{background:#183d2b}
.secondary,.product button{background:#fff;border-color:#ccd9ce;color:var(--green)}
.secondary:hover,.product button:hover{border-color:var(--green)}
.hero-visual{height:510px;position:relative;display:grid;grid-template-rows:auto 1fr auto;border-radius:32px;border:1px solid #d4e1d3;background:linear-gradient(150deg,#e4eee4,#f7faf4);padding:24px 28px;box-shadow:var(--shadow);overflow:hidden}
.hero-index,.hero-caption{font:700 12px/1.2 'Segoe UI',sans-serif;letter-spacing:.13em;color:#3b604a}
.hero-caption{display:flex;justify-content:space-between;border-top:1px solid #bdd0c0;padding-top:12px}
.packs{min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,70px);padding-block:14px}
.packs img{width:34%;height:100%;max-height:340px;object-fit:contain;filter:drop-shadow(0 14px 16px #173e2430)}
.packs .pack-serum{max-height:310px}
.category-band{padding:36px 0 46px;background:#fff}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.category-grid button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;text-align:start;padding:20px;border:1px solid var(--line);border-radius:17px;background:#f8faf6}
.category-grid button:hover{background:#eef4eb;border-color:#adc6b2}
.category-grid strong,.category-grid small{display:block}
.category-grid small{font-size:13px;color:var(--muted);line-height:1.6}
.category-number{color:var(--leaf);font:700 12px 'Segoe UI',sans-serif}
.arrow{font-size:19px;color:var(--leaf)}
.section{padding:clamp(57px,7vw,104px) 0}
h2{font-size:clamp(35px,4.5vw,62px);line-height:1.14;letter-spacing:-.04em;margin:0 0 15px}
html[dir=rtl] h2{line-height:1.28;letter-spacing:0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:23px}
.section-head p:not(.eyebrow),.lead,.brand-grid p,.values p{color:var(--muted);margin:0;max-width:65ch}
.search{display:grid;gap:5px;font-size:14px;font-weight:600}
.search input{width:min(290px,74vw);background:white;border:1px solid #cbd9ce;border-radius:100px;padding:10px 16px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.filters button{border:1px solid #d2dfd3;border-radius:100px;background:#fff;padding:8px 15px;font-size:14px}
.filters [aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.product{background:white;border:1px solid var(--line);border-radius:19px;overflow:hidden;display:flex;flex-direction:column}
.product:hover{border-color:#abc2af;box-shadow:var(--shadow)}
.product img{width:100%;height:198px;padding:18px;object-fit:contain;border-bottom:1px solid var(--line)}
.product-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:9px;padding:18px}
.product-kind{color:var(--leaf);font-size:12px;font-weight:700}
.product h3{margin:0;font-size:17px;line-height:1.45}
.product p{margin:0;color:var(--muted);font-size:14px}
.product button{margin-top:auto;min-height:36px;padding:5px 12px;font-size:13px}
.brands-section{background:#edf2e9}
.brand-grid,.values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.brand-grid article,.values article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:22px}
.brand-grid article{display:flex;align-items:center;gap:24px}
.brand-grid img{width:116px;max-width:30%;height:auto}
.brand-grid h3,.values h3{margin:0 0 7px;font-size:24px}
.brand-grid button{margin-top:12px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.about-grid .values{margin:0}
.values span{display:block;margin-bottom:12px;color:var(--leaf);font-weight:750;font-size:13px}
.agency{padding-top:0}
.agency-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;background:#214634;color:#fff;padding:clamp(24px,5vw,64px);border-radius:28px}
.agency-card .eyebrow{color:#c2d7c7}
.agency-card p:not(.eyebrow){margin:0 0 16px;max-width:62ch}
.light{background:#fff;color:var(--green)}
.site-footer{background:#122a20;color:#f8faf5}
.footer-grid{display:grid;grid-template-columns:1fr 1.25fr .6fr;gap:32px;padding-block:54px}
.site-footer h2{font-size:21px;letter-spacing:0}
.site-footer .identity small{color:#bbd0bd}
.site-footer p,.site-footer address{color:#d8e5d9}
.site-footer address{font-style:normal;display:grid;gap:9px}
.site-footer address b{display:block;color:white}
.site-footer a:not(.identity){display:block;width:fit-content}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-block:18px;border-top:1px solid #517261;font-size:14px}
dialog{border:1px solid var(--line);border-radius:21px;padding:24px;width:min(660px,calc(100% - 32px));max-height:85vh;color:var(--ink);box-shadow:var(--shadow)}
dialog::backdrop{background:#10271e9e}
.dialog-shell:has(#detail-visual img){display:grid;grid-template-columns:minmax(90px,.65fr) 1fr;gap:22px;align-items:center}
.dialog-shell img{max-height:270px;margin:auto;object-fit:contain}
dialog h2{font-size:24px}
dialog dt{font-weight:700;margin-top:10px}
dialog dd{margin:0;color:var(--muted)}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.hero-grid{min-height:540px}.hero-visual{height:420px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.nav-wrap{min-height:70px;grid-template-columns:auto 1fr auto;gap:10px}.menu{display:block;justify-self:end;background:none;border:1px solid var(--line);border-radius:100px;padding:5px 10px;font-size:13px}nav{display:none;position:absolute;inset-inline:0;top:100%;padding:15px 24px;background:#fff;box-shadow:var(--shadow);flex-wrap:wrap}nav.open{display:flex}.hero-grid,.about-grid,.agency-card{grid-template-columns:1fr}.hero-grid{gap:0;padding-bottom:26px}.hero-copy{padding:38px 0 28px}.hero-visual{height:350px}.category-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.container{width:calc(100% - 32px)}.identity img{width:43px;height:43px}.identity b{font-size:17px}.identity small{font-size:8px}.hero-visual{height:310px;padding:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product img{height:148px;padding:11px}.product-copy{padding:11px}.product h3{font-size:15px}.brand-grid,.values,.footer-grid{grid-template-columns:1fr}.brand-grid article{padding:16px}.about-grid{gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.illustration-label{display:block;padding:3px 10px;text-align:center;color:#4d5e54;font-size:11px;line-height:1.4}
@media(min-width:821px){.category-grid.four-categories{grid-template-columns:repeat(4,minmax(0,1fr))}}
body{background:#f8f6ef}
.site-header{background:#faf9f3}
.language-picker{font:inherit;font-size:14px;color:#234637;border:1px solid #cdd5ca;border-radius:5px;background:#faf9f3;padding:8px}
.hero{background:linear-gradient(270deg,#f5f4ea8c,transparent 60%),url('assets/golden-hero.png') center top/cover no-repeat}
.hero-grid{display:flex;min-height:min(800px,65vw)}
.hero-copy{width:43%;margin-inline-start:auto}
html[dir=rtl] .hero-copy{margin-inline-start:0;margin-inline-end:auto}
.hero .button{border-radius:5px}
.category-grid button{border-radius:8px;border-top:3px solid #829980;background:#f0f3eb;min-height:116px}
.category-grid button:nth-child(2){background:#f6f3e9;border-top-color:#a79569}
.category-grid button:nth-child(3){background:#f2eadd;border-top-color:#aa885d}
.category-grid button:nth-child(4){background:#e8eee1}
.catalog{background:#f8f6ef}
.product{border-radius:12px;background:#fffefa}
.product img{background:#e4ede2;height:245px;padding:23px}
.product-copy{padding:23px}
.product h3{font-size:19px}
.brand-grid article{border-radius:12px;background:#fffefa;border-inline-start:8px solid #d5dec8}
.agency-card{background:#e6ecdf;color:#18372d;border:1px solid #ced9c9}
.agency-card .eyebrow{color:#435e4e}
.agency-card .light{background:#244b39;color:#fff}
.site-footer{background:#15372b}
@media(max-width:760px){.hero{background:#f2f0e6 url('assets/golden-hero.png') left top/auto 320px no-repeat}.hero-grid{min-height:0;padding-top:320px}.hero-copy{width:100%;padding:25px 0}.product img{height:155px}.product-copy{padding:12px}.product h3{font-size:16px}}