/* ========== LAYOUT (Grid · Section · Header) ========= */

/* 1) Container & Section Rhythm */
.container{
  max-width:1280px;
  margin-inline:auto;
  padding-inline:calc(var(--g-unit)*2); /* 16px */
}
.section{
  padding-block:calc(var(--g-unit)*12) calc(var(--g-unit)*9); /* 96 / 72 */
}
.section--alt{
  background:#F6F7F8
}

/* 2) 헤더(뼈대만) */
.header{
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--c-white);
  border-bottom:1px solid var(--c-gray-200);
  height:64px;
}
.header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:100%;
}