@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Roboto+Serif:opsz,wght@8..144,300;8..144,400;8..144,500&family=Noto+Naskh+Arabic:wght@400;500&family=IBM+Plex+Sans+Arabic:wght@300;400;500&display=swap');
/* Ahmed Manea & Partners, Option 2 prototype. Palette and type from the approved company profile (Version A). */
:root{--sand:#ECE3D8;--ivory:#FBF8F2;--ink:#2A2420;--muted:#57504B;--rule:#C5B297;--gold:#C8B48F;--burgundy:#690311;
  --ui:'Inter',system-ui,sans-serif;--serif:'Roboto Serif',Georgia,serif;--m:clamp(20px,5vw,72px);--r:26px}
html[lang=ar]{--ui:'IBM Plex Sans Arabic','Inter',sans-serif;--serif:'Noto Naskh Arabic','Roboto Serif',serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--sand);color:var(--ink);font:16px/1.55 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 600px at 10% 0%,rgba(255,255,255,.75),transparent 60%),radial-gradient(900px 600px at 100% 100%,rgba(105,3,17,.09),transparent 60%);pointer-events:none}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{padding-inline:var(--m);max-width:1440px;margin-inline:auto}
/* nav */
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:18px var(--m);background:rgba(236,227,216,.72);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);border-bottom:1px solid rgba(197,178,151,.35)}
.nav .logo img{height:32px}
.nav .links{display:flex;gap:28px;margin-inline:auto;font-size:14.5px}
.nav .links a{padding-bottom:4px;border-bottom:1.5px solid transparent}
.nav .links a.on,.nav .links a:hover{border-color:var(--rule)}
.nav .lang{font-size:14px;font-weight:500}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--burgundy);color:#fff;padding:12px 20px;border-radius:999px;font:500 13px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:0;cursor:pointer}
.btn.ghost{background:transparent;color:var(--burgundy);border:1.5px solid var(--rule)}
.btn.white{background:#fff;color:var(--burgundy)}
.link{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--burgundy);border-bottom:1.5px solid var(--rule);padding-bottom:6px}
.burger{display:none}
@media(max-width:900px){.nav .links{display:none}.nav .btn{display:none}.burger{display:block;margin-inline-start:auto;font-size:13px}}
/* type */
.eyebrow{font:500 12px/1 var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
html[lang=ar] .eyebrow{letter-spacing:0;font-size:13px}
.display{font:300 clamp(40px,6.2vw,80px)/1.08 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.h1{font:300 clamp(36px,4.6vw,62px)/1.1 var(--serif);color:var(--ink)}
.h2{font:400 clamp(26px,2.6vw,34px)/1.2 var(--serif);color:var(--ink)}
.h3{font:400 23px/1.2 var(--serif);color:var(--ink)}
.b{color:var(--burgundy)}
.lead{font:400 clamp(17px,1.4vw,19px)/1.55 var(--ui);color:var(--muted);max-width:60ch}
.p{font:400 15px/1.6 var(--ui);color:var(--muted)}
.small{font:400 13px/1.45 var(--ui);color:var(--muted)}
.role{font:500 11px/1.4 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--burgundy)}
html[lang=ar] .role{letter-spacing:0;font-size:12px}
/* surfaces */
.glass{background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.8);border-radius:var(--r);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 24px 60px rgba(105,3,17,.07);backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15)}
.card{padding:28px}
.card .ic{width:30px;height:30px;color:var(--burgundy)}
.card .h3{margin-top:18px}
.card .p{margin-top:10px}
.bg-burgundy{background:var(--burgundy);color:#fff;border-radius:var(--r)}
.bg-burgundy .h2,.bg-burgundy .h1,.bg-burgundy .h3{color:#fff}
.bg-burgundy .p,.bg-burgundy .small,.bg-burgundy .eyebrow,.bg-burgundy .lead{color:rgba(255,255,255,.8)}
.chip{display:inline-block;padding:8px 16px;border:1px solid var(--rule);border-radius:999px;font:400 13px/1 var(--ui);color:var(--ink);background:rgba(255,255,255,.35)}
.chip.on{background:var(--burgundy);color:#fff;border-color:var(--burgundy)}
.chip.off{color:var(--muted);border-style:dashed;background:none}
.rule{border-top:1.5px solid var(--rule)}
section{padding:72px 0}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g2,.g3,.g4{grid-template-columns:1fr}}
/* hero */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden}
.hero .bg{position:absolute;inset:0;background:url(assets/corniche-aerial.jpg) center 40%/cover no-repeat}
.hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(236,227,216,.97) 0%,rgba(236,227,216,.92) 34%,rgba(236,227,216,.35) 62%,rgba(236,227,216,.08) 100%)}
html[lang=ar] .hero .bg::after{background:linear-gradient(270deg,rgba(236,227,216,.97) 0%,rgba(236,227,216,.92) 34%,rgba(236,227,216,.35) 62%,rgba(236,227,216,.08) 100%)}
.hero .in{position:relative;z-index:2;padding:80px var(--m);max-width:820px}
.hero .in .lead{margin-top:26px}
.hero .cta{display:flex;align-items:center;gap:26px;margin-top:38px;flex-wrap:wrap}
.hero .strip{position:relative;z-index:2;margin:0 var(--m) 40px;padding:24px 28px;display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:24px;background:rgba(251,248,242,.62)}
.hero .strip b{display:block;font:400 18px/1.25 var(--serif);color:var(--ink)}
.hero .strip span{display:block;margin-top:6px;font-size:13px;color:var(--muted)}
.hero .strip .contact{text-align:end}.hero .strip .contact b{font:500 15px/1.4 var(--ui)}
@media(max-width:900px){.hero .strip{grid-template-columns:1fr}.hero .strip .contact{text-align:start}}
.hero.page{min-height:0}.hero.page .in{padding:70px var(--m) 50px}.hero.page .display{font-size:clamp(34px,4.4vw,58px)}
/* sections */
.sec-head{display:grid;grid-template-columns:1fr 460px;gap:40px;align-items:end;margin-bottom:34px}
@media(max-width:900px){.sec-head{grid-template-columns:1fr}}
.sec-head .eyebrow{margin-bottom:18px}
.doors{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
/* practice list */
.prac{display:grid;grid-template-columns:52px 1fr 1.3fr 40px;gap:20px;align-items:baseline;padding:22px 0;border-top:1.5px solid var(--rule)}
.prac:last-child{border-bottom:1.5px solid var(--rule)}
.prac .no{font:500 12px/1 var(--ui);letter-spacing:.2em;color:var(--muted)}
.prac .name{font:400 22px/1.2 var(--serif)}
.prac .arrow{color:var(--burgundy);text-align:end}
@media(max-width:900px){.prac{grid-template-columns:40px 1fr}.prac .p{grid-column:2}.prac .arrow{display:none}}
/* people */
.person{display:grid;grid-template-columns:160px 1fr;overflow:hidden;min-height:300px}
.person img{width:100%;height:100%;object-fit:cover;object-position:top}
.person .meta{padding:26px;display:flex;flex-direction:column;gap:6px}
.person .name{font:400 22px/1.2 var(--serif)}
.person .bio{font:400 13.5px/1.5 var(--ui);color:var(--muted);margin-top:4px}
.mini{display:flex;gap:14px;align-items:center;padding:16px 18px}
.mini img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top}
.mini b{display:block;font:400 17px/1.2 var(--serif)}
.mini span{display:block;margin-top:4px}
/* media card */
.mcard{position:relative;overflow:hidden;border-radius:var(--r);min-height:340px}
.mcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mcard .cap{position:absolute;inset-inline:0;bottom:0;padding:24px;color:#fff;background:linear-gradient(0deg,rgba(42,36,32,.84),rgba(42,36,32,0));display:flex;flex-direction:column;gap:6px}
.mcard .cap .k{font:500 11px/1.4 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.8)}
html[lang=ar] .mcard .cap .k{letter-spacing:0}
.mcard .cap .t{font:400 24px/1.25 var(--serif)}
.mcard .cap .s{font-size:13px;color:rgba(255,255,255,.85)}
/* steps */
.step{padding:26px}
.step .n{font:500 12px/1 var(--ui);letter-spacing:.2em;color:var(--burgundy)}
.step .h3{margin-top:14px}
/* quote */
.quote{padding:34px}
.quote .q{font:300 clamp(20px,2vw,26px)/1.45 var(--serif)}
.quote .who{margin-top:18px;display:flex;gap:14px;align-items:center}
.quote .who img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:top}
.quote .who b{display:block;font:400 16px/1.2 var(--serif)}
/* contact */
.contact-band{padding:56px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
@media(max-width:900px){.contact-band{grid-template-columns:1fr;padding:32px}}
.dl{display:grid;grid-template-columns:120px 1fr;gap:12px 20px;font-size:14px}
.dl dt{font:500 11px/1.6 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7)}
html[lang=ar] .dl dt{letter-spacing:0;font-size:12px}
form .f{display:grid;gap:6px;margin-bottom:14px}
form label{font:500 11px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
html[lang=ar] form label{letter-spacing:0;font-size:12px}
form input,form select,form textarea{width:100%;padding:12px 14px;border:1px solid var(--rule);border-radius:12px;background:rgba(255,255,255,.6);font:400 15px/1.4 var(--ui);color:var(--ink)}
form textarea{min-height:120px}
.ok{display:none;margin-top:14px;color:var(--burgundy)}
/* footer */
footer{padding:48px var(--m) 32px;border-top:1.5px solid var(--rule);margin-top:40px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
@media(max-width:900px){footer .cols{grid-template-columns:1fr 1fr}}
footer h4{font:500 11px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
html[lang=ar] footer h4{letter-spacing:0;font-size:12px}
footer li{list-style:none;font-size:14px;margin-bottom:8px}
footer .legal{margin-top:36px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
/* motion: quiet fade-ups, off under reduced motion */
.rv{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.rib{font:400 11px/1.6 var(--ui);text-align:center;color:var(--muted);background:rgba(255,255,255,.5);padding:4px}
.rib b{color:var(--burgundy)}