/* ==========================================================
   FIT KING — styles
   Brand colours live in :root below. Change them in one place.
   ========================================================== */
@font-face{font-family:"Oswald";src:url("../fonts/oswald.woff2") format("woff2");font-weight:200 700;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Vazirmatn";src:url("../fonts/vazirmatn.woff2") format("woff2");font-weight:100 900;font-display:swap}

:root{
  --black:#0B0B0B;
  --charcoal:#1C1C1C;
  --charcoal-2:#141414;
  --silver:#C0C0C0;
  --white:#FFFFFF;
  --red:#B50D0D;
  --red-hover:#D01212;
  --line:#2A2A2A;
  --muted:#9C9C9C;
  --text:#E9E9E9;
  --silver-grad:linear-gradient(135deg,#FFFFFF 0%,#C0C0C0 40%,#EDEDED 58%,#8E8E8E 100%);
  --display:"Oswald","Arial Narrow",Impact,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --fa:"Vazirmatn",Tahoma,sans-serif;
  --wrap:1200px;
  --radius:3px;
  color-scheme:dark;
}
[lang="fa"]{--display:var(--fa);--body:var(--fa)}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--black);color:var(--text);font-family:var(--body);font-size:1rem;line-height:1.7;overflow-x:hidden}
html[lang="fa"] body{line-height:1.95}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;font-family:var(--display);color:var(--white);font-weight:700;line-height:1.02;text-transform:uppercase}
[lang="fa"] h1,[lang="fa"] h2,[lang="fa"] h3{font-weight:900;line-height:1.4;text-transform:none}
p{margin:0 0 1em}
[hidden]{display:none!important}
.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;background:var(--white);color:var(--black);padding:10px 16px;font-weight:700}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--silver);outline-offset:3px}
.latin{font-family:"Oswald","Arial Narrow",sans-serif;direction:ltr;unicode-bidi:isolate}
[lang="fa"]:not(html){font-family:var(--fa);letter-spacing:0;text-transform:none}
[lang="en"]:not(html){font-family:"Oswald","Arial Narrow",sans-serif}
.red{color:var(--red)}

