/* Baali 11: editorial spacing, mobile-first controls, bilingual layouts. */
:root{--ba-ease:cubic-bezier(.23,1,.32,1)}
.ba-refined .ba-lines{white-space:pre-line}
.ba-refined .ba-navigation{gap:24px}.ba-language{display:grid;place-items:center;min-width:48px;min-height:44px;border:1px solid #526078;border-radius:6px;font-size:14px;flex-shrink:0}
.ba-refined .signature-hero{gap:64px;padding-block:64px}.ba-refined .signature-hero h1{font-size:clamp(38px,4.1vw,62px);line-height:1.5;text-wrap:balance;white-space:normal;max-width:680px}.ba-refined .signature-hero h1 span{margin:8px 0 0;color:#b9c9df;font-size:.87em;line-height:1.55}.ba-refined .signature-firm{margin-bottom:24px}.ba-refined .signature-hero-description{max-width:520px;font-size:18px;line-height:1.9}.ba-refined .signature-hero-media{height:480px;border-start-start-radius:96px;border-end-end-radius:12px}
.ba-refined .signature-heading h2{font-size:clamp(32px,3.6vw,50px)}.ba-refined .signature-statement h2,.ba-refined .signature-process h2{font-size:clamp(30px,3.4vw,48px)}
.ba-refined-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.ba-refined-service{display:grid;grid-template-columns:32px 1fr 24px;gap:20px;position:relative;padding:32px 0;border-top:1px solid var(--signature-line);color:var(--signature-text);align-items:start}.ba-service-index{grid-column:1/-1;font-size:13px;color:var(--signature-muted);font-variant-numeric:tabular-nums}.ba-refined-service h3{font-size:24px;line-height:1.5;margin:0 0 12px}.ba-refined-service p{font-size:16px;line-height:1.8;margin:0}.ba-service-open{align-self:center}
.ba-refined .ba-button,.ba-refined button,.ba-refined summary,.ba-language{touch-action:manipulation}.ba-refined .ba-button{transition:transform 140ms var(--ba-ease),background-color 180ms ease}.ba-refined .ba-button:active{transform:scale(.97)}.ba-refined .ba-contact-band h2{font-size:clamp(30px,3.4vw,48px)}.ba-refined .ba-contact-band p{max-width:580px}.ba-refined .ba-mobile a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px}
html[dir=ltr] .ba-arrow-icon{transform:rotate(180deg)}html[dir=ltr] body{font-family:Tajawal,Arial,sans-serif}html[dir=ltr] .signature-hero h1{line-height:1.12;letter-spacing:-.035em}html[dir=ltr] .signature-hero h1 span{line-height:1.2;letter-spacing:-.025em}html[dir=ltr] .ba-refined p{line-height:1.75}html[dir=ltr] .civic-header .ba-desktop{font-size:15px;gap:20px}
.ba-refined .modern-profile-aside{position:static}.ba-refined .modern-service-hero h1{font-size:clamp(32px,4vw,56px);text-wrap:balance}.ba-refined .modern-service-hero .ba-button{margin-top:24px}.ba-refined .ba-contact-band .shell{gap:32px}.ba-refined .modern-faq summary{min-height:48px}
@media(hover:hover) and (pointer:fine){.ba-refined-service:hover h3{text-decoration:underline;text-underline-offset:7px}.ba-language:hover{background:#23334e}}
@media(max-width:1100px){.ba-refined .ba-desktop{display:none}.ba-refined .ba-menu-button{display:flex}.ba-refined .ba-navigation{min-height:80px}.ba-refined .civic-logo{margin-inline-end:auto;width:280px}}
@media(max-width:767px){
.ba-refined{font-size:16px}.ba-refined .shell{width:calc(100% - 40px)}.ba-refined .ba-navigation{gap:10px;min-height:76px}.ba-refined .civic-logo{width:225px;max-width:calc(100% - 112px)}.ba-refined .ba-menu-button{width:44px;height:44px;flex:0 0 44px}.ba-language{min-width:44px}
.ba-refined .signature-hero{padding-block:32px 40px;gap:28px}.ba-refined .signature-firm{font-size:14px;line-height:1.7;margin-bottom:22px}.ba-refined .signature-hero h1{font-size:clamp(31px,8.5vw,42px);line-height:1.45;margin-bottom:18px}.ba-refined .signature-hero h1 span{font-size:.92em;margin-top:4px}.ba-refined .signature-hero-description{font-size:16px;line-height:1.85}.ba-refined .signature-hero-actions{gap:16px;margin-top:24px}.ba-refined .signature-hero-actions .ba-button{flex:0 0 100%;min-height:52px}.ba-refined .signature-text-link{font-size:16px;min-height:44px}.ba-refined .signature-hero-media{height:210px;border-start-start-radius:56px}
.ba-refined .signature-statement{padding-block:40px;gap:20px}.ba-refined .signature-statement p{font-size:16px}.ba-refined .signature-heading h2,.ba-refined .signature-statement h2,.ba-refined .signature-process h2{font-size:30px;line-height:1.55}.ba-refined .signature-heading p{font-size:16px}.ba-refined .signature-practice{padding-block:44px}
.ba-refined-services{grid-template-columns:1fr;gap:0}.ba-refined-service{grid-template-columns:28px 1fr 20px;gap:14px;padding:24px 0}.ba-service-index{display:none}.ba-refined-service h3{font-size:21px;margin-bottom:8px}.ba-refined-service p{font-size:16px}.ba-refined-service>img{width:28px;height:28px;margin-top:3px}
.ba-refined .signature-audiences{padding-block:44px;gap:20px}.ba-refined .signature-audience-list summary{font-size:20px}.ba-refined .signature-audience-list p{font-size:16px}
.ba-refined .ba-person h3{font-size:26px}.ba-refined .ba-person-mark{width:40px}.ba-refined .ba-team-section{padding-block:44px}.ba-refined .ba-team-section h2{font-size:30px}.ba-refined .signature-process{padding-block:44px}.ba-refined .signature-process h3{font-size:21px}.ba-refined .signature-process p{font-size:16px}
.ba-refined .modern-service-hero{padding-block:32px 40px;gap:24px;grid-template-columns:1fr}.ba-refined .modern-service-hero h1{font-size:32px;line-height:1.5}.ba-refined .modern-service-hero p{font-size:16px}.ba-refined .modern-profile-image{height:190px;object-fit:cover;border-radius:6px}
.ba-refined .ba-practice-nav{display:flex;flex-wrap:wrap;gap:8px}.ba-refined .ba-practice-nav a{font-size:14px;min-height:44px;display:flex;align-items:center}
.ba-refined .ba-section{padding-block:40px}.ba-refined .modern-profile-aside{padding:24px}.ba-refined .ba-form{padding:24px 20px}.ba-refined .ba-form-grid{grid-template-columns:1fr;gap:20px}.ba-refined .ba-form input,.ba-refined .ba-form select,.ba-refined .ba-form textarea{font-size:16px;min-height:48px}
.ba-refined .ba-contact-band h2{font-size:30px}.ba-refined .ba-contact-band .shell{align-items:stretch}.ba-refined .ba-contact-band .ba-button{justify-content:space-between}.ba-refined .ba-footer{padding-bottom:100px}.ba-refined .ba-footer-bottom{gap:16px}
.ba-refined .ba-request-dialog{max-height:calc(100dvh - 32px);width:calc(100% - 24px);padding:24px 20px;border-radius:14px;margin:auto}.ba-refined .ba-request-dialog h2{font-size:26px}.ba-refined .ba-request-dialog select{font-size:16px;min-height:52px}.ba-refined .ba-whatsapp-launch{inset-inline-end:20px;bottom:calc(16px + env(safe-area-inset-bottom));min-width:52px;min-height:52px}
}
@media(max-height:500px) and (orientation:landscape){.ba-refined .ba-header{position:relative}.ba-refined .ba-request-dialog{max-height:calc(100dvh - 16px)}}
@media(prefers-reduced-motion:reduce){.ba-refined *, .ba-refined *::before,.ba-refined *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.ba-refined .ba-button:active{transform:none}}