:root {
      --yellow:#f5a300;
      --yellow-2:#ffc044;
      --black:#050505;
      --dark:#0f0f0f;
      --panel:#161616;
      --panel-2:#1d1d1d;
      --text:#ffffff;
      --muted:#cfcfcf;
      --line:#2a2a2a;
      --soft:#101010;
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; font-family:Arial, Helvetica, sans-serif; background:var(--dark); color:var(--text); line-height:1.55; }
    img { max-width:100%; display:block; }
    a { color:inherit; }
    .container { width:min(1180px, 90%); margin:auto; }
    .top-strip {background:linear-gradient(90deg,#f5a300,#ffc044,#f5a300);color:#111;padding:10px 16px;text-align:center;font-weight:900;letter-spacing:.1px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid rgba(0,0,0,.28);box-shadow:0 6px 18px rgba(0,0,0,.24);}
    .top-strip span {display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.28);background:rgba(255,255,255,.32);border-radius:999px;padding:4px 10px;line-height:1;font-weight:950;}
    .top-strip .top-stars {color:#111;background:#fff3cf;letter-spacing:1px;}
    header {background:#000;padding:16px 0;border-bottom:1px solid #242424;position:sticky;top:0;z-index:100;}
    .nav {display:grid;grid-template-columns:290px 1fr 290px;align-items:center;gap:18px;}
    .logo {display:flex;align-items:center;gap:12px;justify-self:start;}
    .logo img {height:96px;max-width:300px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.34));}
    .nav-links {display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:nowrap;color:#ddd;font-weight:800;font-size:14px;letter-spacing:-.1px;}
    .nav-links a {text-decoration:none;}
    .nav-links a:hover {color:var(--yellow);}
    .header-actions {display:flex;align-items:center;justify-content:flex-end;gap:12px;}
    .btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:900;transition:.2s ease;}
    .btn-primary {background:var(--yellow);color:#111;box-shadow:0 10px 24px rgba(245,163,0,.22);}
    .btn-primary:hover {transform:translateY(-1px);background:var(--yellow-2);}
    .btn-ghost {border:1px solid rgba(255,255,255,.22);color:white;background:rgba(255,255,255,.04);}
    .btn-ghost:hover {border-color:var(--yellow);color:var(--yellow);}
    a.btn-ghost[href^="tel:"]{background:linear-gradient(135deg,#f5a300,#ff7a00);color:#111;border:1px solid rgba(255,184,64,.95);box-shadow:0 12px 26px rgba(245,163,0,.28);}
    a.btn-ghost[href^="tel:"]:hover{background:linear-gradient(135deg,#ffb21a,#f97316);color:#111;border-color:#ffc14d;}

    .hero {
      position:relative;
      min-height:680px;
      display:flex;
      align-items:center;
      background:
        linear-gradient(90deg, rgba(5,5,5,.92) 0%, rgba(10,10,10,.88) 30%, rgba(12,12,12,.58) 55%, rgba(12,12,12,.16) 74%, rgba(12,12,12,.06) 100%),
        radial-gradient(circle at 20% 10%, rgba(245,163,0,.18), transparent 34%),
        url('../images/commercial-moving-css-01.webp') center right/cover no-repeat;
      border-bottom:1px solid #1f1f1f;
    }
    .hero::after {
      content:"";
      position:absolute;
      inset:auto 0 0 0;
      height:140px;
      background:linear-gradient(180deg, rgba(15,15,15,0), rgba(15,15,15,1));
      pointer-events:none;
    }
    .hero-content { position:relative; z-index:1; max-width:620px; padding:74px 0 70px; }
    .eyebrow {display:inline-flex;align-items:center;gap:8px;background:rgba(245,163,0,.12);border:1px solid rgba(245,163,0,.35);color:var(--yellow);padding:7px 12px;border-radius:999px;font-weight:900;font-size:13px;margin-bottom:16px;}
    .hero h1 {font-size:58px;line-height:1.02;margin:0 0 16px;letter-spacing:-1.6px;max-width:560px;}
    .hero p {color:#e4e4e4;font-size:19px;max-width:600px;margin:0 0 26px;}
    .hero-actions {display:flex;gap:14px;flex-wrap:wrap;margin:0 0 28px;}
    .hero-bullets {display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;list-style:none;padding:0;margin:0;max-width:620px;}
    .hero-bullets li {position:relative;padding-left:28px;font-weight:700;color:#f0f0f0;}
    .hero-bullets li::before {content:'✓';position:absolute;left:0;top:0;color:var(--yellow);font-weight:900;}
    .hero-cards {display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:14px;margin-top:30px;max-width:650px;}
    .hero-card {background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(4px);padding:16px 18px;border-radius:18px;box-shadow:0 14px 30px rgba(0,0,0,.28);}
    .hero-card strong {display:block;font-size:28px;color:#fff;line-height:1.1;}
    .hero-card span {display:block;font-size:13px;color:#d3d3d3;font-weight:700;margin-top:6px;}

    .breadcrumbs {padding:18px 0 0;color:#bdbdbd;font-size:14px;}
    .breadcrumbs a {text-decoration:none;color:#d9d9d9;}
    .breadcrumbs span {color:var(--yellow);}

    .section {padding:84px 0;}
    .section.alt {background:#0b0b0b;border-top:1px solid #171717;border-bottom:1px solid #171717;}
    .section-head {max-width:760px;margin:0 auto 34px;text-align:center;}
    .section-head .kicker {display:inline-block;background:rgba(245,163,0,.1);color:var(--yellow);border:1px solid rgba(245,163,0,.25);padding:7px 12px;border-radius:999px;font-size:13px;font-weight:900;margin-bottom:14px;}
    .section-head h2 {font-size:42px;line-height:1.08;margin:0 0 14px;letter-spacing:-1px;}
    .section-head p {color:#c7c7c7;font-size:18px;margin:0;}

    .two-col {display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;}
    .content-card {background:linear-gradient(180deg,#171717,#111);border:1px solid #252525;border-radius:24px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.38);}
    .content-card h2, .content-card h3 {margin:0 0 14px;font-size:36px;line-height:1.08;letter-spacing:-1px;}
    .content-card p {margin:0 0 14px;color:#d7d7d7;font-size:17px;}
    .list-checks {display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;list-style:none;padding:10px 0 0;margin:0;}
    .list-checks li {position:relative;padding-left:28px;font-weight:700;color:#efefef;}
    .list-checks li::before {content:'✓';position:absolute;left:0;top:0;color:var(--yellow);font-weight:900;}
    .image-card {background:#111;border:1px solid #272727;border-radius:24px;overflow:hidden;box-shadow:0 20px 52px rgba(0,0,0,.3);}
    .image-card img {width:100%;height:100%;object-fit:cover;}

    .trust {padding:34px 0;background:#080808;border-top:1px solid #171717;border-bottom:1px solid #171717;}
    .trust-strip {background:linear-gradient(180deg,#1b1b1b,#111);border:1px solid #2c2c2c;border-top:4px solid var(--yellow);border-radius:22px;padding:20px;display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:12px;box-shadow:0 24px 58px rgba(0,0,0,.35);}
    .trust-title {display:flex;flex-direction:column;justify-content:center;padding:8px 10px;}
    .trust-title strong {font-size:22px;line-height:1.05;color:#fff;}
    .trust-title span {font-size:13px;color:#bdbdbd;font-weight:800;margin-top:7px;}
    .trust-card {background:rgba(255,255,255,.035);border:1px solid #2b2b2b;border-radius:16px;padding:15px;display:flex;gap:12px;align-items:center;min-height:82px;}
    .trust-icon {width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;background:#222;flex:0 0 auto;}
    .trust-icon.google {background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;}
    .trust-icon.facebook {background:#1877f2;color:#fff;}
    .trust-icon.star {background:#0f6f35;color:#49e27a;}
    .trust-icon.check {background:#0d3141;color:#35c9ff;}
    .trust-card b {display:block;color:#fff;font-size:20px;line-height:1.1;}
    .trust-card span {color:#c9c9c9;font-size:13px;font-weight:700;}

    .card-grid {display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:20px;}
    .info-card {background:linear-gradient(180deg,#171717,#101010);border:1px solid #262626;border-radius:22px;padding:26px;box-shadow:0 18px 42px rgba(0,0,0,.24);}
    .info-card .icon {width:52px;height:52px;border-radius:16px;background:rgba(245,163,0,.12);border:1px solid rgba(245,163,0,.22);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px;}
    .info-card h3 {margin:0 0 10px;font-size:24px;line-height:1.1;}
    .info-card p {margin:0;color:#d0d0d0;font-size:16px;}

    .process-grid {display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:18px;}
    .process-step {position:relative;background:linear-gradient(180deg,#181818,#101010);border:1px solid #282828;border-radius:22px;padding:24px 22px;}
    .step-no {width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#f5a300,#ffcb5e);color:#111;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 10px 22px rgba(245,163,0,.25);}
    .process-step h3 {margin:0 0 10px;font-size:23px;}
    .process-step p {margin:0;color:#cfcfcf;}

    .gallery-grid {display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;}
    .gallery-item {position:relative;overflow:hidden;border-radius:22px;border:1px solid #272727;background:#131313;min-height:260px;box-shadow:0 16px 38px rgba(0,0,0,.26);}
    .gallery-item.tall {grid-row:span 2;min-height:540px;}
    .gallery-item img {width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
    .gallery-item:hover img {transform:scale(1.03);}
    .gallery-caption {position:absolute;left:14px;right:14px;bottom:14px;padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);font-size:14px;font-weight:800;color:#fff;}

    .faq-list {max-width:900px;margin:0 auto;display:grid;gap:14px;}
    .faq-item {border:1px solid #2a2a2a;border-radius:18px;background:linear-gradient(180deg,#171717,#111);overflow:hidden;}
    .faq-item summary {list-style:none;cursor:pointer;padding:20px 22px;font-size:19px;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:20px;}
    .faq-item summary::-webkit-details-marker {display:none;}
    .faq-item summary::after {content:'+';font-size:28px;line-height:1;color:var(--yellow);}
    .faq-item[open] summary::after {content:'−';}
    .faq-item .answer {padding:0 22px 22px;color:#d4d4d4;font-size:16px;}

    .cta {padding:84px 0;background:radial-gradient(circle at 20% 0%, rgba(245,163,0,.22), transparent 34%), linear-gradient(145deg,#111,#0a0a0a); border-top:1px solid #1f1f1f;}
    .cta-box {background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid #2a2a2a;border-radius:28px;padding:40px;display:grid;grid-template-columns:1.1fr auto;gap:20px;align-items:center;box-shadow:0 22px 56px rgba(0,0,0,.32);}
    .cta-box h2 {margin:0 0 8px;font-size:42px;line-height:1.08;letter-spacing:-1px;}
    .cta-box p {margin:0;color:#d0d0d0;font-size:18px;max-width:700px;}
    .cta-actions {display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;}

    footer {background:#070707;padding:56px 0 24px;border-top:1px solid #1a1a1a;}
    .footer-grid {display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;}
    footer h3, footer h4 {margin:0 0 14px;}
    footer p, footer a {color:#c9c9c9;text-decoration:none;}
    footer a:hover {color:var(--yellow);}
    .footer-bottom {padding-top:24px;margin-top:24px;border-top:1px solid #1b1b1b;color:#999;}

    @media (max-width: 1100px) {
      .nav {grid-template-columns:1fr;}
      .logo, .nav-links, .header-actions {justify-self:center;}
      .hero h1 {font-size:50px;}
      .two-col, .process-grid, .card-grid, .trust-strip, .footer-grid, .cta-box {grid-template-columns:1fr;}
      .gallery-grid {grid-template-columns:1fr 1fr;}
      .gallery-item.tall {grid-row:auto;min-height:320px;}
    }
    @media (max-width: 800px) {
      .top-strip {font-size:14px;line-height:1.2;}
      .nav-links {flex-wrap:wrap;gap:12px;}
      .header-actions {flex-wrap:wrap;}
      .hero {min-height:auto;background-position:66% center;}
      .hero-content {padding:58px 0 56px;}
      .hero h1 {font-size:40px;}
      .hero p {font-size:17px;}
      .hero-bullets, .hero-cards, .list-checks {grid-template-columns:1fr;}
      .section {padding:68px 0;}
      .section-head h2, .content-card h2, .cta-box h2 {font-size:34px;}
      .gallery-grid {grid-template-columns:1fr;}
      .gallery-item, .gallery-item.tall {min-height:250px;}
      .cta-box {padding:30px;}
      .cta-actions {justify-content:flex-start;}
    }
  
    /* Mobile hero improvement: keep the desktop hero, but make the phone view readable and better-cropped. */
    @media (max-width: 800px) {
      .hero {
        min-height: auto !important;
        align-items: flex-start !important;
        background-position: 63% top !important;
        background-size: auto 100% !important;
        padding: 22px 0 38px !important;
      }
      .hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(180deg, rgba(5,5,5,.88) 0%, rgba(5,5,5,.72) 38%, rgba(5,5,5,.42) 64%, rgba(5,5,5,.86) 100%),
          linear-gradient(90deg, rgba(5,5,5,.92) 0%, rgba(5,5,5,.68) 54%, rgba(5,5,5,.28) 100%);
        pointer-events: none;
      }
      .hero .breadcrumbs {
        position: relative;
        z-index: 2;
        padding-top: 6px;
        margin-bottom: 18px;
        font-size: 13px;
      }
      .hero-content {
        max-width: none !important;
        width: 100% !important;
        padding: 24px 20px 22px !important;
        margin: 0 auto !important;
        border-radius: 24px !important;
        border: 1px solid rgba(255,255,255,.13) !important;
        background:
          linear-gradient(180deg, rgba(12,12,12,.84), rgba(7,7,7,.94)) !important;
        box-shadow: 0 24px 70px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.06) !important;
        backdrop-filter: blur(3px);
      }
      .hero h1 {
        font-size: 36px !important;
        line-height: 1.03 !important;
        letter-spacing: -1px !important;
        max-width: 100% !important;
      }
      .hero p {
        font-size: 16.5px !important;
        line-height: 1.55 !important;
        color: #f0f0f0 !important;
      }
      .hero-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-bottom: 22px !important;
      }
      .hero-actions .btn {
        width: 100% !important;
        min-height: 50px !important;
      }
      .hero-bullets {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
      }
      .hero-cards {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 22px !important;
      }
      .hero-card {
        padding: 14px 16px !important;
      }
      .hero-card strong {
        font-size: 24px !important;
      }
    }

    @media (max-width: 430px) {
      .hero {
        background-position: 66% top !important;
        padding-bottom: 30px !important;
      }
      .hero-content {
        padding: 22px 16px 20px !important;
        border-radius: 20px !important;
      }
      .hero h1 {
        font-size: 32px !important;
      }
      .eyebrow {
        font-size: 12px !important;
      }
    }

  
    /* Mobile-only: replace the lower hero bullet/card area with the piano image. Desktop unchanged. */
    .mobile-hero-photo {
      display: none;
    }

    @media (max-width: 800px) {
      .hero {
        background-image:
          linear-gradient(180deg, rgba(5,5,5,.96), rgba(7,7,7,.95)) !important;
        background-position: center top !important;
        background-size: cover !important;
      }

      .mobile-hero-photo {
        display: block !important;
        margin: 20px 0 4px !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        border: 1px solid rgba(245,163,0,.36) !important;
        box-shadow: 0 22px 54px rgba(0,0,0,.46) !important;
        background: #111 !important;
      }

      .mobile-hero-photo img {
        width: 100% !important;
        height: 260px !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
      }

      .hero-bullets,
      .hero-cards {
        display: none !important;
      }
    }

    @media (max-width: 430px) {
      .mobile-hero-photo img {
        height: 230px !important;
        object-position: center center !important;
      }
    }

  
    .piano-price-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
      margin: 0 0 22px;
    }
    .piano-price-card {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 90% 0%, rgba(245,163,0,.18), transparent 34%),
        linear-gradient(180deg,#1a1a1a,#101010);
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 24px;
      padding: 28px 24px;
      box-shadow: 0 24px 62px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
    }
    .piano-price-card.featured {
      border-color: rgba(245,163,0,.78);
      box-shadow: 0 28px 72px rgba(0,0,0,.44), 0 0 0 1px rgba(245,163,0,.15), inset 0 1px 0 rgba(255,255,255,.08);
    }
    .price-badge {
      position: absolute;
      right: -38px;
      top: 20px;
      transform: rotate(12deg);
      padding: 8px 44px;
      background: linear-gradient(135deg,#f5a300,#ffc15a);
      color: #111;
      font-size: 13px;
      font-weight: 950;
      box-shadow: 0 12px 28px rgba(0,0,0,.32);
    }
    .piano-price-card h3 {
      margin: 0 0 14px;
      font-size: 24px;
      line-height: 1.1;
      letter-spacing: -.4px;
      color: #fff;
      padding-right: 22px;
    }
    .piano-price {
      display: inline-flex;
      align-items: baseline;
      color: var(--yellow);
      font-size: 54px;
      line-height: 1;
      font-weight: 950;
      letter-spacing: -1.4px;
      margin-bottom: 16px;
      text-shadow: 0 10px 28px rgba(245,163,0,.2);
    }
    .piano-price-card p {
      margin: 0 0 16px;
      color: #dddddd;
      font-size: 16px;
      line-height: 1.55;
    }
    .piano-price-card span {
      display: inline-flex;
      padding: 9px 12px;
      border-radius: 999px;
      background: rgba(245,163,0,.1);
      border: 1px solid rgba(245,163,0,.25);
      color: #ffd27a;
      font-size: 13px;
      font-weight: 900;
    }
    .price-note-box {
      display: grid;
      gap: 6px;
      margin: 0 0 56px;
      padding: 20px 22px;
      border-radius: 20px;
      border: 1px solid rgba(245,163,0,.34);
      background: linear-gradient(180deg, rgba(245,163,0,.12), rgba(255,255,255,.025));
      box-shadow: 0 18px 46px rgba(0,0,0,.28);
    }
    .price-note-box strong {
      color: var(--yellow);
      font-size: 18px;
    }
    .price-note-box span {
      color: #eeeeee;
      font-weight: 700;
    }
    .included-head {
      margin-top: 10px !important;
    }
    .piano-review-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
    }
    .piano-review-card {
      position: relative;
      min-height: 285px;
      padding: 28px 24px 24px;
      border-radius: 24px;
      border: 1px solid rgba(255,255,255,.14);
      background:
        radial-gradient(circle at 88% 0%, rgba(245,163,0,.13), transparent 35%),
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
      box-shadow: 0 24px 62px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.05);
      overflow: hidden;
    }
    .piano-review-card::before {
      content: "”";
      position: absolute;
      right: 20px;
      top: -16px;
      color: rgba(245,163,0,.22);
      font-size: 96px;
      line-height: 1;
      font-weight: 950;
    }
    .piano-review-stars {
      color: var(--yellow-2);
      letter-spacing: 2px;
      font-size: 18px;
      font-weight: 900;
      margin-bottom: 16px;
    }
    .piano-review-card p {
      position: relative;
      z-index: 1;
      margin: 0 0 22px;
      color: #f1f1f1;
      font-size: 16px;
      line-height: 1.62;
    }
    .piano-review-author {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-top: 18px;
      border-top: 1px solid rgba(255,255,255,.1);
    }
    .piano-review-author span {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--yellow);
      color: #111;
      font-weight: 950;
      flex: 0 0 auto;
    }
    .piano-review-author strong {
      display: block;
      color: #fff;
      line-height: 1.15;
    }
    .piano-review-author em {
      display: block;
      font-style: normal;
      color: #cfcfcf;
      font-size: 13px;
      margin-top: 2px;
      font-weight: 800;
    }

    @media (max-width: 980px) {
      .piano-price-grid,
      .piano-review-grid {
        grid-template-columns: 1fr;
      }
      .piano-price-card,
      .piano-review-card {
        min-height: auto;
      }
    }

  
    /* Mobile header layout: logo left, Call + Free Quote buttons on the right. Desktop unchanged. */
    @media (max-width: 800px) {
      header {
        padding: 8px 0 !important;
      }

      header .nav {
        display: grid !important;
        grid-template-columns: minmax(112px, 40%) minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        align-items: center !important;
        gap: 8px 10px !important;
      }

      header .logo {
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: start !important;
        align-self: center !important;
      }

      header .logo img {
        height: 70px !important;
        max-width: 150px !important;
        object-fit: contain !important;
      }

      header .header-actions {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 7px !important;
        align-items: center !important;
        justify-content: end !important;
        justify-self: stretch !important;
        width: 100% !important;
      }

      header .header-actions .btn {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 38px !important;
        padding: 8px 7px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        text-align: center !important;
      }

      header .nav-links {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        display: flex !important;
        width: 100% !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 9px 13px !important;
        padding-top: 2px !important;
        font-size: 13px !important;
      }

      header .nav:after {
        display: none !important;
        content: none !important;
      }
    }

    @media (max-width: 390px) {
      header .nav {
        grid-template-columns: minmax(98px, 37%) minmax(0, 1fr) !important;
        gap: 6px 7px !important;
      }

      header .logo img {
        height: 62px !important;
        max-width: 128px !important;
      }

      header .header-actions {
        gap: 5px !important;
      }

      header .header-actions .btn {
        min-height: 35px !important;
        padding: 7px 5px !important;
        font-size: 10px !important;
        border-radius: 10px !important;
      }

      header .nav-links {
        font-size: 12px !important;
        gap: 8px 10px !important;
      }
    }

  
    .service-areas-section .list-checks li {
      color: #f5f5f5;
    }

  
    /* Commercial review card refinement for longer real customer reviews. */
    .piano-review-card {
      min-height: auto !important;
    }
    .piano-review-card p {
      font-size: 15.5px !important;
    }
    @media (min-width: 981px) {
      .piano-review-card:nth-child(3) {
        grid-column: span 3;
      }
      .piano-review-card:nth-child(3) p {
        max-width: 980px;
      }
    }

  
    /* Updated commercial moving hero image crop. Desktop layout unchanged; only image crop is refined. */
    .hero {
      background-position: 68% center !important;
    }
    @media (max-width: 800px) {
      .mobile-hero-photo img {
        object-position: center center !important;
      }
      .hero {
        background-position: center top !important;
      }
    }

  
    /* Updated hero image: household boxes loaded in the moving truck. */
    .hero {
      background-position: 66% center !important;
    }
    @media (max-width: 800px) {
      .mobile-hero-photo img {
        object-position: center center !important;
      }
      .hero {
        background-position: center top !important;
      }
    }

  
    /* Mobile: use the exact same image as the desktop hero under the H1. */
    @media (max-width: 800px) {
      .mobile-hero-photo img {
        object-fit: cover !important;
        object-position: center center !important;
      }
    }

  
    /* Mobile-only H1 image updated. Desktop hero image remains unchanged. */
    @media (max-width: 800px) {
      .mobile-hero-photo img {
        object-fit: cover !important;
        object-position: center center !important;
        height: 270px !important;
      }
    }
    @media (max-width: 430px) {
      .mobile-hero-photo img {
        height: 250px !important;
        object-position: center center !important;
      }
    }

  
    .hero-local-seo {
      margin-top: -10px !important;
      margin-bottom: 24px !important;
      color: #f2f2f2 !important;
      font-size: 17px !important;
      font-weight: 700 !important;
      max-width: 640px !important;
    }

    .service-include-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
    }

    .service-include-card {
      background: linear-gradient(180deg,#171717,#101010);
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 22px;
      padding: 24px;
      box-shadow: 0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
    }

    .service-include-card .icon {
      width: 50px;
      height: 50px;
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(245,163,0,.12);
      border: 1px solid rgba(245,163,0,.24);
      font-size: 24px;
      margin-bottom: 14px;
    }

    .service-include-card h3 {
      margin: 0 0 9px;
      font-size: 21px;
      line-height: 1.15;
      color: #fff;
    }

    .service-include-card p {
      margin: 0;
      color: #d4d4d4;
      font-size: 15.5px;
      line-height: 1.55;
    }

    .internal-link-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }

    .internal-link-grid a {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 58px;
      padding: 14px 16px;
      text-align: center;
      text-decoration: none;
      border-radius: 16px;
      background: linear-gradient(180deg,#171717,#101010);
      border: 1px solid rgba(245,163,0,.28);
      color: #fff;
      font-weight: 900;
      box-shadow: 0 14px 34px rgba(0,0,0,.24);
      transition: .2s ease;
    }

    .internal-link-grid a:hover {
      color: #111;
      background: var(--yellow);
      transform: translateY(-1px);
    }

    @media (max-width: 980px) {
      .service-include-grid,
      .internal-link-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 640px) {
      .hero-local-seo {
        font-size: 15.5px !important;
        margin-bottom: 20px !important;
      }
      .service-include-grid,
      .internal-link-grid {
        grid-template-columns: 1fr;
      }
      .service-include-card {
        padding: 22px;
      }
    }

  
    /* Homepage-style service areas section */
    .service-areas-home-style .section-head {
      max-width: 860px;
    }

    .service-areas-home-style .area-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
      margin-top: 26px;
    }

    .service-areas-home-style .area-tags span {
      background: #171717;
      border: 1px solid #2b2b2b;
      border-radius: 999px;
      padding: 10px 15px;
      color: #eeeeee;
      font-weight: 800;
      box-shadow: 0 10px 24px rgba(0,0,0,.18);
    }

    .service-areas-home-style .area-tags span:first-child {
      background: rgba(245,163,0,.14);
      border-color: rgba(245,163,0,.5);
      color: var(--yellow);
    }

    .service-area-note {
      max-width: 860px;
      margin: 28px auto 0;
      display: grid;
      gap: 6px;
      padding: 19px 22px;
      border-radius: 18px;
      border: 1px solid rgba(245,163,0,.32);
      background: linear-gradient(180deg, rgba(245,163,0,.1), rgba(255,255,255,.02));
      text-align: center;
      box-shadow: 0 16px 42px rgba(0,0,0,.24);
    }

    .service-area-note strong {
      color: #ffffff;
      font-size: 18px;
    }

    .service-area-note span {
      color: #d8d8d8;
      font-weight: 700;
    }

    @media (max-width: 640px) {
      .service-areas-home-style .area-tags {
        justify-content: flex-start;
        gap: 8px;
      }

      .service-areas-home-style .area-tags span {
        padding: 9px 12px;
        font-size: 13px;
      }

      .service-area-note {
        text-align: left;
      }
    }

  
    /* Commercial moving page refinements */
    .hero {
      background-position: 64% center !important;
    }
    .hero-card strong {
      font-size: 24px !important;
    }
    .piano-price-card .piano-price {
      font-size: 46px !important;
    }
    @media (max-width: 800px) {
      .mobile-hero-photo img {
        object-fit: cover !important;
        object-position: center center !important;
        height: 260px !important;
      }
      .hero {
        background-position: center top !important;
      }
    }

  
    /* Commercial reviews: allow longer real customer reviews to breathe. */
    .piano-review-card {
      min-height: auto !important;
    }
    .piano-review-card p {
      font-size: 15.5px !important;
      line-height: 1.62 !important;
    }
    @media (min-width: 981px) {
      .piano-review-card:first-child {
        grid-column: span 3;
      }
      .piano-review-card:first-child p {
        max-width: 1040px;
      }
    }

  
    /* Requested updates: new desktop hero, new mobile under-H1 image, and gallery heading moved up. */
    .hero {
      background-position: 56% center !important;
    }

    @media (max-width: 800px) {
      .mobile-hero-photo img {
        object-fit: cover !important;
        object-position: center center !important;
        height: 265px !important;
      }
    }

    /* Move the commercial movers gallery section upward a bit */
    .section.alt:has(.gallery-grid) {
      padding-top: 52px !important;
    }

    .section.alt:has(.gallery-grid) .section-head {
      margin-bottom: 24px !important;
    }

    @media (max-width: 800px) {
      .section.alt:has(.gallery-grid) {
        padding-top: 38px !important;
      }
      .section.alt:has(.gallery-grid) .section-head {
        margin-bottom: 20px !important;
      }
    }

  
    /* FINAL FIX: force a new desktop hero image. */
    .hero {
      background:
        linear-gradient(90deg, rgba(5,5,5,.92) 0%, rgba(10,10,10,.88) 30%, rgba(12,12,12,.58) 55%, rgba(12,12,12,.16) 74%, rgba(12,12,12,.06) 100%),
        radial-gradient(circle at 20% 10%, rgba(245,163,0,.18), transparent 34%),
        url('../images/commercial-moving-css-02.webp') center right/cover no-repeat !important;
      background-position: 58% center !important;
    }

    /* FINAL FIX: force mobile image under H1 to use a different commercial photo. */
    @media (max-width: 800px) {
      .hero {
        background:
          linear-gradient(180deg, rgba(5,5,5,.96), rgba(7,7,7,.95)) !important;
      }
      .mobile-hero-photo img {
        content: url('../images/commercial-moving-css-03.webp') !important;
        object-fit: cover !important;
        object-position: center center !important;
        height: 265px !important;
      }
    }

    /* Move the commercial movers gallery section upward a little. */
    .section.alt:has(.gallery-grid) {
      padding-top: 42px !important;
    }
    .section.alt:has(.gallery-grid) .section-head {
      margin-bottom: 20px !important;
    }