.departmentsSection{position:relative;padding:clamp(88px,10vw,145px) 0;background:linear-gradient(180deg,var(--paper) 0,#eef3f0 100%);overflow:hidden}.departmentsSection:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(7,95,107,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(7,95,107,.09) 1px,transparent 1px);background-size:58px 58px}.departmentsSection .sectionIntro{position:relative;z-index:2}.departmentsLead{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.departmentsLead span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.42);color:var(--muted);font-size:8px}.departmentsLead span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--kashi)}.departmentsGrid{position:relative;z-index:2;margin:44px clamp(20px,7vw,105px) 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.branchCard{position:relative;border:1px solid var(--line);background:rgba(251,248,241,.78);backdrop-filter:blur(8px);overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.branchCard[open],.branchCard:hover{transform:translateY(-6px);box-shadow:0 25px 65px rgba(5,70,78,.11);border-color:rgba(7,95,107,.28)}.branchCard summary{list-style:none;cursor:pointer;padding:24px 22px 22px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;min-height:112px}.branchCard summary::-webkit-details-marker{display:none}.branchNo{width:42px;height:42px;border-radius:13px;border:1px solid rgba(7,95,107,.2);display:grid;place-items:center;color:var(--kashi);font:700 9px monospace;background:rgba(78,184,176,.08)}.branchTitle small,.branchTitle strong{display:block}.branchTitle small{font:600 7px monospace;letter-spacing:.12em;color:var(--kashi2);margin-bottom:6px}.branchTitle strong{font:700 15px/1.65 "Noto Kufi Arabic";color:var(--ink)}.branchToggle{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--kashi);font-size:16px;transition:.28s}.branchCard[open] .branchToggle{transform:rotate(45deg);background:var(--kashi);color:#fff}.branchBody{padding:0 22px 23px 79px;color:var(--muted);font-size:9px;line-height:1.95}.branchBody p{margin:0;padding-top:16px;border-top:1px solid var(--line)}.branchAccent{position:absolute;right:0;bottom:0;width:70px;height:70px;opacity:.08;background:radial-gradient(circle at 100% 100%,var(--kashi) 0 32%,transparent 33%)}.departmentsNote{position:relative;z-index:2;margin:26px clamp(20px,7vw,105px) 0;padding:15px 18px;border:1px solid var(--line);background:rgba(255,255,255,.4);color:var(--muted);font-size:9px;line-height:1.9}.departmentsNote strong{color:var(--kashi)}
.aboutDepartment{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);background:linear-gradient(135deg,#075f6b 0,#096f79 52%,#07545f 100%);color:#fff;overflow:hidden;min-height:680px}.aboutDepartment:before{content:"";position:absolute;inset:0;opacity:.1;background-image:linear-gradient(30deg,rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(150deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:56px 96px;pointer-events:none}.aboutDepartmentPhoto{position:relative;margin:0;min-height:680px;overflow:hidden;background:#0b4f59 url('/assets/department-door.avif?v=20261004-clear') center center/cover no-repeat}.aboutDepartmentPhoto:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,95,107,.7) 0,rgba(7,95,107,.08) 34%,transparent 66%),linear-gradient(0deg,rgba(2,28,33,.38),transparent 55%);pointer-events:none}.aboutDepartmentPhoto img{display:none}.aboutDepartmentPhoto figcaption{position:absolute;z-index:2;right:28px;left:28px;bottom:25px;display:flex;justify-content:space-between;align-items:end;gap:18px;color:#fff}.aboutDepartmentPhoto figcaption span{font:600 8px monospace;letter-spacing:.14em;color:#d5efe9}.aboutDepartmentPhoto figcaption strong{font:700 11px "Noto Kufi Arabic"}.aboutDepartmentCopy{position:relative;z-index:2;align-self:center;padding:clamp(55px,7vw,105px)}.aboutDepartmentCopy .code{color:#c6eee7}.aboutDepartmentCopy h2{font:700 clamp(35px,5.2vw,70px)/1.52 "Noto Kufi Arabic";letter-spacing:-.04em;margin:12px 0 24px;color:#fff}.aboutDepartmentCopy h2 em{display:block;font-style:normal;color:#e6c985}.aboutDepartmentCopy>p{font-size:12px;line-height:2.1;color:rgba(255,255,255,.7);margin:0 0 16px;max-width:760px}.aboutDepartmentFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;border:1px solid rgba(255,255,255,.14)}.aboutDepartmentFacts div{padding:18px 16px;background:rgba(4,53,62,.3)}.aboutDepartmentFacts div+div{border-right:1px solid rgba(255,255,255,.13)}.aboutDepartmentFacts small,.aboutDepartmentFacts strong{display:block}.aboutDepartmentFacts small{font-size:7px;color:rgba(255,255,255,.48)}.aboutDepartmentFacts strong{margin-top:6px;font:700 10px/1.7 "Noto Kufi Arabic";color:#fff}.aboutSocials{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.aboutSocials a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:54px;padding:10px 13px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);transition:.25s}.aboutSocials a:hover{background:rgba(255,255,255,.1);border-color:rgba(231,204,145,.52);transform:translateY(-3px)}.aboutSocials b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7cc91;color:#17343a;font-weight:800}.aboutSocials span{font-size:9px}.aboutSocials i{font-style:normal;color:#e7cc91}
body[data-theme="dark"] .departmentsSection{background:linear-gradient(180deg,var(--paper),#082f37)}body[data-theme="dark"] .branchCard{background:rgba(10,57,65,.7)}body[data-theme="dark"] .departmentsLead span,body[data-theme="dark"] .departmentsNote{background:rgba(255,255,255,.03)}
@media(max-width:1000px){.departmentsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.aboutDepartment{grid-template-columns:1fr}.aboutDepartmentPhoto{min-height:520px}.aboutDepartmentCopy{padding:65px clamp(22px,7vw,70px)}}
@media(max-width:700px){.departmentsSection{padding-block:68px}.departmentsGrid{margin:28px 14px 0;display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;scrollbar-width:none}.departmentsGrid::-webkit-scrollbar{display:none}.branchCard{flex:0 0 84vw;scroll-snap-align:center}.branchCard:hover{transform:none}.branchCard summary{padding:20px;min-height:102px}.branchBody{padding:0 20px 21px}.departmentsNote{margin:18px 14px 0}.departmentsLead{margin-top:14px}.departmentsLead span{font-size:7.5px}.aboutDepartment{display:flex;flex-direction:column;min-height:0}.aboutDepartmentPhoto{min-height:0;height:auto;aspect-ratio:4/3;background-position:center center}.aboutDepartmentPhoto:after{background:linear-gradient(0deg,rgba(5,74,84,.78) 0,transparent 38%)}.aboutDepartmentPhoto figcaption{right:14px;left:14px;bottom:13px;display:block}.aboutDepartmentPhoto figcaption strong{display:block;margin-top:4px;font-size:9px}.aboutDepartmentCopy{padding:40px 17px 46px}.aboutDepartmentCopy h2{font-size:32px;line-height:1.55;margin:10px 0 18px}.aboutDepartmentCopy>p{font-size:10px;line-height:2}.aboutDepartmentFacts{grid-template-columns:1fr;margin-top:24px}.aboutDepartmentFacts div+div{border-right:0;border-top:1px solid rgba(255,255,255,.13)}.aboutSocials{grid-template-columns:1fr}.aboutSocials a{min-height:50px}}
@media(max-width:420px){.aboutDepartmentCopy h2{font-size:29px}.branchCard{flex-basis:88vw}}