@charset "UTF-8";
/*!
Theme Name: Mattmo - Twenty-Four
Theme URI:
Author: mattmo
Author URI:
Description:
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 0.1d 2025_11 udkp11l
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template:  twentytwentyone
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
@import url("https://use.typekit.net/hia7xtx.css");
/* Category 07 is for any utility classes that are not assigned to a specific component. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  word-break: normal;
}

.skip-link:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

.wp-block-image figcaption,
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: none;
  position: static;
  color: #000000;
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 300;
  font-size: 1.125rem;
  line-height: 1.6;
  text-align: left;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots),
.wp-block-separator {
  width: 100%;
  border-width: 0.0625rem;
}

:where(.is-layout-flex) {
  gap: 2.5rem;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 0 2.5rem;
}

.uppercase {
  text-transform: uppercase;
}

body,
:root {
  --wp--preset--font-family--system-serif: $font_family_headers;
  --wp--preset--font-family--body: $font_family_main;
  --wp--preset--font-family--heading: $font_family_headers;
  --wp--preset--color--base: $white;
  --wp--preset--color--base-2: $white;
  --wp--preset--color--contrast: $black;
  --wp--preset--color--contrast-2: $black;
  --wp--preset--color--contrast-3: $black;
  --lightgrey: lightgrey;
}

html,
body {
  scroll-behavior: smooth;
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 300;
  font-size: 16px;
  line-height: 1;
  margin: 0;
  padding: 0;
}

header#masthead {
  width: calc(100vw - 2rem);
  padding: 1rem 1rem;
  position: absolute;
}
@media screen and (max-width: 48rem) {
  header#masthead {
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(1.5rem);
            backdrop-filter: blur(1.5rem);
  }
}
@media screen and (min-width: 48rem) {
  header#masthead {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 64rem) {
  header#masthead {
    width: calc(100vw - 5rem);
    padding: 2rem 2.5rem;
  }
}
@media screen and (min-width: 100rem) {
  header#masthead {
    padding: 2rem calc(50vw - 50rem);
    max-width: 100rem;
  }
}
header#masthead .alignwide {
  width: 100%;
}
header#masthead .site-logo,
header#masthead .wp-block-site-logo a.custom-logo-link {
  z-index: 2222;
  position: sticky;
  text-decoration: none;
  display: inline-block;
  height: 3rem;
  width: 12rem;
}
@media screen and (min-width: 64rem) {
  header#masthead .site-logo,
  header#masthead .wp-block-site-logo a.custom-logo-link {
    width: calc((100vw - 2.5rem) / 8 - 1.5rem);
  }
}
header#masthead .site-logo img,
header#masthead .wp-block-site-logo a.custom-logo-link img {
  min-height: 3rem;
}
@media screen and (min-width: 64rem) {
  header#masthead .site-logo img,
  header#masthead .wp-block-site-logo a.custom-logo-link img {
    width: calc((100vw - 2.5rem) / 8 - 1.5rem);
  }
}
@media screen and (min-width: 100rem) {
  header#masthead .site-logo img,
  header#masthead .wp-block-site-logo a.custom-logo-link img {
    width: 10.6875rem;
  }
}
header#masthead #site-navigation {
  display: flex;
  padding-top: 0.5rem;
}
header#masthead #site-navigation div.init-menu {
  z-index: 2023;
}
header#masthead #site-navigation div.init-menu ul#init-menu-list {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  text-transform: uppercase;
  margin: 0 3rem 0 0;
}
header#masthead #site-navigation div.init-menu ul#init-menu-list li {
  padding-left: 2.25rem;
}
header#masthead #site-navigation div.init-menu ul#init-menu-list li a {
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.375rem;
  line-height: 1.45;
  padding: 0.1em;
}
header#masthead #site-navigation div.init-menu ul#init-menu-list li a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  background: currentColor;
  top: 1.2em;
  left: 0;
  pointer-events: none;
  transition: transform 0.3s ease-in-out;
  transform-origin: 100% 0;
}
header#masthead #site-navigation div.init-menu ul#init-menu-list li a:hover, header#masthead #site-navigation div.init-menu ul#init-menu-list li a:active {
  color: #ff0000;
  text-decoration: none;
}
header#masthead #site-navigation div.init-menu ul#init-menu-list li a:hover:after, header#masthead #site-navigation div.init-menu ul#init-menu-list li a:active:after {
  transition: transform 0.4s ease-in-out;
  transform: rotate(-10deg);
  transform-origin: 100% 0;
}
header#masthead #site-navigation div.init-menu ul#init-menu-list li.current-menu-item a {
  color: #ff0000;
  text-decoration: none;
}
header#masthead #site-navigation div.init-menu ul#init-menu-list li.current-menu-item a:after {
  display: none;
}
header#masthead #site-navigation .menu-button-container {
  display: inline-block;
  z-index: 2222;
  min-width: 6rem;
  text-align: right;
}
@media screen and (max-width: 48rem) {
  header#masthead #site-navigation .menu-button-container {
    display: block;
    margin-top: -0.5rem;
  }
}
header#masthead #site-navigation .menu-button-container button,
header#masthead #site-navigation .menu-button-container .button {
  position: relative;
  text-decoration: none;
  padding: 0;
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 300;
  background: transparent;
  border: none;
}
header#masthead #site-navigation .menu-button-container button .dropdown-icon,
header#masthead #site-navigation .menu-button-container .button .dropdown-icon {
  font-size: 1.375rem;
  line-height: 1.45;
  text-transform: uppercase;
  display: inline-block;
  padding: 0em 0.1em 0.2em;
}
header#masthead #site-navigation .menu-button-container button .dropdown-icon.close,
header#masthead #site-navigation .menu-button-container .button .dropdown-icon.close {
  display: none;
}
header#masthead #site-navigation .menu-button-container button .dropdown-icon:after,
header#masthead #site-navigation .menu-button-container .button .dropdown-icon:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  background: currentColor;
  top: 1.3em;
  left: 0;
  pointer-events: none;
  transition: transform 0.3s ease-in-out;
  transform-origin: 100% 0;
}
header#masthead #site-navigation .menu-button-container button .dropdown-icon:hover,
header#masthead #site-navigation .menu-button-container .button .dropdown-icon:hover {
  color: #ff0000;
}
header#masthead #site-navigation .menu-button-container button .dropdown-icon:hover:after,
header#masthead #site-navigation .menu-button-container .button .dropdown-icon:hover:after {
  transition: transform 0.4s ease-in-out;
  transform: rotate(-10deg);
  transform-origin: 100% 0;
}

hr {
  width: 100%;
  margin: 1rem 0 2rem;
}

.home figure,
.single-post figure,
.page figure {
  margin: 1rem 0;
}
.home figure.post-thumbnail,
.single-post figure.post-thumbnail,
.page figure.post-thumbnail {
  margin: 0 auto;
}
.home figure.post-thumbnail img.wp-post-image,
.single-post figure.post-thumbnail img.wp-post-image,
.page figure.post-thumbnail img.wp-post-image {
  max-height: 33dvw !important;
  width: auto !important;
}
.home figure,
.single-post figure,
.page figure {
  padding: 0;
}
@media screen and (min-width: 48rem) {
  .home figure.showreel,
  .single-post figure.showreel,
  .page figure.showreel {
    margin: 1rem -1rem;
  }
}
@media screen and (min-width: 64rem) {
  .home figure.showreel,
  .single-post figure.showreel,
  .page figure.showreel {
    margin: 1rem -2.5rem;
  }
}
.home main .entry-content,
.single-post main .entry-content,
.page main .entry-content {
  padding: 8rem 0 1rem;
  margin: 0 1rem;
  font-family: "din-2014-rounded-variable", sans-serif;
}
@media screen and (min-width: 48rem) {
  .home main .entry-content,
  .single-post main .entry-content,
  .page main .entry-content {
    padding: 5rem 0 1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 0 2.5rem;
  }
  .home main .entry-content .entry-footer,
  .home main .entry-content h1,
  .home main .entry-content .h1,
  .home main .entry-content h2,
  .home main .entry-content h3,
  .home main .entry-content h4,
  .home main .entry-content h5,
  .single-post main .entry-content .entry-footer,
  .single-post main .entry-content h1,
  .single-post main .entry-content .h1,
  .single-post main .entry-content h2,
  .single-post main .entry-content h3,
  .single-post main .entry-content h4,
  .single-post main .entry-content h5,
  .page main .entry-content .entry-footer,
  .page main .entry-content h1,
  .page main .entry-content .h1,
  .page main .entry-content h2,
  .page main .entry-content h3,
  .page main .entry-content h4,
  .page main .entry-content h5 {
    grid-column: 1/-1;
  }
  .home main .entry-content .entry-footer.wide,
  .home main .entry-content h1.wide,
  .home main .entry-content .h1.wide,
  .home main .entry-content h2.wide,
  .home main .entry-content h3.wide,
  .home main .entry-content h4.wide,
  .home main .entry-content h5.wide,
  .single-post main .entry-content .entry-footer.wide,
  .single-post main .entry-content h1.wide,
  .single-post main .entry-content .h1.wide,
  .single-post main .entry-content h2.wide,
  .single-post main .entry-content h3.wide,
  .single-post main .entry-content h4.wide,
  .single-post main .entry-content h5.wide,
  .page main .entry-content .entry-footer.wide,
  .page main .entry-content h1.wide,
  .page main .entry-content .h1.wide,
  .page main .entry-content h2.wide,
  .page main .entry-content h3.wide,
  .page main .entry-content h4.wide,
  .page main .entry-content h5.wide {
    grid-column: 1/-1;
  }
  .home main .entry-content ul,
  .home main .entry-content ol,
  .home main .entry-content p,
  .single-post main .entry-content ul,
  .single-post main .entry-content ol,
  .single-post main .entry-content p,
  .page main .entry-content ul,
  .page main .entry-content ol,
  .page main .entry-content p {
    grid-column: 1/-1;
  }
  .home main .entry-content ul.click,
  .home main .entry-content ol.click,
  .home main .entry-content p.click,
  .single-post main .entry-content ul.click,
  .single-post main .entry-content ol.click,
  .single-post main .entry-content p.click,
  .page main .entry-content ul.click,
  .page main .entry-content ol.click,
  .page main .entry-content p.click {
    grid-column: 1/-1;
  }
  .home main .entry-content blockquote,
  .single-post main .entry-content blockquote,
  .page main .entry-content blockquote {
    grid-column: 1/-1;
  }
  .home main .entry-content .wp-block-query,
  .single-post main .entry-content .wp-block-query,
  .page main .entry-content .wp-block-query {
    grid-column-end: span 8;
  }
  .home main .entry-content .wp-block-query ul li,
  .single-post main .entry-content .wp-block-query ul li,
  .page main .entry-content .wp-block-query ul li {
    margin-bottom: 2.5rem;
  }
  .home main .entry-content .wp-block-query ul li figure img,
  .single-post main .entry-content .wp-block-query ul li figure img,
  .page main .entry-content .wp-block-query ul li figure img {
    background: #000000;
    display: inline-block;
    max-width: 100vw !important;
  }
  .home main .entry-content .wp-block-query.wp-block-post-template-is-layout-grid ul,
  .single-post main .entry-content .wp-block-query.wp-block-post-template-is-layout-grid ul,
  .page main .entry-content .wp-block-query.wp-block-post-template-is-layout-grid ul {
    display: inline-grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto;
    gap: 0 2.5rem;
  }
  .home main .entry-content .wp-block-query.wp-block-post-template-is-layout-grid ul.columns-2 li,
  .single-post main .entry-content .wp-block-query.wp-block-post-template-is-layout-grid ul.columns-2 li,
  .page main .entry-content .wp-block-query.wp-block-post-template-is-layout-grid ul.columns-2 li {
    grid-column-end: span 4;
  }
  .home main .entry-content .wp-block-query.wp-block-post-template-is-layout-grid ul.columns-2 li figure img,
  .single-post main .entry-content .wp-block-query.wp-block-post-template-is-layout-grid ul.columns-2 li figure img,
  .page main .entry-content .wp-block-query.wp-block-post-template-is-layout-grid ul.columns-2 li figure img {
    background: #000000;
    display: inline-block;
    width: 100%;
  }
  .home main .entry-content .wp-block-query.teamlist,
  .single-post main .entry-content .wp-block-query.teamlist,
  .page main .entry-content .wp-block-query.teamlist {
    grid-column: 2/-1;
    min-height: 60rem;
  }
  .home main .entry-content .wp-block-query.teamlist li.teammember,
  .single-post main .entry-content .wp-block-query.teamlist li.teammember,
  .page main .entry-content .wp-block-query.teamlist li.teammember {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: auto;
    gap: 0 2.5rem;
    height: 2.5rem;
    margin: 0;
  }
  .home main .entry-content .wp-block-query.teamlist li.teammember .toggle,
  .single-post main .entry-content .wp-block-query.teamlist li.teammember .toggle,
  .page main .entry-content .wp-block-query.teamlist li.teammember .toggle {
    grid-column: 1/4;
    border-top: 0.0625rem solid #000000;
    line-height: 2.5rem;
    font-size: 1.75rem;
    margin: 0;
    font-family: "din-2014-rounded-variable", sans-serif;
  }
  .home main .entry-content .wp-block-query.teamlist li.teammember .hidden,
  .single-post main .entry-content .wp-block-query.teamlist li.teammember .hidden,
  .page main .entry-content .wp-block-query.teamlist li.teammember .hidden {
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
  }
  .home main .entry-content .wp-block-query.teamlist li.teammember .accordion_content,
  .single-post main .entry-content .wp-block-query.teamlist li.teammember .accordion_content,
  .page main .entry-content .wp-block-query.teamlist li.teammember .accordion_content {
    display: inline-block;
    padding: 0;
  }
  .home main .entry-content .wp-block-query.teamlist li.teammember .accordion_content div.entry-content,
  .single-post main .entry-content .wp-block-query.teamlist li.teammember .accordion_content div.entry-content,
  .page main .entry-content .wp-block-query.teamlist li.teammember .accordion_content div.entry-content {
    display: inline-block;
    grid-column-end: span 4;
    padding: 0;
  }
  .home main .entry-content .wp-block-query.teamlist li.teammember .accordion_content figure.wp-block-post-featured-image.hidden,
  .single-post main .entry-content .wp-block-query.teamlist li.teammember .accordion_content figure.wp-block-post-featured-image.hidden,
  .page main .entry-content .wp-block-query.teamlist li.teammember .accordion_content figure.wp-block-post-featured-image.hidden {
    grid-column-end: span 4;
  }
  .home main .entry-content .wp-block-query.teamlist li.teammember .toggled,
  .single-post main .entry-content .wp-block-query.teamlist li.teammember .toggled,
  .page main .entry-content .wp-block-query.teamlist li.teammember .toggled {
    color: #ff0000;
    position: relative;
  }
  .home main .entry-content .wp-block-query.teamlist li.teammember .toggled::after,
  .single-post main .entry-content .wp-block-query.teamlist li.teammember .toggled::after,
  .page main .entry-content .wp-block-query.teamlist li.teammember .toggled::after {
    content: "-";
    display: inline-block;
    position: absolute;
    right: 0.1rem;
  }
  .home main .entry-content .wp-block-query.teamlist li.teammember:hover,
  .single-post main .entry-content .wp-block-query.teamlist li.teammember:hover,
  .page main .entry-content .wp-block-query.teamlist li.teammember:hover {
    overflow: visible;
    position: relative;
  }
  .home main .entry-content .wp-block-query.teamlist li.teammember:hover .toggle,
  .single-post main .entry-content .wp-block-query.teamlist li.teammember:hover .toggle,
  .page main .entry-content .wp-block-query.teamlist li.teammember:hover .toggle {
    color: #ff0000;
    position: relative;
  }
  .home main .entry-content .wp-block-query.teamlist li.teammember:hover .toggle::after,
  .single-post main .entry-content .wp-block-query.teamlist li.teammember:hover .toggle::after,
  .page main .entry-content .wp-block-query.teamlist li.teammember:hover .toggle::after {
    content: "+";
    display: inline-block;
    position: absolute;
    right: 0.1rem;
  }
  .home main .entry-content .wp-block-query.teamlist li.teammember:hover figure.wp-block-post-featured-image.hidden,
  .single-post main .entry-content .wp-block-query.teamlist li.teammember:hover figure.wp-block-post-featured-image.hidden,
  .page main .entry-content .wp-block-query.teamlist li.teammember:hover figure.wp-block-post-featured-image.hidden {
    visibility: visible;
    position: absolute;
    height: 40rem;
  }
  .home main .entry-content .wp-block-query.teamlist li.teammember:last-of-type .toggle,
  .single-post main .entry-content .wp-block-query.teamlist li.teammember:last-of-type .toggle,
  .page main .entry-content .wp-block-query.teamlist li.teammember:last-of-type .toggle {
    border-bottom: 0.0625rem solid #000000;
  }
  .home main .entry-content article,
  .single-post main .entry-content article,
  .page main .entry-content article {
    grid-column-end: span 4;
  }
  .home main .entry-content blockquote,
  .single-post main .entry-content blockquote,
  .page main .entry-content blockquote {
    grid-column: 3/-1;
  }
  .home main .entry-content .wp-block-columns,
  .home main .entry-content .alignfull,
  .home main .entry-content hr,
  .home main .entry-content figure,
  .single-post main .entry-content .wp-block-columns,
  .single-post main .entry-content .alignfull,
  .single-post main .entry-content hr,
  .single-post main .entry-content figure,
  .page main .entry-content .wp-block-columns,
  .page main .entry-content .alignfull,
  .page main .entry-content hr,
  .page main .entry-content figure {
    grid-column: 1/-1;
  }
  .home main .entry-content .alignwide,
  .single-post main .entry-content .alignwide,
  .page main .entry-content .alignwide {
    grid-column: 2/-2;
  }
}
@media screen and (min-width: 64rem) {
  .home main .entry-content,
  .single-post main .entry-content,
  .page main .entry-content {
    padding: 10rem 0 1rem;
    margin: 0 2.5rem;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto;
  }
  .home main .entry-content h1,
  .home main .entry-content .h1,
  .single-post main .entry-content h1,
  .single-post main .entry-content .h1,
  .page main .entry-content h1,
  .page main .entry-content .h1 {
    grid-column: 2/-2;
  }
  .home main .entry-content .entry-footer,
  .home main .entry-content h2,
  .home main .entry-content h3,
  .home main .entry-content h4,
  .home main .entry-content h5,
  .single-post main .entry-content .entry-footer,
  .single-post main .entry-content h2,
  .single-post main .entry-content h3,
  .single-post main .entry-content h4,
  .single-post main .entry-content h5,
  .page main .entry-content .entry-footer,
  .page main .entry-content h2,
  .page main .entry-content h3,
  .page main .entry-content h4,
  .page main .entry-content h5 {
    grid-column: 2/-3;
  }
  .home main .entry-content .entry-footer.wide,
  .home main .entry-content h2.wide,
  .home main .entry-content h3.wide,
  .home main .entry-content h4.wide,
  .home main .entry-content h5.wide,
  .single-post main .entry-content .entry-footer.wide,
  .single-post main .entry-content h2.wide,
  .single-post main .entry-content h3.wide,
  .single-post main .entry-content h4.wide,
  .single-post main .entry-content h5.wide,
  .page main .entry-content .entry-footer.wide,
  .page main .entry-content h2.wide,
  .page main .entry-content h3.wide,
  .page main .entry-content h4.wide,
  .page main .entry-content h5.wide {
    grid-column: 2/-2;
  }
  .home main .entry-content ul,
  .home main .entry-content ol,
  .home main .entry-content p,
  .single-post main .entry-content ul,
  .single-post main .entry-content ol,
  .single-post main .entry-content p,
  .page main .entry-content ul,
  .page main .entry-content ol,
  .page main .entry-content p {
    grid-column: 2/-2;
  }
  .home main .entry-content ul.click,
  .home main .entry-content ol.click,
  .home main .entry-content p.click,
  .single-post main .entry-content ul.click,
  .single-post main .entry-content ol.click,
  .single-post main .entry-content p.click,
  .page main .entry-content ul.click,
  .page main .entry-content ol.click,
  .page main .entry-content p.click {
    grid-column: 2/-1;
  }
  .home main .entry-content blockquote,
  .single-post main .entry-content blockquote,
  .page main .entry-content blockquote {
    grid-column: 3/-2;
  }
  .home main .entry-content .wp-block-columns,
  .home main .entry-content .alignfull,
  .home main .entry-content hr,
  .home main .entry-content figure,
  .single-post main .entry-content .wp-block-columns,
  .single-post main .entry-content .alignfull,
  .single-post main .entry-content hr,
  .single-post main .entry-content figure,
  .page main .entry-content .wp-block-columns,
  .page main .entry-content .alignfull,
  .page main .entry-content hr,
  .page main .entry-content figure {
    grid-column: 1/-1;
  }
  .home main .entry-content .alignwide,
  .single-post main .entry-content .alignwide,
  .page main .entry-content .alignwide {
    grid-column: 2/-2;
  }
}
@media screen and (min-width: 100rem) {
  .home main .entry-content,
  .single-post main .entry-content,
  .page main .entry-content {
    margin: 2rem auto 2rem;
    max-width: 100rem;
  }
}

.search main,
.category main,
.blog main {
  padding: 1rem 0 1rem;
  margin: 0 1rem;
}
.search main header.page-header,
.category main header.page-header,
.blog main header.page-header {
  display: none;
}
.search main article,
.category main article,
.blog main article {
  margin-bottom: 2rem;
  border-bottom: 0.0625rem solid #000000;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}
.search main article header,
.category main article header,
.blog main article header {
  padding: 0;
  display: block;
  position: relative;
  width: auto;
}
.search main article header ul.post-categories,
.category main article header ul.post-categories,
.blog main article header ul.post-categories {
  list-style: none;
  padding: 0;
  margin: 0;
}
.search main article header ul.post-categories li,
.category main article header ul.post-categories li,
.blog main article header ul.post-categories li {
  display: inline;
  text-transform: uppercase;
  font-size: 1.125rem;
}
.search main article header h2.entry-title,
.category main article header h2.entry-title,
.blog main article header h2.entry-title {
  margin-top: 0;
}
.search main article header h2.entry-title a,
.category main article header h2.entry-title a,
.blog main article header h2.entry-title a {
  color: inherit;
  text-decoration: none;
}
.search main article .entry-content p,
.category main article .entry-content p,
.blog main article .entry-content p {
  font-size: 1.375rem;
}
.search main article footer,
.category main article footer,
.blog main article footer {
  padding-bottom: 3rem;
}
.search main article footer a,
.category main article footer a,
.blog main article footer a {
  color: inherit;
  text-decoration: none;
  font-size: 1.125rem;
  position: relative;
}
.search main article footer a:after,
.category main article footer a:after,
.blog main article footer a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  background: currentColor;
  top: 1.1112em;
  left: 0;
  pointer-events: none;
  transition: transform 0.25s ease-in-out;
  transform-origin: 100% 0;
}
.search main article footer a:hover,
.category main article footer a:hover,
.blog main article footer a:hover {
  color: #ff0000;
}
.search main article footer a:hover:after,
.category main article footer a:hover:after,
.blog main article footer a:hover:after {
  transition: transform 0.15s ease-in-out;
  transform: rotate(-10deg);
  transform-origin: 100% 0;
}
@media screen and (min-width: 48rem) {
  .search main,
  .category main,
  .blog main {
    padding: 5rem 0 1rem;
  }
  .search main .wp-block-heading.h1,
  .category main .wp-block-heading.h1,
  .blog main .wp-block-heading.h1 {
    grid-column: 1/-1;
  }
  .search main p,
  .category main p,
  .blog main p {
    grid-column: 1/-1;
  }
  .search main p.click,
  .category main p.click,
  .blog main p.click {
    grid-column: 1/-1;
  }
  .search main .grid,
  .category main .grid,
  .blog main .grid {
    -moz-column-count: 2;
         column-count: 2;
    gap: 2.5rem;
    grid-column-end: span 4;
  }
  .search main,
  .category main,
  .blog main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 2rem 2.5rem;
  }
  .search main blockquote,
  .category main blockquote,
  .blog main blockquote {
    grid-column: 3/-2;
  }
  .search main .wp-block-columns,
  .search main .alignfull,
  .search main hr,
  .search main figure,
  .category main .wp-block-columns,
  .category main .alignfull,
  .category main hr,
  .category main figure,
  .blog main .wp-block-columns,
  .blog main .alignfull,
  .blog main hr,
  .blog main figure {
    grid-column: 1/-1;
  }
  .search main .alignwide,
  .category main .alignwide,
  .blog main .alignwide {
    grid-column: 2/-2;
  }
}
@media screen and (min-width: 64rem) {
  .search main,
  .category main,
  .blog main {
    padding: 10rem 0 1rem;
    margin: 0 2.5rem;
    grid-template-columns: repeat(8, 1fr);
  }
  .search main .grid,
  .category main .grid,
  .blog main .grid {
    grid-column-end: span 8;
  }
  .search main .wp-block-heading.h1,
  .category main .wp-block-heading.h1,
  .blog main .wp-block-heading.h1 {
    grid-column: 2/-2;
  }
  .search main p,
  .category main p,
  .blog main p {
    grid-column: 2/-1;
  }
  .search main p.click,
  .category main p.click,
  .blog main p.click {
    grid-column: 2/-1;
  }
  .search main header.page-header,
  .category main header.page-header,
  .blog main header.page-header {
    grid-column: 2/-2;
  }
}
@media screen and (min-width: 100rem) {
  .search main,
  .category main,
  .blog main {
    margin: 0 auto;
    max-width: 100rem;
  }
}

.search figure {
  margin: 1rem 0;
}
.search figure.post-thumbnail {
  margin: 0 auto;
}
.search figure.post-thumbnail img.wp-post-image {
  width: 100% !important;
}
@media screen and (min-width: 48rem) {
  .search figure.post-thumbnail img.wp-post-image {
    max-height: 33dvw !important;
  }
}
.search figure {
  padding: 0;
}

.tax-client main#main,
.tax-case-type main#main,
.tax-case-types main#main,
.post-type-archive-case main#main,
.post-type-archive-cases main#main {
  padding: 1rem 0 1rem;
  margin: 0 1rem;
}
@media screen and (min-width: 48rem) {
  .tax-client main#main,
  .tax-case-type main#main,
  .tax-case-types main#main,
  .post-type-archive-case main#main,
  .post-type-archive-cases main#main {
    padding: 5rem 0 1rem;
  }
}
@media screen and (min-width: 64rem) {
  .tax-client main#main,
  .tax-case-type main#main,
  .tax-case-types main#main,
  .post-type-archive-case main#main,
  .post-type-archive-cases main#main {
    margin: 0 2.5rem;
  }
}
@media screen and (min-width: 100rem) {
  .tax-client main#main,
  .tax-case-type main#main,
  .tax-case-types main#main,
  .post-type-archive-case main#main,
  .post-type-archive-cases main#main {
    margin: 3rem auto 1rem;
    max-width: 100rem;
  }
}
.tax-client main#main header.page-header.alignwide,
.tax-case-type main#main header.page-header.alignwide,
.tax-case-types main#main header.page-header.alignwide,
.post-type-archive-case main#main header.page-header.alignwide,
.post-type-archive-cases main#main header.page-header.alignwide {
  margin: 2rem 0 1rem;
}
@media screen and (min-width: 48rem) {
  .tax-client main#main header.page-header.alignwide,
  .tax-case-type main#main header.page-header.alignwide,
  .tax-case-types main#main header.page-header.alignwide,
  .post-type-archive-case main#main header.page-header.alignwide,
  .post-type-archive-cases main#main header.page-header.alignwide {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 0 2.5rem;
  }
}
@media screen and (min-width: 64rem) {
  .tax-client main#main header.page-header.alignwide,
  .tax-case-type main#main header.page-header.alignwide,
  .tax-case-types main#main header.page-header.alignwide,
  .post-type-archive-case main#main header.page-header.alignwide,
  .post-type-archive-cases main#main header.page-header.alignwide {
    grid-template-columns: repeat(8, 1fr);
  }
}
.tax-client main#main .grid article .entry-title,
.tax-case-type main#main .grid article .entry-title,
.tax-case-types main#main .grid article .entry-title,
.post-type-archive-case main#main .grid article .entry-title,
.post-type-archive-cases main#main .grid article .entry-title {
  font-size: 1.375rem;
  font-family: "din-2014-rounded-variable", sans-serif;
  font-weight: unset;
  color: #000000;
}
.tax-client main#main .grid article .entry-title a,
.tax-case-type main#main .grid article .entry-title a,
.tax-case-types main#main .grid article .entry-title a,
.post-type-archive-case main#main .grid article .entry-title a,
.post-type-archive-cases main#main .grid article .entry-title a {
  color: inherit;
}
@media screen and (min-width: 48rem) {
  .tax-client main#main .grid,
  .tax-case-type main#main .grid,
  .tax-case-types main#main .grid,
  .post-type-archive-case main#main .grid,
  .post-type-archive-cases main#main .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 2rem 2.5rem;
  }
  .tax-client main#main .grid .archive-description.h1,
  .tax-client main#main .grid p.click,
  .tax-case-type main#main .grid .archive-description.h1,
  .tax-case-type main#main .grid p.click,
  .tax-case-types main#main .grid .archive-description.h1,
  .tax-case-types main#main .grid p.click,
  .post-type-archive-case main#main .grid .archive-description.h1,
  .post-type-archive-case main#main .grid p.click,
  .post-type-archive-cases main#main .grid .archive-description.h1,
  .post-type-archive-cases main#main .grid p.click {
    grid-column: 1/-1;
  }
  .tax-client main#main .grid article,
  .tax-case-type main#main .grid article,
  .tax-case-types main#main .grid article,
  .post-type-archive-case main#main .grid article,
  .post-type-archive-cases main#main .grid article {
    grid-column-end: span 4;
  }
}
@media screen and (min-width: 64rem) {
  .tax-client main#main .grid,
  .tax-case-type main#main .grid,
  .tax-case-types main#main .grid,
  .post-type-archive-case main#main .grid,
  .post-type-archive-cases main#main .grid {
    grid-template-columns: repeat(8, 1fr);
  }
  .tax-client main#main .grid .archive-description.h1,
  .tax-client main#main .grid p.click,
  .tax-case-type main#main .grid .archive-description.h1,
  .tax-case-type main#main .grid p.click,
  .tax-case-types main#main .grid .archive-description.h1,
  .tax-case-types main#main .grid p.click,
  .post-type-archive-case main#main .grid .archive-description.h1,
  .post-type-archive-case main#main .grid p.click,
  .post-type-archive-cases main#main .grid .archive-description.h1,
  .post-type-archive-cases main#main .grid p.click {
    grid-column: 2/-1;
  }
  .tax-client main#main .grid article,
  .tax-case-type main#main .grid article,
  .tax-case-types main#main .grid article,
  .post-type-archive-case main#main .grid article,
  .post-type-archive-cases main#main .grid article {
    grid-column-end: span 4;
  }
  .tax-client main#main .grid article:nth-of-type(1),
  .tax-case-type main#main .grid article:nth-of-type(1),
  .tax-case-types main#main .grid article:nth-of-type(1),
  .post-type-archive-case main#main .grid article:nth-of-type(1),
  .post-type-archive-cases main#main .grid article:nth-of-type(1) {
    grid-column-end: span 8;
  }
  .tax-client main#main .grid article.tag-wide,
  .tax-case-type main#main .grid article.tag-wide,
  .tax-case-types main#main .grid article.tag-wide,
  .post-type-archive-case main#main .grid article.tag-wide,
  .post-type-archive-cases main#main .grid article.tag-wide {
    grid-column-end: span 8;
  }
}
.tax-client .navigation,
.tax-case-type .navigation,
.tax-case-types .navigation,
.post-type-archive-case .navigation,
.post-type-archive-cases .navigation {
  font-size: 1.375rem;
}
.tax-client .navigation .nav-links a,
.tax-case-type .navigation .nav-links a,
.tax-case-types .navigation .nav-links a,
.post-type-archive-case .navigation .nav-links a,
.post-type-archive-cases .navigation .nav-links a {
  color: inherit;
}
@media screen and (min-width: 48rem) {
  .tax-client .navigation,
  .tax-case-type .navigation,
  .tax-case-types .navigation,
  .post-type-archive-case .navigation,
  .post-type-archive-cases .navigation {
    padding: 5rem 0 2rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 2rem 2.5rem;
  }
  .tax-client .navigation .nav-links,
  .tax-case-type .navigation .nav-links,
  .tax-case-types .navigation .nav-links,
  .post-type-archive-case .navigation .nav-links,
  .post-type-archive-cases .navigation .nav-links {
    grid-column: 1/-1;
    display: inline-block;
  }
}
@media screen and (min-width: 64rem) {
  .tax-client .navigation,
  .tax-case-type .navigation,
  .tax-case-types .navigation,
  .post-type-archive-case .navigation,
  .post-type-archive-cases .navigation {
    margin: 0 2.5rem;
    grid-template-columns: repeat(8, 1fr);
  }
  .tax-client .navigation .nav-links,
  .tax-case-type .navigation .nav-links,
  .tax-case-types .navigation .nav-links,
  .post-type-archive-case .navigation .nav-links,
  .post-type-archive-cases .navigation .nav-links {
    grid-column: 2/-2;
  }
}
@media screen and (min-width: 100rem) {
  .tax-client .navigation,
  .tax-case-type .navigation,
  .tax-case-types .navigation,
  .post-type-archive-case .navigation,
  .post-type-archive-cases .navigation {
    margin: 3rem auto 1rem;
    max-width: 100rem;
  }
}

.single-team main#main,
.post-type-archive-team main#main {
  padding: 1rem 0 1rem;
  margin: 0 1rem;
  min-height: 100vw;
}
@media screen and (min-width: 48rem) {
  .single-team main#main,
  .post-type-archive-team main#main {
    padding: 5rem 0 1rem;
    min-height: 90vw;
  }
}
@media screen and (min-width: 64rem) {
  .single-team main#main,
  .post-type-archive-team main#main {
    margin: 0 2.5rem;
    min-height: 80vw;
  }
}
@media screen and (min-width: 100rem) {
  .single-team main#main,
  .post-type-archive-team main#main {
    margin: 3rem auto 1rem;
    max-width: 100rem;
    min-height: 60vw;
  }
}
.single-team header.page-header.alignwide,
.post-type-archive-team header.page-header.alignwide {
  margin: 2rem 0 1rem;
}
@media screen and (min-width: 48rem) {
  .single-team header.page-header.alignwide,
  .post-type-archive-team header.page-header.alignwide {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 0 2.5rem;
  }
}
@media screen and (min-width: 64rem) {
  .single-team header.page-header.alignwide,
  .post-type-archive-team header.page-header.alignwide {
    grid-template-columns: repeat(8, 1fr);
  }
}
.single-team .grid,
.post-type-archive-team .grid {
  position: relative;
}
@media screen and (min-width: 48rem) {
  .single-team .grid,
  .post-type-archive-team .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 0rem 2.5rem;
  }
  .single-team .grid .archive-description.h1,
  .single-team .grid p.click,
  .post-type-archive-team .grid .archive-description.h1,
  .post-type-archive-team .grid p.click {
    grid-column: 1/-1;
  }
  .single-team .grid article,
  .post-type-archive-team .grid article {
    grid-column-end: span 4;
  }
  .single-team .grid div.portrait_hover,
  .single-team .grid div.portrait,
  .post-type-archive-team .grid div.portrait_hover,
  .post-type-archive-team .grid div.portrait {
    grid-column-end: span 4;
    right: 0;
    position: absolute;
  }
  .single-team .grid div.portrait_hover img,
  .single-team .grid div.portrait img,
  .post-type-archive-team .grid div.portrait_hover img,
  .post-type-archive-team .grid div.portrait img {
    opacity: 0;
  }
  .single-team .grid div.portrait_hover,
  .post-type-archive-team .grid div.portrait_hover {
    z-index: 1;
  }
  .single-team .grid div.portrait,
  .post-type-archive-team .grid div.portrait {
    z-index: 2024;
  }
}
@media screen and (min-width: 64rem) {
  .single-team .grid,
  .post-type-archive-team .grid {
    grid-template-columns: repeat(8, 1fr);
  }
  .single-team .grid .archive-description.h1,
  .single-team .grid p.click,
  .post-type-archive-team .grid .archive-description.h1,
  .post-type-archive-team .grid p.click {
    grid-column: 2/-2;
  }
  .single-team .grid article,
  .post-type-archive-team .grid article {
    grid-column-start: 2;
    grid-column-end: span 3;
  }
  .single-team .grid div.portrait_hover,
  .single-team .grid div.portrait,
  .post-type-archive-team .grid div.portrait_hover,
  .post-type-archive-team .grid div.portrait {
    top: 0;
    grid-column-start: 5;
    grid-column-end: span 4;
  }
}
.single-team .grid article,
.post-type-archive-team .grid article {
  padding: 0 0 0.5rem;
  margin: 0 0 2rem;
}
@media screen and (min-width: 64rem) {
  .single-team .grid article,
  .post-type-archive-team .grid article {
    margin: 0;
  }
}
.single-team .grid article:last-of-type,
.post-type-archive-team .grid article:last-of-type {
  border-bottom: 0.0625rem solid #000000;
}
.single-team .grid article .entry-title,
.post-type-archive-team .grid article .entry-title {
  font-size: 1.375rem;
  font-family: "din-2014-rounded-variable", sans-serif;
  font-weight: unset;
  margin: 0;
  color: #000000;
  border-top: 0.0625rem solid #000000;
  padding: 0.5rem 0 0;
}
.single-team .grid article .entry-title a,
.post-type-archive-team .grid article .entry-title a {
  color: inherit;
}
.single-team .grid article .entry-title.toggle,
.post-type-archive-team .grid article .entry-title.toggle {
  position: relative;
}
.single-team .grid article .entry-title.toggle::after,
.post-type-archive-team .grid article .entry-title.toggle::after {
  content: "+";
  transition: all 666ms ease-in-out;
  opacity: 0;
  display: inline-block;
  position: absolute;
  right: 0.1rem;
}
.single-team .grid article .entry-title:hover,
.post-type-archive-team .grid article .entry-title:hover {
  color: #ff0000;
}
.single-team .grid article .entry-title:hover::after,
.post-type-archive-team .grid article .entry-title:hover::after {
  content: "+";
  transition: all 666ms ease-in-out;
  opacity: 1;
  display: inline-block;
  position: absolute;
  right: 0.1rem;
}
.single-team .grid article .entry-title.toggled,
.post-type-archive-team .grid article .entry-title.toggled {
  color: #ff0000;
  position: relative;
}
.single-team .grid article .entry-title.toggled::after,
.post-type-archive-team .grid article .entry-title.toggled::after {
  content: "+";
  transform: rotate(45deg);
  transition: all 666ms ease-in-out;
  opacity: 1;
  display: inline-block;
  position: absolute;
  right: 0.1rem;
}
.single-team .grid article .entry-title.toggled:hover::after,
.post-type-archive-team .grid article .entry-title.toggled:hover::after {
  transform: rotate(45deg);
}
.single-team .grid article .accordion_content,
.post-type-archive-team .grid article .accordion_content {
  display: inline-block;
  padding: 0;
}
@media screen and (min-width: 48rem) {
  .single-team .grid article:hover div.portrait_hover img, .single-team .grid article.hovered div.portrait_hover img,
  .post-type-archive-team .grid article:hover div.portrait_hover img,
  .post-type-archive-team .grid article.hovered div.portrait_hover img {
    opacity: 1;
    z-index: 1;
  }
}
.single-team .accordion_content div.portrait img,
.post-type-archive-team .accordion_content div.portrait img {
  display: none;
}
@media screen and (min-width: 48rem) {
  .single-team .accordion_content[aria-expanded=true] div.portrait img,
  .post-type-archive-team .accordion_content[aria-expanded=true] div.portrait img {
    opacity: 1;
    z-index: 2222;
    display: initial;
  }
}

.single-post main article figure.post-thumbnail {
  text-align: center;
  margin: 0 !important;
}
.single-post main article figure.post-thumbnail img.wp-post-image {
  height: auto !important;
  max-width: 120rem !important;
  aspect-ratio: initial;
}
@media screen and (min-width: 48rem) {
  .single-post main article .entry-header {
    padding: 5rem 0 2rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 2rem 2.5rem;
  }
  .single-post main article .entry-header .entry-title {
    grid-column: 1/-1;
  }
}
@media screen and (min-width: 64rem) {
  .single-post main article .entry-header {
    margin: 0 2.5rem;
    grid-template-columns: repeat(8, 1fr);
  }
  .single-post main article .entry-header .entry-title {
    grid-column: 2/-2;
  }
}
@media screen and (min-width: 100rem) {
  .single-post main article .entry-header {
    margin: 3rem auto 1rem;
    max-width: 100rem;
  }
}
.single-post main article .entry-footer a {
  color: black;
}
@media screen and (min-width: 48rem) {
  .single-post main article .entry-footer {
    padding: 5rem 0 2rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 2rem 2.5rem;
  }
}
@media screen and (min-width: 64rem) {
  .single-post main article .entry-footer {
    margin: 0 2.5rem;
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 100rem) {
  .single-post main article .entry-footer {
    margin: 3rem auto 1rem;
    max-width: 100rem;
  }
}
.single-post main article .entry-footer .posted-on,
.single-post main article .entry-footer .byline,
.single-post main article .entry-footer .post-taxonomies {
  display: none;
}
.single-post .navigation {
  font-size: 1.375rem;
}
.single-post .navigation .nav-links a {
  color: inherit;
}
@media screen and (min-width: 48rem) {
  .single-post .navigation {
    padding: 5rem 0 2rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 2rem 2.5rem;
  }
  .single-post .navigation .nav-links {
    grid-column: 1/-1;
    display: inline-block;
  }
}
@media screen and (min-width: 64rem) {
  .single-post .navigation {
    margin: 0 2.5rem;
    grid-template-columns: repeat(8, 1fr);
  }
  .single-post .navigation .nav-links {
    grid-column: 2/-2;
  }
}
@media screen and (min-width: 100rem) {
  .single-post .navigation {
    margin: 3rem auto 1rem;
    max-width: 100rem;
  }
}

.single-case main article .post-thumbnail,
.single-cases main article .post-thumbnail {
  text-align: center;
}
.single-case main article .post-thumbnail img.wp-post-image,
.single-cases main article .post-thumbnail img.wp-post-image {
  width: 100% !important;
  height: auto !important;
  max-width: 120rem !important;
  aspect-ratio: initial;
}
.single-case main article .entry-content,
.single-cases main article .entry-content {
  padding: 1rem 0 1rem;
  margin: 0 1rem;
}
@media screen and (min-width: 48rem) {
  .single-case main article .entry-content,
  .single-cases main article .entry-content {
    padding: 5rem 0 1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 0 2.5rem;
  }
  .single-case main article .entry-content h1,
  .single-case main article .entry-content .h1,
  .single-cases main article .entry-content h1,
  .single-cases main article .entry-content .h1 {
    grid-column: 1/-1;
  }
  .single-case main article .entry-content h2,
  .single-case main article .entry-content h3,
  .single-case main article .entry-content h4,
  .single-case main article .entry-content h5,
  .single-cases main article .entry-content h2,
  .single-cases main article .entry-content h3,
  .single-cases main article .entry-content h4,
  .single-cases main article .entry-content h5 {
    margin-top: 0;
    grid-column: 1/-1;
  }
  .single-case main article .entry-content h2.wide,
  .single-case main article .entry-content h3.wide,
  .single-case main article .entry-content h4.wide,
  .single-case main article .entry-content h5.wide,
  .single-cases main article .entry-content h2.wide,
  .single-cases main article .entry-content h3.wide,
  .single-cases main article .entry-content h4.wide,
  .single-cases main article .entry-content h5.wide {
    grid-column: 1/-1;
  }
  .single-case main article .entry-content ul,
  .single-case main article .entry-content ol,
  .single-case main article .entry-content p,
  .single-cases main article .entry-content ul,
  .single-cases main article .entry-content ol,
  .single-cases main article .entry-content p {
    grid-column: 1/-1;
  }
  .single-case main article .entry-content ul.click,
  .single-case main article .entry-content ol.click,
  .single-case main article .entry-content p.click,
  .single-cases main article .entry-content ul.click,
  .single-cases main article .entry-content ol.click,
  .single-cases main article .entry-content p.click {
    grid-column: 1/-1;
  }
  .single-case main article .entry-content blockquote,
  .single-cases main article .entry-content blockquote {
    grid-column: 1/-1;
  }
  .single-case main article .entry-content .wp-block-columns,
  .single-case main article .entry-content .alignfull,
  .single-case main article .entry-content hr,
  .single-case main article .entry-content figure,
  .single-cases main article .entry-content .wp-block-columns,
  .single-cases main article .entry-content .alignfull,
  .single-cases main article .entry-content hr,
  .single-cases main article .entry-content figure {
    grid-column: 1/-1;
  }
  .single-case main article .entry-content .alignwide,
  .single-cases main article .entry-content .alignwide {
    grid-column: 2/-2;
  }
}
@media screen and (min-width: 64rem) {
  .single-case main article .entry-content,
  .single-cases main article .entry-content {
    margin: 0 2.5rem;
    grid-template-columns: repeat(8, 1fr);
  }
  .single-case main article .entry-content h1,
  .single-case main article .entry-content .h1,
  .single-cases main article .entry-content h1,
  .single-cases main article .entry-content .h1 {
    grid-column: 2/-2;
  }
  .single-case main article .entry-content h2,
  .single-case main article .entry-content h3,
  .single-case main article .entry-content h4,
  .single-case main article .entry-content h5,
  .single-cases main article .entry-content h2,
  .single-cases main article .entry-content h3,
  .single-cases main article .entry-content h4,
  .single-cases main article .entry-content h5 {
    grid-column: 2/-3;
  }
  .single-case main article .entry-content h2.wide,
  .single-case main article .entry-content h3.wide,
  .single-case main article .entry-content h4.wide,
  .single-case main article .entry-content h5.wide,
  .single-cases main article .entry-content h2.wide,
  .single-cases main article .entry-content h3.wide,
  .single-cases main article .entry-content h4.wide,
  .single-cases main article .entry-content h5.wide {
    grid-column: 2/-2;
  }
  .single-case main article .entry-content blockquote,
  .single-cases main article .entry-content blockquote {
    grid-column: 3/-2;
  }
  .single-case main article .entry-content ul,
  .single-case main article .entry-content ol,
  .single-case main article .entry-content p,
  .single-cases main article .entry-content ul,
  .single-cases main article .entry-content ol,
  .single-cases main article .entry-content p {
    grid-column: 2/-3;
  }
  .single-case main article .entry-content ul.click,
  .single-case main article .entry-content ol.click,
  .single-case main article .entry-content p.click,
  .single-cases main article .entry-content ul.click,
  .single-cases main article .entry-content ol.click,
  .single-cases main article .entry-content p.click {
    grid-column: 2/-2;
  }
}
@media screen and (min-width: 100rem) {
  .single-case main article .entry-content,
  .single-cases main article .entry-content {
    margin: 3rem auto 1rem;
    max-width: 100rem;
  }
}

.search-form {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 300;
  color: #000000;
  border: none;
  font-size: 1.125rem;
  width: 100%;
}
@media screen and (min-width: 48rem) {
  .search-form {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 0 2.5rem;
  }
}
.search-form label {
  opacity: 0;
  margin-bottom: 0;
  display: inline-block;
  border-bottom: none;
  padding: 0;
}
@media screen and (min-width: 48rem) {
  .search-form label {
    grid-column-end: span 4;
    margin-bottom: 0;
    display: inline;
  }
}
.search-form input.search-field {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 300;
  color: #000000;
  border: none;
  font-size: 1.125rem;
  width: 100%;
  margin-bottom: 1rem;
  display: inline-block;
  border-bottom: 0.0625rem solid #000000;
  padding: 0.5rem 0.25rem;
}
@media screen and (min-width: 48rem) {
  .search-form input.search-field {
    grid-column-end: span 2;
    margin-bottom: 0;
    display: inline;
  }
}
.search-form input.search-field::-moz-placeholder {
  color: #000000;
  text-transform: uppercase;
}
.search-form input.search-field::placeholder {
  color: #000000;
  text-transform: uppercase;
}
.search-form input.search-submit {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 400;
  color: #000000;
  border: none;
  border-bottom: 0.0625rem solid #000000;
  padding: 0.25rem 0.5rem 0;
  font-size: 1.125rem;
  background-color: transparent;
  text-transform: uppercase;
  text-align: left;
  vertical-align: top;
  width: -moz-fit-content;
  width: fit-content;
  transition: all ease-in-out 0.7s;
}
.search-form input.search-submit:hover {
  background-color: #000000;
  color: #ffffff;
  transition: all ease-in-out 0.7s;
}

.navigation.pagination {
  grid-column: -1/1;
  margin-top: 1.5rem;
}
.navigation.pagination .nav-links {
  text-transform: uppercase;
  color: black;
  font-size: 1.375rem;
  margin: 0 0 2rem;
  text-align: center;
}
.navigation.pagination .nav-links a.page-numbers,
.navigation.pagination .nav-links span.page-numbers {
  display: inline-block;
  margin: 1.5rem 0.5rem 0;
  color: inherit;
  text-decoration: none;
  position: relative;
}
.navigation.pagination .nav-links a .svg-icon {
  height: 1em;
  width: 1em;
  margin-block: -0.175em;
}
.navigation.pagination .nav-links a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  background: currentColor;
  top: 1.1112em;
  left: 0;
  pointer-events: none;
  transition: transform 0.25s ease-in-out;
  transform-origin: 100% 0;
}
.navigation.pagination .nav-links a:hover {
  color: #ff0000;
}
.navigation.pagination .nav-links a:hover:after {
  transition: transform 0.15s ease-in-out;
  transform: rotate(-10deg);
  transform-origin: 100% 0;
}

@media screen and (min-width: 48rem) {
  .wpcf7-form p {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 0 2.5rem;
  }
}
.wpcf7-form p label {
  margin-bottom: 1rem;
  display: inline-block;
  border-bottom: 0.0625rem solid #000000;
  padding: 0.25rem 0.25rem 0;
}
@media screen and (min-width: 48rem) {
  .wpcf7-form p label {
    grid-column-end: span 2;
    margin-bottom: 0;
    display: inline;
  }
}
.wpcf7-form p label .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  display: none;
}
.wpcf7-form p label .wpcf7-form-control-wrap input {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 300;
  color: #000000;
  border: none;
  font-size: 1.125rem;
  width: 100%;
}
.wpcf7-form p label .wpcf7-form-control-wrap input::-moz-placeholder {
  color: #000000;
  text-transform: uppercase;
}
.wpcf7-form p label .wpcf7-form-control-wrap input::placeholder {
  color: #000000;
  text-transform: uppercase;
}
.wpcf7-form p input.wpcf7-submit {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 400;
  color: #000000;
  border: none;
  border-bottom: 0.0625rem solid #000000;
  padding: 0.25rem 0.5rem 0;
  font-size: 1.125rem;
  background-color: transparent;
  text-transform: uppercase;
  text-align: left;
  vertical-align: top;
  width: -moz-fit-content;
  width: fit-content;
  transition: all ease-in-out 0.7s;
}
.wpcf7-form p input.wpcf7-submit:hover {
  background-color: #000000;
  color: #ffffff;
  transition: all ease-in-out 0.7s;
}
.wpcf7-form p .wpcf7-form-control-wrap {
  padding-top: 1rem;
  grid-column-end: span 4;
}
.wpcf7-form p .wpcf7-checkbox .wpcf7-list-item {
  padding-inline: 0;
  margin-inline: 0;
  font-size: 1rem;
}
.wpcf7-form p .wpcf7-checkbox .wpcf7-list-item label {
  border: none;
}
.wpcf7-form p .wpcf7-checkbox .wpcf7-list-item input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1em;
  height: 1em;
  border: 0.05em solid currentColor;
  border-radius: 0.05em;
  transform: translateY(-0.1em);
  display: inline-grid;
}
.wpcf7-form p .wpcf7-checkbox .wpcf7-list-item input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: circle(50% at 50% 50%);
  transform: scale(0);
  transform-origin: center center;
  transition: 120ms transform ease-in-out;
  background-color: #000000;
}
.wpcf7-form p .wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked::before {
  transform: scale(1) translate(0.15em, 0.15em);
}

.pre-footer {
  padding: 1rem 0 1rem;
  margin: 0 1rem;
}
.pre-footer section.widget_block {
  grid-column: 2/-2;
}
.pre-footer h3 {
  color: #ff0000;
  margin: 0 0 2rem;
}
@media screen and (min-width: 48rem) {
  .pre-footer .wpcf7-form p {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 0 2.5rem;
  }
}
.pre-footer .wpcf7-form p label {
  margin-bottom: 1rem;
  display: inline-block;
  border-bottom: 0.0625rem solid #000000;
  padding: 0.25rem 0.25rem 0;
}
@media screen and (min-width: 48rem) {
  .pre-footer .wpcf7-form p label {
    grid-column-end: span 2;
    margin-bottom: 0;
    display: inline;
  }
}
.pre-footer .wpcf7-form p label .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  display: none;
}
.pre-footer .wpcf7-form p label .wpcf7-form-control-wrap input {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 300;
  color: #000000;
  border: none;
  font-size: 1.125rem;
  width: 100%;
}
.pre-footer .wpcf7-form p label .wpcf7-form-control-wrap input::-moz-placeholder {
  color: #000000;
  text-transform: uppercase;
}
.pre-footer .wpcf7-form p label .wpcf7-form-control-wrap input::placeholder {
  color: #000000;
  text-transform: uppercase;
}
.pre-footer .wpcf7-form p input.wpcf7-submit {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 400;
  color: #000000;
  border: none;
  border-bottom: 0.0625rem solid #000000;
  padding: 0.25rem 0.5rem 0;
  font-size: 1.125rem;
  background-color: transparent;
  text-transform: uppercase;
  text-align: left;
  vertical-align: top;
  width: -moz-fit-content;
  width: fit-content;
  transition: all ease-in-out 0.7s;
}
.pre-footer .wpcf7-form p input.wpcf7-submit:hover {
  background-color: #000000;
  color: #ffffff;
  transition: all ease-in-out 0.7s;
}
@media screen and (min-width: 36rem) {
  .pre-footer {
    margin: 0 2.5rem;
    padding: 8.25rem 0 1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 0 2.5rem;
  }
}
@media screen and (min-width: 64rem) {
  .pre-footer {
    margin: 0 2.5rem;
    padding: 8.25rem 0 1rem;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto;
  }
}
@media screen and (min-width: 100rem) {
  .pre-footer {
    margin: 0 auto;
    max-width: 100rem;
  }
}

.widget-area:before {
  content: "";
  display: block;
  height: 1px;
  width: 100vw;
  background-color: #000000;
  position: absolute;
  left: 0;
  margin-top: -2rem;
}
.widget-area {
  padding: 1rem 0 1rem;
  margin: 0 1rem;
}
@media screen and (min-width: 20rem) {
  .widget-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    gap: 0 2.5rem;
  }
}
@media screen and (min-width: 36rem) {
  .widget-area {
    margin: 0 2.5rem;
    padding: 8.25rem 0 1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
  }
}
@media screen and (min-width: 64rem) {
  .widget-area {
    margin: 0 2.5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
  }
}
@media screen and (min-width: 100rem) {
  .widget-area {
    margin: 0 auto;
    max-width: 100rem;
  }
}
.widget-area h5 {
  font-family: "din-2014-rounded-variable", sans-serif;
  margin: 0 0 0.2rem;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-variation-settings: "wght" 300;
}
.widget-area .widget ul,
.widget-area ul {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 1.75rem;
  line-height: 1.45;
  font-variation-settings: "wght" 300;
  font-size: 1.125rem;
}
.widget-area .widget ul#menu-main-2,
.widget-area ul#menu-main-2 {
  margin-bottom: -0.5rem;
}
.widget-area .widget ul li,
.widget-area ul li {
  font-size: 1.125rem;
}
.widget-area .widget ul li a,
.widget-area ul li a {
  text-transform: initial;
}
.widget-area p {
  margin: 0.5rem 0 1.75rem;
  font-variation-settings: "wght" 300;
  font-size: 1.125rem;
  line-height: 1.45;
}

footer#colophon {
  padding: 1rem 0 1rem;
  margin: 0 1rem;
}
@media screen and (min-width: 36rem) {
  footer#colophon {
    margin: 0 2.5rem;
    padding: 2rem 0 1rem;
  }
}
@media screen and (min-width: 100rem) {
  footer#colophon {
    margin: 0 auto;
    max-width: 100rem;
  }
}
footer#colophon {
  display: flex;
  justify-content: space-between;
}
footer#colophon nav.footer-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer#colophon nav.footer-navigation ul li {
  display: inline-block;
  font-variation-settings: "wght" 300;
  text-transform: initial;
  font-size: 1rem;
}
footer#colophon nav.footer-navigation ul li a {
  font-variation-settings: "wght" 300;
  font-size: 1rem;
  text-transform: initial;
}

h1,
h2,
h3 {
  font-family: gelica, serif;
  font-weight: 600;
  margin: 0 0 1.5rem;
}

h4,
h5 {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 300;
  margin: 0 0 1.5rem;
}

h1,
.h1 {
  font-size: 2.5rem;
}
@media screen and (min-width: 48rem) {
  h1,
  .h1 {
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 64rem) {
  h1,
  .h1 {
    font-size: 3.8125rem;
  }
}
h1,
.h1 {
  line-height: 1;
  color: #ff0000;
}
h1 p,
.h1 p {
  font-family: gelica, serif;
  font-weight: 600;
  font-size: 2.5rem;
}
@media screen and (min-width: 48rem) {
  h1 p,
  .h1 p {
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 64rem) {
  h1 p,
  .h1 p {
    font-size: 3.8125rem;
  }
}
h1 p,
.h1 p {
  line-height: 1;
  padding: 0;
  margin: 0;
}
h1,
.h1 {
  position: relative;
  margin: 0 0 1.875rem;
}
h1:before,
.h1:before {
  content: " ";
}
@media screen and (min-width: 64rem) {
  h1:before,
  .h1:before {
    display: block;
    top: 0.1em;
    width: calc((100vw - 2.5rem) / 8 - 1.5rem);
    height: calc(100% - 0.2em);
    left: calc((-100vw - 5rem) / 8 + 1rem);
  }
}
@media screen and (min-width: 100rem) {
  h1:before,
  .h1:before {
    width: 10.6875rem;
    left: -12.875rem;
  }
}
h1:before,
.h1:before {
  position: absolute;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="none" viewBox="0 0 100 100"><line fill="none" stroke="rgb(255,0,0)" stroke-width="1.5" stroke-miterlimit="0" x1="0.5" y1="99.5" x2="99.5" y2="0.5"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%, auto;
}
h1.noline:before,
.h1.noline:before {
  display: none;
}

h2 {
  margin-top: 10rem;
  font-size: 2.5rem;
}
@media screen and (min-width: 48rem) {
  h2 {
    font-size: 3.125rem;
  }
}
h2 {
  position: relative;
}
h2.addline:before {
  content: " ";
  display: block;
  top: 0.1em;
  width: calc((100vw - 2.5rem) / 8 - 1.5rem);
  height: calc(100% - 0.2em);
  left: calc((-100vw - 5rem) / 8 + 1rem);
}
@media screen and (min-width: 100rem) {
  h2.addline:before {
    width: 10.6875rem;
    left: -12.125rem;
  }
}
h2.addline:before {
  position: absolute;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="none" viewBox="0 0 100 100"><line fill="none" stroke="rgb(0,0,0)" stroke-width="1.5" stroke-miterlimit="0.1" x1="0.5" y1="99.5" x2="99.5" y2="0.5"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%, auto;
}
h2.noline:before {
  display: none;
}
h2.nomargin {
  margin-top: 0;
}

h3 {
  font-size: 1.875rem;
}
@media screen and (min-width: 48rem) {
  h3 {
    font-size: 2.5rem;
  }
}

h4 {
  font-size: 1.5rem;
}
@media screen and (min-width: 48rem) {
  h4 {
    font-size: 1.875rem;
  }
}

h5 {
  font-size: 1.375rem;
}

ul,
ol,
p {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 300;
  font-size: 1.375rem;
  line-height: 1.45;
  margin: 0.5rem 0 1.75rem;
}
ul.intro,
ol.intro,
p.intro {
  font-size: 1.75rem;
  line-height: 1.6;
  font-variation-settings: "wght" 500;
}
ul.caption,
ol.caption,
p.caption {
  font-size: 1.125rem;
  line-height: 1.6;
}
ul.caption a,
ol.caption a,
p.caption a {
  margin-right: 0.1em;
  text-decoration: none;
}
ul.click,
ol.click,
p.click {
  font-size: 1.375rem;
  margin: 0 0 1.2rem;
}
ul.click a,
ol.click a,
p.click a {
  margin: 0 0.5rem;
  text-decoration: none;
}
ul.client,
ol.client,
p.client {
  margin: 0 0 1.25rem;
}
ul.client a,
ol.client a,
p.client a {
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.6;
  text-decoration: none;
}
ul a,
ol a,
p a {
  color: inherit;
}
ul.caption a, ul.click a,
ol.caption a,
ol.click a,
p.caption a,
p.click a {
  position: relative;
}
ul.caption a:after, ul.click a:after,
ol.caption a:after,
ol.click a:after,
p.caption a:after,
p.click a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  background: currentColor;
  top: 1.1112em;
  left: 0;
  pointer-events: none;
  transition: transform 0.25s ease-in-out;
  transform-origin: 100% 0;
}
ul.caption a:hover, ul.click a:hover,
ol.caption a:hover,
ol.click a:hover,
p.caption a:hover,
p.click a:hover {
  color: #ff0000;
}
ul.caption a:hover:after, ul.click a:hover:after,
ol.caption a:hover:after,
ol.click a:hover:after,
p.caption a:hover:after,
p.click a:hover:after {
  transition: transform 0.15s ease-in-out;
  transform: rotate(-10deg);
  transform-origin: 100% 0;
}

@keyframes come-in {
  to {
    opacity: 1;
  }
}
@keyframes come-out {
  to {
    opacity: 1;
    transform: translateY(-20vh);
  }
}
@keyframes slidein {
  0% {
    transform: translateY(-120px);
  }
  30% {
    transform: translateY(-120px);
  }
  100% {
    transform: translateY(0);
  }
}
@media screen and (max-width: 64rem) {
  .init-menu {
    display: none;
  }
  .menu-button-container {
    position: absolute;
    right: 2rem;
    top: 2rem;
  }
}
.single #masthead #site-navigation .init-menu,
.single #masthead #site-navigation .menu-button-container,
.single:not(.stuck) #masthead #site-navigation .init-menu,
.single:not(.stuck) #masthead #site-navigation .menu-button-container,
.single:not(.primary-navigation-open) #masthead #site-navigation .init-menu,
.single:not(.primary-navigation-open) #masthead #site-navigation .menu-button-container {
  mix-blend-mode: difference;
  color: white;
}
.single #masthead #site-navigation .init-menu .dropdown-icon.open,
.single #masthead #site-navigation .menu-button-container .dropdown-icon.open,
.single:not(.stuck) #masthead #site-navigation .init-menu .dropdown-icon.open,
.single:not(.stuck) #masthead #site-navigation .menu-button-container .dropdown-icon.open,
.single:not(.primary-navigation-open) #masthead #site-navigation .init-menu .dropdown-icon.open,
.single:not(.primary-navigation-open) #masthead #site-navigation .menu-button-container .dropdown-icon.open {
  color: white;
}

.single.stuck #masthead #site-navigation .init-menu,
.single.stuck #masthead #site-navigation .menu-button-container,
.single.primary-navigation-open #masthead #site-navigation .init-menu,
.single.primary-navigation-open #masthead #site-navigation .menu-button-container {
  mix-blend-mode: revert;
  color: initial;
}
.single.stuck #masthead #site-navigation .init-menu .dropdown-icon.open,
.single.stuck #masthead #site-navigation .menu-button-container .dropdown-icon.open,
.single.primary-navigation-open #masthead #site-navigation .init-menu .dropdown-icon.open,
.single.primary-navigation-open #masthead #site-navigation .menu-button-container .dropdown-icon.open {
  color: initial;
}

body.stuck #masthead {
  z-index: 2020;
  position: fixed;
  animation: slidein 1s 0s 1;
}

@media screen and (min-width: 100rem) {
  .has-modal-open .is-menu-open.wp-block-navigation__responsive-container {
    padding-left: calc(50vw - 50rem);
    padding-right: calc(50vw - 50rem);
    max-width: 100rem;
    margin: 0;
  }
}
.has-modal-open .is-menu-open.wp-block-navigation__responsive-container {
  background-color: #ffffff !important;
}
.has-modal-open .wp-block-navigation__responsive-close {
  max-width: 100%;
}

ul.menu,
ul.menu-wrapper {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

#site-navigation .primary-menu-container {
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-backdrop-filter: blur(1.5rem);
          backdrop-filter: blur(1.5rem);
}
@media screen and (min-width: 48rem) {
  #site-navigation .primary-menu-container {
    display: none;
  }
}
#site-navigation .primary-menu-container {
  z-index: 99;
  text-decoration: none;
  opacity: 0;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  bottom: 0;
  left: -99999rem;
  right: 99999rem;
  top: 0;
  transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s;
  padding: 5rem 1rem 1rem;
  width: calc(100vw - 2rem);
  max-width: 100vw;
}
#site-navigation .primary-menu-container ul#primary-menu-list li {
  padding: 0;
}
#site-navigation .primary-menu-container ul#primary-menu-list li a {
  text-transform: initial;
  font-family: gelica, serif;
  font-weight: 600;
  text-transform: initial;
  font-size: 2.5rem;
}
@media screen and (min-width: 48rem) {
  #site-navigation .primary-menu-container ul#primary-menu-list li a {
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 64rem) {
  #site-navigation .primary-menu-container ul#primary-menu-list li a {
    font-size: 3.8125rem;
  }
}
#site-navigation .primary-menu-container ul#primary-menu-list li a {
  line-height: 1;
  color: #ff0000;
  text-decoration: none;
  padding: 0.1em 0 !important;
}
#site-navigation .primary-menu-container ul#primary-menu-list li a:after {
  display: none;
}
#site-navigation .primary-menu-container div.sec_menu ul#utils-menu-list {
  border-bottom: 0.0625rem solid #000000;
}
@media screen and (min-width: 48rem) {
  #site-navigation .primary-menu-container div.sec_menu ul#utils-menu-list {
    margin-bottom: 1rem;
  }
}
#site-navigation .primary-menu-container div.sec_menu ul#utils-menu-list li a {
  font-size: 1.375rem;
}
@media screen and (min-width: 48rem) {
  #site-navigation .primary-menu-container div.sec_menu ul#utils-menu-list li a {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 64rem) {
  #site-navigation .primary-menu-container div.sec_menu ul#utils-menu-list li a {
    font-size: 3.1255rem;
  }
}
#site-navigation .primary-menu-container div.sec_menu ul#utils-menu-list li a {
  text-decoration: none;
}
#site-navigation .primary-menu-container div.sec_menu ul#utils-menu-list li {
  padding-bottom: 0.1rem;
}
#site-navigation .primary-menu-container div.sec_menu ul#utils-menu-list li:last-of-type {
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 48rem) {
  #site-navigation .primary-menu-container div.sec_menu ul#socials-menu-list {
    line-height: 1;
  }
}
@media screen and (min-width: 48rem) {
  #site-navigation .primary-menu-container div.sec_menu ul#socials-menu-list {
    margin-bottom: 1rem;
  }
}
#site-navigation .primary-menu-container div.sec_menu ul#socials-menu-list {
  border-bottom: 0.0625rem solid #000000;
}
#site-navigation .primary-menu-container div.sec_menu ul#socials-menu-list li.menu-item a {
  font-size: 1rem;
}
@media screen and (min-width: 48rem) {
  #site-navigation .primary-menu-container div.sec_menu ul#socials-menu-list li.menu-item a {
    font-size: 1.375rem;
  }
}
#site-navigation .primary-menu-container div.sec_menu ul#socials-menu-list li.menu-item a {
  text-decoration: none;
}
#site-navigation .primary-menu-container div.sec_menu ul#socials-menu-list li.menu-item {
  padding-bottom: 0.1rem;
}
#site-navigation .primary-menu-container div.sec_menu ul#socials-menu-list li.menu-item:last-of-type {
  padding-bottom: 0.5rem;
}
#site-navigation .primary-menu-container div.sec_menu .lang li.menu-item a {
  font-size: 1.375rem;
}
#site-navigation .primary-menu-container div.sec_menu .lang li.menu-item {
  padding-bottom: 0.1rem;
}
#site-navigation .primary-menu-container div.sec_menu .lang li.menu-item:last-of-type {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 48rem) {
  #site-navigation .primary-menu-container {
    padding: 5rem 1rem 1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 0 2.5rem;
  }
  #site-navigation .primary-menu-container div.primary-menu {
    grid-column-end: span 4;
    display: inline-flex;
    flex-direction: column;
  }
  #site-navigation .primary-menu-container div.sec_menu {
    grid-column-end: span 4;
    display: inline-flex;
    flex-direction: column;
  }
  #site-navigation .primary-menu-container div.sec_menu ul {
    display: block;
  }
}
@media screen and (min-width: 64rem) {
  #site-navigation .primary-menu-container {
    padding: 10rem 0 1rem 2.5rem;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto;
  }
  #site-navigation .primary-menu-container div.primary-menu {
    grid-column-start: 2;
    grid-column-end: span 4;
  }
  #site-navigation .primary-menu-container div.sec_menu {
    grid-column-end: span 2;
  }
}
@media screen and (min-width: 100rem) {
  #site-navigation .primary-menu-container {
    padding: 25vh calc(50vw - 50rem) 0;
    max-width: 100rem;
    margin: 0;
  }
}

body.primary-navigation-open header#masthead nav#site-navigation .menu-button-container #primary-mobile-menu .dropdown-icon.open {
  display: none;
}
body.primary-navigation-open header#masthead nav#site-navigation .menu-button-container #primary-mobile-menu .dropdown-icon.close {
  display: inline-block;
}
body.primary-navigation-open header#masthead nav#site-navigation .primary-menu-container {
  z-index: 2150;
  left: 0;
  opacity: 1;
  right: 0;
  transition: opacity 0.25s ease-out;
}

.wp-block-spacer {
  grid-column: 1/-1;
}

.wp-block-quote,
blockquote {
  margin-block: 5rem;
  border-left: none;
  padding-left: 0;
}
.wp-block-quote p,
blockquote p {
  padding: 0;
  font-size: 2.5rem;
}
@media screen and (min-width: 48rem) {
  .wp-block-quote p,
  blockquote p {
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 64rem) {
  .wp-block-quote p,
  blockquote p {
    font-size: 4.375rem;
  }
}
.wp-block-quote p,
blockquote p {
  line-height: 1;
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 200;
}
.wp-block-quote p:before, .wp-block-quote p:after,
blockquote p:before,
blockquote p:after {
  content: "“";
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 100;
  font-style: italic;
}
.wp-block-quote p:before,
blockquote p:before {
  margin-left: -0.5em;
  position: absolute;
}

.entry-content .wp-block-columns.alignwide,
.entry-content .wp-block-columns.alignfull {
  margin-block: 5rem;
}
.entry-content .wp-block-splide-carousel {
  margin-block: 5rem;
}
.entry-content .wp-block-splide-carousel .splide__slide,
.entry-content .wp-block-splide-carousel .wp-block-splide-carousel__slide {
  background-color: var(--lightgrey);
}
.entry-content .wp-block-splide-carousel .splide__slide figure,
.entry-content .wp-block-splide-carousel .splide__slide figure.wp-block-image,
.entry-content .wp-block-splide-carousel .wp-block-splide-carousel__slide figure,
.entry-content .wp-block-splide-carousel .wp-block-splide-carousel__slide figure.wp-block-image {
  margin-left: auto;
  margin-right: auto;
}
.entry-content .splide__pagination {
  justify-content: end;
  counter-reset: mattmo-counter 0;
  bottom: -3rem;
  margin: 0;
  padding: 0;
}
.entry-content .splide__pagination li {
  font-size: 1.375rem;
  line-height: 1.45;
  padding: 0;
  display: inline-flex;
}
.entry-content .splide__pagination li:after {
  padding: 0 0.5rem;
  content: "/";
  display: inline-flex;
  font-size: 1.125rem;
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 400;
}
.entry-content .splide__pagination li:last-of-type:after {
  content: "/";
  opacity: 0;
  width: 0;
  padding: 0;
}
.entry-content .splide__pagination li .splide__pagination__page {
  width: auto;
}
.entry-content .splide__pagination li .splide__pagination__page:before {
  counter-increment: mattmo-counter;
  content: counter(mattmo-counter);
  font-size: 1.375rem;
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 400;
}
.entry-content .splide__pagination li .splide__pagination__page {
  background: none;
  border-radius: 0;
  opacity: 1;
}
.entry-content .splide__pagination li .splide__pagination__page.is-active {
  background: none;
  transform: scale(1);
}
.entry-content .splide__pagination li .splide__pagination__page.is-active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  background: currentColor;
  top: 1.6em;
  left: 0;
  pointer-events: none;
  transition: transform 0.3s ease-in-out;
}

.wp-block-columns.preprefooter#preprefooter {
  height: 25vh;
  overflow: hidden;
  margin-bottom: 0;
}
.wp-block-columns.preprefooter#preprefooter:after {
  content: "";
  display: block;
  height: 1px;
  width: 100vw;
  background-color: #000000;
  position: absolute;
  left: 0;
  margin-top: 25vh;
}

p.menu-item-description {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  word-break: normal;
}

#map {
  margin-top: 1rem;
  margin-bottom: 5rem;
}
#map > div {
  min-width: 100% !important;
}

/* Set the size of the div element that contains the map */
#map {
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}

