/* A pair of actual surfaces opens onto the existing live page. No pointer shield. */
.mca-intro{
  --mca-paper:#f6f3eb;
  --mca-paper-light:#fcfbf7;
  --mca-paper-deep:#eeeae0;
  --mca-ink:#203c3b;
  --mca-gold:#ae9a72;
  position:fixed;inset:0;z-index:2147482000;
  width:100%;height:100%;overflow:hidden;
  container-type:size;container-name:mca-intro;
  pointer-events:none!important;
  color:var(--mca-ink);font-family:Manrope,Arial,sans-serif;
  font-weight:400;line-height:1.4;
  isolation:isolate;
  text-align:center;direction:ltr;
}
.mca-intro[data-mode="proof"]{position:absolute}
.mca-intro,.mca-intro *,.mca-intro *::before,.mca-intro *::after{box-sizing:border-box;pointer-events:none!important}
.mca-intro .mca-intro-pane{position:absolute;left:0;width:100%;overflow:hidden;will-change:transform;backface-visibility:hidden}
.mca-intro .mca-intro-upper{
  top:0;height:55%;
  background:linear-gradient(180deg,var(--mca-paper-light),var(--mca-paper));
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  padding:0 24px clamp(9px,1cqh,14px);
}
.mca-intro .mca-intro-lower{
  top:55%;height:45%;
  background:linear-gradient(180deg,var(--mca-paper),var(--mca-paper-deep));
  display:flex;flex-direction:column;align-items:center;
  padding:clamp(30px,3.9cqh,43px) 28px 24px;
}
.mca-intro .mca-intro-mark{
  position:relative;flex:none;
  width:clamp(88px,7.6cqw,144px);aspect-ratio:316/314;
  margin-bottom:clamp(22px,3cqh,32px);
  direction:ltr;
}
.mca-intro .mca-intro-art{position:relative;display:block;width:100%;height:100%;overflow:hidden;contain:paint;will-change:transform}
.mca-intro .mca-intro-raster{position:absolute;background:currentColor;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.mca-intro .mca-intro-wordmark{overflow:hidden}
.mca-intro .mca-intro-signet{color:var(--mca-gold)}
.mca-intro .mca-intro-engraving{position:absolute;width:128%;height:128%;left:-14%;top:-14%;overflow:visible;color:var(--mca-gold)}
.mca-intro .mca-intro-engraving circle,.mca-intro .mca-intro-engraving path{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke;stroke-linecap:round}
.mca-intro .mca-intro-ring{stroke-width:1.05}
.mca-intro .mca-intro-arc{stroke-width:.7;opacity:.38}
.mca-intro .mca-intro-wordmark{
  width:clamp(440px,calc(25cqw + 220px),700px);max-width:90%;
  aspect-ratio:1603/181;flex:none;color:var(--mca-ink);direction:ltr;
  margin-bottom:24px;
}
.mca-intro .mca-intro-since-mask{overflow:hidden;flex:none;width:100%;padding:0 12px}
.mca-intro .mca-intro-since{
  display:block;width:100%;margin:0;
  font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(46px,calc(1.25cqw + 38px),62px);
  font-weight:500;line-height:1.05;letter-spacing:-.025em;
  color:var(--mca-ink);white-space:nowrap;
}
.mca-intro .mca-intro-rule{flex:none;width:52px;height:1px;background:var(--mca-gold);margin-top:14px;transform-origin:center}
.mca-intro .mca-intro-edge{position:absolute;left:0;width:100%;height:1px;background:var(--mca-gold);transform-origin:center;opacity:0}
.mca-intro .mca-intro-upper .mca-intro-edge{bottom:0}
.mca-intro .mca-intro-lower .mca-intro-edge{top:0}
.mca-intro[data-lang="ar"] .mca-intro-since{font-family:'Noto Naskh Arabic',Georgia,serif;font-weight:400;letter-spacing:0;line-height:1.2;direction:rtl}

@container mca-intro (max-width:767px){
  .mca-intro .mca-intro-upper{padding:0 12px clamp(32px,6cqh,51px)}
  .mca-intro .mca-intro-lower{padding:clamp(30px,5cqh,43px) 20px 20px}
  .mca-intro .mca-intro-mark{width:clamp(76px,11.38cqh,96px);margin-bottom:clamp(22px,3.44cqh,29px)}
  .mca-intro .mca-intro-wordmark{width:min(84cqw,318px);max-width:100%;margin-bottom:clamp(24px,3.6cqh,31px)}
  .mca-intro .mca-intro-since{font-size:clamp(38px,5.22cqh,44px);line-height:1.15;letter-spacing:-.035em}
  .mca-intro .mca-intro-rule{width:44px;margin-top:12px}
  .mca-intro[data-lang="ru"] .mca-intro-since{font-size:clamp(35px,4.74cqh,40px)}
  .mca-intro[data-lang="ar"] .mca-intro-since{font-size:clamp(34px,4.98cqh,42px);line-height:1.2}
}
@container mca-intro (min-width:768px) and (max-height:650px){
  .mca-intro .mca-intro-upper{padding-bottom:13px}
  .mca-intro .mca-intro-mark{width:clamp(52px,12cqh,78px);margin-bottom:14px}
  .mca-intro .mca-intro-wordmark{width:clamp(300px,42cqw,500px);margin-bottom:12px}
  .mca-intro .mca-intro-since{font-size:clamp(30px,6.3cqh,39px)}
  .mca-intro .mca-intro-rule{margin-top:9px}
  .mca-intro .mca-intro-lower{padding-top:33px}
}
@container mca-intro (max-width:767px) and (max-height:500px){
  .mca-intro .mca-intro-upper{padding-bottom:12px}
  .mca-intro .mca-intro-mark{width:46px;margin-bottom:9px}
  .mca-intro .mca-intro-wordmark{width:min(62cqw,280px);margin-bottom:8px}
  .mca-intro .mca-intro-since{font-size:30px}
  .mca-intro .mca-intro-rule{margin-top:6px}
  .mca-intro .mca-intro-lower{padding-top:18px}
}

/* Fixed cartographic aperture; its two/three-name plates are planned in Canvas. */
.mca-intro .mca-intro-globe{width:clamp(248px,calc(7.5cqw + 176px),320px);aspect-ratio:1;flex:none;contain:layout paint;will-change:transform;direction:ltr}
.mca-intro .mca-intro-globe-canvas{display:block;width:100%;height:100%}
.mca-intro .mca-intro-countries{position:absolute;top:clamp(5px,1cqh,11px);left:0;width:100%;height:22px;pointer-events:none}
.mca-intro .mca-intro-country{position:absolute;inset:0;margin:0;padding:0 12px;font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:500;line-height:20px;letter-spacing:.12em;text-transform:uppercase;color:#866936;white-space:nowrap;will-change:transform,opacity}
.mca-intro[data-lang="ar"] .mca-intro-country{font-family:'Noto Naskh Arabic',Arial,sans-serif;font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;direction:rtl}
@container mca-intro (max-width:767px){
 .mca-intro .mca-intro-lower{padding-top:clamp(30px,calc(5cqh + 5px),48px)}
 .mca-intro .mca-intro-globe{width:clamp(196px,calc(80cqw - 64px),248px)}
}
@container mca-intro (min-width:768px) and (max-height:650px){.mca-intro .mca-intro-globe{width:min(32cqh,200px)}}
@container mca-intro (max-width:767px) and (max-height:500px){.mca-intro .mca-intro-lower{padding-top:30px}.mca-intro .mca-intro-globe{width:min(34cqh,170px)}.mca-intro .mca-intro-countries{top:3px}}
