.brand-stories{border-top:1px solid #30383d;padding-block:60px}.brand-story-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.brand-story{border:1px solid #303b43;border-radius:14px;padding:22px 15px;background:#131b20;display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}.brand-story img,.brand-story svg{width:130px;max-width:100%;height:65px;object-fit:contain;overflow:hidden}.brand-story h3{font-size:16px}.brand-story p{font-size:14px;color:#e7b589}.brand-story:hover{border-color:#d49a65;background:#1c242a}.brand-page-header{display:flex;justify-content:space-between;align-items:center;padding-block:25px;border-bottom:1px solid #30383d;font-size:14px}.brand-home{font-size:24px;font-weight:800}.brand-home span{color:#edb27c}.brand-breadcrumb{padding:28px 0;color:#a6b4bd;font-size:14px}.brand-intro{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:50px;padding:35px 0 55px}.brand-intro h1{font-size:clamp(36px,5vw,64px);letter-spacing:-2px;line-height:1.1;margin:18px 0 25px}.brand-intro>div>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#b8c3ca;max-width:640px}.brand-hero-logo{padding:45px;border:1px solid #384049;border-radius:24px;background:radial-gradient(ellipse,#28333b,#10171c);height:230px;display:grid;place-items:center}.brand-hero-logo img,.brand-hero-logo svg{width:100%;max-width:240px;height:130px;object-fit:contain;overflow:hidden}.brand-actions{display:flex;gap:15px;margin-top:30px;flex-wrap:wrap}.brand-strengths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.brand-strengths article{border-top:1px solid #68513e;padding:28px;background:#131b20;border-radius:0 0 14px 14px}.brand-strengths article>span{color:#e3ac7d;font-size:14px}.brand-strengths h3{font-size:24px;margin:18px 0 12px}.brand-strengths p{font-size:16px;line-height:1.8;color:#b1bfc7}.brand-source{font-size:14px;color:#9baab4;line-height:1.8;margin:28px 0 65px}.brand-source a{text-decoration:underline;color:#eeb581}#brand-products{scroll-margin-top:25px}#brand-products>h2{font-size:36px;margin:15px 0}.brand-product-count{color:#acb9c3;font-size:16px;margin-bottom:25px}.brand-page-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.brand-product{display:flex;flex-direction:column;padding:15px;border:1px solid #303c45;border-radius:14px;background:#131b20}.brand-product>div{height:210px;background:#0d1216;border-radius:10px;padding:15px;margin-bottom:16px}.brand-product img{width:100%;height:100%;object-fit:contain}.brand-product>span{font-size:14px;color:#b9c5cd}.brand-product h3{font-size:16px;line-height:1.5;margin:12px 0 20px}.brand-product strong{margin-top:auto;font-size:20px}.brand-product small{font-size:14px;color:#e9b17e;margin-top:15px}.brand-back{display:inline-block;margin:40px 0;color:#efb584;font-size:16px}.brand-page-footer{padding:30px 0;border-top:1px solid #30383d;font-size:14px;color:#a6b3bc}
@media(max-width:700px){.brand-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.brand-story{padding:17px 8px;gap:10px}.brand-story h3{font-size:14px}.brand-story p{font-size:12px}.brand-story img,.brand-story svg{height:48px}.brand-intro{grid-template-columns:1fr;gap:28px;padding:15px 0 35px}.brand-intro h1{font-size:40px}.brand-intro>div>p:not(.eyebrow){font-size:16px}.brand-hero-logo{grid-row:1;height:170px;padding:30px}.brand-hero-logo img,.brand-hero-logo svg{height:100px}.brand-strengths{grid-template-columns:1fr;gap:15px}.brand-strengths article{padding:23px}.brand-actions .button{padding:14px 18px;font-size:14px}.brand-page-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-product{padding:12px}.brand-product>div{height:170px;padding:10px}.brand-product h3{font-size:14px}.brand-product strong{font-size:18px}.brand-home{font-size:21px}}

.brand-intro>div>p.brand-tagline{color:#efb77f;font-size:24px;line-height:1.4;font-weight:600;margin:0 0 20px}.brand-character{padding:32px;background:linear-gradient(120deg,#20201c,#141c22);border:1px solid #4c4135;border-radius:18px;margin:0 0 45px}.brand-character h2,.brand-difference>h2{font-size:30px;line-height:1.3;margin:15px 0 20px}.brand-character>p:last-child{font-size:17px;line-height:1.9;color:#bcc6cb;max-width:900px}.brand-difference .brand-strengths{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.brand-story p.brand-card-tagline{font-size:14px;line-height:1.5;color:#efb77f}.brand-story .brand-card-type{font-size:12px;color:#9dabb5;line-height:1.4;margin-top:auto}.brand-story{min-height:190px}.brand-source a{white-space:normal}@media(max-width:700px){.brand-character{padding:23px;margin-bottom:32px}.brand-character h2,.brand-difference>h2{font-size:26px}.brand-character>p:last-child{font-size:16px}.brand-difference .brand-strengths{grid-template-columns:1fr}.brand-intro>div>p.brand-tagline{font-size:22px}.brand-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-story{padding:20px 12px;min-height:200px}.brand-story img,.brand-story svg{height:55px}.brand-story h3{font-size:16px}}

.brand-intro>div>p.tagline-context{font-size:12px;color:#9aabb6;margin:-10px 0 22px;line-height:1.5}

/* Brand-specific editorial pages: quiet surfaces, clear hierarchy, brand-colour accents. */
.themed-brand{background:radial-gradient(ellipse at 88% 0,var(--brand-wash),transparent 650px),#090e11;color:#eff5f4}.themed-brand .brand-page-header{padding-block:22px;border-bottom-color:#ffffff16}.themed-brand .eyebrow,.themed-brand .brand-source a,.themed-brand .brand-back,.themed-brand .brand-product small{color:var(--brand-accent)}
.themed-brand .brand-page{max-width:1180px}.themed-brand .brand-breadcrumb{font-size:13px;padding-block:24px;color:#9aaeb5}.themed-brand .brand-intro{gap:65px;padding:32px 0 42px}.themed-brand .brand-intro h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px;margin:14px 0 20px}.themed-brand .brand-intro>div>p.brand-tagline{color:var(--brand-accent);font-size:26px}.themed-brand .brand-intro>div>p:not(.eyebrow):not(.brand-tagline):not(.tagline-context){font-size:17px;line-height:1.8;max-width:620px}.themed-brand .brand-hero-logo{position:relative;background:linear-gradient(145deg,var(--brand-wash),#131c22);border:1px solid #ffffff15;border-top:3px solid var(--brand-solid);border-radius:22px;height:250px;box-shadow:0 25px 65px #0003;padding:45px;display:flex;flex-direction:column;justify-content:center;gap:24px}.themed-brand .brand-hero-logo>span{font-size:11px;letter-spacing:2px;color:#c6d2d7;text-align:center}.themed-brand .brand-hero-logo img,.themed-brand .brand-hero-logo svg{height:100px}.themed-brand .button.gold{background:var(--brand-solid);color:var(--brand-on-solid);border-color:var(--brand-solid);box-shadow:none;text-shadow:none}.themed-brand .button.outline{background:#10191d;border-color:#ffffff25}.themed-brand .brand-actions{gap:12px;margin-top:26px}.themed-brand .brand-actions .button{border-radius:10px;min-height:48px;font-size:15px;padding:14px 23px}.brand-section-nav{display:flex;gap:24px;flex-wrap:wrap;border-block:1px solid #ffffff17;padding:20px 0;margin:4px 0 40px}.brand-section-nav a{font-size:14px;color:#c1cdd2}.brand-section-nav a:hover{color:var(--brand-accent)}
.themed-brand .brand-character{padding:32px;background:#111b20;border:1px solid #ffffff10;border-left:3px solid var(--brand-solid);border-radius:12px;margin-bottom:44px;scroll-margin-top:25px}.themed-brand .brand-character h2{margin:12px 0 16px;font-size:28px}.themed-brand .brand-character>p:last-child{font-size:16px;line-height:1.85;max-width:960px}.themed-brand .brand-difference{scroll-margin-top:25px}.themed-brand .brand-difference>h2{font-size:30px;margin:12px 0 25px}.themed-brand .brand-strengths article{border:1px solid #ffffff14;border-radius:14px;background:linear-gradient(145deg,#162126,#10181d);padding:25px}.themed-brand .brand-strengths article>span{display:inline-grid;place-items:center;background:var(--brand-wash);border:1px solid var(--brand-solid);color:var(--brand-accent);width:36px;height:36px;border-radius:10px;font-size:13px}.themed-brand .brand-strengths h3{font-size:21px;line-height:1.35;margin:20px 0 12px}.themed-brand .brand-strengths p{font-size:15px;line-height:1.8}.themed-brand .brand-source{font-size:13px;margin:24px 0 55px;line-height:1.9;color:#8fa1aa}.themed-brand #brand-products>h2{font-size:32px}.themed-brand .brand-product{border-color:#ffffff14;background:#111b20}.themed-brand .brand-product:hover{border-color:var(--brand-solid)}.themed-brand .brand-product>div{background:radial-gradient(ellipse,#202b30,#0c1317)}.themed-brand a:focus-visible{outline:2px solid var(--brand-accent);outline-offset:5px}.themed-brand .brand-page-footer{border-color:#ffffff16}
.brand-story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.brand-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.themed-brand .brand-breadcrumb{padding-block:18px}.themed-brand .brand-intro{gap:25px;padding:8px 0 30px}.themed-brand .brand-hero-logo{height:135px;padding:20px 30px;border-radius:15px;gap:12px;box-shadow:none}.themed-brand .brand-hero-logo img,.themed-brand .brand-hero-logo svg{height:64px;max-width:200px}.themed-brand .brand-hero-logo>span{font-size:10px;letter-spacing:1.5px}.themed-brand .brand-intro h1{font-size:36px;line-height:1.15;letter-spacing:-1.2px;margin:12px 0 18px}.themed-brand .brand-intro>div>p.brand-tagline{font-size:22px;margin-bottom:18px}.themed-brand .brand-intro>div>p:not(.eyebrow):not(.brand-tagline):not(.tagline-context){font-size:16px;line-height:1.75}.themed-brand .brand-actions{display:grid;grid-template-columns:1fr 1fr}.themed-brand .brand-actions .button{padding:13px 10px;font-size:14px}.brand-section-nav{gap:18px;justify-content:space-between;padding:17px 0;margin-bottom:28px}.brand-section-nav a{font-size:13px}.themed-brand .brand-character{padding:23px 21px;margin-bottom:32px}.themed-brand .brand-character h2,.themed-brand .brand-difference>h2{font-size:25px;letter-spacing:-.4px}.themed-brand .brand-strengths article{padding:22px}.themed-brand .brand-strengths h3{font-size:21px}.themed-brand .brand-strengths p{font-size:16px;line-height:1.75}.themed-brand .brand-source{margin-bottom:40px}.themed-brand .brand-intro .eyebrow,.themed-brand .brand-character .eyebrow,.themed-brand .brand-difference>.eyebrow{font-size:12px;letter-spacing:1.5px}}

.emarat-story img{background:#edf1f4;border-radius:6px;padding:7px}.themed-brand .brand-hero-logo.emarat-logo img{background:#edf1f4;border-radius:9px;padding:12px}

/* Keep the original EngineOil identity independent of each oil-brand theme. */
.brand-page-header .brand-home{display:block;flex:0 1 280px;max-width:65%;line-height:0}.brand-page-header .brand-home img{display:block;width:100%;height:auto;object-fit:contain;filter:none}.brand-page-header>a:last-child{flex-shrink:0}@media(max-width:700px){.brand-page-header .brand-home{flex-basis:210px;max-width:65%}}

/* Original logo, integrated into a compact neutral masthead. */
.themed-brand .brand-page-header{background:#090e11;max-width:none;width:100%;padding:20px max(24px,calc((100vw - 1180px)/2));gap:24px;align-items:center}
.brand-page-header .brand-home img{mix-blend-mode:screen}
.brand-page-header>a:last-child{font-size:14px;color:#c2cdd2;border:1px solid #ffffff21;border-radius:30px;padding:9px 15px}
.themed-brand .brand-hero-logo{border-radius:16px}
@media(max-width:700px){.themed-brand .brand-page-header{padding:16px 20px;gap:16px}.brand-page-header .brand-home{flex-basis:215px;max-width:66%}.brand-page-header>a:last-child{font-size:12px;padding:8px 11px}.themed-brand .brand-breadcrumb{font-size:12px;padding-block:18px}.themed-brand .brand-intro{gap:22px}.themed-brand .brand-intro>div>p:not(.eyebrow):not(.brand-tagline):not(.tagline-context){line-height:1.7}.themed-brand .brand-actions{margin-top:22px}}

.brand-product>div{height:290px;padding:4px;overflow:hidden}.brand-product>div img{width:100%;height:100%;object-fit:contain;max-height:none}.brand-page-products{align-items:stretch}@media(max-width:700px){.brand-product>div{height:230px;margin:-5px -6px 12px;padding:0}.brand-product h3{line-height:1.5}}

.brand-pour-panel{border-color:color-mix(in srgb,var(--brand-accent) 24%,#263239);background:radial-gradient(ellipse at 40% 50%,var(--brand-wash),#10171c 80%);margin:0 0 45px}.brand-pour-panel .pour-copy h3 em{color:var(--brand-accent)}.pour-scene img.brand-pour-bottle{inset:auto;left:25%;top:2%;width:64%;height:64%;object-fit:contain;z-index:1}.brand-pour-panel .pour-copy{position:relative;padding-bottom:30px}.brand-pour-panel .pour-copy .pour-control{position:absolute;bottom:16px;right:22px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffff24;border-radius:50%;text-decoration:none;background:#10171c}.brand-pour-panel .pour-copy .button{margin-top:5px}.brand-pour-panel .pour-scene{max-width:540px}@media(max-width:640px){.brand-pour-panel{padding-bottom:0}.brand-pour-panel .pour-scene{max-width:none}.brand-pour-panel .pour-copy{padding:12px 23px 24px}.brand-pour-panel .pour-copy h3{font-size:32px}}

.brand-product>div svg.product-photo{display:block;width:100%;height:100%;overflow:hidden}

/* Customer-facing brand cards show the message itself, without editorial labels. */
.brand-story{gap:14px;padding-block:24px}.brand-card-tagline{margin-bottom:0!important;min-height:0!important}.emarat-story svg{width:100%;height:75px;max-width:130px}.themed-brand .brand-hero-logo.emarat-logo svg{max-width:160px;height:95px}@media(max-width:700px){.brand-story{padding:22px 12px}.emarat-story svg{height:64px}.themed-brand .brand-hero-logo.emarat-logo svg{height:76px}}

.emarat-story svg,.themed-brand .brand-hero-logo.emarat-logo svg{background:#f4f7f8;border-radius:10px;padding:8px;box-sizing:content-box}
.emarat-story img.emarat-official{width:auto;max-width:100%;height:80px;object-fit:contain;background:#f4f7f8;padding:8px 24px;border-radius:9px;box-sizing:content-box}
.themed-brand .brand-hero-logo.emarat-logo img.emarat-official{width:auto;height:100px;max-width:85%;object-fit:contain;background:#f4f7f8;padding:12px 50px;border-radius:10px;box-sizing:content-box}
.themed-brand .brand-hero-logo.emarat-logo{height:190px;padding:20px;gap:10px}
.themed-brand .brand-hero-logo.emarat-logo img.emarat-official{width:76px;height:105px;max-width:none;padding:8px 30px;box-sizing:content-box}