@font-face {
  font-family: 'Basel Grotesk';
  src: url('fonts/Basel-Grotesk-Regular.woff2') format('woff2'),
      url('fonts/Basel-Grotesk-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
font-family: 'Collapse';
src: url('fonts/Collapse-Regular.woff2') format('woff2'),
    url('fonts/Collapse-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Collapse';
src: url('fonts/Collapse-Italic.woff2') format('woff2'),
    url('fonts/Collapse-Italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Items';
src: url('fonts/ItemsTextTrial-CondensedMonospaced.woff2') format('woff2'),
    url('fonts/ItemsTextTrial-CondensedMonospaced.woff') format('woff');
font-weight: 400;
font-style: normal;
}
:root {
--ratio: 0.9;
}
* {
margin: 0;
padding: 0;
font-weight: 400;
}
* {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
a {
text-decoration: none;
color: inherit;
}
body {
font-family: 'Basel Grotesk', sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
word-break: break-word;
background-color: white;
color: black;
padding-bottom: calc(var(--ratio) * 80px);
margin: 0 auto;
padding: calc(var(--ratio) * 36px);
padding-bottom: 0;
}
main {
padding-bottom: calc(var(--ratio) * 80px);
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
scroll-behavior: smooth;
}
img {
width: 100%;
height: auto;
display: block;
}

.page-content {
display: grid;
grid-template-columns: 1fr 2fr;
gap: calc(var(--ratio) * 50px);
}
.page-content .txt {
grid-column: 2;
}
figcaption {
font-size: calc(var(--ratio) * 15px);
padding-top: calc(var(--ratio) * 6px);
font-family: 'Items', serif;
}
.txt p {
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 35px);
}
.txt p+p, .txt h2+p {
padding-top: calc(var(--ratio) * 35px);
}
.txt p+h2 {
padding-top: calc(var(--ratio) * 70px);
}
.txt h2, .team h2, .expositions h2 {
font-size: calc(var(--ratio) * 25px);
text-transform: uppercase;
font-weight: 400;
}
.team {
padding-top: calc(var(--ratio) * 80px);
display: grid;
grid-template-columns: 1fr 2fr;
column-gap: calc(var(--ratio) * 50px);
}
.team>h2, div.team-member {
grid-column: 2;
}

.team>h2 {
padding-bottom: calc(var(--ratio) * 40px);
}
.fo-content {
border-bottom: 0.5px solid black;
}
.fo-title {
position: relative;
cursor: pointer;
padding-bottom: calc(var(--ratio) * 5px);
padding-top: calc(var(--ratio) * 5px);
opacity: 0;
transform: translate3d(0, 10px, 0);
transition: transform 0.5s ease-out, opacity 0.35s ease-in-out;
will-change: transform, opacity;
}
.fo-title>*:last-child {
padding-right: calc(var(--ratio) * 30px);
}
.fo-title.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
transition-delay: var(--fo-title-delay, 0ms);
will-change: auto;
}

.team:has(.fo-title:hover) .fo-title,
.masterclass:has(.fo-title:hover) .fo-title,
.expositions:has(.fo-title:hover) .fo-title,
.services:has(.fo-title:hover) .fo-title,
.press:has(.fo-title:hover) .fo-title,
.faq:has(.fo-title:hover) .fo-title,
.team:has(.fo-title.open) .fo-title,
.masterclass:has(.fo-title.open) .fo-title,
.expositions:has(.fo-title.open) .fo-title,
.press:has(.fo-title.open) .fo-title,
.faq:has(.fo-title.open) .fo-title,
.services:has(.service-category-title.open) .fo-title,
.service-category:has(.service-item-title.open) .fo-title {
transition-delay: 0ms;
}
@media (min-width: 768px) {
.team:has(.fo-title:hover) .fo-title:not(:hover),
.masterclass:has(.fo-title:hover) .fo-title:not(:hover),
.expositions:has(.fo-title:hover) .fo-title:not(:hover),
.services:has(.fo-title:hover) .fo-title:not(:hover),
.press:has(.fo-title:hover) .fo-title:not(:hover),
.faq:has(.fo-title:hover) .fo-title:not(:hover),
.team:has(.fo-title.open) .fo-title:not(.open),
.masterclass:has(.fo-title.open) .fo-title:not(.open),
.expositions:has(.fo-title.open) .fo-title:not(.open),
.press:has(.fo-title.open) .fo-title:not(.open),
.faq:has(.fo-title.open) .fo-title:not(.open),
.services:has(.service-category-title.open) .service-category-title:not(.open),
.service-category:has(.service-item-title.open) .service-item-title:not(.open) {
  opacity: 0.4;
}
}

.fo-title:after {
content: '\25C7';
position: absolute;
bottom: 0;
right: 0;
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 35px);
font-weight: 400;
font-family: 'Collapse', serif;
}
.fo-title.open:after {
content: '\25CA';
}
.fo-title+* {
display: none;
}
.team-member-content * {
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 35px);
font-weight: 400;
}
.team-member-content, .team-member-fold-out-inner {
display: grid;
grid-template-columns: 1fr 2fr;
gap: calc(var(--ratio) * 50px);
}
.team-member-fold-out-inner img {
padding-top: calc(var(--ratio) * 8px);
}
.team-member-fold-out-inner {
padding-top: calc(var(--ratio) * 30px);
padding-bottom: calc(var(--ratio) * 30px);
}
.team-member-fold-out .team-member-description {
grid-column: 2;
}
.txt a, .team a {
text-decoration: underline;
text-underline-offset: calc(var(--ratio) * 3px);
text-decoration-thickness: 0.5px;
}
.txt a:hover, .team a:hover {
text-decoration: none;
}
.team a {
display: inline-block;

}
.team p+a {
padding-top: calc(var(--ratio) * 30px);
}
.team-member-description {
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
}
.expositions {
padding-top: calc(var(--ratio) * 80px);
}
.expositions > h2,
.expositions .exhibition {
grid-column: 2;
}
.expositions > h2 {
padding-bottom: calc(var(--ratio) * 40px);
}
.exhibition-hover-image {
position: fixed;
left: 0;
top: 0;
width: calc(var(--ratio) * 294px * 0.7);
pointer-events: none;
z-index: 2000;
opacity: 0;
visibility: hidden;
}
.exhibition-hover-image img {
width: 100%;
}
.exhibition-hover-image.is-visible {
opacity: 1;
visibility: visible;
}
.exhibition-title, .exhibition-container {
display: grid;
grid-template-columns: 1fr 2fr;
gap: calc(var(--ratio) * 50px);
grid-column: 2;
grid-row: 1;
}
.exhibition-title:after {
bottom: calc(var(--ratio) * 5px);
}
.exhibition-title .exhibition-location {
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 40px);
font-weight: 400;
}
.exhibition-title h3 {
font-family: 'Collapse', serif;
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 40px);
}
.exhibition-title:hover h3, .exhibition-title.open h3 {
font-style: italic;
}
.exhibition-fold-out {
grid-column: 1 / -1;
}
.exhibition-fold-out-inner {
padding-top: calc(var(--ratio) * 20px);
padding-bottom: calc(var(--ratio) * 20px);
}
.exhibition-gallery-wrap {
position: relative;
margin-bottom: calc(var(--ratio) * 30px);
}
.exhibition-gallery {
width: 100%;
}
.exhibition-gallery-prev,
.exhibition-gallery-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: transparent;
border: none;
color: black;
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 35px);
padding: 0;
cursor: pointer;
font-weight: normal;
}
.exhibition-gallery-prev {
right: 100%;
margin-right: calc(var(--ratio) * 20px);
}
.exhibition-gallery-next {
left: 100%;
margin-left: calc(var(--ratio) * 20px);
}
.exhibition-gallery-prev:disabled,
.exhibition-gallery-next:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.exhibition-gallery .flickity-viewport {
height: auto;
}
.exhibition-gallery-cell {
width: auto;
height: auto;
margin-right: 20px;
}
.exhibition-gallery-figure {
display: block;
margin: 0;
padding: 0;
}
.exhibition-gallery .exhibition-gallery-cell img,
.exhibition-gallery .exhibition-gallery-cell video {
width: auto;
height: calc(var(--ratio) * 500px);
object-fit: contain;
display: block;
}
.exhibition-gallery-figure figcaption {
max-width: 100%;
}
@media (hover: hover) and (pointer: fine) {
.exhibition-gallery .exhibition-gallery-cell {
  cursor: pointer;
}
}
@media (max-width: 768px) {
.exhibition-gallery-prev,
.exhibition-gallery-next {
  display: none;
}
}
.exhibition-colophon p, .exhibition-content p {
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
padding-bottom: calc(var(--ratio) * 30px);
}
.exhibition-colophon p {
font-size: calc(var(--ratio) * 20px);
}
.exhibition-content p+p {
padding-top: calc(var(--ratio) * 30px);
}
.services {
padding-top: calc(var(--ratio) * 80px);
}
.services .service-category, .service-category.fo-content {
grid-column: 2;
border-bottom: none !important;
}
.service-category-title:after {
bottom: calc(var(--ratio) * 10px);
}
.service-item-title h4 {
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 35px);
font-weight: 400;
}
.service-category-title h3 {
font-family: 'Collapse', serif;
font-size: calc(var(--ratio) * 45px);
line-height: calc(var(--ratio) * 50px);
border-bottom: 0.5px solid black;
padding-bottom: calc(var(--ratio) * 10px);
text-transform: lowercase;
}
.service-category-title h3:hover, .service-category-title.open h3 {
font-style: italic;
}
.service-category-fold-out {
padding-top: calc(var(--ratio) * 10px);
padding-bottom: calc(var(--ratio) * 100px);

}
.service-category-fold-out-inner {
display: grid;
grid-template-columns: 1fr 2fr;
column-gap: calc(var(--ratio) * 50px);
}
.service-item, .service-item-fold-out-inner {
grid-column: 2;
}
.service-item-title h4 {
grid-column: 2;
}
.service-item-fold-out {
padding-top: calc(var(--ratio) * 20px);
padding-bottom: calc(var(--ratio) * 20px);
}

