/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
@import url(https://use.typekit.net/jbc4ivu.css);
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/style.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*  LAYOUT CONSTRAINTS
	----------------------------- */
/*  FONT SETTINGS
	----------------------------- */
/*  TRANSITIONS
	----------------------------- */
/*  PADDING SIZES
	----------------------------- */
/*  BREAKPOINTS
	----------------------------- */
/*  BORDER RADIUS
	----------------------------- */
/*  BOX SHADOWS
	----------------------------- */
/*  BORDERS
	----------------------------- */
/*  STRING REPLACE
	----------------------------- */
/*  BREAKPOINT
	----------------------------- */
/*  PSEUDO ELEMENTS
	----------------------------- */
/*  TRUNCATE TEXT
	----------------------------- */
/*  LIST STRIPPING
	----------------------------- */
/*  INTERACTION STATES
	----------------------------- */
/*  HARDWARE ACCELERATION
	----------------------------- */
/*  SPACING (was PADDING & MARGIN)
	----------------------------- */
/*  FLEXBOX
	----------------------------- */
/*  HIDE WITH ACCESSIBILITY
	----------------------------- */
/*  CLEARFIX
	----------------------------- */
/*  FONT TOOLS
	----------------------------- */
/*  BORDER RADIUS
	----------------------------- */
/*  SHADOWS
	----------------------------- */
/*  BORDERS
	----------------------------- */
/*  BUTTON
	----------------------------- */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers - Added "main" element for IE compliance */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
  clear: both;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/** Images & Embeds **/
img,
iframe,
object,
embed,
figure {
  max-width: 100%;
  height: auto;
}

.video-container {
  clear: both;
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin-bottom: 2em;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/** Wordpress Compliance **/
.wp-caption,
.wp-caption-text,
.sticky,
.screen-reader-text,
.gallery-caption,
.bypostauthor,
.aligncenter,
.alignleft,
.alignright {
  list-style-type: none;
}

/** WP Alignments **/
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  *zoom: 1;
  clear: both;
  display: block;
  margin: 0 auto;
}
.aligncenter::before, .aligncenter::after {
  content: "";
  display: table;
  line-height: 0;
  clear: both;
}

html,
body {
  max-width: 100%;
  min-height: 100%;
}

html {
  scroll-behavior: smooth;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  font-size: 16px;
}
@media only screen and (min-width: 767px) {
  html {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1247px) {
  html {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1919px) {
  html {
    font-size: 22px;
  }
}

body {
  font-size: 1rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
  letter-spacing: 0;
  color: var(--color-over);
  background-color: var(--color-bg);
  font-size: 1rem;
  font-smoothing: antialiased;
}

a {
  color: var(--color-accent);
  text-decoration: underline;
}
a:hover svg {
  fill: var(--color-accent);
}
a:hover svg path {
  fill: var(--color-accent);
}

svg {
  fill: var(--color-over);
  -webkit-transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
}
svg path {
  fill: var(--color-over);
  -webkit-transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
}

#content {
  position: relative;
  z-index: 8500;
}
@media only screen and (min-width: 767px) {
  #content {
    padding-left: 5.25rem;
  }
}

.block {
  position: relative;
  z-index: 6000;
  width: 100%;
  background-color: color-mix(in srgb, var(--color-bg) 86%, transparent);
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.container {
  padding: 1rem;
  backdrop-filter: blur(5px);
  width: 100%;
}
.container.reading {
  max-width: 820px;
}

.video-container {
  padding-top: 56.25%;
  position: relative;
}
.video-container > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/** Heading Level Elements **/
h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  padding: 0;
  margin: 0 0 1ex 0;
  line-height: 1.5;
  font-size: 1rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 115, "wght";
  letter-spacing: 0.5ex;
  *zoom: 1;
  clear: both;
}
h1::before, h1::after,
h2::before,
h2::after,
h3::before,
h3::after,
h4::before,
h4::after,
h5::before,
h5::after,
h6::before,
h6::after {
  content: "";
  display: table;
  line-height: 0;
  clear: both;
}

h1 {
  font-size: 2rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 55, "wght" 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

h2 {
  font-size: 1.5rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 115, "wght" 100;
  letter-spacing: 0.5ex;
  text-transform: lowercase;
}

h3 {
  font-size: 1.5rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 55, "wght" 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

h4 {
  text-transform: lowercase;
}

/** List Level Elements **/
ul,
ol {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}
ul li,
ol li {
  margin-bottom: 0.25em;
  line-height: 1.5em;
}
ul ul, ul ol,
ol ul,
ol ol {
  margin: 0 0 0 2em;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

/** Paragraph Level Elements **/
p,
address {
  margin: 0;
  padding: 0 0 1.5em 0;
  line-height: 1.5em;
}

blockquote {
  display: inline-block;
  padding: 1em 1.25em 1em 3em;
  margin: 0 0 1.25em 0;
  position: relative;
}
blockquote:before {
  content: "“";
  display: block;
  position: absolute;
  font-family: Georgia, serif;
  font-size: 4em;
  left: 0.25em;
  top: 0;
}

/**
  Inline Level Elements
  ---------------------------------------------------------------------- */
strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

small {
  font-size: 0.75em;
}

sup {
  line-height: 1;
  font-size: 0.65em;
  vertical-align: super;
}

sub {
  line-height: 1;
  font-size: 0.65em;
  vertical-align: sub;
}

#header-meta {
  display: none;
}

#nav-bar {
  position: fixed;
  left: 0;
  top: 0;
  width: 5.25rem;
  height: 5.25rem;
  z-index: 9000;
  max-width: 5.25rem;
  background-color: var(--color-bg);
  -webkit-box-shadow: 0 0 1em var(--color-bg);
          box-shadow: 0 0 1em var(--color-bg);
  -webkit-transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
}
#nav-bar::before {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 0;
  height: 0;
  background-color: color-mix(in srgb, var(--color-bg) 86%, transparent);
  opacity: 0;
  backdrop-filter: blur(2px);
  -webkit-transition: all 437.5ms cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 437.5ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media only screen and (min-width: 767px) {
  #nav-bar {
    height: 100%;
  }
}
#nav-bar.is-active {
  width: calc(100% - 2rem);
  height: 100%;
  max-width: 820px;
}
#nav-bar.is-active::before {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 1;
}
#nav-bar.is-active .bar {
  -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
          transform: rotate(25deg);
  top: calc(50% - 0.125rem);
  background-color: var(--color-accent);
}
#nav-bar.is-active .bar.bottom {
  -webkit-transform: rotate(-25deg);
      -ms-transform: rotate(-25deg);
          transform: rotate(-25deg);
  top: calc(50% - 0.125rem);
}
#nav-bar.is-active #nav-items {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

