:root {
  --primary: #00121a;
  --secondary: #f4f4e8;
}

/*Variables Grid
 */
:root {
  --container-max-width: calc(160.0rem + var(--grid-gutter-width) * 2);
  --spacer: 1.0rem;
}

@media (max-width: 960px) {
  :root {
    --container-max-width: calc(100% - var(--grid-gutter-width) * 2);
  }
}
@media (max-width: 600px) {
  :root {
    --container-max-width: 100%;
  }
}
/*Variables Type
 */
:root {
  --font-sans-serif: "wotfardregular", sans-serif;
  --font-sans-serif-bold: "wotfardmedium", sans-serif;
  --font-sans-serif-light: "wotfardlight", sans-serif;
  --fs-1: 6.0rem;
  --fs-2: 3.6rem;
  --fs-3: 3.2rem;
  --fs-4: 2.8rem;
  --fs-5: 2.2rem;
  --fs-7: 1.3rem;
  --fw-bold: normal;
  --fw-light: normal;
  --lh-base: 2.4rem;
  --lh-1: 7.6rem;
  --lh-2: 4.4rem;
  --lh-3: 3.6rem;
  --lh-4: var(--lh-3);
  --lh-5: 3.0rem;
  --text-decoration-thickness: .1.5rem;
  --text-underline-offset: .4em;
}

@media (max-width: 600px) {
  :root {
    --fs-1: 4.8rem;
    --fs-2: 3.2rem;
    --fs-3: 2.8rem;
    --fs-4: 2.4rem;
    --fs-5: 1.8rem;
    --fs-6: 1.4rem;
    --fs-7: 1.1rem;
    --lh-base: 1.8rem;
    --lh-1: 6.0rem;
    --lh-2: 4.0rem;
    --lh-3: 3.2rem;
    --lh-4: var(--lh-3);
    --lh-5: 2.4rem;
  }
}
::-moz-selection {
  color: var(--primary);
}
::selection {
  color: var(--primary);
}

/*Grid
 */
.container {
  margin-right: auto;
  margin-left: auto;
  max-width: var(--container-max-width);
  padding-left: var(--grid-gutter-width);
  padding-right: var(--grid-gutter-width);
}

@media (max-width: 960px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
/*Type
 */
a {
  color: var(--primary);
  transition: none;
  text-decoration-thickness: var(--text-decoration-thickness);
  text-underline-offset: var(--text-underline-offset);
}

a:hover {
  opacity: 1;
  text-decoration-style: wavy;
}

button {
  background-color: transparent;
  border: none;
  color: var(--primary);
  transition: opacity var(--transition-duration);
}
button:hover {
  opacity: 0.8;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--font-sans-serif-light);
}

h1 {
  line-height: var(--lh-1);
}

h2 {
  line-height: var(--lh-2);
}

h3 {
  line-height: var(--lh-3);
}

h4 {
  line-height: var(--lh-4);
}

h5 {
  line-height: var(--lh-5);
}

select {
  background-color: var(--white);
  border: 0;
  color: var(--primary);
  height: calc(var(--spacer) * 4);
}

select:hover {
  cursor: pointer;
}

strong {
  font-family: var(--font-sans-serif-bold);
}

summary::marker {
  content: "";
}

summary:hover {
  cursor: pointer;
}

/*Utilities
 */
.fs-1 {
  line-height: var(--lh-1);
}

.fs-2 {
  line-height: var(--lh-2);
}

.fs-3 {
  line-height: var(--lh-3);
}

.fs-4 {
  line-height: var(--lh-4);
}

.fs-5 {
  line-height: var(--lh-5);
}

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

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

.mb-10 {
  margin-bottom: calc(var(--spacer) * 10);
}

@media (max-width: 960px) {
  .minw-25-sm {
    min-width: 25%;
  }
}
.rounded-bottom-end {
  border-bottom-right-radius: calc(var(--spacer) * 6);
}

.rounded-bottom-start {
  border-bottom-left-radius: calc(var(--spacer) * 6);
}

.rounded-top-end {
  border-top-right-radius: calc(var(--spacer) * 6);
}

.rounded-top-start {
  border-top-left-radius: calc(var(--spacer) * 6);
}

.end-12 {
  right: calc(var(--spacer) * 12);
}

.top-12 {
  top: calc(var(--spacer) * 12);
}

@media (max-width: 960px) {
  .end-7-sm {
    right: calc(var(--spacer) * 7);
  }
  .top-7-sm {
    top: calc(var(--spacer) * 7);
  }
}
@media (max-width: 600px) {
  .end-3-xs {
    right: calc(var(--spacer) * 3);
  }
  .top-3-xs {
    top: calc(var(--spacer) * 3);
  }
}
.text-decoration-underline {
  text-underline-offset: var(--text-underline-offset);
}

@media (max-width: 1264px) {
  .text-horizontal-tb-md {
    writing-mode: horizontal-tb;
  }
}
.transition-opacity {
  transition: opacity var(--transition-duration);
}

.vh-80 {
  height: 80vh;
}

@media (max-width: 600px) {
  .h-auto-xs {
    height: auto;
  }
}
/*Components
 */
.checkbox-custom {
  --checkbox-custom-size: calc(var(--spacer) * 4);
  cursor: pointer;
  display: block;
  font-size: var(--fs-6);
  line-height: var(--checkbox-custom-size);
  margin-bottom: calc(var(--spacer) * 2);
  padding-right: calc(var(--checkbox-custom-size) + var(--spacer) * 1.5);
  position: relative;
  text-align: right;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.checkbox-custom input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}

