@media (min-width: 1600px) {
  :root { --container-width: 1320px; }
  .hero__layout { grid-template-columns: 1.12fr 0.88fr; }
}

@media (max-width: 1180px) {
  .desktop-nav__links { gap: 13px; }
  .desktop-nav a { font-size: 0.7rem; }
  .header__cv { display: none; }
  .skill-matrix { grid-template-columns: repeat(3, 1fr); }
  .expertise__layout { grid-template-columns: minmax(440px, 1fr) minmax(270px, 0.75fr); gap: 42px; }
  .certificate-timeline { grid-template-columns: repeat(5, 210px); overflow-x: auto; padding-bottom: 18px; }
  .certificate-timeline::before { right: auto; width: 1050px; }
}

@media (max-width: 1024px) {
  :root { --header-height: 70px; }
  .desktop-nav { display: none; }
  .menu-toggle { display: flex; }
  .header__cv { display: inline-flex; }
  .site-header { color: #e2e8f0; }
  .hero { min-height: auto; padding-top: calc(var(--header-height) + 65px); }
  .hero__layout { grid-template-columns: minmax(0, 1fr) minmax(340px, 0.78fr); gap: 34px; }
  .hero__copy { padding-bottom: 105px; }
  .hero__title { font-size: clamp(3rem, 6.8vw, 4.7rem); }
  .hero__stats { grid-template-columns: repeat(2, 1fr); gap: 17px 0; }
  .hero__stats > div:nth-child(3) { padding-inline-start: 0; border: 0; }
  .hero__visual { padding-bottom: 95px; }
  .portrait-frame img { height: auto; }
  .status-panel--top { left: -2%; }
  .status-panel--side { right: -2%; }
  .section { padding: 92px 0; }
  .about__layout { gap: 40px; }
  .about__narrative { padding-inline-start: 30px; }
  .mindset { grid-template-columns: 0.8fr 2.2fr; }
  .skill-group { grid-template-columns: 205px 1fr; }
  .expertise__layout { grid-template-columns: 1fr; }
  .topology { max-width: 720px; }
  .expertise__copy { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 42px; }
  .expertise__intro { margin: 0; }
  .project-card { grid-column: span 6; }
  .project-card--featured { grid-column: span 6; }
  .credential-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .credential-card--certificate { grid-column: 1 / -1; }
  .experience-list,
  .education-list { margin-inline-start: 40px; }
  .contact__layout { gap: 48px; }
}

@media (max-width: 768px) {
  .container { width: min(calc(100% - 34px), var(--container-width)); }
  .header__cv { display: none; }
  .hero { padding-top: calc(var(--header-height) + 52px); }
  .hero__layout { grid-template-columns: 1fr; }
  .hero__copy { padding-bottom: 20px; }
  .hero__title { max-width: 600px; font-size: clamp(2.85rem, 12vw, 4.6rem); }
  html[lang="ar"] .hero__title { font-size: clamp(2.55rem, 10.8vw, 4.2rem); }
  .hero__bio { max-width: 620px; }
  .hero__visual { width: min(94%, 500px); padding-bottom: 125px; }
  .portrait-frame img { height: auto; }
  .status-panel--top { top: 6%; left: -1%; }
  .status-panel--side { top: 47%; right: -1%; }
  .terminal-widget { bottom: 74px; left: -1%; }
  html[dir="rtl"] .terminal-widget { right: -1%; left: auto; }
  .section-heading { grid-template-columns: 58px minmax(0, 1fr); margin-bottom: 48px; }
  .section-heading__index i { width: 20px; }
  .section-heading__lead { font-size: 0.9rem; }
  .about::before { display: none; }
  .about__layout { grid-template-columns: 1fr; }
  .about__narrative { padding-inline-start: 0; }
  .quick-facts { max-width: 520px; }
  .mindset { grid-template-columns: 1fr; gap: 30px; }
  .mindset__list { grid-template-columns: repeat(2, 1fr); }
  .skill-group { grid-template-columns: 1fr; gap: 22px; }
  .skill-group header { align-items: center; }
  .skill-group h3 { max-width: none; }
  .skill-matrix { grid-template-columns: repeat(3, 1fr); }
  .topology__canvas { height: 470px; }
  .expertise__copy { grid-template-columns: 1fr; gap: 25px; }
  .project-filters { margin: -12px 0 32px 58px; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 6px; }
  html[dir="rtl"] .project-filters { margin-right: 58px; }
  .project-card,
  .project-card--featured { grid-column: span 6; }
  .project-card__media,
  .project-card--featured .project-card__media { height: 230px; }
  .credential-gallery { margin-bottom: 56px; }
  .credential-card__media { height: 230px; }
  .certificate-timeline { display: block; overflow: visible; padding-inline-start: 34px; }
  .certificate-timeline::before { top: 0; bottom: 0; left: 14px; width: 1px; height: auto; background: linear-gradient(var(--color-primary), var(--color-secondary), transparent); }
  html[dir="rtl"] .certificate-timeline { padding-right: 34px; padding-left: 0; }
  html[dir="rtl"] .certificate-timeline::before { right: 14px; left: auto; }
  .certificate { display: grid; grid-template-columns: 110px 1fr; padding: 0 0 42px; }
  .certificate__date { grid-column: 1; grid-row: 1; height: auto; padding-top: 8px; }
  .certificate__marker { position: absolute; top: 0; left: -35px; }
  html[dir="rtl"] .certificate__marker { right: -35px; left: auto; }
  .certificate__body { grid-column: 2; grid-row: 1; margin: 0; }
  .certificate__body h3 { min-height: 0; }
  .experience-list,
  .education-list { margin-inline-start: 0; }
  .experience-item { grid-template-columns: 52px 1fr; }
  .experience-item__date { grid-column: 2; margin-bottom: 14px; }
  .experience-item__body { grid-column: 2; padding: 0 0 48px; }
  html[dir="rtl"] .experience-item__body { padding: 0 0 48px; }
  .experience-item__rail { grid-row: 1 / span 2; }
  .education-record { grid-template-columns: 1fr; gap: 20px; padding: 32px; }
  .contact__layout { grid-template-columns: 1fr; }
  .contact__details { max-width: none; }
  .footer__grid { grid-template-columns: 1.2fr 0.8fr; }
  .footer__socials { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 25px; }
}

@media (max-width: 560px) {
  .container { width: min(calc(100% - 28px), var(--container-width)); }
  .credential-gallery { grid-template-columns: 1fr; gap: 14px; }
  .credential-card--certificate { grid-column: auto; }
  .credential-card__media { height: 220px; }
  .brand__mark { width: 40px; height: 40px; }
  .language-toggle { padding: 0 4px; }
  .hero { padding-top: calc(var(--header-height) + 42px); }
  .availability { max-width: 100%; margin-bottom: 22px; }
  .availability__code { display: none; }
  .hero__title { font-size: clamp(2.65rem, 15vw, 4rem); line-height: 1.04; }
  html[lang="ar"] .hero__title { font-size: clamp(2.35rem, 12.8vw, 3.8rem); }
  .hero__role { font-size: 1.05rem; }
  .hero__bio { font-size: 0.9rem; }
  .hero__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .hero__actions .button { padding: 0 14px; }
  .hero__socials { gap: 8px 17px; }
  .hero__socials a { min-height: 38px; }
  .hero__socials a:last-child span { max-width: 185px; overflow: hidden; text-overflow: ellipsis; }
  .hero__stats { margin-top: 24px; }
  .hero__stats > div { padding-inline: 10px; }
  .hero__visual { width: 100%; padding-bottom: 116px; }
  .portrait-frame { width: 93%; }
  .portrait-frame img { height: auto; }
  .status-panel { min-width: 150px; padding: 10px 12px; }
  .status-panel--top { left: -2px; }
  .status-panel--side { right: -2px; }
  .terminal-widget { width: 66%; bottom: 63px; }
  .tech-marquee span { height: 46px; padding: 0 22px; }
  .section { padding: 76px 0; }
  .section-heading { display: block; margin-bottom: 42px; }
  .section-heading__index { margin: 0 0 12px; }
  .section-heading p { display: none; }
  .section-heading h2 { font-size: 2.05rem; }
  .about__lead { font-size: 1.3rem !important; }
  .about__narrative > p { font-size: 0.9rem; }
  .specialty-strip { gap: 9px; padding: 12px; }
  .quick-facts { padding: 24px 20px; }
  .mindset { margin-top: 60px; }
  .mindset__list { grid-template-columns: 1fr; }
  .mindset-item:nth-child(2) { border-top: 1px solid var(--color-border); padding-top: 18px; }
  .skill-matrix { grid-template-columns: repeat(2, 1fr); }
  .skill-node { min-height: 96px; }
  .skill-tooltip { width: min(220px, 80vw); }
  .topology__canvas { height: 430px; }
  .topology-node { min-width: 76px; font-size: 0.55rem; }
  .topology-tooltip { width: 150px; }
  .project-filters { margin-inline-start: 0; }
  html[dir="rtl"] .project-filters { margin-right: 0; }
  .projects-grid { display: block; }
  .project-card { margin-bottom: 20px; }
  .project-card__media,
  .project-card--featured .project-card__media { height: min(260px, 63vw); }
  .project-card--featured h3 { font-size: 1.15rem; }
  .certificate { grid-template-columns: 90px 1fr; }
  .education-record { padding: 25px 20px; }
  .education-record h3 { font-size: 1.15rem; }
  .contact-form { padding: 24px 18px; }
  .contact-form__row { grid-template-columns: 1fr; gap: 0; }
  .contact-form__submit { width: 100%; }
  .footer__grid { grid-template-columns: 1fr; gap: 32px; }
  .footer__socials { grid-column: auto; }
  .footer__bottom { align-items: flex-start; gap: 18px; }
  .footer__bottom p { max-width: 230px; }
  .project-modal__panel { top: auto; bottom: 0; left: 0; width: 100%; max-height: 96vh; border-radius: 20px 20px 0 0; transform: translateY(100%); }
  .project-modal.is-open .project-modal__panel { transform: translateY(0); }
  .modal-hero { height: 285px; border-radius: 20px 20px 0 0; }
  .modal-hero__copy { right: 22px; bottom: 24px; left: 22px; }
  .modal-content { padding: 25px 20px 36px; }
  .modal-content__summary { align-items: flex-start; flex-direction: column; }
  .modal-content__grid { grid-template-columns: 1fr; gap: 27px; }
}

@media (max-width: 374px) {
  .header__inner { gap: 8px; }
  .header__actions { gap: 2px; }
  .language-toggle { font-size: 0.64rem; }
  .hero__actions { grid-template-columns: 1fr; }
  .hero__stats span { font-size: 0.58rem; }
  .status-panel--side { display: none; }
  .terminal-widget { width: 74%; }
  .skill-matrix { grid-template-columns: 1fr 1fr; gap: 7px; }
  .skill-node { padding: 12px 9px; }
  .topology__canvas { height: 405px; }
  .certificate { grid-template-columns: 75px 1fr; }
}

@media (hover: none) {
  .cursor-halo { display: none; }
  .skill-tooltip { display: none; }
  .skill-node:focus .skill-tooltip { display: block; }
}
