.kw-home-top .kw-home-slides { display: none; }

@media (max-width: 767px) {
  .kw-mobile-home.kw-welcome, .kw-mobile-home.kw-lesson-list { padding-bottom: 0; }
}

@media (min-width: 768px) {
  .kw-home-top { display: flex; flex-direction: column; }
  .kw-home-visual .kw-home-slides {
    display: block;
    width: 88%;
    margin-inline: auto;
  }
  .kw-has-slides .kw-original-banner { display: none; }
  .kw-original-banner img { display: block; width: 100%; height: auto; }
  #post-212, #kw-lesson-options { scroll-margin-top: 100px; }
  .kw-home.kw-welcome { padding: clamp(28px, 4vw, 56px) var(--kw-gutter); background: #f1f9fb; }
  .kw-welcome .kw-hero { display: grid; grid-template-columns: 1fr 1.1fr; column-gap: clamp(28px, 5vw, 76px); align-items: start; }
  .kw-welcome-heading, .kw-welcome-copy { min-width: 0; }

  .kw-home {
    --kw-ink: #123568;
    --kw-copy: #354c60;
    --kw-line: #c6dce3;
    --kw-sky: #edf7fa;
    --kw-gutter: max(clamp(28px, 5vw, 76px), calc((100% - 1180px) / 2));
    display: block;
    background: white;
    color: var(--kw-copy);
    font: 400 17px/1.62 system-ui, sans-serif;
  }
  .kw-home *, .kw-home *::before, .kw-home *::after { box-sizing: border-box; }
  .kw-home h1, .kw-home h2, .kw-home h3 {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    color: var(--kw-ink);
    text-align: left;
    font-family: "M PLUS Rounded 1c", system-ui, sans-serif;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.035em;
    text-wrap: balance;
  }
  .kw-home h1::before, .kw-home h1::after,
  .kw-home h2::before, .kw-home h2::after,
  .kw-home h3::before, .kw-home h3::after { display: none; }
  .kw-home h1 { font-size: clamp(35px, 3.6vw, 55px); }
  .kw-home h2 { font-size: clamp(30px, 3vw, 44px); margin-bottom: 30px; }
  .kw-home h3 { font-size: clamp(26px, 2.2vw, 34px); margin-bottom: 16px; }
  .kw-home p { margin: 0 0 18px; }
  .kw-home a { color: var(--kw-ink); }
  .kw-home a:focus-visible { outline: 3px solid #a33326; outline-offset: 4px; }
  .kw-home .kw-eyebrow {
    margin: 0 0 12px; color: #365a70; font-size: 12px;
    font-weight: 750; letter-spacing: .13em; line-height: 1.4;
  }
  .kw-home .kw-section { padding: clamp(48px, 5.2vw, 78px) var(--kw-gutter); }
  .kw-home :is(#post-212, #kw-lesson-options, #kw-izakaya-talk) { scroll-margin-top: 100px; }
  .kw-home .kw-text-link, .kw-home .kw-course b {
    font-size: 15px; font-weight: 700; line-height: 1.45; text-underline-offset: 4px;
  }
  .kw-home .kw-text-link { display: inline-block; }
  .kw-home .kw-button {
    display: inline-flex; align-items: center; justify-content: space-between; gap: 20px;
    min-height: 47px; padding: 11px 20px; border: 1px solid transparent; border-radius: 8px;
    background: var(--kw-ink); color: white; font-weight: 700; text-decoration: none;
  }
  .kw-home .kw-button:hover { background: #0b294f; color: white; }

  .kw-home .kw-hero .kw-eyebrow { margin-bottom: 15px; }
  .kw-home .kw-japanese { color: #315f79; font-size: 19px; letter-spacing: .12em; margin: 0 0 5px; }
  .kw-home .kw-hero h1 { margin: 0 0 16px; }
  .kw-home .kw-hero p:not([class]) { max-width: 51ch; }
  .kw-home .kw-meta { font-size: 14px; font-weight: 650; color: var(--kw-ink); }
  .kw-home .kw-hero .kw-button { background: #be463a; }
  .kw-home .kw-hero .kw-button:hover { background: #a3362c; }
  .kw-home .kw-lesson-grid, .kw-home .kw-path-grid {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 26px);
  }
  .kw-home .kw-lesson-card {
    display: flex; flex-direction: column; min-width: 0;
    padding: clamp(18px, 2.2vw, 32px);
    background: #fff; border: 1px solid var(--kw-line); border-radius: 14px;
    border-top-width: 4px;
  }
  .kw-home .kw-course { display: flex; gap: 14px; text-decoration: none; }
  .kw-home .kw-course:hover b { text-decoration: underline; text-underline-offset: 4px; }
  .kw-home .kw-lesson-card .kw-course { flex: 1; flex-direction: column; align-items: flex-start; }
  .kw-home .kw-lesson-art { width: 88px; height: 88px; object-fit: contain; }
  .kw-home .kw-course > span { display: flex; flex: 1; flex-direction: column; }
  .kw-home .kw-course strong {
    display: block; margin-bottom: 9px; color: var(--kw-ink);
    font-size: clamp(20px, 1.65vw, 25px); line-height: 1.25;
  }
  .kw-home .kw-course span span { color: var(--kw-copy); font-size: 16px; }
  .kw-home .kw-course b { display: block; margin-top: auto; padding-top: 16px; }
  .kw-home .kw-lesson-card .kw-text-link { align-self: flex-start; margin-top: 10px; font-size: 14px; }

  .kw-home .kw-news {
    background: #fff url('https://konnichiwhat.com.au/wp-content/uploads/2021/10/shimashima2.jpg') repeat;
  }
  .kw-home .kw-news-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-bottom: 18px; }
  .kw-home .kw-news-item {
    display: flex; align-items: center; gap: 20px; padding: 17px 20px;
    border: 1px solid #e2daba; border-radius: 12px; background: white; text-decoration: none;
  }
  .kw-home .kw-news-item img { width: 72px; height: 72px; object-fit: cover; border-radius: 6px; }
  .kw-home .kw-news-item strong { display: block; font-size: 18px; line-height: 1.35; }
  .kw-home .kw-news-item:hover strong { text-decoration: underline; text-underline-offset: 4px; }
  .kw-home .kw-news-item time { display: block; font-size: 13px; margin-top: 5px; color: #4c6477; }
  .kw-home .kw-path-grid .kw-course { padding-top: 20px; border-top: 2px solid var(--kw-line); }
  .kw-home .kw-course-icon { color: #31637c; }

  .kw-home .kw-home-benefits { background: var(--kw-sky); }
  .kw-home .kw-benefits {
    display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin: 0 0 24px;
  }
  .kw-home .kw-benefit-card { border-radius: 14px; padding: 24px 20px; background: white; }
  .kw-home .kw-benefit-icon {
    display: grid; place-items: center; width: 62px; height: 62px; margin-bottom: 14px;
    border-radius: 50%; background: var(--kw-sky); color: #174a78;
  }
  .kw-home .kw-benefit-icon svg { width: 56px; height: 56px; }
  .kw-home .kw-benefit-card dt { margin-bottom: 8px; font-weight: 700; font-size: 19px; line-height: 1.35; color: var(--kw-ink); }
  .kw-home .kw-benefit-card dd { margin: 0; font-size: 16px; }
  .kw-home #kw-student-photo {
    display: grid; grid-template-columns: minmax(0,.83fr) minmax(0,1.17fr);
    grid-template-rows: 1fr auto auto 1fr; column-gap: clamp(30px, 6vw, 92px);
  }
  .kw-home #kw-achievements-heading { grid-area: 2 / 1; margin-bottom: 14px; }
  .kw-home #kw-student-photo figure { display: contents; }
  .kw-home #kw-student-photo img {
    grid-area: 1 / 2 / 5 / 3;
    place-self: center;
    max-width: min(56%, 350px);
  }
  .kw-home #kw-student-photo figcaption { grid-area: 3 / 1; margin: 0 !important; max-width: 39ch; }
  .kw-home .kw-reviews {
    background: #c4e8ee url('https://konnichiwhat.com.au/wp-content/uploads/2021/12/Review_KW.png') center / cover no-repeat !important;
  }
  .kw-home #kw-home-reviews-mobile { min-width: 0; padding: clamp(18px, 2.5vw, 34px); border-radius: 14px; background: white; }
  .kw-home #kw-home-reviews-mobile p:last-child { margin: 16px 0 0; }
  .kw-home .kw-home-visit {
    display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(30px,6vw,78px);
  }
  .kw-home .kw-home-visit hr { display: none; }
  .kw-home .kw-guidance { padding-left: clamp(24px,4vw,60px); border-left: 1px solid var(--kw-line); }
  .kw-home .kw-guidance .kw-outline { background: white; color: var(--kw-ink); border-color: var(--kw-ink); }
  .kw-home .kw-guidance .kw-outline:hover { background: var(--kw-sky); }
  .kw-home .kw-guidance .kw-text-link { display: block; width: fit-content; margin-top: 16px; }
  .kw-home .kw-guidance .kw-button { margin-right: 5px; font-size: 15px; }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .kw-home .kw-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kw-home .kw-path-grid .kw-course { flex-direction: column; }
  .kw-home .kw-guidance { padding-left: 24px; }
}