@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html,body,#app{min-height:100%;width:100%}body{margin:0;font-family:Sora,Segoe UI,sans-serif;color:#e7eefc;background:linear-gradient(180deg,#050811,#04070f 52%,#03050a),linear-gradient(90deg,#2249931a,#08142a00)}.site{width:min(1240px,94vw);margin:0 auto;min-height:100vh;display:grid;grid-template-columns:320px 1fr;gap:clamp(26px,4vw,58px);padding:clamp(26px,4vw,62px) 0}.profile-rail{position:sticky;top:26px;align-self:start;padding-right:clamp(16px,2vw,28px);border-right:1px solid rgba(116,152,224,.25);opacity:0;transform:translateY(18px);animation:loadIn .72s cubic-bezier(.22,.61,.36,1) .06s forwards}.avatar-wrap{position:relative;display:inline-block;margin:0 4px 20px auto}.avatar{width:236px;height:236px;object-fit:cover;border-radius:50%;border:1px solid rgba(130,171,255,.38)}.eyebrow{margin:0 0 8px;font-size:.72rem;letter-spacing:.2em;color:#8eb4f3}.profile-rail h1{margin:0;font-size:clamp(2.2rem,4vw,3rem);line-height:1;letter-spacing:-.03em}.bio{margin:0;line-height:1.6;color:#bfd0ec;font-size:.96rem}.links{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:16px}.links a{text-decoration:none;color:#dbe8ff;font-size:.9rem;border-bottom:1px solid rgba(150,183,244,.3);padding-bottom:2px}.spotify-now{margin-top:18px;display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;max-width:280px}.spotify-now img{width:46px;height:46px;object-fit:cover;border-radius:8px;border:1px solid rgba(125,166,241,.35)}.spotify-now p{margin:0}.spotify-kicker{color:#8fb4ef;font-size:.74rem;letter-spacing:.02em}.spotify-track{color:#e5eefd;font-size:.9rem;line-height:1.28}.spotify-artist{color:#b6caeb;font-size:.82rem}.content{display:grid;gap:clamp(34px,4vw,54px)}.intro,.work-section,.bottom-grid{opacity:0;transform:translateY(18px);animation:loadIn .72s cubic-bezier(.22,.61,.36,1) forwards}.intro{animation-delay:.14s}.work-section{animation-delay:.22s}.bottom-grid{animation-delay:.3s}.section-tag{margin:0 0 10px;text-transform:uppercase;letter-spacing:.17em;color:#8eb4f3;font-size:.72rem}.intro h2{margin:0 0 14px;font-size:clamp(2rem,4.4vw,3.8rem);line-height:.98;letter-spacing:-.035em;max-width:12ch}.intro p{margin:0;max-width:64ch;color:#c7d8f4;line-height:1.72}.work-section h3,.bottom-grid h3{margin:0 0 16px;color:#9ec2ff;font-size:1rem;letter-spacing:.02em}.work-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(111,146,216,.24)}.work-item{display:grid;grid-template-columns:132px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid rgba(111,146,216,.2)}.work-meta{display:grid;gap:8px;align-content:start}.work-thumb{width:118px;height:66px;object-fit:contain;object-position:center;border-radius:0;border:0;display:block}.work-thumb-link{width:fit-content;display:inline-block}.year{margin:0;color:#84a0cc;font-size:.88rem;letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums}.work-item h4{margin:0 0 8px;font-size:1.05rem}.work-item p{margin:0;color:#c6d8f3;line-height:1.62}.stack{margin-top:8px;color:#8eb4f3;font-size:.86rem}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,34px);padding-top:6px}.bottom-grid p{margin:0;color:#c6d8f3;line-height:1.68}.tool-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:12px}.tool-item{line-height:0}.tool-icon{width:30px;height:30px;display:block;opacity:.95}@media (max-width:980px){.site{grid-template-columns:1fr;gap:28px}.profile-rail{position:static;border-right:0;padding-right:0;border-bottom:1px solid rgba(116,152,224,.25);padding-bottom:22px}.links{gap:12px}.avatar-wrap{margin-left:0;margin-right:0}}@media (max-width:760px){.bottom-grid{grid-template-columns:1fr}.work-item{grid-template-columns:1fr;gap:8px}.tool-list{gap:10px}}@keyframes loadIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.profile-rail,.intro,.work-section,.bottom-grid{opacity:1;transform:none;animation:none}}