:root{color-scheme:dark;--paper:#fff7e8;--peach:#ffc392;--ink:#292032;--muted:#cfbfd4;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--peach);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--peach);outline-offset:6px}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.bio{width:min(100% - 40px,510px);margin:0 auto;padding:clamp(42px,7vh,80px) 0 max(28px,env(safe-area-inset-bottom));position:relative}.bio-brand{display:block;width:190px;margin:0 auto 34px}.bio-brand img{width:100%;height:auto;filter:brightness(0) saturate(100%) invert(96%) sepia(9%) saturate(785%) hue-rotate(322deg) brightness(105%) contrast(101%)}.bio-intro{text-align:center;margin-bottom:32px}.bio-intro h1{font-family:'Fredoka',sans-serif;font-size:clamp(2rem,6.5vw,2.7rem);line-height:1.08;letter-spacing:-.025em;font-weight:500;margin:0 0 16px;text-wrap:balance}.bio-intro p{max-width:360px;margin:0 auto;line-height:1.65;font-size:.93rem;color:var(--muted)}.bio-links{display:grid;gap:12px}.bio-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid #685371;border-radius:14px;transition:background .25s,color .25s,transform .35s var(--ease),border-color .25s}.bio-link strong{display:block;font-weight:600;font-size:1rem}.bio-link small{display:block;margin-top:5px;color:var(--muted);font-size:.78rem;line-height:1.5}.bio-link svg{transition:transform .35s var(--ease)}.bio-link--main{background:var(--peach);color:var(--ink);border-color:transparent}.bio-link--main small{color:#5a3c33}.bio-link:hover{background:#3e2e4c;border-color:#bd99ca;transform:translateY(-2px)}.bio-link:hover svg{transform:translate(3px,-3px)}.bio-link--main:hover{background:#ffd6b5;color:var(--ink)}.bio-socials{display:flex;justify-content:center;gap:34px;padding:27px 0 30px;margin-top:4px}.bio-socials>span{font-size:.82rem}.bio-socials small{display:block;color:var(--muted);font-size:.67rem;margin-top:5px}footer{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;border-top:1px solid #594560;padding-top:24px}footer img{filter:brightness(0) invert(90%);object-fit:contain}footer span{font-family:'Fredoka',sans-serif;font-size:1rem}footer small{flex-basis:100%;text-align:center;color:var(--muted);font-size:.68rem;margin-top:4px}.bio-intro,.bio-brand{animation:arrive .9s var(--ease) both}@keyframes arrive{from{transform:translateY(12px);opacity:.45}to{transform:translateY(0);opacity:1}}@media(max-width:380px){.bio{width:calc(100% - 28px)}.bio-link{padding:19px 18px}.bio-link small{font-size:.74rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Link hub: an animated miniature of the Pomku identity. */
:root{--lavender:#b79dfb;--mint:#a6e9c8;--mx:0px;--my:0px}body{background:#292032}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.page-orbit{position:fixed;width:900px;height:900px;border:1px solid #b79dfb16;border-radius:50%;left:50%;top:250px;transform:translateX(-50%);pointer-events:none}.bio{width:min(100% - 40px,540px);padding-top:32px}.bio-brand{width:148px;margin-bottom:0}.bio-art{height:210px;position:relative;display:grid;place-items:center;margin:10px 0 22px;isolation:isolate}.art-ring{position:absolute;width:265px;height:150px;border:1px solid #b79dfb60;border-radius:50%;transform:rotate(-22deg)}.art-ring:after{content:'';position:absolute;inset:17px -22px;border:1px solid #b79dfb28;border-radius:50%;transform:rotate(40deg)}.mascot{transform:translate(var(--mx),var(--my));transition:transform .8s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 18px 20px #130e2180)}.mascot img{width:134px;height:170px;object-fit:contain;filter:brightness(0) saturate(100%) invert(79%) sepia(37%) saturate(666%) hue-rotate(200deg);animation:float 5s ease-in-out infinite}.art-spark{position:absolute;width:33px;height:33px;color:var(--peach);stroke-width:1.3}.spark-one{top:26px;right:23%;animation:twinkle 6s ease-in-out infinite}.spark-two{bottom:40px;left:22%;width:21px;height:21px;color:var(--mint);animation:twinkle 6s 2s ease-in-out infinite}.art-dot{position:absolute;top:70px;left:23%;width:7px;height:7px;border-radius:50%;background:var(--peach)}.art-caption{position:absolute;bottom:-3px;right:15%;font-size:.64rem;letter-spacing:.02em;color:var(--muted);transform:rotate(-6deg)}.bio-intro{margin-bottom:30px}.bio-intro h1{font-size:clamp(2.15rem,7.5vw,2.9rem);line-height:1.04}.bio-intro h1 em{font-style:normal;color:var(--peach)}.bio-intro p{font-size:.84rem;max-width:335px;line-height:1.6}.bio-links{gap:0}.bio-link{position:relative;min-height:97px;padding:22px 4px;border:0;border-bottom:1px solid #68537170;border-radius:0;gap:16px;transition:padding .3s var(--ease),color .3s,background .3s}.bio-link>span:not(.link-icon){flex:1}.bio-link .link-icon{width:43px;height:43px;display:grid;place-items:center;color:var(--lavender);flex:none}.link-icon svg{width:28px;height:28px}.bio-link>svg{width:21px;height:21px}.bio-link strong{font-size:1.03rem}.bio-link small{font-size:.75rem;margin-top:5px}.bio-link--main{border-radius:16px;border:0;padding:24px 20px;margin-bottom:12px;min-height:114px;background:var(--peach)}.bio-link--main .link-icon{color:var(--ink)}.bio-link--main strong{font-family:'Fredoka',sans-serif;font-size:1.32rem;font-weight:500;line-height:1.05}.bio-link--main small{max-width:235px}.bio-link:hover{transform:none;background:#3e2e4c;padding-left:14px;padding-right:14px;border-color:#bd99ca}.bio-link--main:hover{background:#ffd6b5;padding-left:24px;padding-right:16px}.bio-link:hover .link-icon svg{transform:rotate(-10deg)}.link-icon svg{transition:transform .4s var(--ease)}.bio-link:nth-child(3) .link-icon{color:var(--mint)}.bio-link:nth-child(4) .link-icon{color:var(--peach)}.bio-socials{justify-content:space-between;gap:16px;padding:26px 8px 30px}.bio-socials>span{display:flex;align-items:baseline;gap:9px;font-size:.8rem}.bio-socials small{font-size:.61rem;color:#bba9c5}footer{padding-top:22px;border-top-color:#59456070}footer small{font-size:.64rem}.bio-link{animation:link-arrive .8s var(--ease) both}.bio-link:nth-child(2){animation-delay:.08s}.bio-link:nth-child(3){animation-delay:.16s}.bio-link:nth-child(4){animation-delay:.24s}@keyframes link-arrive{from{opacity:.35;transform:translateY(18px);clip-path:inset(0 0 22% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes twinkle{0%,100%{transform:rotate(-10deg) scale(.9)}50%{transform:rotate(25deg) scale(1.15)}}@media(min-width:850px){.bio{padding-top:45px}.bio-art{height:230px}.bio-intro{margin-bottom:36px}}@media(max-width:380px){.bio{width:calc(100% - 32px)}.bio-link{gap:10px}.bio-link--main{padding:22px 15px}.bio-link strong{font-size:.94rem}.bio-link--main strong{font-size:1.17rem}.bio-link small{font-size:.7rem}.bio-socials>span{display:block}.bio-art{height:190px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.mascot{transform:none}}
.social-section{margin:40px 0 32px}.social-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.social-heading h2{font-family:'Fredoka',sans-serif;font-weight:500;font-size:1.85rem;letter-spacing:-.02em;margin:0}.social-heading svg{width:30px;height:30px;color:var(--peach)}.social-section>p{color:var(--muted);font-size:.8rem;line-height:1.6;margin:8px 0 22px}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-tile{min-width:0;min-height:158px;border-radius:16px;padding:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate;transition:transform .4s var(--ease)}.social-tile:after{content:'';position:absolute;width:130px;height:130px;right:-58px;top:-44px;border:1px solid currentColor;border-radius:50%;opacity:.17;z-index:-1;transition:transform .7s var(--ease)}.social-tile>svg{width:31px;height:31px;stroke-width:1.6;margin-bottom:19px;transition:transform .5s var(--ease)}.social-copy strong{display:block;font-size:1rem;font-weight:600}.social-copy>span{display:block;font-size:.68rem;line-height:1.4;margin-top:4px;opacity:.8}.social-tile>small{margin-top:14px;font-size:.59rem;letter-spacing:.025em;opacity:.8;display:flex;align-items:center;gap:5px}.social-tile>small:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.social-instagram{background:#d8b8d6;color:#3b203b}.social-tiktok{background:#a6e9c8;color:#183c32}.social-youtube{background:#ffc392;color:#482b27}.social-vimeo{background:#b79dfb;color:#30204e}.social-discord{grid-column:1/-1;min-height:100px;background:#45345b;color:#eee3ff;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:17px}.social-discord>svg{margin:0}.social-discord>small{margin:0}.social-section .social-note{font-size:.69rem;max-width:320px;margin:16px 0 0}.social-tile:hover{transform:translateY(-3px)}.social-tile:hover:after{transform:scale(1.5)}.social-tile:hover>svg{transform:rotate(-9deg)}@media(max-width:380px){.social-tile{padding:17px;min-height:153px}.social-discord{grid-template-columns:30px 1fr;min-height:105px}.social-discord>small{grid-column:2}.social-heading h2{font-size:1.65rem}}@media(prefers-reduced-motion:reduce){.social-tile:hover,.social-tile:hover>svg,.social-tile:hover:after{transform:none}}
/* A quiet, sculptural atmosphere around the link hub. */
body{background:#241c30;isolation:isolate}.bio-world{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 8%,#493453 0,transparent 57%),#241c30;contain:strict}.bio-world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent, #241c3050 30%,#241c3060 70%,transparent)}.world-light{position:absolute;width:80vw;height:80vw;max-width:1000px;max-height:1000px;border-radius:50%;opacity:.55;animation:atmosphere-drift 22s ease-in-out infinite alternate;will-change:transform}.light-lavender{left:-42%;top:-20%;background:radial-gradient(ellipse,#a488d640,#8b68b516 40%,transparent 68%)}.light-peach{right:-45%;bottom:-25%;background:radial-gradient(ellipse,#ffb78a30,#bc728d12 42%,transparent 68%);animation-delay:-11s}.world-ribbons{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.ribbon-back{stroke:#715385;stroke-width:95;opacity:.17}.ribbon-front{stroke:#aa7b91;stroke-width:145;opacity:.11}.ribbon-line{stroke:#c5a3cf;stroke-width:1;opacity:.2}.world-sparks{position:absolute;inset:0}.world-sparks>svg{position:absolute;width:19px;height:19px;color:#c9b0e7;opacity:.5;animation:background-breathe 8s ease-in-out infinite}.world-sparks>svg:nth-child(1){left:12%;top:18%}.world-sparks>svg:nth-child(2){right:14%;top:63%;width:27px;height:27px;color:#e5bb9c;animation-delay:-3s}.world-sparks>svg:nth-child(3){left:20%;bottom:13%;width:12px;height:12px;animation-delay:-5s}.world-sparks i{position:absolute;width:3px;height:3px;border-radius:50%;background:#dfc6ef;opacity:.45}.world-sparks i:nth-of-type(1){left:24%;top:43%}.world-sparks i:nth-of-type(2){right:20%;top:28%}.world-sparks i:nth-of-type(3){right:27%;bottom:16%}.bio-link:not(.bio-link--main):hover{background:#44324e}.bio{z-index:1}@keyframes atmosphere-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(7%,9%,0)}}@keyframes background-breathe{0%,100%{opacity:.22;transform:scale(.85)}50%{opacity:.6;transform:scale(1.1)}}@media(max-width:650px){.world-ribbons{width:180%;left:-40%;opacity:.7}.world-light{width:140vw;height:140vw}.light-lavender{left:-80%;top:-5%}.light-peach{right:-90%;bottom:0}.world-sparks>svg:nth-child(1){left:5%;top:17%}.world-sparks>svg:nth-child(2){right:4%;top:61%}.world-sparks>svg:nth-child(3){left:6%;bottom:9%}}@media(prefers-reduced-motion:reduce){.world-light,.world-sparks>svg{animation:none;will-change:auto}}