.entry-content .wp-block-columns.alignwide.nomargin,
.entry-content .wp-block-columns.alignfull.nomargin {
  margin-block: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.grecaptcha-badge {
  transform: translateX(5rem);
}

/* updates after launch */
@media screen and (max-width: 48rem) {
  header#masthead {
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(1.5rem);
    backdrop-filter: blur(1.5rem);
    -webkit-mix-blend-mode: unset;
    mix-blend-mode: normal;
    z-index: 2024;
  }
  header#masthead .primary-menu-container {
    min-height: 100vh;
    background-color: white;
  }
  .single #masthead #site-navigation .init-menu,
  .single #masthead #site-navigation .menu-button-container,
  .single:not(.stuck) #masthead #site-navigation .init-menu,
  .single:not(.stuck) #masthead #site-navigation .menu-button-container,
  .single:not(.primary-navigation-open) #masthead #site-navigation .init-menu,
  .single:not(.primary-navigation-open) #masthead #site-navigation .menu-button-container,
  .single:not(.primary-navigation-open) #masthead #site-navigation .menu-button-container,
  .single #masthead #site-navigation .menu-button-container,
  header#masthead #site-navigation .menu-button-container button .dropdown-icon {
    color: black !important;
    -webkit-mix-blend-mode: unset;
    mix-blend-mode: unset;
  }
  #content {
    padding-top: 5rem;
  }
}
.blog #content,
.archive #content,
.post-type-archive #content,
.single-team #content,
.post-type-archive-team #content {
  padding-top: 4rem;
}

