:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#262b2e;--muted:#697072;--paper:#f6f5f0;--line:#dadcd5;--accent:#31597b;--blue:#adc9e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:1rem}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #6097cc}::selection{color:#202a33;background:#d7e5ef}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:14px;position:fixed;top:-90px;left:20px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1240px,100% - 96px);height:98px;margin-inline:auto;display:flex}.wordmark{letter-spacing:-1.7px;align-items:center;gap:11px;font-size:31px;font-weight:800;display:flex}.studio-mark{object-fit:contain;flex-shrink:0;width:48px;height:48px;display:block}.site-header nav{align-items:center;gap:36px;display:flex}.site-header nav a{padding-block:12px;font-size:.9375rem;font-weight:600}.site-header nav a:hover{color:var(--accent)}.overline{letter-spacing:.11em;margin:0 0 30px;font-size:.8125rem;font-weight:600;line-height:1.6}.quiet-link{align-items:center;gap:12px;min-height:44px;font-size:.9375rem;font-weight:600;display:inline-flex}.quiet-link:hover{color:var(--accent)}.quiet-link svg{transition:transform .2s}.quiet-link:hover svg{transform:translate(3px)}.pixel-art{aspect-ratio:1;width:240px;max-width:100%;height:auto;display:block}@media (max-width:1050px){.site-header{width:calc(100% - 64px)}}@media (max-width:760px){.site-header{width:calc(100% - 40px);height:78px}.wordmark{gap:8px;font-size:27px}.studio-mark{width:40px;height:40px}.site-header nav{gap:23px}}@media (max-width:390px){.site-header{width:calc(100% - 32px)}.site-header nav{gap:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
