@font-face{font-family:Coda;src:url('assets/coda-latin.ttf') format('truetype');font-display:swap}
:root{font-family:Coda,Arial,sans-serif;color:#353535;background:#fff;font-size:16px;line-height:1.75}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:#536579;text-underline-offset:.22em}a:hover{color:#222}button{font:inherit;cursor:pointer;background:white;border:1px solid #a2acb5;border-radius:3px;padding:.45rem .9rem;color:#353535}button:hover{background:#f4f5f6}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid #273c50;outline-offset:4px}
.skip-link{position:absolute;left:1rem;top:-5rem;background:white;padding:.5rem;z-index:10}.skip-link:focus{top:1rem}
.site-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.3rem .8rem;margin:2.3rem auto 1.8rem;padding:0 1rem;max-width:800px}.site-nav a{text-decoration:none;text-transform:uppercase;font-size:.9rem;padding:.25rem .75rem;color:#536579}.site-nav a[aria-current=page]{color:#292929;text-decoration:underline;text-decoration-thickness:1px}
main{width:min(800px,calc(100% - 2rem));margin:0 auto;min-height:280px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:.55rem;justify-content:center}.video-grid a{display:block}.video-grid img{width:100%;height:auto;display:block}.brand{display:block;width:min(332px,80%);margin:2.4rem auto 3rem}.brand img{display:block;width:100%;height:auto}
.bio{max-width:650px;margin:0 auto}.bio p{margin:0 0 1.5rem}.bio blockquote{margin:2rem 0}.bio blockquote p{font-style:italic}.bio cite{font-style:normal;color:#5a5a5a}
.contact{text-align:center;padding-top:1rem}.portrait{width:200px;max-width:70%;height:auto;margin:1rem auto}.contact p{margin:.75rem 0}.social img{width:25px;height:25px;vertical-align:middle}.sound-control{display:flex;justify-content:center;margin:0 auto 2rem;gap:.5rem;align-items:center;font-size:.875rem}.sound-control button{font-size:.875rem}.music-player{display:block;width:100%;height:370px;border:0}.music-note{text-align:center}
.intro{width:min(800px,100%);text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2.3rem 1rem 0}.intro-image{width:100%;height:auto}.intro-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;margin:1.2rem 0;font-size:.875rem}.intro-controls a{padding:.45rem .9rem}.intro-status{font-size:.875rem;color:#626262}.store{text-align:center}.store h1{font-size:1.4rem;font-weight:normal}.store ul{list-style:none;padding:0}.store li{margin:1rem 0}.no-js-gallery{display:grid;gap:1rem}.no-js-gallery img{width:100%;height:auto}
@media(max-width:520px){.site-nav{gap:.3rem;margin-top:1rem;margin-bottom:1.2rem}.site-nav a{padding:.3rem .45rem;font-size:.875rem}.video-grid{grid-template-columns:1fr;max-width:300px;margin:auto}.brand{margin-top:2rem}.bio{font-family:Coda,Arial,sans-serif}.intro{justify-content:flex-start;padding-top:15vh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}