/*
Theme Name: MOUSA ADS Premium
Theme URI: https://mousa-ads.local/
Author: MOUSA ADS
Author URI: https://mousa-ads.local/
Description: Premium dark cinematic WordPress theme for MOUSA ADS marketing agency. Custom-coded, fast, responsive, SEO-ready, and inspired by high-end agency hero layouts while preserving MOUSA ADS brand colors, typography, slogan, and services.
Version: 1.4.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: mousa-ads-premium
Tags: custom-logo, custom-menu, featured-images, one-column, responsive-layout, portfolio, agency
*/

:root{
  --bg:#03080b;
  --bg-2:#07110f;
  --bg-3:#0b1814;
  --brand-cream:#E8DEC8;
  --brand-cream-2:#F2ECD8;
  --brand-green:#1E4A35;
  --brand-green-2:#2A5C42;
  --brand-green-3:#326B4E;
  --brand-gold:#F0C230;
  --brand-gold-2:#C8A020;
  --text:#F8F3E7;
  --text-soft:rgba(248,243,231,.74);
  --text-muted:rgba(248,243,231,.55);
  --stroke:rgba(232,222,200,.16);
  --stroke-strong:rgba(240,194,48,.34);
  --shadow:0 28px 90px rgba(0,0,0,.54);
  --glow:0 0 42px rgba(240,194,48,.25),0 0 110px rgba(30,74,53,.34);
  --radius:26px;
  --radius-lg:38px;
  --container:1240px;
  --nav-h:88px;
  --ease:cubic-bezier(.16,1,.3,1);
  --font-sans:'Syne',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-display:'Cormorant Garamond',Georgia,serif;
  --font-ar:'Cairo',system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;width:100%;overflow-x:clip}
body{
  margin:0;
  width:100%;
  min-height:100vh;
  font-family:var(--font-sans);
  color:var(--text);
  line-height:1.65;
  background:
    radial-gradient(circle at 18% 8%,rgba(240,194,48,.16),transparent 32rem),
    radial-gradient(circle at 82% 10%,rgba(30,74,53,.46),transparent 34rem),
    radial-gradient(circle at 50% 82%,rgba(50,107,78,.28),transparent 42rem),
    linear-gradient(135deg,var(--bg),var(--bg-2) 48%,#020504);
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(232,222,200,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(232,222,200,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 50% 5%,black,transparent 72%);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.42;
  background:
    linear-gradient(115deg,transparent 0 22%,rgba(232,222,200,.035) 22% 22.5%,transparent 22.5% 54%,rgba(240,194,48,.035) 54% 54.3%,transparent 54.3%),
    radial-gradient(circle at 50% 50%,transparent,rgba(0,0,0,.72));
}
body.admin-bar .site-header{top:32px}
img,svg,video,canvas{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer;border:0;background:none;color:inherit}
::selection{background:var(--brand-gold);color:#0b0b0a}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#020504}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--brand-green),var(--brand-gold));border-radius:20px}

main{position:relative;z-index:1}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto;min-width:0}
.section{position:relative;padding:clamp(74px,9vw,132px) 0;overflow:visible}
.section--tight{padding:clamp(54px,7vw,96px) 0}
.section__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:clamp(1.2rem,3vw,2rem);align-items:end;margin-bottom:clamp(2rem,4.5vw,4.2rem);min-width:0}
.section__head>*,.content-stack,.page-hero .container{min-width:0}
.section__head p{color:var(--text-soft)}
.eyebrow{display:inline-flex;align-items:center;gap:.65rem;max-width:100%;color:var(--brand-gold);font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;margin-bottom:1.05rem;line-height:1.35}
.eyebrow::before{content:"";flex:0 0 34px;width:34px;height:1px;background:linear-gradient(90deg,var(--brand-gold),transparent)}
.kicker{color:var(--brand-gold);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}
.h1,.h2,.h3{font-weight:900;text-transform:uppercase;color:var(--brand-cream);text-wrap:balance;overflow-wrap:normal;word-break:normal}
.h1{font-size:clamp(3.05rem,6.4vw,6.35rem);line-height:.96;letter-spacing:-.052em}
.h2{font-size:clamp(2.35rem,5.1vw,5.15rem);line-height:1;letter-spacing:-.045em}
.h3{font-size:clamp(1.55rem,3vw,3rem);line-height:1.06;letter-spacing:-.035em}
.display-serif{font-family:var(--font-display);font-style:italic;text-transform:none;letter-spacing:-.045em;font-weight:700;color:var(--brand-gold);line-height:.88;text-shadow:0 0 34px rgba(240,194,48,.24)}
.lead{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.85;color:var(--text-soft);max-width:680px}
.text-muted{color:var(--text-muted)}
.brand-mark{color:var(--brand-gold)}

.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.72rem;border-radius:999px;min-height:52px;padding:.88rem 1.35rem;font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;isolation:isolate;overflow:clip;transition:transform .32s var(--ease),border-color .32s var(--ease),background .32s var(--ease),box-shadow .32s var(--ease)}
.btn::before{content:"";position:absolute;inset:1px;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s var(--ease);background:linear-gradient(120deg,rgba(255,255,255,.38),transparent 44%,rgba(255,255,255,.14))}
.btn:hover{transform:translateY(-3px)}
.btn:hover::before{opacity:1}
.btn--gold{background:var(--brand-cream);color:#08100d;box-shadow:0 16px 52px rgba(232,222,200,.22),0 0 35px rgba(240,194,48,.18)}
.btn--green{background:linear-gradient(135deg,var(--brand-green),var(--brand-green-3));color:var(--brand-cream);border:1px solid rgba(232,222,200,.18);box-shadow:0 18px 55px rgba(30,74,53,.34)}
.btn--ghost{background:rgba(232,222,200,.055);border:1px solid var(--stroke);color:var(--brand-cream);backdrop-filter:blur(16px)}
.btn__arrow{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.12);transition:transform .3s var(--ease)}
.btn:hover .btn__arrow{transform:translateX(4px)}
.glass{background:linear-gradient(135deg,rgba(232,222,200,.12),rgba(232,222,200,.035));border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(24px);border-radius:var(--radius)}
.glow-line{height:1px;background:linear-gradient(90deg,transparent,var(--brand-gold),rgba(232,222,200,.52),transparent);box-shadow:0 0 26px rgba(240,194,48,.35)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}
.reveal.delay-1{transition-delay:.08s}.reveal.delay-2{transition-delay:.16s}.reveal.delay-3{transition-delay:.24s}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-gold);outline-offset:4px}