.service-item-fold-out p, .service-item-fold-out-inner p {
grid-column: 2;
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
}
.masterclass {
padding-top: calc(var(--ratio) * 80px);
}
.masterclass .masterclass-date {
grid-column: 2;
}
.masterclass-date-title {
display: grid;
grid-template-columns: 1fr 2fr;
gap: calc(var(--ratio) * 50px);
}
.masterclass-date-title h3 {
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 50px);
}
.masterclass-date-title .masterclass-date-label {
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 50px);
}
.masterclass-date-title:after {
bottom: calc(var(--ratio) * 10px);
}
.menu-item-99994,
.menu-item-999137 {
font-family: 'Collapse', serif;
color: #9ec2e7;
font-size: calc(var(--ratio) * 36px);
text-decoration: none !important;
word-break: normal;
}
.menu-item-99994 a:after,
.menu-item-999137 a:after {
display: none !important;
}
.masterclass-fold-out-inner {
display: grid;
grid-template-columns: 1fr 2fr;
gap: calc(var(--ratio) * 50px);
padding-top: calc(var(--ratio) * 30px);
padding-bottom: calc(var(--ratio) * 30px);
}
.masterclass-details {
grid-column: 2;
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
}
.masterclass-details p + p {
padding-top: calc(var(--ratio) * 20px);
}
.masterclass-details a {
display: inline-block;
padding-top: calc(var(--ratio) * 30px);
text-decoration: underline;
text-underline-offset: calc(var(--ratio) * 3px);
text-decoration-thickness: 0.5px;
}
.masterclass-details a:hover {
text-decoration: none;
}
.press {
padding-top: calc(var(--ratio) * 80px);
}
.press .press-item {
grid-column: 2;
}
.press-item-title h3 {
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 50px);
}
.press-fold-out-inner {
display: grid;
grid-template-columns: 1fr 2fr;
gap: calc(var(--ratio) * 50px);
padding-top: calc(var(--ratio) * 30px);
padding-bottom: calc(var(--ratio) * 30px);
}
.press-details {
grid-column: 2;
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
}
.press-details p + p {
padding-top: calc(var(--ratio) * 20px);
}
.press-details a {
display: inline-block;
padding-top: calc(var(--ratio) * 30px);
text-decoration: underline;
text-underline-offset: calc(var(--ratio) * 3px);
text-decoration-thickness: 0.5px;
}
.press-details a:hover {
text-decoration: none;
}
.faq:not(:first-child) {
padding-top: calc(var(--ratio) * 80px);
}
.faq {
display: grid;
grid-template-columns: 1fr 2fr;
column-gap: calc(var(--ratio) * 50px);
}
.faq > * {
grid-column: 2;
}
.faq > h2 {
font-size: calc(var(--ratio) * 25px);
text-transform: uppercase;
font-weight: 400;
}
.faq-item-title h3 {
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
}
.faq-fold-out-inner {

padding-top: calc(var(--ratio) * 30px);
padding-bottom: calc(var(--ratio) * 30px);
}
.faq-details {
grid-column: 2;
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
}
.faq-details p + p {
padding-top: calc(var(--ratio) * 20px);
}
.page-content:not(:first-child) {
padding-top: calc(var(--ratio) * 50px);
}
.blog-archive {
width: 100%;
}
.blog-archive-toolbar {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: calc(var(--ratio) * 50px);
}
.blog-archive-all,
.blog-archive-search-toggle {
background: transparent;
border: none;
padding: 0;
cursor: pointer;
font-family: 'Items', sans-serif;
text-transform: uppercase;
font-size: calc(var(--ratio) * 16px);
line-height: calc(var(--ratio) * 20px);
color: black;
text-decoration: none;
letter-spacing: 0.05em;
}
.blog-archive-all:hover,
.blog-archive-search-toggle:hover,
.blog-archive-all.is-active,
.blog-archive-search-toggle.is-active {
text-decoration: underline;
text-underline-offset: calc(var(--ratio) * 3px);
text-decoration-thickness: 0.5px;
}
.blog-archive-search-panel {
overflow: hidden;
margin-bottom: calc(var(--ratio) * 50px);
}
.blog-archive-search-form input[type="search"] {
width: 100%;
box-sizing: border-box;
background: transparent;
border: none;
outline: none;
color: black;
font-family: 'Basel Grotesk', sans-serif;
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 35px);
padding: calc(var(--ratio) * 12px) 0 0 0;
border-bottom: 0.5px solid black;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
text-transform: lowercase;
}
.blog-archive-search-form input[type="search"]::placeholder {
color: black;
opacity: 1;
}
.blog-archive-empty {
grid-column: 1 / -1;
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
}
.blog-archive.is-loading {
opacity: 0.5;
pointer-events: none;
}
.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;
width: 1px;
word-wrap: normal !important;
}
.article-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: calc(var(--ratio) * 50px);
row-gap: calc(var(--ratio) * 100px);
}
.article-grid article h2 {
font-family: 'Collapse', serif;
font-size: calc(var(--ratio) * 30px);

line-height: calc(var(--ratio) * 35px);
padding-top: calc(var(--ratio) * 20px);
padding-bottom: calc(var(--ratio) * 30px);
}
.article-grid article p span {
text-transform: uppercase;
vertical-align: baseline;
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 30px);
display: inline-block;
padding-right: calc(var(--ratio) * 10px);
}
.article-grid article p {
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
padding-bottom: calc(var(--ratio) * 30px);
}
.article-grid article p+a {
display: inline-block;
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 30px);
text-decoration: underline;
text-underline-offset: calc(var(--ratio) * 3px);
text-decoration-thickness: 0.5px;
}
.article-grid article a:hover {
text-decoration: none;
}
.post-meta {
display: flex;
gap: calc(var(--ratio) * 10px);
justify-content: space-between;
padding-left: 16%;
padding-right: 16%;
padding-top: calc(var(--ratio) * 10px);
padding-bottom: calc(var(--ratio) * 70px);
}
article h1 {
padding-left: 16%;
padding-right: 16%;
font-size: calc(var(--ratio) * 60px);
line-height: calc(var(--ratio) * 60px);
padding-bottom: calc(var(--ratio) * 30px);
font-family: 'Collapse', serif;
}
.post-meta p {
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
}
.post-content {
padding-left: 16%;
padding-right: 16%;

}
.post-content p {
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 35px);
padding-bottom: calc(var(--ratio) * 35px);
}
.post-meta p:last-child {
text-transform: uppercase;
}
article figure:not(:first-child) {
padding-left: 11%;
padding-right: 11%;
padding-bottom: calc(var(--ratio) * 40px);
}
.post-slider-wrap {
position: relative;
padding-left: 11%;
padding-right: 11%;
padding-bottom: calc(var(--ratio) * 40px);
}
.post-slider-cell {
width: 100%;
}
article figure.post-slider-cell {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.post-slider-prev,
.post-slider-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: transparent;
border: none;
color: black;
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 35px);
padding: 0;
cursor: pointer;
font-weight: normal;
z-index: 2;
}
.post-slider-prev {
left: 0;
width: 11%;
text-align: center;
}
.post-slider-next {
right: 0;
width: 11%;
text-align: center;
}
@media (hover: hover) and (pointer: fine) {
.post-slider .post-slider-cell {
  cursor: pointer;
}
}
@media (max-width: 768px) {
.post-slider-prev,
.post-slider-next {
  display: none;
}
}
.post-text {
padding-left: 16%;
padding-right: 16%;
padding-bottom: calc(var(--ratio) * 40px);
}
.post-text p {
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
}
.post-text p+p {
padding-top: calc(var(--ratio) * 30px);
}
.post-text p+h2 {
padding-top: calc(var(--ratio) * 35px);
}
.post-text h2 {
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 30px);
font-family: 'Collapse', serif;
padding-bottom: calc(var(--ratio) * 30px);
}
.post-credits {
padding-left: 16%;
padding-right: 16%;
padding-top: calc(var(--ratio) * 35px);
padding-bottom: calc(var(--ratio) * 20px);
}
.post-credits p {
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 30px);
}
.post-credits p span {
display: inline-block;
}
.post-credits p span:first-child {
width: calc(var(--ratio) * 160px);
}
.related-stories {
padding-top: calc(var(--ratio) * 100px);
padding-bottom: calc(var(--ratio) * 100px);
}
.related-stories h2 {
font-family: 'Collapse', serif;
font-size: calc(var(--ratio) * 45px);
line-height: calc(var(--ratio) * 50px);
padding-bottom: calc(var(--ratio) * 50px);
}
.related-stories-wrap {
position: relative;
}
.related-stories-gallery {
width: calc(100% + calc(var(--ratio) * 50px));
margin-right: calc(var(--ratio) * -25px);
margin-left: calc(var(--ratio) * -25px);
}
.related-stories-cell {
width: 33.333%;
padding-right: calc(var(--ratio) * 25px);
padding-left: calc(var(--ratio) * 25px);
box-sizing: border-box;
}
.related-stories-cell img {
display: block;
width: 100%;
height: auto;
}
.related-stories-cell h3 {
font-family: 'Collapse', serif;
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 35px);
padding-top: calc(var(--ratio) * 20px);
padding-bottom: calc(var(--ratio) * 30px);
}
.related-stories-cell h3 a {
text-decoration: none;
color: inherit;
}
.related-stories-cell p {
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
padding-bottom: calc(var(--ratio) * 30px);
}
.related-stories-cell p span {
text-transform: uppercase;
vertical-align: baseline;
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 30px);
display: inline-block;
padding-right: calc(var(--ratio) * 10px);
}
.related-stories-cell > article > a:last-of-type {
display: inline-block;
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 30px);
text-decoration: underline;
text-underline-offset: calc(var(--ratio) * 3px);
}
.related-stories-cell > article > a:last-of-type:hover {
text-decoration: none;
}
.related-stories-next {
position: absolute;
top: 50%;
left: 100%;
transform: translateY(-50%);
background: transparent;
border: none;
color: black;
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 35px);
padding: 0;
cursor: pointer;
}
.related-stories-next:disabled {
opacity: 0;
cursor: not-allowed;
}
.site-title {
display: flex;
justify-content: space-between;
pointer-events: none;
}
header {
pointer-events: none;
}
.site-title {
font-size: 11.57vw;
line-height: 11.57vw;
font-family: 'Collapse', serif;
transition: font-size 0.5s ease-in-out, line-height 0.5s ease-in-out;
}
header {
position: fixed;
width: calc(100% - calc(var(--ratio) * 72px));
z-index: 1100;
}
.home .site-title {
will-change: font-size, line-height;
}
.home.loaded .site-title span.hide, body:not(.home) .site-title span.hide, footer .site-title span.hide {
opacity: 0;
}
.home.loaded .site-title span.hide a, body:not(.home) .site-title span.hide a, footer .site-title span.hide a {
pointer-events: none;
}
body.page-template-contact .site-title span.hide a {
pointer-events: auto;
}


