*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#ffffff;min-height:100vh;flex-direction:column}.navbar,body{background:#000000;display:flex}.navbar{align-items:center;justify-content:space-between;padding:1.5rem 3rem;border-bottom:1px solid #ffffff;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar__brand{gap:1rem;text-decoration:none}.navbar__brand,.navbar__logo{display:flex;align-items:center}.navbar__logo{width:48px;height:48px;border:1px solid #ffffff;justify-content:center;font-size:.6rem;letter-spacing:.05em;color:#555;text-transform:uppercase;flex-shrink:0}.navbar__title{font-size:1.5rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:#ffffff}.navbar__nav{display:flex;gap:2.5rem;list-style:none}.navbar__nav a{color:#ffffff;text-decoration:none;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;opacity:.6;transition:opacity .2s ease;padding-bottom:2px;border-bottom:1px solid transparent}.navbar__nav a:hover{opacity:1}.navbar__nav a.active{opacity:1;border-bottom-color:#ffffff}.page{max-width:860px;width:100%;margin:0 auto;padding:5rem 3rem;flex:1 1}.page__heading{font-size:3rem;font-weight:200;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2rem;border-bottom:1px solid #333;padding-bottom:1.5rem}.page__body{font-size:1rem;font-weight:300;color:#aaa;max-width:600px;line-height:1.9}.page__body p+p{margin-top:1.5rem}.projects__list{margin-top:3rem;width:100%}.project-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid #222;text-decoration:none;color:#ffffff;transition:border-bottom-color .2s ease}.project-card:first-child{border-top:1px solid #222}.project-card:hover{border-bottom-color:#ffffff}.project-card__title{font-size:1rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.project-card__desc{font-size:.8rem;color:#555;letter-spacing:.05em;transition:color .2s ease}.project-card:hover .project-card__desc{color:#aaa}.project__title{font-size:.75rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#555;margin-bottom:.5rem}.sound-painter{margin-top:3rem;display:flex;flex-direction:column;gap:1.25rem;width:100%}.sound-painter__canvas{width:100%;aspect-ratio:16/9;background:#080808;border:1px solid #222;display:block}.sound-painter__controls{display:flex;gap:1rem}.sound-painter__btn{font-family:inherit;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff;background:transparent;border:1px solid #444;padding:.6rem 1.5rem;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.sound-painter__btn--active,.sound-painter__btn:hover{background:#ffffff;color:#000000;border-color:#ffffff}.sound-painter__error{font-size:.8rem;color:#ff4444;letter-spacing:.05em}.sound-painter__hint{font-size:.7rem;letter-spacing:.12em;color:#444;text-transform:uppercase}.sound-painter__btn--icon{padding:.6rem 1rem;display:flex;align-items:center;justify-content:center}.sound-painter__layout{display:flex;width:100%}.sound-painter__sidebar{gap:1.25rem;padding:1rem .6rem;border:1px solid #222;border-right:none;background:#050505;flex-shrink:0}.sound-painter__color-group,.sound-painter__sidebar{display:flex;flex-direction:column;align-items:center}.sound-painter__color-group{gap:.4rem}.sound-painter__color-label{font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:#555}.sound-painter__color-input{width:28px;height:28px;border:1px solid #333;padding:2px;background:none;cursor:pointer;border-radius:0}.sound-painter__color-input::-webkit-color-swatch-wrapper{padding:0}.sound-painter__color-input::-webkit-color-swatch{border:none}.sound-painter--fullscreen{position:fixed;inset:0;z-index:9999;background:#000;display:flex;flex-direction:column;padding:1rem;gap:1rem}.sound-painter--fullscreen .sound-painter__layout{flex:1 1;overflow:hidden}.sound-painter--fullscreen .sound-painter__canvas{flex:1 1;width:100%;height:100%;aspect-ratio:unset;border:none}.sound-painter--fullscreen .sound-painter__controls,.sound-painter--fullscreen .sound-painter__error,.sound-painter--fullscreen .sound-painter__hint,.sound-painter--fullscreen .sound-painter__sidebar{display:none}.sound-painter__slider{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:14px;height:72px;accent-color:#ffffff;cursor:pointer;background:transparent;border:none;outline:none}.footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;border-top:1px solid #222;margin-top:auto}.footer__copy{font-size:.75rem;font-weight:300;letter-spacing:.1em;color:#555;text-transform:uppercase}.footer__social{display:flex;gap:1.25rem;align-items:center}.footer__social-link{color:#555;transition:color .2s ease;display:flex;align-items:center}.footer__social-link:hover{color:#ffffff}.navbar__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.navbar__toggle span{display:block;width:22px;height:2px;background:#ffffff}.notes__heading{font-size:1.25rem;font-weight:200;letter-spacing:.05em;color:#ffffff;margin-bottom:2rem}.notes-list{list-style:none}.notes-list__item{display:flex;gap:1.5rem;align-items:baseline;padding:.3rem 0}.notes-list__date{font-size:.75rem;color:#444;flex-shrink:0;letter-spacing:.03em}.notes-list__title{font-size:.9rem;font-weight:300;color:#aaa;text-decoration:none;letter-spacing:.02em;transition:color .2s ease}.notes-list__title:hover{color:#ffffff}.notes-list__empty{font-size:.85rem;color:#333;letter-spacing:.05em;padding:.3rem 0}.note__meta{font-size:.75rem;color:#444;letter-spacing:.03em;margin-bottom:.75rem}.note__title{font-size:1.5rem;font-weight:300;letter-spacing:.04em;color:#ffffff;margin-bottom:2.5rem}.note__body{font-size:.95rem;font-weight:300;color:#aaa;line-height:1.9;max-width:600px}.note__body p{margin-bottom:1.5rem}.note__body h1,.note__body h2,.note__body h3{color:#ffffff;font-weight:300;margin:2rem 0 1rem}.note__body img{max-width:100%;height:auto;display:block;margin:2rem 0;border:1px solid #222}.note__body a{color:#ffffff;text-decoration:underline;text-underline-offset:3px}.note__body ol,.note__body ul{padding-left:1.5rem;margin-bottom:1.5rem}.note__body li{margin-bottom:.4rem}.note__body blockquote{border-left:2px solid #333;margin:1.5rem 0;padding-left:1rem;color:#666;font-style:italic}.note__body hr{border:none;border-top:1px solid #222;margin:2.5rem 0}.note__back{display:inline-block;margin-top:3rem;font-size:.75rem;color:#444;text-decoration:none;letter-spacing:.05em;transition:color .2s ease}.note__back:hover{color:#aaa}@media (max-width:1024px){.navbar{padding:1.25rem 2rem}.page{padding:4rem 2rem}.page__heading{font-size:2.5rem}}@media (max-width:640px){.navbar{padding:1rem 1.25rem;flex-wrap:wrap}.navbar__title{font-size:1.1rem}.navbar__toggle{display:flex}.navbar__menu{display:none;width:100%;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #222}.navbar__menu--open{display:block}.navbar__nav{flex-direction:column;gap:0}.navbar__nav li a{display:block;padding:.75rem 0}.page{padding:2.5rem 1.25rem}.page__heading{font-size:2rem}.footer{padding:1.25rem}.project-card{flex-direction:column;align-items:flex-start;gap:.4rem}}