/* v18 (client round 3) */
/* ---- yellow band: clear slope (change --tick-angle to taste: -3deg softer, -6deg stronger) ---- */
:root{--tick-angle:-4deg}
.tick-w{padding:74px 0;overflow:hidden}
.tick{transform:rotate(var(--tick-angle));width:112%;margin-inline:-6%}
@media(max-width:720px){:root{--tick-angle:-4.5deg}.tick-w{padding:42px 0}.tick{width:130%;margin-inline:-15%}}

/* ---- logo text: one line, bigger ("القابضة" stays next to "الجزيرة") ---- */
.brand b{white-space:nowrap!important;font-size:1.5rem!important;line-height:1.2}
.brand img{height:54px}
.hdr.s .brand img{height:46px}
.brand small{font-size:.74rem}
@media(max-width:1600px){.brand b{font-size:1.32rem!important}}
@media(max-width:1380px) and (min-width:1241px){.brand b{font-size:1.18rem!important}.brand small{display:none}}
@media(max-width:1240px) and (min-width:1021px){.brand b{font-size:1.02rem!important}.brand img{height:42px}}
@media(max-width:1020px){.brand b{font-size:1.2rem!important}}
@media(max-width:720px){.brand b{font-size:clamp(.82rem,4.4vw,1.1rem)!important}.brand img{height:38px}}
@media(max-width:400px){.brand b{font-size:clamp(.74rem,4.3vw,.95rem)!important}.brand img{height:32px}}

/* ---- footer: original four-column footer ---- */
.ftr{padding:70px 0 0;border-top:6px solid #f4c03b}
.ftr .bt{margin-top:46px;padding:20px 0;border-top:1px solid rgba(255,255,255,.12);text-align:center;font-size:.85rem;color:#a9b7c9}
@media(max-width:720px){.ftr{padding-top:46px}}

/* ---- merged services + works page ---- */
section#svc{padding-bottom:clamp(40px,6vw,70px)}

/* ---- blog: home section + long articles ---- */
.art .ab h3{font-size:1.4rem;line-height:1.5;margin:34px 0 12px;color:#1f3d6b;padding-inline-start:14px;border-inline-start:5px solid #f4c03b}
.art .ab ul{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:10px}
.art .ab li{position:relative;padding-inline-start:26px;font-size:1.06rem;line-height:1.95;color:#2c4a78}
.art .ab li::before{content:"";position:absolute;inset-inline-start:0;top:.9em;width:12px;height:3px;background:#f4c03b}
.art .ab p.lede{font-size:1.2rem;font-weight:600;color:#1f3d6b;border-inline-start:5px solid #f4c03b;padding-inline-start:16px}
.art .meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#b07d00;font-weight:700;font-size:.9rem;margin:-8px 0 22px}
.art .share{margin-top:34px;padding-top:22px;border-top:1px solid #e6e9ee;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.blog-home .head{margin-bottom:34px}
.blog-home .more{margin-top:34px;text-align:center}
.pt2 .rt{font-size:.82rem;color:#7a8594;font-weight:600}
.posts.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.posts.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.posts.three{grid-template-columns:1fr}}

/* header gets more room so the bigger logo text never touches the menu */
.hdr .wrap.in{width:min(1480px,96%)}
.hdr .in{gap:16px}

/* English name is long: allowed to wrap on two lines (Arabic always stays on one line) */
html[lang=en] .brand b{white-space:normal!important;line-height:1.15;font-size:1.12rem!important;max-width:15ch}
html[lang=en] .brand small{display:none}
@media(max-width:1600px) and (min-width:1241px){html[lang=en] .brand b{font-size:1.02rem!important}}
@media(max-width:1240px) and (min-width:1021px){html[lang=en] .brand b{font-size:.86rem!important}}
@media(max-width:1020px){html[lang=en] .brand b{font-size:1rem!important}}
@media(max-width:720px){html[lang=en] .brand b{font-size:clamp(.72rem,3.7vw,.92rem)!important;max-width:none}}

/* small phones: logo text stays on ONE line and never touches the language button / menu button */
@media(max-width:600px){.brand b{font-size:min(1rem,3.45vw)!important}.lang{padding:5px 7px!important;font-size:.74rem!important}.burger{width:38px!important}.hdr .wrap.in{gap:6px}}
@media(max-width:480px){.brand{gap:7px}}
@media(max-width:340px){.brand img{height:28px}.hdr .wrap.in{gap:4px;padding-inline:8px}}
@media(max-width:600px){html[lang=en] .brand b{font-size:min(.92rem,3.5vw)!important}}
@media(max-width:370px){.brand b{font-size:3.3vw!important}}
@media(max-width:330px){.brand b{font-size:3.2vw!important}}