.site-header{position:fixed;top:0;left:0;right:0;z-index:99;min-height:var(--nav-h);border-bottom:1px solid rgba(232,222,200,.10);transition:background .35s var(--ease),border-color .35s var(--ease),backdrop-filter .35s var(--ease)}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,8,11,.90),rgba(3,8,11,.66));backdrop-filter:blur(18px)}
.site-header.is-scrolled{background:rgba(3,8,11,.72);border-bottom-color:var(--stroke);backdrop-filter:blur(22px)}
.scroll-progress{position:absolute;left:0;top:0;width:0%;height:3px;background:linear-gradient(90deg,var(--brand-green),var(--brand-gold),var(--brand-cream));box-shadow:0 0 22px rgba(240,194,48,.55);transition:width .12s linear}
.navbar{min-height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:clamp(.75rem,2vw,1.4rem);padding-block:.78rem}
.logo{display:flex;align-items:center;gap:.82rem;min-width:max-content;position:relative;z-index:101}
.logo__symbol{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,var(--brand-gold),var(--brand-green) 68%);box-shadow:0 0 32px rgba(240,194,48,.22);font-weight:900;color:var(--brand-cream);letter-spacing:-.08em}
.logo__text{display:flex;flex-direction:column;line-height:1}
.logo__name{font-weight:900;letter-spacing:.12em;font-size:.98rem;color:var(--brand-cream);white-space:nowrap}
.logo__tag{font-size:.64rem;color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;margin-top:.35rem;white-space:nowrap}
.logo img{max-height:54px;width:auto}
.nav-menu{display:flex;align-items:center;justify-content:center;gap:clamp(.85rem,1.75vw,1.45rem);min-width:0}
.nav-menu a{position:relative;display:block;color:rgba(248,243,231,.78);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;line-height:1.2;transition:color .25s var(--ease)}
.nav-menu a::after{content:"";position:absolute;left:0;right:0;bottom:-.48rem;height:1px;transform:scaleX(0);transform-origin:left;background:var(--brand-gold);transition:transform .28s var(--ease)}
.nav-menu a:hover,.nav-menu .current-menu-item>a{color:var(--brand-cream)}
.nav-menu a:hover::after,.nav-menu .current-menu-item>a::after{transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:.8rem;position:relative;z-index:101;min-width:max-content}
.lang-switcher{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border:1px solid var(--stroke);border-radius:999px;background:rgba(232,222,200,.055);backdrop-filter:blur(16px)}
.lang-switcher button{min-width:38px;height:34px;padding:0 .65rem;border-radius:999px;color:rgba(248,243,231,.74);font-size:.7rem;line-height:1;font-weight:900;letter-spacing:.08em;transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.lang-switcher button:hover{transform:translateY(-1px);color:var(--brand-cream)}
.lang-switcher button.is-active{background:var(--brand-gold);color:#08100d;box-shadow:0 8px 24px rgba(240,194,48,.18)}
.menu-toggle{display:none;width:48px;height:48px;border-radius:50%;border:1px solid var(--stroke);background:rgba(232,222,200,.06);align-items:center;justify-content:center;gap:4px;flex-direction:column;flex:0 0 48px}
.menu-toggle span{width:19px;height:2px;background:var(--brand-cream);border-radius:10px;transition:transform .3s var(--ease),opacity .3s var(--ease)}
.menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.hero{position:relative;display:block;min-height:auto;padding:calc(var(--nav-h) + 56px) 0 clamp(66px,8vw,104px);overflow:visible}
.hero::before{content:"";position:absolute;inset:calc(var(--nav-h) + 18px) 4vw 36px;border-radius:38px;background:linear-gradient(135deg,rgba(232,222,200,.065),rgba(30,74,53,.16) 45%,rgba(232,222,200,.035));border:1px solid rgba(232,222,200,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 0 1px rgba(30,74,53,.14),0 0 80px rgba(30,74,53,.35);pointer-events:none}
.hero::after{content:"";position:absolute;inset:auto -10% -14% -10%;height:42%;background:radial-gradient(ellipse at 50% 50%,rgba(30,74,53,.55),transparent 64%);pointer-events:none}
.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.72fr);gap:clamp(2rem,4vw,4.6rem);align-items:center;min-width:0}
.hero__copy{position:relative;z-index:2;min-width:0;max-width:720px;padding-block:clamp(1rem,3vw,2rem)}
.hero__headline.h1{font-size:clamp(3.15rem,6vw,6.15rem);line-height:.96;letter-spacing:-.052em;margin:.2rem 0 1.35rem;max-width:720px;overflow:visible}
.hero__headline .line{display:block;max-width:100%;white-space:normal}
.hero__headline .line--gold{color:var(--brand-gold);font-size:.96em}
.hero__headline .script{font-size:clamp(2.9rem,5.15vw,5.35rem);display:inline-block;margin:.02em 0 .05em -0.02em;transform:rotate(-2deg);line-height:.9}
.hero__sub{max-width:620px;color:rgba(248,243,231,.74);font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.85;margin-bottom:2.05rem}
.hero__actions{display:flex;flex-wrap:wrap;gap:.86rem;margin-bottom:2rem}
.hero__proof{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;color:var(--text-muted);font-size:.86rem;max-width:620px}
.hero__proof p{min-width:0;overflow-wrap:break-word}
.proof-stack{display:flex;align-items:center;flex:0 0 auto}
.proof-stack span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(232,222,200,.22);background:linear-gradient(135deg,var(--brand-green),#08100d);color:var(--brand-cream);font-size:.75rem;font-weight:900;margin-left:-10px;box-shadow:0 12px 26px rgba(0,0,0,.28)}
.proof-stack span:first-child{margin-left:0}
.hero__visual{position:relative;display:grid;place-items:center;min-width:0;width:100%;min-height:0}
.hero-card{position:relative;width:min(100%,560px);min-height:clamp(450px,42vw,550px);padding:1rem;border-radius:34px;background:linear-gradient(145deg,rgba(232,222,200,.12),rgba(232,222,200,.035));border:1px solid rgba(232,222,200,.16);box-shadow:0 30px 120px rgba(0,0,0,.62),0 0 70px rgba(30,74,53,.42);overflow:clip;backdrop-filter:blur(22px)}
.hero-card::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 55% 10%,rgba(240,194,48,.20),transparent 28%),radial-gradient(circle at 68% 52%,rgba(50,107,78,.65),transparent 39%),linear-gradient(115deg,transparent 0 35%,rgba(232,222,200,.095) 35% 36%,transparent 36%);pointer-events:none}
.hero-card__screen{position:absolute;inset:1rem;border-radius:26px;overflow:clip;background:linear-gradient(145deg,#07120f,#020504 58%);border:1px solid rgba(232,222,200,.11);z-index:0}
.hero-card__screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 42%,rgba(240,194,48,.22),transparent 24%),radial-gradient(circle at 86% 10%,rgba(30,74,53,.82),transparent 38%),linear-gradient(100deg,transparent 0 24%,rgba(232,222,200,.08) 24.5% 25.2%,transparent 25.4% 51%,rgba(240,194,48,.08) 51.6% 52.1%,transparent 52.5%);opacity:.95}
.hero-card__brand{position:absolute;top:34px;left:34px;z-index:4;display:flex;align-items:center;gap:.72rem;color:var(--brand-cream);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:.82rem;line-height:1.2;max-width:calc(100% - 68px)}
.hero-card__brand img{width:50px;flex:0 0 auto;filter:drop-shadow(0 16px 30px rgba(0,0,0,.4))}
.hero-card__big{position:absolute;left:34px;right:34px;bottom:154px;z-index:4;max-width:calc(100% - 68px)}
.hero-card__big p:first-child{font-size:clamp(2.05rem,3.3vw,3.55rem);font-weight:900;letter-spacing:-.06em;line-height:.92;text-transform:uppercase;color:var(--brand-cream);max-width:100%}
.hero-card__big .display-serif{font-size:clamp(2.35rem,4vw,4.15rem);display:block;line-height:.86}
.hero-card__note{margin-top:.85rem;color:var(--text-soft);max-width:330px;font-size:.9rem;line-height:1.55}
.mascot-orbit{position:absolute;right:7%;top:14%;z-index:3;width:min(230px,41%);max-height:45%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 34px 70px rgba(0,0,0,.5));animation:floaty 5.8s ease-in-out infinite;transform-origin:center}
.event-card{position:absolute;right:28px;bottom:28px;z-index:5;width:min(270px,calc(100% - 56px));padding:1.05rem;border-radius:22px;background:rgba(2,5,4,.54);border:1px solid rgba(232,222,200,.18);backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.45);overflow:visible}
.event-card .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand-gold);box-shadow:0 0 16px var(--brand-gold);margin-right:.45rem}
.event-card .label{color:var(--brand-gold);font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;line-height:1.2}
.event-card h3{font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.18;margin:.55rem 0;color:var(--brand-cream);text-transform:uppercase;letter-spacing:-.02em;overflow-wrap:break-word}
.event-card p{font-size:.74rem;color:var(--text-muted);line-height:1.45}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(2deg)}}
.hero-glow{position:absolute;inset:auto 8% 8%;height:2px;background:linear-gradient(90deg,transparent,var(--brand-gold),var(--brand-cream),transparent);box-shadow:0 0 36px rgba(240,194,48,.48)}
.scroll-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.45rem;color:rgba(248,243,231,.50);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;z-index:4}
.scroll-hint::after{content:"";width:1px;height:36px;background:linear-gradient(var(--brand-gold),transparent)}

