@import"base.css";:root{--menu-bg-color: var(--primary-bg-color);--menu-text-color: var(--primary-text-color)}body{margin:0;padding:0;text-align:center;background:var(--primary-text-color);font-family:Damryl,Fallback,sans-serif;font-weight:100;position:fixed;top:0;left:0;height:var(--app-shell-height, 100dvh);width:100%;overflow:hidden}#about-container{background-color:var(--primary-text-color);font-size:5.25vw;padding:0;position:relative;max-width:1200px;margin:0 auto;transform:translate(calc(var(--scrollbar-width, 0px) / 2));padding-left:4vw;padding-right:4vw;padding-top:3vh;padding-bottom:calc(8vh + 4vw);text-align:left;opacity:0;transition:opacity .5s ease-out}#about-container.loaded{opacity:1}#back-link,.page-heading{color:var(--primary-bg-color)}.about-content{display:flex;align-items:flex-start;gap:4vw}.artist-photo-col{flex:1 1 40%;min-width:0}.artist-bio{flex:1 1 60%;min-width:0;font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(16px,1.25vw,22px);color:#000}.artist-photo{position:relative;border-radius:5px;width:100%;height:auto;margin-bottom:4vw}@media(max-width:700px){.about-content{flex-direction:column;gap:0}}.affiliations{font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(16px,1.25vw,22px);color:#000;margin-top:clamp(24px,3vw,60px)}.affiliation-pills{display:flex;flex-wrap:wrap;gap:.6em;margin-top:.6em}.affiliation-pill{display:inline-block;font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(10px,1vw,14px);letter-spacing:.05em;color:var(--primary-bg-color);background-color:transparent;border:1px solid var(--primary-bg-color);box-sizing:border-box;padding:4px .6em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;text-decoration:none;transition:color .15s ease-out,border-color .15s ease-out,background-color .15s ease-out}.affiliation-pill:hover{color:var(--primary-text-color);background-color:var(--secondary-text-color);border-color:var(--secondary-text-color)}.beta-testing{margin-top:clamp(24px,1vw,60px)}.social-links{display:flex;align-items:center;gap:clamp(16px,2vw,28px);margin-top:clamp(45px,3vw,55px);margin-bottom:1vw}.social-links a{display:inline-flex;align-items:center;position:relative;color:#000;opacity:0;will-change:opacity;transition:opacity .4s ease-out}.social-links.icons-visible a{opacity:1}.social-links svg{width:clamp(30px,1.6vw,40px);height:clamp(30px,1.6vw,40px)}.icon-hover{position:absolute;inset:0;color:var(--secondary-text-color);opacity:0;will-change:opacity;transition:opacity .15s ease-out}.social-links a:hover .icon-hover{opacity:1}