:root {
  --background:#000000;
  --hero:#0a0a0a;
  --language-card:#1b1b1b;
  --information-card:#202020;
  --card-hover:#232323;
  --line:#3a3a3a;
  --ink:#FFFFFF;
  --secondary:#d0d0d0;
  --muted:#a0a0a0;
  --red:#b3262e;
  --red-hover:#c93740;
  --amber:#d8a84d;
  --amber-hover:#e6b85c;
  --slate-blue:#5d7ea8;
  --slate-blue-hover:#6e8fb8;
  --shadow:0 6px 24px rgba(0,0,0,.30);
}
* { box-sizing:border-box; }
html { min-height:100%; scroll-behavior:smooth; background:var(--background); }
[id] { scroll-margin-top:88px; }
body {
  min-height:100vh;
  margin:0;
  color:var(--ink);
  background:var(--background);
  font-family:Arial,"Microsoft YaHei",sans-serif;
  line-height:1.55;
  overflow-x:hidden;
}

.site-header,
.catalog-hero,
.catalog-section,
footer {
  max-width:100vw;
}
main { min-width:0; }
a { color:var(--secondary); }
a:hover { color:var(--ink); }
img { display:block; max-width:100%; }
.page-width { width:min(1080px,calc(100% - 40px)); margin-inline:auto; }
.site-header {
  position:sticky;
  top:0;
  z-index:20;
  background:#0a0a0a;
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);
}
.main-nav {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:72px;
  gap:22px;
}
.brand { display:block; flex:0 0 54px; text-decoration:none; }
.brand img {
  width:54px;
  height:54px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.08));
}
.experience-switcher {
  display:flex;
  align-items:center;
  gap:9px;
}
.flag-button {
  display:block;
  width:40px;
  height:40px;
  overflow:hidden;
  background:#151515;
  border:1px solid var(--line);
  border-radius:50%;
  opacity:.8;
  text-decoration:none;
  box-shadow:0 4px 12px rgba(0,0,0,.28);
  transition:opacity .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.flag-button:hover,.flag-button:focus-visible {
  opacity:1;
  transform:scale(1.08);
  border-color:#5b5b5b;
  box-shadow:0 0 15px rgba(216,168,77,.24);
}
.flag-button[aria-current="page"] {
  opacity:1;
  border:2px solid var(--amber);
}
.flag-button img { width:100%; height:100%; display:block; object-fit:cover; }
.nav-links {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  color:#fff;
  font-size:14px;
}
.language-label { color:var(--muted); font-weight:700; }
.nav-links a {
  padding:7px 9px;
  color:var(--muted);
  border-radius:7px;
  font-weight:800;
  text-decoration:none;
  transition:color .2s ease,background .2s ease;
}
.nav-links a:hover,.nav-links a:focus-visible { color:var(--ink); background:var(--language-card); }
.nav-links a[aria-current="page"] { color:var(--ink); background:var(--card-hover); box-shadow:inset 0 -2px var(--amber); }
.catalog-hero {
  margin-top:22px;
  padding:38px 24px 34px;
  text-align:center;
  background:var(--hero);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
}
.hero-logo {
  display:block;
  width:min(360px,82vw);
  height:auto;
  margin:0 auto 24px;
  border-radius:18px;
  object-fit:contain;
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.28));
}
.hero-logo.new-brand-art{width:min(620px,92%);max-height:660px;object-fit:contain;border-radius:22px;border:1px solid rgba(216,168,77,.22);box-shadow:0 18px 55px rgba(0,0,0,.34)}
h1 {
  max-width:880px;
  margin:0 auto 12px;
  color:#fff;
  font-size:44px;
  line-height:1.12;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.hero-explanation {
  max-width:850px;
  margin:0 auto;
  color:var(--secondary);
  font-size:17px;
  line-height:1.6;
}
.hero-explanation p { margin:0; }
.hero-explanation p + p { margin-top:14px; }
.trust-row {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin:20px auto 0;
}
.trust-row span {
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:5px 10px;
  color:var(--secondary);
  background:var(--information-card);
  border:1px solid rgba(216,168,77,.2);
  border-radius:999px;
  font-size:13px;
  font-weight:800;
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:10px 17px;
  color:var(--ink);
  background:var(--information-card);
  border:1px solid var(--amber);
  border-radius:9px;
  font:inherit;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
  transition:transform .2s ease,filter .2s ease,background .2s ease,border-color .2s ease;
}
.button:hover,.button:focus-visible {
  transform:translateY(-2px);
  background:#252525;
  border-color:var(--amber-hover);
}
.button.primary {
  color:var(--ink);
  background:var(--slate-blue);
  border-color:var(--slate-blue);
  box-shadow:0 4px 12px rgba(93,126,168,.25);
}
.button.primary:hover,.button.primary:focus-visible {
  background:var(--slate-blue-hover);
  border-color:var(--slate-blue-hover);
}
.catalog-section { padding:34px 0 42px; background:transparent; }
.information-section {
  margin-bottom:42px;
  padding:32px 24px;
  background:linear-gradient(180deg,#202020,#1a1a1a);
  border:1px solid rgba(216,168,77,.2);
  border-radius:16px;
  box-shadow:var(--shadow);
}
.section-heading { margin-bottom:18px; }
.section-heading h2 { margin:0 0 4px; color:#fff; font-size:30px; }
.section-heading h2::after { content:""; display:block; width:42px; height:2px; margin-top:8px; background:var(--amber); border-radius:2px; }
.section-heading p { margin:0; color:var(--muted); font-size:16px; }
.explore-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.compact-button { flex:0 0 auto; min-height:40px; padding:8px 14px; font-size:14px; }
.game-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.language-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.language-path-grid.single-language{max-width:760px;margin:auto;grid-template-columns:1fr}.language-path-card{padding:18px;display:grid;grid-template-columns:145px 1fr;gap:18px;align-items:start;background:#1b1b1b;border:1px solid #3a3a3a;border-radius:17px;box-shadow:0 6px 24px rgba(0,0,0,.3);transition:.25s ease}.language-path-card:hover{background:#232323;border-color:#4a4a4a;transform:translateY(-4px)}.language-path-card>img{width:145px;aspect-ratio:1;object-fit:contain;border-radius:13px;background:#111}.language-path-card h2{margin:3px 0 14px;font-size:23px}.module-links{display:grid;gap:9px}.module-links a{padding:12px 13px;display:flex;justify-content:space-between;gap:12px;color:#fff;background:#202020;border:1px solid #3a3a3a;border-radius:10px;text-decoration:none;font-weight:800;transition:.2s}.module-links a:hover{background:#29384c;border-color:#d8a84d}.module-links small{color:#aeb8c8;font-weight:600;white-space:nowrap}.module-links .advanced-module{border-color:rgba(179,38,46,.75)}
.game-grid > * { min-width:0; }
.russian-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.chinese-page .game-grid { max-width:940px; margin:auto; }
.game-card {
  overflow:hidden;
  background:var(--language-card);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:var(--shadow);
  transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.game-card:hover {
  transform:translateY(-4px);
  background:var(--card-hover);
  border-color:#4a4a4a;
  box-shadow:var(--shadow);
}
.game-card img {
  width:min(260px,calc(100% - 34px));
  height:auto;
  aspect-ratio:1;
  margin:17px auto 0;
  padding:12px;
  object-fit:contain;
  background:var(--information-card);
  border:1px solid var(--line);
  border-radius:13px;
}
.game-content { padding:17px; }
.card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:11px; }
.game-card h3 { margin:0; color:#fff; font-size:24px; line-height:1.28; overflow-wrap:anywhere; }
.badges { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }
.badge {
  display:inline-block;
  padding:4px 8px;
  color:var(--secondary);
  background:#1b1b1b;
  border:1px solid var(--slate-blue);
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.badge.new { color:#f1d59a; background:#2b2418; border-color:var(--amber); }
.badge.advanced { color:#f0b6b9; background:#2d1719; border-color:var(--red); }
.meta { margin:9px 0 0; color:#a9bfd9; font-size:13px; font-weight:900; }
.description { margin:7px 0 0; color:var(--secondary); font-size:16px; }
.card-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.feedback-note {
  max-width:800px;
  margin:0 auto 24px;
  padding:13px 17px;
  color:var(--muted);
  background:#171717;
  border:1px solid var(--line);
  border-radius:11px;
  font-size:13px;
  text-align:center;
}
footer {
  padding:28px 20px;
  color:var(--muted);
  background:var(--background);
  border-top:1px solid var(--line);
  text-align:center;
  font-size:13px;
}
.footer-inner {
  max-width:800px;
  padding:22px;
  background:linear-gradient(180deg,#202020,#1a1a1a);
  border:1px solid rgba(216,168,77,.2);
  border-radius:14px;
}
.footer-inner p { margin:5px auto; color:var(--muted); }
.footer-inner strong { color:#fff; }
.copyright { margin-top:15px !important; color:#888 !important; }
@media (max-width:850px) {
  .main-nav { flex-wrap:wrap; padding-block:9px; }
  .nav-links { width:auto; margin-left:auto; }
  .game-grid,.russian-grid { grid-template-columns:1fr; }
  .language-path-grid{grid-template-columns:1fr}
  .game-card img { width:min(280px,calc(100% - 34px)); }
}
@media (max-width:540px) {
  .page-width { width:calc(100% - 40px); max-width:1080px; }
  .brand { flex-basis:48px; }
  .brand img { width:48px; height:48px; }
  .flag-button { width:34px; height:34px; }
  .nav-links { flex:0 0 100%; width:100%; justify-content:center; gap:3px; margin-left:0; font-size:13px; }
  .language-label { width:auto; text-align:center; }
  .catalog-hero { width:calc(100vw - 48px); max-width:342px; margin-top:16px; padding:28px 16px 20px; overflow:hidden; }
  .catalog-hero > * { max-width:100%; }
  .hero-logo { width:min(240px,76vw); margin-bottom:18px; }
  .hero-logo.new-brand-art{width:100%;max-height:520px;border-radius:15px}
  h1 { font-size:30px; }
  .card-actions .button { width:100%; }
  .trust-row { gap:6px; }
  .trust-row span { font-size:12px; }
  .information-section { padding:26px 16px; }
  .explore-heading { display:block; }
  .explore-heading .compact-button { width:100%; margin-top:14px; }
  .section-heading h2 { font-size:25px; }
  .section-heading p { font-size:14px; }
  .game-card img { width:min(230px,calc(100% - 30px)); margin-top:15px; padding:10px; }
  .language-path-card{grid-template-columns:82px 1fr;padding:13px;gap:12px}.language-path-card>img{width:82px}.language-path-card h2{font-size:20px}.module-links a{display:block;font-size:14px}.module-links small{display:block;margin-top:4px}
  .game-content { padding:15px; }
  .card-top { display:block; }
  .game-card h3 { font-size:20px; }
  .description { font-size:14px; }
  .badges { justify-content:flex-start; margin-top:8px; }
  footer { padding:21px 16px; font-size:12px; }
  .footer-inner { padding:18px 14px; }
  html[lang="zh-CN"] h1 { font-size:27px; }
  .hero-explanation { font-size:15px; line-height:1.6; }
  html[lang="zh-CN"] .hero-explanation { font-size:15px; }
}

@media (max-width:600px) {
  .main-nav,
  .catalog-hero,
  .catalog-section.page-width {
    width:calc(100vw - 28px) !important;
    max-width:calc(100vw - 28px) !important;
  }

  .catalog-hero,
  .hero-explanation,
  .trust-row,
  .section-heading {
    min-width:0;
    overflow-wrap:anywhere;
  }

  .hero-explanation,
  .trust-row,
  .section-heading {
    width:100%;
    max-width:100%;
  }
}

/* Permanent new-project audience placeholder */
.coming-soon-card {
  max-width:760px;
  margin:0 auto;
  padding:26px;
  display:flex;
  align-items:center;
  gap:20px;
  color:#fff;
  background:linear-gradient(145deg,#051632,#071d40);
  border:1px solid rgba(216,168,77,.32);
  border-radius:20px;
  box-shadow:var(--shadow);
}

.coming-soon-flag {
  width:64px;
  height:64px;
  flex:0 0 64px;
  overflow:hidden;
  border:1px solid rgba(216,168,77,.5);
  border-radius:50%;
}

.coming-soon-flag img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.coming-soon-card h2 {
  margin:0 0 5px;
  font-size:26px;
}

.coming-soon-card p {
  margin:0;
  color:var(--muted);
}

@media (max-width:540px) {
  .coming-soon-card {
    padding:20px 16px;
    gap:14px;
  }

  .coming-soon-flag {
    width:50px;
    height:50px;
    flex-basis:50px;
  }

  .coming-soon-card h2 {
    font-size:21px;
  }
}


/* Premium audience landing-page refinement */
:root {
  --background:#031735;
  --hero:#031735;
  --language-card:#051632;
  --information-card:#071d40;
  --card-hover:#08244d;
  --line:rgba(216,168,77,.34);
  --ink:#ffffff;
  --secondary:#e2e8f2;
  --muted:#b4c0d3;
  --shadow:0 16px 38px rgba(0,0,0,.24);
}

html,
body {
  background:#031735;
}

body {
  color:var(--ink);
  background:
    radial-gradient(circle at 50% 9%,rgba(16,52,101,.2),transparent 34%),
    linear-gradient(180deg,#031735 0%,#051632 52%,#031735 100%);
}

.site-header {
  position:relative;
  background:transparent;
  border-bottom:0;
  backdrop-filter:none;
}

.main-nav {
  min-height:82px;
  padding-block:12px;
}

.brand img {
  width:58px;
  height:58px;
  filter:drop-shadow(0 0 14px rgba(216,168,77,.12));
}

.experience-switcher {
  gap:12px;
}

.flag-button {
  width:42px;
  height:42px;
  background:#051632;
  border-color:rgba(255,255,255,.22);
  box-shadow:0 6px 16px rgba(0,0,0,.25);
}

.flag-button:hover,
.flag-button:focus-visible {
  border-color:var(--amber);
  box-shadow:0 0 16px rgba(216,168,77,.2);
  transform:scale(1.05);
}

.catalog-hero {
  position:relative;
  margin-top:0;
  padding:10px 20px 42px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.hero-logo.new-brand-art {
  width:min(760px,96%);
  max-height:none;
  margin-bottom:30px;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:none;
  object-fit:contain;
  -webkit-mask-image:radial-gradient(ellipse 70% 74% at 50% 48%,#000 78%,rgba(0,0,0,.88) 88%,transparent 100%);
  mask-image:radial-gradient(ellipse 70% 74% at 50% 48%,#000 78%,rgba(0,0,0,.88) 88%,transparent 100%);
}

.hero-explanation {
  max-width:760px;
  color:var(--secondary);
  font-size:18px;
}

.trust-row {
  margin-top:22px;
  gap:10px;
}

.trust-row span {
  min-height:34px;
  padding:6px 13px;
  color:#fff3d6;
  background:#051632;
  border-color:rgba(216,168,77,.32);
}

.catalog-section {
  padding:38px 0 64px;
}

.section-heading {
  max-width:760px;
  margin:0 auto 30px;
  text-align:center;
}

.section-heading h1,
.section-heading h2 {
  margin:0 auto 10px;
  text-align:center;
}

.section-heading h1 {
  font-size:clamp(34px,5vw,48px);
}

.section-heading h1::after,
.section-heading h2::after {
  content:"";
  display:block;
  width:54px;
  height:2px;
  margin:14px auto 0;
  background:var(--amber);
  border-radius:2px;
}

.section-heading p {
  max-width:680px;
  margin:0 auto;
  color:var(--muted);
  text-align:center;
  font-size:17px;
}

.language-path-grid {
  gap:24px;
}

.language-path-card {
  position:relative;
  min-height:220px;
  padding:22px;
  grid-template-columns:155px minmax(0,1fr);
  gap:22px;
  align-items:center;
  background:linear-gradient(145deg,#051632,#071d40);
  border:1px solid rgba(216,168,77,.3);
  border-radius:20px;
  box-shadow:var(--shadow);
  transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease;
}

.language-path-card:hover,
.language-path-card:focus-within {
  background:linear-gradient(145deg,#071b3b,#092651);
  border-color:rgba(230,184,92,.68);
  box-shadow:0 20px 42px rgba(0,0,0,.3),0 0 22px rgba(216,168,77,.08);
  transform:translateY(-4px);
}

.language-path-card > img {
  position:relative;
  z-index:2;
  width:155px;
  padding:10px;
  background:rgba(2,18,43,.56);
  border:1px solid rgba(255,255,255,.1);
  border-radius:17px;
}

.language-path-card > div {
  min-width:0;
}

.language-path-card h2 {
  position:relative;
  z-index:2;
  margin:0 0 16px;
  color:#fff;
  font-size:25px;
  line-height:1.25;
}

.module-links {
  position:static;
  gap:10px;
}

.module-links a {
  position:relative;
  z-index:3;
  min-height:48px;
  padding:12px 14px;
  align-items:center;
  color:#fff3d6;
  background:rgba(3,23,53,.82);
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.module-links a:first-child {
  position:static;
}

.module-links a:first-child::before {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  border-radius:inherit;
}

.language-path-card > img,
.language-path-card h2 {
  pointer-events:none;
}

.module-links a:hover,
.module-links a:focus-visible {
  color:#fff;
  background:#0b2a57;
  border-color:var(--amber);
  box-shadow:0 5px 16px rgba(0,0,0,.2);
}

.module-links small {
  color:#c2cede;
}

.module-links .advanced-module {
  border-color:rgba(216,168,77,.5);
}

footer {
  background:#031735;
  border-top:0;
}

.footer-inner {
  background:transparent;
  border:0;
  box-shadow:none;
}

@media (max-width:850px) {
  .language-path-grid {
    grid-template-columns:1fr;
  }
}

@media (max-width:540px) {
  .page-width {
    width:calc(100% - 28px);
  }

  .main-nav {
    min-height:68px;
    padding-block:7px;
  }

  .brand,
  .brand img {
    width:48px;
    height:48px;
  }

  .flag-button {
    width:36px;
    height:36px;
  }

  .catalog-hero {
    width:100%;
    max-width:none;
    margin-top:0;
    padding:4px 0 34px;
    overflow:visible;
  }

  .hero-logo.new-brand-art {
    width:100%;
    max-height:none;
    margin-bottom:22px;
    border-radius:0;
  }

  .hero-explanation {
    padding-inline:12px;
    font-size:15px;
  }

  .trust-row {
    padding-inline:8px;
  }

  .catalog-section {
    padding-top:30px;
  }

  .section-heading {
    margin-bottom:24px;
  }

  .section-heading h1 {
    font-size:31px;
  }

  .section-heading p {
    font-size:15px;
  }

  .language-path-card {
    min-height:0;
    padding:16px;
    grid-template-columns:92px minmax(0,1fr);
    gap:14px;
    align-items:start;
    border-radius:17px;
  }

  .language-path-card > img {
    width:92px;
    padding:6px;
  }

  .language-path-card h2 {
    margin-bottom:12px;
    font-size:21px;
  }

  .module-links a {
    min-height:46px;
    font-size:14px;
  }
}

/* Final premium course-card refinement */
.language-path-grid {
  grid-auto-rows:1fr;
  align-items:stretch;
}

.language-path-card {
  isolation:isolate;
  height:100%;
  min-height:238px;
  padding:24px;
  grid-template-columns:158px minmax(0,1fr);
  gap:24px;
  overflow:hidden;
  cursor:pointer;
  background:linear-gradient(145deg,rgba(5,22,50,.98),rgba(7,29,64,.98));
  border-color:rgba(216,168,77,.32);
}

.language-path-card::after {
  content:"";
  position:absolute;
  z-index:0;
  top:-95px;
  right:-95px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(216,168,77,.08),transparent 68%);
  pointer-events:none;
  transition:opacity .24s ease,transform .24s ease;
}

.language-path-card:hover::after,
.language-path-card:focus-within::after {
  opacity:1;
  transform:scale(1.08);
}

.language-path-card > img {
  width:158px;
  padding:12px;
  align-self:center;
  background:linear-gradient(145deg,rgba(8,37,79,.88),rgba(2,18,43,.92));
  border-color:rgba(255,255,255,.14);
  box-shadow:inset 0 0 24px rgba(255,255,255,.025),0 10px 24px rgba(0,0,0,.2);
}

.language-path-card:nth-child(1) > img { background:linear-gradient(145deg,rgba(37,92,145,.72),rgba(90,71,23,.42)); }
.language-path-card:nth-child(2) > img { background:linear-gradient(145deg,rgba(105,25,29,.58),rgba(99,69,18,.4)); }
.language-path-card:nth-child(3) > img { background:linear-gradient(145deg,rgba(116,45,65,.42),rgba(37,65,105,.58)); }
.language-path-card:nth-child(4) > img { background:linear-gradient(145deg,rgba(42,66,105,.62),rgba(90,33,38,.42)); }
.language-path-card:nth-child(5) > img { background:linear-gradient(145deg,rgba(105,52,25,.48),rgba(29,72,99,.58)); }
.language-path-card:nth-child(6) > img { background:linear-gradient(145deg,rgba(76,66,39,.5),rgba(35,63,91,.62)); }
.language-path-card:nth-child(7) > img { background:linear-gradient(145deg,rgba(29,79,94,.58),rgba(91,49,37,.42)); }
.language-path-card:nth-child(8) > img { background:linear-gradient(145deg,rgba(60,83,112,.62),rgba(93,31,36,.42)); }
.chinese-page .language-path-card > img { background:linear-gradient(145deg,rgba(34,65,105,.7),rgba(105,28,34,.48)); }

.language-path-card h2 {
  display:flex;
  align-items:center;
  gap:12px;
  min-height:46px;
  margin-bottom:18px;
  font-size:26px;
  letter-spacing:-.015em;
}

.course-flag {
  width:42px;
  height:42px;
  display:inline-grid;
  place-items:center;
  flex:0 0 42px;
  overflow:hidden;
  background:#061a3e;
  border:1px solid rgba(216,168,77,.5);
  border-radius:50%;
  box-shadow:0 5px 14px rgba(0,0,0,.24);
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
  font-size:26px;
  line-height:1;
}

.module-links {
  gap:11px;
}

.module-links a {
  min-height:50px;
  padding:13px 15px;
  gap:14px;
  line-height:1.35;
  background:rgba(3,23,53,.9);
  border-color:rgba(255,255,255,.16);
}

.module-links a::after {
  content:"›";
  flex:0 0 auto;
  margin-left:auto;
  color:rgba(216,168,77,.82);
  font-size:20px;
  line-height:1;
}

.module-links a small {
  margin-left:auto;
}

.module-links a small + * {
  margin-left:0;
}

.module-links a:hover,
.module-links a:focus-visible {
  background:#0a2a59;
  border-color:rgba(230,184,92,.82);
  box-shadow:0 6px 18px rgba(0,0,0,.22),inset 3px 0 0 rgba(216,168,77,.78);
}

.language-path-card:hover,
.language-path-card:focus-within {
  transform:translateY(-3px);
  box-shadow:0 22px 46px rgba(0,0,0,.32),0 0 24px rgba(216,168,77,.09);
}

@media (max-width:850px) {
  .language-path-grid {
    grid-auto-rows:auto;
  }

  .language-path-card {
    min-height:220px;
  }
}

@media (max-width:540px) {
  .language-path-card {
    min-height:0;
    padding:17px;
    grid-template-columns:94px minmax(0,1fr);
    gap:15px;
  }

  .language-path-card > img {
    width:94px;
    padding:7px;
  }

  .language-path-card h2 {
    min-height:38px;
    gap:9px;
    margin-bottom:12px;
    font-size:21px;
  }

  .course-flag {
    width:36px;
    height:36px;
    flex-basis:36px;
    font-size:22px;
  }

  .module-links {
    gap:9px;
  }

  .module-links a {
    min-height:48px;
    padding:12px 13px;
    font-size:14px;
  }

  .module-links a::after {
    font-size:18px;
  }
}

@media (max-width:390px) {
  .language-path-card {
    grid-template-columns:76px minmax(0,1fr);
    padding:14px;
    gap:12px;
  }

  .language-path-card > img {
    width:76px;
  }

  .language-path-card h2 {
    font-size:19px;
  }

  .course-flag {
    width:32px;
    height:32px;
    flex-basis:32px;
    font-size:20px;
  }
}

/* Header home control and rectangular course flags */
.site-header .brand {
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  flex:0 0 58px;
  overflow:hidden;
  padding:0;
  background:#051632;
  border:1px solid #d8a84d;
  border-radius:50%;
  box-shadow:0 4px 14px rgba(0,0,0,.18);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}

.site-header .brand:hover,
.site-header .brand:focus-visible {
  background:#08244d;
  border-color:#e6b85c;
  box-shadow:0 0 15px rgba(216,168,77,.18);
  transform:scale(1.04);
}

.site-header .brand:focus-visible {
  outline:2px solid rgba(230,184,92,.42);
  outline-offset:3px;
}

.site-header .brand img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
  filter:none;
}

.course-flag {
  width:32px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 32px;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:3px;
  box-shadow:0 3px 8px rgba(0,0,0,.2);
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
  font-size:27px;
  line-height:22px;
}

@media (max-width:540px) {
  .site-header .brand {
    width:48px;
    height:48px;
    flex-basis:48px;
  }

  .course-flag {
    width:30px;
    height:20px;
    flex-basis:30px;
    font-size:25px;
    line-height:20px;
  }
}

@media (max-width:390px) {
  .course-flag {
    width:28px;
    height:19px;
    flex-basis:28px;
    font-size:23px;
    line-height:19px;
  }
}

.course-flag svg,
.course-flag img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:3px;
}

/* Horizontal premium module cards */
.language-path-card {
  cursor:default;
}

.language-path-card > img,
.language-path-card h2 {
  pointer-events:auto;
}

.module-links a:first-child {
  position:relative;
}

.module-links a:first-child::before {
  display:none;
}

.module-links a.module-course-card {
  position:relative;
  z-index:3;
  min-height:104px;
  padding:0 42px 0 0;
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  align-items:stretch;
  gap:0;
  overflow:hidden;
  color:#fff3d6;
  background:linear-gradient(135deg,rgba(3,23,53,.98),rgba(9,40,84,.94));
  border:1px solid rgba(216,168,77,.36);
  border-radius:15px;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}

.module-links a.module-course-card::after {
  content:"›";
  position:absolute;
  right:16px;
  top:50%;
  margin:0;
  color:rgba(216,168,77,.86);
  font-size:23px;
  line-height:1;
  transform:translateY(-50%);
}

.module-card-picture {
  min-height:104px;
  display:block;
  overflow:hidden;
  background:#061a3e;
  border-right:1px solid rgba(216,168,77,.24);
}

.module-card-picture img {
  width:100%;
  height:100%;
  min-height:104px;
  display:block;
  object-fit:cover;
  object-position:center;
}

.module-card-body {
  min-width:0;
  padding:16px 14px 14px 16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
}

.module-card-title {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.module-number {
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  flex:0 0 32px;
  color:#07152d;
  background:#d8a84d;
  border:1px solid #e6b85c;
  border-radius:50%;
  box-shadow:0 3px 10px rgba(0,0,0,.2);
  font-size:14px;
  font-weight:900;
}

.module-card-title strong {
  min-width:0;
  color:#fff;
  font-size:15px;
  line-height:1.3;
  overflow-wrap:anywhere;
}

.module-links a.module-course-card small {
  margin:0 0 0 42px;
  color:#bfcbe0;
  font-size:12px;
  font-weight:700;
  white-space:normal;
}

.module-links a.module-course-card:hover,
.module-links a.module-course-card:focus-visible {
  color:#fff;
  background:linear-gradient(135deg,#08244d,#0c356d);
  border-color:#e6b85c;
  box-shadow:0 12px 26px rgba(0,0,0,.26),0 0 18px rgba(216,168,77,.12);
  transform:translateY(-2px);
}

.module-links a.module-course-card.advanced-module {
  border-color:rgba(216,168,77,.62);
}

@media (max-width:540px) {
  .module-links a.module-course-card {
    min-height:92px;
    grid-template-columns:86px minmax(0,1fr);
    padding-right:34px;
    border-radius:13px;
  }

  .module-card-picture,
  .module-card-picture img {
    min-height:92px;
  }

  .module-card-body {
    padding:13px 9px 12px 12px;
  }

  .module-card-title {
    gap:8px;
  }

  .module-number {
    width:29px;
    height:29px;
    flex-basis:29px;
    font-size:13px;
  }

  .module-card-title strong {
    font-size:14px;
  }

  .module-links a.module-course-card small {
    margin-left:37px;
    font-size:11px;
  }

  .module-links a.module-course-card::after {
    right:12px;
  }
}

@media (max-width:390px) {
  .language-path-card {
    grid-template-columns:1fr;
  }

  .language-path-card > img {
    width:112px;
    margin-inline:auto;
  }

  .language-path-card h2 {
    justify-content:center;
  }

  .module-links a.module-course-card {
    grid-template-columns:78px minmax(0,1fr);
  }
}

/* Lightweight language sections */
.language-path-grid,
.language-path-grid.single-language {
  gap:34px;
}

.language-path-card {
  min-height:0;
  height:auto;
  padding:0;
  display:block;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.language-path-card::after {
  display:none;
}

.language-path-card:hover,
.language-path-card:focus-within {
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  transform:none;
}

.language-path-card > img {
  display:none;
}

.language-path-card > div {
  width:100%;
}

.language-path-card h2 {
  min-height:42px;
  margin:0 0 16px;
  padding-inline:4px;
}

.module-links {
  display:grid;
  gap:13px;
}

.module-links a.module-course-card {
  width:100%;
}

.module-card-picture svg {
  width:100%;
  height:100%;
  min-height:104px;
  display:block;
  object-fit:cover;
}

.london-eye-picture {
  background:#8fd3ff;
}

@media (max-width:850px) {
  .language-path-grid,
  .language-path-grid.single-language {
    gap:30px;
  }
}

@media (max-width:540px) {
  .language-path-card {
    padding:0;
    display:block;
  }

  .language-path-card h2 {
    justify-content:flex-start;
    padding-inline:2px;
  }

  .module-card-picture svg {
    min-height:92px;
  }
}

@media (max-width:390px) {
  .language-path-card {
    display:block;
  }

  .language-path-card h2 {
    justify-content:flex-start;
  }
}

/* Distinct country scenes for module artwork */
.module-scene {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  --sky-top:#7fc7ea;
  --sky-bottom:#f3d497;
  --ground:#375d46;
  --landmark:"★";
  background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom) 68%,var(--ground) 69%);
}

.module-scene::before {
  content:var(--landmark);
  position:absolute;
  z-index:1;
  top:10px;
  right:8px;
  width:48%;
  color:rgba(255,255,255,.94);
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
  font-size:38px;
  line-height:1;
  text-align:center;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.22));
}

.module-scene::after {
  content:"";
  position:absolute;
  z-index:1;
  left:-8%;
  right:-8%;
  bottom:-20px;
  height:48px;
  background:var(--ground);
  border-radius:50% 50% 0 0;
  opacity:.95;
}

.module-card-picture.module-scene img {
  position:absolute;
  z-index:2;
  left:1px;
  bottom:0;
  width:68%;
  height:88%;
  min-height:0;
  object-fit:contain;
  object-position:left bottom;
  filter:drop-shadow(0 3px 3px rgba(0,0,0,.24));
}

.scene-sweden-1 { --sky-top:#7fc9ef; --sky-bottom:#d9eff8; --ground:#5f9a51; --landmark:"🐴"; }
.scene-sweden-2 { --sky-top:#91d2ee; --sky-bottom:#f4dfaa; --ground:#4f813f; --landmark:"🏡"; }
.scene-sweden-3 { --sky-top:#14295d; --sky-bottom:#45669a; --ground:#e7f3fb; --landmark:"✨❄"; }
.scene-sweden-3::before { color:#8df4cf; }

.scene-china-1 { --sky-top:#7fc9e9; --sky-bottom:#efd39a; --ground:#78944d; --landmark:"🧱"; }
.scene-china-2 { --sky-top:#9c3040; --sky-bottom:#edaa65; --ground:#6f3f2d; --landmark:"🏮"; }
.scene-china-3 { --sky-top:#a8dbce; --sky-bottom:#eef0bb; --ground:#4f8a58; --landmark:"🏯🎋"; }

.scene-japan-1 { --sky-top:#89cbea; --sky-bottom:#f6d8d5; --ground:#608d58; --landmark:"🗻"; }
.scene-japan-2 { --sky-top:#f5b8cd; --sky-bottom:#f7dfda; --ground:#718b58; --landmark:"🌸"; }
.scene-japan-3 { --sky-top:#e68b76; --sky-bottom:#f5d5a5; --ground:#4f704b; --landmark:"⛩"; }

.scene-korea-1 { --sky-top:#8dcbed; --sky-bottom:#efd8a1; --ground:#708b55; --landmark:"🏯"; }
.scene-korea-2 { --sky-top:#628dc6; --sky-bottom:#f0b18c; --ground:#405a73; --landmark:"🏙"; }
.scene-korea-3 { --sky-top:#f1b2c8; --sky-bottom:#f6ddd0; --ground:#758a54; --landmark:"🌸🏘"; }

.scene-spain-1 { --sky-top:#72c8ee; --sky-bottom:#ffd889; --ground:#b66d3c; --landmark:"⛪"; }
.scene-spain-2 { --sky-top:#79c9e7; --sky-bottom:#f5d8a2; --ground:#c8864c; --landmark:"⛲"; }
.scene-spain-3 { --sky-top:#4db6df; --sky-bottom:#f6c67b; --ground:#e3b35a; --landmark:"⛵"; }

.scene-germany-1 { --sky-top:#83c8e8; --sky-bottom:#dde8d0; --ground:#47784b; --landmark:"🏰"; }
.scene-germany-2 { --sky-top:#78bee1; --sky-bottom:#eef1e7; --ground:#668452; --landmark:"🏔"; }
.scene-germany-3 { --sky-top:#98cce2; --sky-bottom:#f2d2a0; --ground:#7d7048; --landmark:"🏘"; }

.scene-filipino-1 { --sky-top:#63c6ec; --sky-bottom:#ffd37d; --ground:#4e9c63; --landmark:"🚐"; }
.scene-filipino-2 { --sky-top:#57c9ea; --sky-bottom:#ffe2a0; --ground:#e5bd68; --landmark:"🏖"; }
.scene-filipino-3 { --sky-top:#5cbddd; --sky-bottom:#f2b77c; --ground:#458c61; --landmark:"🌴"; }

.scene-russia-1 { --sky-top:#89bce2; --sky-bottom:#e9d5bd; --ground:#e8eff4; --landmark:"🏰"; }
.scene-russia-2 { --sky-top:#7599c4; --sky-bottom:#d9e8f5; --ground:#f4f8fb; --landmark:"❄🌲"; }
.scene-russia-3 { --sky-top:#db9a79; --sky-bottom:#f2c995; --ground:#7c6049; --landmark:"🕌"; }
.scene-russia-4 { --sky-top:#6f91bb; --sky-bottom:#d7dfea; --ground:#e7edf4; --landmark:"📚❄"; }
.scene-russia-5 { --sky-top:#8cb9d8; --sky-bottom:#ead8b7; --ground:#6e8460; --landmark:"🚂"; }

.scene-england-1 { --sky-top:#87bee0; --sky-bottom:#efd0a0; --ground:#6f7656; --landmark:"🕰"; }
.scene-england-2 { --sky-top:#71b7d9; --sky-bottom:#e4c49d; --ground:#507594; --landmark:"🌉🚌"; }
.scene-england-3 { --sky-top:#83c9eb; --sky-bottom:#f0d2a1; --ground:#427ca0; --landmark:"🎡"; }

@media (max-width:540px) {
  .module-scene::before {
    top:9px;
    right:5px;
    font-size:31px;
  }

  .module-card-picture.module-scene img {
    width:70%;
    height:86%;
  }
}

/* Chinese English pathway reference artwork */
.chinese-page .english-reference-picture {
  background:#eaf3ff;
}

.chinese-page .english-reference-picture img {
  width:100%;
  height:100%;
  min-height:104px;
  display:block;
  object-fit:cover;
  object-position:center;
}

.chinese-page .english-module-three-picture {
  background:#83cdf1;
}

.chinese-page .english-module-three-picture img {
  width:100%;
  height:100%;
  min-height:104px;
  display:block;
  object-fit:cover;
  object-position:center;
}

@media (max-width:540px) {
  .chinese-page .english-reference-picture img,
  .chinese-page .english-module-three-picture img {
    min-height:92px;
  }
}
/* English learner travel-scene course artwork */
.english-page .module-scene {
  background:#152946;
}

.english-page .module-scene::before,
.english-page .module-scene::after {
  display:none;
}

.english-page .module-card-picture.module-scene img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:104px;
  object-fit:cover;
  object-position:center;
  filter:none;
}

@media (max-width:540px) {
  .english-page .module-card-picture.module-scene img {
    width:100%;
    height:100%;
    min-height:92px;
  }
}

/* Compact English language pathway grid */
.english-page .catalog-section.page-width {
  width:min(1320px,calc(100% - 48px));
  max-width:none;
}

.english-page .language-path-grid {
  grid-auto-rows:auto;
  align-items:start;
  column-gap:28px;
  row-gap:40px;
}

.english-page .language-path-card {
  align-self:start;
}

@media (max-width:850px) {
  .english-page .catalog-section.page-width {
    width:min(760px,calc(100% - 36px));
  }

  .english-page .language-path-grid {
    row-gap:34px;
  }
}

@media (max-width:540px) {
  .english-page .catalog-section.page-width {
    width:calc(100% - 28px);
  }

  .english-page .language-path-grid {
    row-gap:28px;
  }
}

/* English learners: Option 3 split-hero language directory */
.english-page {
  background:#031735;
}

.english-page .split-sky-hero {
  position:relative;
  min-height:190px;
  overflow:hidden;
  background:#02122b;
  border-bottom:1px solid rgba(216,168,77,.28);
}

.english-page .split-sky-hero::after {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,18,43,.08) 0%,rgba(2,18,43,.14) 58%,#031735 100%),
    linear-gradient(90deg,rgba(2,18,43,.48),transparent 28%,transparent 72%,rgba(2,18,43,.48));
}

.english-page .split-art {
  display:block;
  user-select:none;
}

.english-page .split-art-sky {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 13%;
}

.english-page .split-sky-hero .site-header {
  position:relative;
  z-index:3;
}

.english-page .split-sky-hero .main-nav {
  min-height:74px;
  padding-block:8px;
}

.english-page .split-hero-copy {
  position:absolute;
  z-index:2;
  left:50%;
  bottom:18px;
  text-align:center;
  transform:translateX(-50%);
}

.english-page .split-hero-copy p {
  margin:0;
  color:#fff3d6;
  font-size:clamp(24px,2.5vw,34px);
  font-weight:900;
  letter-spacing:.04em;
  line-height:1.1;
  text-shadow:0 3px 15px rgba(0,0,0,.65);
}

.english-page .split-hero-copy span {
  display:block;
  margin-top:5px;
  color:#eef3fb;
  font-size:14px;
  font-weight:800;
  text-shadow:0 2px 10px rgba(0,0,0,.75);
}

.english-page .language-selection.page-width {
  width:min(1280px,calc(100% - 48px));
  max-width:none;
  padding:22px 0 30px;
}

.english-page .language-selection .section-heading {
  margin-bottom:18px;
}

.english-page .language-selection .section-heading h1 {
  font-size:clamp(30px,3.3vw,42px);
}

.english-page .language-selection .section-heading h1::after {
  margin-top:8px;
}

.english-page .language-selection .section-heading p {
  font-size:16px;
}

.english-page .language-choice-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.english-page .language-choice-card {
  min-width:0;
  min-height:166px;
  display:grid;
  grid-template-rows:88px 1fr;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(145deg,#051632,#08244d);
  border:1px solid rgba(216,168,77,.34);
  border-radius:17px;
  text-decoration:none;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}

.english-page .language-card-image {
  position:relative;
  display:block;
  overflow:hidden;
  background:#071d40;
}

.english-page .language-card-image::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(3,23,53,.6));
}

.english-page .language-card-image img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .35s ease;
}

.english-page .language-card-copy {
  min-width:0;
  padding:10px 12px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#c3cee0;
  font-size:12px;
  font-weight:700;
  line-height:1.3;
}

.english-page .language-card-title {
  margin-bottom:3px;
  display:flex;
  align-items:center;
  gap:8px;
}

.english-page .language-card-title strong {
  min-width:0;
  color:#fff;
  font-size:18px;
  line-height:1.15;
}

.english-page .language-card-flag {
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
  font-size:22px;
  line-height:1;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.28));
}

.english-page .language-choice-card small {
  margin-top:4px;
  color:#d8a84d;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.english-page .language-choice-card.is-available:hover,
.english-page .language-choice-card.is-available:focus-visible {
  background:linear-gradient(145deg,#08244d,#0b2f62);
  border-color:#e6b85c;
  box-shadow:0 15px 32px rgba(0,0,0,.32),0 0 20px rgba(216,168,77,.13);
  transform:translateY(-4px);
}

.english-page .language-choice-card.is-available:hover .language-card-image img,
.english-page .language-choice-card.is-available:focus-visible .language-card-image img {
  transform:scale(1.045);
}

.english-page .language-choice-card.is-available:focus-visible {
  outline:3px solid rgba(230,184,92,.38);
  outline-offset:3px;
}

.english-page .language-choice-card.is-coming-soon {
  border-color:rgba(216,168,77,.2);
}

.english-page .language-choice-card.is-coming-soon .language-card-image img {
  filter:saturate(.82) brightness(.88);
}

.english-page .split-closing-section {
  background:#02122b;
  border-top:1px solid rgba(216,168,77,.2);
}

.english-page .split-benefits {
  min-height:76px;
  margin:0 auto;
  padding:18px 20px;
}

.english-page .children-artwork {
  position:relative;
  height:300px;
  overflow:hidden;
}

.english-page .children-artwork::before {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,#02122b 0%,transparent 28%,rgba(2,18,43,.08) 78%,#031735 100%),
    linear-gradient(90deg,#02122b 0%,transparent 18%,transparent 82%,#02122b 100%);
}

.english-page .split-art-children {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 89%;
}

.english-page footer {
  padding:14px 20px 18px;
}

.english-page footer .footer-inner {
  padding:8px;
}

@media (max-width:1280px) {
  .english-page .language-choice-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:1100px) {
  .english-page .language-choice-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:600px) {
  .english-page .split-sky-hero {
    min-height:170px;
  }

  .english-page .split-sky-hero .main-nav {
    min-height:66px;
    padding-block:6px;
  }

  .english-page .split-hero-copy {
    bottom:14px;
  }

  .english-page .split-hero-copy p {
    font-size:25px;
  }

  .english-page .split-hero-copy span {
    font-size:12px;
  }

  .english-page .language-selection.page-width {
    width:calc(100% - 28px);
    padding:20px 0 26px;
  }

  .english-page .language-choice-grid {
    grid-template-columns:1fr;
    gap:13px;
  }

  .english-page .language-choice-card {
    min-height:118px;
    grid-template-columns:126px minmax(0,1fr);
    grid-template-rows:118px;
  }

  .english-page .language-card-copy {
    padding:14px;
  }

  .english-page .language-card-title strong {
    font-size:19px;
  }

  .english-page .split-benefits {
    min-height:0;
    padding:18px 14px;
  }

  .english-page .children-artwork {
    height:230px;
  }
}

@media (max-width:390px) {
  .english-page .split-hero-copy {
    width:calc(100% - 112px);
  }

  .english-page .split-hero-copy p {
    font-size:21px;
  }

  .english-page .split-hero-copy span {
    display:none;
  }

  .english-page .language-choice-card {
    grid-template-columns:104px minmax(0,1fr);
  }

  .english-page .language-card-copy {
    padding:12px;
  }

  .english-page .language-card-title strong {
    font-size:17px;
  }
}

/* English learners: connected StarPath story scene */
.english-page .language-story-scene {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 18%,rgba(24,72,133,.4),transparent 34%),
    linear-gradient(180deg,#02122b 0%,#061c3e 53%,#02122b 100%);
}

.english-page .language-story-scene::before {
  content:"";
  position:absolute;
  z-index:-2;
  top:-30px;
  left:0;
  width:100%;
  height:650px;
  background-image:url("assets/kids-looking-at-stars.png");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:min(900px,78vw) auto;
  opacity:.58;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%);
}

.english-page .language-story-scene::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,#02122b 0%,transparent 16%,transparent 84%,#02122b 100%),
    radial-gradient(circle at 18% 24%,rgba(216,168,77,.1),transparent 19%),
    radial-gradient(circle at 82% 35%,rgba(63,127,201,.13),transparent 23%);
}

.english-page .language-story-content {
  position:relative;
}

.english-page .language-story-content .site-header {
  position:relative;
  z-index:5;
}

.english-page .language-story-content .main-nav {
  width:min(1280px,calc(100% - 64px));
  min-height:68px;
  padding-block:5px;
}

.english-page .language-story-content .brand,
.english-page .language-story-content .brand img {
  width:52px;
  height:52px;
  flex-basis:52px;
}

.english-page .language-story-content .flag-button {
  width:40px;
  height:40px;
}

.english-page .language-selection.page-width {
  position:relative;
  z-index:2;
  width:min(1280px,calc(100% - 64px));
  max-width:none;
  padding:2px 0 12px;
}

.english-page .story-brand {
  margin:0 auto 3px;
  color:#fff3d6;
  text-align:center;
  font-size:clamp(20px,2.1vw,28px);
  font-weight:900;
  letter-spacing:.055em;
  line-height:1.1;
  text-shadow:0 3px 16px rgba(0,0,0,.8);
}

.english-page .language-selection .section-heading {
  margin:0 auto 14px;
}

.english-page .language-selection .section-heading h1 {
  margin-bottom:5px;
  font-size:clamp(29px,3.1vw,40px);
  line-height:1.05;
  text-shadow:0 3px 18px rgba(0,0,0,.72);
}

.english-page .language-selection .section-heading h1::after {
  width:46px;
  margin-top:7px;
}

.english-page .language-selection .section-heading p {
  color:#e1e8f4;
  font-size:15px;
  text-shadow:0 2px 10px rgba(0,0,0,.75);
}

.english-page .language-choice-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.english-page .language-choice-card {
  min-height:176px;
  grid-template-rows:96px 1fr;
  background:linear-gradient(145deg,rgba(4,22,50,.95),rgba(8,39,82,.94));
  border-color:rgba(230,184,92,.43);
  border-radius:18px;
  box-shadow:0 13px 29px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(5px);
}

.english-page .language-card-image::after {
  background:linear-gradient(180deg,transparent 52%,rgba(3,23,53,.7));
}

.english-page .language-card-copy {
  padding:10px 13px 12px;
}

.english-page .language-card-title strong {
  font-size:19px;
}

.english-page .language-choice-card.is-available:hover,
.english-page .language-choice-card.is-available:focus-visible {
  border-color:#f0c466;
  box-shadow:
    0 17px 36px rgba(0,0,0,.4),
    0 0 24px rgba(216,168,77,.2),
    inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateY(-5px);
}

.english-page .story-benefits {
  min-height:50px;
  margin:12px auto 0;
  gap:9px;
}

.english-page .story-benefits span {
  min-height:30px;
  padding:5px 12px;
  background:rgba(3,23,53,.78);
  border-color:rgba(216,168,77,.4);
  box-shadow:0 5px 14px rgba(0,0,0,.2);
  backdrop-filter:blur(4px);
}

.english-page .story-children {
  position:relative;
  z-index:1;
  height:330px;
  margin-top:-20px;
  background-image:url("assets/kids-looking-at-stars.png");
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:min(900px,92vw) auto;
  pointer-events:none;
  -webkit-mask-image:
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.72) 17%,#000 36%,#000 92%,transparent 100%);
  mask-image:
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.72) 17%,#000 36%,#000 92%,transparent 100%);
}

.english-page .story-children::after {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#02122b 0%,transparent 17%,transparent 83%,#02122b 100%),
    linear-gradient(180deg,transparent 68%,rgba(3,23,53,.34) 100%);
}

.english-page footer {
  padding:8px 16px 12px;
}

.english-page footer .footer-inner {
  padding:4px;
}

@media (max-width:1100px) {
  .english-page .language-choice-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .english-page .language-choice-card {
    min-height:168px;
    grid-template-rows:90px 1fr;
  }
}

@media (max-width:600px) {
  .english-page .language-story-scene::before {
    height:470px;
    background-size:620px auto;
    opacity:.5;
  }

  .english-page .language-story-content .main-nav,
  .english-page .language-selection.page-width {
    width:calc(100% - 28px);
  }

  .english-page .language-story-content .main-nav {
    min-height:62px;
  }

  .english-page .language-story-content .brand,
  .english-page .language-story-content .brand img {
    width:46px;
    height:46px;
    flex-basis:46px;
  }

  .english-page .language-story-content .flag-button {
    width:36px;
    height:36px;
  }

  .english-page .language-selection.page-width {
    padding-top:0;
  }

  .english-page .story-brand {
    font-size:19px;
  }

  .english-page .language-selection .section-heading {
    margin-bottom:12px;
  }

  .english-page .language-selection .section-heading h1 {
    font-size:27px;
  }

  .english-page .language-selection .section-heading p {
    font-size:13px;
  }

  .english-page .language-choice-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .english-page .language-choice-card {
    min-height:154px;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:78px 1fr;
    border-radius:15px;
  }

  .english-page .language-card-copy {
    padding:8px 9px 10px;
  }

  .english-page .language-card-title {
    gap:6px;
  }

  .english-page .language-card-title strong {
    font-size:16px;
  }

  .english-page .language-card-flag {
    font-size:19px;
  }

  .english-page .language-card-copy > span:not(.language-card-title) {
    font-size:11px;
  }

  .english-page .language-choice-card small {
    margin-top:2px;
    font-size:9px;
  }

  .english-page .story-benefits {
    margin-top:10px;
    padding-inline:0;
  }

  .english-page .story-benefits span {
    padding:5px 8px;
    font-size:11px;
  }

  .english-page .story-children {
    height:220px;
    margin-top:-8px;
    background-size:620px auto;
  }
}

@media (max-width:390px) {
  .english-page .language-selection.page-width {
    width:calc(100% - 20px);
  }

  .english-page .language-choice-grid {
    gap:8px;
  }

  .english-page .language-choice-card {
    min-height:148px;
    grid-template-rows:72px 1fr;
  }

  .english-page .language-card-copy {
    padding-inline:8px;
  }

  .english-page .language-card-title strong {
    font-size:15px;
  }
}

/* English learners: premium cinematic language cards */
.english-page .language-story-scene::before {
  top:-24px;
  height:430px;
  background-position:center -22px;
  background-size:620px auto;
  opacity:.34;
  filter:saturate(.88);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.76) 58%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.76) 58%,transparent 100%);
}

.english-page .language-story-scene::after {
  background:
    linear-gradient(90deg,#02122b 0%,rgba(2,18,43,.18) 13%,transparent 30%,transparent 70%,rgba(2,18,43,.18) 87%,#02122b 100%),
    radial-gradient(circle at 50% 31%,rgba(34,85,150,.2),transparent 39%),
    radial-gradient(circle at 18% 23%,rgba(216,168,77,.08),transparent 18%);
}

.english-page .language-story-content .main-nav {
  width:min(1160px,calc(100% - 72px));
  min-height:72px;
}

.english-page .language-selection.page-width {
  width:min(1160px,calc(100% - 72px));
  padding:4px 0 18px;
}

.english-page .story-brand {
  margin-bottom:7px;
  font-size:clamp(22px,2.2vw,30px);
  letter-spacing:.065em;
}

.english-page .language-selection .section-heading {
  margin-bottom:22px;
}

.english-page .language-selection .section-heading h1 {
  margin-bottom:8px;
  font-size:clamp(38px,4vw,52px);
  letter-spacing:-.025em;
}

.english-page .language-selection .section-heading h1::after {
  width:58px;
  height:3px;
  margin-top:10px;
}

.english-page .language-selection .section-heading p {
  color:#edf2fa;
  font-size:17px;
  font-weight:700;
}

.english-page .language-choice-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}

.english-page .language-choice-card {
  min-height:216px;
  grid-template-rows:132px 1fr;
  border-radius:22px;
  background:linear-gradient(150deg,rgba(5,23,52,.96),rgba(8,39,82,.94));
  border-color:rgba(230,184,92,.42);
  box-shadow:
    0 16px 34px rgba(0,0,0,.3),
    inset 0 1px 0 rgba(255,255,255,.055);
}

.english-page .language-card-image img {
  transform:scale(1.01);
}

.english-page .language-card-image::after {
  background:linear-gradient(180deg,transparent 58%,rgba(3,23,53,.62));
}

.english-page .language-card-copy {
  padding:13px 16px 15px;
  font-size:13px;
}

.english-page .language-card-title {
  margin-bottom:6px;
  gap:10px;
}

.english-page .language-card-title strong {
  font-size:22px;
  letter-spacing:-.015em;
}

.english-page .language-card-flag {
  font-size:25px;
}

.english-page .language-card-copy > span:not(.language-card-title) {
  color:#d4deeb;
  font-size:13px;
  font-weight:800;
}

.english-page .language-card-copy b {
  padding-inline:2px;
  color:#d8a84d;
  font-weight:900;
}

.english-page .language-choice-card small {
  margin-top:5px;
  font-size:10px;
}

.english-page .language-choice-card.is-available:hover,
.english-page .language-choice-card.is-available:focus-visible {
  background:linear-gradient(150deg,#082750,#0c3a75);
  box-shadow:
    0 22px 46px rgba(0,0,0,.38),
    0 0 30px rgba(216,168,77,.2),
    inset 0 1px 0 rgba(255,255,255,.1);
  transform:translateY(-7px) scale(1.012);
}

.english-page .language-choice-card.is-available:hover .language-card-image img,
.english-page .language-choice-card.is-available:focus-visible .language-card-image img {
  transform:scale(1.07);
}

.english-page .story-benefits {
  margin-top:18px;
}

.english-page .story-benefits span {
  min-height:34px;
  padding:7px 15px;
  font-size:13px;
}

.english-page .story-children {
  height:350px;
  margin-top:-28px;
  background-position:center bottom;
  background-size:760px auto;
  opacity:.94;
  -webkit-mask-image:
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.42) 9%,#000 31%,#000 93%,transparent 100%);
  mask-image:
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.42) 9%,#000 31%,#000 93%,transparent 100%);
}

@media (max-width:1100px) {
  .english-page .language-story-content .main-nav,
  .english-page .language-selection.page-width {
    width:min(940px,calc(100% - 48px));
  }

  .english-page .language-choice-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:19px;
  }

  .english-page .language-choice-card {
    min-height:205px;
    grid-template-rows:122px 1fr;
  }
}

@media (max-width:600px) {
  .english-page .language-story-scene::before {
    height:340px;
    background-position:center -8px;
    background-size:430px auto;
    opacity:.28;
  }

  .english-page .language-story-content .main-nav,
  .english-page .language-selection.page-width {
    width:calc(100% - 24px);
  }

  .english-page .story-brand {
    margin-bottom:5px;
    font-size:20px;
  }

  .english-page .language-selection .section-heading {
    margin-bottom:16px;
  }

  .english-page .language-selection .section-heading h1 {
    font-size:31px;
  }

  .english-page .language-selection .section-heading p {
    font-size:14px;
  }

  .english-page .language-choice-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .english-page .language-choice-card {
    min-height:190px;
    grid-template-rows:104px 1fr;
    border-radius:18px;
  }

  .english-page .language-card-copy {
    padding:10px 11px 12px;
  }

  .english-page .language-card-title {
    margin-bottom:4px;
    gap:6px;
  }

  .english-page .language-card-title strong {
    font-size:17px;
  }

  .english-page .language-card-flag {
    font-size:20px;
  }

  .english-page .language-card-copy > span:not(.language-card-title) {
    font-size:11px;
    line-height:1.35;
  }

  .english-page .story-benefits {
    margin-top:14px;
  }

  .english-page .story-benefits span {
    min-height:30px;
    padding:5px 8px;
    font-size:10px;
  }

  .english-page .story-children {
    height:240px;
    margin-top:-12px;
    background-size:500px auto;
  }
}

@media (max-width:390px) {
  .english-page .language-choice-grid {
    gap:10px;
  }

  .english-page .language-choice-card {
    min-height:182px;
    grid-template-rows:96px 1fr;
  }

  .english-page .language-card-title strong {
    font-size:16px;
  }
}

/* English learners: approved target proportion alignment */
.english-page .language-story-scene::before {
  top:-58px;
  height:390px;
  background-position:center top;
  background-size:720px auto;
  opacity:.68;
  filter:saturate(1.04) contrast(1.04);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 54%,rgba(0,0,0,.5) 72%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 54%,rgba(0,0,0,.5) 72%,transparent 100%);
}

.english-page .language-story-scene::after {
  background:
    linear-gradient(90deg,#02122b 0%,rgba(2,18,43,.12) 7%,transparent 18%,transparent 82%,rgba(2,18,43,.12) 93%,#02122b 100%),
    radial-gradient(circle at 50% 25%,rgba(34,85,150,.15),transparent 42%);
}

.english-page .language-story-content .main-nav,
.english-page .language-selection.page-width {
  width:min(1640px,84vw);
}

.english-page .language-story-content .main-nav {
  min-height:62px;
  padding-block:4px;
}

.english-page .language-story-content .brand,
.english-page .language-story-content .brand img {
  width:48px;
  height:48px;
  flex-basis:48px;
}

.english-page .language-selection.page-width {
  padding:0 0 8px;
}

.english-page .story-brand {
  margin:0 auto 1px;
  font-size:clamp(20px,1.75vw,27px);
}

.english-page .language-selection .section-heading {
  margin-bottom:13px;
}

.english-page .language-selection .section-heading h1 {
  margin-bottom:4px;
  font-size:clamp(33px,3.15vw,45px);
}

.english-page .language-selection .section-heading h1::after {
  width:50px;
  height:2px;
  margin-top:6px;
}

.english-page .language-selection .section-heading p {
  font-size:15px;
}

.english-page .language-choice-grid {
  gap:16px;
}

.english-page .language-choice-card {
  min-height:184px;
  grid-template-rows:112px 1fr;
  border:1px solid rgba(216,168,77,.29);
  border-radius:17px;
  background:linear-gradient(180deg,rgba(5,27,59,.94),rgba(5,31,66,.96));
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}

.english-page .language-card-copy {
  padding:9px 13px 11px;
}

.english-page .language-card-title {
  margin-bottom:4px;
}

.english-page .language-card-title strong {
  font-size:21px;
}

.english-page .language-card-flag {
  font-size:24px;
}

.english-page .language-card-copy > span:not(.language-card-title) {
  color:#f0c66e;
  font-size:12px;
}

.english-page .language-choice-card.is-coming-soon {
  border-color:rgba(216,168,77,.24);
}

.english-page .language-choice-card.is-coming-soon .language-card-image img {
  filter:saturate(.94) brightness(.96);
}

.english-page .language-choice-card.is-available:hover,
.english-page .language-choice-card.is-available:focus-visible {
  box-shadow:0 16px 32px rgba(0,0,0,.34),0 0 22px rgba(216,168,77,.16);
  transform:translateY(-5px);
}

.english-page .story-benefits {
  min-height:42px;
  margin:8px auto 0;
}

.english-page .story-benefits span {
  min-height:29px;
  padding:4px 12px;
  font-size:12px;
}

.english-page .story-children {
  height:210px;
  margin-top:-8px;
  background-position:center bottom;
  background-size:570px auto;
  -webkit-mask-image:
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.48) 12%,#000 35%,#000 94%,transparent 100%);
  mask-image:
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.48) 12%,#000 35%,#000 94%,transparent 100%);
}

@media (max-width:1100px) {
  .english-page .language-story-content .main-nav,
  .english-page .language-selection.page-width {
    width:min(960px,calc(100% - 40px));
  }

  .english-page .language-choice-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
  }

  .english-page .language-choice-card {
    min-height:178px;
    grid-template-rows:106px 1fr;
  }
}

@media (max-width:600px) {
  .english-page .language-story-scene::before {
    top:-25px;
    height:300px;
    background-size:480px auto;
    opacity:.62;
  }

  .english-page .language-story-content .main-nav,
  .english-page .language-selection.page-width {
    width:calc(100% - 20px);
  }

  .english-page .language-story-content .main-nav {
    min-height:58px;
  }

  .english-page .story-brand {
    font-size:18px;
  }

  .english-page .language-selection .section-heading {
    margin-bottom:11px;
  }

  .english-page .language-selection .section-heading h1 {
    font-size:27px;
  }

  .english-page .language-selection .section-heading p {
    font-size:12px;
  }

  .english-page .language-choice-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }

  .english-page .language-choice-card {
    min-height:164px;
    grid-template-rows:88px 1fr;
    border-radius:14px;
  }

  .english-page .language-card-copy {
    padding:8px 9px 9px;
  }

  .english-page .language-card-title {
    gap:5px;
  }

  .english-page .language-card-title strong {
    font-size:16px;
  }

  .english-page .language-card-flag {
    font-size:18px;
  }

  .english-page .language-card-copy > span:not(.language-card-title) {
    font-size:10px;
  }

  .english-page .story-benefits {
    margin-top:7px;
  }

  .english-page .story-benefits span {
    padding:4px 7px;
    font-size:9px;
  }

  .english-page .story-children {
    height:145px;
    margin-top:-2px;
    background-size:390px auto;
  }
}

/* English learners: single full-page illustration background */
.english-page {
  background:#02122b;
}

.english-page .language-story-scene {
  min-height:max(100vh,75vw);
  overflow:hidden;
  background-color:#02122b;
  background-image:url("assets/starpath-language-background.png");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:100% auto;
}

.english-page .language-story-scene::before,
.english-page .language-story-scene::after {
  display:none;
}

.english-page .language-story-content {
  min-height:max(100vh,75vw);
  display:flex;
  flex-direction:column;
}

.english-page .language-story-content .site-header {
  flex:0 0 auto;
  background:transparent;
}

.english-page .language-story-content .main-nav,
.english-page .language-selection.page-width {
  width:min(1240px,84vw);
}

.english-page .language-story-content .main-nav {
  min-height:66px;
}

.english-page .language-selection.page-width {
  position:relative;
  padding:2px 18px 10px;
}

.english-page .language-selection::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8px -14px -6px;
  background:radial-gradient(ellipse at center,rgba(2,18,43,.68) 0%,rgba(2,18,43,.48) 62%,transparent 100%);
  border-radius:32px;
  backdrop-filter:blur(1.5px);
  pointer-events:none;
}

.english-page .story-brand {
  margin-bottom:1px;
  font-size:clamp(19px,1.6vw,25px);
}

.english-page .language-selection .section-heading {
  margin-bottom:12px;
}

.english-page .language-selection .section-heading h1 {
  font-size:clamp(32px,3vw,43px);
}

.english-page .language-choice-grid {
  gap:15px;
}

.english-page .language-choice-card {
  min-height:178px;
  grid-template-rows:108px 1fr;
  background:linear-gradient(180deg,rgba(5,27,59,.93),rgba(5,31,66,.96));
  box-shadow:0 9px 22px rgba(0,0,0,.28);
}

.english-page .story-benefits {
  margin-top:8px;
}

.english-page .story-footer {
  width:100%;
  margin-top:auto;
  padding:6px 16px 10px;
  flex:0 0 auto;
  background:linear-gradient(180deg,transparent,rgba(2,18,43,.44));
  border:0;
}

.english-page .story-footer .footer-inner {
  padding:4px;
  background:transparent;
}

.english-page .story-footer p {
  margin:0;
  color:#c6cfde;
  text-shadow:0 2px 8px rgba(0,0,0,.8);
}

@media (max-width:1100px) {
  .english-page .language-story-scene,
  .english-page .language-story-content {
    min-height:max(100vh,92vw);
  }

  .english-page .language-story-content .main-nav,
  .english-page .language-selection.page-width {
    width:min(960px,calc(100% - 36px));
  }

  .english-page .language-choice-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:600px) {
  .english-page .language-story-scene {
    min-height:1500px;
    background-position:center top;
    background-size:auto 100%;
  }

  .english-page .language-story-content {
    min-height:1500px;
  }

  .english-page .language-story-content .main-nav,
  .english-page .language-selection.page-width {
    width:calc(100% - 18px);
  }

  .english-page .language-selection.page-width {
    padding-inline:6px;
  }

  .english-page .language-selection::before {
    inset:-6px -4px -5px;
    background:radial-gradient(ellipse at center,rgba(2,18,43,.8),rgba(2,18,43,.58) 70%,transparent 100%);
  }

  .english-page .language-choice-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }

  .english-page .language-choice-card {
    min-height:162px;
    grid-template-rows:87px 1fr;
  }

  .english-page .story-footer {
    padding-bottom:8px;
  }
}

/* English learners: laptop-fit artwork scale and compact overlay */
@media (min-width:601px) {
  html:has(.english-page),
  body.english-page {
    height:100%;
    overflow:hidden;
  }

  .english-page .language-story-scene,
  .english-page .language-story-content {
    width:100%;
    height:100vh;
    height:100dvh;
    min-height:0;
  }

  .english-page .language-story-scene {
    position:relative;
    background-size:auto 100%;
    background-position:center;
  }

  .english-page .language-story-scene::after {
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    display:block;
    pointer-events:none;
    background:
      linear-gradient(90deg,
        #02122b 0%,
        rgba(2,18,43,.98) max(0%,calc(50% - 66.667vh)),
        transparent max(0%,calc(50% - 56vh)),
        transparent min(100%,calc(50% + 56vh)),
        rgba(2,18,43,.98) min(100%,calc(50% + 66.667vh)),
        #02122b 100%);
  }

  .english-page .language-story-content {
    position:relative;
    z-index:1;
  }
}

.english-page .language-story-content .main-nav,
.english-page .language-selection.page-width {
  width:min(940px,calc(100% - 56px));
}

.english-page .language-story-content .main-nav {
  min-height:54px;
  padding-block:3px;
}

.english-page .language-story-content .brand,
.english-page .language-story-content .brand img {
  width:44px;
  height:44px;
  flex-basis:44px;
}

.english-page .language-story-content .flag-button {
  width:36px;
  height:36px;
}

.english-page .language-selection.page-width {
  padding:0 10px 4px;
}

.english-page .language-selection::before {
  inset:-4px -8px -3px;
  background:radial-gradient(ellipse at center,rgba(2,18,43,.6),rgba(2,18,43,.38) 68%,transparent 100%);
  border-radius:24px;
}

.english-page .language-selection .section-heading {
  margin-bottom:8px;
}

.english-page .language-selection .section-heading h1 {
  margin-bottom:2px;
  color:#ffd071;
  font-size:clamp(26px,2.5vw,34px);
  letter-spacing:-.015em;
}

.english-page .language-selection .section-heading h1::after {
  display:none;
}

.english-page .language-selection .section-heading p {
  color:#fff;
  font-size:14px;
  font-weight:700;
}

.english-page .language-choice-grid {
  gap:10px 12px;
}

.english-page .language-choice-card {
  min-height:136px;
  grid-template-rows:86px 1fr;
  border-color:rgba(216,168,77,.26);
  border-radius:14px;
  box-shadow:0 7px 17px rgba(0,0,0,.24);
}

.english-page .language-card-image {
  padding:4px;
  background:rgba(3,23,53,.86);
}

.english-page .language-card-image::after {
  display:none;
}

.english-page .language-card-image img {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:9px;
  transform:none;
}

.english-page .language-image-flag {
  position:absolute;
  z-index:2;
  top:8px;
  right:8px;
  min-width:30px;
  height:24px;
  padding:2px 5px;
  display:grid;
  place-items:center;
  background:rgba(2,18,43,.78);
  border:1px solid rgba(255,255,255,.36);
  border-radius:7px;
  box-shadow:0 3px 9px rgba(0,0,0,.28);
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
  font-size:18px;
  line-height:1;
  backdrop-filter:blur(4px);
}

.english-page .language-card-copy {
  padding:6px 9px 8px;
  align-items:center;
  text-align:center;
}

.english-page .language-card-title {
  margin-bottom:1px;
}

.english-page .language-card-title strong {
  font-size:17px;
}

.english-page .language-card-copy > span:not(.language-card-title) {
  font-size:10px;
}

.english-page .language-choice-card.is-coming-soon .language-card-image img {
  filter:none;
}

.english-page .story-benefits {
  min-height:32px;
  margin:5px auto 0;
  gap:7px;
}

.english-page .story-benefits span {
  min-height:25px;
  padding:3px 9px;
  font-size:10px;
}

.english-page .story-footer {
  padding:2px 12px 5px;
}

.english-page .story-footer .footer-inner {
  padding:2px;
}

.english-page .story-footer p {
  font-size:11px;
}

@media (max-width:1100px) and (min-width:601px) {
  .english-page .language-story-content .main-nav,
  .english-page .language-selection.page-width {
    width:min(900px,calc(100% - 40px));
  }

  .english-page .language-choice-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (max-width:600px) {
  html:has(.english-page),
  body.english-page {
    overflow-x:hidden;
  }

  .english-page .language-story-scene {
    min-height:1280px;
    background-size:auto 100%;
    background-position:center top;
  }

  .english-page .language-story-content {
    min-height:1280px;
  }

  .english-page .language-story-content .main-nav,
  .english-page .language-selection.page-width {
    width:calc(100% - 16px);
  }

  .english-page .language-selection .section-heading h1 {
    font-size:25px;
  }

  .english-page .language-selection .section-heading p {
    font-size:12px;
  }

  .english-page .language-choice-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .english-page .language-choice-card {
    min-height:148px;
    grid-template-rows:91px 1fr;
  }

  .english-page .language-card-title strong {
    font-size:15px;
  }

  .english-page .language-card-copy > span:not(.language-card-title) {
    font-size:9px;
  }
}

/* English learners: compact image-led language choices */
.english-page .language-selection.page-width {
  width:min(820px,calc(100% - 56px));
  padding-top:18px;
}

.english-page .language-choice-grid {
  grid-template-columns:repeat(4,180px);
  justify-content:center;
  gap:10px 16px;
}

.english-page .language-choice-card {
  width:180px;
  min-width:0;
  min-height:128px;
  grid-template-rows:96px 32px;
  border-color:rgba(216,168,77,.24);
  border-radius:13px;
  box-shadow:0 6px 15px rgba(0,0,0,.22);
}

.english-page .language-card-image {
  width:100%;
  height:96px;
  padding:3px;
}

.english-page .language-card-image img {
  width:100%;
  height:100%;
  object-fit:contain;
}

.english-page .language-card-copy {
  width:100%;
  min-height:32px;
  padding:4px 6px 5px;
  display:grid;
  place-items:center;
}

.english-page .language-card-title {
  margin:0;
  justify-content:center;
  text-align:center;
}

.english-page .language-card-title strong {
  color:#ffd071;
  font-size:16px;
  font-weight:900;
}

.english-page .story-benefits {
  margin-top:6px;
}

@media (max-width:900px) and (min-width:601px) {
  .english-page .language-selection.page-width {
    width:min(700px,calc(100% - 36px));
  }

  .english-page .language-choice-grid {
    grid-template-columns:repeat(4,155px);
    gap:10px 12px;
  }

  .english-page .language-choice-card {
    width:155px;
    min-height:116px;
    grid-template-rows:86px 30px;
  }

  .english-page .language-card-image {
    height:86px;
  }

  .english-page .language-card-copy {
    min-height:30px;
  }
}

@media (max-width:600px) {
  .english-page .language-selection.page-width {
    width:calc(100% - 18px);
    padding-top:14px;
  }

  .english-page .language-choice-grid {
    grid-template-columns:repeat(2,minmax(0,168px));
    gap:9px;
  }

  .english-page .language-choice-card {
    width:100%;
    min-height:126px;
    grid-template-rows:94px 32px;
  }

  .english-page .language-card-image {
    height:94px;
  }

  .english-page .language-card-title strong {
    font-size:15px;
  }
}

@media (max-width:370px) {
  .english-page .language-choice-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .english-page .language-choice-card {
    min-height:116px;
    grid-template-rows:86px 30px;
  }

  .english-page .language-card-image {
    height:86px;
  }
}

/* English learners: flush card imagery and SVG flag badges */
.english-page .language-choice-card {
  overflow:hidden;
}

.english-page .language-card-image {
  padding:0;
  border-radius:13px 13px 0 0;
}

.english-page .language-card-image > img {
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  background:#071d40;
  border-radius:13px 13px 0 0;
}

.english-page .language-image-flag {
  top:7px;
  right:auto;
  left:7px;
  width:30px;
  min-width:30px;
  height:30px;
  padding:4px;
  overflow:hidden;
  background:#fff;
  border:2px solid #fff;
  border-radius:50%;
  box-shadow:0 4px 10px rgba(0,0,0,.34);
}

.english-page .language-image-flag img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
}

@media (max-width:600px) {
  .english-page .language-card-image,
  .english-page .language-card-image > img {
    border-radius:14px 14px 0 0;
  }

  .english-page .language-image-flag {
    top:6px;
    left:6px;
    width:27px;
    min-width:27px;
    height:27px;
    padding:3px;
  }
}

/* English learners: clean, evenly inset SVG flag badges */
.english-page .language-image-flag {
  top:9px;
  left:9px;
  width:27px;
  min-width:27px;
  height:27px;
  padding:3px;
  background:rgba(2,18,43,.72);
  border:0;
  box-shadow:0 3px 8px rgba(0,0,0,.3);
}

@media (max-width:600px) {
  .english-page .language-image-flag {
    top:8px;
    left:8px;
    width:25px;
    min-width:25px;
    height:25px;
    padding:3px;
  }
}

/* English learners: true edge-to-edge 4:3 card imagery */
.english-page .language-choice-card {
  min-height:0;
  grid-template-rows:auto 32px;
}

.english-page .language-card-image {
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  overflow:hidden;
  padding:0;
}

.english-page .language-card-image > img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  display:block;
  object-fit:contain;
  object-position:center;
  margin:0;
  padding:0;
}

.english-page .language-image-flag {
  top:9px;
  left:9px;
  right:auto;
  bottom:auto;
  overflow:hidden;
}

.english-page .language-image-flag img {
  position:static;
  inset:auto;
  width:100%;
  height:100%;
  max-width:100%;
  margin:0;
  padding:0;
  object-fit:cover;
}

@media (max-width:900px) and (min-width:601px) {
  .english-page .language-choice-card {
    min-height:0;
    grid-template-rows:auto 30px;
  }
}

@media (max-width:600px) {
  .english-page .language-choice-card {
    min-height:0;
    grid-template-rows:auto 32px;
  }

  .english-page .language-image-flag {
    top:8px;
    left:8px;
  }
}

@media (max-width:370px) {
  .english-page .language-choice-card {
    min-height:0;
    grid-template-rows:auto 30px;
  }
}

/* English learners: undecorated rectangular SVG flags */
.english-page .language-image-flag {
  top:9px;
  left:9px;
  right:auto;
  bottom:auto;
  width:32px;
  min-width:32px;
  height:24px;
  padding:0;
  overflow:hidden;
  background:transparent;
  border:0;
  border-radius:0;
  outline:0;
  box-shadow:none;
  filter:none;
}

.english-page .language-image-flag img {
  width:100%;
  height:100%;
  display:block;
  object-fit:fill;
  border:0;
  border-radius:0;
  outline:0;
  box-shadow:none;
  filter:none;
}

@media (max-width:600px) {
  .english-page .language-image-flag {
    top:8px;
    left:8px;
    width:28px;
    min-width:28px;
    height:21px;
  }
}

/* English learners: shorter top-anchored image framing */
.english-page .language-card-image {
  aspect-ratio:3 / 2;
  height:auto;
}

.english-page .language-card-image > img {
  width:100%;
  height:auto;
  min-height:0;
  object-fit:initial;
  object-position:top center;
  top:0;
  bottom:auto;
}

/* English learners: lightweight cards and bottom benefits */
.english-page .language-selection.page-width {
  padding-top:40px;
}

.english-page .language-selection::before {
  display:none;
}

.english-page .language-choice-card,
.english-page .language-choice-card.is-coming-soon {
  background:transparent;
  border-color:rgba(216,168,77,.18);
  box-shadow:none;
}

.english-page .language-choice-card.is-available:hover,
.english-page .language-choice-card.is-available:focus-visible {
  background:transparent;
  border-color:rgba(216,168,77,.42);
  box-shadow:none;
  transform:translateY(-2px);
}

.english-page .story-benefits {
  width:max-content;
  max-width:calc(100% - 24px);
  min-height:28px;
  margin:auto auto 2px;
  padding:0;
  flex:0 0 auto;
  gap:7px;
}

.english-page .story-benefits span {
  min-height:24px;
  padding:3px 9px;
  color:#ffd071;
  background:rgba(2,18,43,.52);
  border-color:rgba(216,168,77,.3);
  box-shadow:none;
  font-size:10px;
}

.english-page .story-footer {
  margin-top:0;
}

@media (max-width:600px) {
  .english-page .language-selection.page-width {
    padding-top:24px;
  }

  .english-page .story-benefits {
    max-width:calc(100% - 16px);
    margin-bottom:2px;
    gap:5px;
  }

  .english-page .story-benefits span {
    padding:3px 6px;
    font-size:9px;
  }
}

/* English learners: flexible three-section artwork layout */
html:has(.english-page),
body.english-page {
  height:auto;
  min-height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  background:#02122b;
}

.english-page .language-directory-page {
  min-height:100vh;
  overflow:visible;
  background:#02122b;
}

.english-page .language-artwork-top {
  position:relative;
  height:clamp(180px,18vw,280px);
  overflow:hidden;
  background-color:#02122b;
  background-image:url("assets/starpath-language-background-top.png");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
}

.english-page .language-artwork-top::after {
  content:"";
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  bottom:0;
  height:42%;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,#02122b);
}

.english-page .language-artwork-top .site-header {
  position:relative;
  z-index:2;
  background:transparent;
}

.english-page .language-artwork-top .main-nav {
  width:min(1180px,calc(100% - 48px));
  min-height:64px;
  padding-block:7px;
}

.english-page .language-directory-middle {
  position:relative;
  z-index:2;
  background:#02122b;
}

.english-page .language-directory-middle .language-selection.page-width {
  width:min(940px,calc(100% - 48px));
  padding:24px 0 32px;
}

.english-page .language-directory-middle .section-heading {
  margin-bottom:16px;
}

.english-page .language-directory-middle .language-choice-grid {
  grid-template-columns:repeat(4,180px);
  justify-content:center;
  gap:12px 16px;
}

.english-page .language-artwork-bottom {
  position:relative;
  min-height:clamp(300px,47vw,540px);
  background-color:#02122b;
  background-image:url("assets/starpath-language-background-bottom.png");
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:cover;
}

.english-page .language-artwork-bottom::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:34%;
  pointer-events:none;
  background:linear-gradient(180deg,#02122b,transparent);
}

.english-page .language-directory-closing {
  background:#02122b;
}

.english-page .language-directory-closing .story-benefits {
  width:max-content;
  max-width:calc(100% - 24px);
  min-height:34px;
  margin:0 auto;
  padding:10px 0 5px;
}

.english-page .language-directory-closing .story-benefits span {
  color:#ffd071;
}

.english-page .language-directory-closing .story-footer {
  margin:0;
  padding:4px 16px 12px;
  background:#02122b;
}

.english-page .language-directory-closing .story-footer .footer-tagline {
  color:#ffd071;
}

@media (max-width:900px) {
  .english-page .language-artwork-top {
    height:clamp(180px,28vw,240px);
    background-size:auto 100%;
  }

  .english-page .language-directory-middle .language-selection.page-width {
    width:min(700px,calc(100% - 32px));
  }

  .english-page .language-directory-middle .language-choice-grid {
    grid-template-columns:repeat(3,180px);
  }

  .english-page .language-artwork-bottom {
    min-height:clamp(320px,68vw,520px);
    background-size:cover;
  }
}

@media (max-width:600px) {
  .english-page .language-artwork-top {
    height:180px;
    background-size:auto 180px;
  }

  .english-page .language-artwork-top .main-nav {
    width:calc(100% - 20px);
    min-height:58px;
  }

  .english-page .language-directory-middle .language-selection.page-width {
    width:calc(100% - 18px);
    padding:20px 0 26px;
  }

  .english-page .language-directory-middle .language-choice-grid {
    grid-template-columns:repeat(2,minmax(0,168px));
    gap:10px;
  }

  .english-page .language-artwork-bottom {
    min-height:360px;
    background-position:center bottom;
    background-size:auto 100%;
  }

  .english-page .language-directory-closing .story-benefits {
    padding-top:8px;
  }
}

@media (max-width:370px) {
  .english-page .language-directory-middle .language-choice-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
}

/* English learners: shallow approved top-artwork viewport */
.english-page .language-artwork-top {
  height:195px;
  background-position:center -50px;
  background-size:100% auto;
}

.english-page .language-artwork-top::after {
  height:34%;
  background:linear-gradient(180deg,transparent,#02122b 96%);
}

.english-page .language-directory-middle .language-selection.page-width {
  padding-top:20px;
}

.english-page .language-directory-middle .section-heading {
  margin-bottom:16px;
}

.english-page .language-directory-middle .section-heading h1 {
  margin-bottom:10px;
}

.english-page .language-directory-middle .section-heading p {
  margin-top:0;
}

@media (max-width:1440px) {
  .english-page .language-artwork-top {
    height:175px;
    background-position:center -28px;
  }
}

@media (max-width:1024px) {
  .english-page .language-artwork-top {
    height:150px;
    background-position:center -14px;
    background-size:100% auto;
  }
}

@media (max-width:600px) {
  .english-page .language-artwork-top {
    height:130px;
    background-position:center -5px;
    background-size:100% auto;
  }

  .english-page .language-directory-middle .language-selection.page-width {
    padding-top:20px;
  }

  .english-page .language-directory-middle .section-heading h1 {
    margin-bottom:10px;
  }
}

/* English learners: tightened section rhythm and artwork overlays */
.english-page .language-artwork-top {
  height:150px;
  background-position:center top;
  background-size:auto 330px;
}

.english-page .language-directory-middle .language-selection.page-width {
  padding-top:7px;
  padding-bottom:8px;
}

.english-page .language-directory-middle .section-heading {
  margin-top:0;
  margin-bottom:8px;
  padding-top:0;
}

.english-page .language-directory-middle .section-heading h1 {
  margin-top:0;
  margin-bottom:7px;
}

.english-page .language-artwork-bottom {
  margin-top:0;
  min-height:clamp(270px,42vw,480px);
  display:flex;
  align-items:flex-end;
}

.english-page .language-directory-closing {
  position:relative;
  z-index:2;
  width:100%;
  margin:0;
  padding:0 12px 7px;
  background:linear-gradient(180deg,transparent,rgba(2,18,43,.72) 54%,rgba(2,18,43,.9));
}

.english-page .language-directory-closing .story-benefits {
  margin:0 auto 2px;
  padding:8px 0 2px;
}

.english-page .language-directory-closing .story-benefits span {
  color:#ffd071;
  background:rgba(2,18,43,.58);
  border-color:rgba(216,168,77,.28);
  backdrop-filter:blur(3px);
}

.english-page .language-directory-closing .story-footer {
  margin:0;
  padding:1px 8px 2px;
  background:transparent;
}

.english-page .language-directory-closing .story-footer .footer-inner {
  padding:1px;
}

@media (max-width:1440px) {
  .english-page .language-artwork-top {
    height:135px;
    background-position:center top;
    background-size:auto 290px;
  }
}

@media (max-width:1024px) {
  .english-page .language-artwork-top {
    height:120px;
    background-position:center top;
    background-size:auto 250px;
  }

  .english-page .language-artwork-bottom {
    min-height:clamp(280px,60vw,460px);
  }
}

@media (max-width:600px) {
  .english-page .language-artwork-top {
    height:110px;
    background-position:center top;
    background-size:auto 220px;
  }

  .english-page .language-directory-middle .language-selection.page-width {
    padding-top:7px;
    padding-bottom:8px;
  }

  .english-page .language-artwork-bottom {
    min-height:330px;
  }

  .english-page .language-directory-closing {
    padding-inline:6px;
    padding-bottom:5px;
  }

  .english-page .language-directory-closing .story-benefits {
    padding-top:6px;
  }
}

/* English learners: layered continuous composition */
.english-page .language-artwork-top {
  height:145px;
}

.english-page .language-directory-middle {
  z-index:3;
  margin-top:-48px;
  background:transparent;
}

.english-page .language-directory-middle .language-selection.page-width {
  padding-top:4px;
  padding-bottom:20px;
}

.english-page .language-directory-middle .section-heading {
  margin-top:0;
  padding-top:0;
}

.english-page .language-artwork-bottom {
  z-index:1;
  min-height:clamp(300px,39vw,450px);
  margin-top:-62px;
  overflow:hidden;
}

.english-page .language-artwork-bottom::before {
  height:24%;
  background:linear-gradient(180deg,#02122b 0%,rgba(2,18,43,.64) 34%,transparent 100%);
}

.english-page .language-directory-closing {
  padding-bottom:4px;
  background:linear-gradient(180deg,transparent 0%,rgba(2,18,43,.5) 52%,rgba(2,18,43,.76) 100%);
}

.english-page .language-directory-closing .story-benefits {
  padding-top:5px;
}

.english-page .language-directory-closing .story-footer {
  padding-bottom:0;
}

.english-page .language-directory-closing .story-footer .footer-inner {
  padding-bottom:0;
}

.english-page .language-directory-closing .story-footer p {
  margin-bottom:0;
}

@media (max-width:1440px) {
  .english-page .language-artwork-top {
    height:130px;
  }

  .english-page .language-directory-middle {
    margin-top:-42px;
  }

  .english-page .language-directory-middle .language-selection.page-width {
    padding-bottom:20px;
  }

  .english-page .language-artwork-bottom {
    margin-top:-60px;
  }
}

@media (max-width:1024px) {
  .english-page .language-artwork-top {
    height:116px;
  }

  .english-page .language-directory-middle {
    margin-top:-34px;
    background:transparent;
  }

  .english-page .language-directory-middle .language-selection.page-width {
    padding-bottom:18px;
  }

  .english-page .language-artwork-bottom {
    min-height:clamp(300px,58vw,430px);
    margin-top:-52px;
  }
}

@media (max-width:600px) {
  .english-page .language-artwork-top {
    height:106px;
  }

  .english-page .language-directory-middle {
    margin-top:-28px;
    background:transparent;
  }

  .english-page .language-directory-middle .language-selection.page-width {
    padding-top:3px;
    padding-bottom:16px;
  }

  .english-page .language-artwork-bottom {
    min-height:320px;
    margin-top:-40px;
  }

  .english-page .language-artwork-bottom::before {
    height:20%;
  }
}

/* English learners: bottom artwork is the final page boundary */
html:has(body.english-page),
body.english-page {
  height:auto;
  min-height:0;
  margin:0;
  padding:0;
}

.english-page .language-directory-page {
  height:auto;
  min-height:0;
  margin:0;
  padding:0;
}

.english-page .language-artwork-bottom {
  margin-bottom:0;
  padding-bottom:0;
}

.english-page .language-directory-closing {
  margin-bottom:0;
  padding-bottom:0;
}

.english-page .language-directory-closing .story-benefits {
  margin-bottom:0;
}

.english-page .language-directory-closing .story-footer,
.english-page .language-directory-closing .story-footer .footer-inner,
.english-page .language-directory-closing .story-footer p {
  margin-bottom:0;
  padding-bottom:0;
}

.english-page .language-directory-closing .story-footer {
  min-height:0;
}

.english-page .language-directory-closing .story-footer .footer-inner {
  min-height:0;
}

/* English learners: lift bottom artwork text as one unit */
.english-page .language-directory-closing {
  transform:translateY(-30px);
}

@media (max-width:600px) {
  .english-page .language-directory-closing {
    transform:translateY(-24px);
  }
}

/* English learners: final compact vertical spacing */
.english-page .language-directory-middle {
  margin-top:-72px;
}

.english-page .language-directory-middle .language-selection.page-width {
  padding-top:2px;
  padding-bottom:12px;
}

.english-page .language-directory-middle .section-heading {
  margin-top:0;
}

.english-page .language-directory-middle .section-heading h1 {
  margin-top:0;
}

.english-page .language-artwork-bottom {
  margin-top:-102px;
}

@media (max-width:1440px) {
  .english-page .language-directory-middle {
    margin-top:-64px;
  }

  .english-page .language-artwork-bottom {
    margin-top:-96px;
  }
}

@media (max-width:1024px) {
  .english-page .language-directory-middle {
    margin-top:-52px;
  }

  .english-page .language-directory-middle .language-selection.page-width {
    padding-bottom:10px;
  }

  .english-page .language-artwork-bottom {
    margin-top:-88px;
  }
}

@media (max-width:600px) {
  .english-page .language-directory-middle {
    margin-top:-44px;
  }

  .english-page .language-directory-middle .language-selection.page-width {
    padding-top:2px;
    padding-bottom:9px;
  }

  .english-page .language-artwork-bottom {
    margin-top:-72px;
  }
}

/* English learners: centred desktop viewport for bottom artwork */
@media (min-width:901px) {
  .english-page .language-artwork-bottom {
    background-color:#031735;
    background-image:none;
    margin-top:-147px;
  }

  .english-page .language-artwork-bottom::after {
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    bottom:0;
    left:50%;
    width:min(806px,53.3vw);
    pointer-events:none;
    background-image:url("assets/starpath-language-background-bottom.png");
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:58.5vw auto;
    transform:translateX(-50%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%);
  }

  .english-page .language-artwork-bottom::before {
    z-index:1;
  }

  .english-page .language-directory-closing {
    z-index:2;
  }
}

@media (max-width:600px) {
  .english-page .language-artwork-bottom {
    background-color:#031735;
    background-image:none;
  }

  .english-page .language-artwork-bottom::after {
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:auto;
    pointer-events:none;
    background-image:url("assets/starpath-language-background-bottom.png");
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:145vw auto;
    transform:none;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
  }

  .english-page .language-artwork-bottom::before {
    z-index:1;
  }

  .english-page .language-directory-closing {
    z-index:2;
  }
}

@media (max-width:600px) {
  .english-page .language-artwork-bottom {
    margin-top:-112px;
  }
}

/* English landing: keep the benefits integrated with the bottom artwork. */
.english-page .language-directory-closing {
  background:transparent;
}

.english-page .language-directory-closing .story-benefits span {
  min-height:28px;
  padding:4px 11px;
  color:#ffd071;
  background:transparent;
  border:1px solid rgba(255,208,113,.62);
  border-radius:999px;
  box-shadow:none;
  backdrop-filter:none;
}