/* Ahmed Simary: Warm Off-White UAE Executive Design */
:root{
  --color-ivory:#f7f3ed;
  --color-warm-white:#fcfaf7;
  --color-sand-light:#eee6dc;
  --color-stone-light:#ddd3c7;
  --color-ink:#171717;
  --color-charcoal:#252525;
  --color-body:#57534e;
  --color-muted:#78716c;
  --color-copper:#b8663f;
  --color-copper-deep:#8f482c;
  --color-bronze:#9a6a48;
  --color-champagne:#c5a27d;
  --color-copper-soft:#d6a88b;
  --color-obsidian:#171717;
  --color-dark-warm:#211e1b;
  --color-dark-border:#3b342f;
  --section-space-mobile:clamp(40px,9vw,64px);
  --section-space-tablet:clamp(56px,8vw,80px);
  --section-space-desktop:clamp(68px,7vw,104px);
  --radius-small:2px;
  --radius-medium:4px;
  --radius-large:8px;
}

body{background:var(--color-warm-white);color:var(--color-ink)}
a{transition:color 180ms var(--ease2),text-decoration-color 180ms var(--ease2)}
::selection{background:var(--color-copper);color:var(--color-warm-white)}
.serif,.pull,.case-kicker,.rec-quote,.role-title,.fin{font-style:normal}
.eyebrow,.scene-label{color:var(--color-copper-deep)}
.eyebrow::after{width:36px;background:var(--color-copper)}

/* Header */
.hdr{min-height:76px;padding-block:12px;background:rgba(252,250,247,.96);border-color:rgba(143,72,44,.22)}
.wm{position:relative;display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;column-gap:12px;font-size:15px;letter-spacing:.16em;line-height:1.05;color:var(--color-ink)}
.wm::before{content:"AS";grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--color-copper);color:var(--color-copper-deep);font-size:12px;letter-spacing:.05em}
.wm .ar-sig{grid-column:2;color:var(--color-muted);margin-top:4px}
.menu{gap:clamp(14px,1.7vw,28px)}
.menu a{font-size:12px;letter-spacing:0;text-transform:none;color:var(--color-charcoal)}
.lang-toggle{color:var(--color-copper-deep);font-weight:600}
.menu-btn{border-color:var(--color-copper-soft);color:var(--color-ink);background:var(--color-warm-white)}

/* Buttons */
.btn{min-height:48px;border-color:var(--color-copper-soft);color:var(--color-ink);background:transparent;text-transform:none;letter-spacing:0;border-radius:var(--radius-small)}
.btn::after,.case-cta::after,.sect-more a::after,.text-link::after{content:"→";margin-inline-start:10px;color:currentColor;transition:transform 180ms var(--ease2)}
[dir="rtl"] .btn::after,[dir="rtl"] .case-cta::after,[dir="rtl"] .sect-more a::after,[dir="rtl"] .text-link::after{content:"←"}
.btn:hover::after,.case-card:hover .case-cta::after,.sect-more a:hover::after,.text-link:hover::after{transform:translateX(3px)}
[dir="rtl"] .btn:hover::after,[dir="rtl"] .case-card:hover .case-cta::after,[dir="rtl"] .sect-more a:hover::after,[dir="rtl"] .text-link:hover::after{transform:translateX(-3px)}
.btn-primary{background:var(--color-copper);border-color:var(--color-copper);color:var(--color-warm-white)}
.btn-primary:hover{background:var(--color-copper-deep);border-color:var(--color-copper-deep);color:var(--color-warm-white)}
.btn-ghost:hover{background:var(--color-ivory);border-color:var(--color-copper)}