@media screen and (min-width: 48rem) {
  header#masthead {
    top: 0;
  }
}
body.lock-scrolling .site {
  position: fixed;
  max-width: 100%;
  width: 100%;
}

.wpml-ls.wpml-ls-statics-shortcode_actions.wpml-ls-legacy-list-horizontal {
  padding: 0 !important;
}

.wpml-ls-item a {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-right: 0.5em !important;
  position: relative;
}

.wpml-ls-item a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  background: currentColor;
  top: 1.1112em;
  left: 0;
  pointer-events: none;
  transition: transform 0.25s ease-in-out;
  transform-origin: 100% 0;
}

.wpml-ls-item a:hover {
  color: #ff0000;
}

.wpml-ls-item a:hover:after {
  transition: transform 0.15s ease-in-out;
  transform: rotate(-10deg);
  transform-origin: 100% 0;
}

.wpml-ls-current-language a {
  color: red;
}

.wpml-ls-current-language a:after {
  display: none;
}

header#masthead:after {
  content: "";
  display: block;
  width: 100vw;
  height: 7rem;
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(0.15rem);
  backdrop-filter: blur(0.15rem);
  position: absolute;
  top: 0;
  left: 0;
  /* z-index: 2222222; */
}

.preprefooter h5,
.randblock h5 {
  font-weight: normal;
}

