/* ============================================================
   B.G.E. AERIALS — CONTACT TABLET METALLIC SOCIALS
   Scope: Contact page + tablets only, portrait and landscape.
   ============================================================ */

@media screen and (min-width:768px) and (max-width:1366px) and (pointer:coarse) {
  .tablet-contact-footer .socials-title{
    font-family:Impact,"Arial Narrow Bold","Arial Narrow",Arial,sans-serif !important;
    font-weight:400 !important;
    letter-spacing:.13em !important;
    color:#d8d8d8 !important;
    background:linear-gradient(180deg,#fff 0%,#d4d4d4 22%,#8b8b8b 46%,#f3f3f3 68%,#a7a7a7 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:0 1px 0 rgba(255,255,255,.16),0 2px 4px rgba(0,0,0,.82) !important;
  }

  .tablet-contact-footer .socials-title::before,
  .tablet-contact-footer .socials-title::after{
    background:linear-gradient(90deg,#666 0%,#f8f8f8 48%,#8a8a8a 100%) !important;
    box-shadow:0 0 6px rgba(255,255,255,.18) !important;
  }

  .tablet-contact-footer .tablet-contact-handle{
    display:inline-block !important;
    margin:0 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:clamp(30px,3.05vw,42px) !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.10em !important;
    text-transform:uppercase !important;
    color:#d8d8d8 !important;
    transform:none !important;
    background:linear-gradient(180deg,#f8f8f8 0%,#c8c8c8 26%,#777 49%,#efefef 70%,#a9a9a9 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:0 1px 0 rgba(255,255,255,.16),0 2px 4px rgba(0,0,0,.82) !important;
  }

  .tablet-contact-footer .tablet-social-row{
    gap:clamp(30px,5.8vw,76px) !important;
    margin:8px 0 5px !important;
  }

  .tablet-contact-footer .tablet-social-row a{
    width:58px !important;
    height:58px !important;
  }

  .tablet-contact-footer .tablet-social-row img{
    display:block !important;
    width:50px !important;
    height:50px !important;
    max-width:50px !important;
    max-height:50px !important;
    object-fit:contain !important;
  }
}

/* Contact tablet portrait only: larger SOCIALS title. */
@media screen and (min-width:768px) and (max-width:1366px) and (orientation:portrait) and (pointer:coarse) {
  .tablet-contact-footer .socials-title{
    font-size:clamp(30px,4.1vw,46px) !important;
  }
}