body.page-id-33 header .site-title span.hide {
opacity: 1;
}
body.page-id-33 main {
padding-left: 33%;
padding-right: 33%;
}
.site-title span {
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
transform: translate3d(0, 0, 0);
}
.home .site-title span {
will-change: transform, opacity;
}
.home.loaded-2 .site-title, body:not(.home) .site-title, footer .site-title {
font-size: 7vw;
line-height: 7vw;
}
.home.loaded-2 span.g, body:not(.home) .site-title span.g, footer .site-title span.g {
display: inline-block;
transform: translate3d(-1670%, 0, 0);
}
body.page-id-33 header .site-title span.g, body.page-id-33 header .site-title span.a {
transform: translate3d(0, 0, 0);
}
.home.loaded-2 span.a, body:not(.home) .site-title span.a, footer .site-title span.a {
transform: translate3d(400%, 0, 0);
}
.home.loaded-2 .site-title,
.home.loaded-2 .site-title span,
.home.loaded-2 aside {
will-change: auto;
}
aside {
position: fixed;
right: calc(var(--ratio) * 36px);
top: calc(var(--ratio) * 200px + 7vw );
font-size: calc(var(--ratio) * 40px);
line-height: calc(var(--ratio) * 50px);
width: 12vw;
z-index: 1100;
font-family: 'Collapse', serif;
}
.home aside {
opacity: 0;
transition: opacity 0.5s ease-in-out;
will-change: opacity;
}
.home.loaded-2 aside {
opacity: var(--home-aside-opacity, 1);
filter: blur(var(--home-aside-blur, 0px));
transition: none;
}
main, .footer-top-content, .footer-bottom {
padding-left: 16%;
padding-right: 16%;
}
main {
min-height: calc(100vh - var(--ratio) * 540px);
}
.footer-bottom p {
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
}
aside li {
list-style: none;
word-break: normal;
}
aside li:hover {
font-style: italic;
}
aside nav li a {
position: relative;
display: inline-block;
text-decoration: none;
}