.marquee{position:relative;z-index:3;overflow:clip;border-block:1px solid var(--stroke);background:rgba(232,222,200,.035);backdrop-filter:blur(18px)}
.marquee__track{display:flex;width:max-content;animation:marquee 26s linear infinite}
.marquee span{display:inline-flex;align-items:center;gap:1.1rem;padding:1rem 2rem;color:rgba(248,243,231,.74);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.18em;white-space:nowrap}
.marquee b{color:var(--brand-gold)}
@keyframes marquee{to{transform:translateX(-50%)}}

.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;min-width:0}
.service-card{position:relative;padding:1.45rem;min-height:auto;border-radius:var(--radius);overflow:visible;background:linear-gradient(145deg,rgba(232,222,200,.105),rgba(232,222,200,.035));border:1px solid var(--stroke);box-shadow:0 18px 65px rgba(0,0,0,.34);transition:transform .36s var(--ease),border-color .36s var(--ease),box-shadow .36s var(--ease);isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:1.35rem}
.service-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 70% 18%,rgba(240,194,48,.18),transparent 24%),radial-gradient(circle at 20% 82%,rgba(30,74,53,.45),transparent 34%);opacity:.75;z-index:-1;transition:opacity .3s var(--ease);pointer-events:none}
.service-card:hover{transform:translateY(-8px);border-color:var(--stroke-strong);box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 46px rgba(240,194,48,.10)}
.service-card:hover::before{opacity:1}
.service-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(1.25rem,3vw,2.2rem)}
.service-card__num{font-size:.78rem;color:var(--brand-gold);font-weight:900;letter-spacing:.18em}
.service-card__icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(232,222,200,.09);border:1px solid rgba(232,222,200,.14);font-size:1.45rem;flex:0 0 auto}
.service-card h3{font-size:clamp(1.28rem,1.8vw,1.55rem);line-height:1.16;letter-spacing:-.035em;text-transform:uppercase;margin-bottom:.8rem;color:var(--brand-cream);overflow-wrap:break-word}
.service-card p{color:var(--text-soft);font-size:.93rem;line-height:1.75;margin-bottom:0}
.service-card a{display:inline-flex;align-items:center;gap:.4rem;color:var(--brand-gold);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;line-height:1.3;margin-top:auto}
.service-card--featured{grid-column:span 2;background:linear-gradient(135deg,rgba(30,74,53,.58),rgba(232,222,200,.08));border-color:rgba(240,194,48,.32)}
.service-card--featured h3{font-size:clamp(1.75rem,3vw,3rem);max-width:580px}

.stats{padding:0 0 clamp(62px,8vw,104px)}
.stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--stroke);border-radius:var(--radius-lg);overflow:clip;background:var(--stroke);min-width:0}
.stat{padding:clamp(1.25rem,2.4vw,2rem);background:rgba(232,222,200,.055);min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.stat__num{font-size:clamp(2.3rem,4.4vw,4.55rem);line-height:.9;font-weight:900;letter-spacing:-.08em;color:var(--brand-cream);white-space:nowrap}
.stat__num span{color:var(--brand-gold)}
.stat__label{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;margin-top:.9rem;line-height:1.3}

.split{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:clamp(2rem,5vw,5.5rem);align-items:center;min-width:0}
.visual-frame{position:relative;border-radius:var(--radius-lg);min-height:0;aspect-ratio:1/1;overflow:clip;background:linear-gradient(135deg,rgba(30,74,53,.42),rgba(232,222,200,.065));border:1px solid var(--stroke);box-shadow:var(--shadow);min-width:0}
.visual-frame::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 22%,rgba(240,194,48,.22),transparent 28%),linear-gradient(135deg,transparent 0 34%,rgba(232,222,200,.10) 34.5% 35.5%,transparent 36%)}
.visual-frame img{position:absolute;inset:auto 7% 7%;width:86%;max-height:78%;object-fit:contain;filter:drop-shadow(0 45px 80px rgba(0,0,0,.48));animation:floaty 6.6s ease-in-out infinite}
.floating-badge{position:absolute;right:1.2rem;top:1.2rem;max-width:calc(100% - 2.4rem);border-radius:22px;padding:1.1rem 1.2rem;background:rgba(2,5,4,.54);border:1px solid rgba(232,222,200,.18);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.floating-badge strong{display:block;font-size:2.3rem;line-height:1;color:var(--brand-gold);letter-spacing:-.06em}
.floating-badge span{display:block;max-width:170px;color:var(--text-soft);font-size:.74rem;line-height:1.35;margin-top:.45rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.content-stack>*+*{margin-top:1.15rem}
.values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:2rem 0}
.value-pill{display:flex;align-items:center;gap:.75rem;padding:.95rem;border-radius:18px;background:rgba(232,222,200,.055);border:1px solid var(--stroke);color:var(--text-soft);font-weight:700;font-size:.88rem;line-height:1.45;min-width:0}
.value-pill::before{content:"✦";color:var(--brand-gold);flex:0 0 auto}

.filter-row{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end;align-items:center;min-width:0;max-width:100%}
.filter-btn{border:1px solid var(--stroke);border-radius:999px;padding:.72rem 1rem;background:rgba(232,222,200,.055);color:var(--text-soft);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em;line-height:1.1;transition:.28s var(--ease);white-space:nowrap}
.filter-btn:hover,.filter-btn.is-active{background:var(--brand-cream);color:#08100d;border-color:var(--brand-cream);box-shadow:0 16px 44px rgba(232,222,200,.16)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;min-width:0}
.case-card{position:relative;min-height:auto;padding:1.35rem;border-radius:var(--radius);overflow:visible;background:linear-gradient(145deg,rgba(232,222,200,.11),rgba(232,222,200,.035));border:1px solid var(--stroke);display:flex;flex-direction:column;justify-content:space-between;gap:1.35rem;transition:.35s var(--ease);min-width:0;isolation:isolate}
.case-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--x,70%) var(--y,20%),rgba(240,194,48,.20),transparent 28%),linear-gradient(145deg,transparent,rgba(30,74,53,.40));z-index:-1;pointer-events:none}
.case-card:hover{transform:translateY(-8px);border-color:var(--stroke-strong)}
.case-card__media{height:clamp(132px,16vw,170px);border-radius:20px;background:linear-gradient(135deg,rgba(30,74,53,.86),rgba(240,194,48,.18)),radial-gradient(circle at 50% 50%,rgba(232,222,200,.16),transparent 55%);border:1px solid rgba(232,222,200,.13);display:grid;place-items:center;overflow:clip}
.case-card__media span{font-size:clamp(2.4rem,5vw,4.5rem);font-weight:900;letter-spacing:-.1em;color:rgba(232,222,200,.10);text-transform:uppercase;line-height:1}
.case-card__tag{display:inline-flex;width:max-content;max-width:100%;margin-top:1rem;padding:.45rem .7rem;border-radius:999px;background:rgba(240,194,48,.12);color:var(--brand-gold);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;line-height:1.2;white-space:normal}
.case-card h3,.case-card h2{font-size:clamp(1.08rem,1.45vw,1.3rem);line-height:1.2;letter-spacing:-.03em;text-transform:uppercase;margin:.9rem 0;color:var(--brand-cream);overflow-wrap:break-word}
.case-card p{color:var(--text-soft);font-size:.9rem;line-height:1.75;overflow-wrap:break-word}
.case-card__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-top:auto;border-top:1px solid var(--stroke);padding-top:1rem;line-height:1.35}
.case-card.is-hidden{display:none}

