*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{line-height:1.6;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{line-height:calc(1em + .5rem)}:root{--clr-text: #f4f4f4;--clr-text-soft: rgb(244, 244, 244, .65);--clr-bg: #28262c;--clr-bg-alt: #15141a;--clr-bg-light: #3a3842;--clr-yellow: #fdf295;--clr-purple: #7669b8;--clr-purple-light: #a99af0;--clr-purple-dark: #3c336b;--clr-link: #9482ed;--clr-link-hover: #ccc2ff;--spacing-section: max(8vmin, 4rem);--timing: cubic-bezier(.15, 0, 0, 1);--page-max-width: 1100px;--layout-spacing-inline: 16px}@media (min-width: 600px){:root{--layout-spacing-inline: 24px}}@media (min-width: 800px){:root{--layout-spacing-inline: 32px}}*::selection{background-color:var(--clr-purple-dark);color:var(--clr-text)}body{font-family:IBM Plex Sans,sans-serif}h1,h2{font-family:Jaro,sans-serif;color:var(--clr-yellow)}h2{font-size:3rem}p+p{margin-top:1rem}a{color:var(--clr-link);text-decoration:none;transition:color .5s ease}a:hover,a:focus-visible{color:var(--clr-link-hover);transition-duration:.1s}a:focus-visible{outline:2px solid var(--clr-yellow);border-radius:4px}button:focus-visible{outline:2px solid var(--clr-yellow);border-radius:4px}.subtitle{font-size:1.5rem;font-weight:400;color:var(--clr-text-soft)}.container{width:100%;max-width:calc(var(--page-max-width) + var(--layout-spacing-inline) * 2);padding:0 var(--layout-spacing-inline);margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-top{0%{transform:translateY(-8px);opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-bottom{0%{transform:translateY(8px);opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{transform:translate(-8px);opacity:0}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{transform:translate(8px);opacity:0}to{opacity:1;transform:translate(0)}}@keyframes scale-subtle{0%{scale:.99;opacity:0}to{scale:1;opacity:1}}@keyframes scale{0%{scale:.96;opacity:0}to{scale:1;opacity:1}}@keyframes scale-heavy{0%{scale:.8;opacity:0}to{scale:1;opacity:1}}@keyframes blur{0%{filter:blur(8px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes blur-and-scale{0%{scale:.96;filter:blur(8px);opacity:0}to{scale:1;filter:blur(0);opacity:1}}@keyframes title-shadow-expand{0%{opacity:0;text-shadow:0 0 0 transparent}to{opacity:1;text-shadow:"0.1em 0.1em 0 var(--clr-purple), 0.2em 0.2em 0 var(--clr-purple-dark), 0 0 0.25em var(--clr-purple-dark)"}}@media (prefers-reduced-motion: no-preference){.fade-in{opacity:0}.fade-in.observed{animation:fade-in 1.6s cubic-bezier(.4,.3,.1,1.05) forwards}}@media (prefers-reduced-motion: no-preference){.slide-in-top{opacity:0}.slide-in-top.observed{animation:slide-in-top 1.6s cubic-bezier(.4,.3,.1,1.05) forwards}}@media (prefers-reduced-motion: no-preference){.slide-in-bottom{opacity:0}.slide-in-bottom.observed{animation:slide-in-bottom 1.6s cubic-bezier(.4,.3,.1,1.05) forwards}}@media (prefers-reduced-motion: no-preference){.slide-in-left{opacity:0}.slide-in-left.observed{animation:slide-in-left 1.6s cubic-bezier(.4,.3,.1,1.05) forwards}}@media (prefers-reduced-motion: no-preference){.slide-in-right{opacity:0}.slide-in-right.observed{animation:slide-in-right 1.6s cubic-bezier(.4,.3,.1,1.05) forwards}}@media (prefers-reduced-motion: no-preference){.scale-subtle{opacity:0}.scale-subtle.observed{animation:scale-subtle 1.6s cubic-bezier(.4,.3,.1,1.05) forwards}}@media (prefers-reduced-motion: no-preference){.scale{opacity:0}.scale.observed{animation:scale 1.6s cubic-bezier(.4,.3,.1,1.05) forwards}}@media (prefers-reduced-motion: no-preference){.scale-heavy{opacity:0}.scale-heavy.observed{animation:scale-heavy 1.6s cubic-bezier(.4,.3,.1,1.05) forwards}}@media (prefers-reduced-motion: no-preference){.blur{opacity:0}.blur.observed{animation:blur 1.6s cubic-bezier(.4,.3,.1,1.05) forwards}}@media (prefers-reduced-motion: no-preference){.blur-and-scale{opacity:0}.blur-and-scale.observed{animation:blur-and-scale 1.6s cubic-bezier(.4,.3,.1,1.05) forwards}}@media (prefers-reduced-motion: no-preference){.title-shadow-expand{opacity:0}.title-shadow-expand.observed{animation:title-shadow-expand 1.6s cubic-bezier(.4,.3,.1,1.05) forwards}}.duration-1.observed{animation-duration:.2s}.duration-2.observed{animation-duration:.4s}.duration-3.observed{animation-duration:.6s}.duration-4.observed{animation-duration:.8s}.duration-5.observed{animation-duration:1s}.duration-6.observed{animation-duration:1.2s}.duration-7.observed{animation-duration:1.4s}.duration-8.observed{animation-duration:1.6s}.duration-9.observed{animation-duration:1.8s}.duration-10.observed{animation-duration:2s}.duration-11.observed{animation-duration:2.2s}.duration-12.observed{animation-duration:2.4s}.duration-13.observed{animation-duration:2.6s}.duration-14.observed{animation-duration:2.8s}.duration-15.observed{animation-duration:3s}.duration-16.observed{animation-duration:3.2s}.delay-1.observed{animation-delay:.2s}.delay-2.observed{animation-delay:.4s}.delay-3.observed{animation-delay:.6s}.delay-4.observed{animation-delay:.8s}.delay-5.observed{animation-delay:1s}.delay-6.observed{animation-delay:1.2s}.delay-7.observed{animation-delay:1.4s}.delay-8.observed{animation-delay:1.6s}.delay-9.observed{animation-delay:1.8s}.delay-10.observed{animation-delay:2s}.delay-11.observed{animation-delay:2.2s}.delay-12.observed{animation-delay:2.4s}.delay-13.observed{animation-delay:2.6s}.delay-14.observed{animation-delay:2.8s}.delay-15.observed{animation-delay:3s}.delay-16.observed{animation-delay:3.2s}body{--bg-thickness: 1%;min-height:100vh;background-color:var(--clr-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='397' height='47.6' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%231E1E1E' stroke-width='5.6' %3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(88deg,rgba(0,0,0,.4),transparent 30%,transparent 70%,rgba(0,0,0,.4)),radial-gradient(circle,transparent 85%,rgba(0,0,0,.4)),linear-gradient(160deg,transparent 50%,rgb(17,15,24)),linear-gradient(var(--clr-bg-alt),var(--clr-bg)),linear-gradient(90deg,var(--clr-purple) var(--bg-thickness),transparent var(--bg-thickness));color:var(--clr-text)}.site-nav{border-bottom:1px solid var(--clr-purple);margin:0 auto}.site-nav a{display:inline-flex;gap:.75rem;padding:1rem;font-size:clamp(1.25rem,6vw,1.5rem);transition-property:rotate;transition-duration:1s;transition-timing-function:var(--timing)}.site-nav a:hover,.site-nav a:focus-visible{transition-duration:.1s;rotate:var(--tilt)}@media (max-width: 400px){.site-nav a{padding:1rem .75rem;gap:.5rem}}.intro{min-height:calc(100vh - var(--spacing-section));display:flex;flex-direction:column;justify-content:center}#about{padding-top:2rem;max-width:980px;margin:0 auto;display:grid;grid-template-rows:[img-start] 1fr [title-start] auto [img-end] 0 [title-end] auto [text];grid-template-columns:1fr;row-gap:16px;justify-items:center}#about .title{font-size:21vw;grid-area:title;rotate:-2deg;text-shadow:.1em .1em 0 var(--clr-purple),.2em .2em 0 var(--clr-purple-dark),0 0 .25em var(--clr-purple-dark)}@media (min-width: 600px){#about{overflow:hidden;grid-template-rows:auto 1fr;grid-template-columns:1fr 250px;grid-template-areas:"title img" "text img";row-gap:24px;column-gap:16px;justify-items:initial}#about .title{font-size:15vw}}@media (min-width: 800px){#about{overflow:initial;grid-template-rows:auto 1fr;grid-template-columns:32px 1fr 32px 320px;grid-template-areas:"title title title img" "gap1 text gap2 img";row-gap:48px;column-gap:0}#about .title{font-size:min(160px,15.5vw)}}@media (min-width: 1000px){#about{grid-template-columns:64px 1fr 64px 320px}}#about .text{grid-area:text}#about picture{grid-area:img;width:min(320px,65vw);max-width:100%;filter:brightness(1.1)}#about picture.backdrop{filter:blur(16px) brightness(1);opacity:1;z-index:-1}@media (min-width: 800px){#about picture.backdrop{filter:blur(24px) brightness(1);opacity:1}}#music{display:grid;gap:2rem;padding-block:var(--spacing-section)}@media (min-width: 800px){#music{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}}#music>img{background-color:var(--clr-purple);border-radius:4px;display:none;box-shadow:0 4px 32px #09080a29}@media (min-width: 800px){#music>img{display:block}}@media (min-width: 800px){#music .tracks-column{margin-top:5rem;grid-row:1/3;grid-column:2/3}}#music h2{margin-bottom:.5rem}#music .tracks{display:grid;grid-template-columns:1fr;border:1px solid rgba(255,255,255,.1);background-color:#ffffff03;border-radius:4px;margin-top:1.5rem;box-shadow:0 4px 32px #09080a29;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#music .track{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:16px;text-align:left;padding:16px;border:none;background-color:transparent;color:var(--clr-text);cursor:pointer;transition-property:background-color,box-shadow;transition-duration:1s;transition-timing-function:var(--timing)}@media (min-width: 800px){#music .track{grid-template-columns:1fr auto;padding:16px 24px}#music .track img{display:none}}#music .track img{border-radius:2px}#music .track div{display:grid}#music .track svg{opacity:0;transition:opacity .4s ease}#music .track:hover,#music .track:focus{background-color:#3c336b35;box-shadow:inset 0 0 16px var(--clr-purple-dark);transition-duration:.2s}#music .track:hover svg,#music .track:focus svg{opacity:1;transition:opacity .2s ease}#music .track:not(:last-child){border-bottom:1px solid rgba(255,255,255,.15)}#music .track:focus-visible{outline:2px solid var(--clr-yellow);border-radius:4px}#music .track.current{background-color:#3c336b35}#music .title{font-size:1.125rem;margin-bottom:2px}#music .artist{color:var(--clr-text-soft);font-size:.875rem}#music .spotify-cta a{display:inline-flex;gap:.25rem;align-items:center}#music .track-info h4{line-height:.7;margin-bottom:-.325em;margin-left:1rem;position:relative;z-index:1;font-family:Jaro,sans-serif;font-weight:400;font-size:2rem;color:var(--clr-yellow)}@media (min-width: 800px){#music .track-info h4{margin-left:1.5rem}}#music .credits{--border: 1px;display:grid;grid-template-columns:auto 1fr;gap:0 1rem;margin-top:var(--border);margin-left:var(--border);margin-bottom:1.5rem;padding:1.5rem 16px 1rem;list-style:none;border-radius:4px;position:relative;background-image:radial-gradient(farthest-corner at 0 0,var(--clr-bg-alt),var(--clr-bg));background-position:top left}@media (min-width: 800px){#music .credits{padding:1.5rem 24px 1rem}}#music .credits:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:calc(var(--border) * -1);border-radius:inherit;background-image:radial-gradient(farthest-corner at 0% 0%,var(--clr-purple),var(--clr-bg-light))}#music .credits dt{margin-top:.125rem;font-size:.875rem;color:var(--clr-text-soft)}#music .paragraphs{padding-left:24px;position:relative}#music .paragraphs:before{background-image:linear-gradient(var(--clr-purple-dark),#423b64,var(--clr-purple-dark));content:"";width:4px;height:100%;position:absolute;left:0;border-radius:16px}.contact-wrapper{display:grid;align-items:flex-end;overflow:hidden}@media (min-width: 500px){.contact-wrapper{min-height:50vh}}@media (min-width: 800px){.contact-wrapper{min-height:calc(100vh - var(--spacing-section))}}#contact{display:grid;grid-template-columns:minmax(220px,1fr) 200px;align-items:flex-end;max-width:800px}@media (min-width: 400px){#contact{grid-template-columns:minmax(220px,1fr) 250px}}@media (min-width: 500px){#contact{grid-template-columns:minmax(300px,1fr) 350px;align-items:center}}@media (min-width: 800px){#contact{grid-template-columns:300px 500px}}#contact h2{margin-bottom:.5rem;font-size:2rem}@media (min-width: 500px){#contact h2{font-size:3rem}}#contact .socials{display:flex;gap:16px;padding:0;list-style:none;margin-top:1rem;margin-bottom:3rem}@media (min-width: 500px){#contact .socials{margin-top:2rem;margin-bottom:0}}#contact .socials li:nth-child(1) a{animation-delay:.1s}#contact .socials li:nth-child(2) a{animation-delay:.2s}#contact .socials li:nth-child(3) a{animation-delay:.3s}#contact .socials li:nth-child(4) a{animation-delay:.4s}#contact .socials li:nth-child(5) a{animation-delay:.5s}#contact .socials a{display:inline-block;transition-property:rotate,scale;transition-duration:1s;transition-timing-function:var(--timing)}#contact .socials a:hover,#contact .socials a:focus-visible{transition-duration:.1s;rotate:var(--tilt);scale:1.05}#contact .socials svg{width:2rem;height:2rem;stroke-width:1px}@media (min-width: 500px){#contact .socials svg{width:3rem;height:3rem}}#contact .img-wrapper{max-height:670px;display:grid}#contact .img-wrapper img{grid-area:1/1/2/2;filter:brightness(1.2)}#contact .img-wrapper img.backdrop{filter:blur(16px) brightness(.5);opacity:.5}@media (min-width: 500px){#contact .img-wrapper img.backdrop{filter:blur(24px) brightness(.5);opacity:.75}}#player{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 var(--layout-spacing-inline);padding:0 var(--layout-spacing-inline) 16px;position:sticky;bottom:0;background-color:#000c;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);box-shadow:0 0 32px #ffffff13;transition:transform 1s var(--timing)}@media (min-width: 800px){#player{grid-template-columns:auto 1fr auto;padding:16px var(--layout-spacing-inline)}}#player.hidden{height:0;padding:0;overflow:hidden;visibility:hidden;transform:translateY(100%)}#player .current-track{display:flex;gap:16px}#player .current-track>div{display:grid}#player .current-track .artist,#player .current-track .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#player .current-track .artist{color:var(--clr-text-soft);font-size:.875rem}#player .progress-container{grid-column:1/-1;grid-row:1;width:100%;padding:16px 0;display:flex;align-items:center}#player .progress-container:hover{cursor:pointer}@media (min-width: 800px){#player .progress-container{grid-row:auto;grid-column:auto}}#player progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:4px;border:none;background-color:gray;width:100%}#player progress::-moz-progress-bar{background-color:var(--clr-purple-light);border-radius:4px}#player progress::-webkit-progress-bar{background-color:gray;border-radius:4px}#player progress::-webkit-progress-value{background-color:var(--clr-purple-light);border-radius:4px}#player .controls{display:flex;align-items:center;margin-right:-8px}#player .controls button{background-color:transparent;border:none;color:var(--clr-text);cursor:pointer;padding:8px}#player .controls .previous svg,#player .controls .next svg{width:18px;height:18px;stroke-width:2px}