:root{--motion-ink:#4e4c50;--motion-gold:#d29c47;--motion-paper:#f6f5f3;--motion-line:#e2ded8;--motion-ease:cubic-bezier(.2,.75,.2,1)}

body{color:var(--motion-ink);background:var(--motion-paper)}
body>header{view-transition-name:site-header;background:#ffffffef;border-bottom-color:#e2ded8;box-shadow:0 0 0 transparent}
body>header.has-depth{box-shadow:0 8px 30px #3125170b}
body>header nav a{color:#4e4c50}header nav a:after{height:1px;transform-origin:right center}
main{view-transition-name:page-content}
main h1,main h2,main h3{color:var(--motion-ink);text-wrap:balance}
main h2{line-height:1.3;margin-block:8px 18px}main p{color:#737075;text-wrap:pretty}
.campaign-hero{border:1px solid #e1d8ca;background:#f0ede8!important;color:var(--motion-ink)!important;border-radius:24px;margin-top:26px;padding:24px 3.5% 22px}
#campaignContent{grid-template-columns:.85fr 1.15fr;gap:6%;padding:32px 0 36px;min-height:480px}
.campaign-copy,.scene-photo,.card{animation:none!important}
.campaign-copy{padding-inline-start:8px}.campaign-copy h1{font-size:clamp(38px,4vw,64px);line-height:1.22;max-width:530px;margin-block:20px 24px;color:#4e4c50!important}
.campaign-copy p{font-size:clamp(18px,1.6vw,23px);line-height:1.8;max-width:430px;color:#737075!important}
.campaign-kicker{color:#94662a;opacity:1;font-size:13px}
.campaign-stage{border-radius:14px;box-shadow:none;aspect-ratio:3/2;background:#eeeae4}
.scene-photo{object-fit:cover;view-transition-name:campaign-photo;transition:transform .65s var(--motion-ease)}
.campaign-copy{view-transition-name:campaign-copy}
.campaign-cta{background:linear-gradient(115deg,#e9c27e,#d29c47)!important;color:#3e3430!important;box-shadow:0 5px 18px #916d2820;min-height:50px;padding-inline:24px;transition:transform .22s var(--motion-ease)}
.campaign-cta span{display:inline-block;transition:transform .22s var(--motion-ease)}.campaign-cta:hover span{transform:translate(-3px,-3px)}
.campaign-bottom{padding-top:16px}.campaign-tabs button{min-height:46px;color:#625e63}.campaign-tabs button.selected{background:#fffcf3;color:#4e4c50}
.campaign-arrows button{width:46px;height:46px;color:#625e63}.campaign-arrows button:active{transform:scale(.93)}
.section{padding-block:44px}.about{background:#eeece8!important;border-color:#ded9d1;padding-block:56px!important;column-gap:70px!important}
#about h2{font-size:clamp(30px,3vw,43px);line-height:1.3!important;max-width:420px!important}#about p{font-size:19px!important;line-height:1.9!important;color:#737075!important}
#about .eyebrow{color:#94662a!important}.about .eyebrow{margin-bottom:14px!important}
.card,.catalog-product{border-color:#e2ded8;border-radius:14px;box-shadow:none!important;animation:none!important;text-decoration:none;transition:transform .28s var(--motion-ease)}
.card:hover,.catalog-product:hover{transform:translateY(-3px)}.card:hover .art img{transform:scale(1.025)}.card .art img,.catalog-image img{transition:transform .55s var(--motion-ease)}
.card .meta{padding:22px}.card .meta h3{color:#4e4c50}.card .meta small{color:#777378}.arrow{color:#94662a;border-color:#d5c1a1;transition:transform .25s var(--motion-ease)}.card:hover .arrow{transform:rotate(-35deg)}
.filters{gap:9px}.filters button{min-height:44px;color:#625e63;border-color:#ded6ca}.filters .active{background:#4e4c50;color:#fffdf6;border-color:#4e4c50}
#grid{view-transition-name:brand-grid}.catalog-tools{background:#f0ede8;border-color:#ded6ca}.catalog-tools input,.catalog-tools select{color:#4e4c50;background:#fffdfa;border-color:#d6cab5}.catalog-tools label,.catalog-tools button{color:#6e6870}.catalog-tools select:focus-visible{outline-offset:3px}
.collection-intro{border-radius:18px}.collection-heading h3{line-height:1.25}.collection-heading>span{color:inherit}.collection-products{gap:20px}
.collection{content-visibility:auto;contain-intrinsic-size:auto 1050px}.collection:first-child{content-visibility:visible}
.catalog-image{height:270px;padding:30px}.catalog-name{font-size:16px;min-height:80px}.catalog-name b{color:#94662a;transition:transform .25s var(--motion-ease)}.catalog-product:hover .catalog-name b{transform:translate(-2px,-2px)}
.product-page{align-items:center!important;gap:7%!important;padding-top:44px!important}.product-visual{border:1px solid #dfd3bd;background:#f0ede8!important;border-radius:22px;overflow:hidden}.product-visual img{object-fit:contain}.product-page h1{line-height:1.25!important;font-size:clamp(32px,3.4vw,52px)!important}.page-back{min-height:44px;display:inline-flex;align-items:center;color:#94662a}
.vision{background:#4e4c50!important;color:#fffaf0}.vision h2,.vision p{color:inherit!important}.contact-grid{background:#f0ede8;border-color:#ded6ca}.branch-grid>div{border-color:#ded6ca}
.reveal{opacity:1!important;transform:none!important;transition:none!important}
.motion-skip{position:fixed;top:10px;right:15px;z-index:100100;transform:translateY(-160%);background:#fffdf6;padding:14px;color:#4e4c50;border:2px solid #9e7c42;border-radius:8px}.motion-skip:focus{transform:translateY(0)}
:is(a,button,input,select,textarea):focus-visible{outline:3px solid #aa772d;outline-offset:4px}
section[id]{scroll-margin-top:115px}a,button{touch-action:manipulation;-webkit-tap-highlight-color:#c6a66b25}
button:disabled{cursor:wait}#ba-launch{view-transition-name:assistant-launch}#ba-panel{view-transition-name:assistant-panel}#ba-panel:not([hidden]){animation:assistantEnter .24s var(--motion-ease) both}
@keyframes assistantEnter{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
@keyframes pageIn{from{opacity:0;transform:translateX(var(--nav-in,28px))}to{opacity:1;transform:none}}
@keyframes pageOut{to{opacity:0;transform:translateX(var(--nav-out,-18px))}}
@keyframes slideIn{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}
@keyframes slideOut{to{opacity:0;transform:translateX(-20px)}}
@keyframes photoIn{from{opacity:.3;transform:translateX(30px) scale(1.035)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}
::view-transition-group(*){animation-duration:450ms;animation-timing-function:var(--motion-ease)}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(site-header),::view-transition-new(site-header),::view-transition-old(assistant-launch),::view-transition-new(assistant-launch){animation:none}
::view-transition-old(page-content){animation:pageOut .22s ease both}::view-transition-new(page-content){animation:pageIn .42s var(--motion-ease) both}
html[data-motion-kind=campaign]::view-transition-old(page-content),html[data-motion-kind=campaign]::view-transition-new(page-content),html[data-motion-kind=filter]::view-transition-old(page-content),html[data-motion-kind=filter]::view-transition-new(page-content){animation:none}
html[data-motion-kind=campaign]::view-transition-old(campaign-photo){animation:slideOut .25s ease both}html[data-motion-kind=campaign]::view-transition-new(campaign-photo){animation:photoIn .55s var(--motion-ease) both}
html[data-motion-kind=campaign]::view-transition-old(campaign-copy){animation:fadeOut .17s ease both}html[data-motion-kind=campaign]::view-transition-new(campaign-copy){animation:slideIn .4s .04s var(--motion-ease) both}
html[data-motion-kind=filter]::view-transition-old(brand-grid){animation:fadeOut .16s ease both}html[data-motion-kind=filter]::view-transition-new(brand-grid){animation:fadeIn .3s ease both}
html[data-motion-kind=back]{--nav-in:-28px;--nav-out:18px}
html.paused::view-transition-group(*),html.paused::view-transition-old(*),html.paused::view-transition-new(*){animation:none!important}
@media(hover:hover) and (pointer:fine){.campaign-stage:hover .scene-photo{transform:scale(1.025)}}
@media(max-width:1000px){#campaignContent{min-height:400px;gap:4%}.campaign-copy h1{font-size:43px}.catalog-image{height:220px}}
@media(max-width:800px){.campaign-hero{margin:12px 12px 0;padding:18px;border-radius:18px}#campaignContent{grid-template-columns:1fr;min-height:0;padding-block:25px;gap:26px}.campaign-copy{padding:0}.campaign-copy h1{font-size:clamp(33px,8vw,46px);line-height:1.22;max-width:100%;margin-block:14px 18px}.campaign-copy p{font-size:18px;line-height:1.8}.campaign-stage{border-radius:10px}.campaign-arrows button{width:44px;height:44px}.campaign-tabs button{padding:9px 10px;font-size:13px;min-height:44px}.campaign-bottom{gap:8px;flex-wrap:wrap}.campaign-tabs{min-width:0}body>header .controls button{min-height:44px;padding-inline:9px}.section{padding-block:32px}#about h2{max-width:none!important;font-size:32px!important}#about p{font-size:18px!important}.about{padding:34px 24px!important;row-gap:20px!important}.catalog-image{height:210px;padding:22px 15px}.catalog-name{font-size:14px;min-height:84px}.collection-products{gap:12px}.product-page{padding-top:22px!important;gap:25px!important}.product-page h1{font-size:32px!important}.product-visual{border-radius:16px}.card .meta{padding:16px}.filters button{font-size:13px;min-height:44px}.collection{contain-intrinsic-size:auto 1400px}}
@media(max-width:390px){header .logo{width:137px}.controls{gap:4px}.controls button{font-size:10px!important;padding-inline:7px!important}.catalog-image{height:185px}.campaign-tabs button{font-size:12px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion-user=running]){scroll-behavior:auto!important}html:not([data-motion-user=running]) *,html:not([data-motion-user=running]) *::before,html:not([data-motion-user=running]) *::after{animation:none!important;transition:none!important}html:not([data-motion-user=running])::view-transition-group(*),html:not([data-motion-user=running])::view-transition-old(*),html:not([data-motion-user=running])::view-transition-new(*){animation:none!important}.card:hover,.catalog-product:hover,.card:hover .art img,.catalog-product:hover img,.campaign-stage:hover .scene-photo{transform:none!important}}


body>footer{background:#efedeb;color:#4e4c50;border-color:#ded9d1}body>footer :is(p,small){color:#777378}
/* Company identity: original gold and graphite; product artwork keeps its own colours. */
:root{--identity-gold:#d29c47;--identity-graphite:#4e4c50}
html[data-motion-user=running]:not(.paused){scroll-behavior:smooth!important}
#themeToggle{font-size:21px;line-height:1;min-width:44px;min-height:44px;display:grid;place-items:center}
html[data-theme=dark]{--paper:#1d1c20;--ink:#f0ece5;--gold:#d29c47;--line:#49444a;--motion-paper:#1d1c20;--motion-ink:#f0ece5;--motion-line:#49444a;color-scheme:dark}
html[data-theme=dark] body{background:#1d1c20!important;color:#f0ece5!important}
html[data-theme=dark] body>header{background:#252428f5!important;border-color:#49444a!important;backdrop-filter:blur(16px)}
html[data-theme=dark] body>header :is(a,button),html[data-theme=dark] footer :is(a,p,small,span){color:#e9e3db!important}
html[data-theme=dark] :is(button,input,select,textarea){border-color:#625a51}
html[data-theme=dark] body main :is(h1,h2,h3,h4,h5,h6){color:#f4efe7!important}
html[data-theme=dark] body main :is(p,li,dt,dd,figcaption,label,.catalog-name,.card small,.brand-category,.collection-count,.brand-count){color:#c7c1b9!important}
html[data-theme=dark] body main :is(.eyebrow,.campaign-kicker,.text-link,.page-back,.partner-num,.benefit-number){color:#e1b46f!important}
html[data-theme=dark] body main>section{background-color:transparent!important;border-color:#49444a!important}
html[data-theme=dark] body main :is(#home.campaign-hero,#about.about,.vision,.business-hero){background:#29272c!important;background-image:none!important;border-color:#4b4440!important}
html[data-theme=dark] .campaign-copy h1{color:#f4efe7!important}
html[data-theme=dark] .campaign-copy p{color:#c7c1b9!important}
html[data-theme=dark] .campaign-top,html[data-theme=dark] .campaign-bottom{color:#beb3a3;border-color:#4b4440}
html[data-theme=dark] :is(.campaign-tabs button,.campaign-arrows button){color:#d8c9b4!important}
html[data-theme=dark] .campaign-tabs button.selected{background:#4a3d2d!important;color:#f1cd91!important}
html[data-theme=dark] body main :is(.card,.catalog-product,.catalog-tools,.contact-grid,.collection-intro,.product-visual,.benefit-grid>article,.benefit-grid>div,.enquiry-form){background:#29272c!important;border-color:#49444a!important}
html[data-theme=dark] :is(.card .brand-heading,.card .art,.catalog-image){background:#353238!important}
html[data-theme=dark] .card .meta{background:#29272c}
html[data-theme=dark] :is(.collection-heading,.collection-info){background:#29272c!important;color:#eee8df!important}
html[data-theme=dark] :is(.collection-scene,.portfolio-visual>a){background:#373339!important}
html[data-theme=dark] :is(.catalog-tools input,.catalog-tools select,.form-field input,.form-field textarea,.form-field select){background:#201f23!important;color:#eee8df!important;border-color:#625a51!important}
html[data-theme=dark] :is(.filters button,.catalog-tools button,.social-links a){background:transparent;color:#d7cdbc!important;border-color:#625a51}
html[data-theme=dark] .filters button.active{background:#d29c47!important;color:#211b14!important;border-color:#d29c47}
html[data-theme=dark] :is(.campaign-cta,.primary-submit){background:linear-gradient(110deg,#c48d3a,#e8bc74)!important;color:#251c12!important;border-color:#d29c47}
html[data-theme=dark] :is(.branch-grid>div,.partner-list>div,.careers,.contact-grid>div){border-color:#49444a!important}
html[data-theme=dark] :is(.contact-grid a,.branch-grid a,.product-page a){color:#e1b46f!important}
html[data-theme=dark] footer{background:#252428!important;border-color:#49444a}
html[data-theme=dark] [data-company-logo]{background:transparent;padding:0;filter:brightness(1.3)}
html[data-theme=dark] body :is(.agency-logo,.directory-logo,.hero-brands img,.portfolio-visual img){background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important}html[data-theme=dark] :is(.agency-wordmark,.brand-name){color:#fff!important}
html[data-theme=dark] #backTop{background:#353138;color:#f1cd91;border-color:#625a51}
html[data-theme=dark] :is(dialog,#ba-panel){background:#29272c!important;color:#f0ece5!important;border-color:#625a51!important}
html[data-theme=dark] #ba-panel :is(p,span,small,li){color:#d6cfc4}
html[data-theme=dark] #ba-panel :is(input,textarea,.ba-message,.ba-product){background:#211f24;color:#eee8df;border-color:#625a51}
html[data-theme=dark] .ba-head{background:#353138;color:#f1cd91}
html[data-theme=dark] .progress{background:#d29c47}
@media(max-width:800px){body>header{grid-template-columns:1fr auto;gap:8px}header .logo{width:150px}header .controls{gap:4px}header .controls button{padding-inline:8px}#themeToggle{min-width:40px;font-size:20px!important}}
@media(max-width:390px){header .logo{width:126px}header .controls button{padding-inline:5px!important;min-width:32px}#themeToggle{min-width:34px}}

.social-links a{display:flex;align-items:center;justify-content:flex-start;gap:12px}.social-links a b{margin-inline-start:auto}.company-social-icon{width:22px;height:22px;flex:0 0 22px;fill:currentColor;color:#a87831}html[data-theme=dark] .company-social-icon{color:#e1b46f}

html[data-theme=dark] body :is(.art,.collection-scene) img[src*="-logo"],html[data-theme=dark] body :is(.art,.collection-scene) img[src*="logos-transparent"]{background:transparent!important;filter:brightness(0) invert(1)!important}

html:not([data-theme=dark]) img[data-company-logo][src*="assets/logo-ar.svg"]{content:url('/assets/bathawab-company-ar-day.svg')}html[data-theme=dark] img[data-company-logo][src*="assets/logo-ar.svg"]{content:url('/assets/bathawab-company-ar-night.svg');filter:none!important}

html:not([data-theme=dark]) img[data-company-logo][src*="assets/logo-en.svg"]{content:url('/assets/bathawab-company-en-day.svg')}html[data-theme=dark] img[data-company-logo][src*="assets/logo-en.svg"]{content:url('/assets/bathawab-company-en-night.svg');filter:none!important}

html[data-theme=dark] body .agency-logo[src*="assets/star-logo.svg"]{content:url('/assets/star-logo-white.svg');filter:none!important}

html[data-theme=dark] body .agency-logo[data-original-src*="assets/snow-logo.svg"]{content:url('/assets/optimized-v1/snow-logo-night-detail-b58323bd-320.webp');filter:grayscale(1) brightness(1.15)!important}

/* Keep neighbouring text sections close without reducing text line spacing. */
main>:is(#mission,#partners,#media,#careers,#network){padding-block:32px}main>#partners .partner-list{margin-top:22px}main>#partners .partner-list>div{padding-block:20px}main>:is(#media,#careers)>p{margin-block:10px 16px}main>:is(#mission,#partners,#media,#careers,#network)+:is(#mission,#partners,#media,#careers,#network){padding-top:20px}@media(max-width:800px){main>:is(#mission,#partners,#media,#careers,#network){padding-block:26px}main>:is(#mission,#partners,#media,#careers,#network)+:is(#mission,#partners,#media,#careers,#network){padding-top:16px}}

body .agency-logo[data-original-src*="assets/snow-logo.svg"]{width:124px!important;height:56px!important}body .agency-logo[src*="assets/razan-logo.svg"]{content:url('/assets/razan-wordmark-v3.svg')}

/* The whole carousel follows the selected brand, including its navigation. */
#home.campaign-hero{--slide-day:#785022;--slide-night:#342d25;--slide-accent:#765522;--slide-ink:#443e37;--slide-copy:#655d53;--slide-line:#b9a48560;--slide-selected:#fffaf0;--slide-night-accent:#edc98e}
#home[data-scene=razan]{--slide-day:#682c78;--slide-night:#322739;--slide-accent:#75517e;--slide-ink:#4c3757;--slide-copy:#6c5972;--slide-line:#94759d55;--slide-selected:#fff6ff;--slide-night-accent:#e3c1ed}
#home[data-scene=snow]{--slide-day:#64361f;--slide-night:#382216;--slide-accent:#365c91;--slide-ink:#293e67;--slide-copy:#4c6381;--slide-line:#7899c155;--slide-selected:#f8fbff;--slide-night-accent:#bbd5ff}
#home[data-scene=star]{--slide-day:#245931;--slide-night:#243528;--slide-accent:#486027;--slide-ink:#30482f;--slide-copy:#526448;--slide-line:#7e966555;--slide-selected:#f8ffe9;--slide-night-accent:#d6e7a7}
#home[data-scene=zadi]{--slide-day:#92967b;--slide-night:#35392d;--slide-accent:#83581f;--slide-ink:#634520;--slide-copy:#79613d;--slide-line:#b48c5055;--slide-selected:#fff9e9;--slide-night-accent:#f3d39e}
#home[data-scene=tobacco],#home[data-scene=brand-2dddaebc]{--slide-day:#9b202d;--slide-night:#601923;--slide-accent:#655b51;--slide-ink:#48423c;--slide-copy:#6c645d;--slide-line:#93867a55;--slide-selected:#faf7f1;--slide-night-accent:#ded0bf}
html body main #home.campaign-hero[data-scene]{background:var(--slide-day)!important;background-image:none!important;border-color:var(--slide-line)!important;color:var(--slide-ink)!important;transition:background-color .55s ease,border-color .55s ease}
html body main #home .campaign-copy h1{color:var(--slide-ink)!important}
html body main #home .campaign-copy p{color:var(--slide-copy)!important}
html body main #home .campaign-kicker{color:var(--slide-accent)!important}
html body main #home :is(.campaign-top,.campaign-bottom){color:var(--slide-copy)!important;border-color:var(--slide-line)!important}
html body main #home :is(.campaign-tabs button,.campaign-arrows button){color:var(--slide-copy)!important;border-color:var(--slide-line)!important}
html body main #home .campaign-tabs button.selected{background:var(--slide-selected)!important;color:var(--slide-ink)!important}
html[data-theme=dark] body main #home.campaign-hero[data-scene]{background:var(--slide-night)!important;--slide-ink:#fff8f0;--slide-copy:#e0d8d2;--slide-line:#ffffff30;--slide-selected:#ffffff16}
html[data-theme=dark] body main #home .campaign-kicker{color:var(--slide-night-accent)!important}
@media(prefers-reduced-motion:reduce){html body main #home.campaign-hero[data-scene]{transition:none}}

/* Rich product colours with readable light typography. */
html body main #home.campaign-hero[data-scene]{--slide-ink:#fffaf5;--slide-copy:#fff2e8;--slide-accent:#ffe1a8;--slide-line:#ffffff38;--slide-selected:#ffffff22}
html body main #home :is(.campaign-top,.campaign-bottom,.campaign-copy p,.campaign-tabs button,.campaign-arrows button){opacity:1}
/* Align both opening panels and give the company panel its own brand palette. */
html body main :is(#home.campaign-hero,#about.about){width:calc(100% - 44px)!important;max-width:1480px!important;margin-inline:auto!important;border-radius:24px}
html body main #about.about{margin-top:40px!important;padding:48px 3.5%!important;column-gap:6%!important;background:#eeece8!important;border-color:#ded9d1!important}
html body main #about.about h2{max-width:530px!important}


@media(max-width:800px){html body main :is(#home.campaign-hero,#about.about){width:calc(100% - 24px)!important;border-radius:18px}html body main #about.about{margin-top:24px!important;padding:30px 24px!important}}
html[data-theme=dark] body main #about.about{background:#29272c!important;border-color:#4b4440!important}

html:not([data-theme=dark]) body main #home[data-scene=zadi]{--slide-ink:#182318;--slide-copy:#182318;--slide-accent:#182318;--slide-line:#18231840;--slide-selected:#ffffff40}