.sk-home{
  width:100%;
  overflow:hidden;
  background:#faf8f3;
  color:#080b0f;
  font-family:Arial,Helvetica,sans-serif;
}

.sk-hero{
  position:relative;
  min-height:min(640px,74vh);
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#faf8f3;
}

.sk-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    #faf8f3 0%,
    rgba(250,248,243,.99) 29%,
    rgba(250,248,243,.78) 40%,
    rgba(250,248,243,0) 60%
  );
}

.sk-hero>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:right center;
}

.sk-hero-copy{
  position:relative;
  z-index:2;
  width:min(530px,50%);
  margin:0 7vw;
}

.sk-hero-copy>span,
.sk-intro>span{
  display:block;
  color:#777;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.sk-hero h1{
  margin:18px 0;
  font:400 clamp(54px,6.2vw,86px)/.94 Georgia,"Times New Roman",serif;
  letter-spacing:-.055em;
}

.sk-hero h1 em,
.sk-intro h2 em{
  font-weight:400;
}

.sk-hero-copy p{
  max-width:455px;
  margin:0 0 24px;
  color:#62635f;
  font-size:14px;
  line-height:1.7;
}

.sk-hero-actions{
  display:flex;
  align-items:center;
  gap:26px;
}

.sk-hero-actions a{
  padding:0 0 8px;
  border-bottom:1px solid #080b0f;
  color:#080b0f!important;
  font-size:11px;
  letter-spacing:.12em;
  text-decoration:none!important;
  text-transform:uppercase;
}

.sk-palette{
  width:100%;
  padding:38px 7vw 0;
  box-sizing:border-box;
  background:#f5f3ee;
}

.sk-palette header{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.sk-palette h2{
  margin:0;
  color:#080b0f;
  font:400 34px/1 Georgia,"Times New Roman",serif;
  letter-spacing:-.03em;
}

.sk-palette-rail.sk-product-palette{
  display:flex;
  justify-content:center;
  gap:clamp(24px,3vw,46px);
  margin:42px 0 0;
  padding:14px 2vw 22px;
  overflow-x:auto;
}

.sk-product-palette>a{
  flex:0 0 132px;
  display:grid;
  justify-items:center;
  gap:10px;
  color:#080b0f!important;
  text-align:center;
  text-decoration:none!important;
}

.sk-product-visual{
  display:block;
  width:108px;
  aspect-ratio:1;
  overflow:hidden;
  border-radius:50%;
  background:#fff;
  box-shadow:0 18px 38px rgba(8,11,15,.13);
  outline:1px solid rgba(8,11,15,.13);
  outline-offset:5px;
  transition:.28s;
}

.sk-product-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1.42);
  transition:.28s;
}

.sk-product-palette>a:hover .sk-product-visual,
.sk-product-palette>a.is-active .sk-product-visual{
  transform:translateY(-7px);
  outline-color:#080b0f;
}

.sk-product-palette>a>span:not(.sk-product-visual){
  max-width:132px;
  overflow:hidden;
  color:#080b0f;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.sk-product-palette>a>small{
  color:#777;
  font-size:7px;
  letter-spacing:.1em;
}

.sk-intro{
  min-height:300px;
  display:grid;
  grid-template-columns:22% 1fr;
  gap:30px;
  padding:42px 7vw;
  box-sizing:border-box;
  background:#f3f2ed;
}

.sk-intro h2{
  margin:0;
  font:400 clamp(42px,4.5vw,62px)/.94 Georgia,"Times New Roman",serif;
  letter-spacing:-.055em;
}

.sk-intro p{
  max-width:480px;
  margin:28px 0 0 30%;
  color:#666863;
  font-size:14px;
  line-height:1.75;
}

@media(max-width:800px){

  .sk-hero{
    min-height:590px;
    align-items:end;
    padding-bottom:48px;
  }

  .sk-hero-copy{
    width:86%;
    margin:0 7vw;
  }

  .sk-palette{
    padding:32px 6vw 6px;
  }

  .sk-intro{
    grid-template-columns:1fr;
    gap:38px;
    padding:48px 7vw;
  }

  .sk-intro p{
    margin:28px 0 0;
  }

}