/* Mobile acceptance polish after rendered iPhone review. */
.mobile-quote{display:none}

@media(max-width:920px){
  .mobile-quote{
    display:inline-flex!important;
    position:fixed;
    right:max(16px,env(safe-area-inset-right));
    bottom:max(18px,env(safe-area-inset-bottom));
    z-index:45;
    width:auto;
    min-width:0;
    min-height:44px;
    padding:0 16px;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(44,166,218,.30);
    border-radius:999px;
    background:rgba(11,13,16,.90);
    color:rgba(255,255,255,.94);
    text-decoration:none;
    font-size:0;
    font-weight:750;
    letter-spacing:.015em;
    text-transform:none;
    box-shadow:inset 2px 0 0 rgba(44,166,218,.82),0 8px 22px rgba(0,0,0,.18);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
  .mobile-quote::before{
    content:"Call for a quote";
    font-size:11px;
    line-height:1;
    white-space:nowrap;
  }
  .mobile-quote:focus-visible{
    outline:3px solid var(--sky);
    outline-offset:3px;
  }
}

@media(max-width:640px){
  .capability-wall figure:first-child{aspect-ratio:1/1!important}
  .capability-wall figure:first-child img{object-position:center center!important}
  .capability-wall figcaption{background:rgba(8,10,12,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .quote-band .button,.contact-card .button{min-height:44px}
  .mobile-quote{right:12px;bottom:max(16px,env(safe-area-inset-bottom));min-height:42px;padding:0 14px}
  .mobile-quote::before{font-size:10.5px}
}