@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0e1112;--text:#fff7f7;--muted:#848b91;--surface:#1d1f20;--surface-hover:#25282a;--focus:#d94560;--hover:#11bf5e;--content-width:30rem;--ease-out:cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html{background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}body{background:var(--background);min-width:320px;min-height:100svh;color:var(--text);margin:0;font-family:Instrument Sans,Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;transition:color .14s var(--ease-out), background-color .14s var(--ease-out), box-shadow .14s var(--ease-out), transform .14s var(--ease-out);text-decoration:none;position:relative}a:not(.social-link,.music-link):after{content:"";transform-origin:100%;height:1px;transition:transform .16s var(--ease-out);background:currentColor;position:absolute;bottom:.02em;left:0;right:0;transform:scaleX(0)}a:hover{color:var(--hover)}a:not(.social-link,.music-link):hover:after{transform-origin:0;transform:scaleX(1)}a:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.site-shell{width:100%;min-height:100svh;max-width:calc(var(--content-width) + (clamp(28px, 6.8vw, 88px) * 2));flex-direction:column;justify-content:center;gap:40px;margin:0 auto;padding:clamp(40px,7vh,72px) clamp(28px,6.8vw,88px) clamp(32px,5vh,56px);display:flex}.intro{grid-template-columns:1fr;align-items:start;gap:40px;width:100%;display:grid}.identity{max-width:var(--content-width);animation:.9s cubic-bezier(.22,1,.36,1) both rise-in}h1,p{margin:0}h1,.identity p,.work-heading,.other-work{letter-spacing:0;font-weight:400}h1,.identity p{letter-spacing:0;text-wrap:balance;font-size:28px;font-weight:400;line-height:32px}h1{color:var(--text)}.identity p,.work-summary{color:var(--muted)}.work-list{max-width:var(--content-width);flex-direction:column;gap:32px;animation:.9s cubic-bezier(.22,1,.36,1) 90ms both rise-in;display:flex}.work-item{flex-direction:column;gap:0;display:flex}.work-heading,.other-work{color:var(--text);font-size:16px;line-height:24px}.work-summary{text-wrap:pretty;font-size:16px;line-height:24px}.footer{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.social-links{flex-shrink:0;align-items:center;gap:12px;display:flex}.social-link{background:var(--surface);width:48px;height:48px;color:var(--muted);transition:color .14s var(--ease-out), background-color .14s var(--ease-out), transform .14s var(--ease-out);border-radius:999px;place-items:center;text-decoration:none;display:inline-grid}.social-link:hover{background:var(--surface-hover);color:var(--hover);transform:translateY(-2px)}.social-link:active,.music-link:active{transform:scale(.96)}.music-link{min-width:0;height:48px;box-shadow:0 0 0 1px color-mix(in srgb, var(--text) 10%, transparent);color:var(--text);white-space:nowrap;transition:color .14s var(--ease-out), background-color .14s var(--ease-out), box-shadow .14s var(--ease-out), transform .14s var(--ease-out);border-radius:999px;flex-shrink:1;align-items:center;gap:10px;padding:11px 19px 11px 17px;font-size:15px;line-height:20px;text-decoration:none;display:inline-flex}.music-link:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--text) 16%, transparent);background:color-mix(in srgb, var(--text) 3%, transparent);color:color-mix(in srgb, var(--text) 86%, var(--muted));transform:translateY(-2px)}.player-icons{color:var(--muted);flex-shrink:0;align-items:center;gap:1px;display:inline-flex}.music-link>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:20px;overflow:hidden}.music-link:hover .player-icons{color:color-mix(in srgb, var(--text) 68%, var(--muted))}@keyframes rise-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width<=809px){.site-shell{gap:40px;padding:60px 60px 54px}.intro{grid-template-columns:1fr;gap:40px}.footer{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.music-link{max-width:100%}}@media (width<=560px){.site-shell{justify-content:space-between;height:100svh;padding:36px 24px 32px}.social-links{gap:12px}.social-link{width:48px;height:48px}.music-link{height:48px;padding:11px 19px 11px 17px}}@media (width<=360px){.footer{flex-direction:column;align-items:flex-start;gap:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}