/* ══════════════════════════════════
       SCOPED RESET (only inside .book-us)
    ══════════════════════════════════ */
    .book-us,
    .book-us *,
    .book-us *::before,
    .book-us *::after {
      box-sizing: border-box;
    }

    /* ══════════════════════════════════
       SECTION WRAPPER (full-width)
    ══════════════════════════════════ */
    .book-us {
      width: 100%;
      background: #14150F;
      color: #F3EFE3;
      font-family: "Bitter", Georgia, serif;
      border-top: 1px solid #2A2B24;
      border-bottom: 1px solid #2A2B24;
      overflow: hidden;
    }

    /* ══════════════════════════════════
       CONTENT CONTAINER (max 1216px)
    ══════════════════════════════════ */
    .book-us__container {
      max-width: 1216px;
      margin: 0 auto;
      padding: 0 32px;
    }

    /* ══════════════════════════════════
       HEADER
    ══════════════════════════════════ */
    .book-us__header {
      padding-top: 80px;
      padding-bottom: 64px;
      border-bottom: 1px solid #2A2B24;
    }

    .book-us__header-inner {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 40px;
    }

    .book-us__header-left {
      flex: 1;
      min-width: 0;
    }

    .book-us__eyebrow {
      font-family: "JetBrains Mono", monospace;
      font-size: 12.5px;
      letter-spacing: 3.12px;
      color: #5DBA63;
      text-transform: uppercase;
      margin: 0 0 20px;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .book-us__eyebrow-dash {
      width: 20px;
      height: 1px;
      background: #5DBA63;
      flex-shrink: 0;
    }

    .book-us__headline {
      font-family: "Archivo Black", sans-serif; font-weight: 900;
      font-size: 80px;
      line-height: 0.9;
      letter-spacing: -3px;
      color: #F3EFE3;
      margin: 0;
    }

    .book-us__header-right {
      flex: 0 0 480px;
      max-width: 480px;
      display: flex;
      flex-direction: column;
      gap: 24px;
      padding-bottom: 6px;
    }

    .book-us__header-body {
      font-family: "Bitter", serif;
      font-size: 17px;
      line-height: 1.68;
      color: #A8A393;
      margin: 0;
    }

    .book-us__header-tags {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
    }
    .book-us__header-tag {
      font-family: "JetBrains Mono", monospace;
      font-size: 10px;
      letter-spacing: 1.5px;
      padding: 5px 12px 6px;
      border: 1px solid rgba(255,255,255,0.12);
      color: #A8A393;
      text-transform: uppercase;
    }
    .book-us__header-tag:nth-child(1) { border-color: #5DBA63; color: #5DBA63; }
    .book-us__header-tag:nth-child(2) { border-color: #FF5B1F; color: #FF5B1F; }
    .book-us__header-tag:nth-child(3) { border-color: #FACC15; color: #FACC15; }
    .book-us__header-tag:nth-child(4) { border-color: #3B82F6; color: #3B82F6; }
    .book-us__header-tag:nth-child(5) { border-color: #EC4899; color: #EC4899; }
    .book-us__header-tag:nth-child(6) { border-color: #A855F7; color: #A855F7; }

    /* ══════════════════════════════════
       CARDS GRID
    ══════════════════════════════════ */
    .book-us__cards {
      padding-top: 0;
      padding-bottom: 0;
    }
    .book-us__cards-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
    }

    /* ── BOOKING CARD ── */
    .book-us__card {
      border-right: 1px solid #2A2B24;
      display: flex;
      flex-direction: column;
      position: relative;
      overflow: hidden;
      transition: background 0.25s;
      background: #14150F;
    }
    .book-us__card:last-child { border-right: none; }
    .book-us__card:hover { background: #171810; }

    /* Image zone */
    .book-us__card-image-zone {
      position: relative;
      height: 440px;
      overflow: hidden;
      background: #1A1B15;
      border-bottom: 1px solid #2A2B24;
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }

    .book-us__card-image-glow {
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(93,186,99,0.07) 0%, transparent 70%);
      pointer-events: none;
      z-index: 1;
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    .book-us__card:hover .book-us__card-image-glow { opacity: 1; }

    .book-us__card-badge {
      position: absolute;
      top: 20px;
      left: 20px;
      font-family: "JetBrains Mono", monospace;
      font-size: 10.5px;
      letter-spacing: 2px;
      padding: 5px 12px 6px;
      text-transform: uppercase;
      z-index: 3;
    }
    .book-us__card-badge--green { background: #5DBA63; color: #1A1B15; }
    .book-us__card-badge--orange { background: #FF5B1F; color: #1A1B15; }

    .book-us__card-num {
      position: absolute;
      top: 20px;
      right: 20px;
      font-family: "JetBrains Mono", monospace;
      font-size: 10px;
      letter-spacing: 2px;
      color: rgba(255,255,255,0.12);
      z-index: 3;
    }

    /* Cutout images */
    .book-us__card-img {
      position: absolute;
      bottom: 0;
      display: block;
      max-width: 100%;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      z-index: 2;
    }
    .book-us__card:hover .book-us__card-img {
      transform: scale(1.04) translateY(-6px);
    }

    .book-us__card-img--julian {
      height: 420px;
      width: auto;
      max-width: none;
      left: 50%;
      transform: translateX(-50%);
    }
    .book-us__card:hover .book-us__card-img--julian {
      transform: translateX(-50%) scale(1.04) translateY(-6px);
    }

    .book-us__card-img--truck {
      width: 100%;
      height: auto;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    .book-us__card:hover .book-us__card-img--truck {
      transform: translateX(-50%) scale(1.04) translateY(-6px);
    }

    /* Card content */
    .book-us__card-content {
      padding: 36px 40px 0;
      display: flex;
      flex-direction: column;
      gap: 16px;
      flex: 1;
    }

    .book-us__card-title {
      font-family: "Archivo Black", sans-serif; font-weight: 900;
      font-size: 30px;
      color: #F3EFE3;
      letter-spacing: -0.5px;
      line-height: 1.1;
      margin: 0;
    }

    .book-us__card-subtitle {
      font-family: "JetBrains Mono", monospace;
      font-size: 10.5px;
      letter-spacing: 2px;
      color: #5DBA63;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .book-us__subtitle-sep { color: #2A2B24; }

    .book-us__card-body {
      font-family: "Bitter", serif;
      font-size: 15.5px;
      line-height: 1.68;
      color: #A8A393;
      max-width: 500px;
      margin: 0;
    }

    /* Best for strip */
    .book-us__best-for {
      display: flex;
      align-items: baseline;
      gap: 10px;
      padding: 14px 0;
      border-top: 1px solid #2A2B24;
      flex-wrap: wrap;
    }
    .book-us__best-for-label {
      font-family: "JetBrains Mono", monospace;
      font-size: 10px;
      letter-spacing: 1.5px;
      color: #F3EFE3;
      text-transform: uppercase;
      font-weight: 700;
      flex-shrink: 0;
    }
    .book-us__best-for-items {
      font-family: "JetBrains Mono", monospace;
      font-size: 10px;
      letter-spacing: 1.5px;
      color: #54524A;
      text-transform: uppercase;
      line-height: 1.8;
    }

    /* Stat row */
    .book-us__card-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid #2A2B24;
    }
    .book-us__card-stat {
      padding: 16px 0;
      display: flex;
      flex-direction: column;
      gap: 3px;
      border-right: 1px solid #2A2B24;
    }
    .book-us__card-stat:last-child { border-right: none; }
    .book-us__stat-v {
      font-family: "Archivo Black", sans-serif; font-weight: 900;
      font-size: 20px;
      color: #5DBA63;
      line-height: 1;
      letter-spacing: -0.5px;
    }
    .book-us__stat-v--orange { color: #FF5B1F; }
    .book-us__stat-l {
      font-family: "JetBrains Mono", monospace;
      font-size: 9px;
      letter-spacing: 1.5px;
      color: #54524A;
      text-transform: uppercase;
    }

    /* CTA button */
    .book-us__card-cta {
      padding: 0 40px 40px;
    }

    .book-us__book-btn {
      width: 100%;
      font-family: "JetBrains Mono", monospace;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 1.5px;
      padding: 18px 24px;
      background: #5DBA63;
      color: #1A1B15;
      border: none;
      cursor: pointer;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      transition: opacity 0.15s;
      position: relative;
      overflow: hidden;
    }
    .book-us__book-btn--orange { background: #FF5B1F; }
    .book-us__book-btn:hover { opacity: 0.88; }
    .book-us__btn-arrow { transition: transform 0.2s; }
    .book-us__book-btn:hover .book-us__btn-arrow { transform: translateX(4px); }

    /* ══════════════════════════════════
       INLINE BOOKING FORM
    ══════════════════════════════════ */
    .book-us__form-wrap {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.45s cubic-bezier(0.16,1,0.3,1);
      background: #1A1B15;
      border-top: 1px solid #2A2B24;
    }
    .book-us__form-wrap.is-open {
      max-height: 1400px;
    }

    .book-us__form {
      padding: 36px 40px 40px;
      display: flex;
      flex-direction: column;
      gap: 0;
    }

    .book-us__form-title {
      font-family: "Archivo Black", sans-serif; font-weight: 900;
      font-size: 18px;
      color: #F3EFE3;
      letter-spacing: -0.2px;
      margin-bottom: 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .book-us__form-close {
      width: 30px; height: 30px;
      background: transparent;
      border: 1px solid #2A2B24;
      color: #54524A;
      font-size: 14px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: border-color 0.15s, color 0.15s;
      line-height: 1;
      flex-shrink: 0;
    }
    .book-us__form-close:hover { border-color: #5DBA63; color: #F3EFE3; }

    .book-us__field-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-bottom: 10px;
    }
    .book-us__field-row--full { grid-template-columns: 1fr; }

    .book-us__field {
      display: flex;
      flex-direction: column;
      gap: 6px;
      min-width: 0;
    }
    .book-us__field label {
      font-family: "JetBrains Mono", monospace;
      font-size: 9.5px;
      letter-spacing: 1.5px;
      color: #54524A;
      text-transform: uppercase;
    }
    .book-us__field input,
    .book-us__field select,
    .book-us__field textarea {
      background: #14150F;
      border: 1px solid #2A2B24;
      color: #F3EFE3;
      font-family: "Bitter", serif;
      font-size: 14.5px;
      padding: 11px 13px;
      outline: none;
      transition: border-color 0.15s;
      width: 100%;
      max-width: 100%;
      border-radius: 0;
      -webkit-appearance: none;
      appearance: none;
      resize: none;
    }
    .book-us__field input:focus,
    .book-us__field select:focus,
    .book-us__field textarea:focus { border-color: #5DBA63; }
    .book-us__field input::placeholder,
    .book-us__field textarea::placeholder { color: #54524A; }
    .book-us__field select {
      cursor: pointer;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2354524A' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 12px center;
      padding-right: 32px;
    }

    .book-us__form-submit {
      width: 100%;
      font-family: "JetBrains Mono", monospace;
      font-weight: 700;
      font-size: 12.5px;
      letter-spacing: 1.5px;
      padding: 15px 20px;
      background: #5DBA63;
      color: #1A1B15;
      border: none;
      cursor: pointer;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      transition: opacity 0.15s;
      margin-top: 20px;
    }
    .book-us__form-submit--orange { background: #FF5B1F; }
    .book-us__form-submit:hover { opacity: 0.88; }

    .book-us__form-note {
      font-family: "JetBrains Mono", monospace;
      font-size: 9px;
      letter-spacing: 1.5px;
      color: #54524A;
      text-transform: uppercase;
      text-align: center;
      margin-top: 12px;
    }

    /* Success state */
    .book-us__form-success {
      display: none;
      flex-direction: column;
      align-items: center;
      gap: 16px;
      padding: 48px 40px;
      text-align: center;
    }
    .book-us__form-success.is-visible { display: flex; }
    .book-us__success-icon {
      width: 52px; height: 52px;
      border: 2px solid #5DBA63;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      color: #5DBA63;
    }
    .book-us__success-icon--orange {
      border-color: #FF5B1F;
      color: #FF5B1F;
    }
    .book-us__success-title {
      font-family: "Archivo Black", sans-serif; font-weight: 900;
      font-size: 22px;
      color: #F3EFE3;
      letter-spacing: -0.3px;
    }
    .book-us__success-sub {
      font-family: "Bitter", serif;
      font-size: 15px;
      line-height: 1.6;
      color: #A8A393;
      max-width: 360px;
      margin: 0;
    }

    /* ══════════════════════════════════
       RESPONSIVE - TABLET (≤ 1024px)
    ══════════════════════════════════ */
    @media (max-width: 1024px) {
      .book-us__container {
        padding: 0 28px;
      }
      .book-us__header {
        padding-top: 64px;
        padding-bottom: 48px;
      }
      .book-us__headline {
        font-size: 64px;
        letter-spacing: -2px;
      }
      .book-us__header-right {
        flex: 0 0 380px;
        max-width: 380px;
      }
      .book-us__card-content {
        padding: 32px 28px 0;
      }
      .book-us__card-cta {
        padding: 0 28px 32px;
      }
      .book-us__form {
        padding: 32px 28px 32px;
      }
      .book-us__card-image-zone {
        height: 320px;
      }
      .book-us__card-img--julian {
        height: 360px;
      }
    }

    /* ══════════════════════════════════
       RESPONSIVE - SMALL TABLET (≤ 820px)
    ══════════════════════════════════ */
    @media (max-width: 820px) {
      .book-us__header-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
      }
      .book-us__header-right {
        flex: 1 1 auto;
        max-width: 100%;
        width: 100%;
        padding-bottom: 0;
      }
      .book-us__cards-grid {
        grid-template-columns: 1fr;
      }
      .book-us__card {
        border-right: none;
        border-bottom: 1px solid #2A2B24;
      }
      .book-us__card:last-child {
        border-bottom: none;
      }
    }

    /* ══════════════════════════════════
       RESPONSIVE - MOBILE (≤ 600px)
    ══════════════════════════════════ */
    @media (max-width: 600px) {
      .book-us__container {
        padding: 0 20px;
      }
      .book-us__header {
        padding-top: 56px;
        padding-bottom: 40px;
      }
      .book-us__headline {
        font-size: 48px;
        letter-spacing: -1.5px;
      }
      .book-us__header-body {
        font-size: 16px;
      }
      .book-us__card-image-zone {
        height: 340px;
      }
      .book-us__card-img--julian {
        height: 380px;
      }
      .book-us__card-content {
        padding: 28px 20px 0;
        gap: 14px;
      }
      .book-us__card-title {
        font-size: 26px;
      }
      .book-us__card-cta {
        padding: 0 20px 28px;
      }
      .book-us__card-stats {
        grid-template-columns: repeat(3, 1fr);
      }
      .book-us__stat-v {
        font-size: 18px;
      }
      .book-us__form {
        padding: 28px 20px 28px;
      }
      .book-us__field-row {
        grid-template-columns: 1fr;
        gap: 0;
      }
      .book-us__form-success {
        padding: 40px 20px;
      }
      .book-us__form-submit {
        flex-direction: row;
        flex-wrap: wrap;
      }
    }

    /* ══════════════════════════════════
       RESPONSIVE - SMALL MOBILE (≤ 380px)
    ══════════════════════════════════ */
    @media (max-width: 380px) {
      .book-us__container {
        padding: 0 16px;
      }
      .book-us__headline {
        font-size: 42px;
      }
      .book-us__card-badge,
      .book-us__card-num {
        top: 14px;
      }
      .book-us__card-badge { left: 14px; }
      .book-us__card-num { right: 14px; }
    }