:root{--fg:oklch(.407 .043 323);--bg:white;--link:oklch(.396 .043 323);--elem-shadow-color:oklch(.759 .019 323);--nav-bg:oklch(.904 .014 323);--nav-overlay-bg:oklch(.904 .014 323 / 0.9);--nav-tab-mobile-current:oklch(.292 .043 323);--back-to-top:oklch(.758 .023 323);--back-to-top-hover:oklch(.658 .023 323)}:root{--unicode-latin:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308, U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Freeman;font-weight:400;src:url(/fonts/freeman-menu-subset-400.woff2)format("woff2")}@font-face{font-family:Rubik;font-weight:500;src:url(/fonts/rubik-latin-500.woff2)format("woff2");unicode-range:var(--unicode-latin)}@font-face{font-family:"source sans 3";src:url(/fonts/source-sans-3-latin-400-normal.woff2)format("woff2");unicode-range:var(--unicode-latin)}@font-face{font-family:"source sans 3";font-style:italic;src:url(/fonts/source-sans-3-latin-400-italic.woff2)format("woff2");unicode-range:var(--unicode-latin)}@font-face{font-family:"source sans 3";font-weight:600;src:url(/fonts/source-sans-3-latin-600-normal.woff2)format("woff2");unicode-range:var(--unicode-latin)}@font-face{font-family:"source sans 3";font-style:italic;font-weight:600;src:url(/fonts/source-sans-3-latin-600-italic.woff2)format("woff2");unicode-range:var(--unicode-latin)}body{margin:0;font-family:"source sans 3",sans-serif;color:var(--fg)}a{text-decoration:none}ul{margin:0;padding:0;list-style:none}button{margin:0;padding:0;border:none}iframe{display:block;border:none}@keyframes fade{from{opacity:0}to{opacity:1}}header{width:100%}#banner{height:85px;background-color:oklch(.863 .02 323);background-image:url(/images/cloud-pattern.svg)}#burger{display:none;z-index:21;top:0;right:0;width:60px;aspect-ratio:1}#page-nav{display:flex;justify-content:center;top:0;width:100%;z-index:20;font-family:freeman,sans-serif;font-size:1.4em;background-color:var(--nav-bg);ul{display:flex;justify-content:center}a{display:block;padding:.5em 1em;white-space:nowrap;text-align:center;text-decoration:none;color:var(--link);transition:background-color .5s;&:hover{background-color:var(--bg)}&[aria-current]{background-color:var(--bg)}}}@media(max-width:850px){#banner{height:70px}}@media(max-width:680px){#banner{display:none}#burger{display:block;position:absolute;background:url(/icons/burger.svg)no-repeat 50%/57% content-box;&[aria-pressed]{background-image:url(/icons/cross.svg);position:fixed}}#page-nav{display:none;position:fixed;height:100%;font-size:2.1em;background-color:var(--nav-overlay-bg);backdrop-filter:blur(30px);--webkit-backdrop-filter:blur(30px);&.opened{display:flex}ul{flex-direction:column;justify-content:flex-start;margin-top:30px}a{padding:.3em 1em;&:hover{background-color:unset}&[aria-current]{color:var(--nav-tab-mobile-current);background-color:unset;&::before{content:"· "}&::after{content:" ·"}}}}}main{max-width:860px;margin:3em auto 0;padding:0 35px;box-sizing:border-box;font-size:1.3em;h1, h2{font-family:rubik,sans-serif;font-weight:500}h1{font-size:1.8em;& + h2{margin-top:-.65em}}h2{font-size:1.35em}h3{font-size:1.2em}hr{border:none;height:3px;background:oklch(.88 .013 323)}a{font-weight:600;color:var(--link);&:hover{text-decoration:underline;text-decoration-thickness:.12em}}ul{list-style:"» " inside;li{padding:.05em 0;& a{font-weight:400;&:hover{text-decoration-thickness:unset}}}}blockquote{border-left:5px solid oklch(.88 .013 323);padding-left:.8em;margin-left:0}& > img{float:right;clear:both;width:33vw;max-width:300px;margin:1em 0 1em 1.5em;box-sizing:border-box;border:7px solid oklch(.952 .007 323);box-shadow:4px 4px 3px var(--elem-shadow-color);cursor:pointer;transition-property:transform,filter;transition-duration:.2s;&:first-of-type{margin-top:.25em}&:hover{filter:brightness(1.08);transform:scale(1.03)}}iframe{margin:1em 0;box-shadow:4px 4px 3px var(--elem-shadow-color);&.mixcloud{width:100%;height:120px}&.soundcloud{width:100%}&.youtube{width:380px;aspect-ratio:16/9;&.left{float:left;margin:1em 1.5em 1em 0}&.right{float:right;margin:1em 0 1em 1.5em}}}}#project-list li{font-size:1.2em;padding:.1em 0}#contact-list li{list-style-type:none;background:no-repeat 0/contain padding-box;background-size:1.1em;padding:.2em 0 .2em 1.6em;&.icon-ml{background-image:url(/icons/mail.svg)}&.icon-fb{background-image:url(/icons/facebook.svg)}&.icon-sc{background-image:url(/icons/soundcloud.svg)}}#back-to-top{position:fixed;bottom:35px;right:35px;width:60px;height:60px;border-radius:50%;color:var(--bg);font-size:1.2em;padding-top:.55em;background:var(--back-to-top)url(/icons/arrow-up.svg)no-repeat 50% 17%/45%;cursor:pointer;box-shadow:1px 1px 8px oklch(.84 .014 323);visibility:hidden;opacity:0;transition-property:visibility,opacity;transition-duration:1.25s;&:hover{transition:background-color .35s;background-color:var(--back-to-top-hover)}&.visible{visibility:visible;opacity:1}}footer{min-height:120px;clear:both}@media(max-width:850px){footer{min-height:90px}}@media(max-width:700px){main{padding:0 25px;iframe{&.youtube{width:100%;&.left{float:none;margin:1em 0}&.right{float:none;margin:1em 0}}}}}@media(max-width:500px){main{padding:0 15px;font-size:1.16em;h1{font-size:1.55em}h2{font-size:1.22em}& > img{float:none;width:100%;max-width:unset;margin:.5em 0;border:none;box-shadow:none;transition-property:none;&:hover{filter:none;transform:none}}}#back-to-top{bottom:20px;right:20px;width:50px;height:50px;font-size:1.05em}footer{min-height:40px}}table{width:100%;margin-bottom:3em;border:none;border-collapse:collapse;border-spacing:0;box-shadow:2px 2px 15px oklch(.88 0 0)}thead{font-size:1.3em;font-weight:600;text-align:left;background-color:oklch(.758 .021 323);a{color:var(--bg);&:hover{text-decoration:none}}}tr{&:nth-of-type(even){background-color:oklch(.97 0 0)}}th{padding:.4em 1em}td{padding:.5em 1em;a{font-weight:400;&:hover{text-decoration-thickness:unset}}&:first-child{text-align:center;white-space:nowrap}&:last-child{width:100%}}#event-bottom-nav{clear:both;display:flex;justify-content:center;margin:2em auto;font-size:1.2em;clear:both;.events-link{padding:.35em .45em}.arrow{display:block;width:25px;aspect-ratio:1;background:no-repeat 50%/contain padding-box;background-size:.8em;padding:.35em .45em;&.left{background-image:url(/icons/arrow-prev.svg);&:hover{background-image:url(/icons/arrow-prev-hover.svg)}}&.right{background-image:url(/icons/arrow-next.svg);&:hover{background-image:url(/icons/arrow-next-hover.svg)}}}}@media(max-width:600px){td:first-child{white-space:normal}}@media(max-width:444px){#event-bottom-nav{font-size:1.4em}}#bandcamp-releases{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:1.5em auto 0;iframe.bandcamp{width:100%;max-width:300px;aspect-ratio:1;margin:0;box-shadow:4px 4px 4px var(--elem-shadow-color)}}@media(max-width:664px){#bandcamp-releases{grid-template-columns:repeat(2,1fr)}}@media(max-width:444px){#bandcamp-releases{grid-template-columns:1fr;gap:20px;max-width:310px}}#gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:1.5em auto 0;img{width:100%;max-width:150px;aspect-ratio:1;border-radius:10px;box-shadow:3px 3px 4px var(--elem-shadow-color);box-sizing:border-box;cursor:pointer;transition-property:transform,filter;transition-duration:.2s;&:hover{filter:brightness(1.08);transform:scale(1.03)}}}@media(max-width:680px){#gallery{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){#gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:340px){#gallery{grid-template-columns:repeat(2,1fr)}}.img-popup{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:30;width:100%;height:100%;background-color:oklch(.5 .055 323/.75);backdrop-filter:blur(30px);--webkit-backdrop-filter:blur(30px);img{max-width:90%;max-height:80%;object-fit:contain;box-sizing:border-box;border:10px solid #fff;animation:fade .3s ease-in-out,shift-right .3s ease-in-out}p{font-size:1.3em;margin:1em;padding:0;color:#fff;animation:fade-in .5s ease-in-out}}@media(max-width:500px){.img-popup{img{border-width:6px}p{font-size:1.2em;margin:.65em}}}@keyframes shift-right{from{transform:translateX(-5%)}to{transform:translateX(0)}}