/* V8.1 / presentation refinement.
   Additive overrides only: the uploaded V8 content, assets and behaviour are retained.
   Mobile compact scope starts AFTER #market. No whole-document zoom, scale,
   viewport rewrite, pointer-coordinate remapping or changes to PC body sizing.
   Small annotations and form inputs intentionally keep a readable size. */

/* Translucent light-blue consultation panel. Text itself remains fully opaque. */
.quick-layout.header-wrap,
.quick-collapsed > .header-wrap {
  background:linear-gradient(112deg,rgba(211,231,246,.88) 0%,rgba(223,239,250,.86) 55%,rgba(234,244,252,.88) 100%);
  border-color:rgba(159,189,211,.85);
  -webkit-backdrop-filter:blur(18px) saturate(110%);
  backdrop-filter:blur(18px) saturate(110%);
  box-shadow:0 -12px 34px rgba(21,55,80,.13),0 -2px 8px rgba(21,55,80,.04),inset 0 1px 0 rgba(255,255,255,.88);
}
.quick-layout::before { background:#5889a8; }
.quick-lead { border-right-color:rgba(146,174,196,.5); }
.quick-toggle {
  background:rgba(228,241,250,.91);
  border-color:rgba(159,189,211,.85);
  -webkit-backdrop-filter:blur(18px) saturate(110%);
  backdrop-filter:blur(18px) saturate(110%);
  box-shadow:0 -5px 18px rgba(21,55,80,.07);
}
.quick-overline { color:#3a6884; }
.quick-consent,.quick-disclaimer { color:#4d6678; }
.quick-field input,.quick-field select {
  color:#152f42;
  background:transparent;
  border-bottom-color:rgba(118,151,177,.65);
}
.quick-field input::placeholder { color:#597285; }
.quick-field input:focus,.quick-field select:focus {
  background:rgba(255,255,255,.9);
  border-bottom-color:#2c6d94;
}
/* Match the brand-red notice CTA, without changing the notice CTA itself. */
.quick-submit,.quick-collapsed .btn {
  color:#fff;
  background:var(--brand,#dc272d);
  border-color:var(--brand,#dc272d);
  box-shadow:0 7px 16px rgba(183,33,41,.18);
}
.quick-submit:hover,.quick-collapsed .btn:hover {
  color:#fff;
  background:#be2029;
  border-color:#be2029;
  box-shadow:0 9px 20px rgba(173,29,38,.22);
}
.quick-submit:active,.quick-collapsed .btn:active {
  background:#aa1a23;
  border-color:#aa1a23;
}
.quick-submit:focus-visible,.quick-collapsed .btn:focus-visible {
  outline:3px solid #8e1820;
  outline-offset:4px;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .quick-layout.header-wrap,.quick-collapsed > .header-wrap,.quick-toggle {
    background:#e0edf7;
  }
}
@media(prefers-reduced-transparency:reduce) {
  .quick-layout.header-wrap,.quick-collapsed > .header-wrap,.quick-toggle {
    background:#e0edf7;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* Phone layout only. Main hero, header and the entire market strip stay untouched. */
@media(max-width:760px) {
  #business,#standard,#projects { padding-block:58.4px; }
  #insights { padding-block:56px; }
  #contact { padding-block:53.6px 60px; }

  #main > #market ~ section .section-head {
    gap:15.2px;
    margin-bottom:24.8px;
  }
  #main > #market ~ section .section-head h2 {
    font-size:25.6px;
    line-height:1.4;
    margin-top:12px;
    letter-spacing:-.045em;
  }
  #main > #market ~ section .section-intro {
    font-size:12px;
    line-height:1.8;
  }
  #main > #market ~ section .text-link {
    font-size:12px;
    min-height:40px;
    gap:14px;
  }
  #main > #market ~ section .eyebrow { gap:8px; }
  #main > #market ~ section .eyebrow::before { width:18px; }
  #main > #market ~ section .btn {
    font-size:12px;
    min-height:44px;
    padding:10px 17px;
    gap:20px;
  }

  /* Business tabs preserve their touch height while using a quieter type size. */
  #business .solutions { gap:20px; }
  #business .business-tab {
    padding:10px 13.6px!important;
    min-height:44px;
  }
  #business .business-tab:first-child { padding-left:0!important; }
  #business .business-tab .tab-title { font-size:12px; }
  #business .business-photo { aspect-ratio:1.825; }
  #business .photo-label { bottom:8px;right:8px; }
  #business .business-content { padding-top:17.6px; }
  #business .business-content h3 {
    font-size:20.8px;
    line-height:1.4;
    margin-top:8px;
  }
  #business .business-content > p:not(.eyebrow) {
    font-size:12px;
    line-height:1.8;
    margin-top:8.8px;
  }
  #business .business-bottom { gap:14px;margin-top:16px;padding-top:12px; }
  #business .business-tags { gap:7px; }
  #business .business-process { margin-top:25.6px;padding:16.8px;gap:16px; }
  #business .process-title { font-size:12px; }
  #business .process-steps { gap:7px;line-height:1.8; }

  /* Technical standards. */
  #standard .standard-grid { gap:30.4px; }
  #standard h2 {
    font-size:25.6px;
    line-height:1.45;
    letter-spacing:-.045em;
    margin-top:16.8px;
  }
  #standard .standard-intro { font-size:12px;line-height:1.8;margin-top:16.8px; }
  #standard .text-link { margin-top:17.6px; }
  #standard .standard-item {
    padding:20.8px 0;
    grid-template-columns:20px 1fr 23px;
    gap:10.4px;
  }
  #standard .standard-item h3 { font-size:16px;line-height:1.6; }
  #standard .standard-item p { font-size:12px;line-height:1.8;margin-top:7.2px; }
  #standard .standard-icon { width:22px;height:22px;margin-top:5px; }
  #standard .standard-evidence { margin-top:11.2px!important; }

  /* Keep real image widths fitted to the phone; reduce visual height by 20%.
     The arrow offset follows the new aspect ratio; drag geometry is unchanged. */
  #projects .project-filters { gap:18.4px; }
  #projects .filter { font-size:12px;min-height:40px;padding-block:9px 8px; }
  #projects .project-image { aspect-ratio:2.15; }
  #projects .project-open { width:30px;height:30px;right:12px;bottom:12px; }
  #projects .project-category { margin-top:15.2px; }
  #projects .project-name { font-size:16px;line-height:1.5;margin-top:4px; }
  #projects .project-details { padding-top:11.2px;margin-top:11.2px;gap:10px; }
  #projects .capacity { font-size:19.2px; }
  #projects .project-details .place { font-size:11px; }
  #projects .project-nav { width:40px;height:40px;top:calc(4px + var(--project-card-width) / 4.3); }
  #projects .projects-bottom { gap:13px;margin-top:19.2px; }
  #projects .source-note { font-size:10px;line-height:1.8; }
  #projects .project-motion-controls { gap:17.6px; }
  #projects .project-motion-toggle { font-size:11px;min-height:40px;padding:8px 12px; }
  #projects .project-status { margin-top:14.4px;font-size:11px; }
  #projects .project-empty { padding:28px 20px; }
  #projects .project-empty h3 { font-size:19.2px; }
  #projects .project-empty p { font-size:12px; }

  /* Newsroom and notice; small metadata are not reduced further. */
  #insights .insights-grid { gap:36px; }
  #insights .insights-head { gap:16px; }
  #insights h2 { font-size:22.4px;line-height:1.4;letter-spacing:-.04em; }
  #insights .eyebrow { margin-bottom:12px; }
  #insights .newsroom-tabs { gap:17.6px;margin-top:17.6px; }
  #insights .newsroom-tabs button { font-size:12px;padding:9px 0;min-height:40px; }
  #insights .insight-item {
    grid-template-columns:52px 1fr 16px;
    gap:10px;padding-block:19.2px;
  }
  #insights .insight-title { font-size:12px;line-height:1.7; }
  #insights .notice-card { padding:20.8px; }
  #insights .notice-card h3 { font-size:22.4px;line-height:1.45; }
  #insights .notice-card > p { font-size:12px;margin-top:10.4px;line-height:1.8; }
  #insights .notice-card .text-link { margin-top:16px; }
  #insights .notice-quick { gap:13px;margin-top:19.2px;padding-top:14.4px; }
  #insights .notice-quick button { min-height:36px; }
  #insights .news-empty { padding:24px 12px; }
  #insights .news-empty strong { font-size:13px; }
  #insights .news-empty p { font-size:12px; }

  /* Contact section, not the fixed form. */
  #contact .contact-compact { gap:25.6px; }
  #contact h2 { font-size:27.2px;line-height:1.4;letter-spacing:-.045em;margin-top:16.8px; }
  #contact .contact-desc { font-size:12px;line-height:1.8;margin-top:16px; }
  #contact .contact-channel { padding-top:23.2px; }
  #contact .contact-channel .contact-tel { font-size:26.4px; }
  #contact .channel-email { font-size:12px; }
  #contact .channel-actions { gap:16px;margin-top:17.6px; }

  /* Footer: trim only surplus space, not the already small company details. */
  .footer { padding-top:30.4px; }
  .footer-top { gap:20.8px; }
  .footer-brand img { width:145px; }
  .footer-tagline { margin-top:12.8px; }
  .footer-info { margin-top:20px;padding-top:17.6px; }

  /* Keep input controls readable and avoid auto-enlargement on phone focus. */
  .quick-field input,.quick-field select { font-size:16px;min-height:44px; }
}