.btn-wc-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 3.4375rem;
      padding: 0.875rem 2rem;
      border: 0;
      border-radius: 0;
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--wc-text);
      background: var(--wc-gold);
      transition: transform 0.2s ease, background-color 0.2s ease;
      white-space: nowrap;
      margin-top: 0 !important;
    }

    .btn-wc-primary:hover,
    .btn-wc-primary:focus-visible {
      color: var(--wc-text);
      background: #f4c257;
      transform: translateY(-1px);
    }

    .wc-services .wc-services-detail-card,
    .wc-architectural-page .wc-arch-related .wc-services-detail-card {
      background: #fff;
      border: none;
      border-radius: 0;
      box-shadow: var(--wc-shadow-md);
      height: 100%;
    }

    .wc-services .wc-services-detail-card .card-body,
    .wc-architectural-page .wc-arch-related .wc-services-detail-card .card-body {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      padding-top: 2.55rem;
      padding-bottom: 2.1675rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .wc-services .wc-services-detail-card .card-body > p,
    .wc-architectural-page .wc-arch-related .wc-services-detail-card .card-body > p {
      margin-bottom: 1.3rem;
    }

    .wc-services .wc-services-detail-card .wc-service-icon,
    .wc-architectural-page .wc-arch-related .wc-services-detail-card .wc-service-icon {
      display: block;
      height: 3.5rem;
      width: auto;
      max-width: 100%;
      margin-bottom: 1rem;
      object-fit: contain;
      object-position: left top;
    }

    .wc-services .wc-services-detail-card .wc-services-detail-link,
    .wc-architectural-page .wc-arch-related .wc-services-detail-card .wc-services-detail-link {
      display: inline-block;
      margin-top: auto;
      font-family: "Poppins", sans-serif;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--wc-color-deep);
      text-decoration: none;
      transition: color 0.2s ease, opacity 0.2s ease;
    }

    .wc-services .wc-services-detail-card .wc-services-detail-link:hover,
    .wc-architectural-page .wc-arch-related .wc-services-detail-card .wc-services-detail-link:hover {
      color: #0f2d4d;
      opacity: 0.92;
    }
    .wc-contact.wc-section {
      
      padding-bottom: 0;
    }

    .wc-contact {
      --wc-contact-body-lh: calc(34 / 24 * 0.8);
      position: relative;
      
      overflow: visible;
      border-top: 4px solid var(--wc-gold);
      
      background: var(--wc-line);
      padding-bottom: 0;
    }

    .wc-contact::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: max(0px, calc((100vw - min(100vw - 2rem, 1280px)) / 2 + 1px));
      background: var(--wc-line);
      z-index: 0;
      pointer-events: none;
    }

    @media (min-width: 768px) {
      .wc-contact::before {
        width: max(0px, calc((100vw - min(100vw - 3rem, 1280px)) / 2 + 1px));
      }
    }

    .wc-contact::after {
      content: "";
      position: absolute;
      left: calc(50% + (min(1280px, 100vw) / 2 * 0.47));
      right: 0;
      top: -1px;
      bottom: -1px;
      width: auto;
      background: var(--wc-color-deep);
      pointer-events: none;
      z-index: 0;
    }

    .wc-contact .wc-shell::before {
      content: "";
      position: absolute;
      left: 47%;
      top: -1px;
      width: calc(100% - 47%);
      height: calc(100% + 2px);
      background: var(--wc-color-deep);
      clip-path: polygon(
        calc((60% - 47%) / (100% - 47%) * 100%) 0,
        100% 0,
        100% 100%,
        0 100%
      );
      z-index: 0;
      pointer-events: none;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transform: translateZ(0);
    }

    .wc-contact .wc-shell {
      position: relative;
      z-index: 2;
      
      padding-top: clamp(1.125rem, 2.1vw, 1.65rem);
      
      padding-bottom: calc(
        clamp(1.35rem, 2.25vw, 2rem) + clamp(0.675rem, 1.26vw, 0.99rem)
      );
    }

    .wc-contact-content {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      
      min-height: 0;
    }

    .wc-contact-text {
      position: relative;
      z-index: 2;
      flex: 0 1 auto;
      width: 47%;
      
      max-width: none;
      min-width: 0;
      padding-right: 2rem;
      padding-bottom: 0.5rem;
    }

    .wc-section-title.wc-contact-title {
      font-size: clamp(1.75rem, 2.5vw, 2.25rem);
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0;
      color: var(--wc-color-deep);
    }

    .wc-contact-address {
      margin: 2.34rem 0 0;
      max-width: none;
      font-family: "Inter", sans-serif;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: var(--wc-contact-body-lh);
      color: var(--wc-color-deep);
    }

    .wc-contact-line {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5rem 0.75rem;
      margin: 0.75rem 0 0;
    }

    .wc-contact-line-link {
      cursor: pointer;
      text-decoration: none;
      text-underline-offset: 0.18em;
    }

    .wc-contact-line-link:hover,
    .wc-contact-line-link:focus-visible {
      text-decoration: underline;
      text-decoration-color: var(--wc-color-deep);
      text-decoration-skip-ink: auto;
      text-decoration-thickness: max(2px, 0.07em);
      color: var(--wc-color-deep);
    }

    a.wc-contact-line-link.wc-contact-line-value:visited {
      color: var(--wc-color-deep);
    }

    a.wc-contact-line-link.wc-contact-line-value:focus-visible {
      outline: 2px solid var(--wc-gold);
      outline-offset: 2px;
    }

    .wc-contact-pill {
      display: inline-flex;
      align-items: center;
      min-height: 2.125rem;
      padding: 0.15rem 0.5rem;
      font-family: "Inter", sans-serif;
      font-size: 1.5rem;
      font-weight: 400;
      line-height: var(--wc-contact-body-lh);
      text-transform: none;
      letter-spacing: 0.01em;
      color: #fff;
      background: var(--wc-color-deep);
      border-radius: 0;
    }

    .wc-contact-line-value {
      font-family: "Inter", sans-serif;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: var(--wc-contact-body-lh);
      color: var(--wc-color-deep);
    }

    .wc-contact-aside {
      position: relative;
      z-index: 1;
      flex: 1 1 0;
      min-width: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      box-sizing: border-box;
      
      margin-left: 10.5%;
      
      padding: clamp(1.7325rem, 3.465vw, 2.3625rem) 0
        clamp(0.95rem, 1.98vw, 1.3rem) 1.5rem;
    }

    .wc-contact-form-wrap {
      width: 100%;
      max-width: 25.8125rem;
      margin-inline: auto;
    }

    .wc-contact-form-title {
      margin: 0 0 0.825rem;
      font-family: "Inter", sans-serif;
      font-size: clamp(1.25rem, 2.2vw, 2rem);
      font-weight: 700;
      line-height: 1.2;
      text-align: center;
      color: #fff;
    }

    .wc-contact-form-title__line {
      display: block;
    }

    .wc-contact-form-title__line + .wc-contact-form-title__line {
      margin-top: 0.25em;
    }

    .wc-contact-form {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
    }

    .wc-contact-form .form-control {
      border: 0;
      border-radius: 0;
      box-sizing: border-box;
      width: 100%;
      min-height: 65px;
      height: 65px;
      padding: 0 1.25rem;
      font-family: "Poppins", sans-serif;
      font-size: 0.83125rem;
      font-weight: 400;
      line-height: calc(19.95 / 13.3);
      color: var(--wc-text);
      box-shadow: none;
    }

    .wc-contact-form .form-control::placeholder {
      color: rgba(1, 16, 32, 0.45);
      opacity: 1;
    }

    .wc-contact-form .form-control:focus {
      outline: 2px solid var(--wc-gold);
      outline-offset: 0;
    }

    .wc-contact-form .btn-wc-primary {
      width: 100%;
      min-height: 65px;
      height: 65px;
      padding-inline: 1.5rem;
      padding-block: 0;
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      font-weight: 600;
      letter-spacing: 2px;
    }

    .wc-contact-form-note {
      margin: 0.5rem 0 0;
      text-align: center;
      font-family: "Poppins", sans-serif;
      font-size: 0.75rem;
      font-weight: 400;
      line-height: 1.8;
      color: var(--wc-white-70);
    }

    .wc-contact-form-note a {
      color: var(--wc-gold);
      font-weight: 400;
    }

    .wc-contact-form-note a:hover,
    .wc-contact-form-note a:focus-visible {
      color: #f4c257;
    }

    .wc-architectural-page {
      background: #fff;
    }

    .wc-architectural-page .wc-arch-main {
      padding-bottom: clamp(4rem, 6vw, 6rem);
    }

    /* Full architectural template only (contentID 13). wc-content-page shares body class but must keep shared .wc-contact layout. */
    .wc-architectural-page:not(.wc-content-page) .wc-section:not(.wc-contact) {
      padding-block: clamp(4rem, 7vw, 6.5rem);
    }

    .wc-architectural-page:not(.wc-content-page) .wc-contact.wc-section {
      padding-block: 0;
    }

    .wc-architectural-page:not(.wc-content-page)
      .wc-section-title:not(.wc-contact-title):not(.wc-arch-why-title):not(.wc-services-detail-title) {
      margin: 0;
      font-family: "Inter", sans-serif;
      font-weight: 600;
      font-size: clamp(2rem, 3.5vw, 2.25rem);
      line-height: 1.2;
      color: var(--wc-text);
    }

    .wc-architectural-page:not(.wc-content-page) .wc-section-title.light,
    .wc-architectural-page:not(.wc-content-page) .wc-arch-why-title {
      color: #fff;
    }

    .wc-architectural-page:not(.wc-content-page) .wc-feature-card {
      height: 100%;
      border: 1px solid #e0e0e0;
      border-radius: 0;
      box-shadow: var(--wc-shadow-md);
      background: rgba(255, 255, 255, 0.85);
    }

    .wc-architectural-page:not(.wc-content-page) .wc-feature-card .card-body {
      padding: 2rem 1.5rem;
      min-height: 100%;
      text-align: center;
    }

    .wc-architectural-page:not(.wc-content-page) .wc-feature-card h3 {
      margin: 0 0 0.75rem;
      font-family: "Inter", sans-serif;
      font-size: 1.375rem;
      font-weight: 600;
      line-height: 1.2;
      color: rgb(1, 16, 32);
    }

    .wc-architectural-page:not(.wc-content-page) .wc-feature-card p {
      margin: 0;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.65;
      color: rgb(85, 85, 85);
    }

    .wc-architectural-page:not(.wc-content-page) .wc-why-grid {
      margin-inline: auto;
    }

    @media (min-width: 1180px) {
      .wc-architectural-page:not(.wc-content-page) .wc-why-grid > * {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
    }

    .wc-architectural-page:not(.wc-content-page) .wc-arch-process.wc-services {
      background: var(--wc-gold);
    }

    .wc-architectural-page:not(.wc-content-page) .wc-arch-process.wc-services .wc-services-detail-title {
      margin: 0;
      font-family: "Inter", sans-serif;
      font-size: clamp(2rem, 3.5vw, 2.25rem);
      font-weight: 700;
      line-height: 1.2;
      color: #000;
      text-align: left;
    }

    .wc-architectural-page:not(.wc-content-page) .wc-arch-process.wc-services .wc-services-detail-grid {
      margin-top: 1.725rem;
    }

    .wc-architectural-page .wc-arch-hero {
      padding: clamp(4rem, 6vw, 6rem) 0 clamp(5rem, 7vw, 6.25rem);
      background: #f8f9fa;
    }

    .wc-architectural-page .wc-arch-hero-grid {
      display: grid;
      gap: 2rem;
      grid-template-columns: minmax(0, 1fr);
      align-items: start;
    }

    .wc-architectural-page .wc-arch-hero-grid > .wc-arch-breadcrumb {
      display: none;
    }

    .wc-architectural-page .wc-arch-breadcrumb {
      margin: 0 0 1rem;
      font-family: "Poppins", sans-serif;
      font-size: 0.8rem;
      font-weight: 500;
      line-height: 1.8;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #999;
    }

    .wc-architectural-page .wc-arch-breadcrumb a {
      color: #999;
      text-decoration: none;
    }

    .wc-architectural-page .wc-arch-breadcrumb a:hover,
    .wc-architectural-page .wc-arch-breadcrumb a:focus-visible {
      text-decoration: underline;
    }

    .wc-architectural-page .wc-arch-breadcrumb span {
      color: var(--wc-gold);
      text-decoration: underline;
      font-weight: 500;
    }

    .wc-architectural-page .wc-arch-hero-main h1 {
      margin: 0;
      font-family: "Inter", sans-serif;
      font-size: clamp(2.25rem, 5vw, 4rem);
      font-weight: 800;
      line-height: 1.05;
      letter-spacing: -0.02em;
      color: #011020;
    }

    .wc-architectural-page .wc-arch-contact-info h2,
    .wc-architectural-page .wc-arch-contact-form-panel h2 {
      margin: 0;
      font-family: "Inter", sans-serif;
      font-size: clamp(2.25rem, 4vw, 3.5rem);
      font-weight: 800;
      line-height: 1.05;
      color: #08101c;
    }

    .wc-architectural-page .wc-arch-included-panel h2,
    .wc-architectural-page .wc-arch-documents .wc-arch-section-heading h2,
    .wc-architectural-page .wc-arch-table-section .wc-arch-section-heading h2,
    .wc-architectural-page .wc-arch-faq .wc-arch-section-heading h2,
    .wc-architectural-page .wc-arch-service-area .wc-arch-section-heading h2,
    .wc-architectural-page .wc-arch-related .wc-arch-section-heading h2 {
      margin: 0;
      font-family: "Inter", sans-serif;
      font-size: clamp(2rem, 3.5vw, 2.25rem);
      font-weight: 700;
      line-height: 1.2;
      color: #08101c;
    }

    .wc-architectural-page .wc-arch-included-panel--light h2 {
      color: #000;
    }

    .wc-architectural-page .wc-arch-included-panel--dark h2 {
      color: #fff;
    }

    .wc-architectural-page .wc-arch-section-heading {
      margin-bottom: 2.75rem;
    }

    .wc-architectural-page .wc-arch-section-heading p {
      max-width: 52rem;
      margin: 1rem 0 0;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.7;
      color: #4f5b68;
    }

    .wc-architectural-page .wc-arch-hero-main .wc-arch-copy-stack {
      display: grid;
      gap: 1.2rem;
      margin-top: 2.45rem;
    }

    .wc-architectural-page .wc-arch-hero-main .wc-arch-copy-stack p {
      margin: 0;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.5;
      color: #666;
    }

    .wc-architectural-page .wc-arch-summary-card p,
    .wc-architectural-page .wc-arch-pricing-note,
    .wc-architectural-page .wc-arch-faq-item p,
    .wc-architectural-page .wc-arch-region-card p,
    .wc-architectural-page .wc-arch-region-note,
    .wc-architectural-page .wc-arch-related-card p {
      margin: 0;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.7;
      color: #3d4b5b;
    }

    @media (max-width: 767.98px) {
      .wc-architectural-page p:not(.wc-arch-breadcrumb):not(.wc-contact-form-note),
      .wc-architectural-page .wc-arch-included-panel li,
      .wc-architectural-page .wc-arch-document-overlay li,
      .wc-architectural-page .wc-arch-table tbody td,
      .wc-architectural-page .wc-arch-region-card li {
        font-size: 0.875rem !important;
      }
    }

    .wc-architectural-page .wc-arch-summary-card {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: auto;
      padding: clamp(2rem, 3.8vw, 3.4375rem) 1.75rem;
      border: 0;
      background: #dbdfea;
      box-shadow: var(--wc-shadow-md);
    }

    .wc-architectural-page .wc-arch-summary-item {
      padding-inline: 0;
    }

    .wc-architectural-page .wc-arch-summary-item + .wc-arch-summary-item {
      margin-top: 1.45rem;
      padding-top: 1.35rem;
      border-top: 1px solid rgba(88, 101, 128, 0.25);
    }

    .wc-architectural-page .wc-arch-summary-card .wc-arch-summary-item h2 {
      margin: 0 0 0.44rem;
      font-family: "Inter", sans-serif;
      font-size: 0.7375rem;
      font-weight: 600;
      line-height: 1.63;
      letter-spacing: 0;
      text-transform: uppercase;
      color: var(--wc-color-deep);
    }

    .wc-architectural-page .wc-arch-summary-card p {
      font-size: 0.875rem;
      line-height: 1.5;
      font-weight: 300;
      color: #000;
    }

    .wc-architectural-page .wc-arch-why {
      padding: clamp(5rem, 7vw, 6.5rem) 0;
      position: relative;
      overflow: hidden;
      background:
        linear-gradient(rgba(10, 18, 30, 0.6), rgba(10, 18, 30, 0.6)),
        url("/img/arch/architectural-why-bg.jpg") center/cover no-repeat;
    }

    .wc-architectural-page .wc-arch-why::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(10, 18, 30, 0.18);
      pointer-events: none;
    }

    .wc-architectural-page .wc-arch-why .wc-shell {
      position: relative;
      z-index: 1;
    }

    .wc-architectural-page .wc-arch-why .wc-arch-why-title {
      text-align: left;
      margin-bottom: calc(2.75rem * 1.15);
      
      padding-inline-start: 0.75rem;
    }

    .wc-architectural-page .wc-arch-process.wc-services .wc-shell {
      text-align: left;
    }

    .wc-architectural-page .wc-arch-process.wc-services .wc-services-detail-title {
      color: #000;
    }

    @media (max-width: 575.98px) {
      .wc-architectural-page .wc-arch-process.wc-services .wc-services-detail-title,
      .wc-architectural-page .wc-arch-included-panel h2,
      .wc-architectural-page .wc-arch-documents .wc-arch-section-heading h2,
      .wc-architectural-page .wc-arch-table-section .wc-arch-section-heading h2,
      .wc-architectural-page .wc-arch-faq .wc-arch-section-heading h2,
      .wc-architectural-page .wc-arch-service-area .wc-arch-section-heading h2,
      .wc-architectural-page .wc-arch-related .wc-arch-section-heading h2 {
        font-size: 1.75rem;
      }
    }

    .wc-architectural-page .wc-arch-process.wc-services .wc-arch-process-cols > .col {
      flex: 0 0 100%;
      width: 100%;
      max-width: 100%;
    }

    @media (min-width: 768px) and (max-width: 1080.98px) {
      .wc-architectural-page .wc-arch-process.wc-services .wc-arch-process-cols > .col {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
      }
    }

    @media (min-width: 1081px) {
      .wc-architectural-page .wc-arch-process.wc-services .wc-arch-process-cols > .col {
        flex: 0 0 25%;
        width: 25%;
        max-width: 25%;
      }
    }

    .wc-architectural-page .wc-arch-process.wc-services .wc-services-detail-card .wc-service-icon {
      height: 2.875rem; 
      width: auto;
      max-width: 100%;
    }

    .wc-architectural-page .wc-arch-process.wc-services .wc-services-detail-card h3 {
      font-family: "Inter", sans-serif;
      font-size: 1.375rem; 
      font-weight: 600;
      line-height: 1.2;
      color: #000;
    }

    .wc-architectural-page .wc-arch-process.wc-services .wc-services-detail-card .card-body > p {
      font-family: "Poppins", sans-serif;
      font-size: 1rem; 
      font-weight: 300;
      line-height: 1.65;
    }

    .wc-architectural-page .wc-arch-faq-item h3,
    .wc-architectural-page .wc-arch-region-card h3,
    .wc-architectural-page .wc-arch-related-card h3 {
      margin: 0 0 0.9rem;
      font-family: "Inter", sans-serif;
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 1.2;
      color: #08101c;
    }

    .wc-architectural-page .wc-arch-documents .wc-arch-document-overlay h3 {
      margin: 0 0 calc(0.9rem * 1.2); 
      font-family: "Inter", sans-serif;
      font-size: 1.125rem; 
      font-weight: 600;
      line-height: 1.2;
      color: var(--wc-gold);
    }

    .wc-architectural-page .wc-arch-included {
      background: linear-gradient(
        90deg,
        var(--wc-line) 0%,
        var(--wc-line) 50%,
        var(--wc-color-deep) 50%,
        var(--wc-color-deep) 100%
      );
    }

    @media (min-width: 992px) {
      .wc-architectural-page .wc-arch-included {
        width: 100vw;
        max-width: none;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        box-sizing: border-box;
        overflow: clip;
      }

      .wc-architectural-page .wc-arch-included-panel--light,
      .wc-architectural-page .wc-arch-included-panel--dark {
        background: transparent;
      }
    }

    .wc-architectural-page .wc-arch-included-grid {
      display: grid;
      grid-template-columns: 1fr;
      column-gap: 0;
      row-gap: 0;
    }

    .wc-architectural-page .wc-arch-included-panel {
      box-sizing: border-box;
      padding: clamp(4rem, 6vw, 6rem) 0;
    }

    .wc-architectural-page .wc-arch-lined-list {
      display: grid;
      gap: 0.9rem;
      margin: 4rem 0 0;
      padding: 0;
      list-style: none;
    }

    .wc-architectural-page .wc-arch-lined-list li {
      display: flex;
      align-items: center;
      min-height: 4rem;
      box-sizing: border-box;
      padding: 0.4rem 0 0.4rem 1.25rem;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.55;
    }

    .wc-architectural-page .wc-arch-lined-list--blue li {
      border-left: 4px solid var(--wc-color-deep);
      color: #555;
    }

    .wc-architectural-page .wc-arch-lined-list--gold li {
      border-left: 4px solid var(--wc-gold);
      color: #fff;
    }

    .wc-architectural-page .wc-arch-documents,
    .wc-architectural-page .wc-arch-table-section,
    .wc-architectural-page .wc-arch-faq,
    .wc-architectural-page .wc-arch-service-area {
      padding: clamp(5rem, 7vw, 6.5rem) 0;
      background: #f8f9fa;
    }

    .wc-architectural-page .wc-arch-related {
      padding: clamp(5rem, 7vw, 6.5rem) 0;
      padding-bottom: 0;
      background: #fff;
    }

    .wc-architectural-page .wc-arch-document-grid,
    .wc-architectural-page .wc-arch-region-grid,
    .wc-architectural-page .wc-arch-related-grid {
      display: grid;
      gap: 1.25rem;
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .wc-architectural-page .wc-arch-document-card {
      position: relative;
      min-height: 21.5rem;
      overflow: hidden;
      box-shadow: var(--wc-shadow-md);
      background-position: center;
      background-size: cover;
    }

    .wc-architectural-page .wc-arch-document-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(21, 58, 100, 0.9);
    }

    .wc-architectural-page .wc-arch-document-card--survey {
      background-image: url("/img/arch/working-drawing-doc-1.jpg");
    }

    .wc-architectural-page .wc-arch-document-card--prepare {
      background-image: url("/img/arch/working-drawing-doc-2.jpg");
    }

    .wc-architectural-page .wc-arch-document-card--engineering {
      background-image: url("/img/arch/working-drawing-doc-3.jpg");
    }

    .wc-architectural-page .wc-arch-document-card--deliverables {
      background-image: url("/img/arch/working-drawing-doc-4.jpg");
    }

    .wc-architectural-page .wc-arch-document-overlay {
      position: relative;
      z-index: 1;
      height: 100%;
      
      padding: 2.975rem 1.6rem 1.75rem 1.8rem;
      color: #fff;
    }

    .wc-architectural-page .wc-arch-document-overlay ul {
      margin: 0;
      padding-left: 1.3rem; 
    }

    .wc-architectural-page .wc-arch-document-overlay li {
      font-family: "Poppins", sans-serif;
      font-size: 1rem; 
      font-weight: 300;
      line-height: 1.5;
      color: #fff;
    }

    .wc-architectural-page .wc-arch-documents .wc-arch-document-overlay ul li::marker {
      font-size: 0.62em;
    }

    .wc-architectural-page .wc-arch-table-wrap {
      border: 1px solid #d9e0e8;
      box-shadow: var(--wc-shadow-md);
      background: #fff;
      position: relative;
      
      overflow-x: auto;
      overflow-y: visible;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior-x: contain;
    }

    @media (max-width: 67.5rem) {
      .wc-architectural-page .wc-arch-table-wrap {
        
        width: 100vw;
        max-width: none;
        margin-left: calc(50% - 50vw);
        
        border: 0;
        box-shadow: none;
        background: transparent;
      }

      .wc-architectural-page .wc-arch-table {
        
        margin-left: calc(var(--wc-shell-gutter) / 2);
        margin-right: calc(var(--wc-shell-gutter) / 2);
        
        box-shadow: 0 0 0 1px #d9e0e8;
        filter: none;
        background: #fff;
      }

    }

    .wc-architectural-page .wc-arch-table {
      table-layout: fixed;
      width: 100%;
      min-width: 62rem;
      border-collapse: collapse;
    }

    .wc-architectural-page .wc-arch-table th:nth-child(1),
    .wc-architectural-page .wc-arch-table td:nth-child(1) {
      width: calc(212 * 100% / 1280);
    }

    .wc-architectural-page .wc-arch-table th:nth-child(2),
    .wc-architectural-page .wc-arch-table td:nth-child(2) {
      width: calc(624 * 100% / 1280);
    }

    .wc-architectural-page .wc-arch-table th:nth-child(3),
    .wc-architectural-page .wc-arch-table td:nth-child(3) {
      width: calc(178 * 100% / 1280);
    }

    .wc-architectural-page .wc-arch-table th:nth-child(4),
    .wc-architectural-page .wc-arch-table td:nth-child(4) {
      width: calc(269 * 100% / 1280);
    }

    .wc-architectural-page .wc-arch-table thead th {
      padding: 27px 0 27px 1.25rem;
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #fff;
      background: #153a64;
      vertical-align: middle;
    }

    .wc-architectural-page .wc-arch-table tbody td {
      padding: 1.1rem 1.25rem;
      border-top: 1px solid #e5e9ef;
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-weight: 300;
      line-height: 1.55;
      color: #444;
      vertical-align: middle;
      background: #fff;
      min-width: 0;
    }

    @media (min-width: 48rem) and (max-width: 67.5rem) {
      .wc-architectural-page .wc-arch-table {
        margin-left: calc(var(--wc-shell-gutter-lg) / 2);
        margin-right: calc(var(--wc-shell-gutter-lg) / 2);
      }

    }

    @media (max-width: 35.99875rem) {
      .wc-architectural-page .wc-arch-table {
        margin-left: calc(var(--wc-shell-gutter-sm) / 2);
        margin-right: calc(var(--wc-shell-gutter-sm) / 2);
      }

    }

    @media (max-width: 67.5rem) {
      .wc-architectural-page .wc-arch-table thead th:first-child,
      .wc-architectural-page .wc-arch-table tbody td:first-child {
        box-shadow: none;
      }
    }

    .wc-architectural-page .wc-arch-table tbody td:first-child {
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-weight: 600;
      color: #444;
    }

    .wc-architectural-page .wc-arch-table tbody tr:last-child td {
      border-bottom: 1px solid #d9e0e8;
    }

    .wc-architectural-page .wc-arch-table-section {
      padding-top: 0;
    }

    .wc-architectural-page .wc-arch-pricing-note {
      margin-top: 1.98rem;
    }

    .wc-architectural-page .wc-arch-pricing-note strong {
      font-weight: 500;
    }

    .wc-architectural-page .wc-arch-faq.wc-faq .wc-faq-accordion {
      max-width: 100%;
    }

    .wc-architectural-page .wc-arch-faq.wc-faq {
      padding-top: 0;
    }

    .wc-architectural-page .wc-arch-service-area {
      padding-top: 0;
    }

    .wc-architectural-page .wc-arch-faq.wc-faq .accordion-item {
      box-shadow: var(--wc-shadow-md);
    }

    .wc-architectural-page .wc-arch-faq-list {
      display: grid;
      gap: 1rem;
    }

    .wc-architectural-page .wc-arch-faq-item {
      border: 1px solid #d9e0e8;
      box-shadow: var(--wc-shadow-md);
      overflow: hidden;
      background: #fff;
    }

    .wc-architectural-page .wc-arch-faq-item h3 {
      margin: 0;
      padding: 1rem 1.4rem;
      font-size: 1.1rem;
      color: var(--wc-color-deep);
      background: #f7f9fc;
      border-bottom: 1px solid #d9e0e8;
    }

    .wc-architectural-page .wc-arch-faq-item p {
      padding: 1.2rem 1.4rem 1.35rem;
    }

    .wc-architectural-page .wc-arch-region-card {
      min-height: 100%;
      padding: 2.1rem 1.4rem 1.75rem;
      border: 0;
      border-left: 2px solid var(--wc-gold);
      box-shadow: none;
      background: #fff;
    }

    .wc-architectural-page .wc-arch-region-card h3 {
      margin: 0 0 0.85rem;
      font-family: "Poppins", sans-serif;
      font-size: 1.25rem;
      font-weight: 500;
      line-height: 1.35;
      color: #011020;
    }

    .wc-architectural-page .wc-arch-region-card p,
    .wc-architectural-page .wc-arch-region-card li {
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.55;
      color: #555;
    }

    .wc-architectural-page .wc-arch-region-card p + h3,
    .wc-architectural-page .wc-arch-region-card ul + h3 {
      margin-top: 1.72rem;
    }

    .wc-architectural-page .wc-arch-region-card ul {
      margin: 0;
      padding-left: 1.15rem;
    }

    .wc-architectural-page .wc-arch-region-card li::marker {
      font-size: 0.72em;
    }

    .wc-architectural-page .wc-arch-region-note {
      margin-top: 2.3rem;
      color: #666;
    }

    .wc-architectural-page .wc-arch-region-note strong {
      font-weight: 600;
      color: #666;
    }

    .wc-architectural-page:not(.wc-content-page) .wc-contact {
      border-top: 0;
    }

    .wc-architectural-page .wc-arch-contact {
      overflow: hidden;
      background: #f3f5fb;
    }

    .wc-architectural-page .wc-arch-contact-grid {
      display: grid;
      grid-template-columns: 1fr;
    }

    .wc-architectural-page .wc-arch-contact-shell {
      width: min(100% - 2rem, 1280px);
      margin-inline: auto;
      padding: clamp(4rem, 6vw, 5.5rem) 0;
    }

    .wc-architectural-page .wc-arch-contact-info address {
      margin: 2rem 0 0;
      font-style: normal;
    }

    .wc-architectural-page .wc-arch-contact-info p {
      margin: 0 0 0.75rem;
      font-family: "Inter", sans-serif;
      font-size: clamp(1.15rem, 2vw, 1.65rem);
      font-weight: 700;
      line-height: 1.4;
      color: var(--wc-color-deep);
    }

    .wc-architectural-page .wc-arch-contact-info strong {
      display: inline-block;
      min-width: 5rem;
      padding: 0.05rem 0.45rem;
      margin-right: 0.25rem;
      color: #fff;
      background: var(--wc-color-deep);
    }

    .wc-architectural-page .wc-arch-contact-info a {
      color: var(--wc-color-deep);
    }

    .wc-architectural-page .wc-arch-contact-form-wrap {
      position: relative;
      background: var(--wc-color-deep);
    }

    .wc-architectural-page .wc-arch-contact-form-wrap::before {
      content: "";
      position: absolute;
      left: -10rem;
      top: 0;
      bottom: 0;
      width: 14rem;
      background: var(--wc-color-deep);
      transform: skewX(-24deg);
      transform-origin: top;
    }

    .wc-architectural-page .wc-arch-contact-shell--form {
      display: flex;
      justify-content: center;
    }

    .wc-architectural-page .wc-arch-contact-form-panel {
      width: min(100%, 25.8125rem);
      color: #fff;
      text-align: center;
    }

    .wc-architectural-page .wc-arch-contact-form-panel h2 {
      font-size: clamp(2rem, 3vw, 3rem);
      color: #fff;
    }

    .wc-architectural-page .wc-arch-form {
      display: grid;
      gap: 0.6rem;
      margin-top: 1.5rem;
    }

    .wc-architectural-page .wc-arch-form .form-control {
      min-height: 4rem;
      border: 0;
      border-radius: 0;
      padding: 0.95rem 1rem;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      font-weight: 300;
      box-shadow: none;
    }

    .wc-architectural-page .wc-arch-form .btn-wc-cases-all {
      width: 100%;
      margin-top: 0.1rem;
      background: #f2ba38;
    }

    .wc-architectural-page .wc-arch-form p {
      margin: 0.15rem 0 0;
      font-family: "Poppins", sans-serif;
      font-size: 0.75rem;
      font-weight: 300;
      line-height: 1.5;
      color: rgba(255, 255, 255, 0.82);
    }

    .wc-architectural-page .wc-arch-form a {
      color: #f2d26a;
    }

    .wc-architectural-page .wc-arch-related-card {
      min-height: 100%;
      padding: 0;
      border: 1px solid #e0e0e0;
      box-shadow: var(--wc-shadow-md);
      background: #fff;
    }

    .wc-architectural-page .wc-arch-related .wc-services-detail-card {
      border: 1px solid #e0e0e0;
    }

    .wc-architectural-page .wc-arch-related-card img:not(.wc-service-icon) {
      width: 3.4rem;
      height: 3.4rem;
      object-fit: contain;
      margin-bottom: 1.1rem;
    }

    .wc-architectural-page .wc-arch-related-card a:not(.wc-services-detail-link) {
      display: inline-flex;
      align-items: center;
      margin-top: 1.1rem;
      font-family: "Inter", sans-serif;
      font-size: 0.82rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--wc-color-deep);
    }

    .wc-architectural-page .wc-arch-related-card a:not(.wc-services-detail-link)::after {
      content: "→";
      margin-left: 0.4rem;
    }

    .wc-architectural-page .wc-arch-related .wc-services-detail-card h3 {
      margin: 0 0 0.75rem;
      font-family: "Poppins", sans-serif;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1.2;
      color: var(--wc-text);
    }

    .wc-architectural-page .wc-arch-related .wc-services-detail-card p {
      margin: 0;
      font-size: 0.9rem;
      font-weight: 300;
      line-height: 1.7;
      color: #4b5563;
    }

    @media (min-width: 768px) {
      .wc-architectural-page .wc-arch-hero-grid {
        column-gap: 2rem;
        row-gap: 1rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto 1fr;
      }

      .wc-architectural-page .wc-arch-hero-grid > .wc-arch-breadcrumb {
        display: block;
        grid-column: 1 / -1;
        grid-row: 1;
        margin: 0;
      }

      .wc-architectural-page .wc-arch-hero-grid > .wc-arch-hero-main {
        grid-column: 1;
        grid-row: 2;
      }

      .wc-architectural-page .wc-arch-hero-grid > .wc-arch-summary-card {
        grid-column: 2;
        grid-row: 2;
        align-self: start;
        min-width: 0;
        width: 100%;
        max-width: none;
        box-sizing: border-box;
      }

      .wc-architectural-page .wc-arch-region-grid,
      .wc-architectural-page .wc-arch-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .wc-architectural-page .wc-arch-included-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        
        column-gap: min(
          180px,
          max(25px, calc(25px + (100vw - 768px) * 155 / 432))
        );
      }

      @supports (grid-template-rows: subgrid) {
        .wc-architectural-page .wc-arch-included-grid {
          grid-template-rows: auto repeat(6, minmax(0, auto));
          row-gap: 0.9rem;
          align-content: start;
        }

        .wc-architectural-page .wc-arch-included-panel--light,
        .wc-architectural-page .wc-arch-included-panel--dark {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          grid-template-rows: subgrid;
          grid-row: 1 / 8;
        }

        .wc-architectural-page .wc-arch-included-panel--light {
          grid-column: 1;
        }

        .wc-architectural-page .wc-arch-included-panel--dark {
          grid-column: 2;
        }

        .wc-architectural-page .wc-arch-included-panel h2 {
          margin: 0 0 calc(4rem - 0.9rem) 0;
        }

        .wc-architectural-page .wc-arch-included .wc-arch-lined-list {
          display: contents;
          margin: 0;
        }
      }

      .wc-architectural-page .wc-arch-contact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (min-width: 1024px) {
      .wc-architectural-page .wc-arch-document-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (min-width: 1200px) {
      .wc-architectural-page .wc-arch-region-grid,
      .wc-architectural-page .wc-arch-related-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .wc-architectural-page .wc-arch-related-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .wc-architectural-page .wc-arch-summary-card {
        padding-right: 1.75rem;
        padding-left: 1.75rem;
      }
    }

    @media (max-width: 991.98px) {
      
      .wc-architectural-page .wc-arch-included {
        width: 100vw;
        max-width: none;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        box-sizing: border-box;
        overflow: clip;
        background: none;
      }

      .wc-architectural-page .wc-arch-included .wc-shell {
        max-width: none;
        width: 100%;
        margin-inline: 0;
        box-sizing: border-box;
      }

      .wc-architectural-page .wc-arch-included-panel--light {
        background: var(--wc-line);
      }

      .wc-architectural-page .wc-arch-included-panel--dark {
        background: var(--wc-color-deep);
      }

      .wc-architectural-page .wc-arch-included-panel {
        padding-left: calc(var(--wc-shell-gutter) / 2);
        padding-right: calc(var(--wc-shell-gutter) / 2);
      }

      @media (min-width: 768px) {
        .wc-architectural-page .wc-arch-included-panel {
          padding-left: calc(var(--wc-shell-gutter-lg) / 2);
          padding-right: calc(var(--wc-shell-gutter-lg) / 2);
        }

        .wc-architectural-page .wc-arch-included-grid {
          column-gap: 0;
        }

        .wc-architectural-page .wc-arch-included-panel--dark {
          border-left: 1px solid rgba(8, 16, 28, 0.2);
        }
      }

      @media (max-width: 575.98px) {
        .wc-architectural-page .wc-arch-included-panel {
          padding-left: calc(var(--wc-shell-gutter-sm) / 2);
          padding-right: calc(var(--wc-shell-gutter-sm) / 2);
        }
      }

      .wc-architectural-page .wc-arch-contact-form-wrap::before {
        display: none;
      }
    }

    @media (max-width: 319.98px) {
      .wc-architectural-page .wc-arch-included {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
      }
    }

    @media (max-width: 767.98px) {
      .wc-architectural-page .wc-arch-hero-grid > .wc-arch-hero-main,
      .wc-architectural-page .wc-arch-hero-grid > .wc-arch-summary-card {
        grid-column: 1;
        grid-row: auto;
      }

      .wc-architectural-page .wc-arch-hero-main h1,
      .wc-architectural-page .wc-arch-contact-info h2,
      .wc-architectural-page .wc-arch-contact-form-panel h2 {
        font-size: 2.15rem;
      }

      .wc-architectural-page .wc-arch-summary-card,
      .wc-architectural-page .wc-arch-region-card,
      .wc-architectural-page .wc-arch-related-card {
        padding: 1.4rem 1.15rem;
      }

      .wc-architectural-page .wc-arch-document-overlay {
        padding: 2.38rem 1.15rem 1.4rem 1.3rem;
      }

      .wc-architectural-page .wc-arch-contact-shell {
        width: min(100% - 1.5rem, 1280px);
      }
    }

/* Full-width architectural main inside legacy .wrapper (blog/article pattern). */
body.wc-architectural-page .wrapper {
  width: 100%;
  max-width: none;
}

body.wc-architectural-page main.wc-arch-main {
  display: block;
  width: 100%;
  max-width: none;
  float: none;
  margin: 0;
}

/* CMS content pages: same page tint as About Us / blog (--wc-cream = #f8f9fa). */
.wc-content-page.wc-architectural-page {
  background: var(--wc-cream, #f8f9fa);
}

.wc-content-page.wc-architectural-page .wc-contact {
  border-top: 0;
}

.wc-content-page .wc-arch-main {
  padding-top: clamp(4rem, 6vw, 6rem);
  background: var(--wc-cream, #f8f9fa);
}

.wc-content-page .wc-arch-hero {
  padding: 0 0 2.25rem;
  background: var(--wc-cream, #f8f9fa);
}

.wc-content-page .wc-arch-hero-grid {
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
}

.wc-content-page .wc-arch-hero-grid > .wc-arch-breadcrumb {
  display: block;
  grid-column: 1 / -1;
}

@media (min-width: 768px) {
  .wc-content-page .wc-arch-hero-grid > .wc-arch-breadcrumb {
    margin-bottom: 0;
  }
}

.wc-content-page .wc-arch-breadcrumb {
  margin: 0 0 1rem;
  font-size: 0.875rem;
  color: #5f6978;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.wc-content-page .wc-arch-breadcrumb a {
  color: inherit;
  text-decoration: none;
}

.wc-content-page .wc-arch-breadcrumb a:hover,
.wc-content-page .wc-arch-breadcrumb a:focus-visible {
  text-decoration: underline;
}

.wc-content-page .wc-arch-breadcrumb span {
  color: var(--wc-gold);
  text-decoration: underline;
  font-weight: 500;
}

@media (max-width: 991.98px) {
  .wc-content-page .wc-arch-main {
    padding-top: 6.2rem;
  }
}

@media (max-width: 575.98px) {
  .wc-content-page .wc-arch-main {
    padding-top: 3.3rem;
  }

  .wc-content-page .wc-arch-hero {
    padding: 0 0 1.4rem;
  }

  .wc-content-page .wc-arch-breadcrumb {
    display: none;
  }
}

.wc-content-page .wc-content-cms {
  padding: clamp(1.25rem, 2.5vw, 2rem) 0 clamp(2.5rem, 5vw, 4rem);
  background: var(--wc-cream, #f8f9fa);
}

.wc-content-page.wc-architectural-page .wc-arch-related {
  background: var(--wc-cream, #f8f9fa);
  padding-bottom: clamp(4rem, 6vw, 6rem);
}

.wc-content-page.wc-architectural-page .wc-arch-main:has(.wc-arch-related) {
  padding-bottom: 0;
}

.wc-content-page .wc-contact-form > * {
  margin-bottom: 0;
}

.wc-content-page .wc-contact-form .form-control {
  margin-bottom: 0;
}

.wc-richtext,
.wc-richtext p,
.wc-richtext li,
.wc-richtext td,
.wc-richtext th {
  font-size: 1rem;
  line-height: 1.9;
  color: var(--wc-body);
}

.wc-richtext p,
.wc-richtext ul,
.wc-richtext ol,
.wc-richtext table,
.wc-richtext blockquote,
.wc-richtext h2,
.wc-richtext h3,
.wc-richtext h4 {
  margin-bottom: 1.5rem;
}

.wc-richtext h2,
.wc-richtext h3,
.wc-richtext h4 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: var(--wc-text);
  line-height: 1.25;
}

.wc-richtext h2 {
  font-size: 2rem;
}

.wc-richtext h3 {
  font-size: 1.5rem;
}

.wc-richtext a {
  color: var(--wc-color-deep);
  text-decoration: underline;
}

.wc-richtext img,
.wc-richtext iframe {
  max-width: 100%;
  height: auto;
}

.wc-richtext table {
  width: 100%;
  border-collapse: collapse;
}

.wc-richtext table td,
.wc-richtext table th {
  padding: 0.875rem 1rem;
  border: 1px solid #d9e0ea;
}

.wc-richtext blockquote {
  padding: 1.5rem 1.75rem;
  border-left: 4px solid var(--wc-gold);
  background: #f5f7fb;
}
@media (max-width: 1023.98px) {
  .wc-contact {
    overflow-x: hidden;
    --wc-contact-body-lh: calc(26 / 18);
  }

  .wc-section-title.wc-contact-title {
    font-size: 2rem;
    font-weight: 700;
  }

  .wc-contact-address,
  .wc-contact-pill,
  .wc-contact-line-value {
    font-size: 1.125rem;
  }

  .wc-contact-pill {
    min-height: 2.125rem;
    padding-block: 0.2rem;
  }

  .wc-contact::before,
  .wc-contact::after,
  .wc-contact .wc-shell::before {
    display: none;
  }

  .wc-contact .wc-shell {
    padding-top: 0;
    padding-bottom: 0;
  }

  .wc-contact-content {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
  }

  .wc-contact-text {
    width: 100%;
    max-width: none;
    padding-block: 5rem;
    
    padding-inline: 0;
    background: var(--wc-line);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: stretch;
  }

  .wc-section-title.wc-contact-title {
    margin: 0;
  }

  .wc-contact-address {
    margin: 0;
  }

  .wc-contact-text > .wc-contact-line:first-of-type,
  .wc-contact-text > .wc-contact-line:last-of-type {
    margin: 0;
  }

  .wc-contact-aside {
    position: relative;
    left: auto;
    right: auto;
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    box-sizing: border-box;
    
    padding: clamp(3.91rem, 7.82vw, 5.376rem) clamp(1.25rem, 4vw, 3rem)
      clamp(3.825rem, 6.8vw, 5.1rem);
    background: var(--wc-color-deep);
  }

  .wc-contact-form-wrap {
    max-width: min(48rem, calc(100% - 0.5rem));
    width: 100%;
  }

  .wc-contact-form-title {
    
    margin-bottom: 1.955rem;
    font-size: clamp(1.875rem, 2.6vw, 2.375rem);
    font-weight: 700;
  }

  .wc-contact-form {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .wc-contact-form .form-control {
    min-width: 0;
    min-height: 65px;
    height: 65px;
    font-size: 0.9rem;
  }

  .wc-contact-form .btn-wc-primary {
    width: 100%;
    max-width: none;
  }

  .wc-contact-form-note {
    margin-top: 0.85rem;
    margin-bottom: 0.85rem;
  }
}

@media (max-width: 1023.98px) and (min-width: 641px) {
  .wc-contact-text {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: clamp(0.65rem, 0.35rem + 2.2vw, 1.75rem);
    row-gap: 1.25rem;
    align-items: start;
  }

  .wc-section-title.wc-contact-title {
    grid-column: 1;
    grid-row: 1;
  }

  .wc-contact-address {
    grid-column: 1;
    grid-row: 2;
  }

  .wc-contact-text > .wc-contact-line:first-of-type {
    grid-column: 2;
    grid-row: 1;
  }

  .wc-contact-text > .wc-contact-line:last-of-type {
    grid-column: 2;
    grid-row: 2;
  }

  .wc-contact-form-title__line {
    display: inline;
  }

  .wc-contact-form-title__line + .wc-contact-form-title__line {
    margin-top: 0;
    margin-left: 0.35em;
  }

  .wc-contact-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 0.75rem;
    row-gap: 0.9rem;
    align-items: stretch;
  }

  .wc-contact-form .btn-wc-primary {
    grid-column: 1 / -1;
    width: calc((100% - 0.75rem) / 2);
    max-width: calc((100% - 0.75rem) / 2);
    margin-inline: auto;
    justify-self: center;
  }
}
@media (max-width: 860px) and (min-width: 641px) {
  .wc-section-title.wc-contact-title {
    font-size: clamp(1.75rem, 3.6vw, 1.9375rem);
  }

  .wc-contact-address,
  .wc-contact-pill,
  .wc-contact-line-value {
    font-size: 1.0625rem;
  }

  .wc-contact {
    --wc-contact-body-lh: calc(24 / 17);
  }

  .wc-contact-form-title {
    font-size: clamp(1.625rem, 2.4vw, 2.125rem);
  }

  .wc-contact-form .form-control {
    font-size: 0.875rem;
  }
}

@media (max-width: 720px) and (min-width: 641px) {
  .wc-contact-text {
    column-gap: clamp(0.45rem, 0.15rem + 1.5vw, 1rem);
  }

  .wc-section-title.wc-contact-title {
    font-size: clamp(1.375rem, 4.2vw, 1.625rem);
  }

  .wc-contact-address,
  .wc-contact-pill,
  .wc-contact-line-value {
    font-size: 0.9375rem;
  }

  .wc-contact {
    --wc-contact-body-lh: calc(22 / 15);
  }

  .wc-contact-pill {
    min-height: 1.875rem;
    padding-block: 0.1rem;
  }

  .wc-contact-form-title {
    font-size: clamp(1.375rem, 3.8vw, 1.75rem);
  }

  .wc-contact-form .form-control {
    font-size: 0.8125rem;
  }
}

@media (max-width: 640px) {
  
  .wc-contact .wc-shell {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
  }

  .wc-contact-text {
    
    padding-inline: clamp(0.875rem, 2.5vw + 0.35rem, 1.25rem);
    
    padding-top: clamp(3.3rem, 13.2vw, 4.62rem);
    
    padding-bottom: clamp(4.114rem, 16.445vw, 5.753rem);
  }

  .wc-contact-text > .wc-section-title.wc-contact-title {
    margin-bottom: calc(0.75rem * 0.36 * 1.15);
  }

  .wc-contact .wc-section-title.wc-contact-title {
    font-size: clamp(1.5rem, 0.35rem + 4.5vw, 2rem);
  }

  .wc-contact .wc-contact-address,
  .wc-contact .wc-contact-pill,
  .wc-contact .wc-contact-line-value {
    font-size: clamp(0.9375rem, 0.22rem + 2.35vw, 1.125rem);
  }

  .wc-contact .wc-contact-pill {
    min-height: clamp(1.75rem, 0.25rem + 4vw, 2.125rem);
    padding-inline: clamp(0.35rem, 0.5vw + 0.2rem, 0.5rem);
  }

  .wc-contact-form-title {
    white-space: normal;
    font-size: clamp(1.5rem, 0.28rem + 4.2vw, 1.75rem);
  }

  .wc-contact-form-title__line {
    display: block;
  }

  .wc-contact-form-title__line + .wc-contact-form-title__line {
    margin-left: 0;
    margin-top: 0.25em;
  }

  .wc-contact-form-note {
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-size: clamp(0.68rem, 0.12rem + 1.6vw, 0.75rem);
  }

  .wc-contact-form-wrap {
    max-width: 100%;
  }

  .wc-contact-aside {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .wc-contact .wc-contact-form .form-control {
    font-size: clamp(0.78rem, 0.15rem + 1.85vw, 0.9rem);
  }
}