@import url('assets/fonts/fonts.css');
:root{--cream:#f5f1e5;--ink:#303624;--olive:#343c24;--muted:#757666;--serif:'Libre Caslon Text',Georgia,serif;--heading-weight:500;--sans:'Source Sans 3',Arial,sans-serif;--line:#d9d5c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #ae8c53;outline-offset:6px}.skip-link{position:fixed;top:-70px;left:20px;z-index:30;background:var(--cream);padding:10px 20px}.skip-link:focus{top:10px}p{margin:0 0 18px}h1,h2,h3{font-family:var(--serif);font-weight:var(--heading-weight);letter-spacing:-.025em;line-height:1.02;margin:0}h1{font-size:clamp(59px,6.5vw,102px)}h2{font-size:clamp(40px,4.6vw,70px)}h3{font-size:27px;line-height:1.02}.section-shell{padding-inline:7.5%}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:10px;line-height:1.6;font-weight:500;margin:0 0 23px}.header{position:absolute;top:0;left:0;right:0;height:135px;padding:20px 7.5%;display:flex;align-items:center;justify-content:space-between;z-index:5;color:var(--cream)}.brand{display:inline-flex;flex-shrink:0}.brand-crop{position:relative;width:246px;height:50px;overflow:hidden;mix-blend-mode:screen}.brand-crop img{position:absolute;width:520px;height:auto;max-width:none;left:-137px;top:-222px;filter:grayscale(1) invert(1) brightness(2)}.header nav{display:flex;align-items:center;gap:40px;font-size:11px;letter-spacing:.08em}.header nav a{padding-block:8px;transition:opacity .2s}.header nav a:hover{opacity:.65}.menu-toggle{display:none}.hero{position:relative;height:clamp(560px,52vw,820px);isolation:isolate;color:var(--cream);overflow:hidden}.hero-image{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;object-position:50% 58%;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#121c10b3 0%,#151e114a 43%,#121c1008 75%),linear-gradient(180deg,#0b100d44,transparent 30%)}.hero-content{position:absolute;top:27.5%;left:8%;right:5%}.hero-content h1{margin-bottom:22px}.hero-content>p{font-size:14px;line-height:1.55;max-width:410px;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;min-height:48px;padding:13px 22px;text-transform:uppercase;font-size:10px;letter-spacing:.16em;line-height:1.5;font-weight:500;border:1px solid transparent;transition:background .2s,color .2s}.button span{font-size:18px;line-height:1;letter-spacing:0}.button-olive{background:var(--olive);color:var(--cream)}.button-olive:hover{background:#4a5437}.button-outline{border-color:#f5f1e58c;color:var(--cream);background:#f5f1e50a}.button-outline:hover{background:var(--cream);color:var(--ink)}.button-cream{background:var(--cream);color:var(--ink)}.button-cream:hover{background:#ddd8c7}.intro{text-align:center;padding-top:59px;padding-bottom:57px}.intro .eyebrow{margin-bottom:19px;color:var(--muted)}.intro h2{text-transform:uppercase;font-size:clamp(35px,4.4vw,65px);line-height:1.1}.sprig{display:block;stroke:#65704b;stroke-width:1.5;width:55px;height:31px}.intro .sprig{margin:23px auto 21px}.intro>p:not(.eyebrow){font-size:14px;line-height:1.6;margin-bottom:17px}.intro>p:last-child{margin-bottom:0}.markets{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--cream)}.market-card{height:clamp(525px,52vw,770px);position:relative;isolation:isolate;overflow:hidden;color:var(--cream)}.market-card>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:64% 50%;inset:0;z-index:-3}.market-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#241d11b0 0%,#241d116b 52%,#241d110a 100%),linear-gradient(180deg,#201b0f66,transparent 60%)}.market-content{position:absolute;top:10%;left:12%;right:7%}.market-content .eyebrow{font-size:10px;margin-bottom:24px}.market-content h2{font-size:clamp(42px,4.9vw,74px);line-height:1.02;margin-bottom:25px}.market-content>p:not(.eyebrow){font-size:14px;line-height:1.6;margin-bottom:28px}.market-content .button{font-size:9px;padding-inline:20px;gap:15px}.lebanese>img{object-position:58% 50%}.lebanese .market-shade{background:linear-gradient(90deg,#3021109c,#3021103d 70%),linear-gradient(180deg,#3021106b,transparent 70%)}.capabilities{padding-top:58px;padding-bottom:66px}.capability-heading{text-align:center}.capability-heading .eyebrow{color:var(--muted);margin-bottom:14px}.capability-heading h2{font-size:clamp(40px,4.5vw,65px);margin-bottom:17px}.capability-heading>p:last-child{font-size:13px;margin-bottom:49px}.capability-list{display:grid;grid-template-columns:repeat(4,1fr)}.capability-list article{padding:0 35px;border-right:1px solid var(--line)}.capability-list article:first-child{padding-left:0}.capability-list article:last-child{padding-right:0;border:0}.capability-list svg{width:43px;height:43px;stroke:#555f40;stroke-width:1.25;margin-bottom:18px}.capability-list h3{min-height:57px;margin-bottom:13px}.capability-list p{font-size:13px;line-height:1.6;margin-bottom:0;max-width:200px}.partner{display:grid;grid-template-columns:53% 47%;background:var(--olive);color:var(--cream)}.partner-photo{min-height:650px}.partner-photo img{height:100%;object-fit:cover;object-position:50% 50%}.partner-copy{padding:60px 13% 56px 12%}.partner-copy .eyebrow{font-size:9px;margin-bottom:24px;color:#e0e0c9}.partner-copy h2{font-size:clamp(43px,4.5vw,67px);margin-bottom:31px}.partner-copy>p:not(.eyebrow){font-size:13px;line-height:1.6;max-width:385px;margin-bottom:18px}.partner-copy .button{font-size:9px;margin-top:6px}.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:11%;padding-top:56px;padding-bottom:43px}.contact-intro .eyebrow{color:var(--muted);margin-bottom:13px}.contact-intro h2{font-size:clamp(41px,4.2vw,63px);margin-bottom:15px}.contact-intro>p:not(.eyebrow):not(.company):not(.holding){font-size:13px;line-height:1.6}.contact-intro .sprig{width:47px;height:25px;margin:22px 0 15px}.contact-intro .company{font-size:12px;line-height:1.6;margin-bottom:24px}.company a{border-bottom:1px solid #c9c6b8}.holding{text-transform:uppercase;font-size:8px;letter-spacing:.2em;color:var(--muted);margin:0}.contact-details{padding-top:9px}.contact-detail{border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:20px}.contact-detail .eyebrow{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.email-address{font-family:var(--serif);font-size:34px;line-height:1.2;overflow-wrap:anywhere}.contact-detail>p{font-size:16px;margin:0}.contact-details .button{margin-top:1px}.footer{padding-top:18px;padding-bottom:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}
@media(min-width:1700px){.section-shell{padding-inline:max(7.5%,calc((100vw - 1400px)/2))}.hero-content{left:max(8%,calc((100vw - 1400px)/2))}}
@media(max-width:1050px){.header{height:112px}.brand-crop{width:200px;height:44px}.brand-crop img{width:430px;left:-113px;top:-182px}.header nav{gap:25px;font-size:10px}.hero-content{top:26%}.hero-content>p{font-size:12px}.hero-content h1{margin-bottom:19px}.button{font-size:9px;min-height:43px;padding:11px 17px}.intro{padding-block:49px}.intro>p:not(.eyebrow){font-size:12px}.market-content{left:11%;top:10%;right:8%}.market-content .eyebrow{font-size:8px}.market-content>p:not(.eyebrow){font-size:12px;max-width:250px}.market-content .button{font-size:7px;padding-inline:13px;gap:10px}.desktop-break{display:none}.capability-list article{padding-inline:22px}.capability-list h3{font-size:22px;min-height:46px}.capability-list p{font-size:11px}.capability-list svg{width:34px;height:34px}.capability-heading>p:last-child{font-size:12px}.partner-photo{min-height:570px}.partner-copy{padding:43px 12% 43px 11%}.partner-copy h2{font-size:43px;margin-bottom:24px}.partner-copy>p:not(.eyebrow){font-size:11px}.partner-copy .eyebrow{font-size:8px}.partner-copy .button{font-size:7px;padding-inline:13px;gap:10px}.contact{gap:8%}.contact-intro>p:not(.eyebrow):not(.company):not(.holding){font-size:12px}.email-address{font-size:29px}}
@media(max-width:700px){.section-shell{padding-inline:7%}.header{height:93px;padding:15px 7%;isolation:isolate}.brand-crop{width:205px;height:43px}.brand-crop img{width:440px;left:-116px;top:-186px}.header nav{display:none;position:absolute;top:93px;left:0;right:0;background:var(--olive);padding:22px 7%;box-shadow:0 10px 20px #0002}.header nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.menu-toggle{display:flex;align-items:center;gap:10px;padding:8px 0;border:0;background:none;color:var(--cream);font-size:10px}.menu-toggle svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.2}.hero{height:660px}.hero-image{object-position:59% 50%}.hero-shade{background:linear-gradient(90deg,#121c10c2,#121c1040 95%)}.hero-content{top:25%;left:8%;right:8%}.hero-content h1{font-size:72px;line-height:.98;margin-bottom:23px}.hero-content>p{font-size:12px;max-width:265px;line-height:1.6;margin-bottom:25px}.button{font-size:8px;min-height:45px;padding:12px 18px}.intro{padding-top:43px;padding-bottom:44px}.intro .eyebrow{font-size:8px;margin-bottom:17px}.intro h2{font-size:33px;line-height:1.12}.intro .sprig{width:45px;height:25px;margin:20px auto}.intro>p:not(.eyebrow){font-size:11px;line-height:1.7}.markets{grid-template-columns:1fr;gap:2px}.market-card{height:550px}.market-content{left:8%;top:10%;right:8%}.market-content .eyebrow{font-size:9px;margin-bottom:22px}.market-content h2{font-size:54px;margin-bottom:24px}.market-content>p:not(.eyebrow){font-size:12px;max-width:255px;margin-bottom:25px}.market-content .button{font-size:8px;padding-inline:16px;gap:20px}.market-card>img{object-position:61% 50%}.capabilities{padding-top:42px;padding-bottom:43px}.capability-heading .eyebrow{font-size:8px;margin-bottom:12px}.capability-heading h2{font-size:38px;margin-bottom:15px}.capability-heading>p:last-child{font-size:11px;margin-bottom:32px}.capability-list{grid-template-columns:1fr 1fr;gap:29px 0}.capability-list article,.capability-list article:first-child,.capability-list article:last-child{padding:0 17px}.capability-list article:nth-child(odd){padding-left:0;border-right:1px solid var(--line)}.capability-list article:nth-child(even){padding-right:0;border-right:0}.capability-list svg{width:33px;height:33px;margin-bottom:13px}.capability-list h3{font-size:23px;min-height:47px;line-height:1.07;margin-bottom:11px}.capability-list p{font-size:11px;line-height:1.6}.partner{grid-template-columns:1fr}.partner-photo{height:390px;min-height:0}.partner-photo img{object-position:50% 58%}.partner-copy{padding:43px 8% 45px}.partner-copy .eyebrow{font-size:8px;margin-bottom:20px}.partner-copy h2{font-size:51px;margin-bottom:26px}.partner-copy>p:not(.eyebrow){font-size:12px;line-height:1.7;max-width:100%}.partner-copy .button{font-size:8px;padding-inline:18px;gap:23px;margin-top:9px}.contact{grid-template-columns:1fr;gap:33px;padding-top:41px;padding-bottom:35px}.contact-intro .eyebrow{font-size:8px;margin-bottom:13px}.contact-intro h2{font-size:46px}.contact-intro>p:not(.eyebrow):not(.company):not(.holding){font-size:12px}.contact-intro .company{font-size:11px;margin-bottom:19px}.holding{font-size:7px}.contact-details{padding-top:0}.contact-detail{margin-bottom:21px;padding-bottom:17px}.email-address{font-size:31px}.contact-detail>p{font-size:14px}.footer{font-size:8px;gap:20px;padding-block:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.brand{flex-direction:column;align-items:center;justify-content:center;line-height:1;color:var(--cream)}.brand-sprig{width:40px;height:21px;stroke:currentColor;stroke-width:1.4;margin-bottom:4px}.brand-name{font-family:var(--serif);font-size:40px;letter-spacing:.065em;text-transform:uppercase}.brand-city{font-size:8px;text-transform:uppercase;letter-spacing:.37em;margin-top:6px;padding-left:3px}@media(max-width:1050px){.brand-name{font-size:31px}.brand-city{font-size:6px}.brand-sprig{width:31px;height:16px}}@media(max-width:700px){.brand-name{font-size:29px}.brand-city{font-size:6px}.brand-sprig{width:29px;height:15px}}

/* Supplied logo, white on transparency; consistent, simplified capability icons. */
.header{height:120px;padding-block:15px}.brand-logo{width:96px;height:auto;display:block}.capability-list svg{stroke-width:1;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
@media(max-width:1050px){.header{height:110px}.brand-logo{width:88px}}
@media(max-width:700px){.header{height:100px}.brand-logo{width:78px}.header nav{top:100px}.capability-list svg{stroke-width:1.05}}

/* Larger navigation and white calls to action. */
.header nav{font-size:15px;gap:42px}.header nav a{padding-block:12px}
.button-olive,.button-cream{background:#fff;color:var(--ink);border-color:#d9d5c7}
.button-olive:hover,.button-cream:hover{background:#eeeade;color:var(--ink)}
@media(max-width:1050px){.header nav{font-size:14px;gap:28px}}
@media(max-width:700px){.header nav{font-size:15px;gap:12px}.menu-toggle{font-size:14px;gap:12px}.menu-toggle svg{width:25px;height:25px}}

/* Two-line hero: the heading sets the shared text width. */
.hero-content{right:auto;width:max-content;max-width:84%}
.hero-content h1{font-size:clamp(44px,6vw,88px);line-height:.94;letter-spacing:-.025em;margin-bottom:28px}
.hero-content h1 span{display:block;white-space:nowrap}
.hero-content>p{width:350px;min-width:0;max-width:82%;line-height:1.6;margin-bottom:26px}
@media(max-width:700px){.hero-content h1{font-size:clamp(32px,9.5vw,58px);line-height:.94;margin-bottom:25px}.hero-content>p{font-size:12px;line-height:1.65;margin-bottom:25px}}

/* Finer logo-inspired headings and more readable hero supporting copy. */
h1,h2,h3{font-family:var(--serif);font-weight:var(--heading-weight);font-optical-sizing:auto;font-variation-settings:normal;font-synthesis:none}
.hero-content>p{font-family:var(--sans);font-size:18px;font-weight:400;line-height:1.65;letter-spacing:.008em;color:#f9f7f0}
@media(max-width:1050px){.hero-content>p{font-size:17px;line-height:1.6}}
@media(max-width:700px){.hero-content>p{font-size:15.5px;line-height:1.65}}

/* A low-amplitude breeze confined to the upper-right hero foliage. */
.wind-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.hero.breeze-active .hero-image{filter:url("#hero-leaf-wind")}
.wind-toggle{position:absolute;right:5%;bottom:22px;width:34px;height:34px;padding:7px;display:flex;align-items:center;justify-content:center;border:1px solid #f5f1e56b;border-radius:50%;background:#15200f38;color:var(--cream);cursor:pointer}
.wind-toggle[hidden]{display:none}.wind-toggle:hover{background:#15200f80}
.wind-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wind-toggle .wind-play,.wind-toggle.is-paused .wind-pause{display:none}.wind-toggle.is-paused .wind-play{display:block}
@media(prefers-reduced-motion:reduce){.hero.breeze-active .hero-image{filter:none}.wind-toggle{display:none}}

/* The wider Caslon letterforms retain a comfortable fit in the split panel. */
.partner-copy h2{font-size:clamp(39px,4.2vw,61px)}
@media(max-width:1050px){.partner-copy h2{font-size:39px}}
@media(max-width:700px){.partner-copy h2{font-size:clamp(36px,11.6vw,51px)}}

/* Refined sprigs, clearer navigation and more legible content. */
.sprig{width:64px;height:34px;color:#65704b;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-intro .sprig{width:54px;height:29px}
.header::before{content:"";position:absolute;inset:0 0 -35px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,22,13,.64),rgba(10,22,13,.22) 68%,transparent)}
.header nav{font-size:16px;font-weight:600;letter-spacing:.045em;text-shadow:none}
.header nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:6px}
.menu-toggle{font-weight:600;text-shadow:none}
.button{font-size:12px;font-weight:600;letter-spacing:.1em;min-height:48px}
.market-content .button,.partner-copy .button{font-size:11px;letter-spacing:.09em}
.hero-content h1{line-height:1.18;margin-bottom:23px}
.hero-content>p{width:500px;min-width:0;max-width:100%;text-wrap:balance}
.intro>p:not(.eyebrow),.market-content>p:not(.eyebrow),.capability-list p,.partner-copy>p:not(.eyebrow),.contact-intro>p:not(.eyebrow):not(.company):not(.holding),.capability-heading>p:last-child{font-size:16px;line-height:1.7}
.intro>p:not(.eyebrow){max-width:960px;margin-inline:auto}
.market-content>p:not(.eyebrow){font-weight:450;letter-spacing:.005em;text-shadow:0 1px 4px #11190e70;max-width:310px;text-wrap:pretty}
.market-content>p .desktop-break{display:none}
.partner-copy>p:not(.eyebrow){font-weight:450}
.contact-intro .company{font-size:14px;line-height:1.7}
.international .market-shade{background:linear-gradient(90deg,rgba(20,31,18,.72),rgba(20,31,18,.20) 65%,rgba(20,31,18,.03))}
.lebanese .market-shade{background:linear-gradient(90deg,rgba(59,29,20,.63),rgba(59,29,20,.15) 65%,transparent)}
@media(max-width:1050px){
 .header nav{font-size:15px;gap:28px}
 .market-content .button,.partner-copy .button{font-size:10px;padding-inline:16px;gap:16px}
 .intro>p:not(.eyebrow),.market-content>p:not(.eyebrow),.capability-list p,.partner-copy>p:not(.eyebrow),.contact-intro>p:not(.eyebrow):not(.company):not(.holding),.capability-heading>p:last-child{font-size:15px}
}
@media(max-width:700px){
 .header nav{font-size:16px}.menu-toggle{font-size:15px}
 .button,.market-content .button,.partner-copy .button{font-size:11px;padding-inline:18px;gap:18px;letter-spacing:.09em}
 .hero-content h1{line-height:1.18;margin-bottom:23px}.hero-copy-break{display:none}
 .intro>p:not(.eyebrow),.market-content>p:not(.eyebrow),.capability-list p,.partner-copy>p:not(.eyebrow),.contact-intro>p:not(.eyebrow):not(.company):not(.holding),.capability-heading>p:last-child{font-size:14px}
 .intro .sprig{width:56px;height:30px}.contact-intro .company{font-size:13px}
}

/* More breathing room around the three cream content sections. */
.lebanese>img{object-position:58% 50%}
.intro{padding-top:89px;padding-bottom:87px}
.capabilities{padding-top:88px;padding-bottom:96px}
.contact{padding-top:86px;padding-bottom:78px}
@media(max-width:1050px){.intro{padding-block:76px}.capabilities{padding-top:78px;padding-bottom:84px}.contact{padding-top:76px;padding-bottom:68px}}
@media(max-width:700px){.intro{padding-block:62px}.capabilities{padding-top:62px;padding-bottom:64px}.contact{padding-top:62px;padding-bottom:58px}}

/* Seamless market panels with coordinated color and aligned white buttons. */
.markets{gap:0}
.lebanese>img{filter:saturate(.82)}
.lebanese .market-shade{background:linear-gradient(90deg,rgba(48,36,25,.63),rgba(48,36,25,.15) 65%,transparent)}
.market-content{bottom:9%;display:flex;flex-direction:column;align-items:flex-start}
.market-content h2{margin-bottom:15px}
.market-content>*{flex-shrink:0}
.market-content .button{margin-top:auto;background:#fff;color:var(--ink);border-color:#d9d5c7}
.market-content .button:hover{background:#eeeade;color:var(--ink)}

/* Lighter geometric strokes match the plant icon's visual weight. */
.capability-list article:not(:last-child) svg{stroke-width:.75}

/* Keep the mockup's product arrangements visible in narrower panels. */
.international>img{object-position:64% 50%}

/* A brand-green email call to action on the cream contact section. */
.contact-details .button{background:#3c5238;color:var(--cream);border-color:#3c5238}
.contact-details .button:hover{background:#2c412a;color:var(--cream);border-color:#2c412a}

/* Comfortable mobile gutters and a single-column capability list. */
@media(max-width:700px){
 :root{--mobile-gutter:clamp(28px,8.5vw,48px)}
 .section-shell,.header,.header nav,.partner-copy{padding-inline:var(--mobile-gutter)}
 .hero-content,.market-content{left:var(--mobile-gutter);right:var(--mobile-gutter);width:auto;max-width:none}
 .hero-content .button,.market-content .button,.contact-details .button{max-width:100%}
 .capability-list{grid-template-columns:minmax(0,1fr);gap:0}
 .capability-list article,.capability-list article:first-child,.capability-list article:last-child,.capability-list article:nth-child(odd),.capability-list article:nth-child(even){min-width:0;padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}
 .capability-list article:first-child{padding-top:0}
 .capability-list article:last-child{padding-bottom:0;border-bottom:0}
 .capability-list h3{min-height:0;font-size:28px;line-height:1.15;margin-bottom:12px}
 .capability-list h3 br{display:none}
 .capability-list p{max-width:none}
}

/* Consumer-brand positioning: room for the introduction and longer contact address. */
.hero-content>p{width:600px}
.email-address{font-family:var(--sans);font-size:16px;letter-spacing:normal;line-height:1.6}
.partner-photo img{object-position:50% 45%}
.lebanese>img{filter:none}
@media(max-width:700px){
 .hero-content>p{width:auto}
 .email-address{font-size:14px}
 .partner-photo{height:460px}
 .partner-photo img{object-position:50% 43%}
}

/* Clearer footer text at both screen sizes. */
.footer{font-size:12px;line-height:1.6}
@media(max-width:700px){.footer{font-size:11px}}

/* Keep the skincare pair visible when the international photo crops to portrait. */
@media(max-width:700px){.international>img{object-position:40% 50%}}