.checkbox-custom-checkmark {
  background-color: var(--white);
  height: var(--checkbox-custom-size);
  position: absolute;
  right: 0;
  top: 0;
  width: var(--checkbox-custom-size);
}

.checkbox-custom:hover input ~ .checkbox-custom-checkmark {
  background-color: var(--white);
}

.checkbox-custom input:checked ~ .checkbox-custom-checkmark {
  background-color: var(--white);
}

.checkbox-custom-checkmark:before,
.checkbox-custom-checkmark:after {
  content: "";
  display: none;
  position: absolute;
}

.checkbox-custom input:checked ~ .checkbox-custom-checkmark:after,
.checkbox-custom input:checked ~ .checkbox-custom-checkmark:before {
  display: block;
}

.checkbox-custom .checkbox-custom-checkmark:before {
  background-color: var(--primary);
  height: 0.2rem;
  left: 1rem;
  top: 2rem;
  transform: rotate(45deg);
  width: 2rem;
}

.checkbox-custom .checkbox-custom-checkmark:after {
  background-color: var(--primary);
  height: 0.2rem;
  left: 1rem;
  top: 2rem;
  transform: rotate(-45deg);
  width: 2rem;
}

.accordion-content,
.footer-box-content {
  transition: height var(--transition-duration);
}

.footer-box-header {
  min-height: calc(var(--spacer) * 4);
}

.front-page-hero {
  margin-bottom: calc(var(--spacer) * 13.5);
  margin-top: calc(var(--spacer) * -7.5);
}

.front-page-hero-h1 {
  margin-top: calc(var(--spacer) * -3.5);
}

@media (max-width: 960px) {
  .front-page-hero {
    margin-top: -10rem;
  }
  .front-page-hero h1 {
    margin-top: 0;
  }
}
.header-helper-placeholder {
  height: calc(var(--spacer) * 21);
}

@media (max-width: 600px) {
  .header-helper-placeholder {
    height: calc(var(--spacer) * 14);
  }
}
.helper-sticky {
  top: calc(50vh - var(--lh-2) / 2);
}

.img-logo-animated {
  margin-bottom: calc(var(--spacer) * 13.5);
}

.isotope-grid {
  margin-left: calc(var(--grid-gutter-width) / 2);
  margin-right: calc(var(--grid-gutter-width) / 2);
}

.isotope-grid-item,
.isotope-grid-sizer {
  width: calc(25% - var(--grid-gutter-width));
}

.isotope-grid-item,
.isotope-grid-item-2x {
  margin-bottom: var(--grid-gutter-width);
  margin-left: calc(var(--grid-gutter-width) / 2);
  margin-right: calc(var(--grid-gutter-width) / 2);
}

.isotope-grid-item-2x {
  width: calc(50% - var(--grid-gutter-width));
}

@media (max-width: 960px) {
  .isotope-grid-item,
  .isotope-grid-sizer {
    width: calc(33.3333333333% - var(--grid-gutter-width));
  }
  .isotope-grid-item-2x {
    width: calc(66.6666666667% - var(--grid-gutter-width));
  }
}
@media (max-width: 600px) {
  .isotope-grid-item,
  .isotope-grid-sizer {
    width: calc(50% - var(--grid-gutter-width));
  }
  .isotope-grid-item-2x {
    width: calc(100% - var(--grid-gutter-width));
  }
}
.link-articles-of-interest-archive {
  padding-top: calc(var(--spacer) * 8);
}

@media (max-width: 1600px) {
  .link-articles-of-interest-archive {
    padding-top: calc(var(--spacer) * 6);
  }
}
@media (max-width: 1440px) {
  .link-articles-of-interest-archive {
    padding-top: calc(var(--spacer) * 4);
  }
}
@media (max-width: 1264px) {
  .link-articles-of-interest-archive {
    padding-top: 0;
  }
}
.link-card-content {
  opacity: 0;
  transition: opacity var(--transition-duration);
}

.link-card:hover .link-card-content {
  opacity: 1;
}

.link-filled {
  transition: opacity var(--transition-duration);
}
.link-filled:hover {
  opacity: 0.8;
}

.menu {
  --menu-max-width: 48.0rem;
  max-width: var(--menu-max-width);
  overflow-y: auto;
  right: calc(var(--menu-max-width) * -1);
  transition: right var(--transition-duration);
}
@media (max-width: 600px) {
  .menu {
    --menu-max-width: 100%;
  }
}

.menu-is-open {
  right: 0;
}

.menu-item-link {
  --menu-item-text-fs: 4.2rem;
  font-size: var(--menu-item-text-fs);
  line-height: 1;
}
@media (max-width: 600px) {
  .menu-item-link {
    line-height: 1.2;
    text-underline-offset: 0.8rem;
  }
}

.menu-row {
  margin-bottom: calc(var(--spacer) * 12);
}

.single-artwork-content ol,
.single-artwork-content p,
.single-artwork-content ul {
  margin-bottom: calc(var(--spacer) * 2);
}

.page-title,
.singular-blocks {
  margin-left: auto;
  margin-right: auto;
  max-width: 60rem;
}

.text-link-child {
  text-decoration: underline;
  text-decoration-thickness: var(--text-decoration-thickness);
  text-underline-offset: var(--text-underline-offset);
}

a:active .text-link-child,
a:focus .text-link-child,
a:hover .text-link-child {
  text-decoration-style: wavy;
}

.wp-post-image {
  height: auto !important;
}

.wp-block-embed {
  line-height: 0;
  margin-bottom: var(--spacer);
}