.ja-landing{overflow-x:clip}.ja-landing .ja-hero{position:relative;isolation:isolate;min-height:clamp(560px,calc(100svh - var(--header-h, 72px)),920px);display:flex;align-items:flex-end;overflow:hidden;background:#3d3324}.ja-landing .ja-hero picture,.ja-landing .ja-hero img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:60% 50%;z-index:-2}.ja-landing .ja-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--map-buff) 96.1%,transparent) 0,color-mix(in srgb,var(--map-buff) 87.8%,transparent) 28%,color-mix(in srgb,var(--map-buff) 50.2%,transparent) 48%,transparent 64%),linear-gradient(0deg,var(--night) 0,color-mix(in srgb,var(--map-buff) 60%,transparent) 8%,transparent 24%)}.ja-landing .ja-hero-copy{padding-block:48px clamp(48px,9vh,104px)}.ja-landing .ja-hero-copy>*{max-width:640px}.ja-landing .ja-kicker{color:var(--brass-light)}.ja-landing .ja-hero h1{margin:var(--space-4) 0 var(--space-5);font-size:clamp(40px,4.6vw,72px);color:var(--map-ink)}.ja-landing .ja-lead{font-size:var(--text-lg);color:var(--map-terracotta-dark);text-shadow:0 1px 8px color-mix(in srgb,var(--map-glint) 50.2%,transparent)}.ja-landing .ja-sample{width:fit-content;margin:var(--space-6) 0 0;padding:14px 20px;border:1px solid color-mix(in srgb,var(--map-sepia) 60%,transparent);border-radius:8px;background:color-mix(in srgb,var(--map-buff) 85.1%,transparent)}.ja-landing .ja-sample figcaption{color:var(--brass-light);font-size:var(--text-xs)}.ja-landing .ja-sample-text{margin:6px 0 2px;color:var(--map-ink);font-size:30px;line-height:1.9}.ja-landing .ja-sample-gloss{margin:0;color:var(--map-terracotta-dark);font-size:var(--text-md)}.ja-landing .ja-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-6)}.ja-landing .ja-band{padding-block:72px}.ja-landing .ja-band h2{margin-top:var(--space-3)}.ja-landing .ja-intro{max-width:40em;margin-top:var(--space-4);color:var(--text-muted)}.ja-landing .ja-path{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:var(--space-6) 0 0;padding:0;list-style:none;counter-reset:ja-step}.ja-landing .ja-path a{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;height:100%;padding:14px;border:1px solid color-mix(in srgb,var(--map-sepia) 40%,transparent);border-radius:8px;background:var(--map-buff-light);color:var(--cream);text-decoration:none}.ja-landing .ja-path a:hover{border-color:var(--brass-light)}.ja-landing .ja-path a>*:first-child{width:56px;height:56px}.ja-landing .ja-path a>span{display:grid;gap:4px}.ja-landing .ja-path a>span>bdi{color:var(--brass-light);font-size:var(--text-xs);font-weight:700}.ja-landing .ja-path a>span>bdi:before{counter-increment:ja-step;content:counter(ja-step) " \b7  "}.ja-landing .ja-path strong{font-size:var(--text-md);line-height:1.35}.ja-landing .ja-chain{margin-top:var(--space-5)}.ja-landing .ja-chain ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px 22px;margin:8px 0 0;padding:0;list-style:none}.ja-landing .ja-chain li{display:grid;gap:2px}.ja-landing .ja-chain-word{color:var(--map-ink);font-size:26px;line-height:1.5;overflow-wrap:anywhere}.ja-landing .ja-chain-word b{color:var(--brass-light)}.ja-landing .ja-chain-gloss{color:var(--map-terracotta-dark);font-size:var(--text-sm)}.ja-landing .ja-levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:var(--space-6) 0 0;padding:0;list-style:none}.ja-landing .ja-levels a{display:grid;gap:6px;height:100%;padding:16px;border:1px solid color-mix(in srgb,var(--map-sepia) 40%,transparent);border-radius:8px;background:var(--map-buff-light);color:var(--cream);text-decoration:none}.ja-landing .ja-levels a:hover{border-color:var(--brass-light)}.ja-landing .ja-levels a>bdi{color:var(--brass-light);font-size:var(--text-xs);font-weight:700}.ja-landing .ja-levels strong{font-size:var(--text-lg);line-height:1.3}.ja-landing .ja-levels a>span{color:var(--text-muted);font-size:var(--text-sm)}.ja-landing .ja-why li{display:grid;align-content:start;gap:8px}.ja-landing .ja-methods-band+.ja-methods-band{padding-top:0;border-top:0}.ja-landing .ja-progress [data-continue][hidden]{display:none}.ja-landing .ja-methods-band{background:var(--map-buff-light);border-block:1px solid color-mix(in srgb,var(--map-sepia) 20%,transparent)}.ja-landing .ja-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin:var(--space-6) 0 0;padding:0;list-style:none}.ja-landing .ja-methods li{padding:20px;border-top:2px solid var(--brass);background:var(--map-buff);border-radius:0 0 8px 8px}.ja-landing .ja-methods h3{margin:0 0 8px;font-size:var(--text-xl)}.ja-landing .ja-methods p{margin:0;color:var(--text-muted)}.ja-landing .ja-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:var(--space-6)}.ja-landing .ja-topics a{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid color-mix(in srgb,var(--map-sepia) 26.7%,transparent);border-radius:6px;color:var(--cream);text-decoration:none;font-size:var(--text-sm)}.ja-landing .ja-topics a:hover{border-color:var(--brass-light)}.ja-landing .ja-topics a>*:first-child{width:40px;height:40px}.ja-landing .ja-count{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.ja-landing .ja-all{display:inline-block;margin-top:var(--space-5)}.ja-landing .ja-story{display:grid;grid-template-columns:minmax(0,1fr)}.ja-landing .ja-story>div{max-width:46em;padding:32px;border:1px solid color-mix(in srgb,var(--map-sepia) 40%,transparent);border-radius:10px;background:linear-gradient(120deg,#3a1f1acc,var(--map-buff-light))}.ja-landing .ja-story p{margin:var(--space-4) 0 var(--space-5);color:var(--map-terracotta-dark)}.ja-landing .ja-closing{text-align:center}.ja-landing .ja-closing p{margin:var(--space-4) auto var(--space-5);color:var(--text-muted)}.course-overview .course-overview-hero{min-height:440px;align-items:center;background:radial-gradient(ellipse at 85% 15%,var(--map-buff-light) 0,var(--map-buff) 48%,var(--map-buff) 85%)}.course-overview .course-overview-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.course-overview .course-overview-examples .ja-sample{width:auto;margin:0}.course-overview .course-overview-examples .ja-sample-gloss{color:var(--map-terracotta-dark);font-size:var(--text-md)}.course-overview .course-overview-hero:after{background:none}@media(max-width:820px){.course-overview .course-overview-hero .ja-hero-copy{margin-top:0;padding-block:64px 48px}.ja-landing .ja-hero{align-items:stretch;flex-direction:column;min-height:0}.ja-landing .ja-hero picture,.ja-landing .ja-hero img{position:relative;height:300px}.ja-landing .ja-hero:after{background:linear-gradient(0deg,var(--night) 0,var(--night) calc(100% - 300px),color-mix(in srgb,var(--map-buff) 60%,transparent) calc(100% - 220px),transparent calc(100% - 140px))}.ja-landing .ja-hero-copy{margin-top:-96px;padding-block:0 48px}.ja-landing .ja-actions .button{flex:1 1 100%}.ja-landing .ja-sample-text{font-size:26px}.ja-landing .ja-band{padding-block:52px}}.ja-landing .ja-story-facts{display:grid;gap:var(--space-3);margin:0 0 var(--space-5)}.ja-landing .ja-story-facts div{display:grid;gap:2px}.ja-landing .ja-story-facts dt{color:var(--brass-light);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.ja-landing .ja-story-facts dd{margin:0;color:var(--map-ink)}.ja-landing .ja-story-sample{width:auto;margin:0 0 var(--space-5)}.ja-landing .ja-story-sample ol{display:grid;gap:var(--space-3);margin:var(--space-2) 0 0;padding:0;list-style:none}.ja-landing .ja-story-sample li{display:grid;gap:2px}.ja-landing .ja-story-sample b{color:var(--map-terracotta-dark);font-size:var(--text-xs)}.ja-landing .ja-story-sample .ja-sample-text{margin:0;font-size:22px;line-height:1.5}.try-round{max-width:46em;margin-top:var(--space-6);padding:22px;border:1px solid color-mix(in srgb,var(--map-sepia) 40%,transparent);border-radius:10px;background:var(--map-buff-light)}.try-round [hidden]{display:none}.try-round .lesson-game-items{list-style:none;margin:0;padding:0}.try-round .lesson-game-item>p{margin-block:8px;color:var(--map-terracotta-dark)}.try-round .lesson-game-built{min-height:48px;margin:0 0 12px;padding:8px 12px;border-bottom:2px dashed var(--brass-light);color:var(--map-ink);font-size:28px}.try-round .lesson-game-chips,.try-round .lesson-game-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.try-round .lesson-game-chip{min-height:44px;padding:6px 16px;border:1px solid var(--brass-light);border-radius:22px;background:var(--map-buff);color:var(--cream);font:inherit;font-size:20px;cursor:pointer}.try-round .lesson-game-chip:disabled{opacity:.3;cursor:default}.try-round .lesson-game-button{min-height:44px;padding:8px 18px;border:1px solid var(--brass-light);border-radius:6px;background:var(--brass-light);color:#2b1f08;font:600 var(--text-md)/1.2 var(--sans);cursor:pointer}.try-round .lesson-game-button.lesson-game-quiet{background:transparent;color:var(--cream)}.try-round .lesson-game-button:disabled{opacity:.5;cursor:default}.try-round .lesson-game-feedback{margin:0;color:var(--cream);font-weight:600}.try-round .lesson-game-feedback:empty{display:none}.try-round .lesson-game-solution{display:block;font-weight:400}.try-round .lesson-game-summary{margin-top:16px}.try-round .lesson-game-score{margin:0 0 12px;color:var(--map-ink);font-size:var(--text-xl);font-weight:700}