/* Bahrain masthead: supplied skyline and transparent brand artwork. */
:root{--blue:#a80e29;--cyan:#c51a38;--red:#bc0827;--ink:#29262a;--line:#eae3e5;--muted:#72686e;--brand-soft:#fbf2f4;--brand-dark:#610c20}
body{background:#fff}
::selection{background:#f4cbd5;color:#5d1022}
button,input,select,textarea{accent-color:var(--red)}
a,button{transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s}
.masthead .tagline{color:#786b70}
.site-nav .active{color:var(--red)}
.site-nav a:hover,.site-nav button:hover{color:var(--red)}
.site-nav .active:after{background:var(--red)}
.hero{border-bottom-color:var(--line)}
.hero h1{color:#522332}
.cta{border-radius:5px;box-shadow:0 5px 16px #9d12301a}
.cta:hover{background:var(--brand-dark)}
.section-head{padding-bottom:15px;border-bottom:1px solid var(--line)}
.section-head h2{color:#462a33}
.section-head .eyebrow{color:var(--red)}
.filters button{background:white;color:#71646b;border-color:#e5d9de}
.filters button:hover{border-color:var(--red);color:var(--red);background:var(--brand-soft)}
.filters .selected,.filters .selected:hover{background:var(--red);border-color:var(--red);color:white}
.card{height:100%;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white;padding:0 0 20px;box-shadow:0 3px 16px #3d172305}
.card:hover{border-color:#d8acb8;box-shadow:0 8px 24px #6820360c}
.card .category,.card h3,.card p,.card .publication-date{margin-inline:20px}
.card .category{color:var(--red);font-weight:600}
.card h3{color:#34252b}.card:hover h3{color:var(--red)}
.card-visual{background:linear-gradient(135deg,#ad1635,#4c1728);color:#fff0f3}
.card-visual:before,.card-visual:after{display:none}
.card-visual small{color:#fff2f5}
.story-item{display:flex;flex-direction:column}
.story-tools{margin-top:auto;padding:10px 0 0}
.account-tools a,.story-tools a,#dialogTools a{color:var(--blue);border-color:#e4c4ce;border-radius:5px;background:white}
.account-tools a:hover,.story-tools a:hover,#dialogTools a:hover{background:var(--brand-soft);border-color:var(--red)}
.interview{border-radius:8px;box-shadow:0 10px 28px #7a183315}
.interview .eyebrow{color:#ffe1e9}.interview p{color:#fff1f4}.quote-mark{color:#f5b8c8}
.light-button{color:#96132d;border-radius:4px}.light-button:hover{background:#fff1f5}
.events article{background:#fcf6f7;border-top-color:var(--red);border-radius:5px}
.events h3{color:#582636}.events small{color:#a71a37}
.about{background:#fff}.principles span:before{color:var(--red)}
.video-library article{border:1px solid var(--line);border-radius:7px;overflow:hidden;padding-bottom:16px;background:white}
.video-library h3,.video-library small{margin-inline:16px}.video-library h3{color:#542533}
.article-page{border-color:var(--line);box-shadow:0 6px 25px #53223506}
.article-page h1{color:#3d2430}.article-subtitle{color:var(--red)}
#searchForm{background:#fcf3f5;border:1px solid #edd9df;border-radius:6px;margin-top:22px}
#searchForm input{border-color:#dec9d0;border-radius:4px;background:white}
#searchForm button{border-radius:4px}
footer{background:#411522;border-top:4px solid var(--red)}
footer p,footer a,footer small{color:#ead6dd}footer a:hover{color:white}
@media(prefers-reduced-motion:reduce){a,button{transition:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.top{background:linear-gradient(105deg,#d4162e,#ce1126);padding:14px 5%;font-size:clamp(11px,1.1vw,18px);min-height:54px;align-items:center}
.top b{color:white;font-size:22px}
header.masthead{position:relative;max-width:none;width:100%;height:auto;min-height:200px;aspect-ratio:5.2;margin:0;padding:0;background:white url('/brand/bahrain-header-scarlet.png') center 40%/100% auto no-repeat;display:block;isolation:isolate}
.masthead .brand{position:absolute;right:4.5%;top:8%;height:82%;width:15%;display:flex;justify-content:center}
.masthead .brand img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}
.masthead .tagline{display:block;position:absolute;right:22%;top:50%;transform:translateY(-25%);text-align:right;font-size:clamp(12px,1.35vw,23px);line-height:1.9;color:#929292}
.masthead .tagline b{font-size:clamp(14px,1.55vw,27px);font-weight:700;color:var(--blue)}
.masthead #searchToggle{position:absolute;left:4%;top:50%;transform:translateY(-5%);display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;background:#fffffff2;box-shadow:0 2px 8px #203b5510;border:1px solid #ccd3db;border-radius:50px;padding:12px 24px;color:var(--blue)}
.masthead #searchToggle span{font-size:clamp(13px,1.3vw,22px)}
.site-nav{gap:clamp(18px,3.8vw,76px);min-height:70px;padding:0 5%;border-top:1px solid #edf0f2;border-bottom:0;box-shadow:0 8px 20px #203b5509;background:#fff}
.site-nav a,.site-nav button{font-size:clamp(12px,1.15vw,20px);padding:20px 0}
.site-nav .active:after{height:4px}
.hero{display:block;min-height:0;padding:40px 0 32px;margin-bottom:0;text-align:center;background:none}
.hero-copy{padding-top:0}.hero .eyebrow{color:var(--red)}
.hero h1{font-size:clamp(28px,3vw,43px);letter-spacing:0;margin:10px auto}
.hero p{max-width:700px;margin:10px auto;font-size:14px}
.hero .cta{margin-top:8px;padding:8px 22px;gap:24px}
.hero-art,.hero .vertical{display:none}
.interview{background:linear-gradient(115deg,#bd1734,#790e28)}
.card-visual:before,.card-visual:after{pointer-events:none}
.account-tools{background:#fbf4f5;border-color:#edd7dd}
.article-page{background:#fff}
@media(min-width:1600px){.top{padding-top:20px;padding-bottom:20px}.site-nav{min-height:90px}}
@media(max-width:900px){
 header.masthead{min-height:190px;aspect-ratio:4.2;background-size:auto 170%;background-position:41% 40%}
 .masthead .brand{right:3%;width:19%;top:12%;height:80%}
 .masthead .tagline{right:25%;top:53%;font-size:13px}
 .masthead .tagline b{font-size:15px}
 .masthead #searchToggle{left:3%;padding:9px 17px;gap:8px}
 .masthead #searchToggle svg{width:21px;height:21px}
 .site-nav{justify-content:flex-start;gap:25px;min-height:58px;scrollbar-width:thin;padding:0 22px}
 .site-nav a,.site-nav button{font-size:13px;padding:17px 0}
}
@media(max-width:580px){
 .top{min-height:43px;padding:8px 18px;font-size:10px}.top b{font-size:16px}
 header.masthead{min-height:230px;aspect-ratio:auto;background-size:auto 150%;background-position:39% 40%}
 .masthead .brand{right:4%;top:12%;width:30%;height:65%}
 .masthead .tagline{right:37%;left:4%;top:49%;transform:none;text-align:right;font-size:11px;line-height:1.8}
 .masthead .tagline b{font-size:13px}
 .masthead #searchToggle{left:5%;top:24%;padding:7px 14px;gap:8px}
 .masthead #searchToggle span{font-size:12px}
 .masthead #searchToggle svg{width:19px;height:19px}
 .hero{padding:28px 0 22px}.hero h1{font-size:27px;line-height:1.7}.hero p{font-size:12px}
}
.article-page[tabindex="-1"]:focus{outline:none}
header.masthead::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to left,#fffffff5 0%,#ffffffde 24%,#ffffff9c 44%,#ffffff00 72%)}



header.masthead::before{mask-image:linear-gradient(to bottom,transparent 0%,transparent 32%,#000 65%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 32%,#000 65%)}

.card-visual.portrait-image{background:#f3f0f1}.card-visual.portrait-image img{object-position:center}

.card-visual.portrait-image{position:relative;isolation:isolate;background:#f2eff0}.card-visual.portrait-image>img:not(.portrait-backdrop){position:relative;z-index:1}.card-visual.portrait-image>img.portrait-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(18px);opacity:.35;transform:scale(1.15);z-index:0;pointer-events:none}