body.home .init-menu {
  opacity: 1;
}

body.home .init-menu li {
  /* 	opacity: 0; */
}

.widget-area li.only-home.b-corp,
.init-menu li.only-home.b-corp {
  opacity: 0;
  display: none;
}

body.home .init-menu li.only-home.b-corp {
  /* 	opacity: 1; */
  /* 	display: inline-block; */
}

body.home header#masthead:after {
  height: 6rem;
}

.init-menu li.only-home.b-corp a:after {
  display: none;
}

#site-navigation .primary-menu-container ul#primary-menu-list li {
  padding: 0 0 0.25em;
}
@media screen and (min-width: 48rem) {
  #site-navigation .primary-menu-container ul#primary-menu-list li {
    padding: 0 0 0.75em;
  }
}

@media screen and (max-width: 48rem) {
  #site-navigation .primary-menu-container ul#primary-menu-list li.only-home.b-corp {
    opacity: 0;
    display: none;
  }
}
/* updates after launch */
.buttoned {
  color: red;
}
.buttoned a {
  margin-left: 0.5rem;
  padding: 0.5rem 1rem 0.3rem;
  line-height: 1;
  display: inline-block;
  border: solid 0.125rem #ff0000;
  border-radius: 1.5rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
.buttoned a:link, .buttoned a:visited {
  background-color: #ff0000;
  color: #ffffff;
}
.buttoned a:active, .buttoned a:hover {
  color: #ff0000;
  background-color: #ffffff;
}

@media screen and (min-width: 48rem) {
  header#masthead .site-logo:after {
    content: "";
    background-image: url("https://mattmo.nl/wp-content/themes/mattmo_24/assets/B-Corp-Logo-WhiteRed-RGB.svg");
    background-size: contain;
    background-color: #ff0000;
    position: relative;
    display: block;
    left: 15rem;
    top: -5.3rem;
    height: 8rem;
    width: 5rem;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .admin-bar header#masthead .site-logo:after {
    top: -3.3rem;
  }
}
body.error404 .content-area {
  padding: 8rem 0 1rem;
  margin: 0 1rem;
  font-family: "din-2014-rounded-variable", sans-serif;
}
@media screen and (min-width: 48rem) {
  body.error404 .content-area {
    padding: 5rem 0 1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 0 2.5rem;
  }
}
@media screen and (min-width: 64rem) {
  body.error404 .content-area {
    padding: 10rem 0 1rem;
    margin: 0 2.5rem;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto;
  }
}
@media screen and (min-width: 100rem) {
  body.error404 .content-area {
    margin: 2rem auto 2rem;
    max-width: 100rem;
  }
}
body.error404 .content-area .site-main {
  grid-column: 2/-2;
}