.process-wrap{position:relative;border-radius:var(--radius-lg);padding:clamp(1rem,3vw,2rem);background:linear-gradient(135deg,rgba(232,222,200,.095),rgba(232,222,200,.035));border:1px solid var(--stroke);box-shadow:var(--shadow);overflow:clip}
.process-wrap::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 12%,rgba(240,194,48,.16),transparent 24%),radial-gradient(circle at 88% 92%,rgba(30,74,53,.46),transparent 30%);pointer-events:none}
.process-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--stroke);border:1px solid var(--stroke);border-radius:22px;overflow:clip;min-width:0}
.step{background:rgba(3,8,11,.42);padding:1.4rem;min-height:auto;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;min-width:0}
.step__num{color:var(--brand-gold);font-weight:900;letter-spacing:.16em}
.step h3{font-size:1.1rem;line-height:1.15;color:var(--brand-cream);text-transform:uppercase;margin-bottom:.7rem;overflow-wrap:break-word}
.step p{color:var(--text-soft);font-size:.86rem;line-height:1.75;overflow-wrap:break-word}

.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;min-width:0}
.quote-card{padding:1.35rem;border-radius:var(--radius);background:rgba(232,222,200,.06);border:1px solid var(--stroke);min-height:auto;display:flex;flex-direction:column;justify-content:space-between;gap:1.4rem;min-width:0}
.stars{color:var(--brand-gold);letter-spacing:.08em;margin-bottom:1rem}
.quote-card blockquote{color:var(--text-soft);font-size:.95rem;line-height:1.75;overflow-wrap:break-word}
.quote-author{display:flex;align-items:center;gap:.8rem;margin-top:auto;min-width:0}
.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-gold),var(--brand-green));font-weight:900;color:#08100d;flex:0 0 auto}
.quote-author strong{display:block;color:var(--brand-cream);font-size:.86rem;line-height:1.25}.quote-author span{display:block;color:var(--text-muted);font-size:.72rem;margin-top:.1rem;line-height:1.25}
.cta-band{position:relative;border-radius:var(--radius-lg);padding:clamp(2rem,5vw,4rem);overflow:clip;background:linear-gradient(135deg,var(--brand-green),#06100d 62%,rgba(240,194,48,.22));border:1px solid rgba(240,194,48,.26);box-shadow:var(--shadow),var(--glow)}
.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 18%,rgba(240,194,48,.24),transparent 32%),linear-gradient(105deg,transparent 0 50%,rgba(232,222,200,.1) 50% 50.4%,transparent 50.6%);pointer-events:none}
.cta-band__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;min-width:0}
.cta-band h2{font-size:clamp(2rem,4.4vw,4.45rem);line-height:.98;letter-spacing:-.05em;text-transform:uppercase;color:var(--brand-cream);overflow-wrap:normal;text-wrap:balance}

.contact-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:start;min-width:0}
.contact-list{display:grid;gap:.8rem;margin-top:2rem}
.contact-row{display:flex;align-items:center;gap:.9rem;padding:1rem;border:1px solid var(--stroke);border-radius:18px;background:rgba(232,222,200,.055);min-width:0}
.contact-row__icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(240,194,48,.12);color:var(--brand-gold);flex:0 0 auto}
.contact-row small{display:block;color:var(--text-muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin-bottom:.18rem;line-height:1.25}.contact-row strong{display:block;font-size:.9rem;color:var(--brand-cream);overflow-wrap:anywhere;line-height:1.45}
.form-card{padding:1.25rem;border-radius:var(--radius);background:linear-gradient(145deg,rgba(232,222,200,.11),rgba(232,222,200,.035));border:1px solid var(--stroke);box-shadow:var(--shadow);min-width:0}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;min-width:0}
.form-field{display:grid;gap:.4rem;margin-bottom:.9rem;min-width:0}.form-field--full{grid-column:1/-1}
label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:rgba(248,243,231,.78);line-height:1.3}
input,select,textarea{width:100%;max-width:100%;border:1px solid rgba(232,222,200,.16);border-radius:18px;background:rgba(2,5,4,.44);color:var(--brand-cream);padding:.95rem 1rem;outline:0;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);min-width:0}
textarea{min-height:150px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--brand-gold);box-shadow:0 0 0 4px rgba(240,194,48,.10);background:rgba(2,5,4,.62)}
input::placeholder,textarea::placeholder{color:rgba(248,243,231,.34)}
.form-message{min-height:24px;color:var(--brand-gold);font-size:.86rem;margin:.4rem 0 1rem}

.page-hero{position:relative;padding:calc(var(--nav-h) + 64px) 0 clamp(58px,7vw,82px);overflow:visible}
.page-hero::before{content:"";position:absolute;inset:calc(var(--nav-h) + 22px) 4vw 22px;border-radius:36px;background:linear-gradient(135deg,rgba(232,222,200,.07),rgba(30,74,53,.20));border:1px solid var(--stroke);box-shadow:var(--shadow);pointer-events:none}
.page-hero .container{position:relative;z-index:2;min-width:0}
.page-hero .h1{font-size:clamp(3rem,6vw,6.1rem);max-width:1120px;line-height:.98;overflow:visible}
.breadcrumb{font-size:.72rem;color:var(--text-muted);letter-spacing:.13em;text-transform:uppercase;font-weight:900;margin-bottom:1rem;line-height:1.4;overflow-wrap:break-word}.breadcrumb a{color:var(--brand-gold)}
.page-content{padding:clamp(58px,8vw,90px) 0;color:var(--text-soft);overflow:visible}
.page-content h1,.page-content h2,.page-content h3{color:var(--brand-cream);line-height:1.12;margin:1.5rem 0 1rem;text-transform:uppercase;letter-spacing:-.035em;overflow-wrap:break-word}
.page-content p{margin-bottom:1rem;max-width:820px;line-height:1.8}.page-content :where(ul,ol){margin:1rem 0 1.5rem 1.25rem}.page-content li{margin:.45rem 0}
.wp-block-image img{border-radius:var(--radius);border:1px solid var(--stroke)}

