/* ===== Nour Halawani Theme — Core Styles ===== */
:root{
    --bg:#08090b;--bg-2:#101317;--ink:#f4f6f8;--ink-soft:#8b95a1;--line:#22262d;
    --hot:#ff4d1c;--hot-2:#ffb020;
    --display:"Anton",Impact,sans-serif;
    --cond:"Archivo Narrow",sans-serif;
    --body:"Archivo",sans-serif;
    --ar:"Cairo","Segoe UI",Tahoma,sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  .wrap{max-width:1240px;margin:0 auto;padding:0 36px;}
  ::selection{background:var(--hot);color:#fff;}

  /* ═══════════════════════════════
     LANGUAGE SYSTEM
     In Arabic mode: html gets dir="rtl", body gets class "ar"
     .en hides, .ara shows — and dir:rtl handles most layout flipping
  ═══════════════════════════════ */
  .ara{display:none;}
  body.ar{font-family:var(--ar);direction:rtl;}
  body.ar .en{display:none!important;}
  body.ar .ara{display:revert;}

  /* ═══════════════════════════════
     LANGUAGE TOGGLE BUTTON
  ═══════════════════════════════ */
  .lang-toggle{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:2px;overflow:hidden;}
  .lang-btn{background:none;border:none;color:var(--ink-soft);font-family:var(--cond);font-weight:700;font-size:13px;letter-spacing:.1em;padding:7px 13px;cursor:pointer;transition:all .2s;}
  .lang-btn.active{background:var(--hot);color:#fff;}
  .lang-btn:hover:not(.active){color:var(--hot);}
  .lang-sep{width:1px;height:24px;background:var(--line);}

  /* ═══════════════════════════════
     REVEAL
  ═══════════════════════════════ */
  .rv{opacity:0;transform:translateY(38px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
  .rv.in{opacity:1;transform:none;}
  .rv.d1{transition-delay:.08s;}.rv.d2{transition-delay:.16s;}.rv.d3{transition-delay:.24s;}
  @media(prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important;}}

  /* ═══════════════════════════════
     NAV
  ═══════════════════════════════ */
  nav{position:fixed;top:0;left:0;right:0;z-index:80;transition:background .3s,border-color .3s;border-bottom:1px solid transparent;}
  nav.scrolled{background:rgba(8,9,11,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px;}
  .logo{font-family:var(--cond);font-weight:700;font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-decoration:none;}
  .logo b{color:var(--hot);}
  .nav-links{display:flex;gap:30px;align-items:center;}
  .nav-links a{color:var(--ink-soft);text-decoration:none;font-family:var(--cond);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;transition:color .2s;}
  .nav-links a:hover{color:var(--ink);}
  .nav-cta{background:var(--hot);color:#fff!important;padding:10px 20px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
  .nav-cta:hover{background:#ff6437;}
  /* RTL nav */
  body.ar .nav-links a{font-family:var(--ar);letter-spacing:0;font-size:15px;}
  body.ar .nav-cta{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%);}

  /* ═══════════════════════════════
     HERO — COMPLETELY FROZEN IN ENGLISH
     No language switching here whatsoever.
     The Arabic line is a permanent bilingual element.
  ═══════════════════════════════ */
  .hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;direction:ltr;text-align:left;}
  .hero-bg{position:absolute;inset:0;z-index:0;}
  .hero-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(.22) contrast(1.1) brightness(.72);transform:scale(1.05);}
  .hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,9,11,.88) 18%,rgba(8,9,11,.3) 58%,rgba(8,9,11,.62));}
  .hero-bg::before{content:"";position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.18) 3px);opacity:.35;}
  .hero-content{position:relative;z-index:3;direction:ltr;/* hero ALWAYS LTR */}
  .hero-kick{display:inline-flex;align-items:center;gap:12px;font-family:var(--cond);font-weight:700;font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--hot-2);margin-bottom:26px;}
  .hero-kick::before{content:"";width:42px;height:2px;background:var(--hot);}
  .hero h1{font-family:var(--display);font-weight:400;font-size:clamp(54px,9vw,128px);line-height:.92;letter-spacing:.005em;text-transform:uppercase;margin-bottom:6px;}
  .hero h1 .stroke{color:transparent;-webkit-text-stroke:1.5px var(--ink);}
  .hero h1 .hot{color:var(--hot);}
  .hero .sub{font-family:var(--cond);font-weight:600;font-size:clamp(16px,2vw,21px);letter-spacing:.04em;color:var(--ink-soft);text-transform:uppercase;margin:22px 0 8px;}
  /* Arabic subtitle — permanent bilingual element, always visible */
  .hero-arabic{font-family:var(--ar);font-size:clamp(20px,2.8vw,30px);font-weight:700;color:var(--ink);direction:rtl;margin-bottom:38px;letter-spacing:0;line-height:1.5;}
  .hero-arabic .ar-hot{color:var(--hot);}
  .hero-cta{display:flex;gap:16px;flex-wrap:wrap;}
  .btn{display:inline-block;font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:15px 32px;transition:all .2s;}
  .btn-hot{background:var(--hot);color:#fff;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
  .btn-hot:hover{background:#ff6437;transform:translateX(3px);}
  .btn-line{border:1.5px solid var(--line);color:var(--ink);}
  .btn-line:hover{border-color:var(--hot);color:var(--hot);}
  .scroll-cue{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:3;font-family:var(--cond);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;gap:8px;}
  .scroll-cue i{width:1px;height:40px;background:linear-gradient(var(--hot),transparent);animation:drop 1.8s infinite;}
  @keyframes drop{0%{transform:scaleY(0);transform-origin:top;}50%{transform:scaleY(1);transform-origin:top;}51%{transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}

  /* ═══════════════════════════════
     MARQUEE
  ═══════════════════════════════ */
  .marquee{background:var(--hot);overflow:hidden;padding:14px 0;border-top:2px solid #08090b;border-bottom:2px solid #08090b;direction:ltr;}
  .marquee-track{display:flex;gap:48px;white-space:nowrap;animation:slide 26s linear infinite;width:max-content;}
  .marquee span{font-family:var(--display);font-size:22px;letter-spacing:.04em;text-transform:uppercase;color:#08090b;display:flex;align-items:center;gap:48px;}
  .marquee span::after{content:"✦";color:rgba(8,9,11,.5);}
  @keyframes slide{from{transform:translateX(0);}to{transform:translateX(-50%);}}

  /* ═══════════════════════════════
     SECTION SHELL
     RTL: dir:rtl flips justify-content:space-between automatically
     so .l group goes to the right (reading start) and .ar goes left
  ═══════════════════════════════ */
  section{padding:120px 0;position:relative;}
  .sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px;gap:30px;flex-wrap:wrap;}
  .sec-head .l{display:flex;align-items:baseline;gap:20px;}
  .sec-num{font-family:var(--display);font-size:clamp(40px,6vw,80px);color:transparent;-webkit-text-stroke:1.5px var(--line);line-height:.8;}
  /* Section rule — replaced the ghost numerals on the homepage. A hairline across the
     content column with an orange lead segment; inset-inline-start so the segment sits
     at the reading edge and flips to the right in Arabic. */
  .sec-rule{position:relative;height:2px;background:var(--line);margin-bottom:26px;}
  .sec-rule::before{content:"";position:absolute;inset-inline-start:0;top:0;width:72px;height:2px;background:var(--hot);}
  .sec-head h2{font-family:var(--display);font-size:clamp(34px,5vw,60px);text-transform:uppercase;line-height:.9;letter-spacing:.01em;}
  .sec-head h2 .hot{color:var(--hot);}
  .sec-head .ar-label{font-family:var(--ar);font-weight:800;font-size:clamp(22px,3vw,38px);color:var(--ink-soft);letter-spacing:0;line-height:.95;}
  /* In Arabic mode: headings use Cairo, sec-num moves after h2 in reading order */
  body.ar .sec-head h2{font-family:var(--ar);font-size:clamp(30px,4.5vw,56px);letter-spacing:0;text-transform:none;}
  body.ar .sec-head .ar-label{color:var(--ink);font-size:clamp(16px,2vw,22px);font-weight:600;}

  /* ═══════════════════════════════
     STATS
  ═══════════════════════════════ */
  /* ═══ STATS — FROZEN BILINGUAL (like hero, never switches) ═══ */
  .xp{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0;direction:ltr;}
  .xp-grid{display:grid;grid-template-columns:repeat(4,1fr);}
  .xp-cell{padding:54px 24px;border-right:1px solid var(--line);position:relative;text-align:left;}
  .xp-cell:last-child{border-right:none;}
  .xp-cell b{font-family:var(--display);display:flex;align-items:flex-start;line-height:.85;direction:ltr;}
  .xp-cell b .num{font-family:var(--display);font-size:clamp(64px,8vw,96px);line-height:.85;color:var(--ink);letter-spacing:0;margin:0;text-transform:none;}
  .xp-cell b .sym{width:clamp(30px,3.6vw,46px);height:clamp(30px,3.6vw,46px);margin-inline-start:8px;margin-top:4px;flex-shrink:0;}
  .xp-en{font-family:var(--cond);font-weight:600;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:16px;display:block;}
  .xp-ar{font-family:var(--ar);font-weight:600;font-size:15px;color:var(--ink-soft);margin-top:6px;display:block;direction:rtl;text-align:left;}

  /* ═══════════════════════════════
     WORK CARDS
  ═══════════════════════════════ */
  .work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .work-card{position:relative;overflow:hidden;background:var(--bg-2);border:1px solid var(--line);aspect-ratio:2/3;cursor:pointer;}
  .work-card-link{display:block;position:absolute;inset:0;z-index:1;}
  .work-card-link img{width:100%;height:100%;object-fit:cover;display:block;}
  .work-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3) contrast(1.1);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s;}
  .work-card:hover img{transform:scale(1.08);filter:grayscale(0) contrast(1.15);}
  .work-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(transparent 30%,rgba(8,9,11,.6) 60%,rgba(8,9,11,.96));display:flex;flex-direction:column;justify-content:flex-end;padding:26px;transition:background .4s;}
  .work-card:hover .work-overlay{background:linear-gradient(transparent 10%,rgba(8,9,11,.7) 45%,rgba(8,9,11,.98));}
  .work-tag{font-family:var(--cond);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--hot-2);margin-bottom:8px;}
  .work-card h3{font-family:var(--display);font-size:30px;text-transform:uppercase;line-height:.95;margin-bottom:6px;}
  .work-role{font-family:var(--cond);font-weight:600;font-size:14px;color:var(--ink);letter-spacing:.02em;}
  .work-note{font-size:13px;color:var(--ink-soft);max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .4s,margin .4s;}
  .work-card:hover .work-note{max-height:100px;opacity:1;margin-top:10px;}
  /* RTL work cards: text aligns right */
  body.ar .work-tag{font-family:var(--ar);letter-spacing:0;font-size:13px;text-transform:none;}
  body.ar .work-role{font-family:var(--ar);letter-spacing:0;}
  body.ar .work-note{font-family:var(--ar);}

  /* ═══════════════════════════════
     ALSO ON SET
  ═══════════════════════════════ */
  .also{margin-top:80px;border-top:1px solid var(--line);padding-top:44px;}
  .also-head{display:flex;align-items:baseline;gap:16px;margin-bottom:26px;flex-wrap:wrap;}
  .also-label{font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--hot-2);}
  .also-sub{font-size:13px;color:var(--ink-soft);}
  .also-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
  .also-poster{position:relative;overflow:hidden;border:1px solid var(--line);aspect-ratio:2/3;background:#000;}
  .also-poster img{width:100%;height:100%;object-fit:cover;filter:grayscale(.4) contrast(1.05);transition:transform .5s,filter .4s;opacity:.85;}
  .also-poster:hover img{transform:scale(1.06);filter:grayscale(0);opacity:1;}
  .also-poster-cap{position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,rgba(8,9,11,.96));}
  .also-poster-cap b{font-family:var(--cond);font-weight:700;font-size:14px;display:block;line-height:1.2;margin-bottom:4px;}
  .also-poster-cap i{font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--hot-2);}
  body.ar .also-label{font-family:var(--ar);letter-spacing:0;font-size:16px;text-transform:none;}
  body.ar .also-sub{font-family:var(--ar);}
  body.ar .also-poster-cap b{font-family:var(--ar);}

  /* ═══════════════════════════════
     CLIENTS — TIERED
  ═══════════════════════════════ */
  .clients{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .client-tier{margin-bottom:28px;}
  .client-tier:last-child{margin-bottom:0;}
  .tier-label{font-family:var(--cond);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--hot-2);margin-bottom:14px;}
  body.ar .tier-label{font-family:var(--ar);letter-spacing:0;font-size:15px;text-transform:none;}
  .client-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;border:1px solid var(--line);}
  .cmark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:120px;padding:16px 18px;border-inline-end:1px solid var(--line);transition:background .3s;position:relative;overflow:hidden;}
  .cmark:last-child{border-inline-end:none;}
  .cmark::after{content:"";position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:0;height:2px;background:var(--hot);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
  body.ar .cmark::after{transform-origin:right;}
  .cmark:hover{background:var(--bg);}
  .cmark:hover::after{transform:scaleX(1);}
  .cmark-name{font-family:var(--display);font-size:clamp(17px,1.9vw,23px);letter-spacing:.03em;color:var(--ink);line-height:1.05;transition:color .3s;text-align:center;}
  .cmark:hover .cmark-name{color:var(--hot);}
  .cmark-sub{font-family:var(--cond);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);}

  /* Client logo band — continuously scrolling marks. The track is printed twice so the
     -50% keyframe loops seamlessly; hover pauses it so a visitor can actually read a logo. */
  .client-band{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;}
  .client-track{display:flex;align-items:center;gap:72px;width:max-content;animation:nh-marq-l 34s linear infinite;}
  .client-band-r .client-track{animation-name:nh-marq-r;}
  .client-band:hover .client-track{animation-play-state:paused;}
  .cmark-logo{flex:none;opacity:.62;transition:opacity .3s;}
  .cmark-logo:hover{opacity:1;}
  .cmark-word{flex:none;font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;}
  body.ar .cmark-word{font-family:var(--ar);letter-spacing:0;text-transform:none;}
  /* Fade the band into the section on both edges so marks enter and leave rather than pop. */
  .client-band::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg-2) 0%,rgba(16,19,23,0) 14%,rgba(16,19,23,0) 86%,var(--bg-2) 100%);}
  @keyframes nh-marq-l{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  @keyframes nh-marq-r{from{transform:translateX(-50%);}to{transform:translateX(0);}}
  @media(prefers-reduced-motion:reduce){
    .client-track{animation:none;width:100%;flex-wrap:wrap;justify-content:center;gap:44px 56px;}
    .client-band::after{display:none;}
  }

  /* ═══════════════════════════════
     PHILOSOPHY
  ═══════════════════════════════ */
  .philo{position:relative;text-align:center;padding:160px 0;overflow:hidden;}
  .philo-bg{position:absolute;inset:0;z-index:0;}
  .philo-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) brightness(.55) contrast(1.12);}
  .philo-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(8,9,11,.5),rgba(8,9,11,.85));}
  .philo .inner{position:relative;z-index:2;max-width:920px;margin:0 auto;}
  .philo .lead{font-family:var(--cond);font-weight:700;font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--hot);margin-bottom:30px;}
  .philo blockquote{font-family:var(--display);font-size:clamp(40px,7vw,86px);line-height:.96;text-transform:uppercase;letter-spacing:.005em;}
  .philo blockquote .stroke{color:transparent;-webkit-text-stroke:1.5px var(--ink);}
  .philo blockquote .hot{color:var(--hot);}
  .philo p{font-size:17px;color:var(--ink-soft);max-width:560px;margin:36px auto 0;}
  /* Arabic philosophy: Cairo bold, proper line height */
  body.ar .philo .lead{font-family:var(--ar);letter-spacing:0;font-size:16px;text-transform:none;}
  body.ar .philo blockquote{font-family:var(--ar);font-size:clamp(30px,5.5vw,68px);line-height:1.25;letter-spacing:0;text-transform:none;}
  body.ar .philo p{font-family:var(--ar);font-size:18px;line-height:1.8;}

  /* ═══════════════════════════════
     BTS GALLERY
  ═══════════════════════════════ */
  .bts-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:14px;}
  .bts-grid figure{overflow:hidden;position:relative;border:1px solid var(--line);margin:0;}
  .bts-grid figure img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.1);transition:filter .4s,transform .6s;display:block;}
  .bts-grid figure:hover img{filter:grayscale(0);transform:scale(1.07);}
  .bts-tall{grid-row:span 2;}.bts-wide{grid-column:span 2;}

  /* ═══════════════════════════════
     WHY ME
  ═══════════════════════════════ */
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);counter-reset:nh-why;}
  .why-cell{padding:46px 36px;border-inline-end:1px solid var(--line);transition:background .3s;}
  .why-cell:last-child{border-inline-end:none;}
  .why-cell:hover{background:var(--bg-2);}
  .why-cell .n{font-family:var(--display);font-size:34px;color:var(--hot);line-height:1;margin-bottom:18px;counter-increment:nh-why;}
  .why-cell .n::before{content:"0" counter(nh-why);}
  .why-cell h4{font-family:var(--cond);font-weight:700;font-size:21px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px;}
  .why-cell p{font-size:14.5px;color:var(--ink-soft);}
  body.ar .why-cell h4{font-family:var(--ar);letter-spacing:0;font-size:20px;text-transform:none;}
  body.ar .why-cell p{font-family:var(--ar);font-size:15px;line-height:1.9;}

  /* ═══════════════════════════════
     CTA
  ═══════════════════════════════ */
  .cta{position:relative;text-align:center;padding:130px 0;overflow:hidden;}
  .cta-bg{position:absolute;inset:0;background:linear-gradient(120deg,#08090b,#1a0d08 60%,#2a0f05);z-index:0;}
  .cta-bg::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.2) 3px);opacity:.4;}
  .cta .inner{position:relative;z-index:2;}
  .cta .lead{font-family:var(--cond);font-weight:700;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--hot-2);margin-bottom:22px;}
  .cta h2{font-family:var(--display);font-size:clamp(40px,7vw,84px);text-transform:uppercase;line-height:.92;margin-bottom:18px;}
  .cta h2 .hot{color:var(--hot);}
  .cta p{color:var(--ink-soft);max-width:520px;margin:0 auto 34px;font-size:16px;}
  .cta-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
  body.ar .cta .lead{font-family:var(--ar);letter-spacing:0;font-size:16px;text-transform:none;}
  body.ar .cta h2{font-family:var(--ar);letter-spacing:0;font-size:clamp(34px,6vw,72px);text-transform:none;}
  body.ar .cta p{font-family:var(--ar);font-size:17px;line-height:1.9;}
  body.ar .btn-hot{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,10px 100%);}
  body.ar .btn{font-family:var(--ar);letter-spacing:0;}

  /* ═══════════════════════════════
     FOOTER
  ═══════════════════════════════ */
  footer{border-top:1px solid var(--line);padding:54px 0;}
  .foot-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;}
  .foot-links{display:flex;gap:26px;}
  .foot-links a{font-family:var(--cond);font-weight:600;color:var(--ink-soft);text-decoration:none;font-size:14px;letter-spacing:.08em;text-transform:uppercase;transition:color .2s;}
  .foot-links a:hover{color:var(--hot);}
  .foot-copy{font-family:var(--cond);font-size:13px;color:var(--ink-soft);}
  body.ar .foot-copy{font-family:var(--ar);letter-spacing:0;font-size:14px;}
  body.ar .logo{font-family:var(--ar);letter-spacing:0;}

  /* ═══════════════════════════════
     RESPONSIVE
  ═══════════════════════════════ */
  @media(max-width:920px){
    .work-grid{grid-template-columns:repeat(2,1fr);}
    .client-row{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);}
    .cmark:nth-child(3){border-inline-end:none;}
    .cmark:nth-child(1),.cmark:nth-child(2),.cmark:nth-child(3){border-bottom:1px solid var(--line);}
    .xp-grid{grid-template-columns:repeat(2,1fr);}
    .xp-cell:nth-child(2){border-inline-end:none;}
    .xp-cell:nth-child(1),.xp-cell:nth-child(2){border-bottom:1px solid var(--line);}
    .why-grid{grid-template-columns:1fr;}
    .why-cell{border-inline-end:none;border-bottom:1px solid var(--line);}
    .why-cell:last-child{border-bottom:none;}
    .bts-grid{grid-template-columns:repeat(2,1fr);}
    .nav-links a:not(.nav-cta):not(.lang-btn){display:none;}
    .also-row{grid-template-columns:repeat(2,1fr);}
    .also-poster:last-child{grid-column:span 2;aspect-ratio:16/7;}
  }
  @media(max-width:560px){
    .work-grid{grid-template-columns:1fr;}
    .xp-grid{grid-template-columns:1fr;}
    .xp-cell{border-inline-end:none;border-bottom:1px solid var(--line);}
    .client-row{grid-auto-flow:row;grid-template-columns:1fr;}
    .cmark{border-inline-end:none;border-bottom:1px solid var(--line);height:100px;}
    .cmark:last-child{border-bottom:none;}
  }