/* Homepage hero */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:590px;align-items:stretch;border-bottom:1px solid var(--line-soft);background:var(--color-warm-white);overflow:hidden}
.hero-media{position:relative;inset:auto;grid-column:2;grid-row:1;min-height:590px;background:var(--color-ivory);border-inline-start:1px solid var(--line-soft)}
.hero-art{width:100%;height:100%;object-fit:cover;object-position:58% 50%}
.hero-art-lines{display:none}
.hero-inner{grid-column:1;grid-row:1;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:auto;max-width:820px;margin:0;padding:clamp(54px,6vw,82px) clamp(32px,4.5vw,72px)}
.hero-h1{font-size:clamp(42px,4vw,64px);font-weight:500;line-height:1.03;max-width:none;margin:20px 0 24px}
.hero-line{display:block;white-space:nowrap}
.hero-support{font-size:clamp(17px,1.25vw,19px);line-height:1.65;color:var(--color-body);max-width:52ch}
.hero-proof{margin:20px 0 26px;color:var(--color-copper-deep);letter-spacing:.07em}
.hero-ctas{gap:12px}
.hero-pause{display:none!important}

/* Editorial rhythm */
.sect{padding-block:var(--section-space-desktop)}
.sect-h{font-size:clamp(34px,3.4vw,54px);line-height:1.06;font-weight:500;max-width:18ch}
.sect-copy,.man-body,.page-intro{color:var(--color-body);font-size:clamp(17px,1.2vw,18px);line-height:1.72}
.page-head{padding-top:clamp(64px,7vw,96px);padding-bottom:48px;border-bottom:1px solid var(--line-soft)}
.page-h1{font-size:clamp(42px,5.3vw,76px);font-weight:500;line-height:1.02;max-width:19ch}
.page-intro{max-width:68ch}

/* Metrics strip */
.metrics{max-width:none;padding-inline:var(--mx);background:var(--color-ivory);border-bottom:1px solid var(--line-soft)}
.metrics>.eyebrow,.metrics>.sect-h,.metrics>.metrics-note{max-width:var(--container-cinematic);margin-inline:auto}
.metrics>.sect-h{font-size:clamp(28px,2.7vw,42px)}
.metrics-grid{max-width:var(--container-cinematic);margin:44px auto 0;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.metric{padding:25px 20px;min-height:138px;border-inline-end:1px solid var(--line-soft);justify-content:space-between}
.metric:last-child{border-inline-end:0}
.metric-rule{display:none}
.metric-val{font-size:clamp(28px,2.5vw,42px);font-weight:500;color:var(--color-copper-deep)}
.metric-label{font-size:11px;line-height:1.45;color:var(--color-charcoal);letter-spacing:.04em}

/* Featured work */
.featured-work{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,2.6fr);column-gap:clamp(40px,5vw,80px);align-items:start}
.featured-work>.eyebrow,.featured-work>.sect-h,.featured-work>.sect-copy{grid-column:1}
.featured-work>.sect-h{font-size:clamp(32px,3vw,48px)}
.featured-work>.case-cards{grid-column:2;grid-row:1/5;margin-top:0}
.case-cards{gap:18px}
.case-card{gap:7px;border-color:var(--line-soft);background:var(--color-warm-white);padding-bottom:22px;transform:none}
.case-card:hover{border-color:var(--color-copper);transform:none}
.case-media img,.archive-thumb img,.post-cover img,.article-cover img,.case-hero-media img{filter:contrast(1.02) saturate(.88) brightness(1)}
.case-card:hover .case-media img{transform:scale(1.025)}
.case-title{font-size:clamp(21px,1.65vw,28px);font-weight:500}
.case-kicker{color:var(--color-copper-deep);font-size:15px}
.case-role{color:var(--color-charcoal)}
.case-stats{color:var(--color-muted);letter-spacing:.05em;line-height:1.5}
.case-cta{color:var(--color-copper-deep);text-decoration:none;text-transform:none;letter-spacing:0}

