@layer sections {
      #contact {
        position: relative;
        overflow-x: clip;
        padding: clamp(110px, 18vh, 200px) 0 clamp(90px, 14vh, 160px);
      }

      #contact .ct-clock {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 var(--space-1);
        white-space: nowrap;
      }

      #contact .ct-frame {
        flex: none;
        width: clamp(92px, 11vw, 180px);
        aspect-ratio: 3 / 4;
        background: var(--color-2);
        overflow: hidden;
      }

      #contact .ct-days {
        margin: 18px 0 clamp(72px, 14vh, 140px);
        text-align: center;
      }

      #contact .ct-grid {
        position: relative;
        display: grid;
        grid-template-columns: var(--space-3) minmax(0, 1fr);
      }

      #contact .ct-rule {
        top: 0;
        bottom: 0;
      }

      #contact .ct-lines {
        padding: 6px var(--space-4) 0 var(--space-2);
        display: grid;
        gap: 20px;
        align-content: start;
      }

      #contact .ct-lines dt {
        color: var(--color-4);
        margin-bottom: 4px;
      }

      #contact .ct-lines dd {
        font-weight: 500;
      }

      #contact .ct-right {
        padding: 0 var(--space-1) 0 var(--space-4);
      }

      #contact .ct-h {
        margin-bottom: clamp(36px, 6vh, 60px);
      }

      #contact .ct-form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 26px 28px;
        max-width: 760px;
      }

      #contact .ct-wide {
        grid-column: 1 / -1;
      }

      #contact .ct-captcha {
        grid-column: 1 / -1;
        background: var(--color-3);
        padding: 16px 20px;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        animation: ct-captcha-in 0.25s ease-out;
      }

      #contact .ct-captcha[hidden] {
        display: none !important;
      }

      @keyframes ct-captcha-in {
        from {
          opacity: 0;
          transform: translateY(-6px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      #contact .ct-captcha__label {
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--color-4);
        font-weight: 500;
      }

      #contact .ct-captcha__row {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
      }

      #contact .ct-captcha__canvas {
        background: var(--color-1);
        border: 1px solid var(--color-8);
        border-radius: 3px;
        flex: none;
      }

      #contact .ct-captcha__refresh {
        background: none;
        border: none;
        cursor: pointer;
        padding: 6px;
        color: var(--color-4);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: color 0.15s, transform 0.25s;
      }

      #contact .ct-captcha__refresh:hover {
        color: var(--color-2);
        transform: rotate(90deg);
      }

      #contact .ct-captcha__input {
        width: 140px;
        min-width: 120px;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        font-weight: 600;
      }

      #contact .ct-captcha__error {
        color: #e02424;
        font-size: 13px;
        margin: 0;
      }

      #contact .ct-send {
        grid-column: 1 / -1;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 14px 24px;
      }

      #contact .ct-thanks {
        color: var(--color-2);
      }

      @media (max-width: 700px) {
        #contact .ct-clock {
          font-size: 30px;
        }

        #contact .ct-frame {
          width: 70px;
        }

        #contact .ct-grid {
          grid-template-columns: 1fr;
          gap: 48px;
        }

        #contact .ct-rule {
          display: none;
        }

        #contact .ct-lines {
          padding: 0 var(--space-1);
          order: 2;
        }

        #contact .ct-right {
          padding-left: var(--space-1);
        }

        #contact .ct-form {
          grid-template-columns: 1fr;
        }
      }
    }