/* JobLik 0.33.194 — final Automotive / Construction first-fold media parity.
   Desktop only.
   - Same media-column geometry for both industry landings.
   - Taller media canvas to use the available first-fold height.
   - Soft edge blending on both hero artworks.
   - Construction search microphone visually matches Automotive.
   Mobile layouts and second-view sections are intentionally unchanged. */
:root{
  --j194-media-h:clamp(360px,48dvh,430px);
  --j194-media-gap:16px;
  --j194-orange:#ff7900;
}

@media (min-width:901px){
  /* One 54/46 first-view split for both industries. */
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only)>.v064-hero,
  .j190-industry-first{
    grid-template-columns:54% 46%!important;
  }

  /* Shared image-box footprint. */
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-hero-media,
  .j190-construction-first .j190-industry-media{
    box-sizing:border-box!important;
    position:relative!important;
    width:calc(100% - (var(--j194-media-gap) * 2))!important;
    height:var(--j194-media-h)!important;
    min-height:var(--j194-media-h)!important;
    max-height:var(--j194-media-h)!important;
    margin-left:var(--j194-media-gap)!important;
    margin-right:var(--j194-media-gap)!important;
    padding:0!important;
    align-self:center!important;
    justify-self:stretch!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }

  /* Blurred underlay fills the canvas, so neither artwork reads as a hard-edged rectangle. */
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-hero-media::before,
  .j190-construction-first .j190-industry-media::before{
    content:""!important;
    position:absolute!important;
    inset:3%!important;
    z-index:0!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    filter:blur(22px) saturate(.9)!important;
    opacity:.16!important;
    transform:scale(1.10)!important;
    pointer-events:none!important;
  }
  html[data-theme="light"] body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-hero-media::before{
    background-image:url('../img/visitor-v0613/hero-light-black-car.webp')!important;
  }
  html[data-theme="dark"] body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-hero-media::before{
    background-image:url('../img/visitor-v0613/hero-dark-white-car.webp')!important;
  }
  .j190-construction-first .j190-industry-media::before{
    background-image:url('../img/platform-v167/construction.webp')!important;
  }

  /* Automotive: keep the complete car, but let it consume the taller shared canvas. */
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-hero-media .v0613-theme-car{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-hero-media .v0613-theme-car img{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    background:transparent!important;
    -webkit-mask-image:radial-gradient(ellipse 96% 93% at 50% 50%,#000 0 64%,rgba(0,0,0,.98) 74%,rgba(0,0,0,.72) 84%,rgba(0,0,0,.28) 93%,transparent 100%)!important;
    mask-image:radial-gradient(ellipse 96% 93% at 50% 50%,#000 0 64%,rgba(0,0,0,.98) 74%,rgba(0,0,0,.72) 84%,rgba(0,0,0,.28) 93%,transparent 100%)!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
  }

  /* Construction: use the same canvas height; crop only the far horizontal ends of the panoramic source. */
  .j190-construction-first .j190-industry-media>img{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    filter:none!important;
    border-radius:0!important;
    background:transparent!important;
    -webkit-mask-image:radial-gradient(ellipse 97% 94% at 50% 50%,#000 0 66%,rgba(0,0,0,.98) 76%,rgba(0,0,0,.72) 86%,rgba(0,0,0,.30) 94%,transparent 100%)!important;
    mask-image:radial-gradient(ellipse 97% 94% at 50% 50%,#000 0 66%,rgba(0,0,0,.98) 76%,rgba(0,0,0,.72) 86%,rgba(0,0,0,.30) 94%,transparent 100%)!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
  }

  /* Suppress legacy overlays that can reintroduce a visible rectangular edge. */
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-hero-media::after{
    display:none!important;
  }
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-car-highlight{
    opacity:.28!important;
  }

  /* Construction search: same microphone glyph/shell as Automotive. */
  .j190-construction-first .j190-search-copy>i{
    font-size:0!important;
  }
  .j190-construction-first .j190-search-copy>i::before{
    content:'🎙'!important;
    font-size:23px!important;
    line-height:1!important;
  }
  .j190-construction-first .j194-construction-mic{
    box-sizing:border-box!important;
    width:48px!important;
    height:44px!important;
    min-width:48px!important;
    border-radius:50%!important;
    border:0!important;
    border-right:1px solid #ffe2c7!important;
    background:#fffaf6!important;
    color:var(--j194-orange)!important;
    display:grid!important;
    place-items:center!important;
    font-size:0!important;
  }
  .j190-construction-first .j194-construction-mic::before{
    content:'🎙'!important;
    font-size:23px!important;
    line-height:1!important;
  }
}

@media (min-width:901px) and (max-height:760px){
  :root{--j194-media-h:350px}
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-hero-media,
  .j190-construction-first .j190-industry-media{
    height:var(--j194-media-h)!important;
    min-height:var(--j194-media-h)!important;
    max-height:var(--j194-media-h)!important;
  }
}