:root{--paper:#eee8d8;--ink:#12120f;--orange:#f15b20}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.art-section{position:relative;width:100%;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.hero{aspect-ratio:784/493;background-image:url('assets/hero.webp')}.lore{aspect-ratio:784/297;background-image:url('assets/lore.webp')}.gallery{aspect-ratio:784/475;background-image:url('assets/gallery.webp')}.meet{aspect-ratio:784/339;background-image:url('assets/meet.webp')}.community{aspect-ratio:784/314;background-image:url('assets/community.webp')}.footer{aspect-ratio:784/88;background-image:url('assets/footer.webp')}.top-nav{position:absolute;z-index:4;right:2.6%;top:1.8%;height:7.8%;width:33%;display:flex;align-items:center;justify-content:flex-end;gap:7%;background:var(--paper);padding-left:2%}.top-nav a,.footer a{font:800 clamp(8px,1.35vw,22px)/1 'Barlow Condensed',sans-serif;color:var(--ink);text-decoration:none}.menu{display:grid;gap:4px;width:8%;min-width:28px;border:0;background:transparent;padding:4px;margin-left:2%;cursor:pointer}.menu i{display:block;height:2px;background:var(--ink)}.hero-panel{position:absolute;z-index:5;left:3.8%;top:73.3%;width:36.5%;height:24.5%;background:var(--paper);padding-top:.8%}.hero-panel p{font-size:clamp(9px,2.05vw,31px);line-height:1.16;margin:0 0 5.4%}.hero-actions{display:flex;gap:3%}.button{display:inline-flex;align-items:center;justify-content:center;height:clamp(31px,5.05vw,78px);padding:0 9%;border:2px solid var(--ink);font:800 clamp(9px,1.75vw,27px)/1 'Barlow Condensed',sans-serif;text-decoration:none;color:var(--ink);white-space:nowrap}.button.orange{background:var(--orange)}.button.paper{background:var(--paper)}.lore-panel{position:absolute;z-index:3;left:49.1%;top:64.2%;width:28.3%;height:36%;background:var(--paper);padding:.8% .3% 0}.lore-panel p{font-size:clamp(7px,1.45vw,22px);line-height:1.22;margin:0 0 6.5%}.lore-panel .button{height:clamp(28px,4.5vw,70px);padding:0 14%}.portrait-label{position:absolute;bottom:1.2%;background:var(--paper);font-size:clamp(7px,1.4vw,21px);line-height:1.5}.portrait-label.p1{left:3.4%;width:49%}.portrait-label.p2{left:53.7%;width:42.7%}.meet-panel{position:absolute;z-index:4;left:5.4%;top:14%;width:45%;height:78%;background:#11110f;color:var(--paper);padding:2% 0}.meet-panel h2,.community-panel h2{font:900 clamp(38px,8.6vw,132px)/.84 'Barlow Condensed',sans-serif;letter-spacing:-.045em;margin:0}.meet-panel p{font-size:clamp(9px,1.75vw,27px);line-height:1.35;margin:7% 0}.button.dark{height:clamp(30px,4.8vw,74px);border-color:var(--paper);color:var(--paper);padding:0 12%;background:#11110f}.community-panel{position:absolute;z-index:5;left:19%;top:4.5%;width:62%;height:50%;background:var(--orange);text-align:center}.community-panel h2{font-size:clamp(33px,7.2vw,110px);line-height:.94}.community-panel p{font-size:clamp(7px,1.45vw,22px);margin:2.2% 0 2.5%}.social-actions{display:flex;justify-content:center;gap:2%}.social{height:clamp(30px,4.7vw,72px);background:var(--ink);border-radius:clamp(7px,1vw,15px);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff}.social.token{width:29%;gap:7%;font:800 clamp(11px,2vw,30px) 'Barlow Condensed'}.social.token img{width:19%;height:70%}.social.x{width:12%}.social.x img{width:38%;height:55%}.social.disabled{opacity:.72;cursor:not-allowed}.footer nav{position:absolute;inset:0;background:var(--ink);display:flex;align-items:center;justify-content:center;gap:3.3%}.footer a{color:var(--paper);font-size:clamp(8px,1.5vw,23px)}.footer i{width:1px;height:24%;background:#777}@media(max-width:640px){.top-nav{width:48%;gap:5%}.top-nav a{font-size:7px}.menu{min-width:22px}.hero-panel{width:42%}.hero-panel p{font-size:9px}.button{height:28px;font-size:9px;padding:0 7%}.lore-panel{width:30%;left:49%;padding-top:0}.lore-panel p{font-size:6.2px}.lore-panel .button{height:23px;font-size:7px}.meet-panel{width:42%}.meet-panel h2{font-size:37px}.meet-panel p{font-size:9px}.button.dark{height:28px}.community-panel{left:15%;width:70%}.community-panel h2{font-size:31px}.community-panel p{font-size:7px}.social{height:28px}.social.token{font-size:11px}.footer a{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}