@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0}}@layer tokens{:root{--color-background--default:#0a0010;--color-background--inverse:#fbeded;--color-link--default:#ed95c5;--color-link--default--active:#fff;--color-link--inverse:#333;--color-link--inverse--active:#191919;--color-text--default:#fff;--color-text--inverse:#721749;--font-action:"Shrikhand", serif;--font-heading:"crayonette-djr", sans-serif;--font-body:"Merriweather", serif;--font-size-title:clamp(2.4rem, 5vw, 3.8rem)}}@layer base{body{min-height:100vh;color:var(--color-text--default);font-family:var(--font-body);font-optical-sizing:auto;background:var(--color-background--default);flex-direction:column;display:flex;overflow-x:hidden}a{color:var(--color-link--default);text-decoration:none;transition:color .15s ease-in-out}a.inverse{color:var(--color-link--inverse)}@media (hover:hover){a:hover{color:var(--color-link--default--active)}a.inverse:hover{color:var(--color-link--inverse--active)}}ul[role=list]{padding-left:1.5rem;list-style:outside}}@layer components{.banner{color:var(--color-text--inverse);text-align:center;background-color:var(--color-background--inverse);border-bottom:1px solid #ddd;justify-content:center;padding:clamp(.5rem,1vw,1rem) 1rem;font-size:clamp(.75rem,1.5vw,1rem);display:flex;overflow:hidden}.banner__track{display:inline-flex}.button{color:var(--color-text--default);letter-spacing:.02em;border:2px solid var(--color-text--default);align-self:flex-start;padding:.4em 1.2em .2em;font-size:clamp(1.6rem,3vw,2.4rem);text-decoration:none;transition:background .2s,color .2s;display:inline-block}@media (hover:hover){.button:hover{background:var(--color-text--default);color:var(--color-text--inverse)}}.content{isolation:isolate;background:linear-gradient(135deg,#1a0010 0%,#1a0030 40%,#08001a 100%);flex:1;align-items:center;gap:4vw;padding:clamp(2rem,5vw,4rem) 6vw;display:flex;position:relative;overflow:hidden}@media (width<900px){.content{flex-direction:column}.content .hero-photo{order:-1;justify-content:center;width:100%}}.content:before,.content:after{content:"";filter:blur(70px);z-index:-1;will-change:transform, border-radius;border-radius:50%;position:absolute}.content:before{background:radial-gradient(circle,#8c1428e6 0%,#640a3c99 60%,#0000 100%);width:45%;height:70%;animation:11s ease-in-out infinite lava-blob1;top:0%;left:10%}.content:after{background:radial-gradient(circle,#500f8cd9 0%,#320a6480 60%,#0000 100%);width:40%;height:75%;animation:14s ease-in-out infinite lava-blob2;bottom:0%;right:5%}@keyframes lava-blob1{0%,to{border-radius:60% 40% 55% 45%/50% 60% 40% 55%;transform:translate(0)scale(1)}20%{border-radius:45% 55% 40% 60%/60% 40% 55% 45%;transform:translate(35%,-20%)scale(1.1)}40%{border-radius:55% 45% 60% 40%/45% 55% 50% 50%;transform:translate(55%,25%)scale(.9)}60%{border-radius:40% 60% 45% 55%/55% 45% 60% 40%;transform:translate(20%,50%)scale(1.05)}80%{border-radius:50% 50% 55% 45%/40% 60% 45% 55%;transform:translate(-10%,20%)scale(.95)}}@keyframes lava-blob2{0%,to{border-radius:55% 45% 60% 40%/45% 55% 40% 60%;transform:translate(0)scale(1)}25%{border-radius:40% 60% 45% 55%/60% 40% 55% 45%;transform:translate(-30%,-40%)scale(1.15)}50%{border-radius:60% 40% 50% 50%/50% 50% 45% 55%;transform:translate(-50%,15%)scale(.85)}75%{border-radius:45% 55% 55% 45%/55% 45% 40% 60%;transform:translate(-20%,-55%)scale(1.1)}}}@layer utilities{.text\:action{font-family:var(--font-action);font-style:normal;font-weight:400}.text\:body{max-width:38ch;font-family:var(--font-body);font-size:clamp(.9rem,1.5vw,1.05rem);font-style:italic;font-weight:400;line-height:1.65}.text\:heading{font-family:var(--font-heading);text-transform:lowercase;font-style:normal;font-weight:400}.text\:title{font-family:var(--font-heading);font-size:var(--font-size-title);font-style:normal;font-weight:400}.flex{display:flex}.flex\:column{flex-direction:column}.gap\:300{gap:.5rem}.gap\:400{gap:.75rem}.gap\:500{gap:1rem}}.hero-content{flex:none;gap:1.5rem;max-width:480px}.hero-photo{flex:auto;justify-content:center;align-items:center;display:flex}.hero-photo img{border-radius:2px;flex:0;width:100%;max-width:620px;height:auto;max-height:clamp(40vh,500px,100vh);display:block}.bio p{color:#e8ddf5;max-width:38ch;font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.65}.socials{align-items:center;gap:.75rem;display:flex}.social-btn{color:#fff;border:1.5px solid #fff;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:background .2s,color .2s;display:flex}.social-btn:hover{color:#1a0030;background:#fff}.social-btn svg{fill:currentColor;width:20px;height:20px}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.banner{animation:.5s ease-out both fade-down}.hero-content>h1{animation:.6s ease-out .1s both fade-up}.hero-content>article{animation:.6s ease-out .25s both fade-up}.hero-content>.button{animation:.6s ease-out .4s both fade-up}.hero-content>.gigs{animation:.6s ease-out .55s both fade-up}.hero-content>.socials{animation:.6s ease-out .7s both fade-up}.hero-photo{animation:.8s ease-out .2s both fade-in}@media (prefers-reduced-motion:reduce){.banner,.hero-content>*,.hero-photo{animation:none}}@media (width<=768px){.hero{flex-direction:column;align-items:flex-start;gap:2.5rem;padding:40px 5vw}.hero-content{max-width:100%}.hero-photo{justify-content:center;width:100%}.bio p{max-width:100%}}