@media (max-width: 1240px) and (min-width: 1051px) {
  .brand-copy { display: none; }
  .header-inner { gap: 9px; }
  .desktop-nav { gap: 8px; }
  .nav-link { font-size: .55rem; }
  .header-actions .button { display: none; }
}

@media (max-width: 1050px) {
  .desktop-nav, .header-actions { display: none; }
  .header-inner { justify-content: space-between; }
  .menu-toggle { display: block; }
  .menu-backdrop { position: fixed; z-index: 1090; inset: 0; visibility: hidden; background: rgba(0,8,18,.64); opacity: 0; transition: opacity .3s ease, visibility .3s ease; }
  .mobile-panel { position: fixed; z-index: 1100; top: 0; right: 0; bottom: 0; display: flex; visibility: hidden; flex-direction: column; width: min(420px, 92vw); padding: 25px 28px; color: var(--white); background: var(--navy); box-shadow: -20px 0 60px rgba(0,0,0,.35); transform: translateX(100%); transition: transform .35s ease, visibility .35s ease; }
  .menu-open .menu-backdrop { visibility: visible; opacity: 1; }
  .menu-open .mobile-panel { visibility: visible; transform: translateX(0); }
  .mobile-panel-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.12); font: 700 .8rem/1 "Montserrat",sans-serif; letter-spacing: .14em; }
  .mobile-panel-head button { width: 43px; height: 43px; color: var(--white); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 50%; font-size: 1.6rem; }
  .mobile-nav { display: grid; overflow-y: auto; padding: 18px 0; }
  .mobile-nav .nav-link { padding: 12px 0; font-size: .87rem; }
  .mobile-nav .nav-link::after { display: none; }
  .mobile-panel-footer { display: grid; gap: 18px; margin-top: auto; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); }
  .mobile-panel-footer .language-switch { justify-content: center; }
}

@media (max-width: 1100px) {
  .hero-layout { grid-template-columns: 1fr; padding-top: 55px; }
  .hero-copy { max-width: 850px; }
  .market-visual { min-height: 450px; }
  .world-sphere { width: 360px; height: 360px; }
  .card-capital { right: 12%; }.card-assets { right: 9%; }.card-esg { left: 14%; }
  .expertise-grid { grid-template-columns: repeat(3,1fr); }
  .values-grid { grid-template-columns: repeat(3,1fr); }
  .why-grid { grid-template-columns: repeat(2,1fr); }
  .service-index-grid { grid-template-columns: repeat(2,1fr); }
  .industries-grid { grid-template-columns: repeat(2,1fr); }
  .pill-grid { grid-template-columns: repeat(2,1fr); }
  .career-grid { grid-template-columns: repeat(2,1fr); }
  .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; gap: 20px 50px; }
  .footer-grid > div:last-child .footer-legal-title { margin-top: 6px !important; }
}

@media (max-width: 860px) {
  .container { width: min(calc(100% - 34px), var(--container)); }
  .section { padding: 82px 0; }
  .header-inner { width: calc(100% - 28px); min-height: 82px; }
  .brand-logo { width: 55px; height: 55px; }.brand-copy strong { font-size: .78rem; }.brand-copy small { font-size: .43rem; }
  .hero-home { padding-top: 110px; }
  .hero h1 { font-size: clamp(2.45rem,9vw,4.5rem); }
  .page-hero { min-height: 550px; padding: 150px 0 80px; }
  .page-hero h1 { font-size: clamp(2.65rem,10vw,4.8rem); }
  .page-hero-inner { margin-left: 17px; margin-right: 17px; }
  .market-visual { min-height: 400px; transform: scale(.92); }
  .section-heading { display: grid; gap: 22px; }
  .split-layout, .platform-grid, .service-content, .contact-grid, .legal-layout { grid-template-columns: 1fr; }
  .statement-visual { min-height: 410px; }
  .platform-copy, .sticky-label, .contact-details, .legal-notice { position: relative; top: auto; }
  .vision-grid, .dual-panels { grid-template-columns: 1fr; }
  .service-content { gap: 32px; padding: 0 0 55px 70px; }
  .esg-grid, .impact-grid { grid-template-columns: 1fr; }
  .impact-card p { min-height: auto; }
  .topic-grid { grid-template-columns: repeat(2,1fr); }
  .cta-inner { display: grid; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: auto; display: block; }
  .footer-grid > div:last-child .footer-legal-title { margin-top: 34px !important; }
}

