/* Mobile-first Bootstrap grid;
component adjustments at navigation and content breakpoints. */
@media(max-width:1199.98px) {
  .nav-list {
    gap:15px
  }
  .nav-menu {
    gap:15px
  }
  .site-nav {
    gap:15px
  }
  .nav-list a {
    font-size:.74rem
  }
  .brand-name {
    font-size:1.3rem
  }
  .section-heading>div {
    max-width:620px
  }
}
@media(max-width:991.98px) {
  .section {
    padding-block:70px
  }
  .site-nav {
    min-height:76px;
    flex-wrap:wrap;
    gap:0
  }
  .nav-toggle {
    display:flex
  }
  .nav-menu {
    display:none;
    width:100%;
    align-items:stretch;
    padding:10px 0 24px;
    gap:15px
  }
  .nav-menu.is-open {
    display:flex;
    flex-direction:column
  }
  .nav-list {
    flex-direction:column;
    align-items:stretch;
    gap:0
  }
  .nav-list a {
    padding:12px 10px;
    font-size:.92rem
  }
  .nav-list .nav-contact {
    margin-top:8px;
    text-align:center
  }
  .language-switch {
    border:1px solid var(--line);
    border-radius:3px;
    padding:10px;
    text-align:center
  }
  .hero {
    min-height:610px
  }
  .hero h1 {
    max-width:760px
  }
  .about-copy {
    padding-inline-start:calc(var(--bs-gutter-x)*.5)
  }
  .about-image img {
    height:360px
  }
  .about-image figcaption {
    inset-inline-end:15px
  }
  .section-heading {
    align-items:flex-start;
    flex-direction:column;
    gap:20px
  }
  .nature-mark {
    display:none
  }
  .why-section h2 {
    max-width:600px
  }
  .why-intro {
    max-width:none
  }
  .industry-list {
    grid-template-columns:repeat(2,1fr)
  }
  .industry-list a:nth-child(2) {
    border-inline-end:0
  }
  .industry-list a:nth-child(-n+2) {
    border-bottom:1px solid var(--line)
  }
  .contact-inner {
    align-items:flex-start;
    flex-direction:column;
    gap:25px
  }
  .footer-main {
    grid-template-columns:1.5fr 1fr;
    gap:35px
  }
  .footer-main>div:last-child {
    grid-column:1/-1
  }
  .industries-section {
    padding-bottom:65px
  }
}
@media(max-width:575.98px) {
  .container {
    padding-inline:22px
  }
  .section {
    padding-block:55px
  }
  .brand-name {
    font-size:1.25rem
  }
  .brand-tagline {
    font-size:.45rem
  }
  .hero {
    min-height:630px
  }
  .hero-content {
    padding-top:55px;
    padding-bottom:25px
  }
  .hero h1 {
    font-size:2.65rem;
    line-height:1.12
  }
  .hero-subtitle {
    font-size:.95rem
  }
  .hero-actions {
    gap:12px
  }
  .hero-actions .btn {
    padding:13px 18px;
    font-size:.79rem
  }
  .hero-bottom {
    margin-top:45px;
    flex-direction:column;
    gap:12px;
    font-size:.7rem
  }
  .hero-bottom a {
    justify-content:space-between
  }
  .eyebrow {
    font-size:.65rem
  }
  .expertise-strip .container {
    flex-direction:column;
    gap:10px;
    padding-block:20px
  }
  .expertise-strip .container>div {
    font-size:.78rem
  }
  .about-image img {
    height:310px
  }
  .about-image figcaption {
    padding:17px;
    max-width:85%
  }
  .lead-copy {
    font-size:1.05rem
  }
  .section-heading {
    margin-bottom:30px
  }
  .service-card {
    padding:25px
  }
  .service-card h3 {
    min-height:0;
    max-width:none
  }
  .card-top {
    margin-bottom:24px
  }
  .project-image {
    height:230px
  }
  .project-copy {
    padding:24px
  }
  .industry-list {
    grid-template-columns:1fr
  }
  .industry-list a {
    border-inline-end:0;
    border-bottom:1px solid var(--line);
    padding-inline:0;
    min-height:65px
  }
  .footer-main {
    grid-template-columns:1fr;
    gap:25px;
    padding-bottom:30px
  }
  .footer-main>div:last-child {
    grid-column:auto
  }
  .footer-main p {
    max-width:100%
  }
  .site-footer {
    padding-top:45px
  }
  .footer-bottom {
    flex-direction:column;
    gap:6px
  }
  .whatsapp-float {
    inset-inline-end:16px;
    bottom:16px;
    width:52px;
    height:52px
  }
  .placeholder-main {
    padding-block:70px
  }
  .site-notice {
    bottom:82px;
    inset-inline-end:16px
  }
}