/* MOBILE RESPONSIVE
   Final mobile layer for pages, panels, cards, detail views, and footer. */

@media (max-width: 820px) {
  html,
  body,
  #root {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    -webkit-text-size-adjust: 100%;
  }

  #root *,
  #root *::before,
  #root *::after {
    box-sizing: border-box !important;
  }

  #root :where(img, video, canvas, svg) {
    max-width: 100% !important;
  }

  #root :where(h1, h2, h3, h4, h5, h6, p, a, span, button, li, label, strong, em) {
    overflow-wrap: anywhere !important;
  }

  .hidden-mobile {
    display: none !important;
  }

  .show-mobile {
    display: flex !important;
  }

  nav[data-loc="src/web/components/Navbar.tsx:123"] {
    height: 72px !important;
    min-height: 72px !important;
  }

  nav[data-loc="src/web/components/Navbar.tsx:123"] > div {
    height: 72px !important;
    max-width: 100% !important;
    justify-content: space-between !important;
    padding: 0 18px !important;
  }

  nav[data-loc="src/web/components/Navbar.tsx:123"] [data-loc="src/web/components/Navbar.tsx:139"] img,
  nav[data-loc="src/web/components/Navbar.tsx:123"] [data-loc="src/web/components/Navbar.tsx:144"] img {
    height: 34px !important;
    max-height: 34px !important;
  }

  nav[data-loc="src/web/components/Navbar.tsx:123"] [data-loc="src/web/components/Navbar.tsx:206"] {
    position: static !important;
    height: 72px !important;
    margin-left: auto !important;
  }

  nav[data-loc="src/web/components/Navbar.tsx:123"] [data-loc="src/web/components/Navbar.tsx:212"] {
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
  }

  nav[data-loc="src/web/components/Navbar.tsx:123"] [data-loc="src/web/components/Navbar.tsx:212"] span {
    background: currentColor !important;
  }

  #root:has([data-loc="src/web/pages/FutureDevelopments.tsx:197"]) nav[data-loc="src/web/components/Navbar.tsx:123"] [data-loc="src/web/components/Navbar.tsx:212"],
  #root:has(a[href^="/portfolio/"]) nav[data-loc="src/web/components/Navbar.tsx:123"] [data-loc="src/web/components/Navbar.tsx:212"] {
    color: #1d1d1f !important;
  }

  .mobile-menu {
    padding: 78px 24px 36px !important;
    overflow-y: auto !important;
  }

  .hero-section {
    height: 100svh !important;
    min-height: 560px !important;
  }

  .av-hero-local-video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  [data-loc="src/web/pages/Home.tsx:254"],
  [data-loc="src/web/pages/Home.tsx:301"],
  [data-loc="src/web/pages/Home.tsx:368"],
  .triptych,
  .process-triptych-grid {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
  }

  [data-loc="src/web/pages/Home.tsx:254"] > *,
  [data-loc="src/web/pages/Home.tsx:301"] > *,
  [data-loc="src/web/pages/Home.tsx:368"] > *,
  .triptych > *,
  .process-triptych-grid > * {
    min-height: 260px !important;
    height: auto !important;
    width: 100% !important;
  }

  [data-loc="src/web/pages/Home.tsx:300"] {
    margin-top: 56px !important;
    padding: 56px 18px 68px !important;
  }

  [data-loc="src/web/pages/Home.tsx:300"]::after {
    inset: 12px 10px !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"],
  .process-triptych-grid {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  [data-loc="src/web/pages/Home.tsx:304"],
  [data-loc="src/web/pages/Home.tsx:342"] {
    min-height: 0 !important;
    height: auto !important;
    display: grid !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    gap: 0 !important;
  }

  [data-loc="src/web/pages/Home.tsx:304"] {
    order: 3 !important;
  }

  [data-loc="src/web/pages/Home.tsx:342"] {
    order: 4 !important;
  }

  [data-loc="src/web/pages/Home.tsx:328"] {
    order: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
    transform: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:332"] {
    font-size: clamp(46px, 16vw, 64px) !important;
    line-height: 0.96 !important;
  }

  [data-loc="src/web/pages/Home.tsx:338"] {
    max-width: 280px !important;
    margin-top: 16px !important;
  }

  .av-process-path {
    display: none !important;
  }

  .av-process-preview {
    order: 2 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    height: clamp(260px, 68vw, 340px) !important;
    margin: 4px 0 34px !important;
    border-radius: 42% 42% 8px 8px / 14% 14% 8px 8px !important;
    opacity: 0.92 !important;
  }

  [data-loc="src/web/pages/Home.tsx:310"],
  [data-loc="src/web/pages/Home.tsx:348"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 116px !important;
    height: auto !important;
    padding: 24px 0 24px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:310"]:hover,
  [data-loc="src/web/pages/Home.tsx:348"]:hover,
  [data-loc="src/web/pages/Home.tsx:310"].is-active,
  [data-loc="src/web/pages/Home.tsx:348"].is-active {
    transform: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:310"]::before,
  [data-loc="src/web/pages/Home.tsx:348"]::before {
    left: 22px !important;
    top: 38px !important;
    width: 11px !important;
    height: 11px !important;
  }

  [data-loc="src/web/pages/Home.tsx:310"]::after,
  [data-loc="src/web/pages/Home.tsx:348"]::after {
    left: 27px !important;
    top: 50px !important;
    width: 1px !important;
    height: calc(100% - 4px) !important;
    transform: none !important;
    background: linear-gradient(180deg, rgba(234, 217, 165, 0.50), rgba(134, 232, 222, 0.20), rgba(134, 232, 222, 0.04)) !important;
  }

  [data-loc="src/web/pages/Home.tsx:342"] [data-loc="src/web/pages/Home.tsx:348"]:last-child::after {
    display: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:316"],
  [data-loc="src/web/pages/Home.tsx:354"] {
    width: 100% !important;
    padding-left: 64px !important;
    display: grid !important;
    justify-items: start !important;
    gap: 9px !important;
    text-align: left !important;
  }

  [data-loc="src/web/pages/Home.tsx:317"],
  [data-loc="src/web/pages/Home.tsx:355"],
  [data-loc="src/web/pages/Home.tsx:320"],
  [data-loc="src/web/pages/Home.tsx:358"],
  .av-process-summary {
    text-align: left !important;
  }

  [data-loc="src/web/pages/Home.tsx:318"],
  [data-loc="src/web/pages/Home.tsx:356"] {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .av-process-summary {
    max-width: 230px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture,
  .process-triptych-grid.av-process-architecture {
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:304"],
  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:342"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:304"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:342"] {
    display: grid !important;
    min-height: 0 !important;
    height: auto !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    gap: 0 !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:304"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:304"] {
    order: 3 !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:342"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:342"] {
    order: 4 !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:328"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:328"] {
    order: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-preview,
  .process-triptych-grid.av-process-architecture .av-process-preview {
    order: 2 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    height: clamp(260px, 68vw, 340px) !important;
    margin: 4px 0 34px !important;
    transform: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step,
  .process-triptych-grid.av-process-architecture .av-process-step {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 116px !important;
    height: auto !important;
    padding: 24px 0 !important;
    transform: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step:hover,
  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step:focus-visible,
  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step.is-active,
  .process-triptych-grid.av-process-architecture .av-process-step:hover,
  .process-triptych-grid.av-process-architecture .av-process-step:focus-visible,
  .process-triptych-grid.av-process-architecture .av-process-step.is-active {
    transform: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step::before,
  .process-triptych-grid.av-process-architecture .av-process-step::before {
    left: 22px !important;
    top: 38px !important;
    transform: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step::after,
  .process-triptych-grid.av-process-architecture .av-process-step::after {
    left: 27px !important;
    top: 50px !important;
    height: calc(100% - 4px) !important;
    transform: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:316"],
  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:354"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:316"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:354"] {
    justify-items: start !important;
    padding-left: 64px !important;
    text-align: left !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-preview,
  .process-triptych-grid.av-process-architecture .av-process-preview {
    border-radius: 8px 8px 38px 8px !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-preview::before,
  .process-triptych-grid.av-process-architecture .av-process-preview::before {
    border-radius: 6px 6px 30px 6px !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step,
  .process-triptych-grid.av-process-architecture .av-process-step {
    padding-left: 0 !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step::after,
  .process-triptych-grid.av-process-architecture .av-process-step::after {
    width: 1px !important;
    height: calc(100% - 4px) !important;
    background: linear-gradient(180deg, rgba(234, 217, 165, 0.50), rgba(134, 232, 222, 0.20), rgba(134, 232, 222, 0.04)) !important;
  }

  [data-loc="src/web/pages/Home.tsx:380"] .triptych-center {
    min-height: 190px !important;
  }

  [data-loc="src/web/pages/Home.tsx:395"] {
    min-height: 360px !important;
    padding: 18px 12px !important;
  }

  [data-loc="src/web/pages/Home.tsx:397"],
  .av-about-chart {
    min-height: 300px !important;
  }

  [data-loc="src/web/components/StatsBanner.tsx:13"] {
    padding: 12px 14px 0 !important;
  }

  [data-loc="src/web/components/StatsBanner.tsx:14"] {
    padding: 28px 20px !important;
    border-radius: 14px !important;
  }

  [data-loc="src/web/components/StatsBanner.tsx:19"] {
    margin-bottom: 28px !important;
    font-size: clamp(26px, 8vw, 36px) !important;
  }

  [data-loc="src/web/components/StatsBanner.tsx:22"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 16px !important;
  }

  [data-loc="src/web/components/StatsBanner.tsx:25"] {
    font-size: clamp(34px, 12vw, 48px) !important;
  }

  [data-loc="src/web/pages/Home.tsx:424"] {
    width: calc(100vw - 18px) !important;
  }

  #reels-scroll[data-loc="src/web/pages/Home.tsx:447"] {
    gap: 12px !important;
    padding-inline: 10px !important;
  }

  #reels-scroll[data-loc="src/web/pages/Home.tsx:447"] > * {
    flex-basis: min(72vw, 280px) !important;
  }

  [data-loc="src/web/pages/Portfolio.tsx:132"],
  [data-loc="src/web/pages/FutureDevelopments.tsx:168"],
  [data-loc="src/web/pages/Contact.tsx:18"] {
    padding: 96px 18px 30px !important;
    align-items: flex-start !important;
  }

  [data-loc="src/web/pages/Portfolio.tsx:134"],
  [data-loc="src/web/pages/FutureDevelopments.tsx:170"],
  [data-loc="src/web/pages/Contact.tsx:20"] {
    font-size: clamp(38px, 13vw, 54px) !important;
  }

  [data-loc="src/web/pages/Portfolio.tsx:152"],
  [data-loc="src/web/pages/FutureDevelopments.tsx:197"] {
    padding: 0 18px 20px !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
  }

  [data-loc="src/web/pages/Portfolio.tsx:152"] button,
  [data-loc="src/web/pages/FutureDevelopments.tsx:197"] button {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 12px 14px !important;
    white-space: normal !important;
  }

  [data-loc="src/web/pages/Portfolio.tsx:165"],
  [data-loc="src/web/pages/FutureDevelopments.tsx:210"],
  [data-loc="src/web/pages/Contact.tsx:31"] {
    padding: 8px 14px 56px !important;
  }

  [data-loc="src/web/pages/Portfolio.tsx:166"],
  [data-loc="src/web/pages/FutureDevelopments.tsx:211"],
  [data-loc="src/web/pages/Contact.tsx:31"] {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  [data-loc="src/web/pages/Portfolio.tsx:16"],
  [data-loc="src/web/pages/FutureDevelopments.tsx:18"] {
    border-radius: 14px !important;
  }

  [data-loc="src/web/pages/Portfolio.tsx:31"],
  [data-loc="src/web/pages/FutureDevelopments.tsx:37"],
  [data-loc="src/web/pages/Portfolio.tsx:57"],
  [data-loc="src/web/pages/FutureDevelopments.tsx:99"] {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  [data-loc="src/web/pages/Portfolio.tsx:46"] {
    min-height: 230px !important;
  }

  [data-loc="src/web/pages/FutureDevelopments.tsx:61"] {
    height: 230px !important;
  }

  [data-loc="src/web/pages/FutureDevelopments.tsx:225"] {
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 36px !important;
  }

  [data-loc="src/web/pages/Services.tsx:59"],
  [data-loc="src/web/pages/About.tsx:11"] {
    padding: 82px 14px 0 !important;
  }

  [data-loc="src/web/pages/Services.tsx:60"],
  [data-loc="src/web/pages/About.tsx:12"] {
    min-height: 540px !important;
    border-radius: 14px !important;
  }

  [data-loc="src/web/pages/Services.tsx:93"],
  [data-loc="src/web/pages/About.tsx:45"] {
    max-width: 100% !important;
    min-height: 540px !important;
    justify-content: flex-end !important;
    padding: 220px 22px 34px !important;
  }

  [data-loc="src/web/pages/Services.tsx:93"]::before {
    inset: auto 0 0 0 !important;
    height: 78% !important;
    border-radius: 0 !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.36), transparent) !important;
  }

  [data-loc="src/web/pages/About.tsx:37"] {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.42), transparent) !important;
  }

  [data-loc="src/web/pages/Services.tsx:103"],
  [data-loc="src/web/pages/About.tsx:55"] {
    font-size: clamp(38px, 12vw, 54px) !important;
    margin-bottom: 20px !important;
  }

  [data-loc="src/web/pages/Services.tsx:111"],
  [data-loc="src/web/pages/About.tsx:63"] {
    font-size: clamp(18px, 6vw, 23px) !important;
    margin-bottom: 22px !important;
  }

  [data-loc="src/web/pages/Services.tsx:133"],
  [data-loc="src/web/pages/Services.tsx:198"],
  [data-loc="src/web/pages/About.tsx:86"],
  [data-loc="src/web/pages/About.tsx:127"],
  [data-loc="src/web/pages/About.tsx:213"] {
    width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  [data-loc="src/web/pages/Services.tsx:202"],
  [data-loc="src/web/pages/About.tsx:87"],
  [data-loc="src/web/pages/About.tsx:128"],
  [data-loc="src/web/pages/About.tsx:214"] {
    grid-template-columns: 1fr !important;
    border-radius: 14px !important;
  }

  [data-loc="src/web/pages/Services.tsx:220"] {
    order: 0 !important;
    min-height: 230px !important;
  }

  [data-loc="src/web/pages/Services.tsx:231"] {
    order: 1 !important;
    padding: 28px 20px 32px !important;
  }

  [data-loc="src/web/pages/Services.tsx:249"] {
    font-size: clamp(24px, 8vw, 32px) !important;
  }

  [data-loc="src/web/pages/DevelopmentDetail.tsx:36"] {
    height: 62svh !important;
    min-height: 430px !important;
  }

  [data-loc="src/web/pages/DevelopmentDetail.tsx:48"] {
    top: 82px !important;
    left: 18px !important;
    right: auto !important;
  }

  [data-loc="src/web/pages/DevelopmentDetail.tsx:62"] {
    padding: 0 20px 32px !important;
  }

  [data-loc="src/web/pages/DevelopmentDetail.tsx:70"] {
    font-size: clamp(34px, 12vw, 48px) !important;
  }

  [data-loc="src/web/pages/DevelopmentDetail.tsx:93"] {
    padding: 40px 18px 58px !important;
  }

  [data-loc="src/web/pages/DevelopmentDetail.tsx:96"],
  .detail-grid {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    margin-bottom: 44px !important;
  }

  [data-loc="src/web/pages/DevelopmentDetail.tsx:104"] {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  [data-loc="src/web/pages/DevelopmentDetail.tsx:110"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  [data-loc="src/web/pages/DevelopmentDetail.tsx:110"] a,
  [data-loc="src/web/pages/DevelopmentDetail.tsx:110"] span {
    width: 100% !important;
  }

  [data-loc="src/web/pages/DevelopmentDetail.tsx:144"] {
    gap: 14px !important;
    align-items: flex-start !important;
  }

  [data-loc="src/web/pages/DevelopmentDetail.tsx:171"] {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  [data-loc="src/web/pages/DevelopmentDetail.tsx:217"],
  [data-loc="src/web/pages/DevelopmentDetail.tsx:229"] {
    width: 42px !important;
    height: 42px !important;
    font-size: 24px !important;
  }

  [data-loc="src/web/pages/Team.tsx:99"] {
    padding-top: 72px !important;
  }

  [data-loc="src/web/pages/Team.tsx:101"] {
    height: 300px !important;
  }

  [data-loc="src/web/pages/Team.tsx:127"] {
    padding: 48px 20px 34px !important;
  }

  [data-loc="src/web/pages/Team.tsx:191"] {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  [data-loc="src/web/pages/Team.tsx:193"] {
    width: 100% !important;
    max-width: 380px !important;
    margin: 0 auto !important;
    border-radius: 14px !important;
  }

  [data-loc="src/web/pages/Team.tsx:208"] {
    height: clamp(330px, 108vw, 430px) !important;
  }

  .av-contact-footer {
    padding: 54px 18px 30px !important;
  }

  .av-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .av-footer-brand,
  .av-footer-nav {
    width: 100% !important;
    transform: none !important;
    justify-self: stretch !important;
  }

  .av-footer-contact-under-logo {
    margin-top: 34px !important;
  }

  .av-footer-nav .av-footer-heading {
    margin-top: 8px !important;
  }

  .av-footer-socials {
    margin-top: 34px !important;
    gap: 16px !important;
  }

  .av-footer-form-wrap,
  .av-footer-bbb-card,
  .av-footer-nav {
    width: 100% !important;
  }

  .av-footer-form-card {
    aspect-ratio: auto !important;
    min-height: 520px !important;
    padding: 22px 18px !important;
    border-radius: 18px !important;
  }

  .av-footer-form-actions {
    align-items: stretch !important;
    flex-direction: column !important;
    transform: none !important;
  }

  .av-footer-form-actions button {
    width: 100% !important;
  }

  .av-footer-bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .av-footer-address-popup img {
    width: 92vw !important;
    max-height: 72vh !important;
  }
}

@media (max-width: 480px) {
  [data-loc="src/web/components/StatsBanner.tsx:22"] {
    grid-template-columns: 1fr !important;
  }

  [data-loc="src/web/pages/Portfolio.tsx:152"] button,
  [data-loc="src/web/pages/FutureDevelopments.tsx:197"] button {
    flex-basis: 100% !important;
  }

  [data-loc="src/web/pages/Services.tsx:93"],
  [data-loc="src/web/pages/About.tsx:45"] {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  [data-loc="src/web/pages/FutureDevelopments.tsx:225"] button {
    flex: 1 1 auto !important;
  }
}

@media (max-width: 820px) {
  [data-loc="src/web/pages/Home.tsx:300"] {
    padding-top: 54px !important;
    padding-bottom: 62px !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture,
  .process-triptych-grid.av-process-architecture {
    height: auto !important;
    min-height: 0 !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:328"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:328"] {
    width: 100% !important;
    margin-bottom: 22px !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-current,
  .process-triptych-grid.av-process-architecture .av-process-current {
    order: 2 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 24px !important;
    padding-top: 20px !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-current__body,
  .process-triptych-grid.av-process-architecture .av-process-current__body {
    max-width: 100% !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-current__dossier,
  .process-triptych-grid.av-process-architecture .av-process-current__dossier {
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:304"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:304"] {
    order: 4 !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:342"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:342"] {
    order: 5 !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-preview,
  .process-triptych-grid.av-process-architecture .av-process-preview {
    order: 3 !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: clamp(236px, 64vw, 320px) !important;
    margin: 0 0 28px !important;
    border-radius: 8px !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-preview::before,
  .process-triptych-grid.av-process-architecture .av-process-preview::before {
    border-radius: 6px !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-path,
  .process-triptych-grid.av-process-architecture .av-process-path {
    display: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step,
  .process-triptych-grid.av-process-architecture .av-process-step {
    order: 4 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    min-height: 96px !important;
    padding: 20px 0 20px !important;
    transform: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step:hover,
  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step:focus-visible,
  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step.is-active,
  .process-triptych-grid.av-process-architecture .av-process-step:hover,
  .process-triptych-grid.av-process-architecture .av-process-step:focus-visible,
  .process-triptych-grid.av-process-architecture .av-process-step.is-active {
    transform: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step::before,
  .process-triptych-grid.av-process-architecture .av-process-step::before {
    display: block !important;
    left: 21px !important;
    top: 34px !important;
    width: 10px !important;
    height: 10px !important;
    transform: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-step::after,
  .process-triptych-grid.av-process-architecture .av-process-step::after {
    display: block !important;
    left: 26px !important;
    top: 46px !important;
    width: 1px !important;
    height: calc(100% - 4px) !important;
    transform: none !important;
    background: linear-gradient(180deg, rgba(234, 217, 165, 0.42), rgba(134, 232, 222, 0.12), rgba(134, 232, 222, 0.03)) !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:316"],
  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:354"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:316"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:354"] {
    padding-left: 58px !important;
    justify-items: start !important;
    text-align: left !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:317"],
  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:355"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:317"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:355"] {
    width: auto !important;
    height: auto !important;
    display: block !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(234, 217, 165, 0.86) !important;
    clip-path: none !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:320"],
  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture [data-loc="src/web/pages/Home.tsx:358"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:320"],
  .process-triptych-grid.av-process-architecture [data-loc="src/web/pages/Home.tsx:358"] {
    font-size: clamp(16px, 4.7vw, 20px) !important;
    color: rgba(247, 243, 232, 0.92) !important;
  }

  [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture .av-process-summary,
  .process-triptych-grid.av-process-architecture .av-process-summary {
    display: block !important;
    max-width: 250px !important;
    margin: 0 !important;
    text-align: left !important;
  }
}