/* Integrated R5 gateway; the learning application remains a separate destination. */
.organic-gateway{grid-template-columns:1fr 1.16fr;gap:5vw}.organic-gateway .atlas-stage{background:#141718;max-width:650px}.organic-gateway .atlas-art{display:block;position:relative;width:100%;margin:0;aspect-ratio:1/1;max-height:none;background:#141718;cursor:pointer;overflow:hidden;color:#bfcac3}.atlas-field{display:block;width:100%;height:100%}.organic-gateway .atlas-stage-head{padding:11px 16px;gap:10px;min-height:65px;letter-spacing:.04em}.atlas-plate{font-size:9px}.atlas-controls{display:flex;align-items:center;gap:5px;flex-shrink:0}.atlas-cycle{font:9px/1.4 PlexMono,PlexThai,monospace;min-height:44px;padding:8px;background:none;border:0;color:#8eaaa0;cursor:pointer}.organic-gateway .atlas-play{min-height:44px;padding:8px;min-width:64px}.atlas-cycle:focus-visible,.atlas-visual-link:focus-visible{outline:2px solid #efb4a6;outline-offset:-5px}.atlas-open-label{position:absolute;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;color:#97aaa0;font:9px/1.5 PlexMono,PlexThai,monospace;letter-spacing:.08em;pointer-events:none}.atlas-hover-hint{position:absolute;top:18px;right:18px;font:11px PlexMono,monospace;color:#658277;opacity:.65;pointer-events:none}.atlas-loading{position:absolute;inset:0;display:grid;place-items:center;background:#141718;color:#a6b3ac;font:10px PlexMono,PlexThai,monospace;letter-spacing:.08em}.atlas-loading[hidden]{display:none}.organic-gateway .atlas-stage{transition:border-color .22s,box-shadow .22s}.organic-gateway .atlas-caption{min-height:158px;margin:0 18px}.organic-gateway .atlas-caption h3{font-size:17px}.organic-gateway .atlas-topics{gap:7px}.organic-gateway .atlas-topics button{padding:10px;gap:8px;font-size:11px}.organic-gateway .atlas-stage.atlas-engaged,.organic-gateway .atlas-stage:focus-within{border-color:#9cbbb0;box-shadow:0 0 0 1px #9cbbb025}.atlas-engaged .atlas-open-label,.atlas-visual-link:focus-visible .atlas-open-label{color:#e4ece7}.organic-gateway .atlas-still .atlas-progress i{opacity:.35}.organic-gateway .atlas-footnote{letter-spacing:0}.organic-gateway .atlas-visual-link:active{filter:brightness(1.05)}
@media(hover:hover){.organic-gateway .atlas-visual-link:hover .atlas-open-label{color:#e4ece7}.organic-gateway .atlas-cycle:hover,.organic-gateway .atlas-play:hover{color:#fff}}
html[lang=th] .organic-gateway .atlas-topics button{font-size:12px;letter-spacing:0}html[lang=th] .atlas-open-label{letter-spacing:0;font-size:11px}html[lang=th] .organic-gateway .atlas-caption{min-height:174px}html[lang=th] .organic-gateway .atlas-caption h3{line-height:1.7}html[lang=th] .organic-gateway .atlas-caption p{line-height:1.85}
@media(min-width:1200px){.organic-gateway .atlas-art{max-height:490px;aspect-ratio:1.05}.organic-gateway .atlas-grid{align-items:center}}
@media(max-width:760px){.organic-gateway{grid-template-columns:1fr;gap:30px}.organic-gateway .atlas-stage{max-width:100%;justify-self:stretch}.organic-gateway .atlas-art{aspect-ratio:1/1.08;max-height:540px}.organic-gateway .atlas-stage-head{padding:6px 10px;min-height:58px}.atlas-plate{font-size:8px}.atlas-cycle{font-size:8px;padding:6px}.organic-gateway .atlas-caption{margin:0 12px;min-height:168px}.organic-gateway .atlas-topics button{font-size:11px}.atlas-open-label{left:14px;right:14px;bottom:12px;font-size:8px}.organic-gateway .atlas-caption h3{font-size:15px}.atlas-controls{gap:0}.organic-gateway .atlas-play{min-width:57px}.atlas-hover-hint{display:none}}
@media(prefers-reduced-motion:reduce){.organic-gateway .atlas-stage{transition:none}}