@media (max-width: 620px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .section { padding: 70px 0; }
  .header-inner { min-height: 75px; }.site-header.scrolled .header-inner { min-height: 68px; }
  .brand-logo, .site-header.scrolled .brand-logo { width: 49px; height: 49px; }.brand-copy strong { font-size: .72rem; }.brand-copy small { max-width: 105px; font-size: .39rem; }
  .menu-toggle { width: 44px; height: 44px; }
  .hero-home { min-height: auto; padding: 118px 0 70px; }
  .hero-layout { gap: 40px; padding-top: 0; }
  .hero h1 { font-size: clamp(2.25rem,11.7vw,3.6rem); }
  .hero-brandline { line-height: 1.5; }
  .hero-copy > p:not(.eyebrow):not(.hero-brandline) { font-size: .94rem; }
  .hero-actions { display: grid; }
  .hero-actions .button { width: 100%; }
  .market-visual { min-height: 340px; margin: -10px -25px 0; transform: scale(.84); }
  .world-sphere { width: 310px; height: 310px; }
  .market-card { min-width: 154px; padding: 15px; }.card-capital { top: 0; right: 2%; }.card-assets { right: 0; bottom: 10%; }.card-esg { bottom: 6%; left: 0; }
  .flame-mark { left: 4%; }
  .scroll-indicator { display: none; }
  .page-hero { min-height: 500px; padding: 125px 0 65px; }
  .page-hero h1 { font-size: clamp(2.35rem,12vw,3.5rem); }
  .page-hero .hero-lead { font-size: .96rem; }
  .section-heading h2 { font-size: 2.35rem; }
  .expertise-grid, .values-grid, .industries-grid, .pill-grid, .career-grid, .topic-grid { grid-template-columns: 1fr; }
  .expertise-card { min-height: 165px; }.expertise-card h3 { margin-top: 35px; }
  .statement-visual { min-height: 350px; padding: 45px 28px; }.statement-line { margin-top: 65px; }.vertical-word { font-size: 4rem; }
  .split-copy h2, .publication-section h2 { font-size: 2.4rem; }
  .platform-row { grid-template-columns: 40px 1fr 25px; gap: 10px; }.platform-row strong { font-size: .96rem; }
  .why-grid { grid-template-columns: 1fr; }.why-card { min-height: 250px; }.why-card h3 { margin-top: 40px; }
  .vision-card { min-height: 310px; padding: 30px; }.vision-card h2 { margin-top: 75px; }
  .service-index-grid { grid-template-columns: 1fr; }
  .service-panel summary { grid-template-columns: 40px 1fr 38px; gap: 12px; min-height: 125px; }.service-panel summary i { width: 37px; height: 37px; }.service-panel summary strong { font-size: 1.25rem; }
  .service-content { padding: 0 0 48px; }.service-groups { grid-template-columns: 1fr; }
  .industry-card { min-height: 360px; padding: 28px; }.industry-top { margin-bottom: 42px; }
  .solution-panel { min-height: 450px; padding: 32px; }.solution-panel h2 { margin-top: 80px; }
  .esg-card, .impact-card { min-height: auto; padding: 30px; }.esg-card h3 { margin-top: 65px; }
  .career-card { min-height: 230px; }.career-card h3 { margin-top: 55px; }
  .form-grid { grid-template-columns: 1fr; }.field.full, .privacy-check.full { grid-column: auto; }.contact-form-wrap { padding: 28px 20px; }
  .footer-grid { grid-template-columns: 1fr; padding-top: 70px; }.footer-grid > div:last-child { grid-column: auto; }.footer-expertise { grid-template-columns: 1fr 1fr; }.footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; padding: 22px 0; }
  .back-to-top { right: 16px; bottom: 16px; }
}

@media (max-width: 380px) {
  .brand-copy { display: none; }
  .mobile-panel { padding-inline: 20px; }
  .hero h1 { font-size: 2.15rem; }
  .market-visual { margin-inline: -42px; transform: scale(.76); }
  .footer-expertise { grid-template-columns: 1fr; }
}

/* Compact floating navigation and cinematic hero refinements */
@media (max-width: 1240px) and (min-width: 1051px) {
  .header-inner { gap: 7px; }
  .nav-link { padding-inline: 7px; font-size: .53rem; }
}

