.mobile-menu-toggle,.mobile-menu-panel{display:none}
@media(max-width:700px){
 #site-header,#site-header.is-scrolled{inset:12px 4% auto;min-height:64px;height:64px;padding:8px 14px 8px 18px;align-items:center;border-radius:999px;background:rgb(238 237 223 / .68);border:1px solid #ffffff50;backdrop-filter:blur(18px);color:#303b2e;gap:12px}
 html[data-theme=dark] #site-header{background:rgb(27 36 32 / .7);border-color:#eeeddf24;color:#eeeddf}
 #site-header .brand{font-size:23px;gap:8px}
 #site-header .brand svg{height:34px;width:25px}
 #site-header .mobile-menu-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;margin-left:auto;border-color:currentColor;background:transparent}
 .mobile-menu-lines{display:block;width:18px;height:16px;position:relative}
 .mobile-menu-lines i{position:absolute;left:0;right:0;height:1px;background:currentColor;transition:transform .2s,opacity .2s}
 .mobile-menu-lines i:nth-child(1){top:1px}.mobile-menu-lines i:nth-child(2){top:7px}.mobile-menu-lines i:nth-child(3){top:13px}
 [aria-expanded=true] .mobile-menu-lines i:nth-child(1){transform:translateY(6px) rotate(45deg)}
 [aria-expanded=true] .mobile-menu-lines i:nth-child(2){opacity:0}
 [aria-expanded=true] .mobile-menu-lines i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 #site-header .mobile-menu-panel{position:absolute;inset:calc(100% + 8px) 0 auto;display:grid;gap:24px;padding:24px;max-height:calc(100svh - 100px);overflow:auto;border:1px solid #ffffff50;border-radius:24px;background:rgb(238 237 223 / .96);box-shadow:0 16px 40px #07110d22;backdrop-filter:blur(20px)}
 #site-header .mobile-menu-panel[hidden]{display:none}
 html[data-theme=dark] #site-header .mobile-menu-panel{background:rgb(27 36 32 / .97);border-color:#eeeddf24}
 #site-header .mobile-menu-panel nav{position:static;inset:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;transform:none;font-size:17px}
 #site-header .mobile-menu-panel nav :is(a,button){min-height:48px;padding:12px 16px;justify-content:flex-start;text-align:left;border-radius:14px;font-size:17px}
 #site-header .mobile-menu-panel .header-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid currentColor;padding-top:16px;border-color:#77917e33}
 #site-header .mobile-menu-panel .language-switch{gap:4px;margin:0}
 #site-header .mobile-menu-panel .language-switch button{min-height:44px;min-width:44px;font-size:13px}
 #site-header .mobile-menu-panel .icon-button{width:44px;height:44px;min-width:44px}
 #local:not([data-region=all]) .region-choices{max-width:none;width:100%;margin-top:24px;gap:8px}
 #local:not([data-region=all]) .region-choices button{min-height:44px;padding:12px 10px}
 #local:not([data-region=all]) .local-context{width:100%;max-width:none;min-height:0;height:0;margin:0}
 #local:not([data-region=all]):is([data-view=installing],[data-view=model]) .local-context{height:152px;margin-top:24px}
 #local:not([data-region=all]) .local-time-panel{border-radius:20px;padding:16px}
 #local:not([data-region=all]) .local-model-actions{top:104px;gap:8px;min-width:0}
 #local:not([data-region=all]) .local-model-actions .pill{min-height:44px;padding:11px 16px}
 #local:not([data-region=all])[data-view=installing] .pattern-deck{opacity:0}
 #local:not([data-region=all]){overflow-anchor:none}
 #local:not([data-region=all]) .local-stage{max-width:500px;margin:0 auto}
 .hero-intro{padding-top:clamp(128px,18svh,165px)}
 .hero-intro .intro-copy{max-width:100%}
 .hero-intro h2{font-size:clamp(34px,6.2vw,43px);line-height:1.1;margin:16px 0}
 .hero-intro .intro-support{font-size:15px;line-height:1.55;max-width:35ch}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-lines i{transition:none}}

/* The exact Jakarta photograph selected for Beyond the product. */
.community-backdrop{background:linear-gradient(90deg,#14251be6,#14251b52),url('assets/community-plaza-v26.webp') center 54%/cover;filter:none}