:root{--paper:#faf8f1;--white:#fffefa;--ink:#1e4934;--green:#38946b;--soft:#50735a;--muted:#55665a;--line:#d9dfd3;--wash:#eef1e7;--forest:#214d38;--ease:cubic-bezier(.16,1,.3,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Noto Sans Arabic',sans-serif;font-size:16px;line-height:1.65}html[lang=ar] body{font-family:'Noto Sans Arabic',Manrope,sans-serif}::selection{background:#c5dfc4;color:#183c2b}body{scrollbar-color:#779883 var(--paper)}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #9d640c;outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}svg{display:block;width:24px;height:24px;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;text-wrap:balance}h1{font-size:clamp(52px,5.4vw,80px);line-height:1.09;letter-spacing:-.035em}h2{font-size:clamp(34px,3.2vw,48px);line-height:1.2;letter-spacing:-.025em;white-space:pre-line}h3{font-size:23px;line-height:1.35;letter-spacing:-.015em}p{color:var(--muted)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:100px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;inset-inline-start:20px;transform:translateY(-150%);padding:10px 18px;background:var(--ink);color:white;z-index:100}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{height:98px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;gap:10px;align-items:center;color:var(--green)}.brand-mark{width:46px;height:46px}.brand-words{display:flex;flex-direction:column;align-items:center;line-height:1.1}.brand b{font-size:27px;font-weight:800;letter-spacing:-.04em}.brand-words>span{font-family:'Noto Sans Arabic',sans-serif;font-size:16px;margin-top:3px}.site-header nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}.site-header nav a{padding-block:12px;position:relative}.site-header nav a::after{content:'';position:absolute;inset-inline:0;bottom:7px;height:1px;background:var(--green);transform:scaleX(0);transition:transform .3s var(--ease)}.site-header nav a:hover::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:14px}#language{border:1px solid #b9c8b8;background:transparent;color:var(--ink);border-radius:999px;padding:8px 17px;min-height:44px;min-width:80px;font-size:14px}#language:hover{background:var(--wash)}#menu{display:none;background:transparent;border:0;padding:10px;color:var(--ink)}
.hero{padding-block:42px 56px}.hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:48px;align-items:center}.hero-copy{padding-block:24px}.soft-green{color:var(--soft)}.hero-copy>p{font-size:17px;line-height:1.85;max-width:43ch;margin-top:28px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;border-radius:8px;background:var(--ink);color:var(--white);font-size:14px;font-weight:600;padding:17px 22px;min-height:54px;transition:background .25s var(--ease)}.button:hover{background:#33734d}.button .arrow{width:21px;height:21px;transition:transform .3s var(--ease)}.button:hover .arrow{transform:translateX(4px)}.text-link{font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex;gap:12px;align-items:center;padding-block:10px}.text-link:hover{color:var(--green)}.hero-bottom{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13px;margin-top:54px}.hero-bottom .line{height:1px;width:50px;background:#b4c4af}.hero-bottom [lang=ar]{font-family:'Noto Sans Arabic',sans-serif}.hero-visual img{width:100%;height:560px;object-fit:cover;object-position:64% center;border-radius:12px 12px 0 0}.hero-visual figcaption{font-size:12px;color:#4d6554;padding-block:12px;border-bottom:1px solid var(--line)}
.about{display:grid;grid-template-columns:.52fr 1fr;align-items:center;gap:110px;padding-block:85px 100px;border-top:1px solid var(--line)}.about-mark{display:flex;align-items:center;gap:55px}.about-mark img{width:190px;border-radius:50%;mix-blend-mode:multiply}.brand-rule{width:1px;height:140px;background:var(--line)}.about-copy p{font-size:17px;line-height:1.9;margin-top:22px;max-width:65ch}.collection{background:var(--wash)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:56px;margin-bottom:36px}.section-heading>p{max-width:40ch;font-size:16px;line-height:1.8}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}.filters button{border:1px solid #bdc9b6;border-radius:999px;padding:10px 20px;background:transparent;color:var(--ink);font-size:13px;font-weight:600;min-height:44px;transition:background .25s var(--ease),color .25s var(--ease)}.filters button[aria-pressed=true]{color:var(--white);background:var(--ink);border-color:var(--ink)}.filters button:hover:not([aria-pressed=true]){background:#dce7d5}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;align-items:start}.product figure{position:relative}.product img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:12px}.product.cleaning img{object-position:78% center;aspect-ratio:1.5}.product figcaption{position:absolute;inset-inline-start:14px;bottom:14px;background:var(--paper);color:var(--ink);padding:5px 10px;font-size:12px;border-radius:4px}.product-copy{padding-top:20px}.product-copy p{font-size:14px;line-height:1.8;max-width:57ch;margin-top:8px}.product h3{font-size:24px}
.approach{background:var(--forest);color:var(--paper)}.approach-grid{display:grid;grid-template-columns:1fr .9fr;gap:120px}.approach h2{font-size:clamp(34px,3.4vw,50px)}.approach-intro{color:#e2eddf;font-size:16px;line-height:1.9;margin-top:24px;max-width:44ch}.approach .text-link{margin-top:24px}.approach .text-link:hover{color:#d0e1b9}.reasons{display:flex;flex-direction:column}.reason{padding-block:25px;border-top:1px solid #64806b}.reason:first-child{padding-top:0;border-top:0}.reason:last-child{padding-bottom:0}.reason h3{font-size:20px}.reason p{font-size:14px;color:#e2eddf;margin-top:9px;max-width:55ch}.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}.gallery-grid figure:nth-child(2){padding-top:70px}.gallery-grid img{width:100%;aspect-ratio:1.23;object-fit:cover;border-radius:12px}.gallery-grid figure:nth-child(2) img{aspect-ratio:1}.gallery-grid figcaption{padding-top:18px}.gallery-grid h3{font-size:22px}.gallery-grid p{font-size:12px;margin-top:6px}.closing{padding-block:72px;background:#e2eadb}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}.closing p{margin-top:20px;font-size:15px}.footer{background:var(--paper);padding-block:50px 28px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-bottom:35px}.footer-top p{font-size:14px}.top-link{display:flex;align-items:center;justify-content:center;border:1px solid #b9c8b8;width:46px;height:46px;border-radius:50%}.top-link:hover{background:var(--wash)}.footer-bottom{display:flex;gap:70px;justify-content:space-between;align-items:start;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--muted)}.footer-bottom>span{white-space:nowrap}.footer-bottom p{max-width:75ch;font-size:12px;line-height:1.8}.noscript{padding:20px;max-width:70ch;margin:auto}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.5}html[dir=rtl] h1{font-size:clamp(42px,4.5vw,66px)}html[dir=rtl] .arrow{transform:scaleX(-1)}html[dir=rtl] .button:hover .arrow{transform:scaleX(-1) translateX(4px)}html[dir=rtl] .brand{direction:ltr}html[dir=rtl] .hero-copy>p{font-size:16px}html[dir=rtl] .hero-actions{gap:18px}html[dir=rtl] .section-heading>p{font-size:15px}html[dir=rtl] .brand-words>span{letter-spacing:0}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){.hero-visual img{animation:arrive 1s var(--ease) both}@keyframes arrive{from{clip-path:inset(0 0 6% 0 round 12px);filter:saturate(.8)}to{clip-path:inset(0 0 0 0 round 12px);filter:saturate(1)}}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:30px}.hero-visual img{height:510px}.hero-actions{gap:16px}.header-inner{gap:18px}.site-header nav{gap:22px}.about{gap:55px}.about-mark{gap:25px}.about-mark img{width:160px}.approach-grid{gap:70px}.section-heading{gap:35px}h1{font-size:58px}.hero-bottom{margin-top:35px}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.header-inner{height:82px;gap:16px}.brand-mark{width:38px;height:38px}.brand b{font-size:23px}.brand-words>span{font-size:14px}.header-actions{gap:5px}#language{min-width:70px;padding:6px 12px;font-size:13px}#menu{display:block}.site-header nav{display:none;position:absolute;inset-inline:0;top:82px;background:var(--paper);padding:18px 24px 24px;border-bottom:1px solid var(--line);flex-direction:column;gap:5px;align-items:stretch}.site-header nav[data-open]{display:flex}.site-header nav a{padding:12px}.site-header nav a::after{display:none}.hero{padding-block:36px 40px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{padding-block:0}h1{font-size:clamp(43px,8vw,64px);line-height:1.12}.hero-copy>p{font-size:16px;line-height:1.8;margin-top:20px;max-width:50ch}.hero-actions{margin-top:24px;gap:20px}.hero-bottom{display:none}.button{padding:15px 18px;font-size:13px;gap:18px;min-height:50px}.text-link{font-size:13px}.hero-visual img{height:auto;aspect-ratio:1.13;object-position:70% center}.hero-visual figcaption{font-size:12px;line-height:1.7}.section{padding-block:64px}.about{grid-template-columns:1fr;gap:24px;padding-block:40px 60px}.about-mark{justify-content:flex-start}.about-mark img{width:112px}.brand-rule{height:1px;width:60px}.about-copy h2{font-size:32px}.about-copy p{font-size:15px;line-height:1.85;margin-top:18px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:33px}.section-heading>p{font-size:14px;max-width:50ch;margin-top:18px}.filters{gap:8px;margin-bottom:27px}.filters button{padding:9px 14px;font-size:12px}.product-grid{grid-template-columns:1fr;gap:30px}.product img,.product.cleaning img{aspect-ratio:1.4}.product-copy{padding-top:15px}.product h3{font-size:22px}.product p{font-size:14px}.approach-grid{grid-template-columns:1fr;gap:38px}.approach h2{font-size:35px}.approach-intro{font-size:15px;margin-top:20px}.approach .text-link{margin-top:15px}.reason h3{font-size:19px}.reason p{font-size:14px}.gallery-grid{grid-template-columns:1fr;gap:30px}.gallery-grid figure:nth-child(2){padding-top:0}.gallery-grid img,.gallery-grid figure:nth-child(2) img{aspect-ratio:1.33}.gallery-grid p{font-size:12px}.closing{padding-block:55px}.closing-inner{display:block}.closing h2{font-size:36px}.closing p{font-size:14px}.closing .button{margin-top:25px}.footer{padding-block:35px 24px}.footer-top{display:grid;grid-template-columns:1fr auto;gap:24px;padding-bottom:25px}.footer-top>p{grid-row:2;grid-column:1/-1;font-size:13px}.footer-top>.top-link{grid-row:1;grid-column:2}.footer-bottom{display:block;padding-top:20px}.footer-bottom p{margin-top:13px}.footer-bottom>span{font-size:12px}html[dir=rtl] h1{font-size:43px;line-height:1.5}html[dir=rtl] h2{font-size:30px}html[dir=rtl] .hero-copy>p{font-size:15px}html[dir=rtl] .hero-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}