aside nav li a::after {
content: '';
position: absolute;
left: 0;
bottom: calc(var(--ratio) * 3px);
width: 100%;
height: 0.5px;
background-color: currentColor;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.35s ease-in-out;
will-change: transform;
}

aside nav li:hover > a::after,
aside .current_page_parent > a::after,
aside .current_page_ancestor > a::after,
body.loaded-2.home aside .current-menu-item > a::after,
body:not(.home) aside .current-menu-item > a::after {
transform: scaleX(1);
}

.contact-content>p {
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 35px);
padding-bottom: calc(var(--ratio) * 35px);
}
.contact-content>h3 {
font-family: 'Collapse', serif;
font-size: calc(var(--ratio) * 50px);
line-height: calc(var(--ratio) * 50px);
padding-top: calc(var(--ratio) * 100px);
padding-bottom: calc(var(--ratio) * 20px);
}
.contact-content .newsletter-form-js input[type="text"], .contact-content .newsletter-form-js input[type="email"] {
font-size: calc(var(--ratio) * 20px);
text-transform: uppercase;
font-family: 'Basel Grotesk', sans-serif;
}


@media (max-width: 1500px) {
:root {
  --ratio: 0.8;
}
}

@media (max-width: 1200px) {
:root {
  --ratio: 0.8;
}
.home .site-title {
  font-size: 10.9vw;
  line-height: 10.9vw;
}
}

