:root{--navy:#0e1d34;--deep:#14283a;--gold:#c5a880;--gold-ink:#806238;--paper:#fff;--ink:#172435;--muted:#60666e;--line:#e0e3e6;--font:'IBM Plex Sans Arabic',sans-serif;--ease:cubic-bezier(.16,1,.3,1);--space:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#f7f7f7;color:var(--ink);font:16px/1.8 var(--font)}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button{border:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.25;font-weight:600;text-wrap:balance}p{text-wrap:pretty}svg{flex-shrink:0}::selection{background:var(--gold);color:var(--navy)}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}input,select,textarea{caret-color:var(--gold-ink)}.container{width:min(1160px,calc(100% - 112px));margin-inline:auto}.section{padding-block:96px;background:white}.section h2{font-size:40px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:64px;margin-bottom:48px}.section-heading>p{max-width:380px;font-size:15px;color:var(--muted)}.gold{color:var(--gold)}.skip-link{position:fixed;top:-100px;right:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.icon{transition:transform .3s var(--ease);transform-origin:center}.icon path,.icon g{transition:transform .3s var(--ease);transform-box:fill-box;transform-origin:center}.button{display:inline-flex;gap:16px;align-items:center;justify-content:space-between;min-height:48px;padding:7px 20px 7px 7px;border-radius:40px;background:var(--gold);color:var(--navy);font-size:13px;font-weight:600;transition:background .25s,transform .3s var(--ease)}.button-arrow{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:white;color:var(--gold-ink)}.button:hover,.button:focus-visible{background:#dec49f}.button:hover .icon,.button:focus-visible .icon{transform:translate(-3px,3px)}.button:active{transform:scale(.98)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;text-decoration:underline}.text-link:hover .icon{transform:translate(-3px,3px)}.eyebrow{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff55;border-radius:20px;padding:3px 12px;font-size:11px;color:#e6edf3;margin-bottom:18px}.eyebrow .icon{width:14px;height:14px;color:var(--gold)}.eyebrow-light{color:#34404f;border-color:#b2b8c0}.hero-shell{margin:24px 24px 0;border-radius:30px;overflow:hidden;background:var(--navy);color:white;position:relative}.header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px}.brand{display:flex;flex-direction:column;line-height:1.3;min-width:150px}.brand strong{font-size:27px;font-weight:700}.brand>span{font-size:8px;color:#d2dbe6;margin-top:6px}.desktop-nav{display:flex;gap:26px;align-items:center;background:#ffffff12;padding:12px 28px;border-radius:40px;font-size:12px}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--gold)}.header-cta{font-size:12px;min-height:42px}.header-cta .button-arrow{width:29px;height:29px}.header-actions{display:flex;align-items:center;gap:12px}.mobile-menu{display:none}.hero{height:658px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 49% 48%,#274b53a8 0,transparent 56%)}.scale-backdrop{position:absolute;width:66%;height:78%;left:16%;top:0;color:#96b5ba;opacity:.09;z-index:-1}.portrait-wrap{position:absolute;inset:0 24% 0 23%;pointer-events:none;animation:portrait-arrive .9s var(--ease) both}.hero-portrait{position:absolute;width:100%;height:615px;object-fit:contain;object-position:center top;bottom:18px;mask-image:linear-gradient(#000 76%,transparent 98%)}.hero-copy{position:absolute;right:5.2%;top:150px;width:30%;z-index:2;animation:copy-arrive .75s .12s var(--ease) both}.hero-copy h1{font-size:54px;line-height:1.25;letter-spacing:-.025em}.hero-copy h1>span{display:inline-block;color:var(--gold);font-size:33px;line-height:1.45;margin-top:4px;max-width:350px}.hero-copy>p{color:#d1dce6;font-size:14px;line-height:1.8;margin-top:18px}.hero-advisor{position:absolute;left:5.2%;top:238px;width:218px;z-index:3;animation:copy-arrive .75s .24s var(--ease) both}.advisor-note{background:#ffffff0d;border:1px solid #ffffff45;padding:20px;border-radius:16px;margin-bottom:16px}.advisor-label{font-size:10px;color:#cbd6e2}.advisor-note h2{font-size:23px;margin:8px 0}.advisor-note p{font-size:11px;color:#d1dce6}.advisor-phone{display:flex;gap:8px;align-items:center;color:var(--gold);font-size:14px;margin-top:16px}.advisor-phone .icon{width:17px}.hero-advisor>.button{width:100%}.hero-facts{position:absolute;z-index:4;bottom:0;right:5.2%;left:5.2%;border-top:1px solid #ffffff28;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:24px 0 30px;background:linear-gradient(transparent,#0e1d3430)}.fact{display:flex;gap:12px;align-items:start}.fact>.icon{width:25px;height:25px;color:#f3f5f7;margin-top:7px}.fact strong{display:block;font-size:34px;line-height:1.1;font-weight:600}.fact:last-child strong{font-size:22px;line-height:1.55}.fact span{font-size:11px;color:#d1dce6}.about-grid{display:grid;grid-template-columns:1fr 1.8fr;gap:88px;align-items:start}.about h2{font-size:38px;line-height:1.3}.about-copy .lead{font-size:20px;font-weight:500;color:var(--ink);line-height:1.7;margin-bottom:16px}.about-copy>p{font-size:14px;color:var(--muted);max-width:680px}.about-copy .button{margin-top:24px}.dark-panel{background:var(--navy);color:white;margin-inline:24px;border-radius:30px;overflow:hidden;position:relative}.dark-panel .section-heading>p{color:#c7d2df}.services{background:linear-gradient(115deg,#0e1d34f5,#152d3eef),url('assets/momen-original.jpg') center 38%/cover}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px}.service-card{border-radius:14px;background:#fff;color:var(--ink);overflow:hidden;transition:transform .35s var(--ease),background .3s}.service-card summary{list-style:none;padding:20px;outline-offset:-4px}.service-card summary::-webkit-details-marker{display:none}.service-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.service-title>.icon{width:27px;height:27px;color:var(--gold-ink)}.service-category{font-size:10px;border:1px solid #d8dce1;border-radius:4px;padding:2px 7px}.service-card h3{font-size:21px;min-height:52px}.service-photo{height:138px;border-radius:8px;background-image:url('assets/services-sheet.webp');background-size:200% 200%;margin:12px 0 16px}.photo-corporate{background-position:left top}.photo-criminal{background-position:right top}.photo-family{background-position:left bottom}.photo-travel{background-position:right bottom}.service-card summary>p{font-size:12px;line-height:1.65;min-height:62px;color:var(--muted)}.service-more{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:11px}.circle-arrow{height:34px;width:34px;border:1px solid #d6d9df;color:var(--gold-ink);border-radius:50%;display:grid;place-items:center;transition:background .3s}.circle-arrow .icon{width:21px;height:21px}.service-card:hover,.service-card:focus-within{transform:translateY(-5px)}.service-card:hover .circle-arrow,.service-card:focus-within .circle-arrow{background:var(--gold);border-color:var(--gold)}.service-card:hover .circle-arrow .icon{transform:translate(-2px,2px)}.service-card:hover .icon-scale,.service-card:focus-within .icon-scale{transform:rotate(-12deg) scale(1.1)}.service-card:hover .icon-briefcase .lid,.service-card:focus-within .icon-briefcase .lid{transform:translateY(-3px)}.service-card:hover .icon-family .people,.service-card:focus-within .icon-family .people{transform:translateY(-3px)}.service-card:hover .icon-document .lines,.service-card:focus-within .icon-document .lines{transform:translateX(-3px)}.service-details{padding:0 20px 22px;font-size:12px;border-top:1px solid var(--line)}.service-details ul{padding-inline-start:16px;margin:18px 0}.service-details li+li{margin-top:12px}.service-details .text-link{font-size:11px;color:var(--gold-ink)}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.team-photo{height:370px;border-radius:16px;overflow:hidden;background:#eadfce;margin-bottom:20px}.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .6s var(--ease)}.team-person:first-child .team-photo img{object-position:center 34%}.team-person:hover .team-photo img{transform:scale(1.035)}.team-person h3{font-size:25px;margin-bottom:8px}.team-person>p{font-size:13px;color:var(--muted);margin-bottom:14px}.team-person .text-link{color:var(--gold-ink)}.team-person .icon-phone{width:17px}.team-text{border-radius:16px;background:#f3f4f4;padding:32px;display:flex;flex-direction:column;align-items:start}.team-text-top>.icon{color:var(--gold-ink);width:48px;height:48px;margin-bottom:34px}.team-text-top p{font-size:13px;color:var(--muted);margin-top:8px}.team-text .team-bio{font-size:15px;line-height:1.9;margin-top:40px}.team-text>.text-link{margin-top:auto}.process{background:linear-gradient(110deg,#102438f0,#1c3748ed),url('assets/mohab-original.jpg') center 48%/cover}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;padding-top:24px}.process-steps::before{content:'';position:absolute;right:4%;left:4%;height:1px;background:var(--gold);top:70px;transform:rotate(7deg);transform-origin:center;opacity:.65}.step{background:white;color:var(--ink);border-radius:14px;padding:24px;z-index:1;min-height:228px;transition:transform .3s var(--ease)}.step:nth-child(1){margin-top:96px}.step:nth-child(2){margin-top:64px;background:#ffffff12;border:1px solid #ffffff40;color:white}.step:nth-child(3){margin-top:32px}.step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.step-top>.icon{width:24px;height:24px;color:var(--gold-ink)}.step:nth-child(2) .icon{color:var(--gold)}.step-number{font-size:32px;line-height:1;font-weight:600}.step h3{font-size:20px;margin-bottom:12px}.step p{font-size:12px;line-height:1.7;color:var(--muted)}.step:nth-child(2) p{color:#cbd6e1}.step:hover .icon{transform:rotate(-12deg) scale(1.15)}.faq{margin-top:88px;background:linear-gradient(120deg,#102438f7,#1b3243ef)}.faq-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:80px;align-items:start}.faq-grid>div>p{font-size:14px;color:#cbd6e1;margin:20px 0 24px;max-width:320px}.faq-list{display:grid;gap:12px}.faq-list details{background:white;color:var(--ink);border-radius:12px;overflow:hidden}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;font-size:14px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-chevron{border:1px solid #d8dce1;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;transition:background .25s}.faq-chevron .icon{width:16px;height:16px}.faq-list details[open] .faq-chevron{background:var(--gold);border-color:var(--gold)}.faq-list details[open] .icon{transform:rotate(180deg)}.faq-list details>p{padding:0 24px 22px;color:var(--muted);font-size:13px}.contact-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:80px;padding-top:32px;border-top:1px solid var(--line)}.contact-intro h2{font-size:32px;margin-bottom:22px}.contact-intro>p{font-size:14px;color:var(--muted);margin-bottom:28px}.contact-intro address{font-style:normal;font-size:14px;margin-top:28px}.contact-intro address p{font-size:12px;color:var(--muted);margin-top:8px}.direct-contact{display:grid;gap:22px;margin-top:28px}.contact-line>a:first-child{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.contact-line bdi{font-size:16px;font-weight:600}.contact-line .text-link{color:var(--gold-ink);font-size:11px;margin-top:4px}.coverage{font-size:12px;margin-top:28px}.coverage>summary{text-decoration:underline}.coverage>p{color:var(--muted);margin-top:12px}.consultation-form{padding:32px;border-radius:22px;background:white;box-shadow:0 8px 36px #0e1d3409}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:22px;min-width:0}label{display:block;font-size:12px;font-weight:500;margin-bottom:8px}label span{color:var(--muted);font-weight:400}input,select,textarea{width:100%;min-height:48px;border:1px solid #d0d4da;background:white;color:var(--ink);padding:12px 14px;border-radius:11px;font-size:14px}input::placeholder,textarea::placeholder{color:#686d75;opacity:1}textarea{resize:vertical;line-height:1.8;min-height:115px}.form-submit{min-height:48px;gap:20px;cursor:pointer}.form-note{font-size:10px;color:var(--muted);margin-top:18px}[aria-invalid='true']{border-color:#aa3434}.form-error{font-size:13px;color:#a32b2b;margin-bottom:16px}.draft{background:#f4f6f5;border-radius:12px;padding:20px}.draft h3{font-size:20px}.draft p{font-size:12px;color:var(--muted);margin-top:8px}.draft .button{margin-top:16px}.message-preview{font-size:12px;margin-top:12px}.message-preview pre{font:12px/1.7 var(--font);white-space:pre-wrap;overflow-wrap:anywhere}.footer{margin-bottom:24px;padding-block:56px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:64px}.footer-name{font-size:36px;font-weight:600}.footer-inner p{font-size:12px;color:#cbd6e1}.legal-note{max-width:480px}.whatsapp-widget{position:fixed;bottom:24px;left:24px;z-index:80}.whatsapp-toggle{display:flex;align-items:center;gap:12px;padding:13px 20px;border-radius:40px;color:white;background:#187f45;box-shadow:0 8px 26px #0e1d3422;min-height:52px;font-size:13px;animation:whatsapp-bob 3.8s ease-in-out infinite}.whatsapp-toggle>.icon{width:26px;height:26px}.whatsapp-toggle:hover .phone-symbol,.whatsapp-toggle:focus-visible .phone-symbol{transform:rotate(-18deg)}.whatsapp-toggle:hover{background:#106a37;animation-play-state:paused}.whatsapp-panel{width:300px;margin-bottom:16px;border-radius:18px;background:white;color:var(--ink);box-shadow:0 10px 40px #0e1d3426;padding:18px;animation:panel-arrive .25s var(--ease)}.whatsapp-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:8px}.whatsapp-heading button{background:transparent;padding:8px;border-radius:50%;color:var(--muted)}.whatsapp-heading .icon{width:16px;height:16px}.whatsapp-panel>a{display:flex;align-items:center;gap:14px;padding:14px 8px;border-top:1px solid var(--line);font-size:14px}.whatsapp-panel>a>.icon{color:#187f45;width:24px}.whatsapp-panel small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.whatsapp-panel>a:hover{background:#f2f7f4}.whatsapp-panel>a:hover .icon{transform:rotate(-10deg)}
@keyframes portrait-arrive{from{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes copy-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes whatsapp-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes panel-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero-shell,.dark-panel{max-width:1600px;margin-inline:auto}.hero{height:720px}.hero-portrait{height:670px}.hero-copy{top:170px}.hero-advisor{top:280px}}
@media(max-width:1100px){.container{width:calc(100% - 72px)}.desktop-nav{gap:18px;padding:10px 18px;font-size:11px}.header{padding:22px}.brand{min-width:120px}.brand strong{font-size:24px}.hero-copy{right:4%;width:31%;top:130px}.hero-copy h1{font-size:45px}.hero-copy h1>span{font-size:27px}.hero-advisor{left:4%;width:184px;top:260px}.advisor-note{padding:16px}.advisor-note h2{font-size:20px}.hero{height:625px}.hero-portrait{height:570px}.portrait-wrap{right:22%;left:23%}.hero-facts{gap:20px}.fact strong{font-size:29px}.fact:last-child strong{font-size:18px}.fact span{font-size:10px}.service-grid{grid-template-columns:repeat(2,1fr);gap:24px}.service-card h3{min-height:0}.service-photo{height:180px}.service-card summary>p{min-height:0}.team-photo{height:310px}.team-grid{gap:20px}.team-text{padding:24px}.process-steps{gap:14px}.step{padding:20px}.step h3{font-size:18px}.about-grid,.contact-grid,.faq-grid{gap:48px}}
@media(max-width:800px){.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu>summary{display:flex;align-items:center;gap:6px;font-size:12px;list-style:none;color:white;padding:8px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu .icon{width:16px}.mobile-menu nav{position:absolute;top:44px;left:0;background:white;color:var(--ink);padding:12px;display:grid;gap:0;min-width:200px;border-radius:14px;box-shadow:0 8px 30px #0002}.mobile-menu nav a{padding:10px;font-size:14px}.hero-advisor{left:4%;width:170px}.hero-copy{width:35%;right:4%}.hero-copy h1{font-size:40px}.hero-copy h1>span{font-size:24px}.portrait-wrap{right:20%;left:21%}.hero-portrait{height:540px}.hero-facts{gap:14px;right:4%;left:4%}.fact>.icon{width:20px;height:20px}.fact{gap:8px}.fact strong{font-size:25px}.fact:last-child strong{font-size:15px}.team-grid{grid-template-columns:1fr 1fr}.team-text{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}.team-text-top>.icon{margin-bottom:16px}.team-text .team-bio{margin:0}.team-text>.text-link{margin:0;grid-column:2}.section-heading{gap:32px}.section h2{font-size:34px}.step{min-height:250px}.step-top{margin-bottom:20px}}
@media(max-width:600px){body{font-size:15px}.hero-shell{margin:10px 10px 0;border-radius:24px}.dark-panel{margin-inline:10px;border-radius:24px}.container{width:calc(100% - 40px)}.section{padding-block:60px}.header{padding:18px 18px;gap:12px}.brand{min-width:0}.brand strong{font-size:24px}.brand>span{font-size:6px}.header-actions{gap:8px}.header-cta{min-height:36px;font-size:10px;padding:5px 10px 5px 5px;gap:8px}.header-cta .button-arrow{height:25px;width:25px}.header-cta .icon{width:17px}.mobile-menu>summary{font-size:0;padding:6px}.mobile-menu>summary .icon{width:22px;height:22px}.hero{height:860px;background:radial-gradient(ellipse at 51% 26%,#31565c99,transparent 53%)}.portrait-wrap{top:6px;right:0;left:0;height:410px;bottom:auto}.hero-portrait{height:410px;bottom:0;object-position:center top;mask-image:linear-gradient(#000 78%,transparent 99%)}.scale-backdrop{top:20px;left:1%;width:98%;height:390px;opacity:.11}.hero-copy{position:absolute;top:397px;right:24px;left:24px;width:auto;text-align:center}.hero-copy .eyebrow{font-size:9px;margin-bottom:14px}.hero-copy h1{font-size:38px;line-height:1.18}.hero-copy h1>span{font-size:25px;display:block;max-width:none;line-height:1.4;margin-top:5px}.hero-copy>p{display:none}.hero-advisor{top:600px;left:24px;right:24px;width:auto;display:flex;flex-direction:column;gap:12px;align-items:center}.advisor-note{border:0;background:transparent;padding:0;margin:0;text-align:center}.advisor-label{display:none}.advisor-note h2{font-size:16px;margin:0 0 4px}.advisor-note p{font-size:10px}.advisor-phone{display:none}.hero-advisor>.button{width:auto;min-width:178px;font-size:12px;min-height:44px}.hero-facts{right:24px;left:24px;bottom:0;grid-template-columns:1fr 1fr;gap:20px 16px;padding:22px 0 28px}.fact>.icon{width:20px;height:20px;margin-top:3px}.fact strong{font-size:24px}.fact:last-child strong{font-size:17px}.fact span{font-size:9px}.about-grid{grid-template-columns:1fr;gap:24px}.about h2{font-size:32px}.about h2 br:last-of-type{display:none}.about-copy .lead{font-size:18px}.about-copy>p{font-size:13px}.eyebrow{font-size:10px;margin-bottom:14px}.section h2{font-size:32px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:20px;font-size:13px}.service-grid{grid-template-columns:1fr;gap:20px}.service-card summary{padding:24px}.service-card h3{font-size:25px}.service-photo{height:180px;margin-top:18px}.service-title{margin-bottom:10px}.service-category{font-size:10px}.service-card summary>p{font-size:13px;min-height:0}.service-more{margin-top:20px;font-size:12px}.service-details{padding:0 24px 24px}.team-grid{grid-template-columns:1fr;gap:32px}.team-photo{height:370px}.team-person h3{font-size:24px}.team-text{grid-column:auto;display:block;padding:28px}.team-text .team-bio{margin:20px 0}.team-text>.text-link{margin-top:8px}.team-person>p{font-size:13px}.process-steps{grid-template-columns:1fr 1fr;gap:14px;padding-top:0}.process-steps::before{display:none}.step{padding:18px;min-height:224px}.step:nth-child(n){margin-top:0}.step-top{margin-bottom:22px}.step-number{font-size:26px}.step-top>.icon{width:21px;height:21px}.step h3{font-size:17px}.step p{font-size:11px}.faq{margin-top:56px}.faq-grid{grid-template-columns:1fr;gap:32px}.faq-grid>div>p{max-width:none;font-size:13px}.faq-list summary{font-size:12px;padding:18px;gap:12px}.faq-list details>p{font-size:12px;padding:0 18px 18px}.faq-chevron{width:26px;height:26px}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-intro>p{font-size:13px}.consultation-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}input,select,textarea{font-size:16px}.footer{margin-bottom:10px;padding-block:44px 90px}.footer-inner{display:block}.legal-note{margin-top:22px}.whatsapp-widget{left:16px;bottom:16px}.whatsapp-toggle{padding:12px 15px;gap:8px;font-size:11px;min-height:48px}.whatsapp-toggle>.icon{width:23px;height:23px}.whatsapp-panel{width:min(300px,calc(100vw - 32px))}.team-profile-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.service-card:hover,.service-card:focus-within,.team-person:hover img,.icon,.icon path,.icon g{transform:none!important}}

.team-phone-link{margin-inline-start:18px}.team-text .team-phone-link{margin-top:16px;margin-inline-start:0}

/* Background refinement requested after the Behance composition was reviewed. */
.hero-shell{background-image:linear-gradient(90deg,rgba(14,29,52,.90),rgba(14,29,52,.40) 49%,rgba(14,29,52,.92)),url("assets/court-background.webp");background-position:center;background-size:cover}.hero{background:none}.advisor-note{background:#0e1d3455;backdrop-filter:blur(8px)}.photo-criminal{background-image:url("assets/mohab-original.jpg");background-size:cover;background-position:center 50%}

/* Reading and portrait refinement: keep the supplied photograph fully opaque. */
:root{--font:'Cairo',sans-serif;--muted:#455264}body{font-weight:500}h1,h2,h3{font-weight:700}.section{padding-block:108px}.section h2{font-size:44px;line-height:1.5}.section-heading>p,.about-copy>p,.team-person>p,.team-text-top p,.contact-intro>p,.coverage>p,.draft p{font-size:17px;line-height:1.95}.about-copy .lead{font-size:22px;font-weight:700}.about-copy p{max-width:65ch}.dark-panel .section-heading>p,.faq-grid>div>p,.step:nth-child(2) p{color:#e2e9f0}.eyebrow{font-size:13px;font-weight:600}.button,.desktop-nav{font-size:14px;font-weight:700}.brand>span{font-size:11px}.hero{height:700px}.portrait-wrap{top:20px;bottom:160px;left:29%;right:29%;height:auto;border:1px solid #c5a88088;border-radius:18px;overflow:hidden;background:#584335;animation:none}.hero-portrait{position:static;display:block;width:100%;height:100%;object-fit:contain;object-position:center;mask-image:none;-webkit-mask-image:none;opacity:1}.hero-copy{top:145px;width:27%;right:4%}.hero-copy h1{font-size:48px;line-height:1.4;letter-spacing:normal}.hero-copy h1>span{font-size:28px}.hero-copy>p{font-size:17px;color:#f0f3f7}.hero-copy .eyebrow{font-size:11px}.hero-advisor{left:4%;width:235px;top:225px}.advisor-note p,.advisor-label{font-size:14px}.advisor-note h2{font-size:25px}.advisor-phone{font-size:17px}.fact span{font-size:14px}.fact strong{font-weight:800}.hero-facts{padding-block:30px}.service-card h3{font-size:24px;min-height:68px}.service-card summary>p,.service-details{font-size:16px;line-height:1.9}.service-card summary>p{min-height:95px}.service-category{font-size:12px;font-weight:700}.service-more{font-size:14px;font-weight:700}.service-details .text-link{font-size:14px}.team-person h3{font-size:28px}.team-text{background:var(--navy);color:white;border:0;padding:36px}.team-practice-label{display:block;font-size:14px;color:var(--gold);font-weight:700;margin-bottom:44px}.team-text h3{font-size:36px}.team-text-top p,.team-text .team-bio{color:#e0e8f1;font-size:17px}.team-text .team-bio{margin-top:32px}.team-text .text-link{color:var(--gold);font-size:15px}.team-profile-link{font-size:15px}.process-steps::before{display:none}.process-steps{padding-top:0;align-items:stretch}.step:nth-child(n){margin-top:0}.step{min-height:290px;transition:background .3s,transform .3s var(--ease),box-shadow .3s}.step h3{font-size:23px;line-height:1.6}.step p{font-size:16px;line-height:1.9}.step:hover,.step:focus-within{transform:translateY(-8px);box-shadow:0 14px 32px #0002}.step-top{margin-bottom:24px}.step-number{font-size:36px}.faq-list summary{font-size:17px;font-weight:700;line-height:1.8}.faq-list details>p{font-size:16px;line-height:1.95}.faq-grid>div>p{font-size:17px}.contact-intro h2{font-size:36px}.contact-intro address,.contact-intro address p{font-size:16px}.contact-line>a:first-child{font-size:15px}.contact-line bdi{font-size:18px}.text-link,.contact-line .text-link{font-size:14px}label{font-size:15px;font-weight:700}input,select,textarea{font-size:16px;font-weight:600;border-color:#abb4be}.form-note{font-size:13px}.phone-hint{font-size:12px;line-height:1.8;color:var(--muted);margin:-12px 0 20px}.footer-inner p{font-size:14px}.reading-progress{position:fixed;top:0;right:0;left:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:right;z-index:100;pointer-events:none}.service-card[open] .service-details{animation:details-enter .35s var(--ease)}.service-card[open] .circle-arrow{background:var(--gold);transform:rotate(-45deg)}.team-person .team-photo{transition:box-shadow .3s}.team-person:hover .team-photo{box-shadow:0 12px 30px #0e1d3420}input:focus,select:focus,textarea:focus{border-color:var(--gold-ink);box-shadow:0 0 0 3px #c5a88025}.button-arrow{transition:transform .3s var(--ease)}.button:hover .button-arrow{transform:rotate(-8deg)}.whatsapp-toggle:hover>.icon{transform:rotate(-12deg) scale(1.12)}
@keyframes details-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.hero{height:710px}.portrait-wrap{left:29%;right:29%;top:35px;bottom:180px}.hero-advisor{width:190px}.hero-copy h1{font-size:40px}.hero-copy h1>span{font-size:24px}.hero-copy .eyebrow{font-size:9px}.hero-copy>p{font-size:15px}.fact span{font-size:12px}.process-steps{grid-template-columns:repeat(2,1fr)}.step{min-height:240px}.service-card h3{min-height:0}.service-card summary>p{min-height:0}}
@media(max-width:800px){.hero-advisor{width:155px}.advisor-note{padding:14px}.advisor-note h2{font-size:20px}.advisor-note p,.advisor-label{font-size:12px}.hero-advisor .button{font-size:12px}.hero-copy h1{font-size:34px}.hero-copy h1>span{font-size:21px}.brand>span{font-size:9px}}
@media(max-width:600px){.section{padding-block:72px}.section h2,.about h2{font-size:34px;line-height:1.5}.section-heading>p,.about-copy>p,.team-person>p,.contact-intro>p,.faq-grid>div>p{font-size:16px;line-height:1.9}.about-copy .lead{font-size:20px}.hero{height:auto;display:flex;flex-direction:column;align-items:stretch;padding:16px 20px 26px}.portrait-wrap{position:relative;inset:auto;height:auto;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto 28px}.hero-portrait{height:100%;mask-image:none}.hero-copy{position:relative;inset:auto;width:auto;text-align:center}.hero-copy h1{font-size:36px}.hero-copy h1>span{font-size:23px;line-height:1.7}.hero-copy .eyebrow{font-size:11px}.hero-copy>p{display:block;font-size:16px;margin-top:14px}.hero-copy>p br{display:none}.hero-advisor{position:relative;inset:auto;width:auto;margin-top:24px;gap:14px}.advisor-note h2{font-size:19px}.advisor-note p{font-size:14px}.hero-advisor>.button{font-size:14px;min-width:200px}.hero-facts{position:relative;inset:auto;margin-top:30px;padding:26px 0 0;gap:24px 14px}.fact span{font-size:12px;line-height:1.7;display:block;margin-top:6px}.fact strong{font-size:27px}.fact:last-child strong{font-size:17px}.brand>span{font-size:8px}.header-cta{font-size:11px}.service-card h3{font-size:25px;min-height:0}.service-card summary>p,.service-details{font-size:16px;min-height:0}.service-more{font-size:14px}.team-text{padding:30px}.team-text h3{font-size:32px}.team-text .team-bio,.team-text-top p{font-size:16px}.team-practice-label{font-size:13px;margin-bottom:32px}.process-steps{grid-template-columns:1fr;gap:18px}.step{min-height:0;padding:26px}.step h3{font-size:24px}.step p{font-size:16px}.step-top{margin-bottom:20px}.faq-list summary{font-size:16px}.faq-list details>p{font-size:16px}.contact-intro h2{font-size:32px}.form-note{font-size:12px}.phone-hint{font-size:12px}.footer-inner p{font-size:13px}.button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.service-card[open] .service-details{animation:none}.step:hover,.step:focus-within{transform:none}.button:hover .button-arrow,.whatsapp-toggle:hover>.icon{transform:none}}

/* Same transparent Mohab portrait: no background, frame, or fading. */
.portrait-wrap{inset:20px 24% 140px 23%;height:auto;border:0;border-radius:0;background:transparent;overflow:visible}.hero-portrait{object-fit:contain;mask-image:none;-webkit-mask-image:none;opacity:1;filter:none}
@media(max-width:1100px){.portrait-wrap{inset:35px 23% 165px 23%}}
@media(max-width:600px){.portrait-wrap{position:relative;inset:auto;max-width:340px;width:100%;height:auto;aspect-ratio:1100/1254;margin:0 auto 28px;border:0;background:transparent}.hero-portrait{mask-image:none;-webkit-mask-image:none;object-fit:contain}}

/* Restore the pre-edit portrait geometry; the sole image effect change is no fade. */
.hero{height:658px}.portrait-wrap{position:absolute;inset:0 24% 0 23%;height:auto;width:auto;max-width:none;aspect-ratio:auto;margin:0;border:0;border-radius:0;background:transparent;overflow:visible;pointer-events:none}.hero-portrait{position:absolute;width:100%;height:615px;bottom:18px;object-fit:contain;object-position:center top;mask-image:none;-webkit-mask-image:none;opacity:1;filter:none}.team-photo-placeholder{background:#e9e7e2;border:1px solid #d9d5cb}
@media(min-width:1700px){.hero{height:720px}.hero-portrait{height:670px}}
@media(max-width:1100px){.hero{height:625px}.portrait-wrap{inset:0 22% 0 23%}.hero-portrait{height:570px}}
@media(max-width:800px){.portrait-wrap{inset:0 20% 0 21%}.hero-portrait{height:540px}}
@media(max-width:600px){.hero{height:auto}.portrait-wrap{position:relative;inset:auto;width:100%;height:410px;margin:0 auto 28px;aspect-ratio:auto}.hero-portrait{height:410px;bottom:0;object-position:center top;mask-image:none;-webkit-mask-image:none}}


/* Restore the original soft blend at the foot of the portrait. */
.hero-portrait{mask-image:linear-gradient(#000 76%,transparent 98%);-webkit-mask-image:linear-gradient(#000 76%,transparent 98%)}

.team-photo.mayar-silhouette{background:var(--navy)}.mayar-silhouette img{object-fit:cover;object-position:center}.team-person:first-child .team-photo img{transform:scale(1.35) translateX(13%);transform-origin:center 32%}.team-person:first-child:hover .team-photo img{transform:scale(1.385) translateX(13%)}

/* Phone composition: use the cutout's actual square canvas so its fade reaches the robe. */
@media(max-width:600px){
 .hero{padding:24px 20px 0;background:transparent;gap:0}
 .hero-copy{order:0}
 .hero-copy .eyebrow{display:none}
 .hero-copy h1{font-size:32px;line-height:1.35}
 .hero-copy h1>span{font-size:21px;line-height:1.6;margin-top:8px}
 .hero-copy>p{margin-top:12px;font-size:16px;line-height:1.9}
 .portrait-wrap{order:1;position:relative;inset:auto;width:min(100%,340px);max-width:340px;height:auto;aspect-ratio:1;margin:14px auto -22px;overflow:hidden}
 .hero-portrait{position:static;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(#000 72%,transparent 100%)}
 .hero-advisor{order:2;position:relative;inset:auto;width:auto;margin:0 -20px;padding:20px;background:var(--navy);gap:16px;align-items:stretch}
 .advisor-note{text-align:center}
 .advisor-note h2{font-size:20px}
 .advisor-note p{font-size:14px;line-height:1.8}
 .hero-advisor>.button{width:100%;min-width:0;min-height:50px}
 .hero-facts{order:3;position:relative;inset:auto;margin:0 -20px;padding:24px 20px 28px;background:var(--navy);gap:24px 14px;border-top:1px solid #ffffff28}
 .mobile-menu>summary{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
 .team-profile-link,.team-phone-link{min-height:44px}
 .whatsapp-widget{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:600px){.brand strong{white-space:nowrap}.whatsapp-toggle>span{display:none}.whatsapp-toggle{width:52px;height:52px;min-height:52px;padding:0;justify-content:center;border-radius:50%}.whatsapp-toggle>.icon{width:25px;height:25px}}
@media(max-width:360px){.header-cta{display:none}.header{padding:16px}.brand strong{font-size:24px}.hero-copy h1{font-size:30px}.hero-copy h1>span{font-size:19px}}