:target {
  scroll-margin-top: 12rem;
}

.site-logo a {
  display: inline-block;
}

#rank-math-faq .rank-math-question {
  margin-bottom: 1rem;
}
#rank-math-faq .rank-math-question.toggle {
  cursor: pointer;
  position: relative;
}
#rank-math-faq .rank-math-question.toggle:after {
  content: "";
}
#rank-math-faq .rank-math-question.toggle:hover {
  color: #ff0000;
}
#rank-math-faq .rank-math-answer p {
  padding: 0 0 1.75rem;
  margin: 0;
}

:target {
  scroll-margin-top: 12rem;
}

.site-logo a {
  display: inline-block;
}

ul.post-categories li {
  margin-right: 0.5em;
}

.chapeau {
  margin-bottom: -10rem;
}

strong {
  font-variation-settings: "wght" 700;
}

/* NAV SEARCH (magnifying-glass toggle, field slides in from top) */
/* On mobile the theme already sets .menu-button-container to position:absolute; on desktop we make it relative so it can anchor the magnifier on both breakpoints. */
@media (min-width: 48rem) {
  .menu-button-container {
    position: relative;
  }
}
/* On mobile the standalone magnifier covers search, so hide the redundant search field inside the popover menu. */
@media (max-width: 48rem) {
  .primary-menu-container .search-form {
    display: none;
  }
}
.nav-search {
  display: inline-flex;
  align-items: center;
  position: absolute;
  /* stack directly below the MENU button (anchored to .menu-button-container) */
  top: 100%;
  right: 0;
  margin: 0;
  /* align the icon's right edge with the MENU label / nav right edge */
  z-index: 100000;
  /* above .init-menu (2023) AND the WP admin bar (99999) so the button is clickable and the open bar sits on top of everything */
}

