/* Portrait-led opening; credentials stay beside the text, clear of the face. */
.authority-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:50px;padding-top:30px}
.authority-portrait{min-height:690px;border-radius:290px 290px 0 0;background:radial-gradient(ellipse at 50% 35%,#303127 0,#1b2018 54%,#11170f 100%)}
.authority-portrait .portrait{height:125%;width:126%;left:-13%;bottom:-160px;object-fit:contain;object-position:center top;filter:none}
.authority-portrait:after{background:linear-gradient(transparent 68%,#101710 100%)}
.portrait-rule,.portrait-side{display:none}
.authority-portrait>.portrait-plaque{display:grid;grid-template-columns:1fr 1fr;gap:14px;left:26px;right:26px;bottom:23px}
.portrait-academic{display:flex;align-items:center;gap:12px;padding:15px 13px;margin:0;border:1px solid #b5aa7f66;background:#10170fee;min-width:0}
.portrait-academic>.legal-icon{width:28px;height:28px}
.portrait-academic strong{display:block;font-family:var(--display);font-size:24px;line-height:1.15;font-weight:600}
.portrait-academic span{display:block;font-size:10px;line-height:1.65;color:var(--muted);margin-top:5px}
.hero-affiliations{grid-column:1/-1;display:flex;justify-content:center;gap:24px}
.hero-qualification{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600}
.hero-qualification .legal-icon{width:21px;height:21px}
.portrait-academic:hover,.hero-qualification:hover{color:var(--accent)}
.portrait-academic:focus-visible,.hero-qualification:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
html[lang=ar] .portrait-academic strong{font-family:var(--arabic);font-size:22px;line-height:1.5}
html[lang=ar] .portrait-academic span{font-size:11px}
html[lang=ar] .hero-qualification{font-size:11px}
.profile-feature{grid-template-columns:1.2fr 1fr}
.profile-image{height:730px;background:radial-gradient(ellipse at 50% 35%,#303127,#171e13 75%)}
.profile-image .portrait{height:123%;width:126%;max-width:none;left:-13%;bottom:-150px;object-position:center top;filter:none;mask-image:linear-gradient(#000 80%,transparent)}
.contact-portrait{gap:20px;align-items:center}
.contact-portrait img{width:84px;height:108px;object-fit:cover;object-position:center 13%;filter:none;border:1px solid var(--line)}
.affiliation-register>div>article{grid-template-columns:65px 1fr 1fr}
.affiliation-register .credential-symbol{width:50px;min-height:50px}

/* Photographs are decorative, with dark gradients protecting the reading areas. */
.case-method,.service-hero,.authority-contact{position:relative;isolation:isolate}
.case-method:before,.service-hero:before,.authority-contact:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat}
.case-method:before{background-image:linear-gradient(90deg,#101710f5 0%,#101710d1 48%,#101710ee 100%),url('assets/scales-justice-dark.webp');background-size:cover;background-position:center}
.case-method{margin-inline:0;padding-inline:var(--gutter);border-block:1px solid var(--line)}
.service-hero:before{background-image:linear-gradient(90deg,#101710fa 5%,#101710e8 50%,#101710d1 100%),url('assets/scales-justice-dark.webp');background-size:cover;background-position:center 42%}
html[lang=ar] .service-hero:before{background-image:linear-gradient(270deg,#101710fa 5%,#101710e8 50%,#101710d1 100%),url('assets/scales-justice-dark.webp')}
.service-hero{background:#101710}
.authority-contact:before{background-image:linear-gradient(90deg,#101710ec 0%,#101710ee 50%,#101710fa 100%),url('assets/scales-gavel-dark.webp');background-size:cover;background-position:25% 44%}
.authority-contact{margin-inline:0;padding-inline:var(--gutter);border-top:1px solid var(--line)}
.authority-contact .contact-form{background:#172014f7}
@media(min-width:1001px) and (max-height:820px){
 .authority-hero{padding-top:22px;gap:40px}
 .authority-portrait{min-height:585px}
 .authority-portrait .portrait{height:128%;bottom:-143px;width:130%;left:-15%}
 .portrait-academic{padding:12px 10px;gap:9px}
 .portrait-academic strong{font-size:21px}
 html[lang=ar] .portrait-academic strong{font-size:20px}
 .authority-portrait>.portrait-plaque{gap:11px;bottom:18px;left:20px;right:20px}
}
@media(min-width:651px) and (max-width:1000px){
 .authority-hero{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 .authority-portrait{min-height:620px}
 .authority-portrait .portrait{height:112%;width:130%;left:-15%;bottom:-65px}
 .authority-portrait>.portrait-plaque{left:14px;right:14px;gap:10px;grid-template-columns:1fr}
 .portrait-academic{padding:10px 12px}
 .portrait-academic strong{font-size:22px}
 .hero-affiliations{gap:12px}
 .hero-qualification{font-size:9px;gap:5px}
 .hero-qualification .legal-icon{width:18px;height:18px}
 html[lang=ar] .hero-qualification{font-size:10px}
 .profile-image{height:650px}
 .profile-feature{gap:35px}
}
@media(max-width:650px){
 .authority-hero{grid-template-columns:1fr;gap:13px;padding-top:16px;padding-bottom:22px}
 .authority-copy h1{grid-column:1;grid-row:1}
 .authority-copy h1>span{font-size:19px;line-height:1.25}
 .authority-copy h1>strong{font-size:48px;line-height:1.05}
 html[lang=ar] .authority-copy h1>span{font-size:20px;line-height:1.35}
 html[lang=ar] .authority-copy h1>strong{font-size:44px;line-height:1.22}
 .authority-portrait{grid-column:1;grid-row:2;height:330px;min-height:0;border-radius:165px 165px 0 0}
 .authority-portrait .portrait{height:155%;width:118%;left:-9%;bottom:-167px;object-fit:contain;object-position:center top}
 .authority-portrait:before{inset:9px}
 .authority-portrait:after{background:linear-gradient(transparent 66%,#101710 100%)}
 .authority-portrait>.portrait-plaque{display:grid;left:14px;right:14px;bottom:12px;gap:10px;grid-template-columns:1fr 1fr}
 .portrait-academic{display:flex;gap:7px;padding:8px 7px;background:#101710ed}
 .portrait-academic>.legal-icon{width:19px;height:19px}
 .portrait-academic strong{font-size:16px;line-height:1.15}
 .portrait-academic span{font-size:8px;line-height:1.4;margin-top:3px}
 html[lang=ar] .portrait-academic strong{font-size:15px;line-height:1.4}
 html[lang=ar] .portrait-academic span{font-size:9px;line-height:1.5}
 .hero-affiliations{display:none}
 .hero-record{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:10px 0 11px;border-block:1px solid var(--line)}
 .hero-record>div{padding:0;border:0;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;min-width:0}
 .hero-record>div+div{padding:0;border:0}
 .hero-record>div>strong{font-size:36px;line-height:1}
 .hero-record>div>span{font-size:9px;line-height:1.5;margin:0}
 html[lang=ar] .hero-record>div>span{font-size:10px;line-height:1.6}
 .hero-record>.hero-academic-summary{display:none}
 .authority-actions{grid-column:1;grid-row:4}
 .authority-actions .button{padding:16px 19px;font-size:13px;line-height:1.4}
 html[lang=ar] .authority-actions .button{padding:15px 19px;font-size:14px;line-height:1.5}
 .profile-feature{grid-template-columns:1fr}
 .profile-image{height:510px}
 .profile-image .portrait{height:135%;width:132%;left:-16%;bottom:-170px}
 .contact-portrait img{width:84px;height:108px}
 .affiliation-register>div>article{grid-template-columns:43px 1fr;gap:8px 16px}
 .affiliation-register .credential-symbol{width:36px;min-height:40px;justify-content:flex-start}
 .affiliation-register .credential-symbol .legal-icon{width:28px;height:28px}
 .case-method:before{background-image:linear-gradient(#101710d1,#101710f5 53%),url('assets/scales-justice-dark.webp');background-position:58% top;background-size:auto 440px}
 .service-hero:before,html[lang=ar] .service-hero:before{background-image:linear-gradient(#101710d1,#101710ef),url('assets/scales-justice-dark.webp');background-position:60% center}
 .authority-contact:before{background-image:linear-gradient(#101710e0,#101710f7 60%),url('assets/scales-gavel-dark.webp');background-size:auto 720px;background-position:center top}
}
@media(max-width:650px) and (max-height:740px){
 .authority-hero{padding-top:11px;padding-bottom:19px;gap:10px}
 .authority-copy h1>span{font-size:17px}
 .authority-copy h1>strong{font-size:43px}
 html[lang=ar] .authority-copy h1>span{font-size:18px}
 html[lang=ar] .authority-copy h1>strong{font-size:39px}
 .authority-portrait{height:250px}
 .authority-portrait .portrait{height:175%;width:118%;left:-9%;bottom:-181px}
 .authority-portrait>.portrait-plaque{left:12px;right:12px;bottom:9px;gap:8px}
 .portrait-academic{padding:6px;gap:6px}
 .portrait-academic strong{font-size:14px}
 html[lang=ar] .portrait-academic strong{font-size:14px}
 .portrait-academic span{font-size:8px}
 html[lang=ar] .portrait-academic span{font-size:8px}
 .hero-record{padding:9px 0;gap:16px}
 .hero-record>div>strong{font-size:33px}
 .hero-record>div>span{font-size:8px}
 html[lang=ar] .hero-record>div>span{font-size:9px}
}