footer {
padding-top: calc(var(--ratio) * 80px);
padding-bottom: calc(var(--ratio) * 40px);
position: sticky;
z-index: 1101;
}

.newsletter-form {
max-width: calc(var(--ratio) * 640px);
}

.newsletter-form-js {
display: flex;
flex-direction: column;
}

.newsletter-form-js input[type="text"],
.newsletter-form-js input[type="email"] {
width: 100%;
box-sizing: border-box;
background: transparent;
border: none;
outline: none;
color: black;
font-family: 'Collapse', serif;
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 40px);
padding: calc(var(--ratio) * 12px) 0 0 0;
border-bottom: 0.5px solid black;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}

.newsletter-form-js input[type="text"]::placeholder,
.newsletter-form-js input[type="email"]::placeholder {
color: black;
}

.newsletter-form-js input[type="text"]:-webkit-autofill,
.newsletter-form-js input[type="text"]:-webkit-autofill:hover,
.newsletter-form-js input[type="text"]:-webkit-autofill:focus,
.newsletter-form-js input[type="email"]:-webkit-autofill,
.newsletter-form-js input[type="email"]:-webkit-autofill:hover,
.newsletter-form-js input[type="email"]:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px white inset;
box-shadow: 0 0 0 1000px white inset;
-webkit-text-fill-color: black;
transition: background-color 5000s ease-in-out 0s;
}

.newsletter-submit {
background: transparent;
color: black;
border: none;
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 25px);
padding: calc(var(--ratio) * 12px) 0;
cursor: pointer;
white-space: nowrap;
text-align: right;
font-family: 'Basel Grotesk', sans-serif;
}

.newsletter-submit:after {
content: '\2192';
margin-left: calc(var(--ratio) * 20px);
}

.newsletter-submit:disabled {
opacity: 0.6;
cursor: not-allowed;
}

.newsletter-submit.loading::after {
content: '…';
}

.newsletter-success {
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 25px);
padding: calc(var(--ratio) * 12px) 0;
margin: 0;
text-align: right;
}

.newsletter-message {
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 30px);
min-height: calc(var(--ratio) * 20px);
}


.newsletter-form--dark .newsletter-form-js input[type="text"],
.newsletter-form--dark .newsletter-form-js input[type="email"],
.newsletter-form--dark .newsletter-submit,
.newsletter-form--dark .newsletter-success,
.newsletter-form--dark .newsletter-message {
color: black;
border-bottom-color: black;
}

.newsletter-form--dark .newsletter-form-js input[type="text"]::placeholder,
.newsletter-form--dark .newsletter-form-js input[type="email"]::placeholder {
color: black;
}


