@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: clamp(1.35rem, 2.5vw, 1.6rem);--font-size-2xl: clamp(1.75rem, 5vw, 3rem);--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.7}:root{--color-surface-1: rgba(0, 0, 0, .28);--color-surface-2: rgba(0, 0, 0, .4);--color-border-soft: rgba(255, 255, 255, .12);--color-accent: var(--brand-accent, #ffffff)}:root{--content-max-width: 1200px;--layout-padding-inline: var(--space-4);--viewport-height: 100lvh;--landing-min-height: var(--viewport-height);--landing-hero-offset-top: var(--hero-top-nav-height);--page-background-height: var(--viewport-height)}@media (max-width: 1024px),(orientation: landscape) and (max-height: 500px){:root{--landing-hero-offset-top: var(--hero-top-nav-mobile-header-height)}}:root{--hero-max-width: var(--content-max-width);--hero-inline-gutter: var(--layout-padding-inline);--background-media-position: center center;--hero-content-align-items: start;--hero-space-internal: var(--space-2);--hero-space-section: var(--space-5);--hero-logo-width: 40rem}:root{--section-max-width: var(--content-max-width);--section-inline-gutter: var(--layout-padding-inline);--section-padding-block: clamp(1.75rem, 5vw, 4rem);--section-padding-block-landscape: clamp(1.25rem, 5vh, 2.5rem);--section-padding-block-compact: clamp(1rem, 3vw, 2rem);--section-padding-block-spacious: clamp(2.5rem, 7vw, 5rem);--section-header-gap: var(--space-2);--section-header-margin-block-end: clamp(1.25rem, 4vw, 2.5rem);--section-content-gap: var(--space-5);--section-text-max-width: 60ch;--section-text-align: center;--section-readable-bg: var(--color-surface-1);--section-readable-border: var(--color-border-soft);--section-readable-backdrop-filter: none;--section-lazy-placeholder-min-height: 12rem;--section-scroll-margin-top: 6rem;--section-host-content-transition-duration: .3s;--section-title-font-size: var(--font-size-2xl)}:root{--hero-top-nav-height: 4rem;--hero-top-nav-z-index: 20;--hero-top-nav-max-width: var(--content-max-width);--hero-top-nav-inline-gutter: var(--layout-padding-inline);--hero-top-nav-slot-gap: var(--space-4);--hero-top-nav-padding-y: var(--space-2);--hero-top-nav-bg: transparent;--hero-top-nav-bg-scrolled-up: rgba(0, 0, 0, .6);--hero-top-nav-backdrop-filter: none;--hero-top-nav-transition-duration: .3s;--hero-top-nav-transition-timing: ease;--hero-top-nav-logo-width: 8rem;--hero-top-nav-logo-height: auto;--hero-top-nav-brand-font-family: var(--font-display, inherit);--hero-top-nav-brand-font-size: clamp(1.25rem, 2vw, 2.25rem);--hero-top-nav-brand-font-weight: 400;--hero-top-nav-brand-line-height: 1;--hero-top-nav-brand-letter-spacing: .1em;--hero-top-nav-link-color: var(--color-text-primary);--hero-top-nav-link-color-hover: var(--color-accent);--hero-top-nav-link-color-focus: var(--hero-top-nav-link-color-hover);--hero-top-nav-link-font-family: var(--font-display, inherit);--hero-top-nav-link-font-size: clamp(.95rem, 2vw, 1.15rem);--hero-top-nav-link-font-weight: 400;--hero-top-nav-link-line-height: 1;--hero-top-nav-link-letter-spacing: normal;--hero-top-nav-link-text-transform: none;--hero-top-nav-link-text-decoration: none;--hero-top-nav-link-opacity: 1;--hero-top-nav-link-opacity-hover: .8;--hero-top-nav-link-transition-duration: .18s;--hero-top-nav-link-transition-timing: ease;--hero-top-nav-link-focus-outline-width: 2px;--hero-top-nav-link-focus-outline-style: solid;--hero-top-nav-link-focus-outline-color: var(--color-accent);--hero-top-nav-link-focus-outline-offset: 4px;--hero-top-nav-menu-toggle-size: 3rem;--hero-top-nav-menu-toggle-z-index: 35;--hero-top-nav-menu-toggle-line-width: 2rem;--hero-top-nav-menu-toggle-line-height: 2px;--hero-top-nav-menu-toggle-line-gap: .35rem;--hero-top-nav-menu-toggle-line-offset: calc( var(--hero-top-nav-menu-toggle-line-gap) + var(--hero-top-nav-menu-toggle-line-height) );--hero-top-nav-menu-toggle-transition-duration: .18s;--hero-top-nav-menu-toggle-transition-timing: ease;--hero-top-nav-menu-toggle-focus-outline-width: var( --hero-top-nav-link-focus-outline-width );--hero-top-nav-menu-toggle-focus-outline-style: var( --hero-top-nav-link-focus-outline-style );--hero-top-nav-menu-toggle-focus-outline-color: var( --hero-top-nav-link-focus-outline-color );--hero-top-nav-menu-toggle-focus-outline-offset: var( --hero-top-nav-link-focus-outline-offset );--hero-top-nav-mobile-logo-max-height: 4rem;--hero-top-nav-mobile-header-padding-x: var( --hero-top-nav-inline-gutter );--hero-top-nav-mobile-header-padding-y: var(--space-4);--hero-top-nav-mobile-header-column-gap: var(--space-2);--hero-top-nav-mobile-content-height: max( var(--hero-top-nav-mobile-logo-max-height), var(--hero-top-nav-menu-toggle-size) );--hero-top-nav-mobile-header-height: calc( var(--hero-top-nav-mobile-content-height) + (2 * var(--hero-top-nav-mobile-header-padding-y)) );--hero-top-nav-mobile-link-gap: clamp(2rem, 8vw, 5rem);--hero-top-nav-mobile-link-font-size: clamp(2rem, 5vw, 2.75rem);--hero-top-nav-mobile-link-font-size-landscape: clamp(1.75rem, 4vw, 2.25rem);--hero-top-nav-mobile-menu-bg: var(--color-bg-primary, #000000);--hero-top-nav-mobile-menu-z-index: 30;--hero-top-nav-mobile-menu-padding-x: var(--layout-padding-inline);--hero-top-nav-mobile-menu-min-height: 100dvh;--hero-top-nav-mobile-menu-min-height-landscape: 640px;--hero-top-nav-mobile-body-padding-x: var( --hero-top-nav-mobile-menu-padding-x );--hero-top-nav-mobile-footer-padding-x: var( --hero-top-nav-mobile-menu-padding-x );--hero-top-nav-mobile-footer-padding: 6vw;--social-links-gap: var(--space-4);--social-links-icon-size: 1.5rem;--transition-fast: .2s ease;--transition-normal: .4s ease;--btn-font-sm: clamp(.95rem, 2.2vw, 1.15rem);--btn-font-md: clamp(1.05rem, 2.8vw, 1.45rem);--btn-font-lg: clamp(1.15rem, 3.2vw, 1.65rem);--btn-font-hero: clamp(1.15rem, 2.2vw, 1.6rem);--btn-letter-spacing-hero: .06em;--btn-pad-y-hero: clamp(.7rem, 1.6vw, .95rem);--btn-pad-x-hero: clamp(1.15rem, 3.2vw, 1.7rem);--btn-pad-y-base: .75rem;--btn-pad-x-base: var(--space-4);--btn-radius: .25rem;--btn-shadow: none;--btn-shadow-hover: 0 6px 20px rgba(0, 0, 0, .15);--btn-shadow-active: 0 2px 6px rgba(0, 0, 0, .2);--btn-transition: background .2s ease, color .2s ease, box-shadow .25s ease, transform .15s ease;--footer-gap: var(--space-3);--footer-padding-block: var(--space-4);--footer-font-family: var(--font-ui, inherit);--footer-font-size: var(--font-size-sm);--footer-line-height: var(--line-height-base);--footer-color: var(--color-text-secondary)}@media (orientation: landscape) and (max-height: 500px){:root{--hero-top-nav-mobile-link-font-size: var( --hero-top-nav-mobile-link-font-size-landscape );--hero-top-nav-mobile-menu-min-height: var( --hero-top-nav-mobile-menu-min-height-landscape )}}:root{--video-list-gap: var(--space-5);--video-item-gap: var(--space-3);--video-item-title-size: var(--font-size-md);--video-audio-min-height: 120px;--embed-surface: var(--color-surface-1);--music-list-gap: var(--space-5);--music-item-gap: var(--space-3);--music-item-title-size: var(--font-size-md);--music-embed-min-height: 120px;--bandcamp-sm-width: 700px;--bandcamp-sm-height: 120px;--bandcamp-bg-width: 350px;--bandcamp-bg-height: 470px;--youtube-max-width: 720px;--interactive-hover-filter: brightness(1.1)}:root{--brand-primary: #ffffff;--brand-secondary: #cccccc;--brand-accent: #3b82f6;--brand-text-primary: #111111;--brand-text-secondary: rgba(17, 17, 17, .7);--brand-background: #ffffff;--color-bg-primary: var(--brand-background);--color-bg-accent: var(--brand-primary);--color-text-primary: var(--brand-text-primary);--color-text-secondary: var(--brand-text-secondary);--action-primary-bg: var(--brand-accent);--action-primary-fg: #ffffff;--action-primary-border: transparent;--action-secondary-bg: transparent;--action-secondary-fg: var(--brand-text-primary);--action-secondary-border: rgba(0, 0, 0, .2);--action-danger-bg: #b00020;--action-danger-fg: #ffffff;--action-danger-border: transparent;--action-ghost-bg: transparent;--action-ghost-fg: var(--brand-text-primary);--action-ghost-border: transparent;--action-focus-outline: var(--brand-accent);--hero-overlay-color: rgba(0, 0, 0, .45);--ui-divider-color: rgba(255, 255, 255, .12);--list-row-divider-color: var(--ui-divider-color)}body{background-color:var(--color-bg-primary);color:var(--color-text-primary)}:root{--font-ui: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-display: ui-serif, Georgia, "Times New Roman", serif;--font-action: var(--font-display);--font-tagline: var(--font-ui)}body{font-family:var(--font-ui);margin:0}.hero--centered{--hero-grid: 1fr;--hero-text-align: center;--hero-justify-items: center}.hero--left{--hero-text-align: left;--hero-justify-items: start}.hero--split{--hero-grid: 1fr 1fr}@media (min-width: 768px){.hero--split{--hero-grid: 2fr 3fr;--hero-text-align: left;--hero-justify-items: start}}.section{position:relative;padding-block:var(--section-padding-block, clamp(1.75rem, 5vw, 4rem));color:inherit}.section__inner{width:100%;max-width:var(--section-max-width, var(--content-max-width, 1200px));margin-inline:auto;padding-inline:var(--section-inline-gutter, var(--layout-padding-inline, 1rem));box-sizing:border-box}.section__header{display:grid;justify-items:var(--section-header-justify-items, center);gap:var(--section-header-gap, var(--space-2, .5rem));margin-block-end:var(--section-header-margin-block-end, 1.5rem);text-align:var(--section-text-align, center)}.section__eyebrow,.section__title,.section__subtitle{margin:0}.section__eyebrow{font-size:var(--font-size-sm, .75rem);letter-spacing:.08em;text-transform:uppercase;opacity:.75}.section__title,.section__subtitle{max-width:var(--section-text-max-width, 60ch)}.section__subtitle{opacity:.85}.section--surface .section__inner{background:var(--section-readable-bg, rgba(0, 0, 0, .28));border:1px solid var(--section-readable-border, rgba(255, 255, 255, .12));backdrop-filter:var(--section-readable-backdrop-filter, none)}.section--align-left{--section-header-justify-items: start;--section-text-align: left}.section--align-center{--section-header-justify-items: center;--section-text-align: center}.section--compact{padding-block:var(--section-padding-block-compact, clamp(1rem, 3vw, 2rem))}.section--spacious{padding-block:var(--section-padding-block-spacious, clamp(2.5rem, 7vw, 5rem))}@media (max-width: 900px) and (orientation: landscape){.section:not(.section--compact):not(.section--spacious){padding-block:var(--section-padding-block-landscape, clamp(1.25rem, 5vh, 2.5rem))}}:root{--hero-tagline-font-size: 1.8rem;--hero-tagline-line-height: 1.25;--hero-tagline-letter-spacing: .01em;--hero-top-nav-brand-letter-spacing: .7em;--hero-top-nav-link-text-transform: uppercase;--hero-top-nav-brand-font-family: var(--font-ui, inherit);--hero-top-nav-link-font-family: var(--font-ui, inherit);--btn-font-hero: clamp(1.15rem, 2.2vw, 1.6rem);--btn-letter-spacing-hero: .06em;--btn-pad-y-hero: clamp(.7rem, 1.6vw, .95rem);--btn-pad-x-hero: clamp(1.15rem, 3.2vw, 1.7rem);--btn-text-shadow: 5px 9px 5px rgba(0, 0, 0, 1);--btn-rotate: rotate(-5deg)}@media (max-width: 767px) and (orientation: portrait){:root{--btn-font-hero: clamp(1.3rem, 5vw, 1.7rem)}.landing-hero__actions--poster{gap:clamp(.5rem,1.6vh,.875rem)}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){:root{--hero-tagline-font-size: clamp(2.4rem, 3.45vw, 2.8rem);--btn-font-hero: clamp(1.35rem, 3vw, 1.8rem)}}@media (max-width: 1024px),(orientation: landscape) and (max-height: 500px){:root{--landing-hero-offset-top: var(--space-8)}}@media (orientation: landscape) and (max-width: 760px){:root{--btn-font-hero: 1rem;--btn-pad-y-hero: .55rem;--btn-pad-x-hero: .9rem}}:root{--list-row-divider-color: color-mix( in srgb, var(--brand-primary) 40%, transparent )}@font-face{font-family:Wonder;src:url(/fonts/WonderFont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mesagni;src:url(/fonts/Mesagni-TextMedium.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--font-ui: "Mesagni", system-ui, sans-serif;--font-display: "Wonder", system-ui, sans-serif}
