:root{--green:#173e35;--ivory:#f3ede2;--gold:#b59a65;--line:#173e3526}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#faf8f3;color:var(--green);font-family:Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none;cursor:pointer}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.topline{text-align:center;background:var(--green);color:var(--ivory);font-size:10px;letter-spacing:2px;padding:12px}.topline span{margin:0 20px;color:var(--gold)}header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:29px 6%;border-bottom:1px solid var(--line);background:#faf8f3}.logo{width:210px;display:block}nav{display:flex;gap:34px;font-size:13px}.header-contact{border-bottom:1px solid;padding-bottom:7px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:var(--ivory)}.hero-copy{padding:90px 12% 25px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:3px;margin:0 0 25px;font-weight:400}h1{font-size:clamp(40px,4.4vw,70px);line-height:1.5;margin:0;font-weight:400;letter-spacing:-2px}h1 em{font-style:normal;color:#758371}.intro{font-size:15px;line-height:2.2;margin:24px 0 32px;color:#526157}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--green);color:var(--ivory);padding:18px 25px;font-size:13px;border:1px solid var(--green);transition:background .2s}.button:hover{background:#2b5549}.hero-bottom{width:100%;display:flex;justify-content:space-between;font:9px Arial;letter-spacing:2px;border-top:1px solid var(--line);padding-top:20px;margin-top:70px}.hero-image{position:relative;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;display:block}.image-caption{position:absolute;bottom:25px;right:25px;background:#faf8f3df;font-size:11px;padding:12px 18px}.ribbon{display:flex;justify-content:center;align-items:center;gap:50px;padding:28px;border-bottom:1px solid var(--line);font-size:13px}.ribbon i{color:var(--gold);font-style:normal}.section{padding:85px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2,h2{font-size:38px;line-height:1.6;font-weight:400;margin:0}.section-heading>p{font-size:13px;line-height:2;color:#6f786e}.filters{display:flex;gap:10px;margin:35px 0 20px;flex-wrap:wrap}.filters button{border:1px solid var(--line);color:var(--green);padding:12px 24px;background:transparent;font-size:12px}.filters button.active{background:var(--green);color:var(--ivory)}.concept-note{font-size:11px;line-height:1.9;color:#747b70}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 22px;margin-top:25px}.product{border:0;background:none;padding:0;text-align:right;color:var(--green);width:100%}.product-picture{overflow:hidden;background:var(--ivory);position:relative}.product img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .5s}.product:hover img{transform:scale(1.035)}.product-picture>span{position:absolute;bottom:15px;left:15px;border-radius:50%;background:#faf8f3;width:36px;height:36px;display:grid;place-items:center}.product h3{font-weight:400;font-size:17px;margin:16px 0 8px}.product small{font-size:11px;color:#788071}.product-label{display:flex;justify-content:space-between;align-items:baseline}.story{display:grid;grid-template-columns:1fr 1fr;background:#e9e9de}.story-picture img{width:100%;height:100%;max-height:650px;object-fit:cover;display:block}.story-copy{padding:70px 14%;display:flex;flex-direction:column;justify-content:center}.story h2{font-size:45px}.story-copy>p:not(.eyebrow){font-size:14px;line-height:2.2;color:#5e6b60}.text-link{font-size:13px;align-self:flex-start;border-bottom:1px solid;padding-bottom:9px;margin-top:15px}.contact{text-align:center;background:var(--ivory);padding-block:90px}.contact h2{font-size:44px}.contact>p:not(.eyebrow){font-size:14px;line-height:2.2;color:#667263;margin:23px 0 30px}.phone{display:block;font:12px Arial;letter-spacing:2px;margin-top:22px}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer span,footer a{font-size:11px}footer small{font:9px Arial;letter-spacing:1px}dialog{padding:0;border:0;width:min(850px,92vw);color:var(--green);background:#faf8f3;max-height:90vh;overflow:auto}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#10271fba}dialog>img{width:100%;height:100%;object-fit:cover}.detail-copy{padding:55px 28px 35px;align-self:center}.detail-copy h2{font-size:25px}.detail-copy>p{font-size:13px;line-height:2}.detail-copy .button{margin-top:20px;font-size:12px;padding:15px}.close{position:absolute;top:10px;left:10px;border:0;border-radius:50%;width:34px;height:34px;background:#faf8f3;color:var(--green);font-size:25px}@media(min-width:1500px){body{max-width:1800px;margin:auto}}@media(max-width:760px){header{padding:23px 5%}.logo{width:155px}nav{gap:16px}nav a{font-size:11px}nav a:last-child,.header-contact{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 25px}.hero h1{font-size:45px}.hero-bottom{margin-top:35px}.hero-image{max-height:490px}.hero-image img{aspect-ratio:1;object-position:center}.ribbon{gap:18px;padding:22px 10px;font-size:10px}.ribbon i:nth-of-type(3),.ribbon span:last-child{display:none}.section{padding:55px 5%}.section-heading{display:block}.section-heading h2{font-size:30px}.section-heading>p{margin-top:12px}.filters button{padding:11px 16px}.products{grid-template-columns:repeat(2,1fr);gap:26px 12px}.product h3{font-size:14px}.product-label{display:block}.product small{font-size:10px}.story{grid-template-columns:1fr}.story-picture{max-height:430px;overflow:hidden}.story-picture img{object-position:50% 35%}.story-copy{padding:45px 7%}.story h2,.contact h2{font-size:35px}footer{flex-wrap:wrap;justify-content:center;padding:28px 6%}footer img{width:145px}footer small{flex-basis:100%;text-align:center}dialog[open]{grid-template-columns:1fr}dialog>img{max-height:45vh;object-fit:contain;background:var(--ivory)}.detail-copy{padding:25px}.eyebrow{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

footer .footer-logo{width:170px;height:auto;display:block}@media(max-width:760px){footer .footer-logo{width:145px}}
header{transition:background-color .25s ease,box-shadow .25s ease;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}
header.is-scrolled{background:rgba(250,248,243,.72);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);border-bottom-color:rgba(23,62,53,.12);box-shadow:0 4px 24px rgba(23,62,53,.05)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){header.is-scrolled{background:rgba(250,248,243,.94)}}
.language-control select{font:inherit;font-size:12px;color:var(--green);border:1px solid var(--line);background:transparent;padding:9px 7px;cursor:pointer;max-width:105px}.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}html[dir=ltr] .product{text-align:left}html[dir=ltr] h1{letter-spacing:-1px;font-size:clamp(36px,4vw,64px)}html[dir=ltr] .hero-copy{padding-inline:10%}html[dir=ltr] .story h2{font-size:40px}html[dir=ltr] .image-caption{right:auto;left:25px}@media(max-width:760px){header{flex-wrap:wrap;gap:16px}.language-control{margin-inline-start:auto}header nav{order:3;flex-basis:100%;justify-content:center}html[dir=ltr] .hero h1{font-size:39px}html[dir=ltr] .hero-copy{padding-inline:7%}.language-control select{font-size:11px}html{scroll-padding-top:140px}}
.menu-toggle{border:1px solid var(--line);background:transparent;color:var(--green);width:44px;height:44px;display:grid;place-items:center;font-size:23px}.menu-toggle:hover{background:var(--ivory)}body.menu-open{overflow:hidden}dialog.site-menu[open]{display:flex;flex-direction:column;gap:0}dialog.site-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(390px,90vw);height:100dvh;max-height:100dvh;padding:25px 30px;border:0;background:#faf8f3;overflow-y:auto;box-shadow:-15px 0 60px #10271f26}html[dir=ltr] dialog.site-menu{inset:0 auto 0 0}.site-menu::backdrop{background:rgba(12,32,26,.35);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.menu-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#667263}.menu-close{width:40px;height:40px;border:1px solid var(--line);background:transparent;color:var(--green);font-size:26px}.site-menu .menu-logo{width:205px;height:auto;object-fit:contain;margin:38px 0 35px}.site-menu nav{display:flex;flex-direction:column;gap:0;flex-basis:auto;order:0}.site-menu nav a{display:block;font-size:20px;padding:22px 0;border-bottom:1px solid var(--line)}.site-menu .language-control{display:flex;flex-direction:column;gap:14px;margin:32px 0}.site-menu #language-label{font-size:12px;color:#667263}.site-menu .language-control select{max-width:none;width:100%;font-size:14px;padding:15px 12px;background:var(--ivory);border:1px solid var(--line);border-radius:0}.site-menu .header-contact{display:block;text-align:center;padding:17px;background:var(--green);color:var(--ivory);border:0;margin-top:auto;font-size:14px}header{flex-wrap:nowrap}html{scroll-padding-top:100px}@media(max-width:760px){header{gap:16px;padding:20px 5%}.site-menu .menu-logo{width:185px}html{scroll-padding-top:100px}}
.site-menu{padding:20px 25px!important}.site-menu .menu-logo{width:165px;margin:25px 0 22px}.site-menu nav a{font-size:16px;padding:16px 0}.site-menu .language-control{gap:10px;margin:23px 0}.site-menu .language-control select{font-size:12px;padding:11px 10px}.site-menu .header-contact{font-size:12px;padding:13px}.menu-heading{font-size:11px}.menu-close{width:34px;height:34px;font-size:23px}.social-links{display:flex;align-items:center;justify-content:center;gap:17px;flex-wrap:wrap;direction:ltr}.social-links a{font:11px Arial,sans-serif;white-space:nowrap;transition:opacity .2s}.social-links a:hover{opacity:.65}.site-menu .social-links{margin-top:22px;padding-top:19px;border-top:1px solid var(--line);gap:17px}.site-menu .social-links a{font-size:11px}footer>.social-links{gap:16px}@media(max-width:760px){.site-menu .menu-logo{width:155px}footer>.social-links{flex-basis:100%;padding:8px 0}}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--green);border:1px solid rgba(23,62,53,.17);border-radius:50%;transition:background .2s,transform .2s}.social-links a:hover{background:rgba(23,62,53,.08);opacity:1;transform:translateY(-2px)}.social-links svg{display:block;width:19px;height:19px;flex-shrink:0}.social-links{gap:12px}.site-menu .social-links,footer>.social-links{gap:12px}
a[data-wa]::before,#detail-wa::before{content:"";display:inline-block;flex:0 0 21px;width:21px;height:21px;background:currentColor;-webkit-mask:url('assets/whatsapp.svg') center/contain no-repeat;mask:url('assets/whatsapp.svg') center/contain no-repeat}.site-menu a.header-contact{display:flex;align-items:center;justify-content:center;gap:10px}a[data-wa].button,#detail-wa{gap:12px}
header{padding-block:20px}.menu-toggle{width:40px;height:40px;font-size:21px}@media(max-width:760px){header{padding-block:15px}}
html[lang=ar] body{font-family:'Tajawal',Tahoma,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2{font-weight:500;letter-spacing:0}html[lang=ar] h3,html[lang=ar] .button,html[lang=ar] .filters button,html[lang=ar] .site-menu nav a{font-weight:500}html[lang=ar] .eyebrow{letter-spacing:0}html[lang=ar] .language-control select{font-family:'Tajawal',Tahoma,Arial,sans-serif}
@keyframes menu-slide-in{from{transform:translateX(100%);opacity:.5}to{transform:translateX(0);opacity:1}}@keyframes menu-slide-in-left{from{transform:translateX(-100%);opacity:.5}to{transform:translateX(0);opacity:1}}@keyframes menu-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes menu-content-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.site-menu[open]{animation:menu-slide-in .38s cubic-bezier(.22,1,.36,1) both}html[dir=ltr] .site-menu[open]{animation-name:menu-slide-in-left}.site-menu[open]::backdrop{animation:menu-backdrop-in .3s ease both}.site-menu[open] nav,.site-menu[open] .language-control,.site-menu[open] .header-contact,.site-menu[open] .social-links{animation:menu-content-in .32s ease .12s both}.site-menu[open] .language-control{animation-delay:.17s}.site-menu[open] .header-contact{animation-delay:.21s}.site-menu[open] .social-links{animation-delay:.25s}@media(prefers-reduced-motion:reduce){.site-menu[open],html[dir=ltr] .site-menu[open],.site-menu[open]::backdrop,.site-menu[open] nav,.site-menu[open] .language-control,.site-menu[open] .header-contact,.site-menu[open] .social-links{animation:none}}