*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    background:#F5F3EE;
    color:#171717;
    font-family:"Inter",sans-serif;
}

.hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8vw;
}

.hero-content{
    max-width:1000px;
}

.eyebrow{
    font-size:12px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#7A7A7A;
    margin-bottom:30px;
}

h1{
    font-family:"Cormorant Garamond",serif;
    font-size:clamp(120px,12vw,180px);
    font-weight:500;
    line-height:.88;
    letter-spacing:-.05em;
    margin-bottom:36px;
}

.statement{
    max-width:520px;
    font-size:22px;
    line-height:1.6;
    color:#5C5C5C;
}

}

.featured-image {
    width: 100%;
    min-height: 100vh;
    padding: 8vh 8vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    clear: both;
.featured-image--right {
    justify-content: flex-end;
    padding-left: 8vw;
    padding-right: 8vw;
}
@media (min-width: 769px) {
  .featured-image--right {
    justify-content: flex-end;
  }
}
@media (max-width: 768px) {

.hero {
  min-height: auto;
  padding: 100px 24px 72px;
  display: block;
  .featured-image--right {
    justify-content: flex-start;
}
}

.hero-content {
  max-width: 100%;
}

.eyebrow {
  margin-bottom: 20px;
  font-size: 10px;
}

h1 {
  font-size: clamp(82px, 24vw, 120px);
  line-height: .78;
  margin-bottom: 32px;
}

.statement {
  max-width: 330px;
  font-size: 17px;
  line-height: 1.45;
}
}
  .featured-image {
    min-height: auto;
    padding: 48px 24px 72px;
  }

  .featured-image img {
    width: 100%;
    height: auto;
    max-width: 520px;
  }

}