/* Leadership: numerals and headings stay on one line */
.disc-grid{grid-template-columns:minmax(220px,320px) 1fr;gap:clamp(40px,6vw,96px)}
.disc-cols{gap:0;border-top:1px solid var(--line-soft)}
.disc{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px 18px;padding:30px 0;border-bottom:1px solid var(--line-soft)}
.disc-num{grid-column:1;grid-row:1;color:var(--color-copper-deep);font-style:normal;line-height:1.3}
.disc h3{grid-column:2;grid-row:1;margin:0;font-size:clamp(19px,1.6vw,24px);font-weight:500;line-height:1.25;white-space:nowrap}
.disc>p{grid-column:2;color:var(--color-body)}
.disc .tags{margin-top:5px}
.tags span,.tags li{border-color:var(--line-soft);color:var(--color-muted);background:var(--color-warm-white)}
.film{background:var(--color-ivory);border-color:var(--line-soft)}
.film video{filter:saturate(.84) contrast(1.03) brightness(1)}
.film::after{display:none}
.film-pause{background:rgba(252,250,247,.92);color:var(--color-ink);border-color:var(--color-copper-soft)}

/* Expertise icon band */
.home-expertise-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;background:transparent;border-block:1px solid var(--line-soft)}
.home-expertise-grid a,.home-expertise-grid a:last-child:nth-child(odd){grid-column:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-height:190px;padding:24px 14px;background:var(--color-warm-white);border-inline-end:1px solid var(--line-soft)}
.home-expertise-grid a:last-child{border-inline-end:0}
.home-expertise-grid a:hover,.home-expertise-grid a:focus-visible{background:var(--color-ivory)}
.expertise-icon{width:34px;height:34px;color:var(--color-copper);fill:none;stroke:currentColor;stroke-width:1.45;margin-bottom:6px}
.home-expertise-grid span{grid-row:auto;color:var(--color-copper-deep);font-size:11px}
.home-expertise-grid strong{font-size:15px;line-height:1.25;font-weight:500}
.home-expertise-grid small{font-size:12px;line-height:1.45;color:var(--color-muted)}
.expertise-card{background:var(--color-warm-white);border:1px solid var(--line-soft)}
.expertise-card:hover{background:var(--color-ivory)}
.expertise-grid{gap:18px;background:transparent}

/* Editorial cards and lists */
.rec,.post-card-link,.related-card,.author-bio,.toc,.contact-form,.article-nav-item{background:var(--color-warm-white);border-color:var(--line-soft);box-shadow:none}
.rec-quote{color:var(--color-charcoal)}
.post-card-link:hover,.related-card:hover,.article-nav-item:hover{border-color:var(--color-copper)}
.archive-list,.roles,.career-strip{background:transparent}
.archive-item,.role,.related-band>div,.cv-metrics>div{background:var(--color-warm-white)}
.archive-link:hover,.archive-link:focus-visible{background:var(--color-ivory)}
.career-strip time,.expertise-index,.method-number,.cv-title{color:var(--color-copper-deep)}
.evidence-panel,.cv-details>div{background:var(--color-ivory)}
.article-body,.case-body p,.role-body p,.role-body li{color:var(--color-body)}
.article-body thead th{background:var(--color-sand-light);color:var(--color-ink)}
.field input,.field select,.field textarea{background:var(--color-warm-white);color:var(--color-ink)}