.nav-search-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  padding: 0.25em;
  margin: 0;
  color: inherit;
  cursor: pointer;
  line-height: 0;
  transition: opacity 0.2s ease;
}

.nav-search-link:hover {
  opacity: 0.6;
}

.nav-search-link .nav-search-icon {
  display: block;
  width: 26px;
  height: 26px;
  stroke: currentColor;
  position: relative;
  top: -5px;
  /* nudge the magnifier up */
}

.nav-search-link .nav-search-icon circle,
.nav-search-link .nav-search-icon line {
  stroke: currentColor;
  stroke-width: 1.5;
}

/* Full-width panel that slides down from the top of the viewport */
.nav-search-form.nav-search-form {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.25rem 1.5rem;
  background: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.14);
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.35s ease, opacity 0.35s ease;
}

.nav-search-close {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  padding: 0.25em;
  margin: 0;
  color: inherit;
  cursor: pointer;
  line-height: 0;
  transition: opacity 0.2s ease;
}

.nav-search-close:hover {
  opacity: 0.6;
}

.nav-search.is-open .nav-search-form.nav-search-form {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.nav-search-form .search-field {
  width: 100%;
  max-width: 40rem;
}

/* ---------------------------------------------------------------
   Scanstappen (index3) — titel + subregel boven een bolletje
   met voortgangsbalk. Per stap stel je de vulling in via
   `style="--progress: 42%"` op de <li>.
   --------------------------------------------------------------- */
.scan-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  grid-column: 1/-1;
}
@media screen and (min-width: 64rem) {
  .scan-steps {
    grid-column: 2/8;
  }
}

