/* Techtrim V25 — smooth hero fade + compact contact/data columns + wider map. */

/* Smooth the hero into the white page. The approved perspective hero image itself is untouched. */
.techtrim-home .tt-hero{
  overflow:visible!important;
  z-index:2!important;
  background:#fff!important;
}
.techtrim-home .tt-hero>img{
  -webkit-mask-image:linear-gradient(to bottom,
    #000 0%,#000 58%,rgba(0,0,0,.995) 64%,rgba(0,0,0,.97) 69%,
    rgba(0,0,0,.91) 74%,rgba(0,0,0,.81) 79%,rgba(0,0,0,.68) 84%,
    rgba(0,0,0,.52) 89%,rgba(0,0,0,.35) 93%,rgba(0,0,0,.20) 96%,
    rgba(0,0,0,.08) 98%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,
    #000 0%,#000 58%,rgba(0,0,0,.995) 64%,rgba(0,0,0,.97) 69%,
    rgba(0,0,0,.91) 74%,rgba(0,0,0,.81) 79%,rgba(0,0,0,.68) 84%,
    rgba(0,0,0,.52) 89%,rgba(0,0,0,.35) 93%,rgba(0,0,0,.20) 96%,
    rgba(0,0,0,.08) 98%,transparent 100%)!important;
}
.techtrim-home .tt-hero::after{
  z-index:6!important;
  bottom:-54px!important;
  height:58%!important;
  background:linear-gradient(to bottom,
    rgba(255,255,255,0) 0%,rgba(255,255,255,.012) 10%,rgba(255,255,255,.035) 20%,
    rgba(255,255,255,.08) 31%,rgba(255,255,255,.15) 41%,rgba(255,255,255,.25) 51%,
    rgba(255,255,255,.38) 61%,rgba(255,255,255,.53) 70%,rgba(255,255,255,.67) 78%,
    rgba(255,255,255,.79) 85%,rgba(255,255,255,.89) 91%,rgba(255,255,255,.96) 96%,#fff 100%)!important;
}
.techtrim-home .tt-light-zone{
  position:relative!important;
  z-index:1!important;
  margin-top:0!important;
  background:#fff!important;
}
/* Let the Services heading and cards slightly overlap the bottom of the hero/fade. */
.techtrim-home #services{
  position:relative!important;
  z-index:8!important;
  margin-top:-30px!important;
  padding-top:0!important;
}
.techtrim-home #services>h2{position:relative!important;z-index:9!important;margin-bottom:0!important}
.techtrim-home #services>.tt-title-line{position:relative!important;z-index:9!important;margin:5px auto 9px!important}
.techtrim-home #services .tt-service-cards{position:relative!important;z-index:9!important}

/* Company info: two compact equal narrow columns + a noticeably wider map. */
.techtrim-home .tt-visit-grid{
  grid-template-columns:minmax(210px,.78fr) minmax(210px,.78fr) minmax(420px,1.7fr)!important;
  gap:10px!important;
  align-items:stretch!important;
}
.techtrim-home .tt-visit-card,
.techtrim-home .tt-map-card{
  min-height:238px!important;
  height:238px!important;
}
.techtrim-home .tt-visit-card{padding:13px!important}
.techtrim-home .tt-visit-card h3{font-size:14px!important;margin:0 0 9px!important}

/* Four contact actions, one per row. */
.techtrim-home .tt-contact-buttons{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin-top:0!important;
}
.techtrim-home .tt-visit-contacts .tt-contact-buttons a{
  width:100%!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
  border-radius:9px!important;
  font-size:11px!important;
}

/* Second column looks like a matching vertical set of buttons, not loose text. */
.techtrim-home .tt-info-stack{
  display:grid!important;
  grid-template-rows:repeat(3,1fr)!important;
  gap:7px!important;
}
.techtrim-home .tt-info-button{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:9px 10px!important;
  border:1px solid rgba(8,124,255,.30)!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#eff8ff 100%)!important;
  color:#18314f!important;
  text-decoration:none!important;
  box-shadow:0 4px 12px rgba(8,124,255,.05)!important;
  box-sizing:border-box!important;
}
.techtrim-home a.tt-info-button:hover{background:#e8f5ff!important;border-color:#087cff!important;transform:translateY(-1px)!important}
.techtrim-home .tt-info-icon{
  flex:0 0 24px!important;
  width:24px!important;height:24px!important;
  display:grid!important;place-items:center!important;
  color:#087cff!important;font-size:15px!important;font-weight:900!important;
}
.techtrim-home .tt-info-button span:last-child{min-width:0!important;display:block!important}
.techtrim-home .tt-info-button b{display:block!important;font-size:10.8px!important;line-height:1.15!important;color:#18283c!important;margin-bottom:3px!important}
.techtrim-home .tt-info-button small{display:block!important;font-size:9.2px!important;line-height:1.25!important;color:#5a697b!important;white-space:normal!important}

.techtrim-home .tt-map-card{grid-column:auto!important;border-radius:12px!important;overflow:hidden!important}
.techtrim-home .tt-map-card iframe{width:100%!important;height:100%!important;min-height:0!important;border:0!important;display:block!important}

@media (max-width:1100px){
  .techtrim-home .tt-visit-grid{grid-template-columns:1fr 1fr!important}
  .techtrim-home .tt-map-card{grid-column:1/-1!important;height:235px!important;min-height:235px!important}
  .techtrim-home .tt-visit-card{height:225px!important;min-height:225px!important}
  .techtrim-home #services{margin-top:-20px!important}
}
@media (max-width:700px){
  .techtrim-home .tt-visit-grid{grid-template-columns:1fr!important}
  .techtrim-home .tt-map-card{grid-column:auto!important}
  .techtrim-home #services{margin-top:-8px!important}
}