:root{--font-body: "Rethink Sans", Verdana, Arial, sans-serif;--font-title: "Rethink Sans", Verdana, Arial, sans-serif;--black: #292929;--gradient: linear-gradient(to right, var(--teal), var(--rose));--gray: #8B9398;--rose: #E0829D;--rose-alt: #DAC4D0;--sea-green: #11302A;--silver: #E3E4E7;--teal: #046871;--teal-alt: #42B3AD;--white: #F0F0F0}*{box-sizing:border-box;margin:0;padding:0}article,aside,blockquote,div,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,legend,main,nav,pre,q,section{display:block}body,html{font-size:16px;line-height:1}button,input,select,textarea{display:inline;font-size:1em;zoom:1}a,abbr,br,code,i,kbd,label,span,sub,sup{display:inline}abbr{text-decoration:none}abbr,fieldset,img{border:none}caption,code,i,kbd,th{font-style:normal;font-weight:400;text-decoration:none}caption{display:table-caption}code{font-size:1em}col{display:table-column}colgroup{display:table-column-group}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700}input,select{vertical-align:middle}li{display:list-item}ol,ul{list-style:none}sub{vertical-align:sub}sup{vertical-align:super}table{display:table;border-collapse:collapse;border-spacing:0}tbody{display:table-row-group}td,th{display:table-cell}tfoot{display:table-footer-group}thead{display:table-header-group}tr{display:table-row}::highlight{background:var(--teal-alt)}body{background:var(--white);color:var(--black);font-family:var(--font-body);line-height:1.75;padding:2em;transition:all .125s linear}body,html{height:100%;scroll-behavior:smooth;width:100%}footer{padding:4em;text-align:center}h1{color:var(--teal);font-size:3em;text-align:center}h1 span{color:var(--teal-alt)}h2{color:var(--teal);font-size:1.75em;margin-bottom:1em;padding:0 1em .5em;position:relative;text-align:center}h2:after{background:var(--teal-alt);border-radius:8px;bottom:0;content:" ";display:block;height:8px;left:0;position:absolute;width:100%}header>div{font-size:14px;margin:0;text-align:center}header>div div{padding:0 .5em}main{padding:4em 0}main a:link,main a:visited,nav ul li a:link,nav ul li a:visited{color:var(--teal);text-decoration-color:var(--teal-alt);text-decoration-thickness:.125em;text-underline-offset:.25em}main a:focus,main a:hover,nav ul li a:focus,nav ul li a:hover{color:var(--teal-alt)}nav{margin:0 auto 2em;text-align:center}nav ul{display:none;height:0}nav ul li a:link,nav ul li a:visited{padding:.25em .5em}nav ul.open{display:block;height:100%;margin-top:2em}nav ul.open li{padding:.25em 0}p{margin:1em 0}p:first-of-type,section:first-of-type{margin-top:0}p:last-of-type,section:last-of-type{margin-bottom:0}section+section{margin-top:8em}@media screen and (min-width:600px){header>div{display:grid;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){body{padding:4em}header>div{display:grid;grid-template-columns:repeat(4,1fr)}nav ul{display:flex;flex-direction:row;height:auto;justify-content:center;margin:0 auto}}@media screen and (min-width:1400px){header>div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}}@media screen and (min-width:1500px){body{font-size:1.25em;padding:4em 0}}.anchor{scroll-margin-top:0}.bold{font-weight:700}.bullet{display:none}.date{color:var(--gray)}.italic{font-style:italic}.item{align-items:center;display:grid;grid-gap:2em;grid-template-columns:64px auto;text-align:left}.item img{height:64px;width:64px}.underline{text-decoration:underline}.video{aspect-ratio:16 / 9;width:100%}.video-container{display:flex;justify-content:center}@media screen and (min-width:1024px){.item{grid-template-columns:128px auto}.item img{height:128px;width:128px}}@media screen and (min-width:1400px){.bullet{display:inline}}#bio{text-align:justify}#composition>div,#mixing>div,#performances>div,#post-production>div{display:grid;grid-gap:2em 0;grid-template-columns:repeat(1,1fr)}#nav-button{background:transparent;border:.125em solid var(--teal-alt);border-radius:1em;color:var(--black);font-family:var(--font-body);padding:.5em 2em;text-align:center}#photo{background:transparent;height:128px;width:128px}#wrapper{margin:auto;max-width:72em}@media screen and (min-width:1024px){#composition>div,#mixing>div,#performances>div,#post-production>div{grid-gap:2em 4em;grid-template-columns:repeat(2,1fr)}#nav-button{display:none}#photo{height:256px;width:256px}}.wave-animation{background:linear-gradient(to top,#fff,#fff0 50px)}.wave-animation,.wave-animation>div{position:absolute;inset:0;pointer-events:none;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.wave-animation div:nth-child(1){animation:waveAnimation 10s linear infinite 0s;background:url(../../storage/wave-top.png) repeat-x;mix-blend-mode:hard-light;opacity:.7}.wave-animation div:nth-child(2){animation:waveAnimation 20s linear infinite -8s;background:url(../../storage/wave-mid.png) repeat-x;mix-blend-mode:hard-light;opacity:.6}.wave-animation div:nth-child(3){animation:waveAnimation 30s linear infinite -4s;background:url(../../storage/wave-bot.png) repeat-x;mix-blend-mode:hard-light;opacity:.4}@keyframes waveAnimation{0%{background-position:0 100%,0 100%,0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.55);transform:scaleY(.55)}to{background-position:-1920px 100%,-3840px 100%,-5760px 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}