.scan-step {
  display: grid;
  grid-template-columns: 35px 1fr;
  align-items: center;
  -moz-column-gap: 1.125rem;
       column-gap: 1.125rem;
  row-gap: 0.625rem;
}
.scan-step + .scan-step {
  margin-top: 2.25rem;
}
.scan-step__text {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.scan-step__title {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 400;
  font-size: 1.375rem;
  line-height: 1.2;
  color: #ffffff;
}
.scan-step__meta {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 500;
  font-size: 1rem;
  line-height: 1.2;
  color: #ffffff;
}
.scan-step__marker {
  grid-column: 1;
  display: block;
  width: 35px;
  height: 35px;
  overflow: visible;
}
.scan-step__ring {
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
}
.scan-step__core {
  fill: #ffffff;
  opacity: 0;
}
.scan-step.is-done .scan-step__core {
  opacity: 1;
}
.scan-step__track {
  grid-column: 2;
  position: relative;
  display: block;
  width: 100%;
  height: 6px;
}
.scan-step__track:before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
  background: #ffffff;
}
.scan-step__fill {
  position: absolute;
  left: 0;
  top: 50%;
  height: 6px;
  width: var(--progress, 0%);
  transform: translateY(-50%);
  background: #ffffff;
}

/* ---------------------------------------------------------------
   Tickertape (index4) — de schaalverdeling onderaan schuift
   eindeloos door. Het aantal kopieën wordt door JS bepaald,
   zodat de band ook op brede schermen naadloos doorloopt.
   --------------------------------------------------------------- */
