@media(min-width:1450px){.hero__title{font-size:84px}.hero{min-height:780px}}
@media(max-width:1180px){.nav{gap:17px}.header__inner{gap:15px}.button--nav{padding:10px}.hero__title{font-size:clamp(46px,5.4vw,71px)}.hero__grid{gap:12px}.orbit-label--two{right:0}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:300px}.about__layout{gap:45px}.faq__layout{gap:50px}.contact__grid{gap:30px}.footer__links{gap:55px}}
@media(max-width:960px){.header__inner{height:76px}.menu-button{display:flex}.nav{position:fixed;top:110px;inset-inline:16px;display:flex;align-items:stretch;flex-direction:column;gap:0;margin:0;padding:10px 20px 18px;background:#12233a;border:1px solid #355070;border-radius:9px;box-shadow:0 32px 70px rgba(0,0,0,.45);max-height:calc(100dvh - 128px);overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .25s,transform .25s,visibility .25s}.nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.nav__link{padding:12px 2px;font-size:14px;border-bottom:1px solid rgba(178,202,238,.1)}.nav__link.active:after{inset-inline-start:0;left:auto;bottom:19px}.hero__grid{grid-template-columns:1fr 1fr;gap:0}.hero-art{min-height:390px}.hero__title{font-size:clamp(42px,5.6vw,60px)}.hero__copy{font-size:14px}.hero__buttons{gap:9px}.hero__buttons .button{padding:14px 15px;font-size:12px}.orbit-label{font-size:8px;padding:8px}.orbit-label__glyph{width:25px;height:25px}.section{padding-block:85px}.about__architecture{min-height:340px}.about__architecture:before{width:270px;height:270px}.about__architecture:after{width:200px;height:200px}.about__architecture-mark{font-size:155px}.process__grid{gap:14px}.faq__layout{gap:35px}.contact__frame{padding:30px 27px 0}.contact__title{font-size:47px}.contact-form{padding:22px}}
@media(max-width:740px){.container{width:min(calc(100% - 34px),var(--container))}.announcement{height:29px;gap:16px;font-size:8px}.announcement span:last-child{display:none}.header__inner{height:67px}.brand img{width:40px;height:40px}.brand__text strong{font-size:17px}.brand__text small{font-size:8px}.header__actions{gap:7px}.header__actions .button--nav{display:none}.nav{top:96px}.section{padding-block:72px}.section-heading--spread{display:block}.section-heading__aside{margin-top:19px;max-width:540px}.section-title{font-size:clamp(34px,9vw,48px)}.hero{padding-top:20px;padding-bottom:20px}.hero__grid{grid-template-columns:1fr;min-height:auto}.hero__content{padding-block:45px 5px}.hero__title{font-size:clamp(51px,10vw,77px);max-width:600px}.hero__copy{max-width:550px}.hero__micro{margin-top:33px}.hero-art{margin-top:0;max-width:550px;min-height:435px;width:min(100%,540px)}.hero__bottom{padding-top:16px}.hero__bottom-label{font-size:10px}.expertise-strip{height:55px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{padding:20px 18px;min-height:318px}.service-card__title{font-size:16px}.catalog-toolbar{flex-wrap:wrap}.catalog-count{order:3;width:100%;margin:0}.about__layout{grid-template-columns:1fr;gap:40px}.about__narrative>p{max-width:600px}.about__composition{max-width:460px}.advantages__list{grid-template-columns:1fr}.process__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px}.portfolio__empty{grid-template-columns:1fr}.portfolio__blueprint{min-height:330px}.portfolio__empty-copy{padding:30px 29px 39px}.portfolio__empty-copy h3{font-size:32px}.portfolio__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq__layout{grid-template-columns:1fr;gap:37px}.contact__grid{grid-template-columns:1fr;gap:39px}.contact__aside{padding:0}.contact__aside>p{margin-bottom:22px}.contact-form{margin-bottom:33px}.contact__title{font-size:clamp(37px,9vw,55px)}.footer__top{display:block}.footer__links{margin-top:34px;gap:65px}.footer__bottom>span:nth-child(2){display:none}}
@media(max-width:480px){.container{width:calc(100% - 32px)}.section{padding-block:60px}.hero{padding-top:0}.hero__content{padding-block:38px 0}.hero__title{font-size:clamp(42px,12.5vw,59px);line-height:1.37}.hero__copy{font-size:14px;margin:17px 0 25px}.hero__buttons{flex-direction:column;align-items:stretch;max-width:370px}.hero__buttons .button{min-height:52px}.hero__eyebrow{font-size:10px}.hero__micro{margin-top:22px}.hero-art{min-height:330px;max-width:410px;aspect-ratio:1.15}.hero-art__core{border-radius:20px}.hero-art__core-top,.hero-art__core-bottom{font-size:6px}.orbit-label{padding:5px 7px;font-size:7px;gap:5px}.orbit-label__glyph{width:20px;height:20px;font-size:13px}.orbit-label--one{left:1%;top:10%}.orbit-label--two{right:-1%;top:31%}.orbit-label--three{bottom:10%;left:1%}.hero-art__edge{font-size:7px}.hero__bottom{align-items:center}.hero__bottom-label{max-width:55%}.expertise-strip__track{gap:20px}.expertise-strip__track span{font-size:10px}.services-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:270px}.service-card__title{margin-top:18px}.service-card__copy{margin-bottom:17px}.catalog-search{min-width:0;max-width:none;flex-basis:100%}.filter-trigger{min-height:47px}.catalog-count{order:0;width:auto;margin-inline-start:auto}.section-title{font-size:clamp(31px,9vw,44px)}.section-heading{margin-bottom:31px}.about__architecture{min-height:300px}.about__composition{padding:8px 14px 30px 0}.about__architecture-label{font-size:8px}.about__architecture-mark{font-size:143px}.about__note{font-size:10px;padding:12px 13px;max-width:255px}.advantage{grid-template-columns:31px 1fr 27px;gap:9px;min-height:126px}.advantage h3{font-size:15px}.advantage p{font-size:11px}.advantage>svg{width:22px!important;height:22px!important}.process__grid{grid-template-columns:1fr 1fr;gap:32px 15px}.step h3{font-size:14px}.step p{font-size:12px}.step__icon{height:68px}.portfolio__blueprint{min-height:295px}.blueprint-card{width:215px;height:217px}.blueprint-card--back{transform:translate(-34px,-10px) rotate(-16deg)}.blueprint-card--front{transform:translate(27px,8px) rotate(8deg)}.blueprint-card__shape{font-size:128px}.portfolio__grid{grid-template-columns:1fr}.faq-item summary{font-size:14px}.faq-item p{padding-inline-end:18px}.contact{padding-block:60px 75px}.contact__frame{padding:25px 17px 0}.contact__serial{display:none}.contact__grid{padding-top:28px}.contact__title{font-size:40px}.contact__aside>p{font-size:13px}.contact-form{padding:20px 15px}.contact__baseline{font-size:9px}.contact__baseline>span:last-child{font-size:8px}.footer__top{padding-bottom:40px}.footer__links{gap:28px}.footer__links>div{flex:1}.footer__bottom{align-items:flex-start;flex-direction:column;padding-block:21px;gap:9px}.floating-social{bottom:19px;inset-inline-end:15px}.floating-social button{width:43px;height:43px}.back-top{inset-inline-start:15px;bottom:20px}.modal__panel{padding:25px 21px}.modal__topline>span:last-child{display:none}}
html[lang=en] .hero__title{letter-spacing:-.06em;line-height:1.11;font-weight:800}html[lang=en] .hero__title>span{margin-bottom:10px}html[lang=en] .hero__title-accent{font-size:.84em;letter-spacing:-.065em}html[lang=en] .hero__micro{letter-spacing:0}html[lang=en] .service-card__title{letter-spacing:-.035em}html[lang=en] .contact__title,html[lang=en] .portfolio__empty-copy h3{letter-spacing:-.06em;line-height:1.25}html[dir=ltr] .service-card:before{transform-origin:left}html[dir=rtl] .service-card:before{transform-origin:right}html[dir=ltr] .hero-art__core{transform:translate(-50%,-50%) rotate(-9deg)}

/* ------------------------------------------------------------------
   RESPONSIVE REFINEMENT — October 2026
   Keeps the existing visual identity while eliminating clipped content,
   breakpoint jumps and misaligned sticky navigation in RTL and LTR.
   ------------------------------------------------------------------ */

/* Grid children must shrink within their columns instead of pushing the
   page wider (overflow-x: clip can hide this failure without fixing it). */
.hero__grid,
.about__layout,
.faq__layout,
.contact__grid,
.services-grid,
.process__grid { min-width: 0; }
.hero__grid > *,
.about__layout > *,
.faq__layout > *,
.contact__grid > *,
.services-grid > *,
.process__grid > * { min-width: 0; }
.hero__title,
.section-title,
.contact__title { max-width: 100%; overflow-wrap: break-word; }
.hero__title-accent { width: auto; }
.catalog-toolbar > *,
.contact-form,
.contact-form input,
.contact-form textarea,
.contact-form select { min-width: 0; }

/* Mobile-only action belongs inside the menu and avoids crowding the logo. */
.nav__cta { display: none; }

/* Switch to an actual touch-friendly dropdown BEFORE desktop navigation
   becomes crowded, especially with longer English labels. */
@media (max-width: 1100px) {
  html { scroll-padding-top: 94px; }
  .header {
    background: rgba(8, 15, 29, .96);
    border-bottom-color: rgba(160, 185, 222, .13);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }
  .header__inner {
    height: 74px;
    gap: 12px;
  }
  .brand { gap: 9px; min-width: 0; }
  .header__actions {
    margin-inline-start: auto;
    flex-shrink: 0;
    gap: 10px;
  }
  .language-switch {
    min-width: 48px;
    min-height: 44px;
    justify-content: center;
  }
  .menu-button {
    display: flex;
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    border-radius: 9px;
    transition: border-color .2s, background .2s;
  }
  .menu-button[aria-expanded="true"] {
    border-color: rgba(34, 211, 238, .55);
    background: rgba(34, 211, 238, .08);
  }
  .nav {
    position: absolute;
    top: calc(100% + 7px);
    inset-inline: 16px;
    left: 16px;
    right: 16px;
    z-index: 85;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 2px;
    width: auto;
    margin: 0;
    padding: 12px;
    background: #10223a;
    border: 1px solid #365573;
    border-radius: 14px;
    box-shadow: 0 28px 72px rgba(0, 0, 0, .48);
    max-height: calc(100vh - 110px);
    max-height: calc(100dvh - 110px);
    overflow-y: auto;
    overscroll-behavior: contain;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-9px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s;
  }
  .nav.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  .nav__link {
    display: flex;
    align-items: center;
    min-height: 49px;
    padding: 12px 15px;
    border: 0;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.5;
    white-space: normal;
    text-align: start;
  }
  .nav__link:hover,
  .nav__link:focus-visible,
  .nav__link.active {
    background: rgba(65, 133, 217, .13);
  }
  .nav__link.active::after {
    content: none;
  }
  .nav__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin-top: 8px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(110deg, #3175fc, #18bcd8);
    font-weight: 700;
    font-size: 14px;
  }
  .nav__cta:hover,
  .nav__cta:focus-visible { filter: brightness(1.12); }
  .hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .hero__content { min-width: 0; }
}

/* Two-column hero is too narrow at tablet widths; the media and its
   illustration now stack without cutting off Arabic/English headings. */
@media (max-width: 900px) {
  .hero { min-height: 0; padding-top: 38px; padding-bottom: 26px; }
  .hero__grid { grid-template-columns: minmax(0, 1fr); gap: 0; min-height: 0; }
  .hero__content { padding-block: 25px 5px; }
  .hero__title { max-width: 100%; font-size: clamp(44px, 7.2vw, 67px); }
  .hero__copy { max-width: 650px; }
  .hero__micro { margin-top: 35px; }
  .hero-art {
    width: min(100%, 505px);
    max-width: 505px;
    min-height: 0;
    margin-block: 5px 12px;
    aspect-ratio: 1.12;
  }
  .about__layout,
  .faq__layout { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .about__composition { max-width: 480px; }
  .faq__left > p { max-width: 650px; }
  .contact__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .contact__aside { padding: 0; }
  .contact__aside > p { max-width: 580px; }
  .contact-form { max-width: 100%; }
  .footer__top { gap: 28px; }
}

@media (max-width: 740px) {
  html { scroll-padding-top: 82px; }
  .header__inner { height: 68px; gap: 8px; }
  .header__actions { gap: 5px; }
  .header__actions .button--nav { display: none; }
  .header .brand img { width: 39px; height: 39px; }
  .header .brand__text strong { font-size: 17px; }
  .header .brand__text small { font-size: 8px; }
  html[lang="en"] .header .brand__text strong { font-size: 12px; }
  .nav { top: calc(100% + 7px); }
  .hero { padding-top: 10px; }
  .hero__content { padding-block: 30px 2px; }
  .hero__title { font-size: clamp(43px, 9vw, 63px); }
  .hero-art { width: min(100%, 465px); }
  .hero__bottom { gap: 12px; }
  .section-heading--spread { gap: 18px; }
  .contact__frame { padding-inline: clamp(17px, 4vw, 30px); }
  .contact__title { font-size: clamp(33px, 7vw, 50px); }
  .footer__top { display: block; }
  .footer__links { margin-top: 34px; gap: clamp(24px, 8vw, 65px); }
}

@media (max-width: 480px) {
  .hero__grid { width: calc(100% - 32px); }
  .hero__content { width: 100%; padding-block: 29px 0; }
  .hero__title { font-size: clamp(37px, 10.2vw, 49px); line-height: 1.32; }
  .hero__title > span { max-width: 100%; }
  .hero__copy { max-width: 100%; font-size: 13.5px; line-height: 2; }
  .hero__eyebrow { max-width: 100%; flex-wrap: wrap; gap: 8px; }
  .hero__buttons { max-width: 100%; }
  .hero__buttons .button { width: 100%; justify-content: center; }
  .hero__micro { margin-top: 26px; gap: 9px; flex-wrap: wrap; }
  .hero-art { width: min(100%, 365px); aspect-ratio: 1.06; min-height: 0; margin-block: 16px 12px; }
  .hero-art__edge { font-size: 7px; }
  .hero__bottom-label { max-width: 66%; }
  .hero__bottom .hero__scroll { flex-shrink: 0; font-size: 10px; gap: 5px; }
  html[lang="en"] .hero__title {
    font-size: clamp(31px, 8.6vw, 42px);
    line-height: 1.22;
    letter-spacing: -.048em;
  }
  html[lang="en"] .hero__title-accent { font-size: .9em; }
  .catalog-toolbar { gap: 9px; }
  .catalog-search { flex: 1 1 100%; }
  .catalog-count { margin-inline-start: auto; }
  .filter-trigger { min-height: 44px; }
  .about__composition { max-width: 100%; }
  .contact__frame { padding: 23px 16px 0; }
  .contact__title { font-size: clamp(32px, 8.8vw, 40px); }
  .contact-form { padding: 19px 14px; }
  .contact__socials { max-width: 100%; }
  .footer__links { flex-wrap: wrap; }
  .modal__panel { max-height: calc(100dvh - 30px); overscroll-behavior: contain; }
}

/* Very small devices must not depend on an English word or header label
   fitting a larger grid column. */
@media (max-width: 359px) {
  .announcement { gap: 9px; letter-spacing: .08em; }
  .announcement__spark:last-of-type { display: none; }
  .header__inner { gap: 6px; }
  .header .brand { gap: 6px; }
  .header .brand img { width: 34px; height: 34px; }
  .header .brand__text strong { font-size: 15px; }
  .header .brand__text small { letter-spacing: .1em; font-size: 7px; }
  html[lang="en"] .header .brand__text strong { font-size: 10px; }
  .language-switch { gap: 3px; padding: 5px 2px; min-width: 42px; }
  .menu-button { width: 44px; height: 44px; }
  .hero__title { font-size: 36px; }
  html[lang="en"] .hero__title { font-size: 29px; }
  .section-title { font-size: 30px; }
  .process__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .step__icon { height: 56px; }
  .footer__links { gap: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .nav, .menu-button span { transition: none; }
}