:root{--header-h: 64px}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 32px;background:#040b18c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(91,141,232,.12);transform:translateY(0);transition:transform .32s ease}.site-header.is-hidden{transform:translateY(-100%)}.site-wordmark{font-family:var(--serif);color:var(--cream);text-decoration:none;display:inline-flex;align-items:baseline;gap:.35em;line-height:1;letter-spacing:.005em}.wordmark-jva{font-style:italic;font-weight:400;font-size:26px;color:var(--cream)}.wordmark-music{font-style:italic;font-weight:300;font-size:22px;color:var(--blue-lt)}.site-nav{display:flex;align-items:center;gap:28px}.site-nav a{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#f5f3eec7;text-decoration:none;padding:4px 0;transition:color .18s ease;position:relative}.site-nav a:hover,.site-nav a:focus-visible{color:var(--cream)}.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--orange-lt);transform:scaleX(0);transform-origin:left center;transition:transform .22s ease}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}.nav-toggle{display:none;width:40px;height:40px;padding:0;margin-right:-6px;background:transparent;border:0;color:var(--cream);cursor:pointer;position:relative}.nav-toggle-bar{position:absolute;left:9px;width:22px;height:1.5px;background:currentColor;border-radius:1px;transition:transform .22s ease,opacity .18s ease,top .22s ease}.nav-toggle-bar:nth-child(1){top:13px}.nav-toggle-bar:nth-child(2){top:19px}.nav-toggle-bar:nth-child(3){top:25px}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(1){top:19px;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(3){top:19px;transform:rotate(-45deg)}.mobile-menu{position:fixed;top:var(--header-h);left:0;right:0;z-index:99;display:none;flex-direction:column;padding:6px 18px 16px;background:#040b18f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(91,141,232,.12);transform:translateY(-8px);opacity:0;visibility:hidden;transition:transform .22s ease,opacity .18s ease,visibility 0s linear .22s}.mobile-menu.is-open{transform:translateY(0);opacity:1;visibility:visible;transition:transform .22s ease,opacity .18s ease,visibility 0s}.mobile-menu a{font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#f5f3eedb;text-decoration:none;padding:14px 6px;border-bottom:1px solid rgba(245,243,238,.07)}.mobile-menu a:last-child{border-bottom:0}.mobile-menu a:hover,.mobile-menu a:focus-visible{color:var(--cream)}@media(prefers-color-scheme:light){.site-header{background:#f5f3eec7;border-bottom:1px solid rgba(9,21,40,.08)}.wordmark-jva{color:var(--ink)}.wordmark-music{color:var(--cobalt)}.site-nav a{color:#0e0d0bb3}.site-nav a:hover,.site-nav a:focus-visible{color:var(--ink)}.nav-toggle{color:var(--ink)}.mobile-menu{background:#f5f3eef0;border-bottom:1px solid rgba(9,21,40,.08)}.mobile-menu a{color:#0e0d0bc7;border-bottom-color:#09152814}.mobile-menu a:hover,.mobile-menu a:focus-visible{color:var(--ink)}}@media(max-width:560px){:root{--header-h: 56px}.site-header{padding:12px 18px}.wordmark-jva{font-size:22px}.wordmark-music{font-size:18px}.site-nav{display:none}.nav-toggle{display:inline-flex}.mobile-menu{display:flex}}footer{background:var(--navy);color:#f5f3ee73;padding:52px 56px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border-top:2px solid var(--cobalt)}.footer-name{font-family:var(--serif);font-size:30px;font-weight:300;font-style:italic;color:var(--cream);margin-bottom:6px}.footer-label{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-lt)}.footer-links{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.footer-links a{color:#f5f3ee8c;text-decoration:none;font-size:12px;letter-spacing:.03em;transition:color .2s}.footer-links a:hover{color:var(--orange-lt)}@media(max-width:760px){footer{grid-template-columns:1fr;padding:40px 28px}.footer-links{align-items:flex-start}}