@font-face{font-family:Paperlogy;src:url(/assets/fonts/Paperlogy-1Thin.ttf) format("truetype");font-weight:100;font-display:swap}
@font-face{font-family:Paperlogy;src:url(/assets/fonts/Paperlogy-2ExtraLight.ttf) format("truetype");font-weight:200;font-display:swap}
@font-face{font-family:Paperlogy;src:url(/assets/fonts/Paperlogy-3Light.ttf) format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:Paperlogy;src:url(/assets/fonts/Paperlogy-4Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Paperlogy;src:url(/assets/fonts/Paperlogy-5Medium.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Paperlogy;src:url(/assets/fonts/Paperlogy-6SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Paperlogy;src:url(/assets/fonts/Paperlogy-7Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Paperlogy;src:url(/assets/fonts/Paperlogy-8ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}
@font-face{font-family:Paperlogy;src:url(/assets/fonts/Paperlogy-9Black.ttf) format("truetype");font-weight:900;font-display:swap}
/* site-wide font override */
body, body *:not(svg):not(svg *) { font-family: Paperlogy, sans-serif !important; }
.font-TitleKR { font-weight: 700; }

/* home hero: like the original — poster contained at top, white side margins (.home is #fff) */
.home .hero .hero-bg { background: url(/images/main-2026.webp) top/contain no-repeat !important; }
/* side margins: gradients sampled from the poster's left/right edges (seamless with the poster) */
.home .hero::before {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(to bottom, #0b1131 0%, #0a1030 10%, #0b0f2e 20%, #0a0e2e 30%, #090d2c 40%, #0b1131 50%, #13284a 60%, #112042 70%, #11193d 80%, #141f49 90%, #172555 100%) left top / 50% 100% no-repeat,
    linear-gradient(to bottom, #b1c8e7 0%, #7f92c4 10%, #5a6dab 20%, #355093 30%, #154d98 40%, #0b397a 50%, #1c539b 60%, #144990 70%, #1e448c 80%, #204790 90%, #1f4792 100%) right top / 50% 100% no-repeat;
}
@media (orientation: portrait) { .home .hero::before { background: linear-gradient(to right, #172555, #1f4792); } }
/* header cropped to the poster width (poster ratio 4961/3508), centered */
body:has(.home) .header { left: 50%; width: min(100%, calc(100dvh * 1.4142)); translate: -50% 0; }

/* desktop dropdown: original reveals submenu on hover via JS; CSS is enough.
   Only reset translate-y; the -50% x shift comes from the original transform. */
.menuItem:hover > div, .menuItem:focus-within > div {
  opacity: 1 !important; visibility: visible !important; --tw-translate-y: 0px !important;
}
/* mobile drawer (built by site.js) — hidden until hamburger is tapped */
#mdrawer { position: fixed; inset: 0; z-index: 1000; display: none; }
#mdrawer.open { display: block; }
#mdrawer .panel { background: #fff; color: #111; width: min(100%, 390px); height: 100%; overflow: auto; }
#mdrawer .close { width: 100%; text-align: left; display: block; padding: 16px 24px; font-size: 28px; line-height: 1; background: none; border: 0; cursor: pointer; color: #666; border-bottom: 1px solid #e5e7eb; }
#mdrawer ul { list-style: none; margin: 0; padding: 0 24px; }
#mdrawer .row { display: flex; justify-content: space-between; align-items: center; padding: 12px 40px; font-weight: 700; font-size: 16px; color: inherit; text-decoration: none; cursor: pointer; background: none; border: 0; width: 100%; text-align: left; }
#mdrawer .sub { display: none; padding: 0 0 8px 56px; }
#mdrawer li.open .sub { display: block; }
#mdrawer .sub a { display: block; padding: 8px 0; color: #444; text-decoration: none; font-size: 15px; }

/* 2026 body cards (replace 2025 image content) */
.c26 { width: 100%; padding: 0 8px; }
.c26-h { color: #fff; font-size: 40px; font-weight: 800; margin: 0 0 24px 16px; }
.c26-card { background: #fff; color: #111; border-radius: 24px; padding: 48px 56px; }
.c26-lead { font-size: 22px; font-weight: 700; line-height: 1.5; margin: 0 0 32px; }
.c26-dl { display: grid; grid-template-columns: 130px 1fr; margin: 0; font-size: 20px; line-height: 1.7; }
.c26-dl dt { font-weight: 800; padding: 6px 0; border-right: 2px solid #2b6cb0; letter-spacing: .1em; }
.c26-dl dd { margin: 0; padding: 6px 0 6px 28px; border-left: 0; }
.c26-soon { text-align: center; padding: 40px 0; }
.c26-soon-t { font-size: 26px; font-weight: 800; margin: 0 0 12px; }
.c26-soon-s { font-size: 18px; color: #555; margin: 0 0 28px; }
.c26-btn { display: inline-block; background: #1e4fa0; color: #fff; text-decoration: none; padding: 12px 28px; border-radius: 999px; font-weight: 700; }
.c26-btn:hover { background: #2b6cb0; }
@media (max-width: 640px) {
  .c26-h { font-size: 26px; margin-left: 8px; }
  .c26-card { padding: 24px 20px; border-radius: 18px; }
  .c26-lead { font-size: 16px; } .c26-br { display: none; }
  .c26-dl { grid-template-columns: 76px 1fr; font-size: 14px; }
  .c26-dl dd { padding-left: 14px; }
  .c26-soon { padding: 16px 0; } .c26-soon-t { font-size: 18px; } .c26-soon-s { font-size: 14px; }
}
.page .title + .c26 { margin-top: 24px; }