.job h3{color:var(--red);margin:1em 0 0;font-size:1.1em}.job h4,.job h5{margin:0;line-height:1.2}.job h4 span:before,.job h5 span:before{content:" | "}.job h4 span:first-of-type,.job h5 span:first-of-type{font-weight:700}.job h4 span:first-of-type:before,.job h5 span:first-of-type:before{content:""}.job h4{font-size:.9em}.job h5{opacity:.6;margin:0;font-size:.8em}.job ul{padding:0 1em;font-size:.7em;line-height:1.3em}
.note{color:var(--blue3);margin-right:2em;font-size:.75em;font-style:italic;font-weight:200;line-height:1.2}
.piece{margin:0}.piece h4{margin:0;font-weight:400}.piece h4 a{color:var(--blue3);font-size:.8em;font-weight:200}.piece h4 a:hover{color:var(--red)}.piece p{margin:0 0 1em;font-size:.75em;font-weight:200;line-height:1.2em}
section{background:#ffffff80;border-radius:20px;margin:40px 0;padding:26px 60px;line-height:1.8em;display:flex}section h2,section h3,section h4,section h5{text-align:left;letter-spacing:0;font-family:Nunito Sans,sans-serif;font-weight:300}section h2{color:var(--blue1);margin:12px 0;font-size:40px}section h2 a{color:var(--blue3);font-size:.5em;font-weight:200}section h2 a:hover{color:var(--red)}section h3{color:var(--red);margin:1em 0 0;font-size:1.1em}.sectionContent{flex-grow:10;padding:0 60px 0 0}.sectionContent p{margin:0;padding:0}.sectionContent p a{color:var(--red)}.sectionContent .subtitle{color:gray;margin:1em auto;font-style:italic}.sectionBars{align-items:flex-end;display:flex}.sectionBars div{width:10px}@media screen and (max-width:390px){section{padding:1em 1em 2em}section .sectionContent{padding:0 1em 0 0}section .sectionContent h2{font-size:1.6em}section .sectionContent h2 a{display:block}section .sectionContent h3{margin-bottom:.2em;font-size:1.1em;line-height:1.2em}section .sectionContent h4{margin-top:1em;font-size:.8em;line-height:1.2em}section .sectionContent h4 a{display:block}section .sectionContent p{font-size:.8em}section .sectionBars{margin-top:1em}section .sectionBars div{width:5px}}
.persona{max-width:980px;margin:0 auto;padding:40px;display:flex}.portrait{margin-right:20px}.portrait img{object-fit:contain;border-radius:8px;max-width:320px;box-shadow:0 2px 4px 1px #0d3a5880}.persona-info{text-align:left;font-size:.76em}.persona-info p{margin:14px 0}.persona-info .it{font-style:italic;font-weight:100}.persona-info h3{text-align:left;margin:0}.persona-info h5{margin:12px 0 4px;padding:0;font-size:1em;font-weight:800}.persona-info h5+p{margin-top:4px}
.body-regular{margin:20px auto 10px;display:block}div.body-regular{justify-content:space-around;display:flex}
.body-wide{justify-content:space-between;max-width:1440px;margin:0 auto;padding:20px;display:flex}.body-wide.justify-center{justify-content:center}.body-wide div{max-width:800px;margin:0 10px;transition:all .2s}.body-wide img{cursor:zoom-in;width:100%}.body-wide.later-row{padding-top:0}.slim-flex{flex-shrink:1;flex-basis:180px}.med1-flex{flex-shrink:1;flex-basis:300px}.med2-flex{flex-shrink:1;flex-basis:400px}.large-flex{flex-shrink:1;flex-basis:600px}.xlarge-flex{flex-shrink:1;flex-basis:800px}.selected{flex-shrink:0}.selected img{cursor:zoom-out;box-shadow:0px 0px 16px -8px var(--blue1)}.selected.slim-flex,.selected.med1-flex{flex-basis:400px}@media screen and (max-width:900px){.body-wide{padding:8px}.body-wide div{margin:0 4px}.body-wide div.selected{flex-basis:90%}}
.study-head{--background-string:"";padding:140px 60px 20px}.study-head:after{content:"HALP";background:var(--background-string);opacity:.4;z-index:-1;background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}@media screen and (max-width:900px){.study-head{padding:3em 2em 1em 1em}}
.band{background:#fff;border-radius:1em;max-width:800px;margin:0 auto 1.4em;padding:1em}.band .band-header .band-title h3,.band .band-header .band-title .band-links{line-height:.8em;display:inline}.band .band-header .band-title .band-links{color:var(--blue1);opacity:.6}.band .band-header .band-title .band-links img{width:1em;height:1em;fill:var(--blue1);margin-left:.6em}.band .band-header .band-subtitle{font-size:.8em}.band .band-header .band-subtitle h4{letter-spacing:.2em;font-weight:400}.band .band-header .band-subtitle .sub{opacity:.6;font-size:1em;display:inline}.band .band-header .band-subtitle .subsub{display:inline}.band .band-header .band-subtitle .subsub:before{content:" | "}.band .band-header .band-subtitle .subsub{opacity:.4;font-size:1em;font-weight:200}.band .band-header .band-desc .sub{opacity:.6;font-size:.7em;display:inline}@media screen and (max-width:900px){main .band{margin-bottom:.8em}}
.records{flex-direction:column;max-width:800px}.records h4{color:var(--blue1);opacity:.5;margin:1em 0 0}.records .records-row{flex-wrap:wrap;align-content:flex-start;row-gap:1em;margin-top:1em;display:flex}.records .records-row .record{margin:0 1em 0 0;display:flex}.records .records-row .record .cover-image{width:4em;margin-right:.5em}.records .records-row .record .cover-image img{width:100%}.records .records-row .record .record-info{font-size:.6em}.records .records-row .record .record-info h4{opacity:1;font-size:1.2em;font-weight:900}.records .records-row .record.bandcamp{width:170px}.records .records-row .record.bandcamp iframe{width:170px;height:170px}@media screen and (max-width:440px){main .band .records .records-row .record.bandcamp{margin:0 .6em 0 0}}@media screen and (max-width:390px){main .band .records .records-row .record.bandcamp{width:160px;margin:0 .4em 0 0}main .band .records .records-row .record.bandcamp iframe{width:160px;height:160px}}
.sub{opacity:.6;font-size:.4em;display:block}.subsub:before{content:" | "}.subsub{opacity:.4}
.videos{flex-direction:column;max-width:800px}.videos h4{color:var(--blue1);margin:1em 0 0}.videos .videos-row{flex-wrap:wrap;align-content:flex-start;margin-top:1em;display:flex}.videos .videos-row .video{margin:0 1em 0 0;display:flex}.more-videos>h5{opacity:.6;letter-spacing:.2em;margin:0 0 .4em;font-weight:400}.more-videos .video{position:relative}.more-videos .video .cover-image{border-radius:.4em;max-width:200px;max-height:84px;margin-bottom:.4em;overflow:hidden}.more-videos .video .cover-image img{width:100%}.more-videos .video .video-info{color:#fff;font-size:.7em;font-weight:500;position:absolute;top:.3em;left:.3em}.more-videos .video .video-info span{opacity:.7;font-size:.8em;font-weight:300}@media screen and (max-width:380px){main .band .video{width:100%;margin-right:0}main .band .video iframe{width:100%}}