.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #d5e7f7}.site-header .nav{height:92px;max-width:1800px;margin:auto}.home-page .site-header .nav{padding-right:430px}.compact-player{margin-left:auto;width:350px;flex-shrink:0;display:none;border-left:1px solid #d3e7fa;padding-left:22px;height:76px;flex-direction:column;justify-content:center}.compact-mode .compact-player{display:flex}.compact-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}.compact-progress{display:flex;align-items:center;gap:9px;font-size:10px;line-height:17px}.compact-progress input{appearance:none;height:4px;flex:1;min-width:0;background:#d9ebfa;border-radius:5px;accent-color:#008dff}.compact-progress input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#6cb6f5}.compact-controls{display:flex;align-items:center;justify-content:space-evenly;height:34px;gap:10px}.compact-controls button{background:none;border:0;color:#173456;width:27px;height:27px;padding:4px}.compact-controls button:disabled{opacity:.45;cursor:default}.compact-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.compact-controls .filled{fill:currentColor;stroke:none}.compact-controls [data-mini-action=play]{border:1px solid #008dff;border-radius:50%;width:31px;height:31px;box-shadow:0 0 8px #3eabfc33}.compact-controls [aria-pressed=true]{color:#008dff}.compact-mode .brand-line{display:none}.compact-mode .nav-links{margin-left:auto}.home-layout>[data-player-slot]{margin-top:-92px;position:relative;z-index:51}.home-main>div{display:block}.home-layout .music-panel{margin-top:18px}#page-content{outline:none}.projects-page .projects-list{display:grid;gap:28px}.projects-page .project-feature{display:grid;grid-template-columns:.86fr 1.14fr;border:1px solid #c7def4;border-radius:18px;overflow:hidden}.projects-page .project-feature.reverse{grid-template-columns:1.14fr .86fr}.projects-page .project-media{position:relative;min-height:470px;background:#0e2337;overflow:hidden}.projects-page .project-media img{width:100%;height:100%;object-fit:cover}.projects-page .project-copy{padding:46px;display:flex;flex-direction:column;justify-content:center}.projects-page .project-meta{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 25px}.projects-page .pill{padding:6px 10px;border:1px solid #bfdaf0;border-radius:999px;font-size:.68rem;text-transform:uppercase}.projects-page .btn{display:inline-flex;padding:12px 20px;border-radius:24px}.projects-page .hikerbox-mobile-shot{position:absolute;right:20px;bottom:20px;width:27%;height:auto;border-radius:18px;border:1px solid #789fb7;box-shadow:0 10px 20px #0005}.projects-page .hikerbox-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 8px}.projects-page .hikerbox-feature{padding:13px 14px;border:1px solid #d4e4f0;border-radius:12px}.projects-page .hikerbox-feature strong,.projects-page .hikerbox-feature span{display:block}.projects-page .hikerbox-feature span{font-size:.76rem}.navigation-error{padding:10px 24px;background:#fff3cc;margin:0;font-size:14px}.navigation-error button{border:0;background:none;text-decoration:underline}.art-veyra{background-image:url('/assets/veyra/card.webp');background-size:cover;background-position:center}.site-header a{flex-shrink:0}.projects-page h1{margin-bottom:24px}.projects-page .sublead{line-height:1.7}.preview-copy h3{overflow-wrap:anywhere}
@media(max-width:1400px){.home-page .site-header .nav{padding-right:380px}.compact-player{width:300px}.compact-mode .nav-links{gap:22px}}
@media(max-width:1180px){.home-page .site-header .nav{padding-right:350px}.brand-line{display:none}.compact-player{width:270px}.compact-mode .nav-links{gap:17px}.site-header .nav{gap:18px}}
@media(max-width:960px){.home-page .site-header .nav{padding-right:28px}.home-layout>[data-player-slot]{margin:0}.compact-player{display:flex}.brand-line{display:none}.nav-links{gap:14px;font-size:13px}.site-header .nav{gap:14px}.light-page .site-header .logo{width:120px;height:42px}.compact-player{width:245px;padding-left:14px}.home-layout .music-panel{margin:15px auto 35px}.projects-page .project-copy{padding:30px}.projects-page .project-media{min-height:400px}}
@media(max-width:760px){.nav-links{display:none}.nav-toggle{display:block;margin-left:auto}.compact-player{display:flex;width:230px}.site-header .nav{padding:0 16px;gap:12px;justify-content:flex-start}.home-page .site-header .nav{padding-right:16px}.nav-links.open{display:flex;position:absolute;top:86px;left:16px;right:16px;background:#fff;padding:16px;box-shadow:0 8px 20px #1233;border:1px solid #cee0f4;border-radius:12px}.projects-page .project-feature,.projects-page .project-feature.reverse{grid-template-columns:1fr}.projects-page .project-copy{padding:30px 24px}.projects-page .project-media{min-height:350px}.home-layout .music-panel{margin:15px 20px 30px}.projects-page .hikerbox-features{grid-template-columns:1fr}.site-header .logo{order:0}.compact-player{order:1;margin-left:auto}.nav-toggle{order:2;margin-left:0}.site-header .nav-links{order:3}}
@media(max-width:480px){.light-page .site-header .logo{width:83px;height:29px}.compact-player{width:auto;min-width:0;flex:1;padding-left:10px}.site-header .nav{gap:9px;padding:0 12px}.home-page .site-header .nav{padding-right:12px}.compact-title{font-size:12px}.compact-controls{gap:4px}.nav-toggle{font-size:21px;padding:4px}.compact-mode .compact-player{width:auto}.site-header .nav{height:92px}.compact-progress{gap:5px}.compact-controls svg{width:16px;height:16px}.yodax-page .release-grid{grid-template-columns:1fr}}

.mobile-player-link{display:none}.mobile-player-page{max-width:520px;margin:26px auto;padding:0 18px}.mobile-player-page .music-panel{margin:0;width:100%;max-width:none}.mobile-player-mode .brand-line,.mobile-player-mode .compact-player,.mobile-player-mode .nav-toggle{display:none}.mobile-player-mode .site-header .nav{height:64px;padding:0 20px;gap:24px}.mobile-player-mode .site-header .logo{font-size:36px;width:auto;height:auto;letter-spacing:-3px}.mobile-player-mode .nav-links{display:flex;position:static;margin-left:auto;padding:0;background:none;border:0;box-shadow:none;gap:18px;font-size:12px}.mobile-player-mode .nav-links a[data-about],.mobile-player-mode .nav-links a[href*="#contact"]{display:none}.mobile-player-mode .footer{display:none}
@media(max-width:760px){.site-header{position:relative}.site-header .nav{height:70px}.site-header .compact-player,.compact-mode .site-header .compact-player{display:none}.light-page .site-header .logo{font-size:45px;width:auto;height:auto;letter-spacing:-3px}.site-header .nav-toggle{margin-left:auto}.site-header .nav-links.open{top:64px}.mobile-bottom-player{max-width:560px;margin:0 auto;padding:0 20px 28px}.mobile-bottom-player .music-panel{margin:0;max-width:none}.mobile-player-link{display:block;text-align:center;border:1px solid #008dff;border-radius:12px;color:#0081df;background:#fff;padding:12px 18px;margin-bottom:12px;font-size:16px}.mobile-player-mode .site-header .nav{height:60px;gap:12px;padding:0 16px}.mobile-player-mode .site-header .logo{font-size:34px}.mobile-player-mode .site-header .nav-links{gap:14px;flex-wrap:nowrap;font-size:12px}.mobile-player-page{margin:18px auto;padding:0 14px}.mobile-player-page .music-panel{padding:18px}.mobile-player-page .player-art{aspect-ratio:1.4}.mobile-player-page .track-list{max-height:220px}}

.light-page.mobile-player-mode .site-header .logo{width:100px;height:35px;font-size:0;letter-spacing:0}@media(max-width:760px){.light-page .site-header .logo{width:120px;height:42px;font-size:0;letter-spacing:0}.light-page.mobile-player-mode .site-header .logo{width:91px;height:32px;font-size:0;letter-spacing:0}}