#nav-toggle {
  position: relative;
  width: 5.25rem;
  height: 5.25rem;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
}
#nav-toggle:hover .bar {
  background-color: var(--color-accent);
}
#nav-toggle .bar {
  display: block;
  position: absolute;
  top: 2rem;
  left: 1.25rem;
  width: 3rem;
  height: 0.25rem;
  background-color: var(--color-over);
  -webkit-transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
}
#nav-toggle .bar.bottom {
  top: 2.75rem;
}

#nav-items {
  position: relative;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
}
#nav-items .logo {
  display: block;
  margin: 2rem 0;
}
#nav-items svg {
  height: 6rem;
}
#nav-items ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#nav-items ul li {
  margin: 2rem auto;
}
#nav-items ul li.current-menu-item {
  font-size: 1rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 115, "wght" 100;
  letter-spacing: 0.5ex;
}
#nav-items ul li.current-menu-item a {
  text-decoration: none;
  text-transform: lowercase;
}
#nav-items ul li:not(.current-menu-item) a {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  border-bottom: 3px solid var(--color-over);
  padding: 0 1.25rem 0 0;
  color: var(--color-over);
  text-transform: uppercase;
  overflow: hidden;
  font-size: 1.15rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 55, "wght" 700;
  letter-spacing: 0;
  -webkit-transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
}
#nav-items ul li:not(.current-menu-item) a::before {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 90%;
  right: 100%;
  bottom: 0;
  background-color: var(--color-over);
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
}
#nav-items ul li:not(.current-menu-item) a:hover, #nav-items ul li:not(.current-menu-item) a:active, #nav-items ul li:not(.current-menu-item) a:focus {
  color: var(--color-accent);
}
#nav-items ul li:not(.current-menu-item) a:hover::before, #nav-items ul li:not(.current-menu-item) a:active::before, #nav-items ul li:not(.current-menu-item) a:focus::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
}

