/* 2026-09 product lineup expansion */
.expanded-lineup {
  margin-top: 86px;
  padding-top: 70px;
  border-top: 2px solid var(--ink);
}

.expanded-lineup-heading {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 56px;
  align-items: end;
  margin-bottom: 36px;
}

.expanded-lineup-heading h3 {
  margin: 0;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.35;
  letter-spacing: -.04em;
}

.expanded-lineup-heading > p {
  margin: 0;
  color: var(--muted);
  font-weight: 600;
}

.experience-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.experience-card {
  overflow: hidden;
  background: #fff;
  border: 2px solid var(--ink);
  box-shadow: 7px 7px 0 var(--ink);
  transition: transform .2s ease;
}

.experience-card:hover {
  transform: translateY(-5px);
}

.experience-card-image {
  position: relative;
  overflow: hidden;
  background: #e8f1ff;
  border-bottom: 2px solid var(--ink);
}

.experience-card-hiragana .experience-card-image { background: #fff1a8; }
.experience-card-ceo .experience-card-image { background: #d7e8fb; }

.experience-card-image img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.experience-card-body { padding: 24px; }

.experience-card-body h3 {
  min-height: 56px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.45;
}

.experience-card-body > p {
  min-height: 76px;
  margin-bottom: 20px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.75;
}

.new-label {
  position: absolute;
  z-index: 2;
  top: 14px;
  left: 14px;
  padding: 8px 12px;
  background: var(--orange);
  border: 2px solid var(--ink);
  color: #fff;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .08em;
  box-shadow: 3px 3px 0 var(--ink);
  transform: rotate(-3deg);
}

.choice-guide { grid-template-columns: repeat(3, 1fr); }
.choice-guide div:nth-child(2) { background: #fff0a6; }
.choice-guide div:nth-child(3) { background: #d9ecff; }

.featured-divider {
  width: min(760px, 80%);
  margin: 72px auto;
  border-top: 1px dashed #9fb1c1;
}

.featured-image-wide {
  position: relative;
  padding: 0;
}

.featured-image-wide img {
  width: 100%;
  max-height: none;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.game-featured {
  grid-template-columns: 1.05fr .95fr;
  max-width: 1080px;
  background: #eef3ff;
  box-shadow: 11px 11px 0 #4437b9;
}

.learning-products {
  scroll-margin-top: 120px;
  margin-top: 120px;
  padding-top: 110px;
  border-top: 2px solid var(--ink);
}

.learning-product-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.learning-product {
  overflow: hidden;
  background: #fff;
  border: 2px solid var(--ink);
  box-shadow: 9px 9px 0 var(--ink);
}

.learning-product-image {
  overflow: hidden;
  background: #fff1a6;
  border-bottom: 2px solid var(--ink);
}

.learning-product-ceo .learning-product-image { background: #dceaff; }

.learning-product-image img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.learning-product-body { padding: 30px; }

.learning-product-body h3 {
  margin-bottom: 12px;
  font-size: clamp(25px, 3vw, 34px);
  line-height: 1.4;
}

.learning-product-body > p {
  min-height: 112px;
  color: var(--muted);
  font-size: 14px;
}

.learning-product .recommend-line { min-height: 40px; }
.learning-product .buy-row { justify-content: space-between; }

@media (max-width: 1040px) {
  .experience-card-grid { grid-template-columns: 1fr 1fr; }
  .experience-card-game { grid-column: 1 / -1; }
  .experience-card-game { display: grid; grid-template-columns: 1.1fr .9fr; }
  .experience-card-game .experience-card-image { border-right: 2px solid var(--ink); border-bottom: 0; }
  .experience-card-game .experience-card-body { align-self: center; }
  .choice-guide { grid-template-columns: 1fr 1fr; }
  .choice-guide div:first-child { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
  .expanded-lineup-heading { grid-template-columns: 1fr; gap: 18px; }
  .game-featured { grid-template-columns: 1fr; }
  .learning-product-grid { grid-template-columns: 1fr; }
  .learning-product-body > p { min-height: auto; }
}

@media (max-width: 560px) {
  .expanded-lineup { margin-top: 64px; padding-top: 54px; }
  .experience-card-grid,
  .choice-guide { grid-template-columns: 1fr; }
  .experience-card-game { display: block; grid-column: auto; }
  .experience-card-game .experience-card-image { border-right: 0; border-bottom: 2px solid var(--ink); }
  .experience-card-body h3,
  .experience-card-body > p { min-height: auto; }
  .choice-guide div:first-child { grid-column: auto; }
  .featured-divider { margin: 50px auto; }
  .learning-products { margin-top: 82px; padding-top: 76px; }
  .learning-product-body { padding: 24px; }
  .learning-product .buy-row { align-items: stretch; }
}