/* =========================================================================
   THEME: SWISS / TYPOGRAPHIC
   흰·검·빨강 1색 · 굵은 그로테스크 · 격자 · 번호 · hairline rule.
   Wendy Ju / Defne Kaynak / Sharon Radisch 계열의 절제된 편집 디자인.
   참고: ko.wix.com/blog/post/best-website-designs
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Archivo+Expanded:wght@600;700;800;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');

:root {
  --bg: #ffffff;
  --bg-2: #f3f3f1;
  --card: #ffffff;
  --card-2: #f3f3f1;
  --ink: #111111;
  --ink-soft: #3a3a3a;
  --ink-faint: #8a8a8a;
  --line: #111111;
  --line-soft: #e2e2e0;
  --accent: #e7352b;          /* swiss red */
  --accent-2: #e7352b;
  --accent-ink: #ffffff;
  --link: #e7352b;
  --link-hover: #111111;

  --hero-bg: #ffffff;
  --hero-ink: #111111;
  --hero-sub: #3a3a3a;
  --hero-kicker: #e7352b;
  --hero-rule: #111111;
  --hero-border: 2px solid #111111;
  --hero-pad: 70px 22px 56px;

  --badge-show-bg:#e7352b; --badge-show-ink:#fff;
  --badge-dia-bg:#111;     --badge-dia-ink:#fff;
  --badge-likely-bg:#f3f3f1; --badge-likely-ink:#111;

  --font-display: 'Archivo Expanded','Archivo',sans-serif;
  --font-serif: 'Archivo','Pretendard',sans-serif;
  --font-h2: 'Archivo','Pretendard',sans-serif;
  --font-body: 'Pretendard','Archivo',system-ui,sans-serif;
  --num-font: 'Archivo','Pretendard',sans-serif;
  --base-size: 16.5px;
  --body-leading: 1.66;
  --body-spacing: -0.006em;

  --h1-font: 'Archivo Expanded','Archivo',sans-serif;
  --h1-size: clamp(44px,8.5vw,116px);
  --h1-weight: 900;
  --h1-spacing: -0.02em;
  --h1-leading: .92;
  --h1-transform: uppercase;
  --ko-display: 'Pretendard',sans-serif;
  --ko-weight: 800;
  --ko-size: clamp(22px,3.6vw,40px);
  --ko-spacing: -0.02em;
  --kicker-spacing: .26em;
  --kicker-weight: 800;

  --eyebrow-spacing: .26em;
  --h2-spacing: -0.02em;
  --arthead-font: 'Archivo Expanded','Archivo',sans-serif;
  --arthead-transform: uppercase;
  --arthead-spacing: -0.02em;
  --arthead-bg: #f3f3f1;

  --radius: 0px;
  --radius-card: 0px;
  --radius-img: 0px;
  --frame-radius: 0px;
  --frame-pad: 0px;
  --frame-border: 2px solid #111;
  --frame-bg: #fff;
  --card-border: 2px solid #111;
  --card-shadow: none;
  --shadow-lg: 6px 6px 0 #111;
  --btn-radius: 0px;
  --nav-radius: 0px;
  --tag-radius: 0px;
  --chip-radius: 0px;
  --card-gap: 0px;
  --section-rule: 1px solid #111;

  --brand-font: 'Archivo Expanded','Archivo',sans-serif;
  --brand-weight: 800;
  --brand-transform: uppercase;

  --kp-mark: '';
  --ff-mark: '';
  --dropcap-color: #e7352b;
  --dropcap-size: 3.1em;

  --look-bg:#fff; --look-border:#111; --look-ink:#e7352b;
  --behind-bg:#f3f3f1; --behind-border:#111; --behind-ink:#111;
  --fact-bg:#fff; --fact-border:#e7352b; --fact-ink:#e7352b;
  --note-bg:#f3f3f1; --note-border:#111; --note-ink:#111;
  --ff-bg:#fff; --ff-border:#111;
  --keypoints-bg:#111;
  --conf-bg:#fff; --conf-border:#e7352b;
  --topbar-bg: rgba(255,255,255,.95);
  --footer-bg:#111; --footer-ink:#bdbdbd; --footer-strong:#fff; --footer-link:#ff6a5f;
  --tag-bg:#111; --tag-ink:#fff;
}

/* swiss: hard grid, thick rules, uppercase eyebrows */
body.t-swiss .topbar { border-bottom: 2px solid #111; }
body.t-swiss .hero h1 .ko { color: #e7352b; }
body.t-swiss .shead { --shead-align: left; --rule-ml: 0; --rule-mr: auto; max-width: var(--readw); }
body.t-swiss .rule { width: 80px; height: 4px; }

/* grid with visible rules between day cards */
body.t-swiss .syllabus { gap: 0; border: 2px solid #111; }
body.t-swiss .daycard { border: 0; border-right: 1px solid #111; border-bottom: 1px solid #111; box-shadow: none; }
body.t-swiss .daycard:hover { transform: none; background: #111; color: #fff; }
body.t-swiss .daycard:hover h3, body.t-swiss .daycard:hover p { color: #fff; }
body.t-swiss .daycard:hover .dnum { color: #ff6a5f; }
body.t-swiss .daycard .thumb { aspect-ratio: 16/11; filter: grayscale(1) contrast(1.05); transition: filter .3s; }
body.t-swiss .daycard:hover .thumb { filter: grayscale(0) contrast(1); }
body.t-swiss .daycard .dnum { font-weight: 800; }
body.t-swiss .daycard h3 { font-weight: 800; letter-spacing: -.01em; }

/* keypoints inverted */
body.t-swiss .keypoints { color: #fff; border: 0; }
body.t-swiss .keypoints h3 { color: #ff6a5f; }
body.t-swiss .keypoints li { border-top-color: rgba(255,255,255,.18); }
body.t-swiss .keypoints li::before { content: '→'; color: #ff6a5f; }

/* big numbered stories */
body.t-swiss .stories .story h4 .n { color: #e7352b; font-weight: 900; }
body.t-swiss .badge { border-radius: 0; }
body.t-swiss .btn.primary:hover { background:#111; color:#fff; }
body.t-swiss .pager a:hover { background:#111; color:#fff; }
body.t-swiss .pager a:hover .ttl, body.t-swiss .pager a:hover .dir { color:#fff; }
body.t-swiss figure.art .frame:hover img { transform: none; }
body.t-swiss .arthead h1 { line-height: .98; }