.header {
  position: sticky;
  z-index: 7000;
  top: 0;
  left: 0;
  padding-left: 6.25rem;
  height: 5.25rem;
  background-color: var(--color-bg);
  margin: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
@media only screen and (min-width: 767px) {
  .header {
    padding-left: 1rem;
  }
}
.header.breadcrumb a {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  border-bottom: 3px solid var(--color-over);
  padding: 0 0 0 1.25rem;
  color: var(--color-over);
  text-transform: uppercase;
  overflow: hidden;
  font-size: 1.15rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 55, "wght" 700;
  letter-spacing: 0;
  -webkit-transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
}
.header.breadcrumb a::before {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 90%;
  left: 100%;
  bottom: 0;
  background-color: var(--color-over);
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
}
.header.breadcrumb a:hover, .header.breadcrumb a:active, .header.breadcrumb a:focus {
  color: var(--color-accent);
}
.header.breadcrumb a:hover::before, .header.breadcrumb a:active::before, .header.breadcrumb a:focus::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
}
.header svg {
  height: 1em;
  width: auto;
  margin-left: 0.5ex;
}

#header {
  position: relative;
  z-index: 8000;
  padding-left: 5.25rem;
  -webkit-transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
@media only screen and (min-width: 767px) {
  #header {
    padding-left: 0;
  }
}
#header svg {
  height: 3rem;
}
#header .container {
  background-color: transparent;
}

#backing-video {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
  background-color: var(--color-accent);
}
#backing-video video {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right bottom;
     object-position: right bottom;
  mix-blend-mode: darken;
}

#footer-brand {
  position: relative;
  z-index: 5000;
  min-height: 100vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
#footer-brand a {
  display: block;
  width: 60%;
  max-width: 666px;
}

#global-modal {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--color-bg) 86%, transparent);
  backdrop-filter: blur(5px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 300ms ease-out, visibility 300ms ease-out, backdrop-filter 300ms ease-out;
  transition: opacity 300ms ease-out, visibility 300ms ease-out, backdrop-filter 300ms ease-out;
}
#global-modal.modal-opening {
  opacity: 0;
  visibility: visible;
}
#global-modal.modal-opening .modal-container {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
#global-modal.modal-open {
  opacity: 1;
  visibility: visible;
}
#global-modal.modal-open .modal-container {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
#global-modal.modal-closing {
  opacity: 0;
  visibility: visible;
}
#global-modal.modal-closing .modal-container {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.modal-container {
  position: absolute;
  right: 0;
  top: 0;
  width: 95%;
  height: 100%;
  overflow-y: auto;
  padding: 2rem;
  background-color: var(--color-bg);
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
}
.modal-container.modal-video {
  max-width: 960px;
}

.modal-header {
  padding-right: 2.5rem;
  position: relative;
}

.modal-close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
}
.modal-close:hover::before, .modal-close:active::before, .modal-close:focus::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modal-close:hover::after, .modal-close:active::after, .modal-close:focus::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modal-close::before, .modal-close::after {
  content: "";
  display: block;
  position: absolute;
  width: 2rem;
  height: 0.125rem;
  right: 0;
  top: 1.5rem;
  background-color: var(--color-accent);
  -webkit-transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
}
.modal-close::before {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.modal-close::after {
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}

.modal-footer {
  font-size: 0.75rem;
}

#home-tagline {
  height: 100vw;
  max-height: 666px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
#home-tagline h1 {
  text-transform: uppercase;
}
#home-tagline .container {
  background-color: transparent;
  backdrop-filter: none;
}

.home-cta {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  border-bottom: 3px solid var(--color-over);
  padding: 0 1.25rem 0 0;
  color: var(--color-over);
  text-transform: uppercase;
  overflow: hidden;
  font-size: 1.15rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 55, "wght" 700;
  letter-spacing: 0;
  -webkit-transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 1rem;
}
.home-cta::before {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 90%;
  right: 100%;
  bottom: 0;
  background-color: var(--color-over);
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
}
.home-cta:hover, .home-cta:active, .home-cta:focus {
  color: var(--color-accent);
}
.home-cta:hover::before, .home-cta:active::before, .home-cta:focus::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
}
@media only screen and (min-width: 767px) {
  .home-cta {
    margin-top: 4rem;
  }
}

#home-av .video {
  max-width: 540px;
}
@media only screen and (min-width: 767px) {
  #home-av .video + .home-cta {
    margin-right: 2rem;
  }
}
#home-av .audio {
  max-width: 480px;
}
#home-av .audio iframe {
  margin-bottom: 2rem;
}
#home-av nav {
  display: block;
  margin-top: 2rem;
}
#home-av nav ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 1rem;
}
#home-av nav svg {
  display: block;
  height: 2rem;
  width: auto;
  max-width: 2rem;
}
#home-av nav .social span {
  display: none;
}

