@charset "UTF-8";@font-face{font-family:MiSans;src:url(/assets/fonts/MiSans-Regular.woff2) format("woff2");font-weight:400}@font-face{font-family:MiSans;src:url(/assets/fonts/MiSans-Bold.woff2) format("woff2");font-weight:700}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#ffff00 #000}body{background-color:#ff0;color:#000;font-family:MiSans,-apple-system,sans-serif;margin:0;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::-webkit-scrollbar,.right-pane::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track,.right-pane::-webkit-scrollbar-track{background:#000}body::-webkit-scrollbar-thumb,.right-pane::-webkit-scrollbar-thumb{background-color:#ff0;border:3px solid #000}.lang-switcher{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;display:flex;border:3px solid #000;background-color:#ff0}.lang-switcher a{text-decoration:none;color:#000;font-weight:700;padding:.5rem .75rem;border-right:3px solid #000;transition:background-color .2s ease}.lang-switcher a:last-child{border-right:none}.lang-switcher a.active{background-color:#000;color:#ff0}.lang-switcher a:not(.active):hover{background-color:#0000001a}.main-container{display:grid;grid-template-columns:1fr 1fr;height:100vh;overflow:hidden}.left-pane{position:sticky;top:0;height:100%;padding:2rem;border-right:3px solid #000;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-wrapper{width:100%;max-width:600px;aspect-ratio:1/1}#skin-viewer{width:100%!important;height:100%!important;cursor:grab;transform:scale(1.25)}#skin-viewer:active{cursor:grabbing}.right-pane{height:100vh;overflow-y:auto;position:relative}.sticky-header,.scrollable-content{max-width:600px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem;width:100%}.sticky-header{position:sticky;top:0;background-color:#ff0;z-index:10;padding-top:3rem;padding-bottom:2rem}.scrollable-content{padding-top:2.5rem;padding-bottom:3rem;position:relative;z-index:5}.right-pane{mask-image:linear-gradient(to bottom,transparent,black 3rem,black calc(100% - 3rem),transparent)}.right-pane:after{content:"";position:sticky;bottom:0;left:0;display:block;width:100%;height:3rem;background:linear-gradient(to top,#ffff00,transparent);pointer-events:none}.hero-section{margin-bottom:2rem}.hero-section h1{font-size:clamp(2.5rem,5vw,3.5rem);margin:0}.hero-section p{font-size:1.25rem;margin-top:.75rem;margin-bottom:0}.links-section h2{margin-bottom:1.5rem;font-size:1.5rem}.button-social,.button-link{display:inline-flex;align-items:center;border:3px solid #000;background-color:transparent;color:#000;text-decoration:none;transition:all .2s ease}.button-social:hover,.button-link:hover{background-color:#ff0;transform:translateY(-5px);box-shadow:0 10px #000}.socials-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:1rem}.button-social{justify-content:center;padding:.75rem;aspect-ratio:1/1}.button-social img{display:block;width:100%;height:100%;object-fit:contain}.button-link{width:100%;gap:1.5rem;padding:1.25rem;margin-bottom:1.5rem}.button-icon{flex-shrink:0;align-self:center}.button-icon img{display:block;width:32px;height:32px}.button-text{display:flex;flex-direction:column;justify-content:center;text-align:left}.button-text .button-title{font-weight:700;font-size:1.1rem}.button-text .button-subtitle{font-size:.9rem;margin:.25rem 0}.button-text .button-url{font-size:.8rem;opacity:.7;font-weight:400;margin-top:.25rem}@media (max-width: 900px){.main-container{display:block;height:auto;overflow:visible}.left-pane{position:static;height:auto;padding:2rem 1.5rem;border-right:none;border-bottom:3px solid #000}#skin-viewer{transform:scale(1.1)}.right-pane{height:auto;overflow:visible;padding:0 1.5rem}body{overflow-y:auto;mask-image:linear-gradient(to bottom,transparent,black 3rem,black calc(100% - 3rem),transparent)}.sticky-header{position:sticky;top:0;background:linear-gradient(to bottom,#ffff00 90%,transparent);padding-left:0;padding-right:0;padding-top:2rem}.scrollable-content{padding-left:0;padding-right:0;padding-bottom:5rem}.socials-section{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.75rem}.button-social{padding:.6rem}.lang-switcher{top:1rem;right:1.5rem}}