/* Homepage: one introduction, four destinations, optional learning guidance. */
.studio-hero{background:#f5f0e6;color:#203a34;padding:70px 28px 76px;overflow:hidden}
.studio-hero-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
.studio-kicker{font-size:.73rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px}
.studio-intro h1{font-family:'Fredoka',sans-serif;font-weight:700;font-size:clamp(2.8rem,4.7vw,4.8rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 24px}
.studio-intro h1 em{font-style:normal;color:#a34045}
.studio-lead{font-size:1.05rem;line-height:1.75;max-width:460px;margin:0 0 28px;color:#49574f}
.studio-start{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:#213f36;color:#fff;padding:16px 22px;border-radius:12px;font-weight:700;font-size:.92rem;text-decoration:none;box-shadow:0 3px 0 #14291f;transition:transform .2s;opacity:.96}
.studio-start:hover{transform:translateY(-1px);opacity:1}
/* Keep First Mission as the one dominant CTA above fold - slightly larger, higher contrast */
.first-mission-strip .fm-cta{font-size:1rem;padding:14px 22px;box-shadow:0 6px 18px rgba(0,121,107,.28)}
.studio-note{font-size:.76rem;color:#526158;margin:20px 0 0;line-height:1.6}
.studio-feature{display:block;position:relative;padding:12px;background:#fff;border:1px solid #d3d7cd;border-radius:28px;box-shadow:14px 18px 0 #d4e0cc;transform:rotate(2deg);text-decoration:none;color:#203a34;transition:transform .2s;max-width:100%;box-sizing:border-box}
.studio-feature:hover{transform:rotate(0)}
.studio-feature img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:19px}
.studio-feature-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 10px 10px}
.studio-feature-caption small{display:block;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
.studio-feature-caption strong{font-family:'Fredoka',sans-serif;font-size:1.2rem}
.studio-feature-caption>span:last-child{font-size:1.7rem}
.studio-explore{background:#152b25;color:#fff;padding:64px 28px 72px;scroll-margin-top:90px}
.studio-section-head{max-width:1200px;margin:0 auto 30px;display:flex;align-items:end;justify-content:space-between;gap:24px}
.studio-section-head .studio-kicker{color:#c8dbb8;margin-bottom:12px}
.studio-section-head h2,.studio-learning h2{font-family:'Fredoka',sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;margin:0}
.studio-section-head>p{color:#ccd7ce;font-size:.85rem;margin:0 0 4px}
.studio-paths{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.studio-path{display:flex;flex-direction:column;align-items:start;background:#e3efdc;color:#233b32;padding:22px 20px;border-radius:16px;text-decoration:none;transition:transform .15s,box-shadow .15s;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid rgba(32,58,52,.06)}
.path-play{background:#f7dda9}.path-create{background:#dedafa}.path-read{background:#f5d9d2}
.studio-path:hover{transform:translateY(-5px);box-shadow:0 10px 0 #0002}
#main-content .studio-path:focus-visible{outline:3px solid #5a67d8;outline-offset:4px;box-shadow:0 0 0 8px rgba(90,103,216,.18);border-radius:14px}
.studio-path:focus-visible{outline:3px solid #5a67d8;outline-offset:4px}
.path-symbol{font-size:2.8rem;line-height:1;margin-bottom:24px}
.path-category{font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}
.studio-path h3{font-family:'Fredoka',sans-serif;font-size:1.5rem;line-height:1.15;margin:0 0 14px}
.studio-path p{font-size:.85rem;line-height:1.7;margin:0 0 24px}
.path-link{margin-top:auto;border-top:1px solid #233b3230;padding-top:18px;width:100%;display:flex;justify-content:space-between;font-size:.84rem;font-weight:700;gap:8px}
.studio-learning{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1200px;margin:auto;padding:64px 28px;color:#e7efe7}
.studio-learning .studio-kicker{color:#c8dbb8}.studio-learning h2{max-width:450px}.studio-learning p:not(.studio-kicker){font-size:.95rem;line-height:1.7;color:#c6d4cb;margin:18px 0}.studio-learning>div>a{color:#e3edb7;font-size:.85rem;font-weight:700}
.studio-age-links{display:flex;flex-direction:column;justify-content:center;gap:12px}
.studio-age-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:#20362d;border:1px solid #43544a;border-radius:12px;color:#f6f1e7;text-decoration:none}
.studio-age-links a:hover{background:#2a4438}.studio-age-links strong{font-size:.95rem}.studio-age-links small{display:block;color:#ccd7ce;margin-top:6px;font-size:.78rem}.studio-age-links a>span:last-child{font-size:.75rem;white-space:nowrap;color:#e3edb7}
#main-content{background:#152b25}#main-content .whats-new-banner{background:#1e332b!important}#main-content .creative-journey{background:linear-gradient(145deg,#fffaf0,#f6fbfa 58%,#f9f4ff);color:#203a34}#main-content .creative-journey .section-title{color:#203a34}#main-content .creative-journey .section-sub{color:#49574f}#main-content .creative-journey .journey-future{color:#526158}#main-content .about-strip{background:#f5f0e6;color:#203a34}#main-content .about-inner h2{color:#203a34}#main-content .about-inner p{color:#49574f}#main-content .about-inner .section-tag{background:#dce6d3;color:#203a34}
#main-content a:focus-visible{outline:3px solid #fff;outline-offset:5px;box-shadow:0 0 0 7px #203a34}
@media(max-width:1000px){.studio-hero-inner{gap:36px}.studio-paths{grid-template-columns:repeat(2,1fr)}.studio-learning{gap:35px}}
@media(max-width:680px){.studio-hero{padding:40px 22px 48px}.studio-hero-inner{grid-template-columns:1fr;gap:34px}.studio-intro h1{font-size:clamp(2.5rem,10vw,3.5rem)}.studio-kicker{font-size:.65rem;letter-spacing:.08em}.studio-lead{font-size:.96rem}.studio-feature{max-width:400px;justify-self:center;width:calc(100% - 14px);box-shadow:8px 10px 0 #d4e0cc}.studio-feature-caption strong{font-size:1.05rem}.studio-explore{padding:42px 20px}.studio-section-head{display:block}.studio-section-head>p{margin-top:14px}.studio-paths{gap:12px}.studio-path{padding:20px 16px}.studio-path h3{font-size:1.25rem}.studio-path p{font-size:.8rem}.path-symbol{margin-bottom:18px}.path-link{font-size:.76rem}.studio-learning{grid-template-columns:1fr;padding:42px 22px;gap:26px}}
@media(max-width:380px){.studio-paths{grid-template-columns:1fr}.studio-start{padding:16px;font-size:.9rem}.studio-age-links a{padding:16px 12px;gap:8px}}
/* Forked hero A362 - Kids Hub vs Parents portal */
.studio-hero--fork{background:#f5f0e6}
.studio-hero-fork{grid-template-columns:1fr;max-width:1100px}
.fork-intro{text-align:center;max-width:640px;margin:0 auto 32px}
.fork-intro .studio-kicker{margin-bottom:12px}
.fork-intro h1{font-size:clamp(2.6rem,5vw,3.8rem);margin-bottom:12px}
.fork-intro .studio-lead{max-width:560px;margin:0 auto;line-height:1.65}
.fork-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:0 auto;width:100%}
.fork-card{display:flex;flex-direction:column;gap:10px;padding:26px 22px;border-radius:18px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;min-width:0;box-sizing:border-box}
.fork-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(32,58,52,.14)}
.fork-card:focus-visible{outline:3px solid #5a67d8;outline-offset:3px}
.fork-card-kicker{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}
.fork-card h2{font-family:'Fredoka',sans-serif;font-size:1.45rem;line-height:1.15;margin:0}
.fork-card p{font-size:.88rem;line-height:1.6;margin:0}
.fork-cta{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.88rem;padding:10px 14px;border-radius:999px;width:fit-content}
.fork-meta{font-size:.68rem;opacity:.75;line-height:1.4}
.fork-kids{background:#fff8de;color:#203a34;border:1.5px solid #fde68a;box-shadow:0 6px 18px rgba(253,230,138,.35)}
.fork-kids .fork-card-kicker{color:#b45309}
.fork-kids h2{color:#92400e}
.fork-kids p{color:#57534e}
.fork-kids .fork-cta{background:#213f36;color:#fff}
.fork-kids:hover{border-color:#facc15}
.fork-parents{background:#ffffff;color:#203a34;border:1.5px solid #cbd5e1;box-shadow:0 6px 18px rgba(203,213,225,.4)}
.fork-parents .fork-card-kicker{color:#334155}
.fork-parents h2{color:#1e293b}
.fork-parents p{color:#475569}
.fork-parents .fork-cta{background:#f1f5f9;color:#1e293b;border:1px solid #e2e8f0}
.fork-parents .fork-cta--parents{background:#0f766e;color:#fff;border-color:#0f766e}
.fork-grid--single{grid-template-columns:1fr;max-width:560px}
.fork-kids--primary{padding:28px 24px;transform:none;box-shadow:0 10px 28px rgba(253,230,138,.4)}
.fork-kids--primary .fork-cta{font-size:.96rem;padding:12px 18px;box-shadow:0 4px 14px rgba(33,63,54,.2)}
.fork-kids--primary:hover{transform:translateY(-3px)}
.fork-parents-secondary{margin:14px auto 0;text-align:center;font-size:.78rem;color:#64748b;max-width:560px}
.fork-parents-secondary a{color:#0f766e;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.fork-switch{margin:10px auto 0;text-align:center;font-size:.76rem;color:#94a3b8}
.fork-switch a{color:#64748b;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.fork-switch--subtle{opacity:.85;font-size:.72rem}
.nav-link--parents{background:rgba(15,118,110,.08);border:1px solid rgba(15,118,110,.18);border-radius:999px;padding:6px 12px !important}
.nav-link--parents:hover{background:rgba(15,118,110,.14) !important}
.nav-link--teachers{background:rgba(201,138,46,.10);border:1px solid rgba(201,138,46,.24);border-radius:999px;padding:6px 12px !important}
.nav-link--teachers:hover{background:rgba(201,138,46,.16) !important}
@media(max-width:680px){.fork-grid{grid-template-columns:1fr;gap:14px}.fork-card{padding:20px 16px}.fork-card h2{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.studio-feature,.studio-start,.studio-path{transition:none;transform:none}.studio-feature:hover,.studio-start:hover,.studio-path:hover{transform:none}}
#main-content .btn-about{display:inline-flex;color:#203a34}
@media(max-width:680px){.header-inner{padding:0 12px;gap:6px}.logo-link{font-size:.9rem;gap:6px}.logo-link img{height:30px}#navProfileChip{padding:4px 6px!important;font-size:.65rem!important}.theme-toggle,.nav-toggle{min-width:36px;width:36px;padding:6px}}
@media(max-width:380px){.logo-name{font-size:.8rem}.header-inner{gap:4px}.logo-link img{height:26px}}
#dailyChallengeHome .jvds-daily-top,#dailyChallengeHome .jvds-daily-meta{flex-wrap:wrap}
#main-content .whats-new-banner>div>div{min-width:0!important}
#main-content .whats-new-banner>div>div{max-width:100%;flex-shrink:1!important}
#main-content .reveal{opacity:1;transform:none}