#activism-list {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
@media only screen and (min-width: 767px) {
  #activism-list {
    gap: 2rem;
  }
}
#activism-list h2 {
  font-size: 1.15rem;
}
#activism-list .subTitle {
  font-size: 0.85rem;
  padding: 0;
}
#activism-list > li {
  width: 100%;
  max-width: 420px;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 767px) {
  #activism-list > li {
    margin-bottom: 0;
  }
}
#activism-list > li ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 2rem;
}
#activism-list > li ul > li {
  margin-bottom: 1rem;
}
#activism-list a {
  display: block;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  border-right: 3px solid var(--color-accent);
  padding: 0.25rem 0.25rem 0.25rem 0;
  color: var(--color-over);
  text-transform: uppercase;
  font-size: 1.15rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 55, "wght" 700;
  letter-spacing: 0;
  -webkit-transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
}
#activism-list a::after {
  content: "↠";
  display: block;
  position: absolute;
  left: calc(100% + 0.5rem);
  top: 0.125rem;
  color: var(--color-accent);
  font-size: 1.5em;
  -webkit-transition: all 437.5ms cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 437.5ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
#activism-list a:hover, #activism-list a:active, #activism-list a:focus {
  color: var(--color-accent);
  padding-right: 0.5rem;
}
#activism-list a:hover::after, #activism-list a:active::after, #activism-list a:focus::after {
  -webkit-transform: translateX(0.25rem);
      -ms-transform: translateX(0.25rem);
          transform: translateX(0.25rem);
}
#activism-list a + p {
  font-size: 0.75rem;
  padding: 0;
  color: color-mix(in srgb, var(--color-over) 50%, transparent);
}

.release-cover,
.release-formats,
.release-streaming {
  max-width: 666px;
}

.release-songs,
.release-credits {
  max-width: 420px;
}
.release-songs ol,
.release-credits ol {
  margin-bottom: 0;
}

.song-format {
  font-size: 0.85rem;
  color: color-mix(in srgb, var(--color-over) 50%, transparent);
  line-height: 1;
}
.song-format em {
  font-style: normal;
}

.release-formats ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.release-formats li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-bottom: 2rem;
}
.release-formats li:last-child {
  margin-bottom: 0;
}

.format-photo {
  max-width: 10rem;
  margin-right: 1rem;
}

.format-details h3 {
  margin-bottom: 0;
}
.format-details p {
  padding-bottom: 0.5rem;
}
.format-details a {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  border-right: 3px solid var(--color-accent);
  padding: 0.25rem 0.25rem 0.25rem 0;
  color: var(--color-over);
  text-transform: uppercase;
  font-size: 1.15rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 55, "wght" 700;
  letter-spacing: 0;
  -webkit-transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
}
.format-details a::after {
  content: "↠";
  display: block;
  position: absolute;
  left: calc(100% + 0.5rem);
  top: 0.125rem;
  color: var(--color-accent);
  font-size: 1.5em;
  -webkit-transition: all 437.5ms cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 437.5ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.format-details a:hover, .format-details a:active, .format-details a:focus {
  color: var(--color-accent);
  padding-right: 0.5rem;
}
.format-details a:hover::after, .format-details a:active::after, .format-details a:focus::after {
  -webkit-transform: translateX(0.25rem);
      -ms-transform: translateX(0.25rem);
          transform: translateX(0.25rem);
}

.release-streaming ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 1rem;
  margin-bottom: 2rem;
}
.release-streaming a {
  display: block;
  position: relative;
  width: 3rem;
  height: 3rem;
}
.release-streaming a svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.release-description {
  font-size: 0.75rem;
}

.release-performers {
  margin-bottom: 1em;
}
.release-performers ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.release-performers ul li {
  margin-bottom: 0.5em;
}
.release-performers ul em {
  display: block;
  font-size: 0.85rem;
  font-style: normal;
  color: color-mix(in srgb, var(--color-over) 50%, transparent);
}
.release-performers p {
  font-size: 0.75rem;
}

