/* WASSIMVISUALS V3.0.1 — Arabic Typography / Alexandria Variable (100–900)
 * Font stylesheet is requested only for the Arabic locale.
 * No embedded/bundled font data. EN/FR typography and original layouts remain unchanged.
 */
html:is([lang="ar"],[lang="ary"]){
  --wv3-font: "Alexandria", Tahoma, "Segoe UI", Arial, sans-serif;
  --wv3-serif: "Alexandria", Tahoma, Arial, sans-serif;
  --ar-w-100:100; --ar-w-200:200; --ar-w-300:300;
  --ar-w-400:400; --ar-w-500:500; --ar-w-600:600;
  --ar-w-700:700; --ar-w-800:800; --ar-w-900:900;
  font-synthesis:none;
}
html:is([lang="ar"],[lang="ary"]) body.wv3,
html:is([lang="ar"],[lang="ary"]) body.case,
html:is([lang="ar"],[lang="ary"]) body.wv3 .booking-dialog,
html:is([lang="ar"],[lang="ary"]) body.wv3 .project-modal {
  font-family:var(--wv3-font);
  letter-spacing:0;
}
/* Existing headings used large negative tracking tailored to Latin typography.
   Arabic should remain naturally joined, with room for diacritics and tall glyphs. */
html:is([lang="ar"],[lang="ary"]) body.wv3 :is(
  .wv3-hero-title,.wv3-section-heading h2,.wv3-glass-story h2,
  .wv3-philosophy-main h2,.wv3-contact h2,.wv3-portfolio-intro h1,
  .wv3-portfolio-cta h2,.wv3-service h3,.wv3-process-card h3,
  .wv3-project h3,.wv3-contact p,.wv3-project-meta,
  .booking-dialog h2,.project-modal-info h2),
html:is([lang="ar"],[lang="ary"]) body.case :is(h1,h2,h3,p){
  font-family:var(--wv3-font);
  letter-spacing:0;
  text-transform:none;
}
html:is([lang="ar"],[lang="ary"]) .wv3-hero-title{font-weight:800;line-height:1.32;overflow-wrap:anywhere}
html:is([lang="ar"],[lang="ary"]) .wv3-section-heading h2,
html:is([lang="ar"],[lang="ary"]) .wv3-glass-story h2,
html:is([lang="ar"],[lang="ary"]) .wv3-portfolio-intro h1,
html:is([lang="ar"],[lang="ary"]) .wv3-contact h2{font-weight:750;line-height:1.34}
html:is([lang="ar"],[lang="ary"]) .wv3-philosophy-main h2{font-weight:650;line-height:1.48}
html:is([lang="ar"],[lang="ary"]) .wv3-project h3,
html:is([lang="ar"],[lang="ary"]) .wv3-service h3,
html:is([lang="ar"],[lang="ary"]) .wv3-process-card h3{font-weight:650;line-height:1.48}
html:is([lang="ar"],[lang="ary"]) .wv3-hero-desc,
html:is([lang="ar"],[lang="ary"]) .wv3-section-heading p,
html:is([lang="ar"],[lang="ary"]) .wv3-glass-story p,
html:is([lang="ar"],[lang="ary"]) .wv3-philosophy-main p,
html:is([lang="ar"],[lang="ary"]) .wv3-process-card p,
html:is([lang="ar"],[lang="ary"]) .wv3-contact p,
html:is([lang="ar"],[lang="ary"]) .wv3-service p,
html:is([lang="ar"],[lang="ary"]) .project-modal-info p,
html:is([lang="ar"],[lang="ary"]) .booking-dialog p{font-weight:400;line-height:1.95;letter-spacing:0}
html:is([lang="ar"],[lang="ary"]) :is(
  .wv3-overline,.wv3-kicker,.wv3-work-note,.wv3-project-overline,
  .wv3-nav-links a,.wv3-pill,.wv3-text-link,.wv3-mobile-nav a,
  .booking-dialog label,.project-modal-info .micro
){font-family:var(--wv3-font);letter-spacing:0;font-weight:600}
html:is([lang="ar"],[lang="ary"]) :is(.booking-dialog input,.booking-dialog textarea,.booking-dialog select,
.project-modal-info,.project-modal-info button){font-family:var(--wv3-font);letter-spacing:0}
/* Case studies load a separate Latin-first base stylesheet. */
html:is([lang="ar"],[lang="ary"]) body.case :is(.case-hero-v2 h1,.case-end h2){font-weight:800;line-height:1.32;letter-spacing:0}
html:is([lang="ar"],[lang="ary"]) body.case :is(.case-block h2,.case-split-copy h2){font-weight:700;line-height:1.45;letter-spacing:0}
html:is([lang="ar"],[lang="ary"]) body.case :is(.case-hero-foot p,.case-block-copy p,.case-split-copy p,.case-video-panel p){font-weight:400;line-height:1.98}
html:is([lang="ar"],[lang="ary"]) body.case :is(.case-eyebrow,.case-back,.case-social-links,.micro){font-weight:600;letter-spacing:0}
/* Preserve WASSIMVISUALS Latin brand treatment and English glass ornament lettering. */
html:is([lang="ar"],[lang="ary"]) :is(.wv3-brand-text,.wv3-contact-mark,.wv3-glass-plate,
.wv3-story-sigil,.wv3-float-glass,.case-brand){font-family:Inter,Manrope,"Helvetica Neue",Arial,sans-serif;direction:ltr}
html:is([lang="ar"],[lang="ary"]) .wv3-langs{direction:ltr}
html:is([lang="ar"],[lang="ary"]) .wv3-hero-title .wv-word-shell{white-space:nowrap}
@media(max-width:600px){
  html:is([lang="ar"],[lang="ary"]) .wv3-hero-title{font-size:clamp(38px,10.1vw,69px);line-height:1.38}
  html:is([lang="ar"],[lang="ary"]) .wv3-section-heading h2{font-size:clamp(40px,9vw,65px)}
  html:is([lang="ar"],[lang="ary"]) .wv3-portfolio-intro h1{font-size:clamp(50px,11vw,83px)}
  html:is([lang="ar"],[lang="ary"]) .wv3-glass-story h2{font-size:clamp(37px,9vw,62px)}
  html:is([lang="ar"],[lang="ary"]) .wv3-contact h2{font-size:clamp(39px,9vw,66px)}
}