@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --navy-900:#0E1A35;
  --navy-700:#1B2A4E;
  --navy-500:#3C5180;
  --navy-300:#8294B5;
  --ivory:#F7F4EC;
  --ivory-50:#FBFAF5;
  --gold:#C9A961;
  --gold-soft:#E8D9AE;
  --text-1:#1B2A4E;
  --text-2:#5A6478;
  --text-3:#8A93A6;
  --line:#E5DFD2;
  --line-dark:#27355A;

  --font-kr:'Pretendard Variable','Pretendard',-apple-system,system-ui,sans-serif;
  --font-en:'Inter','Pretendard Variable',sans-serif;

  --container:1280px;
  --gap:24px;
  --radius-card:16px;
  --radius-btn:8px;

  --ease:cubic-bezier(.22,.61,.36,1);
}

html,body{font-family:var(--font-kr);color:var(--text-1);background:var(--ivory)}
body{font-size:17px;letter-spacing:-.01em}

h1,h2,h3,h4{font-weight:700;letter-spacing:-.025em;color:var(--text-1);line-height:1.25}
.h-display{font-family:var(--font-en);font-weight:800;font-size:clamp(56px,9vw,128px);letter-spacing:-.04em;line-height:1}
.h-section{font-family:var(--font-en);font-weight:800;font-size:clamp(40px,6vw,80px);letter-spacing:-.035em;line-height:1.05}
.h-kr{font-size:clamp(24px,2.4vw,36px);line-height:1.35;font-weight:600}
.eyebrow{font-family:var(--font-en);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600}
.muted{color:var(--text-2)}

.container{max-width:var(--container);margin:0 auto;padding:0 24px}
@media (min-width:768px){.container{padding:0 40px}}

.section{padding:120px 0;position:relative}
@media (max-width:768px){.section{padding:80px 0}}

.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:var(--radius-btn);font-weight:600;font-size:15px;transition:all .25s var(--ease)}
.btn-primary{background:var(--navy-700);color:var(--ivory)}
.btn-primary:hover{background:var(--navy-900);transform:translateY(-2px);box-shadow:0 12px 30px rgba(27,42,78,.25)}
.btn-ghost{border:1px solid var(--navy-700);color:var(--navy-700)}
.btn-ghost:hover{background:var(--navy-700);color:var(--ivory)}
.btn-gold{background:var(--gold);color:var(--navy-900)}
.btn-gold:hover{background:#b89651;transform:translateY(-2px);box-shadow:0 12px 30px rgba(201,169,97,.35)}

.btn .arrow{display:inline-block;transition:transform .25s var(--ease)}
.btn:hover .arrow{transform:translateX(4px)}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.is-in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.08s}
.reveal[data-delay="2"]{transition-delay:.16s}
.reveal[data-delay="3"]{transition-delay:.24s}
.reveal[data-delay="4"]{transition-delay:.32s}

/* utilities */
.center{text-align:center}
.grid{display:grid;gap:var(--gap)}
@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}

/* 줄바꿈 — 모바일에서는 자동으로 한 줄 흐름으로 */
@media(max-width:768px){
  br.hide-mobile{display:none}
}
/* 한글 단어 단위 줄바꿈 (가독성 향상) */
p,h1,h2,h3,h4,.h-section,.h-display,.hero h1,.notice-detail h1{word-break:keep-all}