/* Home hero slider (inc/hero.php) — reuses carousel.js / carousel.css, one full-width slide per view */
.wj-hero-slider{ --gap:0px; --per:1; margin-top:0 !important; margin-bottom:0 !important; max-width:none !important; background:var(--wj-sky); border-bottom:1px solid var(--wj-border); }
.wj-hero-slider .wj-carousel__slide{ flex:0 0 100%; position:relative; height:clamp(340px, 36vw, 480px); overflow:hidden; background:#E6F0F8; }
.wj-hero-slide__media{ position:absolute; top:0; right:0; bottom:0; width:64%; }
.wj-hero-slide__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.wj-hero-slide__media::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg, #E6F0F8 0%, rgba(230,240,248,.88) 14%, rgba(230,240,248,.25) 42%, rgba(230,240,248,0) 62%), linear-gradient(0deg, rgba(43,58,74,.10), rgba(43,58,74,0) 40%); }
.wj-hero-slide__body{ position:relative; z-index:1; height:100%; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:.55rem;
  width:min(1160px, 100%); margin:0 auto; padding:0 var(--wp--preset--spacing--40, 1.5rem); }
.wj-hero-slide__body > *{ max-width:44%; margin:0; }
.wj-hero-slide__eyebrow{ font-size:.75rem; font-weight:700; letter-spacing:.18em; color:var(--wj-accent-dark); background:#fff; padding:.25rem .8rem; border-radius:999px; }
.wj-hero-slide__word{ font-size:clamp(2.6rem, 5.4vw, 4.4rem); font-weight:800; line-height:1.05; color:var(--wj-text); letter-spacing:.01em; }
.wj-hero-slide__word .wj-word{ gap:.22em; }
.wj-hero-slide__word .wj-ico{ width:.78em; height:.78em; }
.wj-hero-slide--welcome .wj-hero-slide__word{ font-size:clamp(1.5rem, 2.6vw, 2.25rem); line-height:1.25; }
.wj-hero-slide__motto{ justify-content:flex-start; gap:0 .35em; color:var(--wj-text); font-weight:800; }
.wj-hero-slide__motto .wj-word--live{ color:#5B8DB8; } .wj-hero-slide__motto .wj-word--love{ color:#D9963A; }
.wj-hero-slide__motto .wj-word--learn{ color:#3F6E98; } .wj-hero-slide__motto .wj-word--laugh{ color:#6E9CC4; }
.wj-hero-slide__line{ font-family:var(--wp--preset--font-family--gowun-batang, serif); font-size:clamp(1.05rem, 1.7vw, 1.35rem); color:var(--wj-text); line-height:1.5; }
.wj-hero-slide__btn{ margin-top:.5rem !important; display:inline-flex; align-items:center; gap:.4rem; padding:.7rem 1.25rem; border-radius:999px; background:var(--wj-accent); color:#fff !important; font-weight:700; font-size:.95rem; text-decoration:none !important; box-shadow:0 8px 20px rgba(63,110,152,.22); transition:background .2s, transform .2s; }
.wj-hero-slide__btn:hover{ background:var(--wj-accent-dark); transform:translateY(-2px); }
.wj-hero-slide__btn:focus-visible{ outline:3px solid var(--wj-accent-dark); outline-offset:3px; }
.wj-hero-slide--love .wj-hero-slide__btn{ background:#D9963A; } .wj-hero-slide--love .wj-hero-slide__btn:hover{ background:#B97B24; }
.wj-hero-slide--learn .wj-hero-slide__btn{ background:#3F6E98; } .wj-hero-slide--learn .wj-hero-slide__btn:hover{ background:#2F5576; }
/* controls on top of the slide */
.wj-hero-slider .wj-carousel__btn{ top:auto; bottom:18px; transform:none; width:40px; height:40px; background:rgba(255,255,255,.92); }
.wj-hero-slider .wj-carousel__btn--prev{ left:auto; right:66px; } .wj-hero-slider .wj-carousel__btn--next{ right:18px; }
.wj-hero-slider .wj-carousel__dots{ position:absolute; left:0; right:0; bottom:14px; margin:0; z-index:3; }
.wj-hero-slider .wj-carousel__dot{ background:rgba(255,255,255,.75); box-shadow:0 0 0 1px rgba(63,110,152,.25); }
.wj-hero-slider .wj-carousel__dot[aria-current="true"]{ background:var(--wj-accent); }
/* the existing hero below the slider: slightly tighter */
.wj-hero-slider + .wp-block-post-content .wj-hero, .wj-hero-slider ~ * .wj-hero{ padding-top:var(--wp--preset--spacing--60) !important; }

@media (max-width:781px){
  .wj-hero-slider .wj-carousel__slide{ flex-basis:100%; height:auto; min-height:0; display:flex; flex-direction:column; }
  .wj-hero-slide__media{ position:relative; width:100%; height:62vw; max-height:300px; }
  .wj-hero-slide__media::after{ background:linear-gradient(0deg, #E6F0F8 0%, rgba(230,240,248,.7) 18%, rgba(230,240,248,0) 45%); }
  .wj-hero-slide__body{ height:auto; padding:0 1.25rem 2.6rem; margin-top:-1.6rem; gap:.4rem; }
  .wj-hero-slide__body > *{ max-width:100%; }
  .wj-hero-slide__word{ font-size:2.4rem; }
  .wj-hero-slide--welcome .wj-hero-slide__word{ font-size:1.45rem; }
  .wj-hero-slide__btn{ padding:.6rem 1.1rem; font-size:.9rem; }
  .wj-hero-slider .wj-carousel__btn{ top:12px; bottom:auto; width:36px; height:36px; }
  .wj-hero-slider .wj-carousel__btn--prev{ left:auto; right:54px; } .wj-hero-slider .wj-carousel__btn--next{ right:12px; }
  .wj-hero-slider .wj-carousel__dots{ bottom:14px; }
}
@media (prefers-reduced-motion: reduce){ .wj-hero-slide__btn{ transition:none; } .wj-hero-slide__btn:hover{ transform:none; } }
.wj-hero-slider .wj-carousel__viewport{ padding:0 !important; margin:0 !important; border-radius:0 !important; scroll-padding:0 !important; }
