@charset "utf-8";
/* ETHER 홍보사이트 (index.html) · 초기화 · 공통 요소 — index.html 에 적힌 순서대로 불러온다 */
/* ============ BASE ============ */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--ink);
  font-family:var(--sans); font-size:var(--fs-4); line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
  transition:background .5s ease, color .5s ease;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-5)}
section{position:relative}
.mono{font-family:var(--mono);font-weight:400;letter-spacing:.04em}
/* mono 에 한글이 섞이면 IBM Plex Mono 에 글리프가 없어 시스템 폴백이 노출된다.
   조판 감각(자간)은 유지하고 서체만 Pretendard 로 넘긴다. */
.mono-kr,.ps-diag-lab,.foot-copy{
  font-family:var(--sans);font-weight:450;letter-spacing:.06em;
  font-feature-settings:"tnum" 1;
}
.serif{font-family:var(--serif)}

.eyebrow{
  font-family:var(--mono); font-size:var(--fs-2); letter-spacing:.16em; text-transform:uppercase;
  color:var(--cobalt-t); display:inline-flex; align-items:center; gap:var(--sp-3);
}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--cobalt);display:inline-block}

.sec-head{text-align:center;max-width:720px;margin:0 auto var(--sp-8)}
.sec-head .eyebrow{margin-bottom:var(--sp-5)}
.sec-title{
  font-family:var(--serif); font-weight:var(--fw-d2); font-size:var(--fd-t);
  line-height:1.3; letter-spacing:var(--ls-d2);
}
.sec-title em{font-style:normal;color:var(--cobalt-t)}
.sec-sub{margin-top:var(--sp-5);color:var(--ink-2);font-size:var(--fs-4);line-height:1.7}

.hanja{font-family:var(--serif);font-weight:var(--fw-d5);letter-spacing:var(--ls-d5)}