:root{
  --ink:#131417;
  --ink-soft:#5a5d63;
  --bg:#f7f7f6;
  --surface:#ffffff;
  --surface2:#f0f0ee;
  --line:#e2e2df;
  --accent:#583377;
  --accent-deep:#422659;
  --dark:#141312;
  --dark-surface:#1d1b18;
  --on-dark:#f2ede4;
  --on-dark-soft:#b7ae9e;

  --font-display:"Pretendard","Noto Sans KR",-apple-system,sans-serif;
  --font-body:"Pretendard","Noto Sans KR",-apple-system,sans-serif;

  --container:1320px;
  --gutter:28px;
  --radius:2px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:auto;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:22px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-0.02em;margin:0;text-wrap:balance;}
.eyebrow{font-size:18px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important;}
}