.site-footer{position:relative;padding:70px 0 28px;border-top:1px solid var(--stroke);background:rgba(2,5,4,.50);overflow:clip}
.site-footer::before{content:"";position:absolute;inset:auto 8% 0;height:1px;background:linear-gradient(90deg,transparent,var(--brand-gold),transparent);box-shadow:0 0 34px rgba(240,194,48,.34)}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,.7fr));gap:2rem;margin-bottom:3.5rem;min-width:0}
.footer-about p{color:var(--text-soft);max-width:420px;margin:1rem 0 1.3rem;line-height:1.75}.footer-social{display:flex;gap:.65rem;flex-wrap:wrap}
.footer-social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(232,222,200,.06);border:1px solid var(--stroke);color:var(--brand-cream);font-weight:900;transition:.25s var(--ease)}
.footer-social a:hover{background:var(--brand-gold);color:#08100d;transform:translateY(-3px)}
.footer-col{min-width:0}.footer-col h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.15em;color:var(--brand-gold);margin-bottom:1rem;line-height:1.3}.footer-col a,.footer-col span{display:block;color:var(--text-soft);font-size:.9rem;line-height:1.55;margin:.55rem 0;transition:color .25s var(--ease);overflow-wrap:anywhere}.footer-col a:hover{color:var(--brand-gold)}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.2rem;border-top:1px solid var(--stroke);color:var(--text-muted);font-size:.8rem;line-height:1.45}
.simple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0}.info-card{padding:1.35rem;border-radius:var(--radius);background:rgba(232,222,200,.055);border:1px solid var(--stroke);min-width:0}.info-card h3{font-size:1.2rem;line-height:1.18;text-transform:uppercase;letter-spacing:-.03em;color:var(--brand-cream);margin-bottom:.7rem;overflow-wrap:break-word}.info-card p{color:var(--text-soft);font-size:.92rem;line-height:1.75;overflow-wrap:break-word}
.back-to-top{position:fixed;right:20px;bottom:20px;z-index:90;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(240,194,48,.32);background:rgba(3,8,11,.72);color:var(--brand-gold);box-shadow:0 16px 45px rgba(0,0,0,.35),0 0 28px rgba(240,194,48,.14);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(14px);transition:.28s var(--ease)}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}

html[dir="rtl"] body{font-family:var(--font-ar);letter-spacing:0}
html[dir="rtl"] .navbar,html[dir="rtl"] .hero__grid,html[dir="rtl"] .section__head,html[dir="rtl"] .split,html[dir="rtl"] .contact-grid,html[dir="rtl"] .footer-grid,html[dir="rtl"] .cta-band__inner{direction:rtl}
html[dir="rtl"] .h1,html[dir="rtl"] .h2,html[dir="rtl"] .h3,html[dir="rtl"] .hero-card__big p:first-child,html[dir="rtl"] .service-card h3,html[dir="rtl"] .case-card h3,html[dir="rtl"] .case-card h2,html[dir="rtl"] .cta-band h2{font-family:var(--font-ar);text-transform:none;letter-spacing:0;line-height:1.16}
html[dir="rtl"] .h1{font-size:clamp(2.75rem,5.8vw,5.6rem)}
html[dir="rtl"] .h2{font-size:clamp(2.15rem,4.8vw,4.5rem)}
html[dir="rtl"] .display-serif{font-family:var(--font-ar);font-style:normal;letter-spacing:0;line-height:1.1}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .kicker,html[dir="rtl"] .nav-menu a,html[dir="rtl"] .btn,html[dir="rtl"] .filter-btn,html[dir="rtl"] .stat__label,html[dir="rtl"] .case-card__tag,html[dir="rtl"] label{letter-spacing:0}
html[dir="rtl"] .eyebrow::before{background:linear-gradient(270deg,var(--brand-gold),transparent)}
html[dir="rtl"] .nav-menu a::after{transform-origin:right}
html[dir="rtl"] .btn__arrow{transform:scaleX(-1)}
html[dir="rtl"] .btn:hover .btn__arrow{transform:scaleX(-1) translateX(4px)}
html[dir="rtl"] .proof-stack span{margin-left:0;margin-right:-10px}html[dir="rtl"] .proof-stack span:first-child{margin-right:0}
html[dir="rtl"] .hero-card__brand{left:auto;right:34px}html[dir="rtl"] .hero-card__big{left:34px;right:34px}html[dir="rtl"] .mascot-orbit{right:auto;left:7%}html[dir="rtl"] .event-card{right:auto;left:28px}html[dir="rtl"] .event-card .dot{margin-right:0;margin-left:.45rem}html[dir="rtl"] .floating-badge{right:auto;left:1.2rem}html[dir="rtl"] .filter-row{justify-content:flex-start}html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea{text-align:right}html[dir="rtl"] .back-to-top{right:auto;left:20px}
@keyframes marqueeRTL{to{transform:translateX(50%)}}html[dir="rtl"] .marquee__track{animation-name:marqueeRTL}

@media (max-width:1180px){
  .nav-menu{gap:.82rem}.nav-menu a{font-size:.66rem}.nav-actions>.btn{padding-inline:1.05rem}.h1{font-size:clamp(3rem,6vw,5.8rem)}.h2{font-size:clamp(2.25rem,4.8vw,4.65rem)}
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(360px,.68fr);gap:clamp(1.5rem,3vw,3rem)}
  .hero__headline.h1{font-size:clamp(3rem,5.6vw,5.6rem);max-width:660px}.hero-card{width:min(100%,520px);min-height:500px}.mascot-orbit{width:min(205px,40%)}
}
@media (max-width:1060px){
  :root{--nav-h:78px}
  body.admin-bar .site-header{top:32px}
  .menu-toggle{display:flex}
  .nav-menu{position:fixed;left:18px;right:18px;top:calc(var(--nav-h) + 14px);z-index:100;display:grid;grid-template-columns:1fr;gap:0;background:rgba(3,8,11,.95);border:1px solid var(--stroke);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(24px);padding:.65rem;transform:translateY(-18px);opacity:0;visibility:hidden;pointer-events:none;transition:.32s var(--ease)}
  .nav-menu.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.nav-menu li a{display:block;padding:1rem;border-radius:16px;font-size:.78rem}.nav-menu li a:hover{background:rgba(232,222,200,.06)}.nav-menu a::after{display:none}.nav-actions>.btn{display:none}
  .hero__grid{grid-template-columns:1fr}.hero__copy{max-width:820px}.hero__headline.h1{max-width:760px}.hero__visual{margin-top:1.2rem}.hero-card{width:min(100%,620px);min-height:480px}
  .section__head,.split,.contact-grid,.cta-band__inner{grid-template-columns:1fr}.filter-row{justify-content:flex-start}.visual-frame{max-width:640px}.footer-grid{grid-template-columns:1fr 1fr}.cards-grid,.portfolio-grid,.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card--featured{grid-column:span 2}.stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:782px){body.admin-bar .site-header{top:46px}}