footer {
background-color: #f8faec;
margin-left: calc(var(--ratio) * -36px);
margin-right: calc(var(--ratio) * -36px);
padding-left: calc(var(--ratio) * 36px);
padding-right: calc(var(--ratio) * 36px);
padding-top: calc(var(--ratio) * 50px);
padding-bottom: calc(var(--ratio) * 36px);
}
.footer-top-content {
display: grid;
grid-template-columns: 6fr 4fr;
gap: calc(var(--ratio) * 50px);
}
.footer-top {
position: relative;
}
.footer-top h2 {
position: absolute;
width: 100%;
pointer-events: none;
}
footer nav {
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
}
footer nav li {
list-style: none;
}
.footer-top-content>div:first-child {
display: flex;
flex-wrap: wrap;
gap: calc(var(--ratio) * 100px);
}
footer>p {
font-family: 'Items', serif;
justify-content: flex-end;
font-size: calc(var(--ratio) * 15px);
display: flex;
gap: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 30px);
}
.footer-bottom {
padding-top: calc(var(--ratio) * 100px);
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 input[type="number"], .wpcf7 input[type="date"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="month"], .wpcf7 input[type="week"], .wpcf7 input[type="time"], .wpcf7 input[type="datetime"], .wpcf7 input[type="color"], .wpcf7 textarea, .wpcf7 select {
font-family: 'Basel Grotesk', sans-serif;
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 35px);
padding: calc(var(--ratio) * 12px) 0 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
background: transparent;
color: black;
outline: none;
border: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
color: black;
border-bottom: 0.5px solid black;
width: 100%;
text-transform: uppercase;
}
.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 input[type="tel"]::placeholder,
.wpcf7 input[type="url"]::placeholder,
.wpcf7 textarea::placeholder {
color: black;
opacity: 1;
}
.cf7-optional-field {
display: block;
position: relative;
width: 100%;
}
.cf7-optional-field--textarea {
margin-top: calc(var(--ratio) * 80px);
}
.cf7-optional-field--textarea textarea {
margin-top: 0;
}
.cf7-optional-placeholder {
position: absolute;
left: 0;
top: calc(var(--ratio) * 12px);
font-family: 'Basel Grotesk', sans-serif;
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 25px);
color: black;
text-transform: uppercase;
pointer-events: none;
}
.cf7-optional-field--textarea .cf7-optional-placeholder {
left: calc(var(--ratio) * 12px);
text-transform: lowercase;
}
.cf7-optional-field--input .cf7-optional-placeholder {
text-transform: uppercase;
}
.cf7-optional-placeholder sup {
font-size: 0.65em;
vertical-align: super;
text-transform: lowercase;
}
.cf7-optional-field.has-value .cf7-optional-placeholder,
.cf7-optional-field.is-focused .cf7-optional-placeholder {
opacity: 0;
visibility: hidden;
}
.wpcf7 textarea {
border: 0.5px solid black;
padding: calc(var(--ratio) * 8px) calc(var(--ratio) * 12px) calc(var(--ratio) * 12px);
text-transform: lowercase;
height: calc(var(--ratio) * 160px);
}
.wpcf7 select {
margin-bottom: calc(var(--ratio) * 20px);
padding-right: calc(var(--ratio) * 30px);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ec2e7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right center;
background-size: calc(var(--ratio) * 20px);
}
span.wpcf7-not-valid-tip {
font-size: calc(var(--ratio) * 15px);
padding-bottom: calc(var(--ratio) * 5px);

}
.wpcf7-submit {
background: transparent;
color: black;
border: none;
font-family: 'Basel Grotesk', sans-serif;
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 35px);
padding: 0;
cursor: pointer;
white-space: nowrap;
text-transform: uppercase;
}
.wpcf7-form p:has(> .wpcf7-submit) {
display: flex;
justify-content: flex-end;
align-items: baseline;
gap: calc(var(--ratio) * 20px);
width: 100%;
}
.wpcf7-form p:has(> .wpcf7-submit)::after {
content: '\2192';
font-family: 'Basel Grotesk', sans-serif;
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 35px);
}
.wpcf7-spinner {
display: none !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 0;
padding: 0;
border: none !important;
}

.cf7-looking-for {
display: block;
width: 100%;
margin-bottom: calc(var(--ratio) * 30px);
}
.cf7-looking-for.is-open {
border-bottom: 0.5px solid black;
}
.cf7-looking-for__trigger {
display: block;
position: relative;
width: 100%;
font-family: 'Basel Grotesk', sans-serif;
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 35px);
padding: calc(var(--ratio) * 12px) calc(var(--ratio) * 30px) 0 0;
margin: 0;
text-align: left;
text-transform: uppercase;
color: black;
background: transparent;
border: none;
border-bottom: 0.5px solid black;
border-radius: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.cf7-looking-for__trigger::after {
content: '\25C7';
position: absolute;
right: 0;
bottom: 0;
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 35px);
font-weight: 400;
font-family: 'Collapse', serif;
}
.is-open .cf7-looking-for__trigger {
border-bottom: none;
}
.is-open .cf7-looking-for__trigger::after {
content: '\25CA';
}
.cf7-looking-for__label {
display: block;
}
.cf7-looking-for .wpcf7-checkbox {
display: none;
width: 190%;
margin-top: calc(var(--ratio) * 20px);
margin-bottom: 0;
}
.cf7-looking-for.is-open .wpcf7-checkbox {
display: block;
}
@media (max-width: 768px) {
.cf7-looking-for .wpcf7-checkbox {
  width: 100%;
}
}
.wpcf7-checkbox .wpcf7-list-item {
display: flex;
align-items: flex-start;
gap: calc(var(--ratio) * 16px);
margin: 0;
cursor: pointer;
}

