body {
    background-color: #0A192F !important; /* Premium Sapphire fallback */
    background-image: url('/assets/media/2026/02/x308-background.webp') !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center !important;
    margin: 0 !important;
  }

.gt-vessel-sub {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 20px 0;
    /* This matches your main page exactly */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    z-index: 9999;
  }

  .gt-menu-item {
    position: relative;
    display: inline-block;
  }

  /* The Hover Trigger */
  .gt-menu-item:hover .gt-dropdown {
    display: block;
  }

  .gt-btn {
    background-color: #2e7d32; /* Logo Green */
    color: #ffffff;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1.5px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: 0.3s;
  }

  .gt-btn:hover {
    background-color: #1b5e20;
  }

  .gt-dropdown {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); /* Keeps it perfectly centered under the button */
    background-color: #2e7d32;
    min-width: 220px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    margin-top: 0; 
  }

  .gt-dropdown a {
    color: #ffffff;
    padding: 14px 20px;
    text-decoration: none;
    display: block;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }

  .gt-dropdown a:hover {
    background-color: #1b5e20;
  }

/* Main Container */
  .garage-vessel {
    max-width: 1005px; 
    margin: 60px auto;
    padding: 80px 80px;
    background: rgba(255,255,255,0.85); /* Slightly more opaque for readability */
    box-shadow: 0 30px 60px rgba(0,0,0,0.2);
    font-family: 'Georgia', Times, serif;
    color: #1a1a1a;
    line-height: 1.9;
    box-sizing: border-box;
  }

  .garage-header { text-align: center; margin-bottom: 50px; }
  
  .garage-main-title {
    font-size: 42px;
    font-weight: 800;
    margin: 0;
    font-family: sans-serif;
    letter-spacing: -1px;
  }

  .garage-subtitle {
    font-size: 20px;
    font-style: italic;
    color: #444;
    margin-top: 10px;
  }

  .garage-hr { width: 40px; height: 3px; background: #000; margin: 30px auto; }

  /* The Desktop Drop Cap */
  .garage-drop-cap::first-letter {
    float: left;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 12px;
    padding-left: 3px;
    font-family: sans-serif;
    font-weight: 800;
  }

  .garage-section-break {
    font-family: sans-serif;
    font-size: 16px;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 0 40px 0;
    border-top: 1px solid #eee;
    padding-top: 40px;
  }

  .garage-pull-quote {
    font-size: 28px;
    text-align: center;
    font-style: italic;
    margin: 50px 0;
    color: #000;
    border-left: none;
    padding: 0 20px;
    line-height: 1.4;
  }

  /* This creates the Georgia Italic look from the Ethos page */
  .ethos-signoff-style { 
    font-family: 'Georgia', Times, serif !important;
    font-size: 22px !important; 
    font-style: italic !important; 
    margin-top: 40px !important; 
    text-align: center !important; 
    color: #1b5e20 !important;
    text-transform: none !important; /* Removes the uppercase */
    letter-spacing: normal !important; /* Removes the wide spacing */
  }

  /* This handles the border and spacing above the tagline */
  .garage-signoff {
    text-align: center;
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px;
  }
  /* THE MOBILE "MAGAZINE" REPAIR UNIT */
  @media (max-width: 768px) {
    .garage-vessel { 
        width: 114% !important;        /* Your 120% broadness fix */
        margin-left: -7% !important;  /* Center the 120% width */
        margin-top: 60px !important;
        margin-bottom: 80px !important;
        padding: 40px 25px !important; /* Balanced padding for the 'broad' look */
        box-shadow: none;
        box-sizing: border-box;
    }
    
    .garage-main-title { 
        font-size: 28px !important; 
        line-height: 1.1;
    }

    .garage-subtitle {
        font-size: 18px !important;
    }

    /* Adjust the Drop Cap so it doesn't break the layout on mobile */
    .garage-drop-cap::first-letter {
        font-size: 60px !important;
        line-height: 50px !important;
    }

    /* Adjust Pull Quote for narrow screens */
    .garage-pull-quote {
        font-size: 22px !important;
        margin: 30px 0 !important;
    }

    /* Keep images from overflowing the 120% container */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
  }