/* ---------- Brand lockup ---------- */
.brand{display:inline-flex;align-items:center;gap:12px;direction:ltr}
.brand img{width:42px;height:auto}
.brand-text{display:flex;flex-direction:column;line-height:1;border-inline-start:2px solid var(--red);padding-inline-start:12px;font-family:"Oswald","Arial Narrow",sans-serif;direction:ltr;text-align:left}
.brand-text b{font-size:1.45rem;font-weight:700;letter-spacing:.04em;background:var(--silver-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-text small{font-size:.6rem;letter-spacing:.32em;color:var(--silver);margin-top:5px}

/* ---------- Header ---------- */
.header{position:sticky;top:0;z-index:50;background:rgba(11,11,11,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #1E1E1E;transition:background .3s}
.header.scrolled{background:rgba(11,11,11,.97)}
.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav{display:flex;gap:28px}
.nav a{font-size:.82rem;font-weight:600;color:#CFCFCF;letter-spacing:.08em;text-transform:uppercase;position:relative;padding-block:6px;font-family:"Oswald",sans-serif}
[lang="fa"] .nav a{letter-spacing:0;font-size:.95rem;font-family:var(--fa)}
.nav a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transition:transform .25s}
.nav a:hover,.nav a[aria-current="page"]{color:var(--white)}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:12px}
.lang{display:inline-flex;border:1px solid #3A3A3A;border-radius:var(--radius);overflow:hidden;font-size:.8rem;font-weight:700;direction:ltr}
.lang a{padding:8px 12px;color:var(--muted);transition:background .2s,color .2s}
.lang a[aria-current="true"]{background:var(--charcoal);color:var(--white)}
.lang a:hover{color:var(--white)}
.lang .fa{font-family:var(--fa)}
.menu-btn{display:none;background:none;border:1px solid #3A3A3A;color:var(--white);width:42px;height:38px;border-radius:var(--radius);cursor:pointer;align-items:center;justify-content:center}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:18px;height:2px;background:currentColor;position:relative;transition:transform .25s}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;inset-inline-start:0}
.menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}
.menu-open .menu-btn span{background:transparent}
.menu-open .menu-btn span::before{transform:translateY(6px) rotate(45deg)}
.menu-open .menu-btn span::after{transform:translateY(-6px) rotate(-45deg)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 24px;font-family:"Oswald","Arial Narrow",sans-serif;font-weight:600;font-size:.92rem;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
[lang="fa"] .btn{font-family:var(--fa);letter-spacing:0;font-weight:800;font-size:1rem}
.btn:hover{transform:translateY(-2px)}
.btn-red{background:var(--red);color:var(--white);box-shadow:0 8px 24px -10px rgba(181,13,13,.8)}
.btn-red:hover{background:var(--red-hover);box-shadow:0 10px 30px -8px rgba(208,18,18,.9)}
.btn-ghost{border-color:#6A6A6A;color:var(--white);background:rgba(11,11,11,.4)}
.btn-ghost:hover{border-color:var(--silver)}
.btn-sm{min-height:40px;padding:8px 16px;font-size:.8rem}
.arrow{display:inline-block;transition:transform .2s}
[dir="rtl"] .arrow{transform:scaleX(-1)}
.btn:hover .arrow{transform:translateX(4px)}
[dir="rtl"] .btn:hover .arrow{transform:scaleX(-1) translateX(4px)}

/* ---------- Hero (full-bleed, photo right) ---------- */
.hero{position:relative;overflow:hidden;background:var(--black);min-height:min(calc(100svh - 74px),800px);display:flex;align-items:center;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(ellipse 50% 70% at 78% 40%,rgba(181,13,13,.35),transparent 70%),
  repeating-linear-gradient(90deg,transparent 0 120px,rgba(255,255,255,.025) 120px 121px)}
.hero-media{position:absolute;z-index:-1;top:0;bottom:0;inset-inline-end:max(0px,calc((100vw - var(--wrap))/2 - 40px));width:min(52vw,600px)}
.hero-media picture,.hero-media img{width:100%;height:100%}
.hero-media img{object-fit:cover;object-position:50% 25%;filter:contrast(1.12) saturate(.85) brightness(.92)}
.hero-media::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,var(--black) 0%,rgba(11,11,11,.55) 22%,transparent 50%,transparent 80%,var(--black) 100%),
  linear-gradient(0deg,var(--black) 0%,transparent 30%),
  linear-gradient(180deg,rgba(11,11,11,.6) 0%,transparent 18%)}
[dir="rtl"] .hero-media::after{background:
  linear-gradient(270deg,var(--black) 0%,rgba(11,11,11,.55) 22%,transparent 50%,transparent 80%,var(--black) 100%),
  linear-gradient(0deg,var(--black) 0%,transparent 30%),
  linear-gradient(180deg,rgba(11,11,11,.6) 0%,transparent 18%)}
[dir="rtl"] .hero::before{background:radial-gradient(ellipse 50% 70% at 22% 40%,rgba(181,13,13,.35),transparent 70%),repeating-linear-gradient(90deg,transparent 0 120px,rgba(255,255,255,.025) 120px 121px)}
.hero-inner{position:relative;display:flex;align-items:center;justify-content:space-between;padding-block:60px 70px}
.hero-copy{max-width:620px}
.hero-logo{display:flex;align-items:center;gap:18px;direction:ltr;margin-bottom:30px}
[dir="rtl"] .hero-logo{justify-content:flex-start;flex-direction:row-reverse}
.hero-logo img{width:94px;height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}
.hero-logo .brand-text b{font-size:3rem}
.hero-logo .brand-text small{font-size:.82rem;letter-spacing:.42em;margin-top:8px}
.hero h1{font-size:clamp(2.9rem,6.2vw,5.6rem);letter-spacing:.005em;margin-bottom:10px}
[lang="fa"] .hero h1{font-size:clamp(2.4rem,5vw,4.4rem)}
.hero-alt{font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:800;color:var(--silver);margin-bottom:18px;line-height:1.4}
[lang="en"].hero-alt{font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.hero-sub{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--white);font-size:.95rem;font-weight:500;margin-bottom:14px}
[lang="fa"] .hero-sub{font-family:var(--fa);letter-spacing:0;font-weight:700;font-size:1.05rem}
.hero-intro{font-size:1.05rem;color:#C9C9C9;max-width:520px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.vertical-slogan{position:absolute;inset-inline-end:0;top:70%;transform:translateY(-50%);margin:0;text-align:end;font-family:"Oswald",sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.05;color:var(--white);text-shadow:0 4px 20px rgba(0,0,0,.8);font-style:italic}
.vertical-slogan em{color:var(--red);font-style:italic}
[dir="rtl"] .vertical-slogan{inset-inline-end:auto;left:0;text-align:left}

/* ---------- Band ---------- */
.band{background:var(--red);color:var(--white);overflow:hidden}
.band-track{display:flex;gap:48px;white-space:nowrap;padding-block:13px;font-family:"Oswald",sans-serif;font-weight:600;letter-spacing:.2em;font-size:.86rem;text-transform:uppercase;width:max-content;animation:marquee 36s linear infinite}
[lang="fa"] .band-track{font-family:var(--fa);letter-spacing:0;font-weight:800;font-size:.98rem;animation-name:marquee-rtl}
.band-track span{display:inline-flex;align-items:center;gap:48px}
.band-track span::after{content:"";width:7px;height:7px;background:var(--white);transform:rotate(45deg)}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes marquee-rtl{to{transform:translateX(50%)}}

/* ---------- Section labels (bilingual, red bar) ---------- */
.section{padding-block:96px}
.section-alt{background:var(--charcoal-2);border-block:1px solid #1C1C1C}
.label-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:34px}
.label{display:flex;align-items:center;gap:14px;font-family:"Oswald",sans-serif;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--white);line-height:1.2;margin:0}
.label::before{content:"";width:5px;height:1.15em;background:var(--red);flex:none}
.label.alt{font-size:clamp(1rem,1.8vw,1.35rem);color:var(--silver);font-weight:700}
[lang="fa"] .label,.label[lang="fa"]{font-family:var(--fa);letter-spacing:0;font-weight:900}
[lang="en"] .label.alt[lang="fa"]{font-weight:800}
.section-intro{color:#BDBDBD;font-size:1.05rem;max-width:720px;margin-bottom:34px}
.section-intro strong{color:var(--white)}

/* ---------- Services ---------- */
.services{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.card{position:relative;background:var(--charcoal);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,transform .3s}
.card:hover{border-color:#4A4A4A;transform:translateY(-5px)}
.card-media{position:relative;aspect-ratio:4/3;display:grid;place-items:center;background:
  radial-gradient(circle at 50% 120%,rgba(181,13,13,.55),transparent 60%),
  linear-gradient(160deg,#242424,#0E0E0E);border-bottom:2px solid var(--red);overflow:hidden}
.card-media::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(255,255,255,.025) 14px 15px)}
.card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card-media svg{position:relative;width:64px;height:64px;color:var(--white);filter:drop-shadow(0 6px 14px rgba(181,13,13,.6));transition:transform .35s}
.card:hover .card-media svg{transform:scale(1.1)}
.card-body{padding:20px 18px 22px}
.card h3{font-size:1.15rem;letter-spacing:.04em;margin-bottom:2px}
[lang="fa"] .card h3{font-size:1.1rem;letter-spacing:0}
.card-alt{color:var(--red);font-size:.88rem;font-weight:700;margin:0 0 10px}
.card-alt[lang="en"]{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}
.card-body p:last-child{color:#AFAFAF;font-size:.9rem;margin:0;line-height:1.6}
[lang="fa"] .card-body p:last-child{line-height:1.85}

/* ---------- About ---------- */
.about{display:grid;grid-template-columns:.9fr 1.1fr .8fr;gap:40px;align-items:center}
.about-photo{position:relative}
.about-photo picture{display:block;aspect-ratio:4/5;overflow:hidden;border:1px solid #333}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:contrast(1.1) saturate(.8) brightness(.9)}
.about-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(11,11,11,.9) 0%,transparent 45%);pointer-events:none}
.about-side{position:absolute;z-index:2;bottom:18px;inset-inline-start:18px;margin:0;font-family:"Oswald",sans-serif;font-weight:700;text-transform:uppercase;font-style:italic;font-size:1.4rem;line-height:1.1;color:var(--white)}
[lang="fa"] .about-side{font-family:var(--fa);font-style:normal;font-size:1.2rem;line-height:1.6;text-transform:none}
.about-side em{color:var(--red)}
.role{font-family:"Oswald",sans-serif;color:var(--silver);letter-spacing:.18em;text-transform:uppercase;font-size:.85rem;margin-bottom:16px}
[lang="fa"] .role{font-family:var(--fa);letter-spacing:0;font-weight:700;font-size:1rem}
.about-lead{font-size:1.12rem;color:#E0E0E0}
.about-text{color:#B5B5B5;margin-bottom:26px}
.qual-box{border:1px solid #3A3A3A;background:linear-gradient(160deg,#1E1E1E,#121212);padding:26px 24px;position:relative;overflow:hidden}
.qual-box::after{content:"";position:absolute;inset-inline-end:-30px;bottom:-30px;width:140px;height:140px;background:url("../logo-mark.svg") no-repeat center/contain;opacity:.06}
.qual-label{font-family:"Oswald",sans-serif;font-size:1.1rem;letter-spacing:.12em;color:var(--white);padding-bottom:12px;border-bottom:2px solid var(--red);margin-bottom:18px;display:inline-block}
[lang="fa"] .qual-label{font-family:var(--fa);letter-spacing:0}
.qual-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.qual-list li{display:flex;gap:12px;align-items:flex-start}
.qual-list svg{width:22px;height:22px;color:var(--red);flex:none;margin-top:3px}
.qual-list b{display:block;color:var(--white);line-height:1.4}
.qual-list small{display:block;color:var(--muted);font-size:.84rem;margin-top:3px}
.qual-list .small{display:block;font-size:.82rem;color:var(--silver);margin-top:2px}
.cert-frame{margin-top:18px;border:1px solid #3A3A3A;cursor:zoom-in;overflow:hidden}
.cert-frame img{width:100%;height:auto;background:#fff}
.cert-note{color:var(--muted);font-size:.84rem;margin:18px 0 0}

/* ---------- Why ---------- */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.why-item{display:flex;gap:16px;align-items:flex-start;padding:24px 20px;border:1px solid var(--line);background:var(--charcoal);transition:border-color .3s,transform .3s}
.why-item:hover{border-color:#4A4A4A;transform:translateY(-4px)}
.why-item svg{width:40px;height:40px;color:var(--red);flex:none}
.why-item h3{font-size:1.05rem;letter-spacing:.04em}
[lang="fa"] .why-item h3{font-size:1.05rem}
.why-item .card-alt{margin-bottom:8px}
.why-item p:last-child{color:#AFAFAF;font-size:.9rem;margin:0;line-height:1.6}

/* ---------- CTA banner ---------- */
.cta-banner{position:relative;overflow:hidden;isolation:isolate;padding-block:90px;background:#0E0E0E;border-block:1px solid #222}
.cta-media{position:absolute;z-index:-1;inset-block:0;inset-inline-start:0;width:min(46vw,560px)}
.cta-media picture,.cta-media img{width:100%;height:100%}
.cta-media img{object-fit:cover;object-position:50% 30%;filter:grayscale(.4) contrast(1.1) brightness(.6)}
.cta-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,11,.2) 0%,#0E0E0E 95%)}
[dir="rtl"] .cta-media::after{background:linear-gradient(270deg,rgba(11,11,11,.2) 0%,#0E0E0E 95%)}
.cta-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 40% 80% at 80% 50%,rgba(181,13,13,.25),transparent 70%)}
.cta-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding-inline-start:min(30vw,380px)}
.cta-banner h2{font-size:clamp(2.2rem,4.6vw,3.8rem)}
[lang="fa"] .cta-banner h2{font-size:clamp(2rem,3.8vw,3rem)}
.cta-banner h2 em{font-style:normal;color:var(--red)}
.cta-alt{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:800;color:var(--silver);margin:6px 0 10px}
.cta-alt[lang="en"]{text-transform:uppercase;font-weight:600;letter-spacing:.04em}
.cta-slogan{font-family:"Oswald",sans-serif;letter-spacing:.22em;text-transform:uppercase;font-size:.9rem;color:#CFCFCF;margin:0}
[lang="fa"] .cta-slogan{font-family:var(--fa);letter-spacing:0;font-size:1rem;font-weight:700}
.cta-slogan em{font-style:normal;color:var(--red)}
.cta-btns{display:flex;flex-direction:column;gap:12px;min-width:250px}

/* ---------- Contact ---------- */
.contact-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.contact-item{display:flex;align-items:center;gap:14px;padding:20px 18px;border:1px solid var(--line);background:var(--charcoal);transition:border-color .25s,transform .25s,background .25s;min-width:0}
a.contact-item:hover{border-color:var(--red);transform:translateY(-3px);background:#222}
.contact-item svg{width:30px;height:30px;flex:none;color:var(--silver)}
a.contact-item svg{color:var(--white)}
.contact-item .ci-text{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.contact-item .ci-name{font-family:"Oswald",sans-serif;font-size:1.05rem;letter-spacing:.08em;color:var(--white);text-transform:uppercase}
[lang="fa"] .contact-item .ci-name{font-family:var(--fa);letter-spacing:0;font-weight:800}
.contact-item .ci-value{color:var(--muted);font-size:.86rem;direction:ltr;unicode-bidi:isolate;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[dir="rtl"] .contact-item .ci-value{text-align:right}
.contact-item .ci-go{margin-inline-start:auto;color:var(--red);font-size:1.2rem}
[dir="rtl"] .contact-item .ci-go{transform:scaleX(-1)}
.contact-item.is-pending{opacity:.5;border-style:dashed}
.contact-item.is-pending .ci-go{display:none}

/* ---------- Footer ---------- */
.footer{border-top:1px solid var(--line);background:#080808;padding-block:44px 28px}
.footer-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid #1E1E1E}
.footer-slogan{margin:0;font-family:"Oswald",sans-serif;letter-spacing:.24em;color:var(--silver);font-size:.85rem;text-transform:uppercase}
.footer-slogan em{font-style:normal;color:var(--red)}
.footer-nav{display:flex;flex-wrap:wrap;gap:22px;font-size:.88rem;color:#BDBDBD}
.footer-nav a:hover{color:var(--white)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;font-size:.8rem;color:#7D7D7D}

/* ---------- Lightbox ---------- */
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:none;place-items:center;padding:20px;cursor:zoom-out}
.lightbox.open{display:grid}
.lightbox img{max-height:90vh;width:auto;max-width:100%;background:#fff}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}

/* ---------- 404 ---------- */
.nf{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}
.nf h1{font-size:6rem}
.nf p{color:var(--muted)}
.nf .btn{margin:6px}
.nf span[lang="fa"]{display:block}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .services{grid-template-columns:repeat(3,1fr)}
  .about{grid-template-columns:1fr 1.2fr}
  .qual-box{grid-column:1/-1}
  .why{grid-template-columns:repeat(2,1fr)}
  .contact-list{grid-template-columns:repeat(2,1fr)}
  .vertical-slogan{display:none}
}
@media (max-width:900px){
  .nav{position:fixed;inset:74px 0 auto 0;flex-direction:column;gap:0;background:rgba(11,11,11,.98);border-bottom:1px solid var(--line);padding:8px 20px 20px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s}
  .nav a{padding:15px 4px;border-bottom:1px solid #1E1E1E;font-size:1rem}
  .nav a::after{display:none}
  .menu-open .nav{opacity:1;transform:none;visibility:visible}
  .menu-btn{display:inline-flex}
  .header-cta{display:none}
  .cta-inner{grid-template-columns:1fr;padding-inline-start:0}
  .cta-media{width:100%;opacity:.45}
  .cta-media::after{background:linear-gradient(0deg,#0E0E0E 10%,rgba(14,14,14,.5))}
  [dir="rtl"] .cta-media::after{background:linear-gradient(0deg,#0E0E0E 10%,rgba(14,14,14,.5))}
  .cta-btns{flex-direction:row;flex-wrap:wrap}
}
@media (max-width:760px){
  .hero{display:block;min-height:0}
  .hero-media{position:relative;inset:auto;width:100%;height:min(74svh,600px)}
  .hero-media::after,[dir="rtl"] .hero-media::after{background:linear-gradient(180deg,rgba(11,11,11,.35) 0%,transparent 25%,rgba(11,11,11,.55) 70%,var(--black) 100%)}
  .hero::before{background:radial-gradient(ellipse 80% 40% at 50% 35%,rgba(181,13,13,.35),transparent 70%)}
  [dir="rtl"] .hero::before{background:radial-gradient(ellipse 80% 40% at 50% 35%,rgba(181,13,13,.35),transparent 70%)}
  .hero-inner{padding-block:0 52px;margin-top:-190px}
  .hero-logo{margin-bottom:18px;gap:12px}
  .hero-logo img{width:58px}
  .hero-logo .brand-text b{font-size:1.9rem}
  .hero-logo .brand-text small{font-size:.58rem;letter-spacing:.32em}
  .hero h1{font-size:clamp(2.5rem,12vw,3.6rem)}
  [lang="fa"] .hero h1{font-size:clamp(2rem,9.4vw,2.8rem)}
  .hero-ctas .btn{flex:1 1 100%}
  .services{grid-template-columns:1fr 1fr}
  .about{grid-template-columns:1fr}
  .about-photo{max-width:440px}
  .why{grid-template-columns:1fr}
  .label-row{flex-direction:column;align-items:flex-start;gap:4px}
  .section{padding-block:72px}
  .cta-banner{padding-block:64px}
  .cta-btns .btn{flex:1 1 100%}
}
@media (max-width:560px){
  .wrap{width:calc(100% - 36px)}
  .brand img{width:36px}
  .brand-text b{font-size:1.25rem}
  .brand-text small{font-size:.52rem;letter-spacing:.26em}
  .lang a{padding:7px 10px}
  .services{grid-template-columns:1fr}
  .card{flex-direction:row}
  .card-media{aspect-ratio:auto;width:96px;flex:none;border-bottom:0;border-inline-end:2px solid var(--red)}
  .card-media svg{width:44px;height:44px}
  .contact-list{grid-template-columns:1fr}
  .footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}
/* keep secondary-language lines aligned with the page direction */
html[dir="ltr"] .hero-alt,html[dir="ltr"] .card-alt,html[dir="ltr"] .cta-alt{text-align:left}
html[dir="rtl"] .hero-alt,html[dir="rtl"] .card-alt,html[dir="rtl"] .cta-alt{text-align:right}
.label[lang="en"]{font-family:"Oswald","Arial Narrow",sans-serif;letter-spacing:.06em;font-weight:600}