@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css');

body{
  font-family: 'NanumSquare', sans-serif;
  line-height: 1.7;
  letter-spacing: -0.01em;
}

.container{
  width: min(var(--max), calc(100% - 40px));
  margin: 0 auto;
}

.container{
  width: min(var(--max), calc(100% - 40px));
  margin: 0 auto;
}

@media (max-width: 720px){
  .container{
    width: min(var(--max), calc(100% - 28px));
  }
  
}


/* Hero */
.product__hero{
  clear: both;
  padding: 22px 0 5px;
  border-bottom: 1px solid var(--line);
}

.product__eyebrow{
  font-size: 13px;
  color: var(--muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 8px;
}

.product__title{
  font-size: clamp(32px, 3vw, 44px);
  margin: 0;
  font-weight: 750;
  margin-bottom:12px;
}

.product__subtitle{
  margin: 14px 0 0;  
  color: var(--muted);
  font-size: 16px;
}