.sm-home{background:var(--sm-bg,#f4f2ed)}

.sm-home-hero{
  min-height:660px;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(8,8,8,.82),rgba(8,8,8,.48),rgba(8,8,8,.84)),
    var(--sm-hero-image,linear-gradient(135deg,#111,#222));
  background-size:cover;
  background-position:center;
  color:#fff;
}

.sm-home-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.12));
  pointer-events:none;
}

.sm-home .sm-home-hero__inner{
  display:flex;
  min-height:660px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:96px 0 92px;
  text-align:center;
}

.sm-home .sm-home-hero__eyebrow{
  margin:0 auto 18px;
  padding:8px 13px;
  background:var(--sm-primary,#ffb400)!important;
  color:var(--sm-dark,#080808)!important;
  border:0;
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.075em;
}

.sm-home .sm-home-hero .sm-home-hero__title{
  width:min(100%,980px);
  max-width:980px;
  margin:0 auto!important;
  color:#fff!important;
  font-family:inherit;
  font-size:clamp(58px,7vw,104px)!important;
  font-weight:950!important;
  line-height:.88!important;
  letter-spacing:-.075em!important;
  text-align:center!important;
  text-transform:uppercase;
  text-shadow:0 4px 24px rgba(0,0,0,.18);
}

.sm-home .sm-home-hero .sm-home-hero__copy{
  width:min(100%,720px);
  max-width:720px;
  margin:26px auto 0!important;
  color:rgba(255,255,255,.84)!important;
  font-size:18px!important;
  line-height:1.55!important;
  font-weight:650;
  text-align:center!important;
}

.sm-home .sm-home-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:30px auto 0;
}

.sm-home .sm-home-hero__cta{
  min-height:50px;
  margin:0;
  padding:0 25px;
  box-shadow:0 18px 38px rgba(255,180,0,.24);
}

.sm-home .sm-home-hero__cta:hover{
  transform:translateY(-2px);
}

.sm-home-section{padding:88px 0}
.sm-home-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sm-home-category{display:block;background:#fff;border-radius:26px;overflow:hidden;text-decoration:none;color:var(--sm-dark,#080808);box-shadow:0 18px 55px rgba(0,0,0,.08)}
.sm-home-category img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.sm-home-category>div{padding:20px}
.sm-home-category h3{margin:0 0 12px;font-size:27px;line-height:1}
.sm-home-category span{font-size:12px;font-weight:900;text-transform:uppercase}
.sm-home-final{padding:0 0 90px}
.sm-home-final__card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;padding:42px;border-radius:28px;background:var(--sm-dark,#080808);color:#fff}
.sm-home-final__card h2{margin:8px 0 10px;color:#fff;font-size:clamp(34px,5vw,56px);line-height:.95}
.sm-home-final__card p{color:rgba(255,255,255,.68)}

@media(max-width:900px){
  .sm-home-categories{grid-template-columns:1fr}
  .sm-home-final__card{grid-template-columns:1fr}
  .sm-home-hero,.sm-home .sm-home-hero__inner{min-height:570px}
  .sm-home .sm-home-hero__inner{padding:82px 0 72px}
  .sm-home .sm-home-hero .sm-home-hero__title{font-size:clamp(44px,12vw,70px)!important}
  .sm-home .sm-home-hero .sm-home-hero__copy{font-size:16px!important}
}

@media(max-width:520px){
  .sm-home-hero,.sm-home .sm-home-hero__inner{min-height:520px}
  .sm-home .sm-home-hero__inner{padding:68px 0 62px}
  .sm-home .sm-home-hero .sm-home-hero__title{font-size:clamp(38px,12vw,54px)!important;line-height:.92!important}
  .sm-home .sm-home-hero__eyebrow{margin-bottom:15px}
  .sm-home .sm-home-hero .sm-home-hero__copy{margin-top:20px!important}
  .sm-home .sm-home-actions{margin-top:24px}
}