@keyframes in-from-bottom { 
  0% { opacity: 0; transform: translateY(15rem) scale(0.9); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}@keyframes in-zoom-out { 
  0% { opacity: 0; transform: scaleX(3) scaleY(0.3); }
  100% { opacity: 1; transform: scaleX(1) scaleY(1); }
}@keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}@keyframes pulsate { 
  0% { transform: scaleX(1) scaleY(1); }
  80% { transform: scaleX(1) scaleY(1); }
  90% { transform: scaleX(0.75) scaleY(0.75); }
  100% { transform: scaleX(1) scaleY(1); }
} :root{ --fg1: white; --fg2: #07b; --fg3: gray; --fg-attention: #f98; --fg-accent: #fd0; --bg1: #111; --bg2: #0058aa; --bg3: #333; --bg4: maroon; --optimal-line-width: 30rem; --max-line-width: 40rem; --text-padding: 1rem; --text-on-image-shadow: 0 0 1rem #000, 0 0 1.5rem #000, 0 0 2rem #000, 0 0 2rem #000; --brand-min-height: 1.5rem; --brand-max-width: 1.91rem; font-family: Raleway, Verdana, sans-serif; font-size: max(14px, min(18px, 11px + 0.69vw)); line-height: 2.2; font-weight: 500; font-variant-numeric: lining-nums; -webkit-hyphens: auto; hyphens: auto; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; -webkit-font-smoothing: subpixel-antialiased; interpolate-size: allow-keywords; --checked: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 100%,
    0 0,
    10% 10%,
    10% 90%,
    90% 90%,
    90% 10%,
    10% 10%,
    10% 50%,
    42% 90%,
    90% 15%,
    90% 10%,
    85% 10%,
    40% 62%,
    10% 40%,
    10% 10%
  ); --checked-inv: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 100%,
    0 0,
    10% 50%,
    42% 90%,
    90% 15%,
    90% 10%,
    85% 10%,
    40% 62%,
    10% 40%,
    10% 50%
  ); --indeterminate: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 100%,
    0 0,
    10% 10%,
    10% 45%,
    90% 45%,
    90% 55%,
    10% 55%,
    10% 90%,
    90% 90%,
    90% 10%,
    10% 10%
  ); --indeterminate-inv: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 100%,
    0 55%,
    90% 55%,
    90% 45%,
    10% 45%,
    10% 55%,
    0 55%
  ); --unchecked: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 100%,
    0 0,
    10% 10%,
    10% 90%,
    90% 90%,
    90% 10%,
    10% 10%
  ); --unchecked-inv: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 100%
  ); } a{ color: inherit; text-decoration: none; border-bottom: 0.05rem solid; } a:hover:not(.button){ opacity: 0.75; } .button, button, input:is([type="submit"], [type="reset"]){ background-color: var(--fg3); border-radius: 0px; color: var(--bg1); padding: 0.5em; text-decoration: none; cursor: not-allowed; font-family: inherit; font-size: inherit; font-weight: inherit; border: none; display: inline; word-break: keep-all; } a.button:any-link, button:enabled, input:is([type="submit"], [type="reset"]):not(:disabled){ background-color: var(--bg2); color: var(--fg1); cursor: pointer; } body{ background-image: linear-gradient(rgb(34, 34, 34) calc(100% - 100vh), rgb(17, 17, 17)); background-color: rgb(34, 34, 34); color: rgb(255, 255, 255); margin: 0px; } button, summary{ cursor: pointer; } del{ opacity: 0.62; } details:has(> summary :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6)) > summary{
  list-style: none;} details:has(> summary :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6)) > summary :is(h1, h2, h3, h4, h5, h6){
  display: inline;} details:has(> summary :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6)) > summary :is(h1, h2, h3, h4, h5, h6)::before{ line-height: 1rem; float: left; padding-right: 0.9rem; content: "❯"; transform-origin: 50% 50%; transform: rotate(90deg) translateX(1.1rem) translateY(0.19em); } details:has(> summary :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6))[open] > summary :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6)::before{ content: "❮"; } footer{ background-color: var(--bg3); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .subheading{
  font-weight: 300; text-align: left; line-height: 1.6;}:is( h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .subheading) > img{
  height: 0.69em; vertical-align: middle;}:is( h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .subheading) > img.heading-icon{ opacity: 0.75; max-width: 0.69em; }:is( h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .subheading):not(h1, .h1) > img{ margin-bottom: 0.2em; } h1, .h1{ font-family: "Ostrich Sans"; font-size: 3.5rem; line-height: 1; margin: 2rem 0px; } :is(h1, .h1) + .subheading{ margin-top: -2rem; } :is(h3, .h3){ font-weight: 700; } input, select, textarea{
  font-size: 0.85rem; font-family: Raleway; padding: 0.3rem; border-radius: 0px; color: rgb(255, 255, 255); background-color: rgb(68, 68, 68);}:is( input, select, textarea)::placeholder{ font-size: 0.85rem; color: rgb(170, 170, 170); font-style: italic; }@supports (-webkit-overflow-scrolling: touch) { input, textarea{ font-size: max(0.85rem, 16px); }} input:is([type="checkbox"], [type="radio"]){ appearance: none; background-color: var(--fg1); border-radius: 0px; width: 0.9rem; height: 0.9rem; vertical-align: text-bottom; margin: 0.2rem 0px; } input[type="checkbox"]{
  clip-path: var(--unchecked);} input[type="checkbox"]:checked{ clip-path: var(--checked); } input[type="checkbox"]:indeterminate{ clip-path: var(--indeterminate); } input[type="checkbox"]:is(:hover, :focus-visible){
  clip-path: var(--unchecked-inv);} input[type="checkbox"]:is(:hover, :focus-visible):checked{ clip-path: var(--checked-inv); } input[type="checkbox"]:is(:hover, :focus-visible):indeterminate{ clip-path: var(--indeterminate-inv); } input[type="radio"]{
  clip-path: circle(50%);} input[type="radio"]:is(:hover, :focus-visible){ clip-path: circle(55%); } input[type="radio"]:checked{ background-image: radial-gradient(var(--fg2) 38%, transparent calc(38% + 1px)); } main{ flex-grow: 1; } [id]{ scroll-margin-top: 4rem; } .accent{ color: var(--fg-accent); } .attention{ color: var(--fg-attention); } .audio-player-widget{
  position: relative;} .audio-player-widget > .w-interface{
  --cover-side: min(6rem, 33vw); display: grid; grid-template-columns: var(--cover-side) calc(100% - var(--cover-side) - 0.8rem); align-items: center; gap: 0.8rem;} .audio-player-widget > .w-interface > .w-left{
  height: var(--cover-side); width: var(--cover-side); background-color: rgb(0, 0, 0); position: relative;} .audio-player-widget > .w-interface > .w-left > .w-cover{ object-fit: cover; height: 100%; width: 100%; box-sizing: border-box; position: absolute; top: 0px; left: 0px; transition: filter 0.5s; } .audio-player-widget > .w-interface > .w-left:is(:hover, :has(:focus-visible)) > .w-cover{ filter: blur(0.2rem); } .audio-player-widget > .w-interface > .w-left > .w-play-pause-toggle{
  background: none; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px;} .audio-player-widget > .w-interface > .w-left > .w-play-pause-toggle > img{ transition: opacity 0.5s; background-color: rgb(0, 0, 0); opacity: 0; box-sizing: border-box; padding: 25%; object-fit: contain; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; } .audio-player-widget > .w-interface > .w-left > .w-play-pause-toggle:is(:hover, :focus-visible) > img{ opacity: 0.25; } .audio-player-widget > .w-interface > .w-left > .w-play-pause-toggle > .w-pause-img{ display: none; padding: 30%; } .audio-player-widget > .w-interface > .w-left > .w-play-pause-toggle.playing > .w-play-img{ display: none; } .audio-player-widget > .w-interface > .w-left > .w-play-pause-toggle.playing > .w-pause-img{ display: unset; } .audio-player-widget > .w-interface > .w-right{
  display: grid; grid-template-rows: auto auto; align-content: center; height: 6rem; line-height: 1.5em;} .audio-player-widget > .w-interface > .w-right p{ margin: 0px; } .audio-player-widget > .w-interface > .w-right > .w-right-top{
  max-height: 3rem; display: grid; grid-template-columns: 1fr auto; gap: 0.5rem;} .audio-player-widget > .w-interface > .w-right > .w-right-top > .w-info{
  text-align: left; overflow: hidden;} .audio-player-widget > .w-interface > .w-right > .w-right-top > .w-info > *{ text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; } .audio-player-widget > .w-interface > .w-right > .w-right-top > .w-info .w-credits{ font-weight: 300; } .audio-player-widget > .w-interface > .w-right > .w-right-top > .w-extra{ height: 2.5rem; } .audio-player-widget > .w-interface > .w-right > .w-seek-container{
  user-select: none; line-height: 1.9em; font-size: 0.7em; font-weight: 300; display: grid; grid-template-columns: auto auto; align-items: center;} .audio-player-widget > .w-interface > .w-right > .w-seek-container > .w-seek{ --seek: 0; height: 0.3rem; background: linear-gradient(to right, #970, #db0 var(--seek), #542 var(--seek), #653 100%); border: 0.1rem solid rgb(34, 34, 34); grid-column: span 2; } .audio-player-widget > .w-interface > .w-right > .w-seek-container > .w-total-time{ text-align: right; } .audio-player-widget > .w-disable-overlay{ position: absolute; background-color: rgba(56, 56, 56, 0.667); backdrop-filter: blur(0.2rem); height: 100%; width: 100%; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; line-height: 1.5em; font-size: 0.8em; text-align: left; } #bg-canvas, #bg-svg{ position: fixed; top: 0px; left: 0px; z-index: -1; pointer-events: none; } .breadcrumb{
  font-size: 1rem; text-align: left !important;} .breadcrumb ul{
  list-style-type: none; margin: 0px; padding: 0px; text-align: left;} .breadcrumb ul > li{
  display: inline; margin-right: 0.5rem;} .breadcrumb ul > li::after{ content: "»"; margin-left: 0.5rem; } .breadcrumb ul > li a{ border: none; } .button-group{
  text-align: left;} .button-group > *{ margin: 0.5rem 1rem 0.5rem 0px; text-align: center; } .button-group > :first-child{ margin-left: 0px; } .button-group > :last-child{ margin-right: 0px; } .captcha-container > *{ margin: auto; width: fit-content; } #charcount{ font-style: italic; } .collaborators-container .distinction{ font-weight: 300; } .column-list{
  column-width: 9.5em; list-style-type: none; padding: 0px; text-align: left; line-height: 1.5em;} .column-list > li{ margin-bottom: 0.8em; hyphens: auto; break-inside: avoid-column; } .column-list a:not([target="_blank"]){ border-bottom: none; } .dl-grid{
  --dt-width: minmax(min-content, max-content); --dd-width: auto; display: grid; grid-template-columns: var(--dt-width) var(--dd-width); gap: 0.8rem 1rem; line-height: 1.5rem; text-align: left !important;} .dl-grid > dt{ font-weight: 300; grid-column: 1; text-align: right; } .dl-grid > dd{ grid-column: 2; margin-left: 0px; } .dl-grid p{ margin-bottom: 0px; } .dodge-heading{ margin-top: 1rem !important; } .dodge-topnav{ margin-top: 4rem; } .dual-bodytext{
  height: calc-size(auto, size); column-width: var(--optimal-line-width); column-count: 2; column-gap: 2rem;} .dual-bodytext:has(> :first-child:last-child){ column-count: 1; } .dual-bodytext > *{ break-inside: avoid-column; } .dual-bodytext details:not([open]) > :not(summary){ display: none !important; } .dual-bodytext-grid{
  display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--optimal-line-width)), 1fr)); gap: 2rem; height: min-content;} .dual-bodytext-grid > .image-slot{
  overflow: hidden; width: 100%; position: relative; min-height: max(50vh, 25rem);} .dual-bodytext-grid > .image-slot > *{ object-fit: cover; position: absolute; height: 100%; } .emailform{
  display: grid; grid-template-columns: auto; line-height: 1.5; margin-top: 1rem; margin-bottom: 1rem;} .emailform > label{ margin-top: 0.5rem; } .emailform > :is(button, input)[type="submit"]{ margin-top: 1rem; } .emailform :required{ background-image: radial-gradient(red 20%, transparent 25%); background-size: 1rem 1rem; background-position: right top; background-repeat: no-repeat; } .emailform > .captcha-container{ margin-top: 1rem; } .emailform > .emailform-checkbox{ margin-top: 1rem; line-height: 2.2; text-align: left; } .embeds-links-widget{
  display: inline-block; color: rgb(255, 255, 255); position: relative; height: 1.2rem; width: 1.2rem; text-align: left; word-spacing: normal; line-height: 1.4rem;} .embeds-links-widget:hover{ z-index: 999; } .embeds-links-widget > a{
  border: none; padding: 0px; background-color: transparent !important;} .embeds-links-widget > a img{ height: 1.2rem; max-width: 1.6rem; object-fit: contain; vertical-align: middle; } .embeds-links-widget > .w-inner{
  --padding: 0.8rem; position: absolute; backdrop-filter: blur(0.3rem); background-color: rgba(51, 51, 51, 0.667); padding: var(--padding); right: calc(0rem - var(--padding)); top: calc(0rem - var(--padding)); border-radius: var(--padding); height: max-content; width: max-content; overflow: hidden; transition: padding 0.4s, height 0.4s, width 0.4s, border-radius 0.4s, top 0.4s, right 0.4s, backdrop-filter 0.4s, background-color 0.4s;} .embeds-links-widget > .w-inner > .w-icon-container{
  height: 1.5rem; line-height: 1em;} .embeds-links-widget > .w-inner > .w-icon-container > button{ height: 1.2rem; width: 1.2rem; float: right; background-color: rgba(0, 0, 0, 0); padding: 0px; } .embeds-links-widget > .w-inner > .w-icon-container .w-icon{ height: 1.2rem; width: 1.2rem; object-fit: contain; vertical-align: top; transition: rotate 0.7s, filter 0.3s; rotate: -60deg; filter: brightness(1); } .embeds-links-widget > .w-inner:not(:is(:focus-within, :hover)){
  --padding: 0; backdrop-filter: blur(0rem); background-color: rgba(0, 0, 0, 0); height: 1.2rem; width: 1.2rem; top: 0px; right: 0px;} .embeds-links-widget > .w-inner:not(:is(:focus-within, :hover)) > .w-icon-container .w-icon{ rotate: 0deg; } .embeds-links-widget > .w-inner:not(:is(:focus-within, :hover)) > .w-icon-container > button{ float: right; background-color: unset; padding: unset; } .embeds-links-widget > .w-inner > .w-items-list{
  margin: 0px; padding: 0px; list-style-type: none; font-size: 0.9rem; width: max-content;} .embeds-links-widget > .w-inner > .w-items-list :focus-visible{ outline: none; } .embeds-links-widget > .w-inner > .w-items-list > li{
  padding: 0.3rem 0px; cursor: pointer;} .embeds-links-widget > .w-inner > .w-items-list > li a:hover{ opacity: 1; } .embeds-links-widget > .w-inner > .w-items-list > li > .w-icon-link{ border: none; } .embeds-links-widget > .w-inner > .w-items-list > li > :is(.w-icon-link, .embed-popup-button){
  margin-right: 0.8rem; height: 100%; width: 1.6rem;} .embeds-links-widget > .w-inner > .w-items-list > li > :is(.w-icon-link, .embed-popup-button) > img{ height: 1.2rem; width: 1.6rem; object-fit: contain; vertical-align: middle !important; } .embeds-links-widget > .w-inner > .w-items-list > li:is(:hover, :focus-within){ background-color: rgba(255, 255, 255, 0.133); } .embed-popup-button{
  border: none; padding: 0px; background-color: transparent !important; cursor: not-allowed !important;} .embed-popup-button img{ height: var(--brand-min-height); max-width: var(--brand-max-width); object-fit: contain; vertical-align: middle; } #embed-popup-main-container{
  position: fixed; bottom: 0px; left: 0px; max-height: calc(-4rem + 100vh); width: 100%; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(0.5rem); color: rgb(255, 255, 255); transition: transform 0.5s; transform: translateY(0px);} #embed-popup-main-container[data-minimized="true"]{ visibility: hidden; transform: translateY(100vh); } #embed-popup-main-container > *{ margin: 0px auto; } #embed-popup-main-button-bar, #embed-popup-minimized-button-bar{
  text-align: right; display: flex; justify-content: end;}:is( #embed-popup-main-button-bar, #embed-popup-minimized-button-bar) > *{ background: none; font-size: 2.5rem; padding: 0.5rem; }:is( #embed-popup-main-button-bar, #embed-popup-minimized-button-bar) > :hover{ opacity: 0.75; } #embed-popup-minimized-container{
  position: fixed; bottom: 0px; right: 0px; max-height: 100vh; width: max-content; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(0.5rem); color: rgb(255, 255, 255); display: flex; visibility: hidden; align-items: center; transition: transform 0.5s; transform: translateY(5rem);} #embed-popup-minimized-container[data-minimized="true"]{ visibility: visible; transform: translateY(0px); } #embed-popup-minimized-container > img{ box-sizing: border-box; height: 4rem; max-width: 5.3rem; padding: 1rem; animation: 5s linear 0s infinite normal none running pulsate; } #embed-popup-minimized-container #embed-popup-minimized-restore{
  padding: 0px;} #embed-popup-minimized-container #embed-popup-minimized-restore > img{ box-sizing: border-box; height: 4rem; padding: 1.3rem 0.5rem; vertical-align: middle; } #embed-popup-minimized-container #embed-popup-minimized-close{ padding: 1rem; line-height: 1rem; } .events-container .event{
  position: relative; padding-top: 1.5rem; padding-bottom: 0.5rem; transition: background-color 500ms; overflow: hidden;} .events-container .event > .img{ position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; object-fit: cover; opacity: 0; filter: brightness(1.5) brightness(0.4); transition: opacity 0.5s; } .events-container .event .date-venue-text{
  text-align: left; display: flex; column-gap: 1rem; justify-content: space-between; margin: 0px;} .events-container .event .date-venue-text > :last-child{ width: max-content; white-space: nowrap; } .events-container .event:is(:has(.event-info:hover), :focus-within){
  background-color: rgb(42, 42, 55);}:is( .events-container .event:is(:has(.event-info:hover), :focus-within)) > .img{ opacity: 1; } .events-container .event > .event-info{
  line-height: 1.67rem; transition: filter 500ms; filter: drop-shadow(rgba(0, 0, 0, 0) 0px 0px 0.2rem) drop-shadow(rgba(0, 0, 0, 0) 0px 0px 0.2rem) drop-shadow(rgba(0, 0, 0, 0) 0px 0px 0.9rem); margin: 0px auto !important;} .events-container .event > .event-info > *{ border-top: solid rgb(255, 255, 255); } .events-container .event > .event-info:is(:hover, :focus-within){ filter: drop-shadow(rgb(0, 0, 0) 0px 0px 0.2rem) drop-shadow(rgb(0, 0, 0) 0px 0px 0.2rem) drop-shadow(rgb(0, 0, 0) 0px 0px 0.9rem); } .events-container .event .collaborators{ font-weight: 300; } .events-container .event .roles{ margin-top: 0px; margin-bottom: 1.7rem; font-weight: 300; line-height: 1em; font-size: 0.9rem; } .events-container .event .streaming{
  float: right; max-width: 50%; font-weight: 300;} .events-container .event .streaming img{ height: 1.7rem; float: left; margin-right: 0.5rem; } .events-container .event .title{
  margin-top: 0.6rem; margin-bottom: 0px; font-weight: 300; font-size: 1.5rem;} .events-container .event .title a{ border-bottom: none; }@media (max-width: 450px) { .events-container .date-venue-text{ flex-flow: wrap; }} .featured-caption{ margin-top: 0px; font-style: italic; } .filter-removals{
  background: rgb(17, 17, 17);} .filter-removals ul{
  display: flex; flex-flow: wrap; list-style-type: none; padding-left: 0px; gap: 0.5rem; padding-bottom: 1rem;} .filter-removals ul > li > a{
  background: rgb(51, 51, 51); line-height: 1.8em; padding: 0px 0.5em; display: block; border: none;} .filter-removals ul > li > a:hover{
  opacity: unset;} .filter-removals ul > li > a:hover::before{ opacity: 0.5; } .filter-removals ul > li > a::before{ float: right; margin: 0.1em 0px 0px 0.1em; display: block; content: "×"; font-size: 1.75em; line-height: 0.6em; } .filter-warning{
  background-color: rgba(34, 34, 34, 0.8); border: var(--fg-attention) solid 0.15rem; z-index: 1; position: sticky; top: 12%;} .filter-warning > :first-child{ margin-top: unset; margin-bottom: unset; } .filter-warning button{ float: right; margin-bottom: 1rem; } .footer-links{
  column-width: 11.5rem; margin: 1rem 0px; padding: 0px; list-style-type: none;} .footer-links > li::marker{ content: none; } .footer-links a{ border: none; } .fullwidth-heading{ width: 100%; box-sizing: border-box; } .fullwidth-heading, .fullwidth-heading *{ text-align: center; } .fullwidth-section, .fullwidth-dual-section{ width: 100%; box-sizing: border-box; } :is(.fullwidth-section, .fullwidth-dual-section > *) > *{ margin: auto; } :is(.fullwidth-section, .fullwidth-dual-section) > :first-child{ margin-top: 2.5rem; } :is(.fullwidth-section, .fullwidth-dual-section) > :last-child{ margin-bottom: 1.5rem; }@media (min-width: 1300px) { .fullwidth-dual-section{ display: flex; place-content: stretch center; overflow: hidden; } .fullwidth-dual-section > *{ flex-grow: 1; width: 50%; margin: unset !important; } .fullwidth-dual-section-60-40 > :first-child{ width: 60%; } .fullwidth-dual-section-60-40 > :last-child{ width: 40%; } .fullwidth-dual-section > * > :first-child{ margin-top: 3.5rem; } .fullwidth-dual-section > * > :last-child{ margin-bottom: 3.5rem; } .fullwidth-dual-section > :first-child > .bodytext{ margin-left: auto; margin-right: 1rem; } .fullwidth-dual-section > :last-child > .bodytext{ margin-left: 1rem; margin-right: auto; } .bodytext-dual-fullwidth{ height: 100%; width: 100% !important; margin: 0px !important; overflow: hidden !important; } .bodytext-dual-fullwidth > .flow-image{ position: absolute; object-fit: cover; min-height: 100% !important; min-width: 100% !important; }} .fullwidth-image-section{
  width: 100%; max-height: 100vh; overflow: hidden;} .fullwidth-image-section > *{ object-fit: cover; display: block; float: left; width: 100%; max-height: 100vh; } .glue-children > *{ break-inside: avoid-column; } .grid-table-4{
  display: grid; grid-template-columns: repeat(4, 1fr); font-size: 0.8rem; gap: 1.5rem; width: min(100%, var(--max-line-width)); line-height: 1.7;} .grid-table-4 > *{
  text-align: left;} .grid-table-4 > * > *{ margin: 0px; } .grid-table-4 > .fullrow{ grid-column: 1 / span 4; } .grid-table-4 > .th{ font-weight: 700; text-align: right; }@media (max-width: 675px) { .grid-table-4{
  grid-template-columns: repeat(1, 1fr); font-size: 1rem; gap: 1rem;} .grid-table-4 > *{ grid-column: 1 / span 4; } .grid-table-4 > .th{ text-align: left; margin-top: 1rem; }} .hero-section{
  width: 100%; box-sizing: border-box; min-height: calc(100vh); background-color: var(--bg3); background-image: url("/img/Portrait_violin.jpg"); background-size: cover; background-position: 19% 25%; background-repeat: no-repeat; overflow: hidden visible;} .hero-section > hgroup > *{ text-align: center; text-shadow: var(--text-on-image-shadow); } .hero-section .hero-testimonial{ margin-top: auto; margin-bottom: 1rem; text-shadow: var(--text-on-image-shadow); animation: 3s linear 3.5s 1 normal both running fade-in; } .hover-accent{
  transition: color 0.5s;} .hover-accent:hover{ color: var(--fg-accent); } .hover-accent:not(:is(a)){ cursor: default; } .in-from-bottom.visible{ animation: 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 normal both running in-from-bottom; } .in-from-bottom-slow.visible{ animation: 3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 normal both running in-from-bottom; } .in-group-zoom-out > .in-item.visible{ animation: 3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 normal both running in-zoom-out; } .inline-bullet-list{
  display: inline; padding: 0px;} .inline-bullet-list > li{
  display: inline;} .inline-bullet-list > li::before{ content: " • "; } .inline-dl :is(dt, dd){ display: inline; margin: 0px; } .inline-dl dt{
  font-weight: 700; padding-right: 0.5rem;} .inline-dl dt::after{ content: ":"; } #language-selector{
  display: none; position: fixed; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0); backdrop-filter: blur(0.5rem); z-index: 100;} #language-selector:target{ display: flex; background-color: rgba(0, 0, 0, 0.4); max-height: 100vh; transition: background-color 1s; } #language-selector > .language-widget{
  margin: auto; padding: 1.5rem; width: fit-content; max-height: 100%; overflow-y: auto; display: flex; flex-direction: column; align-items: flex-end;} #language-selector > .language-widget > .language-close{ border: none; font-size: 2.5rem; line-height: 1; } #language-selector > .language-widget > .language-options{
  display: flex; flex-wrap: wrap; justify-content: center; margin-top: 1rem; gap: 3rem;} #language-selector > .language-widget > .language-options > .language-option > a > *{ display: block; text-align: center; } #language-selector > .language-widget > .language-options > .language-option > a > .language-flag{ height: 3rem; } #language-selector > .language-widget > .language-options > .language-option > a:hover{
  opacity: initial;} #language-selector > .language-widget > .language-options > .language-option > a:hover > .language-flag{ box-shadow: rgb(255, 255, 255) 0px 0px 1rem; } .link-icons-container{
  display: flex; flex-flow: wrap; gap: 2rem; padding-top: 0.2rem;} .link-icons-container a{ border-bottom: none; } .link-icons-container img{ height: var(--brand-min-height); max-width: var(--brand-max-width); } .longword{ word-break: break-all; } .multilingual-text-options{
  position: relative;} .multilingual-text-options .tabpanels-area{
  margin-top: 0px;} .multilingual-text-options .tabpanels-area input{ display: none; } .multilingual-text-options .tabpanels-area > :has(input:not(:checked)){ display: none; } .multilingual-text-options .tabpanels-area textarea{ width: 100%; resize: none; font-size: 0.85rem; font-family: "Courier New", Courier, monospace; } .multilingual-text-options .tabpanels-area .view-more-btn{ background-color: var(--bg3); width: 100%; display: block; } .multilingual-text-options .tablist{
  position: relative; top: 0px; width: 100%; margin-bottom: 0px; opacity: 1; backdrop-filter: blur(0.25rem);} .multilingual-text-options .tablist > [role="tab"]{
  color: var(--fg1); cursor: pointer; padding: 0.5rem;} .multilingual-text-options .tablist > [role="tab"][aria-selected="true"]{ background-color: rgba(255, 255, 255, 0.133); } .multilingual-text-options .md-btn{
  position: relative; float: right; max-height: 100%; padding: 0.33rem 0.5rem; line-height: 0; background: var(--bg3) !important;} .multilingual-text-options .md-btn > img{ height: 1.5rem; padding: 0px !important; margin: 0px !important; } .multilingual-text-options .text-content{
  overflow: hidden; text-overflow: ellipsis; max-height: 12rem; width: 100%;} .multilingual-text-options .text-content.expanded{ max-height: unset; } .recordings-container .recording > *{ border-top: 0.1rem solid rgba(255, 255, 255, 0.533); margin: 0px auto; text-align: left; padding: 0.6rem 0px; } .recordings-container .recording .primary-info{
  display: flex; justify-content: space-between; flex-direction: row; gap: 1.2rem;} .recordings-container .recording .primary-info .recording-title{
  white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; font-weight: 500;} .recordings-container .recording .primary-info .recording-title .recording-title-featuring{ font-weight: 300; } .recordings-container .recording .primary-info .recording-title:hover{ opacity: 1 !important; } .recordings-container .recording .embed-buttons{
  padding-bottom: 0.1rem; flex-grow: 1; max-width: 33%; min-width: max-content; text-align: right; display: flex; gap: 1.2rem; align-items: center; justify-content: flex-end;} .recordings-container .recording .embed-buttons > button > img{ height: 1.2rem; max-width: 1.6rem; } .recordings-container .recording .secondary-info{ line-height: 1.5em; } .recordings-container .recording:not(:focus-within) .primary-info{ cursor: pointer; } .recordings-container .recording:not(:focus-within) .secondary-info{ display: none; } .reviews-container .review-item{
  float: left; margin-bottom: 2rem;} .reviews-container .review-item:nth-child(2n){ float: right; } .reviews-container .review-item .review-title{
  margin: 0px;} .reviews-container .review-item .review-title > a{ border-bottom: none; } .reviews-container .review-item .review-date{ margin: 0.3em 0px 0px; font-weight: 300; font-size: 0.85em; } .small-container{ padding: 0px 1.5rem; box-sizing: content-box; } .sort-filter-form{
  width: 100%;} .sort-filter-form .filter-container{
  text-align: left; margin: 0px auto; padding: 2.5rem 0px 1rem;} .sort-filter-form .filter-container h2::before{ content: none !important; } .sort-filter-form .filter-container h2::after{ line-height: 1rem; display: inline-block; padding-right: 0.9rem; content: "❯"; transform-origin: 50% 50%; transform: rotate(90deg) translateX(0.6rem); } .sort-filter-form .filter-container[open] h2::after{ content: "❮"; } .sort-filter-form .filter-container label:has(~ .modified)::after{ display: inline-block; content: "*"; font-size: 2rem; line-height: 0.1rem; transform: translateY(0.7rem); } .sort-filter-form .filter-container label:has(~ .modified ~ .modified)::after{ content: "**"; } .sort-filter-form .filter-container :is(input[type="number"], select).modified{ background-color: rgb(72, 72, 0); } .sort-filter-form .filter-container > .filter-categories{
  display: flex; flex-wrap: wrap; column-gap: 1rem; padding-bottom: 1rem;} .sort-filter-form .filter-container > .filter-categories > *{ flex-grow: 1; width: 20rem; } .sort-filter-form .filter-container > .filter-categories .dual-column{
  column-width: 14rem; margin-top: 0.5rem; column-gap: 1rem;} .sort-filter-form .filter-container > .filter-categories .dual-column > :first-child{ margin-top: 0px; } .sort-filter-form .filter-container label .clarification{ font-weight: 300; } .sort-filter-form .filter-container .filter-buttons{ text-align: right; } .sort-filter-form .filter-container ul{
  margin-top: 0.8rem; list-style-type: none; padding: 0px; columns: 11rem 3;} .sort-filter-form .filter-container ul > li{ break-inside: avoid-column; line-height: 1.5em; margin-bottom: 0.8rem; } .sort-filter-form .filter-container .input-group{ line-height: 1.5rem; margin: 0.5rem 0px 1rem; } .sort-filter-form .filter-container .top-remove-filter-btn{ margin-top: 0.25rem; float: right; line-height: 1.2rem; } .sort-filter-form .fullwidth-section > *{ margin: 0px auto; } .sort-filter-form section:first-of-type{ background: linear-gradient(rgba(17, 17, 17, 0.667) 0px, rgb(17, 17, 17) 1.5rem); } .sort-filter-form .sort-bar{ text-align: right; padding: 0.5rem 0px; } .spotify-embed{
  border-radius: 12px; height: 152px; width: 100%;} .spotify-embed.disabled{ background: url("/img/logo/Spotify_icon_white.svg") calc(100% - 14px) 14px / 24px 24px no-repeat, rgb(68, 68, 68); font-size: min(4vw, 14px); box-sizing: border-box; padding: 12px 48px 12px 1.5em; line-height: 1.8em; text-align: left; display: flex; align-items: center; } .subheading{ font-style: italic; } .target-only:not(:target){ display: none; } .text-padding{ padding-left: var(--text-padding); padding-right: var(--text-padding); box-sizing: border-box; } .textarea-autoresize{ min-height: 6rem; resize: vertical; } #topnav{
  position: fixed; top: 0px; left: 0px; background-image: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0.333) 80%, rgba(0, 0, 0, 0)); opacity: 0.5; transition: opacity 0.5s, height 0.5s; backdrop-filter: blur(0.1rem); hyphens: none; width: 100%; box-sizing: border-box; z-index: 100; padding: 0.85rem max(1rem, 3vw); display: flex; align-items: flex-start; justify-content: space-between; flex-flow: row; column-gap: min(4vw, 4rem);} #topnav:is(:focus-within, :hover, :target, .visible){
  opacity: 1; outline: none;} #topnav:is(:focus-within, :hover, :target, .visible) .topnav-links{
  gap: 0.5rem min(4vw, 4rem); transition-timing-function: cubic-bezier(0, 0, 0.001, 1);} #topnav:is(:focus-within, :hover, :target, .visible) .topnav-links li{ font-size: 1em; opacity: 0.75; scale: 1; transition: font-size cubic-bezier(0, 0, 0.001, 1), opacity 1s, scale 0.5s; } #topnav:is(:focus-within, :hover, :target, .visible) .topnav-links :is(:hover, :focus-within){ transition: opacity, scale 0.5s; opacity: 1 !important; } #topnav a{ border-style: none; opacity: 1 !important; } #topnav .topnav-links{
  list-style-type: none; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 0px; line-height: 1; padding: 0px; transition: gap 0.5s cubic-bezier(0.999, 0, 1, 1); margin-right: unset !important; margin-left: unset !important; margin-top: 0.6rem !important; margin-bottom: 0.6rem !important;} #topnav .topnav-links li{ margin: 0px; opacity: 0; scale: 0; font-size: 0px; transition: font-size cubic-bezier(0.999, 0, 1, 1) 0.5s, opacity 0.25s, scale 0.5s; text-transform: lowercase; } #topnav .icon > a > img{ padding-top: 0.3rem; width: 1.5rem; transition: filter 0.5s; filter: grayscale(1) brightness(1.5); } #topnav .icon > a:hover{
  opacity: 1;} #topnav .icon > a:hover > img{ filter: none; transition: filter 0.5s; } #topnav .language-icon > img{ padding-top: 0.3rem; width: 1.5rem; } #topnav .topnav-dropdown:is(:hover, :focus-within){ scale: 1 !important; transition: none !important; } #topnav .topnav-dropdown .topnav-dropdown-heading::after{ display: inline-block; vertical-align: middle; content: " "; width: 0.5em; height: 0.5em; margin-left: 0.4em; background: url("/img/ui/arrowhead-down-white.svg") no-repeat; } #topnav .topnav-dropdown .expanded-content{
  margin-top: 0.4rem; list-style-type: "– "; padding-left: 1rem; line-height: 1.7rem; max-width: 1rem; overflow-x: visible; height: calc-size(auto, size); transition: height 0.5s;} #topnav .topnav-dropdown .expanded-content > li{ width: 10rem; scale: 1; translate: 0px; transition: scale 0.5s, opacity 0.5s, translate 0.5s; } #topnav .topnav-dropdown:not(:is(:hover, :focus-within)) .expanded-content{
  height: 0px; pointer-events: none;} #topnav .topnav-dropdown:not(:is(:hover, :focus-within)) .expanded-content > li{ scale: 0.85; opacity: 0; translate: -1rem; } .validation-error{ color: rgb(255, 68, 68); font-size: 0.75rem; margin-top: 0px; } .venue-info-container address{ font-style: inherit; } .venue-info-container .map-embed{
  border: 1px solid rgb(0, 0, 0); width: 100%; max-height: 50vh; aspect-ratio: 16 / 9;} .venue-info-container .map-embed:not(:focus-within){ pointer-events: none; } .venue-info-container .map-options{
  font-size: 0.9rem; margin-top: -0.5rem; text-align: left; line-height: 1.7em; margin-bottom: 2rem; font-weight: 300;} .venue-info-container .map-options a{ white-space: nowrap; } .venues-container > *{ margin: 0px auto; } .venues-container .region{
  display: flex; flex-flow: wrap; gap: 1rem 2rem;} .venues-container .region > *{ min-width: min(22rem, 100%); flex-basis: 22rem; flex-grow: 1; } .venues-container .region-heading{ margin-top: 0px; } .venues-container .column-list{ column-width: 15rem; } .wide-content{ width: min(100%, 75.99rem, 92vw); text-align: left; margin-left: auto; margin-right: auto; } .works-container{
  text-align: left; line-height: normal; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); justify-content: left; gap: 1.2rem;} .works-container.filter-not-matching{ filter: sepia() contrast(0.5); } .works-container > .work{
  --back-color: #ddd; --front-color: #595959; --ensemble-color: #0009; color: rgb(255, 255, 255); box-sizing: border-box; padding: 1rem; background-color: var(--front-color); cursor: pointer; width: 100%;} .works-container > .work > :first-child{ font-weight: 300; font-size: 0.9rem; margin: 0.3rem 0px 0px !important; } .works-container > .work .work-year{ float: right; padding-left: 0.5rem; } .works-container > .work .work-title{ margin-top: 0.5rem !important; } .works-container > .work > aside{
  margin: 0.5rem 0px 0px 0.5rem; float: right; width: min(38%, 8rem);} .works-container > .work > aside > img{ opacity: 0.6; width: 100%; max-height: 5rem; margin: 0.5rem 0px 1rem; } .works-container > .work .embeds-links-widget{ float: right; margin: 0.5rem 0px 0px !important; } .works-container > .work:focus-within{
  color: rgb(0, 0, 0); background-color: var(--back-color); cursor: auto; grid-row: span 2; transition: color 0.25s linear;} .works-container > .work:focus-within > aside > img{ display: none; } .works-container > .work:focus-within .embeds-links-widget:not(:is(:focus-within, :hover)) .w-icon{ filter: brightness(0); } .works-container > .work:not(:focus-within) .work-back-info,  .works-container > .work:focus-within .work-front-info{ display: none; } .works-container > .work:hover > aside > img{ opacity: 0.8; filter: drop-shadow(rgba(255, 255, 255, 0.267) 0px 0px 1rem); } .works-container > .work[data-ensemble]{ --ensemble-background: linear-gradient(to bottom, var(--ensemble-color) 50%, var(--ensemble-color) 51%); background-image: var(--ensemble-background); background-size: 100% 0.62rem; background-repeat: no-repeat; } .wrapper, header, main, footer, .container{ display: flex; flex-direction: column; align-items: center; width: 100%; } .wrapper{ min-height: 100vh; } .youtube-embed{
  box-sizing: border-box; width: 100%; aspect-ratio: 16 / 9;} .youtube-embed.disabled{
  padding: 15% 8% 10%; cursor: pointer; background: url("/img/logo/yt_logo_rgb_dark.svg") center center / 80% no-repeat, 0px 0px / auto rgb(40, 40, 40); filter: brightness(0.7); line-height: 2;} .youtube-embed.disabled:is(:hover, :focus-within){ filter: unset; } .youtube-embed.disabled:focus-within{
  background: url("/img/logo/yt_logo_rgb_dark.svg") 100% 0px / 50% no-repeat, repeating-linear-gradient(315deg, rgb(57, 57, 57), rgb(57, 57, 57) 5rem, rgb(40, 40, 40) 5rem, rgb(40, 40, 40) 10rem) 0px 0px / auto; cursor: inherit; transition: background-position 0.5s ease-out, background-size 0.5s ease-out;} .youtube-embed.disabled:focus-within > *{ pointer-events: unset; opacity: 1; transition: opacity 0.5s ease-in; visibility: visible; } .youtube-embed.disabled > *{ opacity: 0; pointer-events: none; visibility: hidden; } .bodytext, .bodytext-dual-fullwidth, .multicolumn{ width: min(100%, var(--max-line-width)); text-align: justify; } .multicolumn{ margin: 1rem 2vw; }@media (min-width: 1628px) { .multicolumn{ width: 67vw; column-width: 22rem; column-gap: 2vw; }} .as-inline-block{ display: inline-block; } .carousel-container{
  width: min(100%, var(--max-line-width) + 4rem); overflow: hidden;} .carousel-container > .slides-area{
  --num-slides: 1; width: calc(100% * var(--num-slides)); display: grid; grid-auto-flow: column; grid-template-columns: repeat(auto-fill, calc(100% / var(--num-slides)));} .carousel-container > .slides-area > .slide{
  display: grid; grid-template-columns: 1rem auto 1rem; gap: 1rem; align-items: center; visibility: hidden;} .carousel-container > .slides-area > .slide input[type="radio"]{ display: none; } .carousel-container > .slides-area > .slide:has(input:checked){ grid-area: 1 / 1 / span 1 / span 1; visibility: visible; } .carousel-container > .slides-area > .slide .slide-content{ height: 100%; } .carousel-container :is(.navigation-left, .navigation-right){ font-size: 2rem; cursor: pointer; } .carousel-container .navigation-left{ transform: rotate(180deg); } .carousel-container .navigation-right{ z-index: 1; } .short-testimonial{ height: 100%; text-align: left; display: flex; flex-direction: column; align-items: center; justify-content: center; } .short-testimonial-translation-text{ font-weight: 300; margin: 0px; text-align: left; align-self: flex-start; } .short-testimonial-quote{ margin-left: 0px; margin-right: 0px; text-align: center; } .short-testimonial-quote::before{ content: "“"; font-size: 3rem; width: 1.5rem; height: 1rem; float: left; transform: translateY(-1.9rem); text-align: left; } .short-testimonial-quote::after{ content: "”"; font-size: 3rem; height: 1rem; float: right; transform: translateY(-0.9rem); text-align: right; } .short-testimonial-source{ text-align: right; font-weight: 300; align-self: flex-end; margin: 0px; } .short-testimonial-link{ text-align: center; font-weight: 300; align-self: center; margin: 0px; } .flow-image{ width: 100%; }