:root {
  --sans-serif-font-family: "Theinhardt", Helvetica, Arial, sans-serif;
  --serif-font-family: "BradfordLLWeb", Times, "Times New Roman", serif;
}

html, body {
  font-family: var(--sans-serif-font-family);
  font-weight: 400;
  font-style: normal;
}

.u-font--light {
  font-weight: 300;
}

.u-font--normal {
  font-weight: 400;
}

.u-font--medium {
  font-weight: 500;
}

.u-font--bold, strong, b {
  font-weight: 700;
}

.u-font--italic, em, i {
  font-style: italic;
}

.u-font--sans-serif {
  font-family: var(--sans-serif-font-family);
}

.u-font--serif {
  font-family: var(--serif-font-family);
}

.u-text--uppercase {
  text-transform: uppercase;
}

@font-face {
  font-family: "Theinhardt";
  src: url("./font/Theinhardt/Theinhardt-Bold.woff2") format("woff2"), url("./font/Theinhardt/Theinhardt-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Theinhardt";
  src: url("./font/Theinhardt/Theinhardt-Bold-Italic.woff2") format("woff2"), url("./font/Theinhardt/Theinhardt-Bold-Italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "BradfordLLWeb";
  src: url("./font/Bradford/BradfordLLWeb-Light.woff2") format("woff2"), url("./font/Bradford/BradfordLLWeb-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "BradfordLLWeb";
  src: url("./font/Bradford/BradfordLLWeb-LightItalic.woff2") format("woff2"), url("./font/Bradford/BradfordLLWeb-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "BradfordLLSub";
  src: url("./font/Bradford/BradfordLLSub-Light.woff2") format("woff2"), url("./font/Bradford/BradfordLLSub-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "BradfordLLSub";
  src: url("./font/Bradford/BradfordLLSub-LightItalic.woff2") format("woff2"), url("./font/Bradford/BradfordLLSub-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
.u-text--white {
  color: #FFFFFF;
}

.u-bg--white {
  color: #FFFFFF;
}

.u-text--black {
  color: #000000;
}

.u-bg--black {
  color: #000000;
}

.u-text--dark-gray-on-white {
  color: #C0C0C0;
}

.u-bg--dark-gray-on-white {
  color: #C0C0C0;
}

.u-text--dark-gray-on-black {
  color: #CCCCCC;
}

.u-bg--dark-gray-on-black {
  color: #CCCCCC;
}

.u-text--light-gray-on-white {
  color: rgba(192, 192, 192, 0.5);
}

.u-bg--light-gray-on-white {
  color: rgba(192, 192, 192, 0.5);
}

.u-text--light-gray-on-black {
  color: rgba(204, 204, 204, 0.5);
}

.u-bg--light-gray-on-black {
  color: rgba(204, 204, 204, 0.5);
}

:root {
  --text-font-family-heading-lg: var(--sans-serif-font-family);
  --text-font-weight-heading-lg: 700;
  --text-font-size-heading-lg: 16.985rem;
  --text-line-height-heading-lg: 15.975rem;
  --text-letter-spacing-heading-lg: 0em;
  --text-font-family-heading-md: var(--sans-serif-font-family);
  --text-font-weight-heading-md: 700;
  --text-font-size-heading-md: 1.3125rem;
  --text-line-height-heading-md: 1.5rem;
  --text-letter-spacing-heading-md: 0.02em;
  --text-font-family-heading-sm: var(--sans-serif-font-family);
  --text-font-weight-heading-sm: 700;
  --text-font-size-heading-sm: 0.75rem;
  --text-line-height-heading-sm: 0.875rem;
  --text-letter-spacing-heading-sm: 0.02em;
  --text-font-family-paragraph-md: var(--serif-font-family);
  --text-font-weight-paragraph-md: 300;
  --text-font-size-paragraph-md: 1.25rem;
  --text-line-height-paragraph-md: 1.375rem;
  --text-letter-spacing-paragraph-md: 0em;
  --text-font-family-paragraph-sm: var(--serif-font-family);
  --text-font-weight-paragraph-sm: 300;
  --text-font-size-paragraph-sm: 0.875rem;
  --text-line-height-paragraph-sm: 1rem;
  --text-letter-spacing-paragraph-sm: 0em;
}

h1 {
  font-family: var(--text-font-family-heading-md);
  font-weight: var(--text-font-weight-heading-md);
  font-size: var(--text-font-size-heading-md);
  line-height: var(--text-line-height-heading-md);
  letter-spacing: var(--text-letter-spacing-heading-md);
  margin-top: 1rem;
  margin-bottom: 0rem;
}

h2 {
  font-family: var(--text-font-family-heading-md);
  font-weight: var(--text-font-weight-heading-md);
  font-size: var(--text-font-size-heading-md);
  line-height: var(--text-line-height-heading-md);
  letter-spacing: var(--text-letter-spacing-heading-md);
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h3 {
  font-family: var(--text-font-family-heading-md);
  font-weight: var(--text-font-weight-heading-md);
  font-size: var(--text-font-size-heading-md);
  line-height: var(--text-line-height-heading-md);
  letter-spacing: var(--text-letter-spacing-heading-md);
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h4 {
  font-family: var(--text-font-family-heading-md);
  font-weight: var(--text-font-weight-heading-md);
  font-size: var(--text-font-size-heading-md);
  line-height: var(--text-line-height-heading-md);
  letter-spacing: var(--text-letter-spacing-heading-md);
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h5 {
  font-family: var(--text-font-family-heading-md);
  font-weight: var(--text-font-weight-heading-md);
  font-size: var(--text-font-size-heading-md);
  line-height: var(--text-line-height-heading-md);
  letter-spacing: var(--text-letter-spacing-heading-md);
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h6 {
  font-family: var(--text-font-family-heading-md);
  font-weight: var(--text-font-weight-heading-md);
  font-size: var(--text-font-size-heading-md);
  line-height: var(--text-line-height-heading-md);
  letter-spacing: var(--text-letter-spacing-heading-md);
  margin-top: 0rem;
  margin-bottom: 0rem;
}

p,
.u-paragraph {
  font-family: var(--text-font-family-paragraph-md);
  font-weight: var(--text-font-weight-paragraph-md);
  font-size: var(--text-font-size-paragraph-md);
  line-height: var(--text-line-height-paragraph-md);
  letter-spacing: var(--text-letter-spacing-paragraph-md);
  margin-top: 0rem;
  margin-bottom: 0.5rem;
}

h1:empty,
h1:first-child,
h2:empty,
h2:first-child,
h3:empty,
h3:first-child,
h4:empty,
h4:first-child,
h5:empty,
h5:first-child,
h6:empty,
h6:first-child,
p:empty,
p:first-child,
.u-paragraph:empty,
.u-paragraph:first-child {
  margin-top: 0rem;
}

h1:empty,
h1:last-child,
h2:empty,
h2:last-child,
h3:empty,
h3:last-child,
h4:empty,
h4:last-child,
h5:empty,
h5:last-child,
h6:empty,
h6:last-child,
p:empty,
p:last-child,
.u-paragraph:empty,
.u-paragraph:last-child {
  margin-bottom: 0rem;
}

a {
  color: inherit;
  text-decoration: none;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}
h1 a:hover, h1 a.js-hover, h2 a:hover, h2 a.js-hover, h3 a:hover, h3 a.js-hover, h4 a:hover, h4 a.js-hover, h5 a:hover, h5 a.js-hover, h6 a:hover, h6 a.js-hover {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1em;
}
p a, .u-paragraph a {
  position: relative;
}
p a, .u-paragraph a {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1em;
}
p a:hover, p a.js-hover, .u-paragraph a:hover, .u-paragraph a.js-hover {
  text-decoration: none;
}

p small, .u-paragraph small {
  font-family: var(--text-font-family-paragraph-sm);
  font-weight: var(--text-font-weight-paragraph-sm);
  font-size: var(--text-font-size-paragraph-sm);
  line-height: var(--text-line-height-paragraph-sm);
  letter-spacing: var(--text-letter-spacing-paragraph-sm);
}

:root {
  --global-padding-x: 1.5rem;
  --global-icon-width: 1.5rem;
  --global-icon-width-sm: 1rem;
  --content-max-width: 80rem;
  --body-header-height: 3.5rem;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
}

html,
body {
  font-size: 16px;
  color: #000000;
  background: #FFFFFF;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
}

.o-body {
  display: flex;
  flex-direction: column;
}
.o-body--preload * {
  transition: none !important;
}
.o-body--overflow-hidden {
  overflow: hidden;
}
.o-body__header {
  position: fixed;
  top: 0;
  width: 100%;
  height: var(--body-header-height);
  z-index: 1;
}
.o-body__main {
  padding-top: var(--body-header-height);
  flex-grow: 1;
}
.o-body__footer {
  width: 100%;
  height: var(--body-header-height);
  margin-top: 2rem;
}
.o-body__footer--hidden {
  display: none;
}
.o-body__aside {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.o-aside {
  background: transparent;
  pointer-events: none;
  transition: background-color 200ms;
}
.o-aside--open {
  pointer-events: auto;
}
.o-aside--open.o-aside--black {
  background: black;
}
.o-aside--open.o-aside--dark {
  background: rgba(0, 0, 0, 0.25);
}
.o-aside--open.o-aside--white {
  background: white;
}
.o-aside__child {
  --width: 100%;
  position: relative;
  width: var(--width);
  height: 100%;
  transition: opacity 200ms, transform 400ms;
}
.o-aside--whole .o-aside__child {
  opacity: 0;
}
.o-aside--whole.o-aside--open .o-aside__child {
  opacity: 1;
}
.o-aside--left .o-aside__child, .o-aside--right .o-aside__child {
  --width: 50%;
}
.o-aside--left .o-aside__child {
  left: 0%;
  transform: translateX(-100%);
}
.o-aside--right .o-aside__child {
  left: calc(100% - var(--width));
  transform: translateX(100%);
}
.o-aside--left.o-aside--open .o-aside__child, .o-aside--right.o-aside--open .o-aside__child {
  transform: translateX(0%);
}
.o-aside__top {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: var(--body-header-height);
  opacity: 0;
  transition: opacity 200ms;
}
.o-aside--open .o-aside__top {
  opacity: 1;
}
.o-aside__top + .o-aside__child {
  height: calc(100% - 2 * var(--body-header-height));
  margin: var(--body-header-height) 0;
}

.c-menu {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--global-padding-x);
  transition: all 200ms;
  font-family: var(--text-font-family-heading-md);
  font-weight: var(--text-font-weight-heading-md);
  font-size: var(--text-font-size-heading-md);
  line-height: var(--text-line-height-heading-md);
  letter-spacing: var(--text-letter-spacing-heading-md);
}
.c-menu--black {
  color: #FFFFFF;
  background: #000000;
}
.c-menu--white {
  color: #000000;
  background: #FFFFFF;
}
.c-menu__button {
  flex-shrink: 0;
  width: var(--global-icon-width);
  height: var(--global-icon-width);
  cursor: pointer;
}
.c-menu__button--spacer {
  cursor: auto;
}
.c-menu__header, .c-menu__control {
  text-align: center;
  text-transform: uppercase;
}
.c-menu__control {
  display: none;
  align-items: center;
  white-space: pre;
}
.c-menu__control--active {
  display: flex;
}
.c-menu__control--active ~ .c-menu__header {
  display: none;
}
.c-menu__control .c-menu__button {
  width: var(--global-icon-width-sm);
  height: var(--global-icon-width-sm);
}
.c-menu__handle {
  display: none;
}
.c-menu__handle--active {
  display: inline;
}
.c-menu__link {
  display: inline-flex;
  align-items: center;
  column-gap: 0.5rem;
  cursor: pointer;
}
.c-menu__link--hidden {
  display: none;
}
.o-body--scrolled-down .o-body__header .c-menu:not(:hover) {
  background: transparent;
}
.o-body--scrolled-down .o-body__header .c-menu:not(:hover) .c-menu__header {
  opacity: 0;
}
.o-body--scrolled-down .o-body__header .c-menu:not(:hover) .c-menu__control {
  color: #FFFFFF;
}
.o-body--scrolled-down .o-body__header .c-menu:not(:hover) .c-menu__button {
  color: #FFFFFF;
}

.c-info {
  color: #FFFFFF;
  background: #000000;
  overflow: auto;
}
.c-info__control {
  position: sticky;
  top: 0;
  padding: 0 var(--global-padding-x);
  background: #000000;
  z-index: 1;
}
.c-info__bar {
  height: var(--body-header-height);
  padding-right: calc(1 * (var(--global-icon-width) + 0.75rem));
}
.c-info__corner {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  column-gap: 0.75rem;
  align-items: center;
  height: var(--body-header-height);
  padding-right: var(--global-padding-x);
}
.c-info__button {
  width: var(--global-icon-width);
  height: var(--global-icon-width);
  cursor: pointer;
}
.c-info__content {
  padding: 0 var(--global-padding-x) 1.5rem var(--global-padding-x);
}
.c-info__desc {
  display: none;
}
.c-info__desc--visible {
  display: block;
}
.c-info__desc .js-accordion .c-info__button {
  margin-top: 0.5rem;
  transition: transform 200ms;
}
.c-info__desc .js-accordion--open .c-info__button--toggle {
  transform: rotate(45deg);
}

.c-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  white-space: pre;
  color: #CCCCCC;
  text-transform: uppercase;
  font-family: var(--text-font-family-heading-md);
  font-weight: var(--text-font-weight-heading-md);
  font-size: var(--text-font-size-heading-md);
  line-height: var(--text-line-height-heading-md);
  letter-spacing: var(--text-letter-spacing-heading-md);
}
.c-bar__tab {
  cursor: pointer;
}
.c-bar__tab--active {
  color: #FFFFFF;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1em;
}

.c-browser {
  color: #000000;
  background: #FFFFFF;
  overflow: auto;
}
.c-browser__control {
  position: sticky;
  top: 0;
  padding: 0 var(--global-padding-x);
  background: #FFFFFF;
  z-index: 1;
}
.c-browser__filter:first-child {
  height: var(--body-header-height);
  padding-right: calc(2 * (var(--global-icon-width) + 0.75rem));
}
.c-browser__corner {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  column-gap: 0.75rem;
  align-items: center;
  height: var(--body-header-height);
  padding-right: var(--global-padding-x);
}
.c-browser__button {
  width: var(--global-icon-width);
  height: var(--global-icon-width);
  cursor: pointer;
}
.c-browser__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 1.5rem;
  row-gap: 1rem;
  align-items: start;
  padding: 1rem var(--global-padding-x);
}
.c-browser__item {
  grid-column: auto/span 1;
}
.c-browser__item--hidden {
  display: none;
}

.c-filter {
  color: #C0C0C0;
  font-family: var(--text-font-family-heading-md);
  font-weight: var(--text-font-weight-heading-md);
  font-size: var(--text-font-size-heading-md);
  line-height: var(--text-line-height-heading-md);
  letter-spacing: var(--text-letter-spacing-heading-md);
}
.c-filter--select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  white-space: pre;
  text-transform: uppercase;
}
.c-filter[data-field=tag] {
  column-gap: 1rem;
}
.c-filter__option {
  cursor: pointer;
}
.c-filter__option--active {
  color: #000000;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1em;
}
.c-filter__option--disabled {
  color: rgba(192, 192, 192, 0.5);
  pointer-events: none;
}
.c-filter--text {
  padding: 0.25rem 0rem;
  border-bottom: 1px solid currentColor;
}
.c-filter--text label {
  display: flex;
  column-gap: 0.5rem;
}
.c-filter--text.c-filter--active, .c-filter--text:focus-within {
  color: #000000;
}
.c-filter--text.c-filter--disabled {
  color: rgba(192, 192, 192, 0.5);
  pointer-events: none;
}
.c-filter__icon {
  width: var(--global-icon-width);
  height: var(--global-icon-width);
}
.c-filter__input {
  all: inherit;
  width: 100%;
  cursor: auto;
}

.c-tile__cover {
  display: block;
  aspect-ratio: 1/1;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin-bottom: 4px;
}
.c-tile__title {
  font-family: var(--text-font-family-heading-sm);
  font-weight: var(--text-font-weight-heading-sm);
  font-size: var(--text-font-size-heading-sm);
  line-height: var(--text-line-height-heading-sm);
  letter-spacing: var(--text-letter-spacing-heading-sm);
}

.c-embed__inner {
  aspect-ratio: 16/9;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-embed__iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  background: #000000;
}

.o-list {
  opacity: 1;
  transition: opacity 200ms;
}
.o-list--hidden {
  opacity: 0;
}
.o-list__entry {
  scroll-margin-top: var(--body-header-height);
}
.o-list__cover, .o-list__slider {
  height: 66vh;
}
.o-list__footer {
  width: 100%;
  height: var(--body-header-height);
}

.c-cover {
  position: relative;
  overflow: hidden;
}
.c-cover__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-cover__link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--text-font-family-heading-lg);
  font-weight: var(--text-font-weight-heading-lg);
  font-size: var(--text-font-size-heading-lg);
  line-height: var(--text-line-height-heading-lg);
  letter-spacing: var(--text-letter-spacing-heading-lg);
  color: #FFFFFF;
}

.c-slider {
  position: relative;
  cursor: pointer;
}
.c-slider__track {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  overflow: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.c-slider__track::-webkit-scrollbar {
  display: none;
}
.c-slider__slide {
  scroll-snap-align: center;
  flex: none;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.c-slider--full .c-slider__slide {
  padding: 0 var(--body-header-height);
}
.c-slider__figure {
  width: 100%;
  height: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-slider--full .c-slider__figure {
  width: auto;
  height: auto;
  max-width: none;
  max-height: 100%;
}
.c-slider__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-slider__play {
  width: 25%;
  height: 25%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  opacity: 0.5;
  pointer-events: none;
  display: none;
}
.c-slider__image ~ .c-slider__play {
  display: block;
}
.c-slider__iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  background: #000000;
}
.c-slider__control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 200ms;
  opacity: 0;
  pointer-events: none;
  color: #FFFFFF;
}
.c-slider:hover .c-slider__control {
  opacity: 1;
}
.c-slider--full .c-slider__control {
  opacity: 1;
  color: #000000;
}
.c-slider__pointer {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  transition: opacity 200ms;
}
.c-slider__pointer--left {
  left: var(--global-padding-x);
}
.c-slider__pointer--right {
  right: var(--global-padding-x);
}
.c-slider[data-index-first=true] .c-slider__pointer--left {
  opacity: 0;
}
.c-slider[data-index-last=true] .c-slider__pointer--right {
  opacity: 0;
}
.c-slider__icon {
  width: var(--global-icon-width);
  height: var(--global-icon-width);
}

.c-detail {
  --head-height: 1rem;
  position: relative;
  transition: all 400ms;
}
.c-detail__head {
  height: var(--head-height);
  padding: 0 var(--global-padding-x);
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.c-detail__spacer {
  flex: 1;
  margin-right: -0.5rem;
}
.c-detail__link {
  display: inline-flex;
  align-items: center;
}
.c-detail__button {
  flex-shrink: 0;
  transition: transform 200ms;
  cursor: pointer;
}
.c-detail.js-accordion--open .c-detail__button--toggle {
  transform: rotate(45deg);
}
.c-detail__body {
  display: none;
}
.c-detail__content {
  max-width: var(--content-max-width);
  padding: 0rem var(--global-padding-x) 0.75rem var(--global-padding-x);
}
.c-detail__feature {
  padding-top: 0.75rem;
}
.d-domain .c-detail {
  --head-height: 2.5rem;
  margin-top: calc(-1 * var(--head-height));
}
.d-domain .c-detail__head {
  color: #FFFFFF;
  text-transform: uppercase;
  -webkit-backdrop-filter: blur(0.25rem);
  -moz-backdrop-filter: blur(0.25rem);
  -ms-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
  transition: all 400ms;
}
.d-domain .c-detail.js-accordion--open .c-detail__head {
  color: #000000;
  background: #FFFFFF;
}
.d-domain .c-detail__title {
  font-family: var(--text-font-family-heading-md);
  font-weight: var(--text-font-weight-heading-md);
  font-size: var(--text-font-size-heading-md);
  line-height: var(--text-line-height-heading-md);
  letter-spacing: var(--text-letter-spacing-heading-md);
}
.d-domain .c-detail__button {
  width: var(--global-icon-width);
  height: var(--global-icon-width);
}
.d-project .c-detail {
  --head-height: 1.75rem;
}
.d-project .c-detail__title {
  display: flex;
  column-gap: 0.75rem;
  font-family: var(--text-font-family-heading-sm);
  font-weight: var(--text-font-weight-heading-sm);
  font-size: var(--text-font-size-heading-sm);
  line-height: var(--text-line-height-heading-sm);
  letter-spacing: var(--text-letter-spacing-heading-sm);
}
.d-project .c-detail__button {
  width: var(--global-icon-width-sm);
  height: var(--global-icon-width-sm);
}

.c-feature {
  display: flex;
  flex-wrap: wrap;
  white-space: pre;
  font-family: var(--text-font-family-heading-sm);
  font-weight: var(--text-font-weight-heading-sm);
  font-size: var(--text-font-size-heading-sm);
  line-height: var(--text-line-height-heading-sm);
  letter-spacing: var(--text-letter-spacing-heading-sm);
  text-transform: uppercase;
  color: #C0C0C0;
}
.c-feature__title {
  color: #000000;
}

.c-desk {
  position: fixed;
  top: var(--body-header-height);
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.c-desk__vignette {
  --topPct: 0.0;
  --leftPct: 0.0;
  --width: 8rem;
  --height: 8rem;
  position: relative;
  top: calc(var(--topPct) * (100% - var(--width)));
  left: calc(var(--leftPct) * (100% - var(--height)));
  width: var(--width);
  height: var(--height);
  background: #FFFFFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  pointer-events: auto;
  touch-action: none;
  cursor: pointer;
}

.c-env {
  position: fixed;
  bottom: 3.5rem;
  right: 3.5rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  z-index: 9999;
  opacity: 0.5;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1rem;
}
.c-env:hover {
  opacity: 1;
}
.c-env__item {
  padding: 0.25rem 0.5rem;
  background: white;
  text-align: center;
}
.c-env__item--dev {
  background: black;
  color: #00ff00;
}
.c-env__item--preview {
  background: yellow;
}

#svg-ham-circled path:nth-child(4) {
  animation-name: fade1;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
}
#svg-ham-circled path:nth-child(3) {
  animation-name: fade2;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
}
#svg-ham-circled path:nth-child(2) {
  animation-name: fade3;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
}
@keyframes fade1 {
  0% {
    stroke-opacity: 0;
  }
  6.25% {
    stroke-opacity: 1;
  }
  75% {
    stroke-opacity: 1;
  }
  81.25% {
    stroke-opacity: 0;
  }
  100% {
    stroke-opacity: 0;
  }
}
@keyframes fade2 {
  0% {
    stroke-opacity: 0;
  }
  12.5% {
    stroke-opacity: 0;
  }
  18.75% {
    stroke-opacity: 1;
  }
  62.5% {
    stroke-opacity: 1;
  }
  68.75% {
    stroke-opacity: 0;
  }
  100% {
    stroke-opacity: 0;
  }
}
@keyframes fade3 {
  0% {
    stroke-opacity: 0;
  }
  25% {
    stroke-opacity: 0;
  }
  31.25% {
    stroke-opacity: 1;
  }
  50% {
    stroke-opacity: 1;
  }
  56.25% {
    stroke-opacity: 0;
  }
  100% {
    stroke-opacity: 0;
  }
}

@media (min-width: 1500px) {
  .u-desktop,
.u-desktop-tablet-phone,
.u-tablet,
.u-tablet-phone,
.u-phone {
    display: none;
  }

  .o-aside--left .o-aside__child, .o-aside--right .o-aside__child {
    --width: 33.333%;
  }

  .o-list__cover, .o-list__slider {
    height: 77vh;
  }
}
@media (min-width: 1280px) and (max-width: 1499px) {
  .u-wide,
.u-tablet-phone,
.u-tablet,
.u-phone {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1279px) {
  .u-wide,
.u-wide-desktop,
.u-desktop,
.u-phone {
    display: none;
  }
}
@media (max-width: 768px) {
  .u-wide,
.u-wide-desktop,
.u-wide-desktop-tablet,
.u-desktop,
.u-tablet {
    display: none;
  }

  :root {
    --global-padding-x: 1rem;
  }

  .o-aside--left .o-aside__child, .o-aside--right .o-aside__child {
    --width: 100%;
  }

  .c-menu {
    font-family: var(--text-font-family-heading-sm);
    font-weight: var(--text-font-weight-heading-sm);
    font-size: var(--text-font-size-heading-sm);
    line-height: var(--text-line-height-heading-sm);
    letter-spacing: var(--text-letter-spacing-heading-sm);
  }
  .c-menu__control .c-menu__button {
    width: 0.75rem;
    height: 0.75rem;
  }

  .c-browser__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .o-list__cover, .o-list__slider {
    height: 33vh;
  }

  .c-slider--full .c-slider__slide {
    padding: 0;
  }
  .c-slider__control {
    display: none;
  }

  .c-desk__vignette {
    --width: 6rem;
    --height: 6rem;
  }

  :root {
    --text-font-size-heading-lg: 8.4375rem;
    --text-line-height-heading-lg: 8.625rem;
    --text-letter-spacing-heading-lg: 0em;
    --text-font-size-heading-md: 1rem;
    --text-line-height-heading-md: 1.125rem;
    --text-letter-spacing-heading-md: 0.03em;
    --text-font-size-heading-sm: 0.75rem;
    --text-line-height-heading-sm: 0.875rem;
    --text-letter-spacing-heading-sm: 0.02em;
    --text-font-size-paragraph-md: 0.925rem;
    --text-line-height-paragraph-md: 1.125rem;
    --text-letter-spacing-paragraph-md: 0em;
    --text-font-size-paragraph-sm: 0.75rem;
    --text-line-height-paragraph-sm: 0.875rem;
    --text-letter-spacing-paragraph-sm: 0em;
  }
}

/*# sourceMappingURL=site.bundle.css.map */