body{--meomut-paper:#faf8f1;--meomut-green:#35594c;font-family:system-ui,-apple-system,"Apple SD Gothic Neo",sans-serif}header nav a,header nav button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:15px!important;line-height:1.5;white-space:nowrap}.portal{border-radius:24px}.portal h3{font-weight:750}.portal p{font-size:16px;line-height:1.75;color:#e5e9df}.motion-toggle{min-height:44px;font-size:14px}a:focus-visible,button:focus-visible{outline:3px solid #d7e986;outline-offset:4px}.dock-label{font-size:17px;line-height:1.5}@media(max-width:800px){.hero .scene-dock{padding:18px 5% 24px}.portal p{font-size:16px}header nav a:nth-child(2){font-size:14px!important}}@media(prefers-reduced-motion:reduce){}
/* English copy needs intrinsic heights instead of fixed orbital coordinates. */
html[lang=en] .story{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(36px,6vw,90px)}
html[lang=en] .story h2{font-size:clamp(38px,4.5vw,66px);line-height:1.16;overflow-wrap:normal}
html[lang=en] .story-copy{min-width:0;padding-top:35px}
html[lang=en] .orbit-map{height:auto;min-height:1040px;display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.72fr) minmax(0,1fr);gap:64px 32px;padding:50px 0 24px;align-items:start}
html[lang=en] .portals{display:contents;position:static;inset:auto}
html[lang=en] .orbit-center{position:relative;left:auto;top:auto;transform:none;grid-column:2;grid-row:1/3;align-self:center;justify-self:center;width:100%;min-width:0;min-height:0}
html[lang=en] .logo-sculpture{max-width:100%;margin:0 auto}
html[lang=en] .portal{position:relative;inset:auto!important;width:100%;min-width:0;min-height:0;padding:0;display:flex;flex-direction:column;text-align:left;overflow:visible}
html[lang=en] .portal:nth-child(1){grid-column:1;grid-row:1}
html[lang=en] .portal:nth-child(2){grid-column:3;grid-row:1;margin-top:64px}
html[lang=en] .portal:nth-child(3){grid-column:1;grid-row:2}
html[lang=en] .portal:nth-child(4){grid-column:3;grid-row:2;margin-top:48px}
html[lang=en] .portal .portal-art{position:relative;top:auto;right:auto!important;left:auto;display:block;width:min(210px,100%);height:210px;margin:18px auto 0;flex:none}
html[lang=en] .portal h3{margin:22px 0 12px;font-size:clamp(22px,2.3vw,30px);line-height:1.25;letter-spacing:-.025em;overflow-wrap:normal}
html[lang=en] .portal p{max-width:none;line-height:1.75}
html[lang=en] .portal .domain{margin-top:18px;overflow-wrap:anywhere}
html[lang=en] .worlds .section-head{gap:30px;flex-wrap:wrap}
html[lang=en] .worlds .section-head p{padding-top:0;max-width:340px}
html[lang=en] .closing h2{font-size:clamp(36px,4.5vw,68px);line-height:1.16;overflow-wrap:normal}
@media(min-width:801px) and (max-width:1100px){html[lang=en] header .brand{left:74%}html[lang=en] .hero-copy{width:50%;max-width:520px}html[lang=en] .hero h1{font-size:clamp(38px,4.7vw,52px)}html[lang=en] .orbit-map{grid-template-columns:minmax(0,1fr) minmax(150px,.55fr) minmax(0,1fr);column-gap:24px}html[lang=en] .portal .portal-art{height:180px}}
@media(max-width:800px){html[lang=en] .story{grid-template-columns:minmax(0,1fr);gap:24px}html[lang=en] .story-copy{padding:0}html[lang=en] .story h2{font-size:clamp(32px,7vw,46px)}html[lang=en] .orbit-map{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;gap:44px 24px;padding:20px 0 40px}html[lang=en] .orbit-center{grid-column:1/-1;grid-row:2;max-width:300px;margin:10px auto}html[lang=en] .portal:nth-child(1){grid-column:1;grid-row:1}html[lang=en] .portal:nth-child(2){grid-column:2;grid-row:1;margin-top:34px}html[lang=en] .portal:nth-child(3){grid-column:1;grid-row:3}html[lang=en] .portal:nth-child(4){grid-column:2;grid-row:3;margin-top:34px}html[lang=en] .portal:nth-child(even) .portal-top{flex-direction:row}html[lang=en] .portal .portal-art{height:150px;margin-top:14px}html[lang=en] .portal h3{font-size:22px}html[lang=en] .portal p{font-size:15px}html[lang=en] .portal-top{letter-spacing:.08em;font-size:10px}html[lang=en] .portal .arrow{flex:none}html[lang=en] .scene-entrances a b{overflow-wrap:normal;line-height:1.5}html[lang=en] header .brand{max-width:42%}}
@media(max-width:480px){html[lang=en] .orbit-map{grid-template-columns:minmax(0,1fr);gap:38px}html[lang=en] .portal:nth-child(n){grid-column:1;margin-top:0;width:100%;max-width:340px;justify-self:center}html[lang=en] .portal:nth-child(1){grid-row:1}html[lang=en] .portal:nth-child(2){grid-row:2}html[lang=en] .orbit-center{grid-column:1;grid-row:3;margin:0 auto}html[lang=en] .portal:nth-child(3){grid-row:4}html[lang=en] .portal:nth-child(4){grid-row:5}html[lang=en] .portal .portal-art{height:190px}html[lang=en] .portal h3{font-size:26px}html[lang=en] .portal p{font-size:16px}html[lang=en] .hero .lead{font-size:16px;line-height:1.65}html[lang=en] .scene-entrances{gap:18px}html[lang=en] .scene-entrances a{letter-spacing:.025em}html[lang=en] .hero-copy .eyebrow{max-width:none}}

/* Icon-only playback, unobtrusive controls. */
.motion-toggle{width:46px!important;height:46px!important;padding:12px!important;display:grid;place-items:center}.motion-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.hero-video{transition:none!important;pointer-events:none}.hero .shade,.hero .sky-sparkles{z-index:2}.hero-copy,.scene-dock,.motion-toggle,.orbit-note{z-index:3}

/* Playback control belongs to the top-left header, away from the planet. */
header>.motion-toggle{position:absolute;left:4.5%;right:auto;top:28px;bottom:auto;z-index:6}
@media(min-width:1101px){header nav{left:calc(4.5% + 62px);gap:18px}}
@media(min-width:801px) and (max-width:1100px){header>.motion-toggle{top:26px}header nav{left:calc(4.5% + 60px);gap:14px}header nav a,header nav button{font-size:14px!important}}
@media(max-width:800px){header>.motion-toggle{left:5%;top:82px;width:40px!important;height:40px!important;min-height:40px;padding:10px!important}}

/* Keep the language pill; all other header controls are unframed. */
header>.motion-toggle,header nav a:last-of-type{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}header nav a:last-of-type{padding-left:0!important;padding-right:0!important}

/* Keep the teachers tagline on its intended two lines. */
html[lang=ko] .closing h2{font-size:clamp(28px,4.2vw,56px);line-height:1.3;letter-spacing:-.035em;max-width:none;word-break:keep-all}@media(max-width:800px){html[lang=ko] .closing h2{font-size:clamp(22px,5.5vw,40px)}}