.credits-personnel {
  font-size: 0.75rem;
}
.credits-personnel ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.release-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 2rem;
}
.release-grid img {
  display: block;
  height: 420px;
  width: auto;
}
.release-grid h2 {
  margin-bottom: 0;
}
.release-grid h2 a {
  display: block;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  border-bottom: 3px solid var(--color-over);
  padding: 0 1.25rem 0 0;
  color: var(--color-over);
  text-transform: uppercase;
  overflow: hidden;
  font-size: 1.15rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 55, "wght" 700;
  letter-spacing: 0;
  -webkit-transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  margin-top: 1rem;
}
.release-grid h2 a::before {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 90%;
  right: 100%;
  bottom: 0;
  background-color: var(--color-over);
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
}
.release-grid h2 a:hover, .release-grid h2 a:active, .release-grid h2 a:focus {
  color: var(--color-accent);
}
.release-grid h2 a:hover::before, .release-grid h2 a:active::before, .release-grid h2 a:focus::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
}
.release-grid .release-date {
  font-size: 0.85rem;
  text-transform: lowercase;
}

.studio-details {
  font-size: 0.85rem;
}

.video-grid {
  gap: 2rem;
}
.video-grid article {
  max-width: 666px;
}

.video-link {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  border-right: 3px solid var(--color-accent);
  padding: 0 0.25em 0 0;
  color: var(--color-over);
  -webkit-transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  margin: 1rem 0 0.5rem 0;
}
.video-link::after {
  content: "↥";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  text-align: right;
  aspect-ratio: 1/1;
  line-height: 1;
  letter-spacing: 0;
  width: auto;
  height: 100%;
  left: calc(100% + 0.25em);
  top: 0;
  color: var(--color-accent);
  -webkit-transition: all 437.5ms cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 437.5ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.video-link:hover, .video-link:active, .video-link:focus {
  color: var(--color-accent);
}
.video-link:hover::after, .video-link:active::after, .video-link:focus::after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.press.photos {
  max-width: 540px;
}
@media only screen and (min-width: 767px) {
  .press.photos {
    margin-right: 4rem;
  }
}
.press.photos ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 1rem;
  width: 100%;
}
.press.photos ul li {
  width: 100%;
  max-width: calc(50% - 0.5rem);
}
.press.photos p {
  padding: 0;
  font-size: 0.75rem;
  font-style: italic;
  color: color-mix(in srgb, var(--color-over) 50%, transparent);
}
.press.photos img {
  display: block;
  width: 100%;
}
.press.social {
  max-width: 420px;
}
.press.social ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.press.social a {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  border-right: 3px solid var(--color-accent);
  padding: 0.25rem 0.25rem 0.25rem 0;
  color: var(--color-over);
  text-transform: uppercase;
  font-size: 1.15rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 55, "wght" 700;
  letter-spacing: 0;
  -webkit-transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-bottom: 1em;
}
.press.social a::after {
  content: "↠";
  display: block;
  position: absolute;
  left: calc(100% + 0.5rem);
  top: 0.125rem;
  color: var(--color-accent);
  font-size: 1.5em;
  -webkit-transition: all 437.5ms cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 437.5ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.press.social a:hover, .press.social a:active, .press.social a:focus {
  color: var(--color-accent);
  padding-right: 0.5rem;
}
.press.social a:hover::after, .press.social a:active::after, .press.social a:focus::after {
  -webkit-transform: translateX(0.25rem);
      -ms-transform: translateX(0.25rem);
          transform: translateX(0.25rem);
}
.press.social a svg {
  display: block;
  height: 1em;
  max-width: 1.5em;
  margin-right: 0.5em;
}
.press.logos {
  max-width: 420px;
}
.press.logos ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.press.logos ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-bottom: 1rem;
}
.press.logos strong,
.press.logos em {
  display: block;
}
.press.logos em {
  color: color-mix(in srgb, var(--color-over) 50%, transparent);
  font-size: 0.85rem;
}
.press.logos p {
  width: calc(100% - 6rem);
  padding: 0 0 0 2rem;
}
.press.logos svg {
  display: block;
  height: 6rem;
  width: 6rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.press.logos a {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  border-bottom: 3px solid var(--color-over);
  padding: 0 1.25rem 0 0;
  color: var(--color-over);
  text-transform: uppercase;
  overflow: hidden;
  font-size: 1.15rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 55, "wght" 700;
  letter-spacing: 0;
  -webkit-transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 350ms cubic-bezier(0.22, 1, 0.36, 1);
}
.press.logos a::before {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 90%;
  right: 100%;
  bottom: 0;
  background-color: var(--color-over);
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 262.5ms cubic-bezier(0.5, 1, 0.89, 1);
}
.press.logos a:hover, .press.logos a:active, .press.logos a:focus {
  color: var(--color-accent);
}
.press.logos a:hover::before, .press.logos a:active::before, .press.logos a:focus::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
}