.brand-banner{height:auto;min-height:400px;background:#142a23;color:#fff}
.brand-banner>img{inset:auto 0 0 auto;width:auto;max-width:none;height:100%;object-fit:contain;object-position:right bottom;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 94%,transparent)}
.banner-shade,html[dir="rtl"] .banner-shade{z-index:1;background:linear-gradient(90deg,#142a23 0%,#142a23f5 18%,#142a23a6 38%,#142a2300 65%)}
.banner-content{min-height:400px;height:auto;direction:ltr;align-items:flex-start;justify-content:center;padding:30px 48px;position:relative;z-index:2}
.banner-copy{width:44%;max-width:500px}
.banner-location{display:flex;align-items:center;gap:7px;font-size:12px!important;font-weight:500}
.banner-location>svg{width:14px;height:14px}
.banner-content h1{font:88px/1 var(--serif);padding:12px 0 20px;white-space:nowrap}
.daily-thought{margin:0;padding:0;max-width:470px}
.quote-meta{display:flex;align-items:center;gap:14px;font-size:12px;line-height:1.5;color:#dff0a5}
.quote-meta time{color:#c2d1c5;font-variant-numeric:tabular-nums;padding-inline-start:14px;border-inline-start:1px solid #c2d1c550}
#daily-quote{font:24px/1.35 var(--serif);margin:10px 0 0;text-wrap:pretty;min-height:65px;max-width:100%}
.banner-bottom{margin-top:20px;gap:0;font-size:14px}
.banner-bottom>a{display:inline-flex;min-height:32px;gap:22px;padding:0 0 4px;border-bottom:1px solid #dff0a57a;color:#e8f2d3}
.banner-bottom>a:hover{color:#fff;border-color:#fff}
.banner-bottom>a svg{width:19px;height:19px}
html[lang="ar"] .banner-copy{direction:rtl;text-align:right}
html[lang="ar"] .banner-content h1{font-family:var(--serif)}
html[lang="ar"] #daily-quote{font-family:'Tajawal',sans-serif;font-size:25px;line-height:1.5;font-weight:500}
html[lang="ar"] .banner-bottom{font-size:15px;gap:0}
html[lang="ar"] .quote-meta{font-size:14px}
@media(min-width:1500px){.brand-banner,.banner-content{min-height:420px}.banner-content h1{font-size:96px}.brand-banner>img{right:max(0px,calc((100% - 1540px)/2));height:420px}.banner-shade,html[dir="rtl"] .banner-shade{background:linear-gradient(90deg,#142a23 0%,#142a23ef 22%,#142a2300 65%)}}
@media(max-width:1180px){.banner-content{padding-inline:32px}.banner-copy{width:44%}.banner-content h1{font-size:76px}#daily-quote{font-size:23px}.brand-banner>img{right:-100px}.banner-shade,html[dir="rtl"] .banner-shade{background:linear-gradient(90deg,#142a23 0%,#142a23ef 16%,#142a2380 44%,#142a2300 70%)}}
@media(max-width:850px){.brand-banner,.banner-content{min-height:378px}.banner-content{padding:28px 24px}.banner-copy{width:46%}.banner-content h1{font-size:66px}.brand-banner>img{height:330px;right:-120px;bottom:20px}#daily-quote{font-size:22px}.quote-meta{gap:10px}.quote-meta time{padding-inline-start:10px}}
@media(max-width:580px){
  .brand-banner,.banner-content{min-height:350px}
  .brand-banner>img{width:480px;height:192px;right:-32px;top:0;bottom:auto}
  .banner-shade,html[dir="rtl"] .banner-shade{background:linear-gradient(0deg,#142a23 0%,#142a23 38%,#142a2300 55%),linear-gradient(90deg,#142a2399 0%,#142a2300 52%)}
  .banner-content{padding:22px 20px;justify-content:flex-start}
  .banner-copy{width:100%;max-width:none}
  .banner-location{font-size:12px!important}
  .banner-content h1{font-size:40px;padding:12px 0 0;width:54%;margin-left:0;margin-right:auto}
  .daily-thought{margin-top:99px;max-width:none}
  .quote-meta{font-size:12px;gap:12px;justify-content:space-between}
  .quote-meta time{border:0;padding:0;color:#c2d1c5}
  #daily-quote{font-size:21px;line-height:1.35;min-height:57px;margin-top:9px}
  .banner-bottom{margin-top:13px;font-size:14px}
  .banner-bottom>a{gap:18px;min-height:30px}
  html[lang="ar"] .banner-location{direction:ltr;justify-content:flex-start}
  html[lang="ar"] .banner-content h1{text-align:left}
  html[lang="ar"] #daily-quote{font-size:23px;line-height:1.45;min-height:64px}
  html[lang="ar"] .banner-bottom{font-size:15px}
  html[lang="ar"] .quote-meta{font-size:14px}
}
@media(max-width:360px){.brand-banner>img{width:400px;height:160px;right:-40px}.banner-content{padding:20px 16px}.banner-content h1{font-size:36px}.daily-thought{margin-top:95px}#daily-quote{font-size:20px;min-height:55px}html[lang="ar"] #daily-quote{font-size:22px;min-height:64px}}
.banner-content h1{white-space:normal;overflow-wrap:anywhere}.banner-content h1.compact-title{font-size:54px;line-height:1.1}html[lang="ar"] .banner-content h1.arabic-title{font-family:Tajawal,sans-serif;line-height:1.2}
@media(max-width:580px){.banner-content h1.compact-title{font-size:34px}}
.brand-banner .banner-content #brand-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.banner-copy>.daily-thought{margin-top:24px}
#daily-quote{font-size:30px;line-height:1.4;min-height:90px}
@media(max-width:850px){#daily-quote{font-size:26px;min-height:90px}}
@media(max-width:580px){.banner-copy>.daily-thought{margin-top:152px}#daily-quote{font-size:23px;min-height:64px}.brand-banner,.banner-content{min-height:350px}}
@media(max-width:360px){.banner-copy>.daily-thought{margin-top:133px}#daily-quote{font-size:22px}}