.ticker {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
}
.ticker__track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
}
.ticker__item {
  flex: 0 0 auto;
  display: block;
  height: auto;
}
.ticker.is-running .ticker__track {
  animation: ticker-scroll var(--ticker-duration, 40s) linear infinite;
}
.ticker:hover .ticker__track {
  animation-play-state: paused;
}

/* Naald van de meter: zwiept vanaf links omhoog naar de eindstand */
#dial [data-name="Path 22"] {
  transform-box: view-box;
  transform-origin: 205.367px 212.787px;
  /* draaipunt = hart van de as */
  transform: rotate(0deg);
  animation: dial-sweep-bounce 2.6s linear 0.35s both;
}

/* Zodra de inzwaai klaar is halen we 'm weg. Anders start de browser
 'dial-sweep-bounce' opnieuw op het moment dat de hover-animatie
 eindigt — en zwiept de naald bij elke mouseout terug naar links. */
#dial.is-loaded [data-name="Path 22"] {
  animation: none;
}

@keyframes dial-sweep-bounce {
  /* 1. zwiept vanaf links naar de eindstand */
  0% {
    transform: rotate(-126deg);
    animation-timing-function: cubic-bezier(0.45, 0, 0.3, 1);
  }
  46% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
  }
  /* 2. tikt daarna uit rond de eindstand */
  56% {
    transform: rotate(9deg);
  }
  66% {
    transform: rotate(-6deg);
  }
  75% {
    transform: rotate(4deg);
  }
  84% {
    transform: rotate(-2.5deg);
  }
  92% {
    transform: rotate(1.2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/* Opnieuw uittikken zodra je over de meter beweegt.
 Class wordt via JS gezet en pas op animationend weer weggehaald,
 zodat de bounce altijd uitloopt i.p.v. terug te springen bij mouseleave. */
#dial.is-bouncing [data-name="Path 22"] {
  animation: dial-bounce 1.1s cubic-bezier(0.37, 0, 0.63, 1) 0s both;
}

@keyframes dial-bounce {
  0% {
    transform: rotate(0deg);
  }
  18% {
    transform: rotate(9deg);
  }
  36% {
    transform: rotate(-6deg);
  }
  54% {
    transform: rotate(4deg);
  }
  72% {
    transform: rotate(-2.5deg);
  }
  87% {
    transform: rotate(1.2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/* Voortgangsbalken lopen vol tot hun eigen --progress, één voor één */
.scan-step__fill {
  animation: scan-fill 1.1s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.scan-step:nth-child(1) .scan-step__fill {
  animation-delay: 0s;
}

.scan-step:nth-child(2) .scan-step__fill {
  animation-delay: 0.18s;
}

.scan-step:nth-child(3) .scan-step__fill {
  animation-delay: 0.36s;
}

.scan-step:nth-child(4) .scan-step__fill {
  animation-delay: 0.54s;
}

.scan-step:nth-child(5) .scan-step__fill {
  animation-delay: 0.72s;
}

@keyframes scan-fill {
  from {
    width: 0;
  }
  to {
    width: var(--progress, 0%);
  }
}
/* Tickertape: de track bevat twee identieke reeksen, dus -50%
   is precies één reeks en het beeld herhaalt zich naadloos. */
@keyframes ticker-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  #dial [data-name="Path 22"],
  #dial.is-bouncing [data-name="Path 22"] {
    animation: none;
  }
  .scan-step__fill {
    animation: none;
  }
  .ticker.is-running .ticker__track {
    animation: none;
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 0% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
body.brandscan {
  background: linear-gradient(180deg, #ff0000, #c752be, #0031ff, #00f8d2, #0031ff, #c752be, #ff0000);
  background-size: 100vw 900vh;
  animation: gradient 60s ease infinite;
  height: 100vh;
  color: #ffffff;
}
body.brandscan header#masthead .site-logo::after {
  display: none !important;
}
body.brandscan header#masthead #primary-mobile-menu .dropdown-icon {
  color: #ffffff;
}
body.brandscan article .entry-content h1:before,
body.brandscan article .entry-content .h1:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="none" viewBox="0 0 100 100"><line fill="none" stroke="rgb(255,255,255)" stroke-width="1.5" stroke-miterlimit="0" x1="0.5" y1="99.5" x2="99.5" y2="0.5"/></svg>');
}
body.brandscan article .entry-content h1,
body.brandscan article .entry-content .h1 {
  color: #ffffff;
}
@media screen and (min-width: 48rem) {
  body.brandscan article .entry-content .columns-1 {
    grid-column: 2/6;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
  }
}
body.brandscan article .entry-content .columns-1 {
  gap: 0 2.5rem;
}
@media screen and (min-width: 48rem) {
  body.brandscan article .entry-content .columns-2 {
    grid-column: 2/8;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }
}
body.brandscan article .entry-content .columns-2 {
  gap: 0 2.5rem;
}
body.brandscan article .entry-content .columns-2 .col1 {
  grid-column: 1/1;
}
body.brandscan article .entry-content .columns-2 .col2 {
  grid-column: 2/2;
}
body.brandscan article .entry-content p {
  font-size: 2rem;
}
body.brandscan article .entry-content p.upp {
  text-transform: uppercase;
}
body.brandscan article .entry-content p.nomarg {
  margin-bottom: 0;
}
body.brandscan article .entry-content ul.list-line {
  font-size: 1.75rem;
  padding-left: 0.5em;
  list-style-type: none;
}
body.brandscan article .entry-content ul.list-line li {
  vertical-align: middle;
}
body.brandscan article .entry-content ul.list-line li:before {
  content: "";
  display: inline-block;
  background: #ffffff;
  height: 1px;
  width: 1em;
  position: relative;
  left: -0.5em;
  vertical-align: inherit;
}
body.brandscan article .entry-content .wp-block-button {
  font-size: 1.75rem;
  padding-block: 2em;
}
body.brandscan article .entry-content .wp-block-button__link {
  text-decoration: none;
  border-radius: 0;
  background-color: white;
  border: 1px solid #ffffff;
  color: #000000;
  mix-blend-mode: screen;
  padding: 0.25em 1em;
  text-transform: uppercase;
  font-variation-settings: "wght" 400;
  transition: background 0.4s ease-in-out;
}
body.brandscan article .entry-content .wp-block-button__link:before {
  border: 1px solid #ffffff;
  background: white;
  content: "";
  mix-blend-mode: color-burn;
}
body.brandscan article .entry-content .wp-block-button__link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0);
  mix-blend-mode: normal;
  transition: background 0.4s ease-in-out;
}
body.brandscan article .entry-content .wp-block-button__link:hover:before {
  mix-blend-mode: normal;
  background: rgba(255, 255, 255, 0);
}
body.brandscan article .entry-content form p {
  margin-bottom: 0;
}
body.brandscan article .entry-content form select,
body.brandscan article .entry-content form input,
body.brandscan article .entry-content form input[type=url] {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-size: 1.5rem;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  width: 30rem;
}
body.brandscan article .entry-content form select::-webkit-input-placeholder, body.brandscan article .entry-content form select::placeholder,
body.brandscan article .entry-content form input::-webkit-input-placeholder,
body.brandscan article .entry-content form input::placeholder,
body.brandscan article .entry-content form input[type=url]::-webkit-input-placeholder,
body.brandscan article .entry-content form input[type=url]::placeholder {
  color: #ffffff !important;
  padding: 0.25em !important;
}
body.brandscan article .entry-content form input,
body.brandscan article .entry-content form input[type=url] {
  width: 30rem;
  padding: 0.25em 0.25em !important;
}
body.brandscan article .entry-content form select:not(:-internal-list-box) {
  border-radius: 0;
}
body.brandscan article .entry-content form select {
  width: 31rem;
  padding: 0.25em !important;
}
body.brandscan article .entry-content form select * {
  width: 31rem;
}
body.brandscan article .entry-content .archetype .badge {
  text-decoration: none;
  display: inline-block;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 0.5em;
  text-transform: uppercase;
  font-variation-settings: "wght" 400;
}
body.brandscan article .entry-content .archetype .arch-name {
  text-decoration: none;
  display: inline-block;
  border-radius: 0.5rem;
  background-color: white;
  border: 1px solid #ffffff;
  color: #000000;
  mix-blend-mode: screen;
  padding: 0.5em;
  text-transform: uppercase;
  font-variation-settings: "wght" 400;
  transition: background 0.4s ease-in-out;
}
body.brandscan article .entry-content .archetype .arch-name:before {
  border: 1px solid #ffffff;
  background: white;
  content: "";
  mix-blend-mode: color-burn;
}
body.brandscan article .entry-content .archetype .muted {
  font-size: 1.5rem;
}

p.score-xl {
  font-size: clamp(44px, 6vw, 96px) !important;
  letter-spacing: -0.01em;
  font-weight: 500;
  line-height: 1;
  margin: 4px 0px 22px;
  font-variation-settings: "wght" 500;
}
p.score-xl small {
  font-size: 0.6em;
  font-variation-settings: "wght" 500;
  font-weight: 500;
}

/*# sourceMappingURL=style.css.map */