@media (max-width: 1050px) {
  .site-header { padding: 10px 12px; }
  .site-header.scrolled { padding: 6px 12px; }
  .header-inner,
  .site-header.scrolled .header-inner {
    width: 100%;
    min-height: 58px;
    padding: 0 8px 0 10px;
  }
  .site-header.scrolled .header-inner { min-height: 52px; }
  .brand-logo,
  .site-header.scrolled .brand-logo {
    width: 42px;
    height: 42px;
  }
  .site-header.scrolled .brand-logo { width: 38px; height: 38px; }
  .menu-toggle {
    display: block;
    width: 42px;
    height: 42px;
    padding: 9px;
    border-color: rgba(47,217,255,.24);
    background: rgba(47,217,255,.07);
  }
  .mobile-panel {
    background:
      radial-gradient(circle at 100% 0,rgba(47,217,255,.12),transparent 30%),
      var(--abyss);
  }
  .mobile-nav .nav-link {
    margin-bottom: 3px;
    padding: 12px 14px;
    border-radius: 10px;
  }
  .mobile-nav .nav-link.active {
    color: var(--abyss);
    background: linear-gradient(135deg,var(--flame-cyan),var(--flame-indigo));
  }
  .mobile-panel-footer .language-switch {
    display: inline-flex;
    width: max-content;
    min-width: 145px;
    margin-inline: auto;
  }
}

@media (max-width: 1100px) {
  .hero-layout { padding-top: 0; }
}

@media (max-width: 860px) {
  .hero-home {
    min-height: 90svh;
    padding: 128px 0 78px;
  }
  .hero-home::before { background-position: 64% center; }
  .hero-home::after {
    background:
      linear-gradient(90deg,rgba(5,11,20,.98),rgba(5,11,20,.85) 55%,rgba(5,11,20,.45)),
      linear-gradient(0deg,var(--abyss),transparent 38%);
  }
  .hero h1 { font-size: clamp(2.55rem,9vw,4.4rem); }
  .hero-copy { max-width: 650px; }
  .hero-pillars { max-width: 620px; }
  .page-hero { min-height: 520px; padding: 140px 0 78px; }
  .statement-visual { min-height: 480px; }
  .brand-monument { width: min(240px,70%); }
  .brand-monument img { width: 185px; }
}

@media (max-width: 620px) {
  .site-header { padding: 8px; }
  .site-header.scrolled { padding: 5px 8px; }
  .header-inner,
  .site-header.scrolled .header-inner {
    min-height: 54px;
    border-radius: 14px;
  }
  .site-header.scrolled .header-inner { min-height: 48px; }
  .brand-logo,
  .site-header.scrolled .brand-logo {
    width: 39px;
    height: 39px;
    border-radius: 9px;
  }
  .site-header.scrolled .brand-logo { width: 36px; height: 36px; }
  .menu-toggle { width: 39px; height: 39px; border-radius: 10px; }
  .hero-home {
    min-height: 92svh;
    padding: 110px 0 62px;
  }
  .hero-home::before { background-position: 68% center; }
  .hero-home::after {
    background:
      linear-gradient(90deg,rgba(5,11,20,.98),rgba(5,11,20,.82) 70%,rgba(5,11,20,.45)),
      linear-gradient(0deg,var(--abyss),transparent 45%);
  }
  .hero h1 {
    max-width: 520px;
    font-size: clamp(2.25rem,11.2vw,3.5rem);
  }
  .hero-brandline { max-width: 320px; }
  .hero-copy > p:not(.eyebrow):not(.hero-brandline) { max-width: 520px; font-size: .91rem; }
  .hero-actions { display: flex; }
  .hero-actions .button { width: auto; flex: 1 1 190px; }
  .hero-pillars { margin-top: 27px; }
  .hero-pillars div { min-height: 34px; padding: 6px 10px; }
  .hero-pillars span { font-size: .56rem; }
  .sector-ticker span { min-height: 46px; padding-inline: 18px; font-size: .59rem; }
  .expertise-card { min-height: 190px; }
  .expertise-card h3 { margin-top: 42px; }
  .statement-visual { min-height: 410px; padding: 42px 25px; }
  .brand-monument { width: min(205px,75%); margin-top: 10px; }
  .brand-monument img { width: 160px; border-radius: 19px; }
  .statement-line { margin-top: 58px; }
  .platform-row { padding-inline: 15px; }
  .platform-row:hover { padding-inline: 18px; }
  .why-card { min-height: 260px; }
  .page-hero { min-height: 490px; padding: 120px 0 65px; }
}

@media (max-width: 380px) {
  .hero-pillars div:nth-child(3) { display: none; }
}