:root{--paper:#f5f1e8;--ink:#173a43;--muted:#557077;--line:#cad6d1;--accent:#d2f580;--heading:'Barlow Condensed',sans-serif;--body:'DM Sans','Noto Sans Thai',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--body)}body.eclipse{--paper:#100c1d;--ink:#f5f0ff;--muted:#b7abc8;--line:#393046;--accent:#d9b8ff}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #fb8144;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:700;line-height:.98}h1{font-size:clamp(64px,7.4vw,118px);letter-spacing:-.025em}h2{font-size:clamp(48px,5.1vw,80px);letter-spacing:-.015em}h3{font-size:32px}section{position:relative}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:white;padding:12px;color:black}.skip:focus{top:10px}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{line-height:1;display:inline-block}.brand b{font-family:var(--heading);font-size:29px;letter-spacing:.025em;display:block}.brand b span{color:#8b9c51;font-size:20px;margin-left:7px}.brand small{font-size:8px;letter-spacing:4.5px;display:block;margin-top:5px}header nav{display:flex;gap:30px;font-size:13px;font-weight:600}header nav a{position:relative}header nav a:after{content:'';position:absolute;left:0;bottom:-7px;width:0;height:1px;background:currentColor;transition:width .3s}header nav a:hover:after{width:100%}.nav-end{display:flex;align-items:center;gap:22px}#language{background:transparent;border:0;color:var(--ink);font-size:12px;cursor:pointer}#language option{color:#17232c;background:#fff}.nav-play{border:1px solid var(--ink);padding:10px 22px;font-size:12px;font-weight:700;text-transform:uppercase}.hero{min-height:720px;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 35%}.atlas-hero .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(228,244,245,.98),rgba(229,243,245,.88) 25%,rgba(229,243,245,.08) 64%),linear-gradient(0deg,rgba(236,246,240,.88),transparent 30%)}.hero-copy{position:relative;z-index:2;padding:115px 0 120px;margin-left:7%;max-width:650px;width:47%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:25px}.hero h1{margin-bottom:27px}.lede{font-size:16px;max-width:380px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:26px;margin:34px 0 18px;flex-wrap:wrap}.cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:20px 26px;background:var(--ink);color:var(--paper);font-size:13px;line-height:1.2;font-weight:700;letter-spacing:1px;text-transform:uppercase;isolation:isolate;min-height:64px;box-shadow:0 8px 0 -5px #97a89d;transition:transform .25s,box-shadow .25s}.cta:before{content:'';position:absolute;inset:-100% -40%;background:linear-gradient(110deg,transparent 40%,#ffffff38 50%,transparent 60%);transform:translateX(-100%);animation:sheen 6s ease-in-out infinite;z-index:-1}.cta:hover{transform:translateY(-4px);box-shadow:0 13px 0 -5px #97a89d}.cta-arrow{font-size:24px;transition:transform .25s}.cta:hover .cta-arrow{transform:translateX(6px)}.cta-icon{border:1px solid #ffffff50;border-radius:50%;width:26px;height:26px;display:grid;place-content:center;font-size:16px}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid currentColor;padding:8px 0}.text-link span{margin-left:15px}.micro{font-size:10px;color:var(--muted)}.coordinate{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;font-weight:700;z-index:3}.hero-stamp{position:absolute;bottom:90px;right:6%;width:120px;height:120px;border:1px solid #ffffffb0;outline:1px solid #ffffff70;outline-offset:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--heading);font-size:42px;color:white;transform:rotate(12deg);background:#30585826;backdrop-filter:blur(8px)}.hero-stamp span{font-family:var(--body);font-size:9px;line-height:1.6}.ribbon{padding:21px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:2px;font-weight:700;background:var(--paper)}.ribbon span:nth-child(2){color:var(--muted)}.section{max-width:1360px;padding:100px 7%;margin:auto}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:48px}.section-summary{max-width:340px;color:var(--muted);font-size:13px;line-height:1.9}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.world-card{position:relative;min-height:330px;overflow:hidden;color:white;background:#1a3945}.world-wide{grid-column:1/-1;min-height:475px}.world-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061e2cf2,transparent 70%)}.world-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}.world-card:hover img{transform:scale(1.035)}.card-copy{position:absolute;bottom:30px;left:32px;right:24px;z-index:2}.card-copy>span{font-size:10px;color:#d9efca;letter-spacing:2px}.card-copy h3{margin:8px 0 10px;font-size:38px}.card-copy p{font-size:12px;color:#d9e6e7}.classes{border-top:1px solid var(--line)}.class-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px}.class-art{position:relative;min-height:520px;display:grid;place-items:center}.class-art>img{width:100%;height:500px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 28px 25px #142e3b25);animation:float 7s ease-in-out infinite}.class-art>span{position:absolute;left:0;top:0;font-family:var(--heading);font-size:250px;line-height:1;color:#c8d4c45c}.class-orbit{position:absolute;width:95%;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,#c4dfce66,transparent 68%)}.class-orbit:before{content:'✦';position:absolute;left:14%;top:9%;font-size:30px;color:#7e9b73}.class-copy h3{font-size:72px;margin:0 0 20px}.class-copy>p{color:var(--muted);max-width:330px;font-size:14px}.class-copy>small{display:block;margin-top:16px;font-size:10px;color:var(--muted)}.class-options{display:flex;gap:10px;margin:28px 0}.class-options button{width:85px;background:transparent;border:1px solid var(--line);padding:8px 4px;color:var(--muted);transition:border-color .2s,transform .2s}.class-options button[aria-pressed=true]{border-color:var(--ink);background:#8cbdae20;box-shadow:0 3px 0 var(--ink)}.class-options button:hover{transform:translateY(-4px)}.class-options img{width:65px;height:72px;object-fit:contain;margin:auto}.class-options span{font-size:9px;line-height:1.2;display:block;padding-top:6px}.film{padding:10px 7% 80px;max-width:1360px;margin:auto}.film-frame{border:1px solid var(--line);padding:12px}.film video{width:100%;aspect-ratio:16/9;display:block;background:#14222c}.film-label{display:flex;justify-content:space-between;gap:12px;padding:17px 8px 5px;font-size:9px;letter-spacing:1.2px;color:var(--muted)}.start{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0 60px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font-family:var(--heading);font-size:48px;line-height:1;color:#83988a}.steps h3{font-size:28px;margin:22px 0 14px}.steps p{color:var(--muted);font-size:12px;line-height:1.8}.requirements{display:flex;justify-content:space-between;align-items:center;padding:35px;background:#e6eadd;gap:25px}.requirements .eyebrow{font-size:8px;margin-bottom:12px}.requirements h3{font-size:27px}.requirements b{font-size:28px;line-height:1.3;display:block}.requirements>div>span:not(.eyebrow){font-size:10px;color:var(--muted)}.fine{font-size:10px;color:var(--muted);margin-top:15px;max-width:900px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-top:20px}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:24px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:23px;font-weight:400;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:12px;margin-top:17px;line-height:1.9}.final{text-align:center;min-height:530px;display:grid;place-items:center;overflow:hidden;color:white}.final>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.final-shade{position:absolute;inset:0;background:#082e3cc9}.final>div:last-child{position:relative;padding:90px 20px}.final .eyebrow{justify-content:center}.final h2{font-size:clamp(54px,6vw,90px);margin-bottom:30px}.final .cta{background:#dbefb1;color:#143941;box-shadow:none}.final .micro{margin-top:20px;color:#d0e0dc}footer{padding:45px 7% 105px;display:flex;align-items:center;gap:60px;border-top:1px solid var(--line)}footer p{max-width:440px;font-size:10px;color:var(--muted);margin-left:auto}footer>a:last-child{font-size:10px;white-space:nowrap}.sticky{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(670px,calc(100% - 30px));padding:10px 12px 10px 24px;background:var(--paper);color:var(--ink);box-shadow:0 8px 50px #0004;border:1px solid var(--line);z-index:15;display:flex;align-items:center;justify-content:space-between;gap:20px}.sticky[hidden]{display:none}.sticky b{font-family:var(--heading);font-size:25px;display:block;line-height:1.2}.sticky span:not(.cta span){font-size:9px;color:var(--muted)}.sticky .cta{padding:15px 20px;min-height:53px;font-size:11px;white-space:nowrap}.sticky .cta-icon{display:none}dialog{border:1px solid var(--line);padding:0;background:var(--paper);color:var(--ink);width:min(820px,92vw);max-height:90dvh;overflow:auto}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#090b1cbd;backdrop-filter:blur(6px)}dialog>img{height:100%;min-height:430px;object-fit:cover}dialog>div{padding:45px 30px}dialog h2{font-size:46px;margin-bottom:20px}dialog p:not(.eyebrow){font-size:12px;margin-bottom:25px;color:var(--muted)}.dialog-close{position:absolute;top:10px;right:12px;font-size:25px;border:0;background:var(--paper);color:var(--ink);width:35px;height:35px;z-index:2}.dismiss{display:block;border:0;background:transparent;color:var(--muted);text-decoration:underline;font-size:11px;margin:20px auto 0}.eclipse header{background:#0b0911}.eclipse .nav-play{border-color:#9b79b9;color:#ead1ff}.eclipse .brand b span{color:#cc9bff}.eclipse-hero{background:radial-gradient(ellipse at 75% 40%,#39204e 0,transparent 50%),#100c1d;min-height:740px}.eclipse .hero-copy{width:47%;padding-top:140px;margin-left:7%;max-width:660px}.eclipse h1{font-size:clamp(68px,7.7vw,122px)}.eclipse .hero .eyebrow{color:#d5b4f7}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d7b3fd;box-shadow:0 0 14px #d7b3fd}.eclipse .hero h1{background:linear-gradient(130deg,#fff 30%,#b8a0d0 90%);background-clip:text;color:transparent}.eclipse .cta{background:linear-gradient(110deg,#ebcbff,#b9b5ff);color:#211130;box-shadow:0 8px 32px #bd82fa24;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))}.eclipse .cta:hover{box-shadow:0 10px 35px #bd82fa50}.eclipse .cta-icon{border-color:#331c4c40}.character-stage{position:absolute;top:35px;right:2%;width:51%;height:650px;display:grid;place-items:center}.character-stage>img{height:92%;width:100%;object-fit:contain;z-index:2;filter:drop-shadow(0 20px 35px #aa63ff40);animation:float 7s ease-in-out infinite}.rune{position:absolute;width:87%;aspect-ratio:1;border:1px solid #b68bd951;border-radius:50%;box-shadow:0 0 60px #b27bde20,inset 0 0 60px #b27bde20}.rune-one:before,.rune-one:after{content:'✦';position:absolute;color:#dec9ff;font-size:32px}.rune-one:before{top:0;left:20%}.rune-one:after{bottom:0;right:20%}.rune-two{width:72%;border-style:dashed;animation:orbit 90s linear infinite}.character-caption{position:absolute;bottom:5px;right:8%;left:22%;border-top:1px solid #a47bca77;display:flex;justify-content:space-between;align-items:center;padding-top:13px;font-size:9px;letter-spacing:1px;z-index:3}.character-caption b{font-size:24px;color:#e0c8ff}.character-caption small{font-size:7px;max-width:90px}.giant-word{position:absolute;bottom:0;left:4%;font-family:var(--heading);font-weight:800;font-size:24vw;line-height:.8;letter-spacing:-.03em;color:#d3b8ff06;pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#a48ab408 1px,transparent 1px),linear-gradient(90deg,#a48ab408 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,transparent,#000)}.orb{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}.orb-one{right:14%;top:18%;width:200px;height:200px;background:#7b31af26}.orb-two{right:5%;bottom:20%;width:180px;height:180px;background:#516be826}.eclipse .ribbon{background:#191322}.eclipse .class-art>span{color:#c8acf90a}.eclipse .class-orbit{background:radial-gradient(circle,#8c4bb12e,transparent 70%)}.eclipse .class-options button[aria-pressed=true]{border-color:#d9b8ff;box-shadow:0 3px 0 #d9b8ff;background:#c395ff18}.eclipse .class-layout{grid-template-columns:1fr 1fr}.eclipse .world-wide{grid-column:auto;grid-row:span 2;min-height:650px}.eclipse .world-card:not(.world-wide){min-height:314px}.eclipse .requirements{background:#20182b}.eclipse .steps article>span{color:#c0a1dd}.eclipse .final-shade{background:linear-gradient(90deg,#190d29db,#170f2ccd)}.eclipse .final .cta{background:linear-gradient(110deg,#ebcbff,#b9b5ff)}.eclipse .final .micro{color:#bfaecf}.eclipse .class-orbit:before{color:#b2a1e1}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{font-family:'Noto Sans Thai',sans-serif;line-height:1.25;letter-spacing:-.025em}html[lang=th] h1{font-size:clamp(42px,5vw,76px)}html[lang=th] h2{font-size:clamp(32px,3.5vw,52px)}html[lang=th] h3{font-size:26px}@keyframes sheen{0%,65%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes orbit{to{transform:rotate(360deg)}}@media(min-width:1600px){.hero-copy{margin-left:max(7%,calc((100vw - 1360px)/2 + 95px))}.hero{min-height:850px}.character-stage{right:8%;height:720px}.hero-copy,.eclipse .hero-copy{padding-top:160px}}@media(max-width:1050px){header nav{gap:18px}.nav-play{display:none}.hero-copy{width:53%}.hero-actions{gap:20px}.class-layout{gap:20px}.class-options button{width:70px}.class-art{min-height:430px}.class-art>img{height:420px}.character-stage{right:-6%;width:60%;top:90px;height:560px}.eclipse .hero-copy{width:53%}.eclipse h1{font-size:85px}.section{padding:80px 6%}.requirements{padding:25px}.requirements h3{max-width:200px}.section-intro{gap:35px}footer{gap:30px}}@media(max-width:700px){header{height:74px;padding:0 6%;gap:16px}header nav{display:none}.brand b{font-size:25px}.brand small{font-size:7px}.hero{min-height:840px}.atlas-hero .hero-art{height:57%;object-position:65% 40%;top:0}.atlas-hero .hero-shade{background:linear-gradient(0deg,#e2eff0 48%,#e2eff000 83%)}.hero-copy{margin:0;padding:365px 7% 90px;width:100%;max-width:none}.hero h1{font-size:65px;margin-bottom:20px}.hero .eyebrow{font-size:8px;margin-bottom:20px}.lede{font-size:14px;max-width:330px}.hero-actions{margin:25px 0 17px;gap:20px}.cta{padding:18px 22px;font-size:12px;min-height:60px}.cta-icon{display:none}.text-link{font-size:11px}.coordinate{bottom:24px;font-size:7px;letter-spacing:1px}.hero-stamp{display:none}.ribbon{padding:18px 6%;justify-content:center;font-size:8px}.ribbon>span:first-child,.ribbon>span:last-child{display:none}.section{padding:65px 7%}.section-intro{display:block;margin-bottom:30px}.section-summary{margin-top:24px;font-size:12px;max-width:none}.eyebrow{font-size:8px;margin-bottom:18px}h2{font-size:52px}.world-grid{grid-template-columns:1fr;gap:16px}.world-wide{grid-column:auto;min-height:370px}.world-card{min-height:290px}.card-copy{left:24px;bottom:24px}.card-copy h3{font-size:34px}.class-layout,.eclipse .class-layout{grid-template-columns:1fr;gap:10px}.class-art{min-height:360px}.class-art>img{height:350px}.class-art>span{font-size:180px}.class-orbit{width:85%}.class-copy{padding-top:15px}.class-copy h3{font-size:60px}.class-options{gap:12px}.class-options button{width:22%;max-width:90px}.film{padding:0 7% 60px}.film-frame{padding:6px}.film-label{font-size:7px;letter-spacing:0}.steps{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.steps article{display:grid;grid-template-columns:50px 1fr;gap:0 20px}.steps h3{margin:0 0 10px;font-size:27px}.steps article>span{grid-row:span 2;font-size:40px}.steps p{grid-column:2}.requirements{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 10px;padding:24px}.requirements>div:first-child{grid-column:1/-1}.requirements h3{max-width:none}.requirements b{font-size:23px}.requirements>div>span:not(.eyebrow){font-size:9px}.faq{display:block;padding-top:5px}.faq-list{margin-top:35px}.faq summary{font-size:13px}.final{min-height:470px}.final h2{font-size:58px}footer{display:block;padding:35px 7% 120px}footer p{margin:25px 0 18px}.sticky{padding:9px 10px 9px 15px;gap:8px;bottom:10px}.sticky b{font-size:22px}.sticky>div>span{display:block;max-width:155px;font-size:8px}.sticky .cta{font-size:10px;padding:14px;min-height:48px;gap:12px}.eclipse-hero{min-height:920px}.eclipse .hero-copy{padding:490px 7% 85px;margin:0;width:100%}.eclipse h1{font-size:65px}.character-stage{top:15px;right:0;width:100%;height:450px}.character-stage>img{height:100%;width:95%}.character-caption{bottom:0;left:15%;right:15%}.giant-word{bottom:35%;font-size:27vw}.eclipse .world-wide{grid-row:auto;min-height:370px}.eclipse .world-card:not(.world-wide){min-height:290px}dialog[open]{display:block}dialog>img{width:100%;height:190px;min-height:0}dialog>div{padding:28px}dialog h2{font-size:40px}html[lang=th] .hero h1{font-size:43px}html[lang=th] .hero-copy{padding-bottom:95px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}