/* SKILX homepage hero polish
 * A quieter, more premium hero: less visual mass, more deliberate whitespace.
 * Loaded after home-structure.css so these rules only refine the homepage hero.
 */

.skx-home-hero{
  min-height:640px!important;
  padding:clamp(88px,6.5vw,110px) 0 clamp(86px,6vw,104px)!important;
}

.skx-home-hero-grid{
  grid-template-columns:minmax(0,1.28fr) minmax(340px,.58fr)!important;
  gap:clamp(76px,7vw,132px)!important;
  max-width:1600px!important;
}

.skx-home-hero-copy{
  max-width:940px;
}

.skx-home-hero-copy h1{
  max-width:900px!important;
  font-size:clamp(3.7rem,5.35vw,6.25rem)!important;
  line-height:.94!important;
  letter-spacing:-.062em!important;
}

.skx-home-hero-copy .skx-hero-copy{
  max-width:660px!important;
  margin:clamp(34px,3vw,44px) 0 clamp(28px,2.3vw,34px)!important;
  font-size:clamp(1rem,1.15vw,1.12rem)!important;
  line-height:1.62!important;
}

.skx-home-hero-copy .skx-search{
  width:min(100%,680px)!important;
  max-width:680px!important;
  padding:6px!important;
  border-radius:15px!important;
  box-shadow:0 20px 52px rgba(0,0,0,.26)!important;
}

.skx-home-skill-search{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
}

.skx-home-hero-copy .skx-search input{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:50px!important;
  padding:0 16px!important;
  font-size:.95rem!important;
}

.skx-home-hero-copy .skx-search button{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:112px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 22px!important;
  border-radius:11px!important;
  font-size:.92rem!important;
}

.skx-home-hero-copy .skx-hero-meta{
  max-width:700px!important;
  margin-top:22px!important;
  gap:14px 22px!important;
  font-size:.8rem!important;
}

.skx-home-discovery-panel{
  width:min(100%,470px);
  justify-self:end;
  padding:clamp(28px,2.3vw,34px)!important;
  border-radius:16px!important;
  box-shadow:0 24px 64px rgba(0,0,0,.23)!important;
}

.skx-home-discovery-panel:before{
  height:3px;
  border-radius:16px 16px 0 0;
}

.skx-home-panel-kicker{
  margin-bottom:12px!important;
  font-size:.68rem!important;
  letter-spacing:.13em!important;
}

.skx-home-discovery-panel h2{
  max-width:360px;
  font-size:clamp(1.75rem,2vw,2.2rem)!important;
  line-height:1.06!important;
  letter-spacing:-.04em!important;
}

.skx-home-discovery-panel>p{
  max-width:390px;
  margin:16px 0 22px!important;
  font-size:.9rem!important;
  line-height:1.62!important;
}

.skx-home-panel-cta{
  min-height:48px!important;
  margin-top:0!important;
  border-radius:9px!important;
  font-size:.92rem!important;
}

.skx-home-quick-links{
  margin-top:14px;
}

.skx-home-quick-links a{
  min-height:46px!important;
  font-size:.86rem!important;
}

.skx-home-discovery-panel small{
  margin-top:14px!important;
  padding-top:0;
  font-size:.72rem!important;
  line-height:1.5;
}

@media(max-width:1100px){
  .skx-home-hero{
    min-height:0!important;
    padding:82px 0 78px!important;
  }
  .skx-home-hero-grid{
    grid-template-columns:1fr!important;
    gap:50px!important;
  }
  .skx-home-hero-copy{
    max-width:900px;
  }
  .skx-home-discovery-panel{
    justify-self:start;
    width:min(100%,540px);
  }
}

@media(max-width:760px){
  .skx-home-hero{
    padding:66px 0 64px!important;
  }
  .skx-home-hero-grid{
    gap:38px!important;
  }
  .skx-home-hero-copy h1{
    max-width:680px!important;
    font-size:clamp(3rem,12.8vw,4.75rem)!important;
    line-height:.96!important;
  }
  .skx-home-hero-copy .skx-hero-copy{
    margin:28px 0 24px!important;
  }
  .skx-home-discovery-panel{
    width:100%;
    max-width:500px;
    padding:26px 22px!important;
    border-radius:14px!important;
  }
}

@media(max-width:560px){
  .skx-home-hero-copy h1{
    font-size:clamp(2.9rem,13vw,4rem)!important;
    letter-spacing:-.052em!important;
  }
  .skx-home-hero-copy .skx-search{
    width:100%!important;
    max-width:100%!important;
    padding:5px!important;
    border-radius:14px!important;
    box-shadow:0 16px 38px rgba(0,0,0,.24)!important;
  }
  .skx-home-hero-copy .skx-search .wp-block-search__inside-wrapper,
  .skx-home-skill-search{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
  }
  .skx-home-hero-copy .skx-search input{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:48px!important;
    padding:0 14px!important;
    font-size:.9rem!important;
  }
  .skx-home-hero-copy .skx-search button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:92px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 16px!important;
    border-radius:10px!important;
    font-size:.88rem!important;
  }
  .skx-home-hero-copy .skx-hero-meta{
    margin-top:18px!important;
  }
  .skx-home-discovery-panel h2{
    font-size:1.8rem!important;
  }
}

@media(max-width:380px){
  .skx-home-hero-copy .skx-search input{
    padding:0 12px!important;
    font-size:.86rem!important;
  }
  .skx-home-hero-copy .skx-search button{
    min-width:84px!important;
    padding:0 13px!important;
    font-size:.84rem!important;
  }
}