.wpcf7-checkbox .wpcf7-list-item label {
display: flex;
align-items: flex-start;
gap: calc(var(--ratio) * 16px);
cursor: pointer;
}

.wpcf7-checkbox .wpcf7-list-item label,
.wpcf7-checkbox .wpcf7-list-item-label {
font-family: 'Basel Grotesk', sans-serif;
font-size: calc(var(--ratio) * 20px);
line-height: calc(var(--ratio) * 25px);
color: black;
cursor: pointer;
}
.wpcf7-checkbox .wpcf7-list-item-label {
padding-bottom: calc(var(--ratio) * 10px);
}



.wpcf7-checkbox input[type="checkbox"] {
flex-shrink: 0;
width: calc(var(--ratio) * 12px);
height: calc(var(--ratio) * 12px);
margin: 0;
margin-top: calc(var(--ratio) * 5px);
padding: 0;
border: 0.5px solid black;
border-radius: 50%;
background: transparent;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
}

.wpcf7-checkbox input[type="checkbox"]:checked {
background-color: black;
}

.password-protected-page {
min-height: 60vh;
}

.password-form-wrap {
max-width: calc(var(--ratio) * 640px);
}

.password-form__intro {
font-family: 'Basel Grotesk', sans-serif;
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 35px);
padding-bottom: calc(var(--ratio) * 40px);
}

.password-form__field {
padding-bottom: calc(var(--ratio) * 20px);
}

.post-password-form input[type="password"] {
font-family: 'Basel Grotesk', sans-serif;
font-size: calc(var(--ratio) * 30px);
line-height: calc(var(--ratio) * 35px);
padding: calc(var(--ratio) * 12px) 0;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
background: transparent;
color: black;
outline: none;
border: none;
border-bottom: 0.5px solid #9ec2e7;
}

.post-password-form input[type="password"]::placeholder {
color: silver;
opacity: 1;
}

.password-form__submit {
display: inline-flex;
align-items: baseline;
gap: calc(var(--ratio) * 20px);
}

.password-form__submit button {
background: transparent;
color: black;
border: none;
font-family: 'Collapse', serif;
font-size: calc(var(--ratio) * 40px);
line-height: calc(var(--ratio) * 60px);
padding: calc(var(--ratio) * 12px) 0;
cursor: pointer;
white-space: nowrap;
}

.password-form__submit::after {
content: '\2192';
font-family: 'Collapse', serif;
font-size: calc(var(--ratio) * 40px);
line-height: calc(var(--ratio) * 60px);
}

.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;
width: 1px;
word-wrap: normal !important;
}

.home main.container {
padding-left: 0;
padding-right: 0;
}
.home-image {
position: relative;
height: calc(100svh - calc(var(--ratio) * 72px));
padding:calc(var(--ratio) * 36px);
}
.home-page {
position: relative;
background-color: white;
}

.home-content__media-wrap {
position: absolute;
left: 0;
right: 0;
bottom: calc(var(--ratio) * 150px);
z-index: 1;
pointer-events: none;
}

.home-content__figure {
display: block;
position: relative;
width: fit-content;
max-width: 100%;
margin: 0 auto;
filter: blur(var(--home-media-blur, 0px));
transition: filter 0.15s linear;
will-change: filter;
}

.home .home-content__media,
.home .home-content__media-wrap img,
.home .home-content__media-wrap video {
display: block;
width: auto;
max-width: 100%;
max-height: 50vh;
height: auto;
margin: 0 auto;
object-fit: contain;
}

.home .home-content__media-wrap > video {
filter: blur(var(--home-media-blur, 0px));
transition: filter 0.15s linear;
will-change: filter;
}

.home-content__figure figcaption {
position: absolute;
right: 100%;
bottom: 0;
padding: 0;
opacity: 0.6;
padding-bottom: calc(var(--ratio) * 6px);
white-space: nowrap;
transform: rotate(-90deg) translateX(100%);
transform-origin: bottom right;
}

.home .home-content__tagline {
font-size: calc(var(--ratio) * 35px);
line-height: calc(var(--ratio) * 50px);
display: flex;
justify-content: space-between;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
}

.home-content__quote {
position: relative;
z-index: 0;
padding-top: calc(calc(var(--ratio) * 200px));
padding-bottom: calc(var(--ratio) * 80px);
}

.home-content__quote p {
font-family: 'Collapse', serif;
font-size: calc(var(--ratio) * 80px);
line-height: calc(var(--ratio) * 90px);
text-align: center;
}

.home-content__quote em {
font-style: italic;
}

p.image-info {
  max-width: calc(var(--ratio) * 400px);
  margin: calc(var(--ratio) * 50px) auto 0;
  font-size: calc(var(--ratio)*0.6 * 25px);
  line-height: calc(var(--ratio)*0.6 * 30px);
}

.home-content__quote .shrink-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: auto;
margin: 0 auto;
column-gap: 12px;
transition: column-gap 0.15s linear;
margin-left: calc(var(--ratio) * 36px);
margin-right: calc(var(--ratio) * 36px);
}

.home-content__quote-author {
position: relative;
z-index: 0;
padding-bottom: calc(var(--ratio) * 80px);
text-align: center;
font-size: calc(var(--ratio) * 25px);
line-height: calc(var(--ratio) * 30px);
}

.home-popup {
position: fixed;
inset: 0;
z-index: 2000;
display: flex;
align-items: center;
justify-content: center;
}

.home-popup[hidden] {
display: none;
}

body.home-popup-open {
overflow: hidden;
}

.home-popup__overlay {
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.9);
}