/* Selective dark sections */
.manifesto,.closing{max-width:none;padding-inline:max(var(--mx),calc((100vw - var(--container-cinematic))/2 + var(--mx)));background:var(--color-obsidian);color:var(--color-warm-white)}
.manifesto .sect-h,.manifesto .pull,.closing .closing-h,.closing .sect-copy{color:var(--color-warm-white)}
.manifesto .man-body,.closing .sect-copy{color:#d7cec5}
.manifesto .eyebrow,.closing .eyebrow{color:var(--color-copper-soft)}
.closing .btn-ghost{color:var(--color-warm-white);border-color:#7c5a45}
.closing .btn-ghost:hover{background:#2c2723}
.ftr{margin-top:0;padding-top:52px;background:var(--color-dark-warm);color:var(--color-warm-white)}
.ftr-rule{background:#5a4639}
.ftr-line,.ftr-nav a,.ftr-actions a,.ftr-base,.ftr .ar-sig{color:#cec3b8}
.ftr-nav a:hover,.ftr-actions a:hover{color:var(--color-warm-white)}

@media(max-width:1180px){
  .metrics-grid{grid-template-columns:repeat(3,1fr)}
  .metric:nth-child(3){border-inline-end:0}
  .metric:nth-child(-n+3){border-bottom:1px solid var(--line-soft)}
  .home-expertise-grid{grid-template-columns:repeat(4,1fr)}
  .home-expertise-grid a:nth-child(4n){border-inline-end:0}
  .home-expertise-grid a:nth-child(-n+4){border-bottom:1px solid var(--line-soft)}
}
@media(max-width:980px){
  .hero{grid-template-columns:1fr 1fr;min-height:580px}
  .hero-media{min-height:580px}
  .hero-inner{padding-inline:var(--mx)}
  .hero-h1{font-size:clamp(40px,5.3vw,56px)}
  .hero-line{white-space:normal}
  .featured-work{display:block}
  .featured-work>.case-cards{margin-top:40px}
  .home-expertise-grid{grid-template-columns:repeat(2,1fr)}
  .home-expertise-grid a:nth-child(n){border-bottom:1px solid var(--line-soft);border-inline-end:1px solid var(--line-soft)}
  .home-expertise-grid a:nth-child(2n){border-inline-end:0}
  .home-expertise-grid a:last-child{border-bottom:0}
}
@media(max-width:760px){
  :root{--section-space:var(--section-space-mobile)}
  .sect{padding-block:var(--section-space-mobile)}
  .hdr{min-height:72px}
  .wm{grid-template-columns:34px auto;font-size:14px}.wm::before{width:34px;height:34px}
  .menu a{font-size:20px}
  .hero{display:flex;flex-direction:column;min-height:auto}
  .hero-inner{order:1;padding:54px var(--mx) 42px;max-width:none}
  .hero-media{order:2;width:100%;min-height:0;aspect-ratio:5/4;border-inline-start:0;border-top:1px solid var(--line-soft)}
  .hero-art{object-position:63% 50%}
  .hero-h1{font-size:clamp(39px,10.6vw,52px);line-height:1.04;max-width:14ch;margin-block:18px 22px}
  .hero-line{white-space:normal}
  .hero-support{font-size:17px}
  .hero-proof{font-size:11px;margin-block:18px 22px}
  .hero-ctas{display:grid;grid-template-columns:1fr 1fr}
  .hero-ctas .btn{width:auto;max-width:none}
  .hero-ctas .btn:last-child{grid-column:1/-1}
  .metrics-grid{grid-template-columns:repeat(2,1fr);margin-top:32px}
  .metric:nth-child(n){border-inline-end:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
  .metric:nth-child(2n){border-inline-end:0}
  .metric:nth-last-child(-n+2){border-bottom:0}
  .metric{min-height:125px;padding:20px 12px}
  .case-cards{grid-template-columns:1fr}
  .disc-grid{grid-template-columns:1fr}
  .disc-film{display:none}
  .disc{grid-template-columns:38px minmax(0,1fr)}
  .disc h3{font-size:clamp(18px,5.2vw,22px)}
  .home-expertise-grid{grid-template-columns:1fr 1fr}
  .home-expertise-grid a{min-height:178px;padding:22px 12px}
  .page-h1{font-size:clamp(36px,10vw,48px)}
  .sect-h{font-size:clamp(31px,8vw,42px)}
  .manifesto,.closing{padding-inline:var(--mx)}
}

@media(min-width:761px){
  [dir="rtl"] .hero-inner{grid-column:1}
  [dir="rtl"] .hero-media{grid-column:2;border-inline-start:1px solid var(--line-soft);border-inline-end:0}
  [dir="rtl"] .hero-art{object-position:54% 50%}
}
@media(max-width:430px){
  .hero-ctas{grid-template-columns:1fr}
  .hero-ctas .btn:last-child{grid-column:auto}
  .home-expertise-grid{grid-template-columns:1fr}
  .home-expertise-grid a:nth-child(n){border-inline-end:0}
  .metrics-grid{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  .hero-art-lines{display:none}
}