@media (max-width:760px){
  .container{width:min(calc(100% - 28px),var(--container))}
  .navbar{gap:.75rem}.logo__symbol{width:38px;height:38px;border-radius:13px}.logo__name{font-size:.82rem}.logo__tag{font-size:.55rem}.lang-switcher button{min-width:34px;height:31px;padding:0 .5rem}.menu-toggle{width:44px;height:44px;flex-basis:44px}
  .hero{padding:calc(var(--nav-h) + 34px) 0 54px}.hero::before{inset:calc(var(--nav-h) + 8px) 10px 18px;border-radius:28px}.hero__headline.h1{font-size:clamp(2.75rem,12vw,4.55rem);line-height:1;max-width:100%}.hero__headline .line--gold{font-size:.92em}.hero__headline .script{font-size:clamp(2.55rem,12vw,4.25rem)}.hero__actions{display:grid}.btn{width:100%;min-height:50px}.hero__visual{margin-top:1rem}.hero-card{min-height:430px;border-radius:28px}.hero-card__brand{top:26px;left:24px}.hero-card__brand img{width:42px}.hero-card__big{left:24px;right:24px;bottom:150px}.hero-card__big p:first-child{font-size:2.08rem}.hero-card__big .display-serif{font-size:2.38rem}.hero-card__note{font-size:.82rem;max-width:260px}.mascot-orbit{width:min(170px,38%);top:14%;right:7%}.event-card{right:18px;bottom:18px;width:min(245px,calc(100% - 36px));padding:.95rem}.scroll-hint{display:none}
  .h1{font-size:clamp(2.65rem,12.5vw,4.45rem);line-height:1}.h2{font-size:clamp(2.18rem,10.5vw,3.9rem);line-height:1.04}.page-hero{padding:calc(var(--nav-h) + 42px) 0 54px}.page-hero::before{inset:calc(var(--nav-h) + 8px) 10px 18px;border-radius:28px}.page-hero .h1{font-size:clamp(2.55rem,11.5vw,4.35rem);line-height:1.04}
  .section{padding:clamp(58px,12vw,86px) 0}.section__head{margin-bottom:2rem}.cards-grid,.portfolio-grid,.testimonial-grid,.simple-grid{grid-template-columns:1fr}.service-card--featured{grid-column:span 1}.values-grid{grid-template-columns:1fr}.stat{padding:1.25rem;min-height:130px}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.visual-frame{width:100%}
}
@media (max-width:480px){
  .container{width:min(calc(100% - 22px),var(--container))}.nav-actions{gap:.45rem}.logo__text{display:none}.lang-switcher{padding:.2rem}.lang-switcher button{min-width:32px;height:30px}.menu-toggle{width:40px;height:40px;flex-basis:40px}.nav-menu{left:11px;right:11px}.h1{font-size:clamp(2.25rem,13vw,3.55rem)}.h2{font-size:clamp(1.95rem,11vw,3.1rem)}.eyebrow{font-size:.66rem}.eyebrow::before{width:24px;flex-basis:24px}.hero__headline.h1{font-size:clamp(2.45rem,12.4vw,3.7rem)}.hero__headline .script{font-size:clamp(2.25rem,12vw,3.45rem)}.hero-card{min-height:400px}.hero-card__brand span{display:none}.hero-card__big{bottom:144px}.hero-card__big p:first-child{font-size:1.85rem}.hero-card__big .display-serif{font-size:2.05rem}.hero-card__note{display:none}.mascot-orbit{width:min(145px,38%);top:17%;right:6%}.event-card{left:16px;right:16px;width:auto;bottom:16px}.stats__grid{grid-template-columns:1fr}.back-to-top{width:44px;height:44px;right:14px;bottom:14px}.footer-bottom{display:grid}
}
@media (max-width:360px){.hero__headline.h1{font-size:clamp(2.15rem,12vw,3.2rem)}.hero-card{min-height:380px}.mascot-orbit{width:132px}.hero-card__big p:first-child{font-size:1.65rem}.hero-card__big .display-serif{font-size:1.9rem}.event-card h3{font-size:.92rem}.btn{font-size:.72rem;padding-inline:1rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* =========================================================
   v1.4.0 GLOBAL STRUCTURE + RESPONSIVE REPAIR
   Purpose: fix hidden text, broken frames, overlap, fixed heights,
   and improve Elementor/editable content compatibility.
   ========================================================= */
html{
  overflow-x:hidden;
  scroll-padding-top:calc(var(--nav-h) + 36px);
}
body{
  overflow-x:hidden;
}
main,
section,
.container,
.hero__grid,
.section__head,
.cards-grid,
.portfolio-grid,
.split,
.contact-grid,
.process-grid,
.stats__grid,
.footer-grid{
  min-width:0;
}
.container{
  width:min(calc(100% - clamp(28px,5vw,72px)),var(--container));
}
.section,
.page-content,
.hero,
.page-hero{
  scroll-margin-top:calc(var(--nav-h) + 36px);
}
.section{
  padding-block:clamp(64px,7vw,112px);
}
.section--tight{
  padding-block:clamp(48px,5.8vw,82px);
}
.h1,.h2,.h3,
.hero-card__big p:first-child,
.service-card h3,
.case-card h3,
.case-card h2,
.step h3,
.info-card h3,
.cta-band h2{
  font-weight:800;
  overflow:visible;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.h1{
  font-size:clamp(2.85rem,5.05vw,5.25rem);
  line-height:1.04;
  letter-spacing:-.045em;
}
.h2{
  font-size:clamp(2.15rem,4.15vw,4.25rem);
  line-height:1.07;
  letter-spacing:-.04em;
}
.h3{
  font-size:clamp(1.45rem,2.35vw,2.35rem);
  line-height:1.12;
}
.display-serif{
  line-height:.98;
  letter-spacing:-.035em;
  display:inline-block;
}
p,.lead,.text-muted,.hero__sub,.service-card p,.case-card p,.step p,.quote-card blockquote,.contact-row strong,.footer-col a,.footer-col span{
  overflow-wrap:break-word;
  word-break:normal;
}
.lead{
  font-size:clamp(.98rem,1.12vw,1.13rem);
  line-height:1.78;
}
.btn{
  white-space:nowrap;
  flex-shrink:0;
  line-height:1.1;
}
.btn--gold,.btn--green,.btn--ghost{
  isolation:isolate;
}
.site-header{
  min-height:var(--nav-h);
}
.navbar{
  min-height:var(--nav-h);
  flex-wrap:nowrap;
  padding-block:.65rem;
}
.logo,
.nav-actions{
  flex:0 0 auto;
}
.nav-menu{
  flex:1 1 auto;
  min-width:0;
  gap:clamp(.75rem,1.35vw,1.25rem);
}
.nav-menu a{
  font-size:clamp(.65rem,.75vw,.72rem);
  letter-spacing:.105em;
}
.nav-actions>.btn{
  min-width:156px;
  padding-inline:1.2rem;
}
.lang-switcher{
  flex-shrink:0;
}

/* Home hero: prevent headline/card collision and keep the frame flexible */
.hero{
  padding:calc(var(--nav-h) + 42px) 0 clamp(56px,7vw,92px);
}
.hero::before{
  inset:calc(var(--nav-h) + 18px) max(18px,4vw) 28px;
}
.hero__grid{
  grid-template-columns:minmax(0,.98fr) minmax(320px,500px);
  gap:clamp(2rem,4.2vw,4.4rem);
  align-items:center;
}
.hero__copy{
  max-width:690px;
  padding-block:clamp(.5rem,2vw,1.25rem);
}
.hero__headline.h1{
  font-size:clamp(3rem,5vw,5.2rem);
  line-height:1.03;
  letter-spacing:-.048em;
  max-width:690px;
  margin:.15rem 0 1.15rem;
}
.hero__headline .line{
  display:block;
  white-space:normal;
}
.hero__headline .line--gold{
  font-size:.98em;
}
.hero__headline .script{
  font-size:clamp(2.55rem,4.55vw,4.65rem);
  line-height:.95;
  margin:.02em 0 .02em -.015em;
}
.hero__sub{
  max-width:600px;
  font-size:clamp(.98rem,1.05vw,1.08rem);
  line-height:1.78;
  margin-bottom:1.55rem;
}
.hero__actions{
  margin-bottom:1.45rem;
}
.hero__visual{
  justify-self:end;
  max-width:540px;
}
.hero-card{
  width:100%;
  min-height:clamp(420px,36vw,520px);
  border-radius:32px;
  padding:1rem;
}
.hero-card__screen{
  inset:.92rem;
  border-radius:24px;
}
.hero-card__brand{
  top:30px;
  left:30px;
  right:30px;
  max-width:calc(100% - 60px);
}
.hero-card__brand img{
  width:44px;
}
.mascot-orbit{
  top:16%;
  right:7%;
  width:min(205px,39%);
  max-height:43%;
}
.hero-card__big{
  left:30px;
  right:30px;
  bottom:145px;
  max-width:calc(100% - 60px);
}
.hero-card__big p:first-child{
  font-size:clamp(1.85rem,2.65vw,3rem);
  line-height:.98;
  letter-spacing:-.05em;
}
.hero-card__big .display-serif{
  font-size:clamp(2.15rem,3.35vw,3.5rem);
  line-height:.92;
}
.hero-card__note{
  max-width:310px;
  font-size:.86rem;
  line-height:1.55;
}
.event-card{
  right:24px;
  bottom:24px;
  width:min(255px,calc(100% - 48px));
  padding:1rem;
  overflow:hidden;
}
.event-card h3{
  font-size:clamp(.98rem,1.16vw,1.08rem);
  line-height:1.22;
}

/* Page heroes: reduce excessive headline weight and keep cards readable */
.page-hero{
  padding:calc(var(--nav-h) + 44px) 0 clamp(44px,5.6vw,72px);
}
.page-hero::before{
  inset:calc(var(--nav-h) + 18px) max(18px,4vw) 18px;
}
.page-hero .h1{
  font-size:clamp(2.7rem,4.75vw,4.85rem);
  line-height:1.06;
  max-width:1040px;
}
.page-hero .lead{
  max-width:720px;
}
.breadcrumb{
  margin-bottom:.75rem;
}

/* Cards and content grids: no clipping, no compression */
.section__head{
  grid-template-columns:minmax(0,1fr) minmax(240px,420px);
  gap:clamp(1rem,3vw,2.25rem);
  align-items:end;
  margin-bottom:clamp(1.6rem,3.5vw,3.25rem);
}
.cards-grid,
.portfolio-grid,
.testimonial-grid{
  gap:clamp(1rem,1.5vw,1.25rem);
}
.service-card,
.case-card,
.quote-card,
.info-card,
.form-card,
.process-wrap,
.cta-band,
.visual-frame,
.contact-row{
  overflow:visible;
}
.service-card,
.case-card{
  min-height:unset;
  height:auto;
  padding:clamp(1.15rem,1.65vw,1.55rem);
}
.service-card h3{
  font-size:clamp(1.15rem,1.45vw,1.42rem);
  line-height:1.18;
  margin-bottom:.75rem;
}
.service-card--featured h3{
  font-size:clamp(1.45rem,2.25vw,2.2rem);
  max-width:680px;
}
.service-card p,
.case-card p,
.step p{
  font-size:clamp(.88rem,.95vw,.94rem);
  line-height:1.72;
}
.service-card__top{
  margin-bottom:clamp(1rem,2vw,1.65rem);
}
.service-card__icon{
  width:48px;
  height:48px;
  border-radius:16px;
}
.stats{
  padding-bottom:clamp(52px,7vw,88px);
}
.stats__grid{
  overflow:hidden;
}
.stat{
  min-height:132px;
  padding:clamp(1.2rem,2vw,1.75rem);
}
.stat__num{
  font-size:clamp(2rem,3.8vw,3.75rem);
  letter-spacing:-.065em;
}
.stat__label{
  font-size:.72rem;
}
.split{
  grid-template-columns:minmax(300px,.82fr) minmax(0,1fr);
  align-items:center;
}
.split .h2,
.contact-grid .h2{
  font-size:clamp(2.15rem,4vw,4.1rem);
}
.visual-frame{
  max-width:520px;
  width:100%;
  justify-self:center;
}
.visual-frame img{
  inset:auto 8% 6%;
  width:82%;
  max-height:76%;
}
.floating-badge{
  padding:.95rem 1rem;
  max-width:min(230px,calc(100% - 2rem));
}
.floating-badge strong{
  font-size:2rem;
}
.floating-badge span{
  font-size:.68rem;
}
.values-grid{
  gap:.7rem;
}
.value-pill{
  font-size:.84rem;
  line-height:1.42;
}
.filter-row{
  align-content:flex-start;
}
.case-card__media{
  height:clamp(120px,13vw,160px);
}
.case-card h3,.case-card h2{
  font-size:clamp(1.02rem,1.25vw,1.18rem);
  line-height:1.24;
}
.process-wrap{
  overflow:hidden;
}
.process-grid{
  overflow:hidden;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
}
.step{
  min-height:unset;
  padding:clamp(1.1rem,1.6vw,1.35rem);
  gap:1.35rem;
}
.cta-band h2{
  font-size:clamp(1.9rem,3.7vw,3.75rem);
  line-height:1.06;
}
.contact-grid{
  grid-template-columns:minmax(280px,.82fr) minmax(0,1fr);
}
.form-card{
  padding:clamp(1.1rem,1.8vw,1.5rem);
  overflow:hidden;
}
input,select,textarea{
  min-height:50px;
}
textarea{
  min-height:140px;
}

/* Editable content / Elementor compatibility */
.mousa-builder-content{
  position:relative;
  z-index:1;
  overflow:visible;
}
.mousa-builder-content > .container{
  padding-block:clamp(40px,5vw,72px);
}
.elementor-page .site-header + main,
.elementor-template-full-width .site-header + main{
  min-height:60vh;
}
.elementor-section.elementor-section-boxed > .elementor-container{
  max-width:var(--container);
}
.elementor-widget-container p:last-child{
  margin-bottom:0;
}

/* RTL refinements */
html[dir="rtl"] .hero__visual{
  justify-self:start;
}
html[dir="rtl"] .hero-card__brand{
  left:30px;
  right:30px;
}
html[dir="rtl"] .mascot-orbit{
  right:auto;
  left:7%;
}
html[dir="rtl"] .event-card{
  right:auto;
  left:24px;
}

@media (max-width:1280px){
  :root{--container:1160px;}
  .hero__grid{grid-template-columns:minmax(0,.95fr) minmax(310px,470px);}
  .hero__headline.h1{font-size:clamp(2.85rem,4.75vw,4.85rem);}
  .page-hero .h1{font-size:clamp(2.55rem,4.4vw,4.45rem);}
}
@media (max-width:1120px){
  :root{--nav-h:80px;}
  .nav-menu{display:none;}
  .menu-toggle{display:flex;}
  .nav-menu{
    position:fixed;
    left:18px;
    right:18px;
    top:calc(var(--nav-h) + 14px);
    z-index:100;
    grid-template-columns:1fr;
    gap:0;
    background:rgba(3,8,11,.96);
    border:1px solid var(--stroke);
    border-radius:24px;
    box-shadow:var(--shadow);
    backdrop-filter:blur(24px);
    padding:.65rem;
    transform:translateY(-18px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.32s var(--ease);
  }
  .nav-menu.is-open{display:grid;transform:none;opacity:1;visibility:visible;pointer-events:auto;}
  .nav-actions>.btn{display:none;}
  .hero__grid{
    grid-template-columns:1fr;
    gap:2rem;
  }
  .hero__copy{max-width:820px;}
  .hero__headline.h1{max-width:790px;font-size:clamp(2.95rem,7.2vw,5rem);}
  .hero__visual{justify-self:center;max-width:600px;width:100%;}
  .hero-card{min-height:500px;}
  .section__head,
  .split,
  .contact-grid,
  .cta-band__inner{
    grid-template-columns:1fr;
  }
  .section__head{align-items:start;}
  .cards-grid,
  .portfolio-grid,
  .testimonial-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .service-card--featured{grid-column:span 2;}
  .stats__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .visual-frame{max-width:560px;}
  .contact-grid .form-card{max-width:760px;}
  html[dir="rtl"] .hero__visual{justify-self:center;}
}
@media (max-width:782px){
  body.admin-bar .site-header{top:46px;}
}
@media (max-width:760px){
  :root{--nav-h:74px;--radius:22px;--radius-lg:28px;}
  .container{width:min(calc(100% - 28px),var(--container));}
  .navbar{gap:.65rem;}
  .logo__symbol{width:38px;height:38px;border-radius:13px;}
  .logo__name{font-size:.8rem;}
  .logo__tag{font-size:.54rem;}
  .lang-switcher button{min-width:34px;height:31px;padding-inline:.48rem;}
  .hero{padding:calc(var(--nav-h) + 30px) 0 52px;}
  .hero::before{inset:calc(var(--nav-h) + 10px) 10px 18px;border-radius:28px;}
  .hero__headline.h1{
    font-size:clamp(2.35rem,11.2vw,3.75rem);
    line-height:1.06;
    letter-spacing:-.04em;
  }
  .hero__headline .script{font-size:clamp(2.1rem,10.5vw,3.35rem);}
  .hero__sub{font-size:.96rem;line-height:1.72;}
  .hero__actions{display:grid;grid-template-columns:1fr;gap:.72rem;}
  .btn{width:100%;min-height:50px;}
  .hero-card{
    min-height:420px;
    border-radius:26px;
  }
  .hero-card__screen{inset:.75rem;border-radius:20px;}
  .hero-card__brand{top:24px;left:24px;right:24px;}
  .hero-card__brand img{width:38px;}
  .hero-card__big{left:24px;right:24px;bottom:132px;}
  .hero-card__big p:first-child{font-size:clamp(1.75rem,8vw,2.35rem);line-height:1;}
  .hero-card__big .display-serif{font-size:clamp(2rem,9vw,2.75rem);}
  .hero-card__note{font-size:.78rem;max-width:230px;}
  .mascot-orbit{width:min(155px,38%);top:17%;right:6%;}
  .event-card{right:16px;left:16px;bottom:16px;width:auto;padding:.9rem;border-radius:18px;}
  .event-card h3{font-size:.96rem;}
  .page-hero{
    padding:calc(var(--nav-h) + 32px) 0 46px;
  }
  .page-hero::before{inset:calc(var(--nav-h) + 10px) 10px 18px;border-radius:28px;}
  .page-hero .h1{
    font-size:clamp(2.25rem,10.5vw,3.45rem);
    line-height:1.1;
    letter-spacing:-.035em;
  }
  .h1{font-size:clamp(2.25rem,10.5vw,3.55rem);line-height:1.08;}
  .h2{font-size:clamp(1.9rem,9vw,3rem);line-height:1.1;}
  .split .h2,.contact-grid .h2{font-size:clamp(1.9rem,9vw,3rem);}
  .display-serif{line-height:1;}
  .eyebrow{font-size:.66rem;letter-spacing:.12em;}
  .eyebrow::before{width:24px;flex-basis:24px;}
  .section{padding-block:clamp(54px,12vw,76px);}
  .section--tight{padding-block:clamp(42px,10vw,62px);}
  .section__head{gap:1rem;margin-bottom:1.6rem;}
  .cards-grid,
  .portfolio-grid,
  .testimonial-grid,
  .simple-grid,
  .process-grid{
    grid-template-columns:1fr;
  }
  .service-card--featured{grid-column:span 1;}
  .filter-row{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:.35rem;
    scrollbar-width:none;
  }
  .filter-row::-webkit-scrollbar{display:none;}
  .filter-btn{flex:0 0 auto;}
  .stats__grid{grid-template-columns:1fr;}
  .stat{min-height:116px;}
  .values-grid{grid-template-columns:1fr;}
  .visual-frame{max-width:100%;}
  .form-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-bottom{display:grid;}
  .scroll-hint{display:none;}
  html[dir="rtl"] .hero-card__brand{left:24px;right:24px;}
  html[dir="rtl"] .event-card{left:16px;right:16px;}
}
@media (max-width:520px){
  .container{width:min(calc(100% - 22px),var(--container));}
  .logo__text{display:none;}
  .nav-actions{gap:.45rem;}
  .lang-switcher{padding:.2rem;}
  .lang-switcher button{min-width:31px;height:30px;font-size:.66rem;}
  .menu-toggle{width:40px;height:40px;flex-basis:40px;}
  .nav-menu{left:11px;right:11px;top:calc(var(--nav-h) + 10px);}
  .hero__headline.h1{font-size:clamp(2.15rem,12.8vw,3.2rem);}
  .hero__headline .script{font-size:clamp(1.95rem,12vw,2.95rem);}
  .hero-card{min-height:390px;}
  .hero-card__brand span{display:none;}
  .hero-card__big{bottom:126px;}
  .hero-card__note{display:none;}
  .mascot-orbit{width:min(136px,38%);top:18%;}
  .page-hero .h1{font-size:clamp(2.05rem,11vw,3rem);}
  .contact-row{align-items:flex-start;}
  .back-to-top{width:44px;height:44px;right:14px;bottom:14px;}
}
@media (max-width:380px){
  .hero-card{min-height:370px;}
  .hero-card__big p:first-child{font-size:1.55rem;}
  .hero-card__big .display-serif{font-size:1.85rem;}
  .mascot-orbit{width:122px;}
  .event-card p{font-size:.68rem;}
}


/* =========================
   GLOBAL RESPONSIVE FIXES
========================= */

* {
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
}

.container,
.section,
div {
  max-width: 100%;
  overflow: hidden;
}

/* =========================
   RESPONSIVE TYPOGRAPHY
========================= */

.hero-title {
  font-size: clamp(28px, 6vw, 90px);
  line-height: 1.1;
  word-wrap: break-word;
}

.hero-subtitle {
  font-size: clamp(16px, 2vw, 24px);
}

p {
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1.6;
}

h1, h2, h3 {
  font-weight: 700;
}

p, span {
  font-weight: 400;
}

/* =========================
   FLEX FIXES
========================= */

.row,
.hero-section {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.col,
.hero-content,
.hero-image {
  flex: 1 1 300px;
  max-width: 100%;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {
  .hero-section {
    flex-direction: column;
  }

  .hero-title {
    font-size: clamp(24px, 8vw, 40px);
    text-align: center;
  }

  .hero-subtitle,
  p {
    text-align: center;
  }

  .buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}