/* IITWares — shared stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Tajawal:wght@400;500;700;800;900&display=swap');

:root{
  --bone:#EAE4D8;
  --card:#F3EFE7;
  --ink:#1A1813;
  --ink-2:#2b2a26;
  --muted:#6B675E;
  --muted-2:#A39E92;
  --line:rgba(26,24,19,.14);
  --vermilion:#EE4322;
  --green:#7bc24c;
  --gold:#f0b429;
  --sky:#6fd0e8;
  --font-sans:'Archivo',sans-serif;
  --font-mono:'Space Mono',monospace;
  --font-ar:'Tajawal','IBM Plex Sans Arabic',sans-serif;
  --font-ar-mono:'IBM Plex Sans Arabic','Space Mono',monospace;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:var(--bone);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:var(--ink);text-decoration:none;}
a:hover{color:var(--vermilion);}
::selection{background:var(--vermilion);color:#fff;}
.wrap{max-width:1340px;margin:0 auto;padding:0 40px;}
.eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;}
.h-display{font-weight:900;letter-spacing:-.04em;text-transform:uppercase;line-height:.9;color:var(--ink);margin:0;}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:15px 26px;border-radius:999px;font-weight:700;cursor:pointer;border:none;transition:background .2s,color .2s,border-color .2s;}
.btn-dark{background:var(--ink);color:var(--bone);}
.btn-dark:hover{background:var(--vermilion);color:#fff;}
.btn-outline{border:1px solid rgba(26,24,19,.25);color:var(--ink);background:transparent;}
.btn-outline:hover{border-color:var(--vermilion);background:rgba(238,67,34,.1);color:var(--ink);}
.btn-accent{background:var(--vermilion);color:#fff;}
.btn-accent:hover{background:var(--ink);color:#fff;}

/* ===== NAV ===== */
.site-nav{position:sticky;top:0;z-index:300;width:100%;backdrop-filter:blur(16px);background:rgba(234,228,216,.86);border-bottom:1px solid rgba(26,24,19,.12);}
.nav-inner{max-width:1340px;margin:0 auto;padding:16px 40px;display:flex;align-items:stretch;justify-content:space-between;gap:24px;}
.nav-logo,.nav-cta{display:flex;align-items:center;}
.nav-logo img{height:60px;width:150px;object-fit:contain;object-position:left center;}
.nav-links{display:flex;align-items:stretch;gap:4px;list-style:none;margin:0;padding:0;align-self:stretch;}
.nav-links > li{position:static;display:flex;align-items:center;}
.nav-links a.top-link{font-family:var(--font-sans);font-weight:600;font-size:14px;letter-spacing:.01em;text-transform:uppercase;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:6px;padding:9px 13px;border-radius:8px;transition:color .2s;height:100%;box-sizing:border-box;}
.nav-links a.top-link:hover{background:rgba(26,24,19,.07);color:var(--ink);}
.nav-arrow{font-size:8px;display:inline-block;transition:transform .25s;}
.nav-links > li:hover .top-link,.nav-links > li:focus-within .top-link,.nav-links a.top-link.active{color:var(--vermilion);}
.nav-links > li:hover .nav-arrow,.nav-links > li:focus-within .nav-arrow,.nav-links a.top-link.active .nav-arrow{transform:rotate(180deg);}
.nav-cta{display:flex;align-items:center;gap:16px;}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.burger span{width:24px;height:2px;background:var(--ink);display:block;}
.mega{position:absolute;top:100%;left:0;right:0;width:100%;background:rgba(243,239,231,.98);backdrop-filter:blur(20px);border-bottom:1px solid rgba(26,24,19,.12);padding:0;display:none;box-shadow:0 40px 80px rgba(26,24,19,.18);z-index:400;}
.nav-links > li.mega-open .mega{display:block;}
.mega-inner{max-width:1340px;margin:0 auto;padding:40px;display:grid;grid-template-columns:340px 1fr;gap:50px;}
.mega-cols{display:flex;gap:50px;padding-top:4px;}
.mega-col h4{margin:0 0 16px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;color:var(--muted-2);text-transform:uppercase;}
.mega-col{min-width:190px;}
.mega-col a{display:flex;align-items:center;gap:10px;color:#3A372F;font-family:var(--font-sans);font-size:16px;font-weight:600;letter-spacing:-.01em;padding:7px 0;text-decoration:none;transition:color .2s,gap .2s;}
.mega-col a::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--vermilion);flex-shrink:0;}
.mega-col a:hover{color:var(--vermilion);gap:16px;}
.mega-feature{width:100%;border-radius:18px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;text-decoration:none;position:relative;overflow:hidden;}
.mega-feature .tag{position:relative;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.92);text-transform:uppercase;}
.mega-feature .ttl{position:relative;color:#fff;font-weight:900;font-size:27px;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;}
.mega-feature .explore{position:relative;margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:#fff;text-transform:uppercase;border:1px solid rgba(255,255,255,.5);padding:8px 14px;border-radius:999px;width:fit-content;}

/* mobile nav panel */
.mobile-nav{display:none;position:fixed;inset:0;z-index:500;background:var(--ink);padding:30px;overflow-y:auto;}
.mobile-nav.open{display:block;}
.mobile-nav a{display:block;color:var(--bone);font-size:22px;font-weight:800;text-transform:uppercase;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);text-decoration:none;}
.mobile-nav .close-x{position:absolute;top:26px;right:30px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;}

@media (max-width:980px){
  .nav-links,.nav-cta .btn-outline{display:none !important;}
  .burger{display:flex !important;}
}

/* ===== FOOTER ===== */
.site-footer{background:var(--ink);padding-top:70px;overflow:hidden;}
.footer-top{display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between;padding-bottom:60px;}
.footer-logo img{height:66px;width:168px;object-fit:contain;object-position:left center;}
.footer-cols{display:flex;gap:70px;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;line-height:2;text-transform:uppercase;}
.footer-cols .lbl{color:var(--muted);margin-bottom:8px;}
.footer-cols .val{color:#C9C3B5;}
.footer-cols a.val{color:#C9C3B5;}
.footer-cols a.val:hover{color:var(--vermilion);}
.ghost-word{text-align:center;line-height:.8;padding-bottom:10px;font-weight:900;font-size:clamp(60px,17vw,250px);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(243,239,231,.18);text-transform:uppercase;white-space:nowrap;overflow:hidden;}
.footer-bottom{border-top:1px solid rgba(243,239,231,.1);}
.footer-bottom-inner{max-width:1340px;margin:0 auto;padding:22px 40px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;}
.footer-bottom-inner .legal{display:flex;gap:26px;flex-wrap:wrap;}

/* ===== SHARED PAGE HEADER ===== */
.page-hero{max-width:1340px;margin:0 auto;padding:84px 40px 30px;}
.crumbs{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;margin-bottom:22px;}
.crumbs a{color:var(--muted);text-decoration:none;}
.crumbs a:hover{color:var(--vermilion);}
.crumbs .cur{color:var(--vermilion);}
.page-hero h1{font-weight:900;font-size:clamp(44px,8vw,128px);line-height:.88;letter-spacing:-.04em;text-transform:uppercase;color:var(--ink);margin:0;}
.page-hero p{margin:26px 0 0;max-width:600px;font-size:18px;line-height:1.5;color:#4A463E;font-weight:500;}

/* ===== CARDS / GRIDS ===== */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.feature-card{background:var(--card);border:1px solid rgba(26,24,19,.1);border-radius:16px;padding:26px;min-height:180px;display:flex;flex-direction:column;transition:border-color .2s;}
.feature-card:hover{border-color:var(--vermilion);}
.feature-card .dot{width:14px;height:14px;border-radius:50%;background:var(--vermilion);margin-bottom:auto;}
.feature-card h4{margin:18px 0 8px;font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
.feature-card p{margin:0;font-size:13px;line-height:1.55;color:var(--muted);}

.point-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;}
.point-list .pt{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid rgba(26,24,19,.12);font-size:15px;font-weight:600;color:var(--ink);}
.point-list .pt span{color:var(--vermilion);}

.cta-card{flex:1 1 320px;min-height:340px;border-radius:20px;background:linear-gradient(150deg,#1A1813,#2b2a26);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;}
.cta-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(238,67,34,.5),transparent 55%);}
.cta-card .cta-tag{position:relative;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.8);text-transform:uppercase;margin-bottom:12px;}
.cta-card .cta-ttl{position:relative;font-weight:900;font-size:30px;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase;color:#fff;}
.cta-card .btn{position:relative;margin-top:20px;background:#fff;color:var(--ink);align-self:flex-start;}
.cta-card .btn:hover{background:var(--vermilion);color:#fff;}

/* portfolio */
.filter-row{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;}
.filter-btn{cursor:pointer;padding:11px 20px;border-radius:999px;border:1px solid rgba(26,24,19,.25);background:transparent;color:var(--ink);font-weight:700;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,color .2s;}
.filter-btn.active,.filter-btn:hover{background:var(--vermilion);color:#fff;border-color:var(--vermilion);}
.proj-card{display:block;background:var(--card);border:1px solid rgba(26,24,19,.1);border-radius:16px;overflow:hidden;transition:border-color .2s,transform .2s;text-decoration:none;}
.proj-card:hover{border-color:var(--vermilion);transform:translateY(-4px);}
.proj-thumb{aspect-ratio:46/30;background:#E3DDD0;position:relative;overflow:hidden;}
.proj-thumb img{width:100%;height:100%;object-fit:cover;}
.proj-cat{position:absolute;top:12px;left:12px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(26,24,19,.78);padding:5px 10px;border-radius:999px;}
.proj-body{padding:18px 20px 20px;}
.proj-body h4{margin:0 0 5px;font-size:18px;font-weight:800;text-transform:uppercase;color:var(--ink);letter-spacing:-.01em;}
.proj-tags{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);text-transform:uppercase;margin-bottom:10px;}
.view-project{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--vermilion);font-weight:700;display:inline-flex;align-items:center;gap:6px;}
.view-project span{transition:transform .2s;}
.view-project:hover span{transform:translateX(3px);}

.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.gallery-card{border-radius:14px;overflow:hidden;background:var(--card);border:1px solid rgba(26,24,19,.1);}
.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.gallery-card .cap{padding:10px 12px;font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;}

/* blog */
.blog-card{text-decoration:none;display:flex;flex-direction:column;background:var(--card);border:1px solid rgba(26,24,19,.1);border-radius:18px;overflow:hidden;transition:border-color .2s;}
.blog-card:hover{border-color:var(--vermilion);}
.blog-thumb{aspect-ratio:16/10;background:var(--ink);position:relative;overflow:hidden;}
.blog-thumb img{width:100%;height:100%;object-fit:cover;}
.blog-meta{display:flex;gap:10px;align-items:center;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
.blog-meta .cat{color:var(--vermilion);}
.blog-card h3{margin:0;font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.015em;color:var(--ink);padding:0 22px;}
.blog-card .bp{padding:22px;}

/* article */
.article-wrap{max-width:760px;margin:0 auto;padding:46px 40px 20px;}
.article-wrap p{font-size:17px;line-height:1.75;color:#3A372F;}
.article-wrap h2{margin:36px 0 12px;font-weight:800;font-size:clamp(22px,2.4vw,30px);line-height:1.15;letter-spacing:-.02em;color:var(--ink);}
.article-wrap blockquote{margin:44px 0;padding:6px 0 6px 28px;border-left:4px solid var(--vermilion);font-size:clamp(22px,2.6vw,30px);line-height:1.35;font-weight:700;letter-spacing:-.015em;color:var(--ink);}
.takeaways{background:var(--ink);border-radius:18px;padding:30px 32px;}
.takeaways .lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--vermilion);text-transform:uppercase;margin-bottom:16px;}
.takeaways .tk{display:flex;align-items:flex-start;gap:12px;padding:9px 0;font-size:15.5px;font-weight:600;color:var(--bone);line-height:1.45;}
.takeaways .tk span{color:var(--vermilion);flex-shrink:0;}

/* faq */
.faq-item{border-top:1px solid rgba(26,24,19,.16);}
.faq-item summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary .q{font-size:clamp(17px,1.8vw,22px);font-weight:700;color:var(--ink);letter-spacing:-.01em;}
.faq-item summary .sign{font-family:var(--font-mono);font-size:22px;color:var(--vermilion);flex-shrink:0;}
.faq-item[open] summary .sign{transform:rotate(45deg);display:inline-block;}
.faq-item p{margin:0;padding:0 40px 24px 0;font-size:14.5px;line-height:1.65;color:var(--muted);}

/* contact */
.contact-box{background:var(--card);border:none;border-radius:14px;padding:20px 24px;}
.contact-box .lbl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:8px;}
.contact-box .val{font-size:16px;font-weight:700;color:var(--ink);line-height:1.4;}
.contact-box.dark{background:var(--ink);}
.contact-box.dark .lbl{color:var(--muted-2);}
.contact-box.dark .val{color:var(--bone);}
input,textarea,select{width:100%;padding:16px 20px;border-radius:12px;border:none;background:var(--card);font-family:var(--font-sans);font-size:15px;color:var(--ink);}
input::placeholder,textarea::placeholder{color:var(--muted);}
input:focus,textarea:focus,select:focus{outline:2px solid var(--vermilion);outline-offset:1px;}
label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
.field{margin-bottom:20px;}

/* client marquee */
.marquee-wrap{position:relative;overflow:hidden;margin-top:56px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.marquee-track{display:flex;width:max-content;align-items:center;gap:18px;animation:marquee 32s linear infinite;}
.marquee-logo{flex-shrink:0;height:160px;background:var(--card);border-radius:20px;padding:5px;display:flex;align-items:center;justify-content:center;}
.marquee-logo img{max-width:none;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:20px;}
.tag-marquee{border-top:1px solid rgba(26,24,19,.14);border-bottom:1px solid rgba(26,24,19,.14);padding:20px 0;overflow:hidden;background:var(--ink);}
.tag-marquee-track{display:flex;width:max-content;animation:marquee 26s linear infinite;gap:54px;font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#C9C3B5;}

@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes pageIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
@keyframes heroBlink{0%,49%{opacity:1;}50%,100%{opacity:0;}}
@keyframes heroWordIn{from{opacity:0;transform:translateY(.3em);}to{opacity:1;transform:translateY(0);}}
@keyframes spinSlow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes drift1{0%,100%{transform:translate(0,0);}50%{transform:translate(10px,-14px);}}
@keyframes drift2{0%,100%{transform:translate(0,0);}50%{transform:translate(-8px,10px);}}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
#heroCursor{animation:heroBlink 1s steps(1) infinite;}

@media (max-width:980px){
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .gallery-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:760px){
  .wrap,.page-hero,.footer-bottom-inner{padding-left:20px !important;padding-right:20px !important;}
}
@media (max-width:600px){
  .grid-4,.grid-3,.grid-2,.point-list{grid-template-columns:1fr !important;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
  .nav-inner{padding:14px 20px;}
}

.footer-bottom .legal a{color:inherit;text-decoration:none;opacity:.75;}
.footer-bottom .legal a:hover{opacity:1;color:var(--vermilion);}
.filter-btn{background:transparent;border:1px solid rgba(26,24,19,.2);border-radius:999px;padding:8px 18px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:#6B675E;transition:.18s;}
.filter-btn:hover{border-color:var(--vermilion);color:var(--vermilion);}
.filter-btn.is-active{background:var(--ink);border-color:var(--ink);color:#F3EFE7;}
.article-wrap table th{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;}
.article-wrap code{background:rgba(26,24,19,.07);padding:2px 6px;border-radius:5px;font-family:var(--font-mono);font-size:.9em;}
.article-wrap h3{color:var(--ink);}
.article-wrap li{margin-bottom:6px;}


/* ============================================================
   ARABIC / RTL
   Arabic is set larger and looser than Latin — its letterforms
   carry more vertical detail and read smaller at equal px size.
   ============================================================ */
[dir="rtl"]{text-align:right;}
[dir="rtl"] body,
body[dir="rtl"]{font-family:var(--font-ar);}
[dir="rtl"] .eyebrow,
[dir="rtl"] .btn,
[dir="rtl"] .crumbs,
[dir="rtl"] .blog-meta,
[dir="rtl"] .footer-cols,
[dir="rtl"] .footer-bottom-inner,
[dir="rtl"] .mega-col h4,
[dir="rtl"] .takeaways .lbl,
[dir="rtl"] .filter-btn,
[dir="rtl"] .contact-box .lbl,
[dir="rtl"] label,
[dir="rtl"] .cta-card .cta-tag,
[dir="rtl"] .proj-cat,
[dir="rtl"] .proj-tags,
[dir="rtl"] .gallery-card .cap,
[dir="rtl"] .mega-feature .tag,
[dir="rtl"] .mega-feature .explore,
[dir="rtl"] .article-wrap table th{font-family:var(--font-ar-mono);letter-spacing:0;text-transform:none;}

/* Arabic has no uppercase — replace caps hierarchy with weight/size */
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4,
[dir="rtl"] .h-display,[dir="rtl"] .page-hero h1{text-transform:none;letter-spacing:0;font-family:var(--font-ar);}
[dir="rtl"] .page-hero h1,[dir="rtl"] .h-display{line-height:1.12;}
[dir="rtl"] h2{line-height:1.25;}

/* Body copy: larger size, looser leading */
[dir="rtl"] p,[dir="rtl"] li,[dir="rtl"] .faq-item p,
[dir="rtl"] .feature-card p,[dir="rtl"] .takeaways .tk{line-height:1.85;font-family:var(--font-ar);}
[dir="rtl"] .article-wrap p{font-size:18px;line-height:1.9;}
[dir="rtl"] .page-hero p{line-height:1.75;}
[dir="rtl"] .nav-links a.top-link{text-transform:none;letter-spacing:0;font-size:15px;font-family:var(--font-ar);}
[dir="rtl"] .mega-col a{font-family:var(--font-ar);}
[dir="rtl"] .mobile-nav a{font-family:var(--font-ar);}

/* Mirrored layout */
[dir="rtl"] .mobile-nav .close-x{right:auto;left:30px;}
[dir="rtl"] .proj-cat{left:auto;right:12px;}
[dir="rtl"] .article-wrap blockquote{padding:6px 28px 6px 0;border-left:none;border-right:4px solid var(--vermilion);}
[dir="rtl"] .article-wrap ul,[dir="rtl"] .article-wrap ol,
[dir="rtl"] ul,[dir="rtl"] ol{padding-left:0;padding-right:22px;}
[dir="rtl"] .faq-item p{padding:0 0 24px 40px;}
[dir="rtl"] .article-wrap table th,[dir="rtl"] .article-wrap table td{text-align:right;}

/* Numerals, phone numbers and Latin fragments stay LTR */
[dir="rtl"] .ltr,[dir="rtl"] bdi,
[dir="rtl"] a[href^="tel:"],[dir="rtl"] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate;display:inline-block;}
[dir="rtl"] .num{direction:ltr;unicode-bidi:isolate;}

/* Language switcher */
.lang-switch{display:inline-flex;align-items:center;border:1px solid rgba(26,24,19,.24);border-radius:999px;overflow:hidden;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;flex-shrink:0;}
.lang-switch a{padding:8px 12px;color:var(--muted);text-decoration:none;line-height:1;transition:background .2s,color .2s;}
.lang-switch a:hover{color:var(--vermilion);}
.lang-switch a.is-active{background:var(--ink);color:var(--bone);}
.lang-switch a.is-active:hover{color:var(--bone);}
[dir="rtl"] .lang-switch{direction:ltr;}
.mobile-nav .lang-switch{margin-top:22px;border-color:rgba(255,255,255,.3);}
.mobile-nav .lang-switch a{color:rgba(255,255,255,.7);}
.mobile-nav .lang-switch a.is-active{background:var(--vermilion);color:#fff;}
@media (max-width:1100px){.nav-cta .lang-switch{display:none;}}