@charset "UTF-8";
           #wrapper {
width: 100%;
height: auto;
}
#main-content {
width: 100%;
position: relative;
z-index: 2;
background-color: #f8f5ef;
overflow: hidden;
}
.no-herobanner #main-content, .password-required #main-content {
margin-top: 14rem;
}
.home #main-content {
border-top: 1px solid #2d382d;
} .is-style-container-full, .is-style-container-xl, .is-style-container-l, .is-style-container-m, .is-style-container-m-ext, .is-style-container-sm, .is-style-container-s, .is-style-container-xs {
display: block;
width: 100%;
max-width: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 10rem !important;
margin-bottom: min(max(6rem, 10vw), 10rem) !important;
margin-bottom: clamp(6rem, 10vw, 10rem) !important;
padding: 2rem;
}
@media screen and (min-width: 540px) {
.is-style-container-full, .is-style-container-xl, .is-style-container-l, .is-style-container-m, .is-style-container-m-ext, .is-style-container-sm, .is-style-container-s, .is-style-container-xs {
padding: 2rem 5rem;
}
}
@media screen and (min-width: 2020px) {
.is-style-container-full {
padding: 1rem 0;
}
}
@media screen and (min-width: 2020px) {
.is-style-container-xl {
max-width: 1920px;
padding: 1rem 0;
}
}
@media screen and (min-width: 1740px) {
.is-style-container-l {
max-width: 1640px;
padding: 1rem 0;
}
}
@media screen and (min-width: 1464px) {
.is-style-container-m {
max-width: 1364px;
padding: 1rem 0;
}
}
@media screen and (min-width: 1524px) {
.is-style-container-m-ext {
max-width: 1484px;
padding: 1rem 0;
}
}
@media screen and (min-width: 1188px) {
.is-style-container-sm {
max-width: 1088px;
padding: 1rem 0;
}
}
@media screen and (min-width: 912px) {
.is-style-container-s {
max-width: 812px;
padding: 1rem 0;
}
}
@media screen and (min-width: 636px) {
.is-style-container-xs {
max-width: 536px;
padding: 1rem 0;
}
} .min-svh-100 {
display: flex;
align-items: center;
min-height: 100svh;
} @media screen and (min-width: 1640px) {
.pt-1 {
padding-top: clamp(5vw, 10vw, 13.3rem);
}
.pt-2 {
padding-top: clamp(10vw, 20vw, 26.6rem);
}
.pt-3 {
padding-top: clamp(15vw, 30vw, 39.9rem);
}
.pt-4 {
padding-top: clamp(20vw, 40vw, 52.5rem);
}
.pt-5 {
padding-top: clamp(25vw, 50vw, 65.8rem);
}
.pr-1 {
padding-right: clamp(5vw, 10vw, 13.3rem);
}
.pr-2 {
padding-right: clamp(10vw, 20vw, 26.6rem);
}
.pr-3 {
padding-right: clamp(15vw, 30vw, 39.9rem);
}
.pr-4 {
padding-right: clamp(20vw, 40vw, 52.5rem);
}
.pr-5 {
padding-right: clamp(25vw, 50vw, 65.8rem);
}
.pb-1 {
padding-bottom: clamp(5vw, 10vw, 13.3rem);
}
.pb-2 {
padding-bottom: clamp(10vw, 20vw, 26.6rem);
}
.pb-3 {
padding-bottom: clamp(15vw, 30vw, 39.9rem);
}
.pb-4 {
padding-bottom: clamp(20vw, 40vw, 52.5rem);
}
.pb-5 {
padding-bottom: clamp(25vw, 50vw, 65.8rem);
}
.pl-1 {
padding-left: clamp(5vw, 10vw, 13.3rem);
}
.pl-2 {
padding-left: clamp(10vw, 20vw, 26.6rem);
}
.pl-3 {
padding-left: clamp(15vw, 30vw, 39.9rem);
}
.pl-4 {
padding-left: clamp(20vw, 40vw, 52.5rem);
}
.pl-5 {
padding-left: clamp(25vw, 50vw, 65.8rem);
}
.mt-auto {
margin-top: auto !important;
}
.mt-1 {
margin-top: clamp(5vw, 10vw, 13.3rem);
}
.mt-2 {
margin-top: clamp(10vw, 20vw, 26.6rem);
}
.mt-3 {
margin-top: clamp(15vw, 30vw, 39.9rem);
}
.mt-4 {
margin-top: clamp(20vw, 40vw, 52.5rem);
}
.mt-5 {
margin-top: clamp(25vw, 50vw, 65.8rem);
}
.mr-1 {
margin-right: clamp(5vw, 10vw, 13.3rem);
}
.mr-2 {
margin-right: clamp(10vw, 20vw, 26.6rem);
}
.mr-3 {
margin-right: clamp(15vw, 30vw, 39.9rem);
}
.mr-4 {
margin-right: clamp(20vw, 40vw, 52.5rem);
}
.mr-5 {
margin-right: clamp(25vw, 50vw, 65.8rem);
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: clamp(5vw, 10vw, 13.3rem);
}
.mb-2 {
margin-bottom: clamp(10vw, 20vw, 26.6rem);
}
.mb-3 {
margin-bottom: clamp(15vw, 30vw, 39.9rem);
}
.mb-4 {
margin-bottom: clamp(20vw, 40vw, 52.5rem);
}
.mb-5 {
margin-bottom: clamp(25vw, 50vw, 65.8rem);
}
.ml-1 {
margin-left: clamp(5vw, 10vw, 13.3rem);
}
.ml-2 {
margin-left: clamp(10vw, 20vw, 26.6rem);
}
.ml-3 {
margin-left: clamp(15vw, 30vw, 39.9rem);
}
.ml-4 {
margin-left: clamp(20vw, 40vw, 52.5rem);
}
.ml-5 {
margin-left: clamp(25vw, 50vw, 65.8rem);
}
}    html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
} ol, ul, menu {
border: 0;
margin: 0;
padding: 0;
list-style: none;
}  a {
background: transparent;
} a:active, a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
padding: 0;
} button,
select {
text-transform: none;
} button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type=checkbox],
input[type=radio] {
box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
} input[type=search] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
:root { --color-primary: #2C372C;
--color-accent: #EC624C;
--color-background: #F7F4ED;
--color-surface: #E8E2D6;
--color-text: #20241F;
--color-text-light: #FFFFFF;
--color-neutral-100: #D6D0C4;
--color-neutral-200: #B8B1A3;
--color-neutral-300: #8E897C;
--color-neutral-400: #5B5A55;
--color-neutral-500: #3A3A38; --font-body: "Manrope", sans-serif;
--font-display: "Manrope", sans-serif;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800; --fs-hero: clamp(5.6rem, 5vw, 7.2rem);
--fs-h1: clamp(4.4rem, 4vw, 5.6rem);
--fs-h2: clamp(3.2rem, 3vw, 4rem);
--fs-h3: clamp(2.4rem, 2vw, 3rem);
--fs-h4: 2.4rem;
--fs-body: 1.8rem;
--fs-navigation: 1.6rem;
--fs-button: 1.6rem;
--fs-caption: 1.5rem; --lh-hero: 1.05;
--lh-h1: 1.15;
--lh-h2: 1.20;
--lh-h3: 1.30;
--lh-h4: 1.35;
--lh-body: 1.70;
--lh-navigation: 1.40;
--lh-button: 1.40;
--lh-caption: 1.60; --fs-hero: clamp(5.6rem, 5vw, 7.2rem);
--fs-h1: clamp(4.4rem, 4vw, 5.6rem);
--fs-h2: clamp(3.2rem, 3vw, 4.0rem);
--fs-h3: clamp(2.4rem, 2vw, 3.0rem);
--fs-h4: 2.4rem;
--fs-body: 1.8rem;
--fs-navigation: 1.6rem;
--fs-button: 1.6rem;
--fs-small: 1.5rem;
--fs-caption: 1.5rem; --lh-hero: 1.05;
--lh-heading: 1.15;
--lh-h2: 1.20;
--lh-h3: 1.30;
--lh-h4: 1.35;
--lh-body: 1.70;
--lh-small: 1.60; --space-xs: 0.8rem;
--space-s: 1.6rem;
--space-m: 2.4rem;
--space-l: 3.2rem;
--space-xl: 4.8rem;
--space-2xl: 6.4rem;
--space-3xl: 9.6rem;
--space-4xl: 12.8rem;
--space-5xl: 16rem; --container-text: 700px;
--container-default: 1280px;
--container-wide: 1600px;
--container-full: 1920px; --grid-columns-desktop: 12;
--grid-columns-tablet: 8;
--grid-columns-mobile: 4;
--grid-gap-desktop: 24px;
--grid-gap-tablet: 24px;
--grid-gap-mobile: 16px; --bp-mobile: 768px;
--bp-tablet: 1024px;
--bp-desktop: 1440px; --radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 16px;
--radius-xl: 24px; --shadow-sm: 0 4px 12px rgba(0, 0, 0, .08);
--shadow-md: 0 8px 24px rgba(0, 0, 0, .12);
--shadow-lg: 0 16px 48px rgba(0, 0, 0, .16); --transition-fast: .2s ease;
--transition-base: .3s ease;
--transition-slow: .5s ease; --z-header: 100;
--z-dropdown: 200;
--z-overlay: 300;
--z-modal: 400;
--z-tooltip: 500;
} :root { --color-primary: #29392C;
--color-secondary: #9B7A55; --color-background: #F7F4EF;
--color-surface: #FFFFFF;
--color-surface-dark: #29392C; --color-text: #202420;
--color-text-soft: rgba(32, 36, 32, .72);
--color-text-light: rgba(255, 255, 255, .92); --color-border: rgba(41, 57, 44, .10);
--color-border-strong: rgba(41, 57, 44, .22); --color-success: #507451;
--color-warning: #A47A2A;
--color-error: #8D3D32;
}  .has-background.has-primary-background-color {
background-color: var(--color-primary);
}
.has-background.has-secondary-background-color {
background-color: var(--color-secondary);
}
.has-background.has-tertiary-background-color {
background-color: var(--color-surface);
}
.has-background.has-font-background-color {
background-color: var(--color-text);
}
.has-background.has-light-grey-background-color {
background-color: var(--color-background);
}
.has-background.has-dark-green-background-color {
background-color: var(--color-surface-dark);
}
.has-background.has-white-background-color {
background-color: #FFFFFF;
}
.has-background.has-editorial-background-color {
background-color: var(--color-secondary);
} .has-text-color.has-primary-color,
.has-inline-color.has-primary-color {
color: var(--color-primary);
}
.has-text-color.has-secondary-color,
.has-inline-color.has-secondary-color {
color: var(--color-secondary);
}
.has-text-color.has-tertiary-color,
.has-inline-color.has-tertiary-color {
color: var(--color-surface);
}
.has-text-color.has-font-color,
.has-inline-color.has-font-color {
color: var(--color-text);
}
.has-text-color.has-editorial-color,
.has-inline-color.has-editorial-color {
color: var(--color-secondary);
}
.has-text-color.has-white-color,
.has-inline-color.has-white-color {
color: #FFFFFF;
}
.has-text-color.has-light-grey-color,
.has-inline-color.has-light-grey-color {
color: var(--color-background);
}
.has-text-color.has-dark-green-color,
.has-inline-color.has-dark-green-color {
color: var(--color-surface-dark);
} html {
font-size: 62.5%;
}
body {
font-family: var(--font-body);
font-size: var(--fs-body);
font-weight: var(--font-weight-regular);
line-height: var(--lh-body);
color: var(--color-text);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 var(--space-m);
color: var(--color-text);
font-family: var(--font-display);
letter-spacing: -0.02em;
}
h1 {
font-size: var(--fs-h1);
font-weight: var(--font-weight-bold);
line-height: var(--lh-h1);
}
h2 {
font-size: var(--fs-h2);
font-weight: var(--font-weight-semibold);
line-height: var(--lh-h2);
}
h3 {
font-size: var(--fs-h3);
font-weight: var(--font-weight-semibold);
line-height: var(--lh-h3);
}
h4 {
font-size: var(--fs-h4);
font-weight: var(--font-weight-medium);
line-height: var(--lh-h4);
}
h5 {
font-size: 2rem;
font-weight: var(--font-weight-medium);
line-height: 1.4;
}
h6 {
font-size: 1.8rem;
font-weight: var(--font-weight-medium);
line-height: 1.4;
} .artvalon-hero__title {
font-size: var(--fs-hero);
font-weight: var(--font-weight-extrabold);
line-height: var(--lh-hero);
letter-spacing: -0.03em;
} p {
margin: 0 0 var(--space-m);
font-size: var(--fs-body);
font-weight: var(--font-weight-regular);
line-height: var(--lh-body);
}
p:last-child {
margin-bottom: 0;
}
small,
.caption {
font-size: var(--fs-caption);
line-height: var(--lh-caption);
}
strong,
b {
font-weight: var(--font-weight-semibold);
}
em {
font-style: italic;
} a {
color: inherit;
text-decoration: none;
transition: color var(--transition-base);
}
a:hover {
color: var(--color-primary);
} ul,
ol {
margin: 0 0 var(--space-m);
padding-left: var(--space-l);
}
li {
margin-bottom: var(--space-xs);
line-height: var(--lh-body);
} #primary-desktop-menu a,
#primary-mobile-menu a,
nav a {
font-size: var(--fs-navigation);
font-weight: var(--font-weight-medium);
line-height: var(--lh-navigation);
} .button,
.wp-block-button__link,
button,
input[type=submit] {
font-size: var(--fs-button);
font-weight: var(--font-weight-semibold);
line-height: var(--lh-button);
} input,
textarea,
select,
label {
font-family: var(--font-body);
font-size: var(--fs-body);
} .text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
} *, *:before, *:after {
box-sizing: inherit;
}
html,
body {
box-sizing: border-box;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
color-scheme: light;
}
body {
min-width: 100%;
overflow-x: hidden;
overflow-y: scroll;
font-family: var(--font-body);
font-size: var(--fs-body);
font-weight: var(--font-weight-regular);
line-height: var(--lh-body);
background: var(--color-background);
color: var(--color-text);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body::-webkit-scrollbar {
width: 6px;
}
body::-webkit-scrollbar-track {
background: var(--color-secondary);
}
body::-webkit-scrollbar-thumb {
background: var(--color-primary);
}
body.overflow-hidden {
overflow: hidden;
}
.preload * {
transition: none !important;
transition: all 0s linear;
}
img {
display: block;
max-width: 100%;
height: auto;
vertical-align: middle;
}
svg {
display: block;
}
button,
input,
textarea,
select {
font: inherit;
}
a {
color: inherit;
}
@media (prefers-reduced-motion: reduce) {
*,
:before,
:after {
animation: none !important;
transition: none !important;
}
} html.lenis,
html.lenis body {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-smooth iframe {
pointer-events: none;
} ::selection {
color: #fff;
background: var(--color-primary);
}
::-moz-selection {
color: #fff;
background: var(--color-primary);
}
*:focus {
outline: none;
text-decoration: none;
}
*:focus-visible {
outline: 2px solid var(--color-primary) !important;
outline-offset: 0.2rem;
}
noscript {
display: block;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 99999999999999;
background: red;
padding: 2rem;
text-align: center;
color: white;
}
div[id] {
scroll-margin-top: 15vw;
} @media screen and (max-width: 768px) {
.hidden-mobile {
display: none !important;
visibility: hidden;
}
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
.hidden-tablet {
display: none !important;
visibility: hidden;
}
}
@media screen and (min-width: 1367px) {
.hidden-desktop {
display: none !important;
visibility: hidden;
}
}
.hidden-all {
display: none !important;
visibility: hidden;
}
.t404-embed-container {
position: relative;
width: 100%;
padding-bottom: 56.25%;
}
.t404-embed-container iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
} .t404-back-to-top {
display: none;
}
@media screen and (min-width: 1920px) {
.js .t404-back-to-top {
width: 30px;
height: 30px;
display: block;
background: url(//www.artvalon.de/wp-content/themes/artvalon/assets/css/assets/img/layout/icons/scrollup.svg) no-repeat 0 0;
border: 0;
bottom: -30px;
right: 20px;
position: fixed;
z-index: 9999999;
color: white;
margin: 0;
opacity: 0.4;
text-indent: -999999px;
transition: opacity 0.3s ease;
}
.js .t404-back-to-top:hover {
opacity: 1;
}
}
.t404-back-to-top.visible {
bottom: 65px;
} .observe-item {
opacity: 0;
visibility: hidden;
transform: translateY(4rem);
transition: all 0.8s ease-in-out;
}
.observe-item.in-viewport {
opacity: 1;
visibility: visible;
transform: translateY(0);
} #screenwidth {
position: fixed;
top: 0;
left: 0;
z-index: 1000000;
padding: 5px 10px;
background: #E03100;
color: #fff;
font-size: 12px;
} :root {
--space-xs: 0.8rem; --space-s: 1.6rem; --space-m: 2.4rem; --space-l: 3.2rem; --space-xl: 4.8rem; --space-2xl: 6.4rem; --space-3xl: 9.6rem; --space-4xl: 12.8rem; --space-5xl: 16rem; } .mt-xs {
margin-top: var(--space-xs);
}
.mt-s {
margin-top: var(--space-s);
}
.mt-m {
margin-top: var(--space-m);
}
.mt-l {
margin-top: var(--space-l);
}
.mt-xl {
margin-top: var(--space-xl);
}
.mt-2xl {
margin-top: var(--space-2xl);
}
.mt-3xl {
margin-top: var(--space-3xl);
}
.mt-4xl {
margin-top: var(--space-4xl);
}
.mt-5xl {
margin-top: var(--space-5xl);
} .mb-xs {
margin-bottom: var(--space-xs);
}
.mb-s {
margin-bottom: var(--space-s);
}
.mb-m {
margin-bottom: var(--space-m);
}
.mb-l {
margin-bottom: var(--space-l);
}
.mb-xl {
margin-bottom: var(--space-xl);
}
.mb-2xl {
margin-bottom: var(--space-2xl);
}
.mb-3xl {
margin-bottom: var(--space-3xl);
}
.mb-4xl {
margin-bottom: var(--space-4xl);
}
.mb-5xl {
margin-bottom: var(--space-5xl);
} .pt-xs {
padding-top: var(--space-xs);
}
.pt-s {
padding-top: var(--space-s);
}
.pt-m {
padding-top: var(--space-m);
}
.pt-l {
padding-top: var(--space-l);
}
.pt-xl {
padding-top: var(--space-xl);
}
.pt-2xl {
padding-top: var(--space-2xl);
}
.pt-3xl {
padding-top: var(--space-3xl);
}
.pt-4xl {
padding-top: var(--space-4xl);
}
.pt-5xl {
padding-top: var(--space-5xl);
} .pb-xs {
padding-bottom: var(--space-xs);
}
.pb-s {
padding-bottom: var(--space-s);
}
.pb-m {
padding-bottom: var(--space-m);
}
.pb-l {
padding-bottom: var(--space-l);
}
.pb-xl {
padding-bottom: var(--space-xl);
}
.pb-2xl {
padding-bottom: var(--space-2xl);
}
.pb-3xl {
padding-bottom: var(--space-3xl);
}
.pb-4xl {
padding-bottom: var(--space-4xl);
}
.pb-5xl {
padding-bottom: var(--space-5xl);
} .px-xs {
padding-left: var(--space-xs);
padding-right: var(--space-xs);
}
.px-s {
padding-left: var(--space-s);
padding-right: var(--space-s);
}
.px-m {
padding-left: var(--space-m);
padding-right: var(--space-m);
}
.px-l {
padding-left: var(--space-l);
padding-right: var(--space-l);
}
.px-xl {
padding-left: var(--space-xl);
padding-right: var(--space-xl);
} .py-xs {
padding-top: var(--space-xs);
padding-bottom: var(--space-xs);
}
.py-s {
padding-top: var(--space-s);
padding-bottom: var(--space-s);
}
.py-m {
padding-top: var(--space-m);
padding-bottom: var(--space-m);
}
.py-l {
padding-top: var(--space-l);
padding-bottom: var(--space-l);
}
.py-xl {
padding-top: var(--space-xl);
padding-bottom: var(--space-xl);
} .container {
width: min(100% - 4rem, var(--container-default));
margin-inline: auto;
}
.container--text {
width: min(100% - 4rem, var(--container-text));
margin-inline: auto;
}
.container--wide {
width: min(100% - 4rem, var(--container-wide));
margin-inline: auto;
}
.container--full {
width: 100%;
margin-inline: auto;
} .section {
padding-block: var(--space-4xl);
}
.section--small {
padding-block: var(--space-2xl);
}
.section--large {
padding-block: var(--space-5xl);
} .content {
display: flex;
flex-direction: column;
gap: var(--space-l);
}
.content--center {
align-items: center;
text-align: center;
}
.content--left {
align-items: flex-start;
text-align: left;
}
.content--right {
align-items: flex-end;
text-align: right;
} .grid {
display: grid;
gap: var(--space-l);
}
.grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
} .col-1 {
grid-column: span 1;
}
.col-2 {
grid-column: span 2;
}
.col-3 {
grid-column: span 3;
}
.col-4 {
grid-column: span 4;
}
.col-5 {
grid-column: span 5;
}
.col-6 {
grid-column: span 6;
}
.col-7 {
grid-column: span 7;
}
.col-8 {
grid-column: span 8;
}
.col-9 {
grid-column: span 9;
}
.col-10 {
grid-column: span 10;
}
.col-11 {
grid-column: span 11;
}
.col-12 {
grid-column: span 12;
} .gap-xs {
gap: var(--space-xs);
}
.gap-s {
gap: var(--space-s);
}
.gap-m {
gap: var(--space-m);
}
.gap-l {
gap: var(--space-l);
}
.gap-xl {
gap: var(--space-xl);
}
.gap-2xl {
gap: var(--space-2xl);
} .items-start {
align-items: start;
}
.items-center {
align-items: center;
}
.items-end {
align-items: end;
}
.justify-start {
justify-items: start;
}
.justify-center {
justify-items: center;
}
.justify-end {
justify-items: end;
} @media (max-width: 1024px) {
.grid--4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.grid--2,
.grid--3,
.grid--4,
.grid--12 {
grid-template-columns: 1fr;
}
[class^=col-] {
grid-column: span 1;
}
} .button,
.wp-block-button__link,
input[type=submit],
button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--space-s);
padding: 1.4rem 2.8rem;
border: 2px solid transparent;
border-radius: var(--radius-md);
background: var(--color-primary);
color: var(--color-text-light);
font-family: var(--font-body);
font-size: var(--fs-button);
font-weight: var(--font-weight-semibold);
line-height: 1;
text-decoration: none;
cursor: pointer;
transition: background var(--transition-base), color var(--transition-base), border-color var(--transition-base), transform var(--transition-fast);
}
.button:hover,
.wp-block-button__link:hover,
input[type=submit]:hover,
button:hover {
background: var(--color-accent);
color: var(--color-text-light);
text-decoration: none;
}
.button:active,
.wp-block-button__link:active,
input[type=submit]:active,
button:active {
transform: translateY(1px);
}
.button:focus-visible,
.wp-block-button__link:focus-visible,
input[type=submit]:focus-visible,
button:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: 3px;
} .button--secondary {
background: transparent;
color: var(--color-primary);
border-color: var(--color-primary);
}
.button--secondary:hover {
background: var(--color-primary);
color: var(--color-text-light);
} .button--ghost {
background: transparent;
color: var(--color-primary);
border: none;
}
.button--ghost:hover {
color: var(--color-accent);
} .button--small {
padding: 1rem 2rem;
font-size: var(--fs-small);
}
.button--large {
padding: 1.8rem 3.6rem;
} .button--block {
width: 100%;
} form {
display: flex;
flex-direction: column;
gap: var(--space-l);
} label {
display: block;
margin-bottom: var(--space-xs);
font-size: var(--fs-small);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
} input,
textarea,
select {
width: 100%;
padding: 1.4rem 1.6rem;
border: 1px solid var(--color-neutral-200);
border-radius: var(--radius-md);
background: #fff;
color: var(--color-text);
font-family: var(--font-body);
font-size: var(--fs-body);
line-height: var(--lh-body);
transition: border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);
appearance: none;
}
textarea {
min-height: 180px;
resize: vertical;
} ::placeholder {
color: var(--color-neutral-300);
opacity: 1;
} input:hover,
textarea:hover,
select:hover {
border-color: var(--color-neutral-300);
}
input:focus,
textarea:focus,
select:focus {
outline: none;
border-color: var(--color-primary);
box-shadow: 0 0 0 4px rgba(44, 55, 44, 0.1);
} input[type=checkbox],
input[type=radio] {
width: auto;
margin-right: 0.8rem;
accent-color: var(--color-primary);
} fieldset {
margin: 0;
padding: var(--space-l);
border: 1px solid var(--color-neutral-100);
border-radius: var(--radius-md);
}
legend {
padding: 0 var(--space-xs);
font-weight: var(--font-weight-semibold);
} input:disabled,
textarea:disabled,
select:disabled {
opacity: 0.6;
cursor: not-allowed;
} input:invalid,
textarea:invalid {
border-color: #d84b4b;
}
input:valid,
textarea:valid {
border-color: var(--color-primary);
}  .fade {
transition: opacity var(--transition-base), transform var(--transition-base);
} .fade-in {
opacity: 0;
transform: translateY(40px);
}
.fade-in.is-visible {
opacity: 1;
transform: translateY(0);
} .fade-up {
opacity: 0;
transform: translateY(60px);
}
.fade-up.is-visible {
opacity: 1;
transform: translateY(0);
} .fade-down {
opacity: 0;
transform: translateY(-60px);
}
.fade-down.is-visible {
opacity: 1;
transform: translateY(0);
} .fade-left {
opacity: 0;
transform: translateX(-60px);
}
.fade-left.is-visible {
opacity: 1;
transform: translateX(0);
} .fade-right {
opacity: 0;
transform: translateX(60px);
}
.fade-right.is-visible {
opacity: 1;
transform: translateX(0);
} .scale-in {
opacity: 0;
transform: scale(0.95);
}
.scale-in.is-visible {
opacity: 1;
transform: scale(1);
} .hover-lift {
transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.hover-lift:hover {
transform: translateY(-6px);
box-shadow: var(--shadow-md);
} .hover-scale {
transition: transform var(--transition-fast);
}
.hover-scale:hover {
transform: scale(1.03);
} .image-zoom {
overflow: hidden;
}
.image-zoom img {
transition: transform 0.6s ease;
}
.image-zoom:hover img {
transform: scale(1.08);
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
} .icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
flex-shrink: 0;
color: currentColor;
}
.icon svg {
display: block;
width: 100%;
height: 100%;
fill: currentColor;
stroke: currentColor;
} .icon--xs {
width: 1.2rem;
height: 1.2rem;
}
.icon--sm {
width: 1.6rem;
height: 1.6rem;
}
.icon--md {
width: 2rem;
height: 2rem;
}
.icon--lg {
width: 2.8rem;
height: 2.8rem;
}
.icon--xl {
width: 4rem;
height: 4rem;
} .icon--primary {
color: var(--color-primary);
}
.icon--accent {
color: var(--color-accent);
}
.icon--light {
color: var(--color-text-light);
}
.icon--dark {
color: var(--color-text);
} .icon-circle {
border-radius: 50%;
padding: 0.8rem;
background: var(--color-primary);
color: var(--color-text-light);
}
.icon-square {
border-radius: var(--radius-md);
padding: 0.8rem;
background: var(--color-primary);
color: var(--color-text-light);
} .icon-rotate {
transition: transform var(--transition-base);
}
.icon-rotate:hover {
transform: rotate(180deg);
}
.icon-scale {
transition: transform var(--transition-fast);
}
.icon-scale:hover {
transform: scale(1.15);
}  .d-none {
display: none !important;
}
.d-block {
display: block !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-flex {
display: flex !important;
}
.d-grid {
display: grid !important;
} .flex-row {
flex-direction: row;
}
.flex-column {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.justify-start {
justify-content: flex-start;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-end {
justify-content: flex-end;
} .text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-primary {
color: var(--color-primary);
}
.text-accent {
color: var(--color-accent);
}
.text-light {
color: var(--color-text-light);
}
.text-muted {
color: var(--color-neutral-300);
}
.text-uppercase {
text-transform: uppercase;
}
.text-nowrap {
white-space: nowrap;
} .fw-light {
font-weight: var(--font-weight-light);
}
.fw-regular {
font-weight: var(--font-weight-regular);
}
.fw-medium {
font-weight: var(--font-weight-medium);
}
.fw-semibold {
font-weight: var(--font-weight-semibold);
}
.fw-bold {
font-weight: var(--font-weight-bold);
} .w-100 {
width: 100%;
}
.h-100 {
height: 100%;
} .overflow-hidden {
overflow: hidden;
}
.overflow-auto {
overflow: auto;
} .position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.position-fixed {
position: fixed;
} .radius-sm {
border-radius: var(--radius-sm);
}
.radius-md {
border-radius: var(--radius-md);
}
.radius-lg {
border-radius: var(--radius-lg);
}
.radius-xl {
border-radius: var(--radius-xl);
}
.radius-round {
border-radius: 999px;
} .shadow-sm {
box-shadow: var(--shadow-sm);
}
.shadow-md {
box-shadow: var(--shadow-md);
}
.shadow-lg {
box-shadow: var(--shadow-lg);
} .bg-primary {
background: var(--color-primary);
}
.bg-surface {
background: var(--color-surface);
}
.bg-light {
background: var(--color-background);
}
.bg-white {
background: #ffffff;
} .hidden {
display: none !important;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
} .sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} #header {
position: fixed;
inset: 0 0 auto 0;
z-index: var(--z-header);
width: 100%;
height: 9.6rem;
background: rgba(247, 244, 237, 0);
backdrop-filter: blur(0);
-webkit-backdrop-filter: blur(0);
transition: background var(--transition-base), backdrop-filter var(--transition-base), box-shadow var(--transition-base);
} #header.is-scrolled {
background: rgba(247, 244, 237, 0.92);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
box-shadow: var(--shadow-sm);
} #header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-xl);
width: min(100% - 4.8rem, var(--container-wide));
height: 100%;
margin-inline: auto;
} #header-logo {
display: flex;
align-items: center;
flex-shrink: 0;
width: 100%;
max-width: 22rem;
}
#header-logo img {
display: block;
width: 100%;
height: auto;
} .main-navigation {
display: flex;
align-items: center;
margin-left: auto;
}
.main-menu {
display: flex;
align-items: center;
height: 100%;
gap: var(--space-xl);
margin: 0;
padding: 0;
list-style: none;
}
.main-menu > li {
position: relative;
}
.main-menu > li > a {
display: inline-flex;
align-items: center;
position: relative;
height: 9.6rem;
color: var(--color-text);
font-size: var(--fs-navigation);
font-weight: var(--font-weight-medium);
line-height: var(--lh-navigation);
white-space: nowrap;
transition: color var(--transition-base);
}
.main-menu > li > a::after {
content: "";
position: absolute;
left: 0;
bottom: 2.8rem;
width: 100%;
height: 2px;
background: var(--color-primary);
transform: scaleX(0);
transform-origin: left;
transition: transform var(--transition-base);
}
.main-menu > li > a:hover,
.main-menu > li > a:focus-visible,
.main-menu > .current-menu-item > a,
.main-menu > .current-menu-ancestor > a {
color: var(--color-primary);
text-decoration: none;
}
.main-menu > li > a:hover::after,
.main-menu > li > a:focus-visible::after,
.main-menu > .current-menu-item > a::after,
.main-menu > .current-menu-ancestor > a::after {
transform: scaleX(1);
}
.main-menu > li > a:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 0.4rem;
border-radius: 0.2rem;
} .mobile-menu-toggle {
display: none;
position: relative;
z-index: calc(var(--z-header) + 2);
width: 4.8rem;
height: 4.8rem;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
}
.mobile-menu-toggle span {
display: block;
width: 2.4rem;
height: 2px;
margin: 0.5rem auto;
background: var(--color-text);
transform-origin: center;
transition: transform var(--transition-base), opacity var(--transition-base), background var(--transition-base);
}
.mobile-menu-toggle[aria-expanded=true] span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.mobile-menu-toggle[aria-expanded=true] span:nth-child(2) {
opacity: 0;
}
.mobile-menu-toggle[aria-expanded=true] span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
} .mobile-navigation {
position: fixed;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 10rem 3.2rem 4rem;
background: rgba(247, 244, 237, 0.98);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity var(--transition-base), visibility var(--transition-base);
z-index: calc(var(--z-header) - 1);
}
.mobile-navigation.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.mobile-menu {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-xl);
margin: 0;
padding: 0;
list-style: none;
}
.mobile-menu li {
margin: 0;
padding: 0;
}
.mobile-menu a {
display: block;
color: var(--color-text);
font-size: clamp(2.4rem, 3vw, 3.2rem);
font-weight: var(--font-weight-medium);
line-height: 1.2;
text-decoration: none;
transition: color var(--transition-base), transform var(--transition-base);
}
.mobile-menu a:hover {
color: var(--color-primary);
transform: translateY(-2px);
} html.menu-open,
body.menu-open {
overflow: hidden;
} @media (max-width: 1024px) {
.main-navigation {
display: none;
}
.mobile-menu-toggle {
display: block;
}
}
@media (min-width: 1025px) {
.mobile-navigation {
display: none !important;
}
}
@media (max-width: 768px) {
#header {
height: 8rem;
}
#header-inner {
width: min(100% - 3.2rem, var(--container-wide));
}
#header-logo {
max-width: 18rem;
}
} #footer {
width: 100%;
position: relative;
background-color: #263528;
color: #f4efe7;
}
#footer #footer-inner {
width: 100%;
max-width: 1440px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
gap: 6rem;
padding: 7rem 2rem 4rem;
color: #f4efe7;
}
#footer #footer-inner a {
color: #f4efe7;
text-decoration: none;
border-bottom: 1px solid rgba(190, 115, 82, 0.7);
transition: border-color 0.25s ease, color 0.25s ease;
}
#footer #footer-inner a:hover {
color: #ffffff;
border-bottom-color: #ffffff;
}
#footer #footer-inner p {
max-width: 34rem;
margin: 0 0 2rem;
font-size: 1rem;
line-height: 1.8;
}
#footer #footer-inner strong {
font-size: 0.85rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#footer #footer-inner h2,
#footer #footer-inner .footer-claim {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(3rem, 6vw, 6.5rem);
line-height: 1.02;
font-weight: 400;
letter-spacing: -0.045em;
margin: 0 0 2.5rem;
color: #f7f0e6;
}
#footer #footer-inner .footer-intro {
max-width: 36rem;
}
#footer #footer-inner .footer-contact {
align-self: start;
}
#footer #footer-inner .footer-contact .footer-contact-title {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(2.3rem, 4vw, 4.2rem);
line-height: 1.05;
font-weight: 400;
letter-spacing: -0.035em;
margin-bottom: 2.5rem;
color: #f7f0e6;
}
#footer #footer-inner .footer-contact a {
display: inline-block;
font-size: clamp(2rem, 3vw, 3.2rem);
line-height: 1.25;
letter-spacing: -0.03em;
margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
#footer #footer-inner {
grid-template-columns: 1.15fr 0.85fr;
gap: 8rem;
padding: 9rem 5rem 5rem;
}
#footer #footer-inner .footer-contact {
justify-self: end;
padding-top: 0.5rem;
}
} .wp-block-columns {
gap: 2rem;
}
@media screen and (min-width: 782px) {
.wp-block-columns {
gap: 4rem;
}
}
@media screen and (min-width: 1440px) {
.wp-block-columns {
gap: 6rem;
}
}
.wp-block-columns.flip-mobile {
flex-direction: column-reverse;
}
@media screen and (min-width: 599px) {
.wp-block-columns.flip-mobile {
flex-direction: row;
}
}
.wp-block-columns.flip-mobile .wp-block-column {
margin-bottom: 2rem;
}
.wp-block-columns.flip-mobile .wp-block-column:first-child {
margin-bottom: 0;
}
@media screen and (min-width: 599px) {
.wp-block-columns.flip-mobile .wp-block-column {
margin-bottom: 0;
}
}
.wp-block-columns.no-gutter .wp-block-column {
margin-left: 0;
margin-bottom: 0;
} .wp-block-image {
margin: 0 0 1.6rem;
}
.wp-block-image img {
max-width: 100%;
}
.wp-block-image figure {
margin: 0;
}
.wp-block-image figcaption {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
.wp-block-image.aligncenter {
text-align: center;
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
width: 100%;
}
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright {
display: table;
}
.wp-block-image .aligncenter figcaption, .wp-block-image .alignleft figcaption, .wp-block-image .alignright figcaption {
display: table-caption;
caption-side: bottom;
}
.wp-block-image.alignleft {
float: left;
margin: 0.5rem 1rem 0.5rem 0;
}
.wp-block-image.alignright {
float: right;
margin: 0.5rem 0 0.5rem 1rem;
}
.wp-block-image.aligncenter {
margin-left: auto;
margin-right: auto;
} .artvalon-hero {
position: relative;
display: flex;
align-items: stretch;
width: 100%;
min-height: 100svh;
overflow: hidden;
background: var(--color-surface);
} .artvalon-hero__picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.artvalon-hero__image {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
transform: scale(1.04);
transition: transform 8s ease;
}
.artvalon-hero:hover .artvalon-hero__image {
transform: scale(1.08);
} .artvalon-hero__shade {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(18, 18, 18, 0.62) 0%, rgba(18, 18, 18, 0.42) 35%, rgba(18, 18, 18, 0.18) 60%, rgba(18, 18, 18, 0) 100%);
} .artvalon-hero__content {
position: relative;
z-index: 2;
display: flex;
align-items: center;
width: 100%;
}
.artvalon-hero__inner {
width: min(100% - 4.8rem, var(--container-wide));
margin-inline: auto;
display: flex;
flex-direction: column;
gap: var(--space-lg);
max-width: 72rem;
} .artvalon-hero__kicker {
margin: 0;
color: rgba(255, 255, 255, 0.85);
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.artvalon-hero__title {
margin: 0;
color: #fff;
font-size: clamp(4.8rem, 6vw, 7.2rem);
font-weight: 800;
line-height: 1.05;
text-wrap: balance;
max-width: 12ch;
}
.artvalon-hero__copy {
max-width: 62rem;
color: rgba(255, 255, 255, 0.92);
font-size: 2rem;
line-height: 1.7;
}
.artvalon-hero__copy p {
margin: 0;
}
.artvalon-hero__copy p + p {
margin-top: var(--space-md);
} .artvalon-hero__actions {
display: flex;
flex-wrap: wrap;
gap: var(--space-md);
margin-top: var(--space-lg);
} @media (max-width: 992px) {
.artvalon-hero {
min-height: 90svh;
}
.artvalon-hero__inner {
width: min(100% - 4rem, var(--container-wide));
}
.artvalon-hero__title {
font-size: clamp(4rem, 7vw, 5.8rem);
}
.artvalon-hero__copy {
font-size: 1.8rem;
}
}
@media (max-width: 768px) {
.artvalon-hero {
min-height: 82svh;
}
.artvalon-hero__inner {
width: min(100% - 3.2rem, var(--container-wide));
max-width: none;
}
.artvalon-hero__title {
font-size: clamp(3.6rem, 10vw, 4.8rem);
max-width: none;
}
.artvalon-hero__copy {
font-size: 1.7rem;
}
.artvalon-hero__actions {
flex-direction: column;
align-items: stretch;
}
.artvalon-hero__actions .av-button {
width: 100%;
justify-content: center;
}
}
@media (max-width: 480px) {
.artvalon-hero__kicker {
font-size: 1.4rem;
}
.artvalon-hero__title {
font-size: 3.6rem;
}
} .t404-scrollbanner {
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
margin-bottom: 10rem !important;
margin-bottom: min(max(6rem, 10vw), 10rem) !important;
margin-bottom: clamp(6rem, 10vw, 10rem) !important;
}
.t404-scrollbanner:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background-color: rgba(var(--color-secondary), 0.7);
}
.t404-scrollbanner .t404-scrollbanner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.t404-scrollbanner .t404-scrollbanner-overlay.has-primary-background-color {
background-color: var(--color-primary);
}
.t404-scrollbanner .t404-scrollbanner-overlay.has-secondary-background-color {
background-color: var(--color-secondary);
}
.t404-scrollbanner .t404-scrollbanner-overlay.has-tertiary-background-color {
background-color: var(--color-surface);
}
.t404-scrollbanner img {
width: 100%;
height: auto;
} .t404-infobanner {
display: block;
width: 100%;
background-color: var(--color-surface);
padding: 7rem 2rem;
border-bottom: 1px solid var(--color-secondary);
opacity: 0;
visibility: hidden;
transform: translateY(50%);
transition: all 0.8s ease-in-out;
}
@media screen and (min-width: 540px) {
.t404-infobanner {
padding: 7rem 5rem;
}
}
.t404-infobanner.in-viewport {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition: all 0.8s ease-in-out;
}
#main-content .t404-infobanner:last-of-type {
border-bottom: none;
}
.t404-infobanner:hover {
background-color: var(--color-secondary);
transition: all 0.2s ease-in-out;
color: var(--color-surface);
}
.t404-infobanner-inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 2rem;
width: 100%;
max-width: 1364px;
margin: 0 auto;
}
@media screen and (min-width: 540px) {
.t404-infobanner-inner {
flex-direction: row;
gap: 4rem;
}
}
.t404-infobanner-column {
flex: 1;
}
.t404-infobanner-column.t404-infobanner-headline h2 {
margin: 0;
hyphens: none;
}
.t404-infobanner-column.t404-infobanner-headline h2 .letter-spacing {
letter-spacing: -6px;
}
.t404-infobanner-column.t404-infobanner-headline h2 .condense-letter {
display: inline-block;
transform: scaleX(0.75);
letter-spacing: -4px;
}
@media screen and (min-width: 540px) {
.t404-infobanner-column.t404-infobanner-image {
flex: 0 1 300px;
}
.t404-infobanner-column.t404-infobanner-content {
flex: 0 1 365px;
align-self: center;
}
} .t404-gallery {
display: block;
width: calc(100% - 2rem);
margin: 1rem auto;
}
.t404-gallery .grid-sizer {
width: 100%;
}
@media screen and (min-width: 540px) {
.t404-gallery .grid-sizer {
width: 50%;
}
}
@media screen and (min-width: 768px) {
.t404-gallery .grid-sizer {
width: 25%;
}
}
.t404-gallery .t404-gallery-image {
width: 100%;
padding: 1rem;
opacity: 0;
visibility: hidden;
transition: all 0.8s ease-in-out;
}
@media screen and (min-width: 540px) {
.t404-gallery .t404-gallery-image {
width: 50%;
}
}
@media screen and (min-width: 768px) {
.t404-gallery .t404-gallery-image {
width: 25%;
}
.t404-gallery .t404-gallery-image.t404-gallery-image--width2 {
width: 50%;
}
.t404-gallery .t404-gallery-image.t404-gallery-image--width3 {
width: 75%;
}
.t404-gallery .t404-gallery-image.t404-gallery-image--height2 {
height: 50svh;
}
}
.t404-gallery .t404-gallery-image picture {
display: block;
}
.t404-gallery .t404-gallery-image picture img {
width: 100%;
}
.t404-gallery .t404-gallery-image.in-viewport {
opacity: 1;
visibility: visible;
transition: all 0.8s ease-in-out;
}
.t404-gallery.has-margin-bottom {
margin-left: auto;
margin-right: auto;
margin-bottom: 10rem !important;
margin-bottom: min(max(6rem, 10vw), 10rem) !important;
margin-bottom: clamp(6rem, 10vw, 10rem) !important;
} .has-background {
padding: 7rem 2rem;
}
@media screen and (min-width: 540px) {
.has-background {
padding: 7rem 5rem;
}
}
@media screen and (min-width: 1920px) {
.has-background.is-style-container-full {
padding: 18rem 5rem;
}
}
@media screen and (min-width: 1920px) {
.has-background.is-style-container-xl {
max-width: 2020px;
padding: 7rem 5rem;
}
}
@media screen and (min-width: 1640px) {
.has-background.is-style-container-l {
max-width: 1740px;
padding: 7rem 5rem;
}
}
@media screen and (min-width: 1364px) {
.has-background.is-style-container-m {
max-width: 1464px;
padding: 7rem 5rem;
}
}
@media screen and (min-width: 1088px) {
.has-background.is-style-container-sm {
max-width: 1188px;
padding: 7rem 5rem;
}
}
@media screen and (min-width: 812px) {
.has-background.is-style-container-s {
max-width: 912px;
padding: 7rem 5rem;
}
}
@media screen and (min-width: 536px) {
.has-background.is-style-container-xs {
max-width: 636px;
padding: 7rem 5rem;
}
}
.has-background .wp-block-group, .has-background .wp-block-columns {
margin-bottom: 1.75rem;
padding-left: 0;
padding-right: 0;
}
.has-background .wp-block-group:last-child, .has-background .wp-block-columns:last-child {
margin-bottom: 0 !important;
}
.has-background.has-primary-background-color {
background-color: var(--color-primary);
}
.has-background.has-secondary-background-color {
background-color: var(--color-secondary);
}
.has-background.has-tertiary-background-color {
background-color: var(--color-surface);
}
.has-background.has-font-background-color {
background-color: var(--color-text);
}
.has-background.has-editorial-background-color {
background-color: var(--color-secondary);
}
.has-background.has-white-background-color {
background-color: #ffffff;
}
.has-background.has-light-grey-background-color {
background-color: var(--color-background);
} .post-password-form {
display: block;
width: 100%;
max-width: 812px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10rem !important;
margin-bottom: min(max(6rem, 10vw), 10rem) !important;
margin-bottom: clamp(6rem, 10vw, 10rem) !important;
text-align: center;
margin-top: 10vh;
} @media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript: "]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
filter: none !important;
-webkit-filter: grayscale(0%) !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
#header, #footer {
display: none;
}
.wp-block-group, .wp-block-columns {
margin-bottom: 1cm !important;
}
.wp-block-image img {
max-width: 12cm !important;
}
} .modula-item img {
filter: brightness(0.8);
transition: all 0.4s ease;
}
.modula-item:hover img {
filter: brightness(1);
transform: scale(1.04);
}