/* Stays in Korea — daylight layer.
   Loaded last. Restores the full Adobe Fonts kit, adds the window hero and the daylight stay map.
   Palette stays with the bright art direction: paper #f7f2ea, burgundy #4a2225, oak #a77c53, morning amber #d9a35a. */
:root{
  --sans:"bc-vajgar","Helvetica Neue",Arial,sans-serif;
  --disp:"richmond-display","Helvetica Neue",Arial,sans-serif;
  --num:"birch-std","Arial Narrow",sans-serif;
  --ko-disp:"Paperlogy","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  --ko-body:"hanamdaum","Paperlogy","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  --paper:#f7f2ea; --paper-2:#fffdf9; --ink:#4a2225; --oak:#a77c53; --oak-2:#7a4a33; --amber:#d9a35a; --rule:#d9cbbd;
}
body,body.is-daylight{font-family:var(--sans)}
.kor-lead,.ko{font-family:var(--ko-disp)}
.stat b{font-family:var(--num);font-weight:400;font-size:52px;letter-spacing:.02em;color:#714e3b}
.stat span,.eyebrow,.tool-eyebrow,.area-no,.station-label,.g-no,.read-label,.hero-edition,.f-col b{font-family:var(--disp);letter-spacing:.16em}
.nav{font-family:var(--disp);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.motion-toggle,.menu-toggle,.primary-link,.secondary-link,.text-link,.compare-add,.area-link{font-family:var(--disp);letter-spacing:.08em;text-transform:uppercase;font-size:11px}
#streamCount{font-family:var(--num);font-size:16px}

/* ---------- Window hero ---------- */
.hero-window .hero-grid{grid-template-columns:minmax(0,38fr) minmax(0,58fr);align-items:start}
.hero-window .h-hero{font-size:clamp(54px,6.4vw,96px);line-height:1;letter-spacing:-.04em}
.hero-window .h-hero .i{white-space:nowrap}
.hero-window .kor-lead{font-size:16px;color:#7a6357}
.hero-window .hero-visual{padding:0}
.window{position:relative;margin:0;background:#2a1b17;padding:14px;box-shadow:0 30px 60px -30px rgba(74,34,37,.45),inset 0 0 0 1px rgba(255,253,249,.08)}
.window-views{position:relative;aspect-ratio:16/10;overflow:hidden;background:#d8c9b6}
.window-view{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 6s ease;filter:none}
.window-view.is-on{opacity:1;transform:scale(1)}
.window-lattice{position:absolute;inset:14px;pointer-events:none}
.window-lattice::before,.window-lattice::after{content:"";position:absolute;background:#2a1b17}
.window-lattice::before{left:50%;top:0;bottom:0;width:12px;transform:translateX(-50%)}
.window-lattice::after{top:38%;left:0;right:0;height:12px}
.window-lattice i{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 40px rgba(42,27,23,.35)}
.window-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding:14px 2px 0;color:#f0e5d6;font-family:var(--disp);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.window-caption b{font-family:var(--serif);font-weight:600;font-size:20px;letter-spacing:-.015em;text-transform:none;color:#fffdf9}
.window-caption b .ko{font-size:13px;margin-left:10px;color:#d8c4af;font-weight:300}
.window-caption a{color:#e3c99b;border-bottom:1px solid rgba(227,201,155,.5);padding-bottom:2px}
.window-names{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:22px;border-top:1px solid var(--rule);padding-top:14px}
.window-names button{appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px 8px 0;margin-right:14px;font-family:var(--serif);font-weight:600;font-size:20px;letter-spacing:-.015em;color:#9a7f70;cursor:pointer;min-height:44px;transition:color .3s,border-color .3s}
.window-names button .ko{font-size:12px;margin-left:6px;font-weight:300}
.window-names button:hover,.window-names button:focus-visible{color:var(--ink)}
.window-names button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.window-note{margin-top:14px;font-size:12px;color:#8a7466;line-height:1.7}
.window-note a{text-decoration:underline;text-underline-offset:3px}
.hero-window .hero-bottom{margin-top:48px}

/* ---------- Daylight stay map ---------- */
.daymap{background:var(--paper-2);border-block:1px solid #e5dbcf;padding-block:clamp(72px,8vw,118px)}
.daymap-stage{position:relative;margin-top:44px;aspect-ratio:16/9;max-height:720px;background:var(--paper);border:1px solid var(--rule);overflow:hidden}
#daymap{position:absolute;inset:0;width:100%;height:100%;display:block}
.daymap-sun{position:absolute;top:18px;left:18px;font-family:var(--num);font-size:34px;letter-spacing:.03em;color:#9a6b2f;pointer-events:none;font-variant-numeric:tabular-nums}
.daymap-sun small{display:block;font-family:var(--disp);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8a7466}
.daymap-label{position:absolute;right:18px;bottom:16px;font-family:var(--serif);font-weight:600;font-size:26px;letter-spacing:-.015em;color:var(--ink);pointer-events:none;opacity:0;transition:opacity .3s}
.daymap-label.is-on{opacity:1}
.daymap-label .ko{font-size:14px;margin-left:8px;font-weight:300}
.daymap-legend{display:flex;flex-wrap:wrap;gap:4px 0;margin-top:18px;border-top:1px solid var(--rule);padding-top:12px}
.daymap-legend button{appearance:none;background:none;border:0;padding:10px 16px 8px 0;margin-right:10px;font-family:var(--disp);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a7466;cursor:pointer;min-height:44px}
.daymap-legend button:hover,.daymap-legend button:focus-visible,.daymap-legend button[aria-pressed="true"]{color:var(--ink)}
.daymap-legend button i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--oak);margin-right:8px;vertical-align:1px}
.daymap-legend button[aria-pressed="true"] i{background:var(--ink)}
.daymap .fine{margin-top:14px}

@media (max-width:980px){
  .hero-window .hero-grid{grid-template-columns:1fr;gap:36px}
  .window-names button{font-size:18px}
}
@media (max-width:700px){
  .hero-window .h-hero{font-size:clamp(46px,13vw,64px)}
  .window{padding:10px;margin-right:0}
  .window-lattice{inset:10px}
  .window-lattice::before{width:8px}.window-lattice::after{height:8px}
  .window-caption b{font-size:17px}
  .window-names{gap:0}
  .window-names button{font-size:16px;padding:8px 10px 6px 0;margin-right:8px}
  .daymap-stage{aspect-ratio:4/3}
  .daymap-sun{font-size:26px}
  .daymap-label{font-size:20px;right:12px;bottom:10px}
}
@media (prefers-reduced-motion:reduce){
  .window-view{transition:opacity .2s;transform:none}
}