/* Meji OS + Groundside: additive to the existing orb world. */
.l-paloduro{background:radial-gradient(circle at 31% 25%,#fff9eb 0%,#f7d9bd 25%,#c3b7ee 52%,#838bd7 75%,#555d9c 100%)}
.l-groundside{background:radial-gradient(circle at 31% 25%,#fbe4bc 0%,#d7a16e 28%,#aa6b80 55%,#6c528c 78%,#3e355d 100%)}
.kin .studio-nav-label,.kin figcaption{font-size:18px;line-height:1.2;letter-spacing:.1em;color:var(--cream);opacity:1}
.kin .studio-nav-label .k{opacity:1}
.studio-feature{padding:100px 7vw;display:flex;flex-direction:column;align-items:center;gap:24px}
.studio-feature h2{font-weight:400}
.studio-feature .sun-wrap{width:min(32vmin,210px);margin-bottom:22px}
.studio-feature .sun-wrap .orb{display:block}
.studio-feature .feature-copy{max-width:640px;font-size:22px;line-height:1.5;letter-spacing:.025em}
.studio-feature .feature-note{font-size:18px;line-height:1.45;max-width:580px}
.paloduro-field{background:transparent;color:var(--cream)}
.paloduro-field .release-name{font-size:24px;letter-spacing:.22em;color:var(--yellow)}
.paloduro-field .feature-copy,.paloduro-field .feature-note{color:#fff6df;opacity:1}
.paloduro-field .btn{background:#fff6df;color:#25476b;border:1px solid rgba(255,255,255,.7)}
.groundside-field{color:var(--cream);background:transparent}
.groundside-field .feature-kicker{font-size:18px;letter-spacing:.14em;color:#ffe0ac}
.groundside-field .feature-copy{font-size:clamp(26px,4vw,36px);max-width:700px;line-height:1.3}
.groundside-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;max-width:1240px;margin:22px 0 0;text-align:left}
.groundside-shot{min-width:0;border-radius:22px;overflow:hidden;background:rgba(23,24,44,.66);border:1px solid rgba(255,240,207,.16)}
.groundside-open{display:block;width:100%;overflow:hidden;padding:0;text-align:inherit}
.groundside-shot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;image-rendering:pixelated}
.groundside-shot figcaption{padding:22px 20px;display:flex;flex-direction:column;gap:12px;font-size:22px;line-height:1.15}
.work-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.015em;line-height:1.2}
.work-tags li{padding:6px 8px;border:1px solid rgba(255,229,185,.3);border-radius:999px;color:#ffe6c1}
.groundside-credit{font-size:17px;line-height:1.5;color:#fff1d5}
.studio-feature a:focus-visible,.groundside-open:focus-visible{outline:3px solid #fff17a;outline-offset:5px;border-radius:14px}
@media(max-width:700px){
  .kin{gap:24px 28px;max-width:380px}
  .kin>a{min-width:84px}
  .kin .orb{width:66px}
  .studio-feature{padding:80px 7vw;gap:20px}
  .studio-feature .sun-wrap{width:150px}
  .groundside-gallery{grid-template-columns:1fr;max-width:540px}
  .groundside-shot figcaption{padding:20px}
}
@media(prefers-reduced-motion:reduce){
  .l-paloduro,.l-groundside{animation:none}
}

/* Groundside stays on the page; the native dialog owns focus and Escape. */
body.groundside-viewer-open{overflow:hidden}
.groundside-viewer{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:24px;background:rgba(14,48,92,.96);color:var(--cream);overflow:auto}
.groundside-viewer[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.groundside-viewer::backdrop{background:rgba(14,48,92,.94)}
.groundside-viewer-close{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));min-height:48px;padding:10px 22px;border-radius:999px;background:var(--cream);color:var(--ink);font-size:24px;z-index:1}
.groundside-viewer-close:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.groundside-viewer figure{max-width:1240px;width:100%;margin:52px 0 0}
.groundside-viewer img{display:block;width:100%;max-height:calc(100dvh - 180px);object-fit:contain;image-rendering:pixelated}
.groundside-viewer figcaption{font-size:22px;line-height:1.3;margin-top:18px}
@media(max-width:700px){.groundside-viewer{padding:18px}.groundside-viewer img{max-height:calc(100dvh - 190px)}.groundside-viewer figcaption{font-size:20px}}