.home-popup__dialog {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
pointer-events: none;
}

.home-popup__media-wrap {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: stretch;
max-width: 80vw;
max-height: 80vh;
pointer-events: auto;
}

.home-popup__figure {
display: block;
margin: 0;
max-width: 100%;
}

.home-popup__media,
.home-popup__media-wrap img,
.home-popup__media-wrap video {
display: block;
max-width: 80vw;
max-height: 80vh;
width: auto;
height: auto;
object-fit: contain;
}

.home-popup__figure:has(figcaption) .home-popup__media,
.home-popup__figure:has(figcaption) img,
.home-popup__figure:has(figcaption) video {
max-height: calc(80vh - calc(var(--ratio) * 30px));
}

.home-popup__figure figcaption {
color: white;
position: absolute;
}

.home-popup__media-wrap video::-webkit-media-controls {
display: none !important;
}

.home-popup__close,
.home-popup__more-info {
position: absolute;
z-index: 2;
font-family: 'Collapse', serif;
font-size: calc(var(--ratio) * 40px);
line-height: calc(var(--ratio) * 50px);
color: white;
background: transparent;
border: none;
cursor: pointer;
text-decoration: none;
pointer-events: auto;
}

.home-popup__close {
top: 0;
right: 0;
}

.home-popup__more-info {
right: 0;
bottom: 0;
}

.home-popup__more-info {
transform: translate(calc(var(--ratio) * 30px), 50%);
}

.home-popup__close {
transform: translate(calc(var(--ratio) * 30px), -50%);
}

.menu-overlay {
display: none;
}
.site-title a {
pointer-events: all;
}
@media (max-width: 768px) {
.home .site-title {
  font-size: 10vw;
  line-height: 10vw;
}
:root {
  --ratio: 0.55;
}
.footer-top h2 {
  position: static;
  padding-bottom: calc(var(--ratio) * 20px);
}
main, .footer-top-content, .footer-bottom {
  padding-left: 0;
  padding-right: 0;
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  padding-bottom: calc(var(--ratio) * 28px);
}
.home.loaded-2 span.g, body:not(.home) .site-title span.g, footer .site-title span.g {
  transform: translate3d(-1610%, 0, 0);
}
body:not(.home) main {
  padding-top: 90px;
}
body.page-id-33 main {
  padding-left: 0;
  padding-right: 0;
}
aside {
  display: none;
}
.menu-toggle {
  display: block;
  z-index:8001;
  position: fixed;
  top: 60px;
  right: calc(var(--ratio) * 36px);
}
.menu-toggle::after {
  content: 'menu';
  

}
.home .menu-toggle {
  display: none;
}
.home.loaded-2 .menu-toggle {
  display: block;
}
.home-content__quote p {
  font-size: calc(var(--ratio) * 50px);
  line-height: calc(var(--ratio) * 50px);
}
.display-menu .menu-toggle::after {
  content: 'close';
}
.menu-overlay {
  display: block;
  position: fixed;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.35s ease-in-out;
  will-change: transform;
  height: 100svh;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(248,250,236, 0.9);
  z-index: 1000;
  padding: calc(var(--ratio) * 36px);
  padding-top:100px;
}
.menu-overlay nav.main-menu li {
  font-size: calc(var(--ratio) * 100px);
  line-height: calc(var(--ratio) * 100px);
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: 'Collapse', serif;
  padding-left: 20%;

}
.menu-overlay nav.social li {
  font-size: calc(var(--ratio) * 25px);
  line-height: calc(var(--ratio) * 30px);
  list-style: none;
}
.menu-overlay nav.social ul {
  position: absolute;
  bottom: calc(var(--ratio) * 36px);
  padding-left: calc(var(--ratio) * 36px);
  padding-right: calc(var(--ratio) * 36px);
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  gap: calc(var(--ratio) * 36px);
}

.display-menu .menu-overlay {
  transform: translate3d(0, 0, 0);
}
}
@media (max-width: 550px) {
.home.loaded-2 span.g, body:not(.home) .site-title span.g, footer .site-title span.g {
  transform: translate3d(-1550%, 0, 0);
}
.page-content, .team, .article-grid, .faq-fold-out-inner, .faq {
  grid-template-columns: 1fr;
}
.page-content .txt, .team>h2, div.team-member, .faq-details, .faq > * {
  grid-column: 1;
}
.post-meta, article h1, .post-content, .post-text, .post-credits {
  padding-left: 20px;
  padding-right: 20px;
}
.related-stories-cell {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.related-stories-gallery {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.related-stories-next {
  position: static;
  transform: none;
  margin-left: 0;
  margin-top: calc(var(--ratio) * 30px);
}
article figure:not(:first-child) {
  padding-left: 0;
  padding-right: 0;
}
.post-slider-wrap {
  padding-left: 0;
  padding-right: 0;
}
}
@media (max-width: 480px) {
.footer-top-content {
  grid-template-columns: 1fr;
}
footer>p {
  justify-content: space-between
}
.home.loaded-2 span.g, body:not(.home) .site-title span.g, footer .site-title span.g {
  transform: translate3d(-1480%, 0, 0);
}
}
@media (max-width: 400px) {
.home.loaded-2 span.g, body:not(.home) .site-title span.g, footer .site-title span.g {
  transform: translate3d(-1420%, 0, 0);
}
}
@media (max-width: 340px) {
.home.loaded-2 span.g, body:not(.home) .site-title span.g, footer .site-title span.g {
  transform: translate3d(-1360%, 0, 0);
}
}