:root{--header-h: 80px;--anchor-gap: 4px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,sans-serif;background:url(/assets/bg-x23-QFAeqYV9.webp) no-repeat center center fixed;background-size:cover;color:#fff;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;scroll-behavior:smooth}html{scroll-padding-top:calc(var(--header-h) + var(--anchor-gap))}header{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(12px);background:#00000082;padding:10px 20px;z-index:1000;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between;transition:transform .3s ease;will-change:transform}header.nav-hidden{transform:translateY(-100%)}header img{height:60px;max-width:100%}header .brand{display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}nav{display:flex;gap:20px;align-items:center}nav a{position:relative;display:inline-flex;align-items:center;text-decoration:none;color:#fff;font-weight:600;transition:color .3s ease,transform .3s ease,opacity .3s ease;white-space:nowrap}nav a:hover{color:#ff4967}nav a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg,#ff4967,#ffc2d0);border-radius:2px;opacity:.9;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}header .brand img{transition:transform .35s ease,filter .35s ease,opacity .35s ease;will-change:transform}@keyframes logo-wiggle{0%{transform:none}30%{transform:rotate(-8deg) scale(1.04)}55%{transform:rotate(6deg) scale(1.02)}to{transform:none}}header .brand:hover img,header .brand:focus-visible img{animation:logo-wiggle .6s ease both;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}body.nav-intro header .brand img,body.nav-intro header nav a{opacity:0;transform:translateY(-8px);transition-delay:0s}body.nav-intro.ready header .brand img{opacity:1;transform:none;transition-delay:.05s}body.nav-intro.ready header nav a{opacity:1;transform:none;transition-delay:var(--nav-anim-delay, .1s)}.menu-toggle{display:none;width:30px;height:22px;position:relative;cursor:pointer}.menu-toggle span{background:#fff;border-radius:2px;display:block;position:absolute;height:4px;width:100%;transition:.3s}.menu-toggle span:nth-child(1){top:0}.menu-toggle span:nth-child(2){top:9px}.menu-toggle span:nth-child(3){top:18px}.menu-toggle.active span:nth-child(1){transform:rotate(45deg);top:9px}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg);top:9px}.menu-mobile{position:fixed;top:70px;left:0;width:100%;z-index:999;display:none;flex-direction:column;gap:15px;padding:15px 0;text-align:center;background:#00000080;border-top:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px #00000059}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.menu-mobile{background:#0a0a1061;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%)}}.menu-mobile a{color:#fff;font-weight:600;text-decoration:none;font-size:1.2rem;padding:10px 16px}.menu-mobile a:hover{color:#ff4967}body.nav-open{overflow:hidden}.content{width:90%;max-width:1000px;margin:40px auto 30px;display:grid;grid-template-columns:1fr;gap:30px}.card{background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:20px;box-shadow:0 4px 30px #00000080;opacity:0;transform:translateY(30px);transition:all .8s ease;overflow:hidden}.card.show{opacity:1;transform:translateY(0)}.card h2{margin-top:0}iframe{width:100%;max-width:100%;border-radius:12px;display:block;aspect-ratio:16/9}.spotify-embed,.apple-embed{aspect-ratio:auto;height:352px;border:0;border-radius:12px}.social-links{display:flex;flex-direction:column;gap:14px;margin-top:10px}.social-links a{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;text-decoration:none;color:#fff;font-weight:600;background:#ffffff14;border:1px solid rgba(255,255,255,.12);transition:background .2s ease,transform .15s ease;box-sizing:border-box}.social-links a:hover{background:#ffffff24;transform:translateY(-1px)}.social-links a:active{transform:translateY(0)}.social-links .icon{flex:0 0 34px;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff2e}.social-links svg{width:22px;height:22px;fill:currentColor}.contact-row{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:14px 16px;border-radius:14px;text-decoration:none;color:#fff;font-weight:600;background:#ffffff14;border:1px solid rgba(255,255,255,.18);transition:background .2s ease,transform .15s ease;box-sizing:border-box}.contact-row:hover{background:#ffffff24;transform:translateY(-1px)}.contact-row .email-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-row .icon{flex:0 0 34px;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff2e}.contact-row svg{width:22px;height:22px;fill:currentColor}footer{margin-top:auto;padding:15px;text-align:center;font-size:.9rem;color:#ccc;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#music,#about,#contact-card{scroll-margin-top:calc(var(--header-h) + var(--anchor-gap))}.card:target{opacity:1;transform:none}#about h2{text-align:left;margin-bottom:10px;text-wrap:balance}#about p{max-width:68ch;margin:0;margin-top:clamp(8px,1.6vw,20px);line-height:1.85;font-size:clamp(.95rem,1vw,1.05rem);color:#eaeaeaad;text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto}#about p b{color:#ffffffe6;font-weight:700}#follow-gumroad h2{text-align:left;margin-bottom:6px}#follow-gumroad .subtext{margin:0 0 12px;color:#ebebeba6;font-size:.975rem}#follow-gumroad form{display:grid;grid-template-columns:1fr max-content;gap:.75rem;align-items:center;width:100%;max-width:560px;margin:0}@media (max-width: 560px){#follow-gumroad form{max-width:100%}}#follow-gumroad input[type=email]{display:block;width:100%;margin:0;min-height:50px;line-height:1;font-size:16px;padding:0 14px;border-radius:14px;background:#ffffff0f;color:#ececec;outline:none;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff0d}#follow-gumroad input[type=email]::placeholder{color:#ebebebb8}#follow-gumroad input[type=email]:focus,#follow-gumroad input[type=email]:focus-visible{border-color:#ff4967b3;box-shadow:0 0 0 3px #ff49672e;background:#ffffff14}#follow-gumroad input[type=email]:-webkit-autofill{-webkit-text-fill-color:#ECECEC;box-shadow:0 0 0 1000px #ffffff0f inset!important;transition:background-color 5000s ease-in-out 0s}#follow-gumroad button{padding:0 14px;min-height:50px;line-height:1;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:#00000085;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 1px #ffffff0d inset;transition:box-shadow .18s ease,background .18s ease,transform .18s ease}@media (hover:hover) and (pointer:fine){#follow-gumroad button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #ff4967d9;background:#0009}}#follow-gumroad button:before{content:none!important}#follow-gumroad .btn-icon{width:1.1em;height:1.1em;display:inline-flex;align-items:center;justify-content:center}#follow-gumroad .btn-icon svg{width:1.1em;height:1.1em;fill:currentColor}@media (max-width: 540px){#follow-gumroad form{grid-template-columns:1fr;gap:10px}#follow-gumroad input[type=email],#follow-gumroad button{width:100%}#follow-gumroad.card{padding:18px}#follow-gumroad h2{margin-bottom:6px}#follow-gumroad .subtext{margin-bottom:10px}}.hero{position:relative;margin-top:var(--header-h);min-height:calc(100vh - var(--header-h));display:flex;align-items:center;transition:transform .25s ease;will-change:transform}.hero:before{content:"";position:absolute;inset:0;background:#00000073;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 65%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 65%,#0000);pointer-events:none}.hero-inner{position:relative;width:100%;max-width:1100px;margin:0 auto;padding:clamp(16px,6vw,80px);display:flex;align-items:center;justify-content:space-between;gap:clamp(28px,6vw,88px)}.hero-logo{width:clamp(200px,30vw,480px);height:auto;object-fit:contain;filter:drop-shadow(0 6px 20px rgba(0,0,0,.55));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:0 0 auto}.hero-content{flex:1;text-align:right}.hero h1{margin:0 0 .5rem;font-size:clamp(2rem,8vw,5rem);font-weight:800;line-height:1.05;letter-spacing:.02em}.hero p{margin:0 0 1.25rem;font-size:clamp(1rem,2.6vw,1.75rem);color:#e6e6e6}.hero .hero-logo,.hero h1,.hero p{will-change:transform,opacity}.hero.animate .hero-logo,.hero.animate h1,.hero.animate p{opacity:0;transform:translateY(14px) scale(.985);filter:blur(1px)}.hero.ready .hero-logo,.hero.ready h1,.hero.ready p{opacity:1;transform:none;filter:none}.hero.ready .hero-logo{transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .6s ease,filter .6s ease;transition-delay:.06s}.hero.ready h1{transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .6s ease,filter .6s ease;transition-delay:.14s}.hero.ready p{transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .6s ease,filter .6s ease;transition-delay:.22s}@media (prefers-reduced-motion: reduce){header .brand:hover img,header .brand:focus-visible img{animation:none!important}.hero.animate .hero-logo,.hero.animate h1,.hero.animate p{opacity:1!important;transform:none!important;filter:none!important}.hero.ready .hero-logo,.hero.ready h1,.hero.ready p{transition:none!important}.hero .hero-logo:hover{animation:none!important}}body.header-hidden .hero{transform:translateY(calc(-1 * var(--header-h)))}@media (min-width: 768px){.content{grid-template-columns:repeat(2,1fr)}.card:nth-child(3){grid-column:span 2}#follow-gumroad{grid-column:auto}}@media (max-width: 768px){nav{display:none}.menu-toggle{display:block}.menu-mobile{display:flex;opacity:0;transform:translateY(-12px);visibility:hidden;pointer-events:none;transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s}.menu-mobile.show{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition:opacity .28s ease,transform .28s ease,visibility 0s}.hero-inner{flex-direction:column;align-items:center;text-align:center}.hero-content{text-align:center}.hero-logo{width:clamp(200px,76vw,420px);margin-left:0}}:root{--anchor-gap: 58px}