@charset "UTF-8";
:root{color-scheme:light;--ink:#111;--muted:#707074;--line:#e8e8eb;--page:#fff;--max:1340px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #777;outline-offset:6px}img{display:block}button{touch-action:manipulation}.skip{position:fixed;z-index:50;left:20px;top:-90px;background:#111;color:white;padding:16px 22px;border-radius:12px}.skip:focus{top:16px}
.header{height:76px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);position:sticky;top:0;z-index:20}.nav-shell{max-width:var(--max);height:100%;margin:auto;display:flex;align-items:center;gap:48px;padding:0 40px}.brand{display:flex;align-items:center;gap:17px;white-space:nowrap;font-size:15px;letter-spacing:-.02em}.nav-mark{position:relative;display:block;overflow:hidden;width:39px;height:25px;flex:none}.nav-mark img{position:absolute;width:162%;height:auto;max-width:none;left:-32%;top:-35%;mix-blend-mode:multiply}nav{margin-left:auto;display:flex;align-items:center;gap:40px;font-size:14px}nav a{padding:12px 0;transition:opacity .2s}nav a:hover{opacity:.5}.languages{display:flex;align-items:center;gap:6px;font-size:13px;color:#939397}.languages button{border:0;background:none;padding:10px 4px;min-width:28px;min-height:44px;font-size:13px;color:#89898d}.languages [aria-pressed=true]{color:#111;font-weight:650}
.hero{position:relative;overflow:hidden;isolation:isolate;text-align:center;display:flex;flex-direction:column;align-items:center;padding:76px 24px 90px;min-height:710px}.hero-light{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 14% 72%,#f1f1f3 0,transparent 52%),radial-gradient(ellipse at 88% 15%,#f8f8fa 0,transparent 48%);opacity:.85;animation:light-drift 18s ease-in-out infinite alternate;pointer-events:none}h1{font-size:clamp(3.5rem,6.7vw,6.25rem);font-weight:650;letter-spacing:-.066em;line-height:1.03;margin:0 0 34px;position:relative}h1 span{display:block}html[lang=en] h1{font-size:clamp(3rem,5.7vw,5.4rem)}.hero-logo{width:min(390px,70vw);margin:12px 0 44px;mix-blend-mode:multiply}.logo-crop{position:relative;width:100%;aspect-ratio:1.6;overflow:hidden}.logo-crop img{position:absolute;width:162%;height:auto;left:-32%;top:-36%;max-width:none;mix-blend-mode:multiply}.pill{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;padding:14px 26px;font-size:16px;line-height:1.2;border-radius:99px;border:1px solid transparent;transition:transform .25s,background .25s,box-shadow .25s}.primary{background:#111;color:white;box-shadow:0 10px 25px #0000000b}.pill:hover{transform:translateY(-3px)}.primary:hover{background:#343434;box-shadow:0 12px 24px #00000019}.pill span[aria-hidden]{display:block;font-size:20px;line-height:1;transition:transform .25s}.pill:hover span[aria-hidden]{transform:translate(2px,-2px)}
.worlds{max-width:var(--max);margin:0 auto;padding:28px 32px 74px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.world{min-width:0;scroll-margin-top:100px}.world-button{border:0;background:transparent;display:block;width:100%;padding:20px 12px 0;text-align:left;border-radius:22px;position:relative;transition:background .4s}.world-button:hover{background:#f8f8fa}.world-label{display:flex;align-items:center;gap:26px;font-size:17px;letter-spacing:.12em;line-height:1.3;font-weight:450;padding:8px 12px 14px}.arrow{display:inline-block;letter-spacing:0;font-size:24px;font-weight:300;transition:transform .3s}.world-button:hover .arrow{transform:translate(4px,-4px)}.art-stage{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden;border-radius:18px}.art{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;animation:float 8s ease-in-out infinite;will-change:transform}.art-teach{animation-delay:-2.5s;animation-duration:10s}.art-trading{animation-delay:-5s;animation-duration:9s}.world-button:hover .art{animation-play-state:paused}
.focus{min-height:350px;background:#0c0c0e;color:white;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:66px max(6vw,32px)}.focus-content{position:relative;width:100%;max-width:1200px;margin:auto}.focus h2{font-size:clamp(2.5rem,5.4vw,5rem);line-height:1.04;letter-spacing:-.045em;font-weight:650;margin:0 0 32px}.focus-halo{position:absolute;inset:-30% -20% -80% 40%;z-index:-1;border-radius:50%;border:1px solid #ffffff25;background:radial-gradient(ellipse at 25% 4%,#88888b24 0,#25252840 22%,#11111200 68%);box-shadow:-25px -15px 100px #ffffff0b;transform:rotate(-24deg);animation:halo 16s ease-in-out infinite alternate;pointer-events:none}.outline{border-color:#ffffffc0;color:white;background:#ffffff03}.outline:hover{background:#ffffff12}.focus h2,.focus .pill{position:relative;z-index:1}footer{max-width:var(--max);margin:auto;padding:32px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;line-height:1.5;color:#666}.signature{font-size:12px;font-weight:600;letter-spacing:.15em;color:#222}
.detail{border:1px solid #e8e8eb;border-radius:28px;padding:60px 48px 46px;width:min(590px,calc(100% - 32px));color:#141414;background:#fff;box-shadow:0 35px 130px #0002}.detail[open]{animation:dialog-in .25s ease-out}.detail::backdrop{background:#1117;backdrop-filter:blur(10px)}.close{position:absolute;right:17px;top:17px;width:40px;height:40px;background:#f2f2f4;border:0;border-radius:50%;font-size:27px;font-weight:300;line-height:1}.detail-kicker{font-size:13px;letter-spacing:.2em;color:#777;margin:0 0 20px}.detail h2{font-size:clamp(2rem,6vw,3rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 24px}.detail #detail-copy{font-size:18px;line-height:1.65;color:#666;margin:0 0 32px}.detail-done{padding:10px 0;border:0;background:none;border-bottom:1px solid #777;font-size:15px}.detail-done:hover{color:#777}body.dialog-open{overflow:hidden}
@keyframes float{0%,100%{transform:translateY(4px)}50%{transform:translateY(-9px)}}@keyframes light-drift{to{transform:translate3d(2%,1%,0) scale(1.04)}}@keyframes halo{to{transform:translate3d(2%,-3%,0) rotate(-19deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{min-height:780px;padding-top:100px}.hero-logo{width:440px}}
@media(max-width:900px){.nav-shell{padding:0 24px;gap:28px}nav{gap:24px}.hero{min-height:650px;padding-top:70px;padding-bottom:65px}.worlds{padding:22px 18px 60px;gap:8px}.world-button{padding:16px 4px}.world-label{font-size:15px;gap:14px;padding-left:4px}.focus{min-height:310px}.focus h2{max-width:80%}footer{padding:28px 24px;font-size:12px}}
@media(max-width:620px){html{scroll-padding-top:110px}.header{height:106px}.nav-shell{padding:12px 20px;gap:6px 20px;flex-wrap:wrap;justify-content:space-between}.brand{font-size:14px;gap:10px}.nav-mark{width:34px;height:22px}nav{order:3;width:100%;justify-content:center;gap:36px;margin:0;font-size:14px}nav a{padding:5px 0}.languages{margin-left:auto}.hero{min-height:620px;padding:66px 18px 56px}h1{font-size:clamp(3.25rem,11.5vw,4.45rem);margin-bottom:32px}html[lang=en] h1{font-size:clamp(2.6rem,9.5vw,3.8rem)}.hero-logo{width:min(315px,78vw);margin:14px 0 36px}.pill{min-height:48px;font-size:15px;padding:13px 24px}.worlds{display:grid;grid-template-columns:1fr;max-width:460px;padding:0 22px 44px;gap:22px}.world-button{padding:8px 8px 0}.world-label{font-size:16px;justify-content:space-between;padding:8px 12px 0}.art-stage{aspect-ratio:1.12}.world{scroll-margin-top:124px}.focus{padding:52px 26px;min-height:290px}.focus h2{font-size:clamp(2.1rem,9vw,3.5rem);max-width:100%;margin-bottom:28px}.focus-halo{inset:-15% -80% -60% 26%;opacity:.65}footer{padding:28px 24px;flex-wrap:wrap;justify-content:space-between;gap:16px}.signature{order:3;width:100%;font-size:11px}.detail{padding:66px 28px 35px;border-radius:23px}.detail #detail-copy{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.art{will-change:auto}}
