/* Community home; scoped so the map, catalogue and account layouts remain intact. */
.mh-home{background:var(--background);color:var(--foreground);--mh-green:#235c3d;--mh-green-text:#fff}
html.dark .mh-home{--mh-green:#9bd2b0;--mh-green-text:#111b15}
.mtc-top-header+main:has(.mh-home),.mtc-top-header+main:has(.mh-manifest){padding-top:0!important}
html[data-design="mtc"] header.mtc-top-header:has(+main .mh-home){background:#101b1733;border-bottom-color:#ffffff40;color:#fff;--foreground:#fff;--muted-foreground:#eee;--primary:#fff;--primary-foreground:#171717;--secondary:#ffffff1a}
.mh-home-hero{position:relative;isolation:isolate;min-height:clamp(620px,85svh,900px);overflow:hidden;color:#fff;background:#252c28}
.mh-home-hero::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#000b, #0005 55%,#0001);z-index:-1}
.mh-home-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;z-index:-2}
.mh-home-hero-copy{width:min(1280px,100%);margin:auto;padding:calc(var(--mtc-nav-height,64px) + 90px) 44px 110px}
.mh-home .mh-home-eyebrow,.mh-manifest .mh-home-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.16rem;text-transform:uppercase;margin:0 0 1rem;color:var(--mh-green,var(--primary))}
.mh-home-hero .mh-home-eyebrow{color:#fff}
html[data-design="mtc"] .mh-home h1{font-size:clamp(2.5rem,5.5vw,5.4rem);font-weight:900;letter-spacing:-.04em;line-height:1.04;color:#fff;margin:0 0 1.5rem;max-width:900px}
.mh-home-lead{font-size:clamp(1rem,1.7vw,1.4rem);line-height:1.55;white-space:pre-line;max-width:550px;margin:0}
.mh-home-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:25px}
.mh-home-action{display:inline-flex;justify-content:center;align-items:center;padding:12px 20px;border:1px solid currentColor;text-decoration:none;font-weight:700;font-size:.88rem;line-height:1.6;transition:background-color .2s,opacity .2s}
.mh-home-action:hover{opacity:.84}
.mh-home-action-light{background:#fff;color:#111;border-color:#fff}
.mh-home-action-outline{color:#fff;background:#0001}
.mh-home-action-primary{background:var(--mh-green);color:var(--mh-green-text);border-color:var(--mh-green)}
.mh-home-photo-caption{position:absolute;right:24px;bottom:15px;color:#fff;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;max-width:80%;margin:0}
.mh-home-section{max-width:1200px;margin:0 auto;padding:60px 36px}
html[data-design="mtc"] .mh-home-section h2{font-size:clamp(1.5rem,3.1vw,2.5rem);line-height:1.15;letter-spacing:.015em;font-weight:900;white-space:pre-line;margin:0}
html[data-design="mtc"] .mh-home-section h3{font-size:clamp(1.1rem,2vw,1.8rem);letter-spacing:.02em;line-height:1.3;white-space:pre-line;margin:0 0 1rem}
.mh-home-section p{line-height:1.8}
.mh-home-story{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;margin-top:28px}
.mh-home-story>img{width:100%;aspect-ratio:4/3;object-fit:cover}
.mh-home-story p{color:var(--muted-foreground);margin:0 0 1rem;max-height:12em;overflow:hidden}
.mh-home .mh-home-text-link{display:inline-block;margin-top:12px;color:var(--mh-green);text-decoration:underline;text-underline-offset:.35rem;font-weight:600;font-size:.9rem}
.mh-home-tool{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;border-block:1px solid var(--border)}
.mh-home-tool p{margin:0;color:var(--muted-foreground)}
.mh-home-games{display:flex;flex-wrap:wrap;gap:6px 16px;padding:0;margin:15px 0;list-style:none;font-size:.8rem;color:var(--muted-foreground)}
.mh-home-games li{padding:0}
.mh-home-download{min-height:48px;max-width:100%;white-space:normal;line-height:1.5}
.mh-home-section-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.mh-home-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}
.mh-home-project{display:block;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--card);color:var(--card-foreground);text-decoration:none;box-shadow:0 2px 8px #0000000d}
.mh-home-project>img,.mh-home-project-empty{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.mh-home-project-empty{display:grid;place-items:center;background:var(--secondary);color:var(--muted-foreground);font-size:2rem}
.mh-home-project-copy{padding:25px}
html[data-design="mtc"] .mh-home-project-copy h3{font-size:1.15rem;letter-spacing:.12em;margin:0 0 12px}
.mh-home-project-copy p{font-size:.86rem;color:var(--muted-foreground);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.mh-home-community{border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:45px}
.mh-home-community p,.mh-home-ai p{color:var(--muted-foreground);margin:18px 0 0}
.mh-home-creators{display:grid;gap:18px;align-content:start}
.mh-home-creators>a{display:grid;grid-template-columns:auto 1fr;gap:4px 15px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--border)}
.mh-home-creators img{width:64px;height:64px;object-fit:cover;border-radius:50%;grid-row:span 2}
.mh-home-creators p{font-size:.85rem;margin:0}
.mh-home-ai{border-top:1px solid var(--border);padding-top:35px;padding-bottom:35px}
.mh-home-footer{max-width:1200px;margin:auto;padding:30px 36px;border-top:1px solid var(--border);display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:.8rem}
.mh-home-footer-logo{margin-right:auto}
.mh-home-footer .mtc-brand-wordmark{height:26px;width:auto;max-width:200px}
.mh-home a:focus-visible,.mh-manifest a:focus-visible{outline:2px solid var(--ring);outline-offset:4px}
.mh-manifest{max-width:850px;margin:auto;padding:calc(var(--mtc-nav-height,64px) + 45px) 28px 70px}
.mh-manifest h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:35px}
.mh-manifest section{margin-top:30px}.mh-manifest section h2{font-size:1.25rem;letter-spacing:.06em;margin-bottom:12px}.mh-manifest p{line-height:1.9;color:var(--muted-foreground)}
@media(max-width:700px){
 .mh-home-hero{min-height:720px}
 .mh-home-hero-copy{padding:calc(var(--mtc-nav-height,110px) + 65px) 22px 90px}
 .mh-home-hero-image{object-position:58% center}
 html[data-design="mtc"] .mh-home h1{font-size:clamp(2.3rem,9.7vw,3.8rem);letter-spacing:-.035em;line-height:1.08}
 .mh-home-lead{font-size:1.05rem}
 .mh-home-hero .mh-home-actions{display:grid;max-width:390px}
 .mh-home-section{padding:38px 22px}
 .mh-home-story,.mh-home-tool,.mh-home-community{grid-template-columns:1fr;gap:25px}
 .mh-home-story>img{aspect-ratio:16/10}
 .mh-home-projects{grid-template-columns:1fr;gap:22px}
 .mh-home-project-copy{padding:22px}
 .mh-home-photo-caption{right:18px;font-size:.6rem}
 .mh-home-footer{padding:25px 22px;gap:20px}
 .mh-home-footer-logo{width:100%;margin:0}
 .mh-home-actions{align-items:stretch}
 .mh-home-actions .mh-home-action{flex-grow:1}
 .mh-home-download{width:100%}
}
@media(prefers-reduced-motion:reduce){.mh-home *{scroll-behavior:auto;transition:none!important}}
html[data-design="mtc"] header.mtc-top-header:has(+main .mh-home) :is(.mtc-brand-wordmark,.mtc-brand-mark){filter:brightness(0) invert(1)}