html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-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: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Neuehaasunicapro;
src: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/64fdeefbb2b752f61fc442dc_NeueHaasUnicaPro-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Neuehaasunicapro;
src: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/64fdeefbe5109d1218512e41_NeueHaasUnicaPro-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Neuehaasunica;
src: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/65db4b0bea3318c4017f92ea_NeueHaasUnica-Medium.ttf") format("truetype"), url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/65db4b0bea3318c4017f92ea_NeueHaasUnica-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: San Francisco;
src: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf47d945ba8d0f24ac1ba5_SFNSDisplay-Regular.otf") format("opentype"), url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf47d945ba8d0f24ac1ba5_SFNSDisplay-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sfnsdisplay;
src: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf47d9bb1f2f5dea221ca8_SFNSDisplay-Black.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: San Francisco;
src: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf47d910e5646f7a410a54_SFNSDisplay-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: San Francisco;
src: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf47d9b2e6950a848fb04a_SFNSDisplay-Medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: San Francisco;
src: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf47d9a473eaa811d5f515_SFNSDisplay-Thin.otf") format("opentype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: San Francisco;
src: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf47d964949915750b8d5c_SFNSDisplay-Ultralight.otf") format("opentype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: San Francisco;
src: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf47d9336692bda39b250f_SFNSDisplay-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: San Francisco;
src: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf47d9e035e037e91e3a0b_SFNSDisplay-Semibold.otf") format("opentype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: San Francisco;
src: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf47d9d2b85b74380def85_SFNSDisplay-Heavy.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
:root {
--color--background: var(--color--button-background);
--color--background-mobile: #fff;
--random-color-4: #f80;
--body-grey-light: #eee;
--invert: transparent;
--color--text: #000;
--black: black;
--title-hight: var(--headline-letter);
--color--text-light: #444;
--headline-letter: -.02em;
--headline-hight: 20px;
--dark--info: #ae34ff;
--random-color-e: #90f;
--random-color-d: #ffb700;
--color--white-header: #fff;
--random-color-b: #00e669;
--color--explore: #ff3507;
--random-color-a: #ff3507;
--color--projects: #0080ff;
--random-color-c: #0080ff;
--projects: #00f;
--contact: #ffb700;
--exhibitions: #00e669;
--title-desktop: 40px;
--title: 30px;
--color--project-template_grey: #eee;
--color--header-color-web: #f3f3f3;
--color--info: #c800ff;
--random-color-1: #00d4ff;
--explore: #6d6d6d;
--info: #90f;
--footergap: 250px;
--white: white;
--color--project-template_darkgrey: #ddd;
--dark--text: white;
--color--link-color: blue;
--color--toggle-offset: 0rem;
--random-color-2: #c50003;
--random-color-3: #1c7a74;
--text-regular: 14px;
--text-small: 12px;
--future: #f0e;
--spacing-explore: 20vw;
--color--button-background: white;
--dark--background: #292929;
--dark--button-background: #fff;
--dark--toggle-offset: 15px;
--dark--background-mobile: #292929;
--dark--project-template_grey: #2d2d2d;
--dark--project-template_darkgrey: #242424;
--dark--text-light: #e0e0e0;
--dark--projects: #006aff;
--dark--link-color: #c8ff00;
--dark--header-color-web: #242424;
--dark--white-header: #242424;
--swatch--light: white;
--swatch--dark: #333;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
body {
background-color: var(--color--background);
color: #000;
font-family: DM Sans, sans-serif;
font-size: 18px;
line-height: 1.5;
}
h1 {
letter-spacing: -.04em;
margin-top: 20px;
margin-bottom: 10px;
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
font-size: 60px;
font-weight: 700;
line-height: 1;
}
h2 {
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 32px;
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
font-size: 2.4em;
font-weight: 700;
line-height: 1;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
}
p {
margin-bottom: 10px;
}
.section {
padding-top: 120px;
padding-bottom: 120px;
}
.section.hero {
justify-content: center;
align-items: center;
height: auto;
min-height: 500px;
padding-top: 60px;
padding-bottom: 60px;
display: block;
}
.section.footer {
padding-bottom: 60px;
}
.section.overflow-none {
z-index: 60;
background-color: #fff;
padding: 0 0 50px;
position: relative;
overflow: hidden;
}
.grid-3-columns {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.card-title {
letter-spacing: -.02em;
margin-top: 20px;
margin-bottom: 20px;
font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
font-size: 24px;
font-weight: 700;
}
.card-description {
margin-bottom: 16px;
}
.bg-dark {
color: #fff;
background-color: #23286b;
}
.container-flex {
align-items: center;
display: flex;
}
.container-flex.wide {
justify-content: space-between;
}
.primary-button {
color: #23286b;
letter-spacing: .05em;
text-transform: uppercase;
background-color: #f1b503;
border-radius: 0;
margin-top: 30px;
padding: 16px 36px;
font-size: 16px;
font-weight: 700;
transition: background-color .2s;
}
.primary-button:hover {
background-color: #d59f00;
}
.featured-text {
flex-direction: column;
flex: 1;
align-items: flex-start;
display: flex;
}
.grid-2-columns {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 100px;
transition: opacity .2s;
display: grid;
}
.grid-2-columns.last {
margin-bottom: 0;
}
.footer-menu {
text-align: left;
justify-content: space-between;
margin-bottom: 52px;
display: flex;
}
.footer-label {
margin-top: 0;
margin-bottom: 24px;
font-size: 1em;
}
.footer-link {
color: #23286b;
margin-bottom: 10px;
text-decoration: none;
display: block;
}
.navbar {
background-color: #fff;
padding-top: 16px;
padding-bottom: 16px;
}
.call-to-action-wrapper {
flex: 1;
padding-right: 100px;
}
.pill {
color: #428cfb;
letter-spacing: .05em;
text-transform: uppercase;
border: 2px solid #428cfb;
border-radius: 20px;
margin-bottom: 12px;
padding: 6px 16px;
font-size: 12px;
font-weight: 700;
}
.nav-link {
text-transform: none;
font-weight: 500;
text-decoration: none;
transition: color .2s;
}
.nav-link:hover, .nav-link.w--current {
color: #428cfb;
}
.brand {
color: #23286b;
order: -1;
font-size: 1.2em;
font-weight: 700;
}
.nav-menu {
order: 1;
}
.feature-link {
color: #428cfb;
letter-spacing: .02em;
text-transform: uppercase;
border-bottom: 2px solid #428cfb;
margin-top: 20px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: color .2s;
}
.feature-link:hover {
color: #1372ff;
border-bottom-color: #1372ff;
}
.lightblue {
color: #428cfb;
}
.footer-brand {
color: #23286b;
font-weight: 700;
text-decoration: none;
}
.text-block {
font-size: 1.2em;
}
.cta {
padding-top: 80px;
padding-bottom: 80px;
}
.subfooter {
text-align: center;
font-size: .8em;
}
.div-block {
width: 80px;
height: 1px;
}
.heading {
color: #f1b522;
font-size: 80px;
}
.navbar-5 {
background-color: #fff0;
width: auto;
height: auto;
margin-top: -20px;
}
.div-block-5 {
width: 10%;
display: block;
}
.navbar-2 {
color: #fff;
background-color: #fff;
padding-top: 5px;
}
.image-6 {
margin-top: -1px;
margin-bottom: -15px;
margin-left: 12px;
padding-bottom: 0;
}
.nav-link-3 {
float: right;
color: #0012ff;
padding-top: 10px;
padding-bottom: 20px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.image-5 {
cursor: auto;
transition: opacity .2s;
transform: scale(1);
}
.grid {
float: none;
grid-column-gap: 44px;
grid-row-gap: 43px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
justify-content: stretch;
width: auto;
height: auto;
margin: 23px 0 223px;
padding-top: 0;
}
.background {
cursor: cell;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
height: 0%;
padding-bottom: 0;
display: block;
position: static;
}
.div-block-4 {
width: 10%;
}
.grid-2 {
grid-column-gap: 0px;
grid-row-gap: 69px;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas: ". ."
". Area";
margin-top: 162px;
margin-bottom: 640px;
}
.text-block-2 {
color: #000;
border-bottom: 1px solid #d9d9d9;
margin-top: 222px;
margin-bottom: 44px;
padding-left: 9px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 30px;
}
.div-block-6 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd9fb15854fc4a5e71eca_laufend.jpg");
background-position: 10%;
background-size: cover;
background-attachment: fixed;
margin-left: auto;
padding-top: 78px;
padding-bottom: 350px;
}
.div-block-7 {
margin-top: 84px;
}
.container-2 {
padding-bottom: 285px;
}
.text-block-3 {
color: #fff;
margin-top: -2%;
margin-left: auto;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 30px;
}
.nav-bar-sculptures {
background-color: #000;
}
.image-7 {
padding-top: 117px;
}
.image-8 {
margin-top: -33px;
padding-top: 0;
}
.image-9 {
margin-top: 49px;
padding-top: 0;
}
.text-block-4 {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 16px;
font-style: normal;
}
.container-3 {
padding-top: 104px;
}
.section-2 {
color: #fff;
margin-top: 109px;
}
.div-block-8 {
color: #fff;
border: 50px solid #fff;
border-radius: 0;
}
.div-block-9 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd9fcaf9753f93591856e_GlassV4.jpg"), url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd9fcaf9753f93591856e_GlassV4.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
background-attachment: scroll, fixed;
padding-top: 150px;
padding-bottom: 150px;
}
.image-10 {
transition: flex-grow .2s;
}
.link-block {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd40864a2e4216980ff65_Sculptures.png");
background-position: 0 0;
background-size: cover;
border: 0 solid #fff;
border-radius: 0;
}
.italic-text {
font-style: italic;
}
.italic-text-2 {
font-style: normal;
}
.navbar-6 {
background-color: #fff;
}
.header1 {
opacity: 1;
color: #000;
letter-spacing: -2px;
white-space: normal;
object-fit: fill;
background-color: #ddd0;
border: 0 solid #ddd;
border-bottom-right-radius: 20px;
padding: 0 2%;
font-family: San Francisco, sans-serif;
font-size: 60px;
font-weight: 500;
transform: none;
}
.header1:hover {
filter: none;
color: #0012ff;
}
.header1:active {
filter: none;
}
.header1.w--current {
font-family: DM Sans, sans-serif;
}
.header1.w--current:hover, .header1.w--current:active, .header1.w--current:focus {
color: #0012ff;
}
.header1.w--current:visited {
color: #0012ff;
display: inline-block;
}
.container-4 {
margin-top: 100px;
margin-bottom: 150px;
}
.text-block-5 {
color: #000;
margin-top: -74%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.body {
background-color: var(--color--background-mobile);
color: #000;
cursor: crosshair;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.column {
margin-top: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.navbar-7 {
background-color: #fff;
}
.footer-link-2 {
color: #0012ff;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.nav-link-4 {
float: left;
clear: none;
color: #fff;
margin-left: -4px;
margin-right: 35px;
padding-left: 0;
padding-right: 146px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
position: static;
inset: auto 0% 0%;
}
.body-2 {
font-size: 14px;
}
.body-3 {
-webkit-text-fill-color: inherit;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/60510e55aa084c05b78d8f14_laufend_black.jpg"), url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/60510e55aa084c05b78d8f14_laufend_black.jpg");
background-position: 20% 45%, -400% 45%;
background-size: auto, auto;
background-attachment: fixed, fixed;
background-clip: border-box;
font-size: 14px;
}
.navbar-8 {
color: #000;
background-color: #0000;
margin-left: 0%;
margin-right: 0%;
padding-left: 0%;
}
.wohoo {
color: #000;
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: border-box;
border-radius: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
margin-left: 0;
margin-right: 0;
padding-top: 0;
display: block;
overflow: visible;
}
.wohoo:active {
color: #0012ff;
}
.image-11 {
padding-top: 10px;
}
.column-2 {
padding: 10px;
}
.container-5 {
padding-bottom: 245px;
}
.link-block-2 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd9fc1ffa425b3e1aea66_S164B2.png");
background-position: 0 0;
background-size: cover;
}
.link-block-3 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd405e3036ec69cd17fd5_Abstracts.png");
background-position: 50%;
background-size: cover;
}
.link-block-4 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd40819509d78be3a7116_Unbenannt.png");
background-position: 50%;
background-size: cover;
width: 100px;
height: 100px;
}
.link-block-5 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd40819509d78be3a7116_Unbenannt.png");
background-position: 0 0;
background-size: cover;
width: 100px;
height: 100px;
}
.kreis-3 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd4076b489169324ffbf0_KleksographyV18.png");
background-position: 0 0;
background-size: cover;
width: auto;
height: auto;
}
.link-block-6 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd4086b48910e1c4ffbf1_PhotographyV23.png");
background-position: 0 0;
background-size: cover;
width: 100px;
height: 100px;
}
.link-block-7 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd4059fc2133cea7e2fbc_EclecticismV1.png");
background-position: 0 0;
background-size: cover;
width: 100px;
height: 100px;
}
.link-block-8 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd405af9753b4dc916627_AbstractsV14.png");
background-position: 0 0;
background-size: cover;
width: 100px;
height: 100px;
}
.im-17 {
cursor: auto;
padding: 10px;
display: block;
}
.im-17:hover {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 0;
}
.div-block-10 {
margin: 8% 8% 102%;
}
.link-block-9 {
padding: 0;
}
.grid-3 {
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: stretch;
align-items: stretch;
width: auto;
margin: 308% 4% 10%;
padding-left: 0%;
padding-right: 0%;
display: block;
}
.image-20, .image-21 {
padding: 10px;
display: block;
}
.container-6 {
margin-top: 123px;
}
.columns {
margin-top: 100px;
margin-bottom: 150px;
}
.image-22 {
padding: 10px;
display: block;
}
.text-block-6 {
padding-top: 23px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.image-23 {
padding: 10px;
display: block;
}
.image-24 {
padding: 10px;
}
.image-25, .image-26, .image-27 {
padding: 10px;
display: block;
}
.container-7 {
margin-top: 150px;
margin-bottom: 150px;
}
.text-block-7 {
color: #000;
margin-top: 54px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.image-28, .image-29, .image-30, .image-31, .image-32, .image-33, .image-34 {
padding: 10px;
}
.image-35 {
padding: 10px;
display: block;
}
.container-8 {
margin-top: -74px;
}
.text-block-8 {
color: #000;
text-align: center;
text-transform: none;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
text-decoration: none;
}
.text-block-9 {
color: #000;
text-align: center;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
}
.text-block-10 {
color: #000;
text-align: center;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.container-9 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 5%;
margin-bottom: 500px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.image-36 {
padding: 10px;
}
.text-block-11 {
color: #000;
text-align: left;
font-size: 14px;
text-decoration: none;
}
.body-5 {
color: #000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.image-37, .image-38 {
padding: 10px;
}
.text-block-12 {
color: #000;
text-align: center;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.image-39, .image-40 {
padding: 10px;
}
.text-block-13 {
color: #000;
text-align: center;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
}
.image-41 {
padding: 10px;
}
.text-block-14 {
color: #000;
text-align: center;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
}
.image-42 {
padding: 10px;
}
.text-block-15 {
color: #000;
text-align: center;
text-decoration: none;
}
.body-6 {
color: #000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.link-block-10 {
margin-top: 5px;
padding-right: 0%;
display: block;
}
.link-block-10.w--current {
margin-top: 1px;
margin-bottom: 1px;
}
.header-hamburger {
justify-content: center;
align-items: stretch;
margin-left: 0;
margin-right: 0;
padding-bottom: 31px;
padding-left: 30px;
padding-right: 0;
font-family: Droid Sans, sans-serif;
display: flex;
overflow: visible;
}
.image-43 {
padding: 10px;
display: block;
}
.image-44 {
padding: 10px;
}
.image-45 {
padding: 10px;
display: block;
}
.image-46, .image-47, .image-48, .image-49, .image-50, .image-51, .image-52, .image-53, .image-54, .image-55, .image-56 {
padding: 10px;
}
.div-block-11 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/60515f8708c6285bcef57b2c_Bild%201%20gro%C3%9F.jpg");
background-position: 100% 0;
background-size: cover;
background-attachment: fixed;
margin-top: 76px;
margin-bottom: 0;
padding-bottom: 254px;
}
.image-57 {
padding-left: 0;
padding-right: 0;
}
.section-3 {
margin-top: 150px;
margin-bottom: 150px;
}
.container-10 {
margin-top: 129px;
margin-bottom: 217px;
}
.image-58 {
padding: 15px;
}
.image-59 {
padding: 16px;
}
.image-60 {
padding: 15px;
}
.image-61 {
padding: 16px;
}
.image-62 {
padding: 14px;
}
.image-63 {
padding: 56px;
}
.body-7 {
background-color: #fff;
}
.image-64, .image-65, .image-66, .image-67, .image-68, .image-69, .image-70, .image-71, .image-72, .image-73, .image-74, .image-75, .image-76, .image-77, .image-78, .image-79, .image-80, .image-81, .image-82, .image-83, .image-84, .image-85, .image-86 {
padding: 10px;
}
.columns-2 {
justify-content: center;
margin-top: 60px;
margin-bottom: 0;
display: flex;
}
.text-block-16 {
color: #000;
margin-top: 307px;
padding-left: 26%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.body-8 {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.div-block-12 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051fa6a0e1f5ded147e09ca_Tiffany2.3.png");
background-position: 0 0;
background-size: auto;
margin-top: -28px;
margin-bottom: 604px;
}
.image-87 {
margin-bottom: 527px;
}
.text-block-17 {
color: #000;
margin-top: 28px;
margin-bottom: -167px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.body-9 {
color: #000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.container-11 {
margin-top: 117px;
margin-bottom: 0;
padding-bottom: 324px;
}
.image-88 {
margin-top: 175px;
}
.container-12 {
margin-top: 314px;
margin-bottom: 1652px;
padding-bottom: 0;
}
.column-4 {
margin-bottom: 0;
padding: 30px;
}
.div-block-13 {
margin: 329px 329px 329px 25%;
}
.container-13 {
margin-top: 86px;
margin-bottom: 0;
}
.columns-3 {
margin-bottom: 261px;
}
.div-block-14 {
margin-top: 62px;
margin-left: auto;
margin-right: auto;
}
.column-5 {
margin-top: 0%;
padding: 30px 26px 30px 30px;
}
.column-6, .column-7 {
padding: 30px;
}
.link-block-11 {
margin: 5px;
}
.text-block-18 {
color: #000;
padding-top: 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.text-block-19, .text-block-20, .text-block-21 {
color: #000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.body-10 {
color: #000;
background-color: #fff0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.text-block-22, .text-block-23, .text-block-24 {
color: #000;
}
.text-block-25 {
color: #000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.text-block-26 {
margin-left: 220px;
}
.text-block-27 {
color: #fff;
margin-left: 250px;
padding-top: 18px;
padding-bottom: 209px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 30px;
}
.div-block-15 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd43855d3154d4792cc46_Abstract%20PAinting%20324.jpg");
background-position: 50%;
background-size: cover;
margin-top: 0;
}
.image-89 {
padding-top: 27%;
}
.image-90 {
padding-top: 33%;
}
.div-block-16 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/60514147b2e0f43f0b61cb4b_Kleksography%20469.jpeg");
background-position: 0 0;
background-size: auto;
}
.text-block-28 {
color: #000;
margin-left: 250px;
padding-top: 16px;
padding-bottom: 147px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 30px;
}
.image-91 {
padding-top: 137px;
}
.image-92 {
margin-top: 145px;
}
.grid-4, .grid-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.text-block-29 {
color: #000;
text-align: center;
font-size: 14px;
}
.div-block-17 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/60513745595c285846994032_The%20massacre%20of%20the%20innocent.jpg");
background-position: 0 0;
background-size: auto;
}
.text-block-30 {
color: #000;
margin-left: 250px;
padding-top: 33px;
padding-bottom: 195px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 30px;
}
.grid-6 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-block-18 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/60528683c93fc3dc8b6a9ec7_q2.jpg"), url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6052868455c742a5f177d27a_q7.jpg"), url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd438d5f92e1356735257_Abstract%20Painting%20873.jpg");
background-position: 0 0, 50% 0, 0 0;
background-size: cover, cover, auto;
}
.text-block-31 {
color: #000;
}
.body-11 {
color: #000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 30px;
}
.text-block-32 {
color: #000;
}
.div-block-19 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/605378a263348869598ddd68_10000.jpg");
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
}
.text-block-33 {
color: #fff;
margin-left: 29%;
padding-top: 5%;
padding-bottom: 42%;
}
.body-12 {
background-color: #eee;
margin-top: 0%;
margin-left: 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 30px;
}
.div-block-20 {
margin-top: 2%;
margin-left: 220px;
margin-right: 220px;
}
.image-93 {
padding-top: 58%;
}
.image-94 {
margin-top: 56%;
padding-top: 0%;
}
.image-95 {
padding-top: 73%;
}
.text-block-34 {
color: #000;
}
.body-13 {
color: #000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.text-block-35 {
color: #000;
}
.grid-7 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 24px;
}
.text-block-36 {
color: #000;
border-bottom: 1px solid #000;
}
.image-96 {
padding: 10px;
}
.image-97 {
padding-top: 33%;
}
.image-98 {
padding-top: 34%;
}
.image-99 {
margin-top: 33%;
}
.image-100 {
margin-top: 57%;
}
.image-101 {
margin-top: 55%;
}
.text-block-37 {
color: #000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.image-102 {
padding-top: 97%;
}
.text-block-38 {
color: #000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.image-103, .image-104, .image-105, .image-106 {
padding-top: 50%;
}
.container-14 {
margin-bottom: 515px;
padding-top: 140px;
}
.text-block-39 {
color: #000;
}
.body-14 {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.text-block-40 {
color: #fff;
margin-top: 100%;
padding-top: 42%;
font-size: 14px;
}
.text-block-41 {
margin-top: 100%;
padding-top: 169px;
font-size: 14px;
}
.text-block-42 {
color: #000;
margin-top: -10%;
padding-top: 100%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.body-15 {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.body-16 {
background-image: radial-gradient(circle at 0%, #000 34%, #fff 75%);
}
.text-block-43 {
color: #000;
margin-top: 100%;
padding-top: 40%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
}
.image-107, .image-108, .image-109 {
padding-top: 58%;
}
.image-110 {
margin-bottom: 156px;
}
.text-block-44 {
color: #000;
margin-top: 100%;
padding-top: 25%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.text-block-45 {
color: #000;
margin-top: 93%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.container-15 {
padding-bottom: 149px;
}
.container-16 {
margin-bottom: 44px;
}
.text-block-46 {
color: #000;
margin-top: 100%;
padding-top: 89%;
}
.body-17 {
margin-top: 0%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.column-8 {
padding-top: 3%;
}
.text-block-47 {
color: #000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.container-17 {
margin-bottom: 167px;
}
.column-9 {
padding-top: 454px;
}
.text-block-48 {
color: #000;
}
.body-18 {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.container-18 {
margin-bottom: 160px;
}
.image-111 {
margin-top: 0%;
}
.column-10 {
padding: 30px;
}
.text-block-49 {
margin-top: 4%;
}
.text-block-50 {
color: #000;
margin-top: 100%;
padding-top: 41%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.text-block-51 {
color: #000;
margin-top: 100%;
padding-top: 24%;
}
.body-19 {
color: #000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.text-block-52 {
color: #000;
margin-top: 66%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.container-19 {
margin-bottom: 379px;
}
.text-block-53 {
color: #000;
margin-top: 100%;
padding-top: 21%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.text-block-54 {
color: #000;
margin-top: 100%;
padding-top: 20%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.text-block-55 {
color: #000;
margin-top: 60%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.container-20 {
margin-bottom: 311px;
}
.column-11, .column-12 {
padding: 30px;
}
.image-112 {
padding-top: 27%;
}
.text-block-56 {
color: #000;
margin-top: 87%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.container-21 {
margin-bottom: 217px;
}
.text-block-57 {
color: #000;
margin-top: 87%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.container-22 {
margin-bottom: 232px;
}
.container-23 {
margin-bottom: 60px;
}
.text-block-58 {
color: #000;
margin-top: 100%;
margin-bottom: 9px;
padding-top: 24%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.text-block-59 {
color: #000;
margin-top: 100%;
padding-top: 20%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.text-block-60 {
color: #000;
margin-top: 100%;
padding-top: 29%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.menu-button-3 {
padding: 0;
}
.columns-4 {
padding-bottom: 26%;
}
.container-25 {
margin-left: 19%;
}
.navbar-10 {
color: #000;
background-color: #fff;
margin-left: 10%;
margin-right: 10%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.brand-2 {
padding-right: 869px;
}
.nav-link-5, .nav-link-6, .nav-link-7, .nav-link-8, .nav-link-9, .nav-link-10, .nav-link-11, .nav-link-12, .nav-link-13, .nav-link-14 {
color: #0012ff;
}
.div-block-21 {
width: 51px;
height: 50px;
margin-left: 0;
margin-right: 0;
padding-top: 0%;
}
.text-block-61 {
padding-top: 1%;
padding-bottom: 1%;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
}
.footer_div {
z-index: 0;
background-color: var(--random-color-4);
justify-content: flex-end;
align-items: flex-end;
min-width: 100vw;
min-height: 50vh;
max-height: 50vh;
margin: 0 0 0 10px;
padding-left: 0;
padding-right: 0;
display: flex;
position: fixed;
inset: auto 0% 0% auto;
}
.text-block-63 {
color: #000;
margin-top: 100%;
padding-top: 24%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.container-26 {
justify-content: center;
align-items: center;
height: 100vh;
padding-right: 0;
display: flex;
}
.div-block-23 {
background-color: #fff0;
flex: 0 auto;
justify-content: center;
width: auto;
height: auto;
margin: 0;
padding: 25% 15% 25% 25%;
display: flex;
}
.body-20 {
background-color: #fff;
}
.body-21 {
background-color: #000;
}
.body-22 {
background-color: #eee0;
margin-left: auto;
margin-right: auto;
display: block;
}
.body-23 {
margin-left: 0;
margin-right: auto;
display: block;
}
.track {
height: 400vw;
display: block;
}
.camera {
width: 100vw;
height: 100vh;
position: sticky;
top: 0;
overflow: hidden;
}
.frame {
-webkit-text-fill-color: inherit;
background-color: #ffb7b700;
background-clip: padding-box;
height: auto;
display: flex;
}
.item-1 {
flex: none;
width: 100vw;
height: 100vh;
}
.image-120 {
object-fit: cover;
width: 100%;
height: 100%;
}
.image-121 {
width: 100%;
height: 100%;
padding: 37px;
}
.item-2 {
flex: none;
width: 100vw;
height: 100vh;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.image-122 {
background-color: #000;
flex: none;
}
.background-video {
margin-top: 0;
}
.div-block-24, .rich-text-block {
filter: invert();
}
.test {
font-size: 50px;
}
.image-123 {
flex: 0 auto;
width: 100vw;
height: 100vh;
}
.berbild {
width: 100vw;
height: 100vh;
}
.container-27 {
flex: 1;
justify-content: center;
display: flex;
}
.div-block-25 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/617856b3b68834bb31c7cff6_testhintergrund.png");
background-position: 0 0;
background-size: 100vw 100vh;
position: fixed;
}
.text-block-64 {
color: #fff;
}
.column-14 {
justify-content: center;
display: block;
}
.html-embed, .html-embed-2 {
position: static;
}
.html-embed-3 {
flex: 0 auto;
justify-content: center;
margin: 0;
padding-right: 0;
display: block;
position: static;
}
.html-embed-4 {
position: static;
}
.image-124 {
flex: none;
}
.columns-5 {
flex: none;
width: 100vw;
height: 100vh;
}
.column-15 {
background-image: linear-gradient(#000, #2e2e2e 0%, #fff);
padding: 15%;
display: block;
}
.column-16 {
justify-content: flex-start;
display: block;
}
.html-embed-5 {
flex-flow: wrap;
flex: none;
place-content: flex-start flex-end;
align-items: center;
margin-bottom: 0%;
padding-top: 0%;
padding-bottom: 0%;
padding-right: 0;
display: block;
}
.div-block-26 {
flex-direction: row;
flex: 1;
display: block;
overflow: visible;
}
.heading-2 {
color: #696969;
margin-top: 0;
margin-bottom: 0;
font-family: DM Sans, sans-serif;
font-size: 200px;
font-weight: 400;
}
.textblockmagda1 {
color: #000;
text-align: left;
padding: 0% 0% 10%;
font-family: San Francisco, sans-serif;
font-weight: 400;
}
.section-4 {
color: #fff;
background-color: #0000;
padding-top: 249px;
padding-bottom: 297px;
}
.image-125 {
text-align: left;
border-radius: 0;
display: inline-block;
}
.background-video-2 {
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
height: 100vh;
display: flex;
}
.column-17 {
object-fit: fill;
flex-flow: column wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center flex-start;
align-items: flex-start;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
overflow: visible;
}
.image-126 {
flex: 0 auto;
display: block;
}
.text-block-66 {
color: #535353;
font-size: 200px;
}
.magdalena {
opacity: 1;
color: #000;
white-space: normal;
font-size: 150px;
line-height: 1;
}
.column-18 {
flex-direction: column;
align-items: flex-end;
padding: 10px 10px 10px 0;
display: flex;
}
.columns-6 {
flex: 1;
align-items: stretch;
display: flex;
}
.magdainvert {
border: 1px #696969;
border-radius: 0;
align-items: flex-end;
padding-left: 0;
padding-right: 0;
display: flex;
}
.text-bild-magda-1 {
color: #000;
text-align: right;
font-size: 12px;
font-style: normal;
font-weight: 500;
}
.div-block-27 {
background-color: #0000;
padding-top: 684px;
}
.wohoo {
filter: invert();
text-align: left;
white-space: nowrap;
border: 1px #000;
border-radius: 0 20px 20px 0;
padding-right: 0;
font-family: DM Sans, sans-serif;
font-size: 150px;
font-weight: 400;
line-height: 1;
}
.wohoo2 {
text-align: center;
background-color: #eee0;
justify-content: center;
margin-left: 0%;
margin-right: 0%;
padding-top: 1%;
padding-bottom: 46px;
font-family: San Francisco, sans-serif;
font-weight: 300;
display: flex;
}
.column-19 {
padding-right: 0;
}
.columns-7 {
border: 1px #000;
border-radius: 0;
margin-bottom: 0;
padding-bottom: 1px;
}
.column-20 {
padding-left: 0;
}
.text-block-magda-2 {
color: #000;
text-align: left;
letter-spacing: 0;
padding: 0% 10% 10%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
line-height: 1;
}
.image-128 {
height: auto;
padding: 5%;
}
.html-embed-6 {
border-radius: 20px;
justify-content: center;
align-items: flex-start;
display: flex;
}
.box-inner {
background-color: #bb2626;
justify-content: center;
align-items: center;
width: 90%;
height: 90%;
display: flex;
}
.box-inner3 {
background-color: #bb2626;
justify-content: center;
align-items: center;
width: 60%;
height: 60%;
display: flex;
}
.map-contain {
z-index: 1;
width: 100%;
height: 100vh;
font-size: 1vw;
position: relative;
overflow: scroll;
}
.map-dot {
margin-top: 25.1em;
margin-left: 46em;
position: absolute;
inset: 0% auto auto 0%;
}
.map-dot.is--4 {
margin-top: 42.7em;
margin-left: 16.2em;
}
.map-dot.is--3 {
margin-top: 51.7em;
margin-left: 53em;
}
.map-dot.is--1 {
margin-top: 11.8em;
margin-left: 19.4em;
}
.map-dot.is--5 {
margin-top: 18.8em;
margin-left: 78.7em;
}
.map-dot.is--6 {
margin-top: 58.3em;
margin-left: 22.4em;
}
.map-dot.is--7 {
margin-top: 45.8em;
margin-left: 73em;
}
.map-dot.is--1 {
background-color: #0f1;
border-radius: 100px;
margin-top: 10.9em;
margin-left: 8.4em;
font-size: 2em;
}
.map-dot.is--2 {
margin-top: 29.1em;
margin-left: 77.9em;
}
.box {
cursor: pointer;
background-color: #fff;
justify-content: center;
align-items: center;
width: 1.5em;
height: 1.5em;
font-size: 1.4em;
display: flex;
transform: rotate(45deg);
}
.box-inner2 {
background-color: #fff;
flex: none;
justify-content: center;
align-items: center;
width: 50%;
height: 50%;
display: flex;
position: absolute;
}
.div-block-28 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "."
"Area"
"."
"."
"."
"."
/ .5fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.box-inner4 {
opacity: 0;
background-color: #bb2626;
border: .1em solid #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 50%;
display: flex;
}
.map-image {
z-index: 1;
cursor: grabbing;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
width: 100em;
max-width: none;
height: 74em;
font-size: 1em;
position: relative;
}
.wrap {
z-index: 3;
height: 100vh;
position: fixed;
inset: 0% auto 0% 0%;
}
.list {
height: 100vh;
}
.item {
text-align: center;
background-color: #ebe9e5;
flex-direction: column;
justify-content: center;
align-items: center;
width: 39em;
height: 100vh;
padding: 4.7em;
transition: transform .2s;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
transform: translate(-120%);
box-shadow: 14px 14px 100px #000000c2;
}
.map-ui {
z-index: 2;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 100vh;
padding: 2.8em;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.button {
background-color: #cab996;
justify-content: center;
align-items: center;
width: 2.5em;
height: 2.5em;
margin-top: 2.1em;
display: flex;
transform: rotate(45deg);
}
.button-icon {
z-index: 2;
justify-content: center;
align-items: center;
width: 40%;
height: 40%;
display: flex;
position: relative;
transform: rotate(-45deg);
}
.button-outline {
z-index: 1;
border: 1px solid #000;
width: 85%;
height: 85%;
position: absolute;
}
.start {
z-index: 1000;
color: #fff;
text-align: center;
background-color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
padding: 2em;
transition: opacity .4s;
display: none;
position: fixed;
inset: 0%;
}
.start_button {
background-color: #0000;
border: 1px solid #fff;
border-radius: 50%;
margin-top: 1.8em;
padding: 1.7em 3.2em;
font-size: 1.3em;
transition: all .2s;
}
.start_button:hover {
color: #000;
background-color: #fff;
}
.map-image-2 {
z-index: 1;
cursor: grabbing;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61a60eb4e00509377a6260eb_map.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100em;
max-width: none;
height: 74em;
font-size: 1em;
position: relative;
}
.div-block-29 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: ". . . ."
". Area-4 . ."
". . . ."
". Area Area-3 ."
". . . ."
". . . ."
". . . ."
". . . Area-2"
". . . ."
". . . ."
/ 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.box-inner-2 {
background-color: #000;
justify-content: center;
align-items: center;
width: 90%;
height: 90%;
display: flex;
}
.html {
width: 0;
height: 0;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.item-3 {
text-align: center;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 39em;
height: 100vh;
padding: 4.7em;
transition: transform .2s;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
transform: translate(-120%);
box-shadow: 14px 14px 100px #000000c2;
}
.empty-state {
background-color: #fff;
display: flex;
}
.button-icon-2 {
z-index: 2;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd408a6fd20f0d514febb_SculpturesV2.png");
background-position: 0 0;
background-size: auto;
justify-content: center;
align-items: center;
width: 40%;
height: 40%;
display: flex;
position: relative;
transform: rotate(-45deg);
}
.image-3 {
margin-left: -209px;
margin-right: -263px;
padding-left: 0;
}
.box-inner3-2 {
background-color: #0000;
justify-content: center;
align-items: center;
width: 60%;
height: 60%;
display: flex;
}
.box-inner-3 {
border-radius: 20px;
justify-content: center;
align-items: center;
width: 90%;
height: 90%;
display: flex;
}
.box-inner4-2 {
opacity: 0;
background-color: #0000;
border: .1em solid #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 50%;
display: flex;
}
.image-2 {
margin-top: -125px;
margin-right: -305px;
}
.header1-2 {
opacity: 1;
color: #000;
letter-spacing: -2px;
white-space: normal;
object-fit: fill;
background-color: #0000;
padding: 0 50px 0 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 80px;
font-weight: 700;
transform: none;
}
.header1-2:hover {
filter: none;
color: #0012ff;
}
.header1-2:active {
filter: none;
}
.header1-2.w--current:hover, .header1-2.w--current:active, .header1-2.w--current:focus {
color: #0012ff;
}
.header1-2.w--current:visited {
color: #0012ff;
display: inline-block;
}
.div-block-30 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: ". . . ."
"Area-6 Area-4 Area-8 ."
"Area-7 . . ."
"Area-5 Area Area-3 ."
". . . ."
". . . ."
". . . ."
". . . Area-2"
". . . ."
". . . ."
/ 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.box-2 {
filter: invert();
cursor: pointer;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 1.5em;
height: 1.5em;
font-size: 1.4em;
display: flex;
transform: rotate(45deg);
}
.navbar-12 {
background-color: #91868600;
display: block;
}
.box-inner2-2 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/604fd408a6fd20f0d514febb_SculpturesV2.png");
background-position: 0 0;
background-size: auto;
border-radius: 20px;
flex: none;
justify-content: center;
align-items: center;
width: 50%;
height: 50%;
display: flex;
position: absolute;
}
.map-image-3 {
z-index: 1;
cursor: grabbing;
width: 100em;
max-width: none;
height: 74em;
font-size: 1em;
position: relative;
}
.map__state {
z-index: 2;
width: 10em;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0% auto auto 0%;
}
.map__state.id {
width: 12.2em;
margin-top: 1.4em;
margin-left: 11.4em;
}
.map__state.ak {
width: 11.7em;
margin-top: 29.2em;
margin-left: 1.5em;
}
.map__state.sc {
width: 5.8em;
margin-top: 23em;
margin-left: 47.4em;
}
.map__state.ga {
width: 6.1em;
margin-top: 23.7em;
margin-left: 44.7em;
}
.map__state.il {
width: 4.8em;
margin-top: 12.8em;
margin-left: 36.8em;
}
.map__state.nc {
width: 10.1em;
margin-top: 19.8em;
margin-left: 45.8em;
}
.map__state.mo {
width: 7.8em;
margin-top: 16em;
margin-left: 32em;
}
.map__state.mi {
width: 4.3em;
margin-top: 7.7em;
margin-left: 42.2em;
}
.map__state.in {
width: 3.5em;
margin-top: 13.6em;
margin-left: 41.2em;
}
.map__state.az {
width: 7.8em;
margin-top: 19.5em;
margin-left: 8.3em;
}
.map__state.ky {
width: 8.6em;
margin-top: 17.7em;
margin-left: 39.9em;
}
.map__state.ny {
width: 8.3em;
margin-top: 6.9em;
margin-left: 49.7em;
}
.map__state.nv {
width: 7.3em;
margin-top: 10.7em;
margin-left: 4.2em;
}
.map__state.al {
width: 4.3em;
margin-top: 24.8em;
margin-left: 42.3em;
}
.map__state.ri {
width: .9em;
margin-top: 10.6em;
margin-left: 58.4em;
}
.map__state.ca {
width: 9.4em;
margin-top: 9.5em;
margin-left: 0;
}
.map__state.nm {
width: 8.4em;
margin-top: 20.5em;
margin-left: 14.9em;
}
.map__state.tx {
width: 16.5em;
margin-top: 22em;
margin-left: 18.2em;
}
.map__state.ia {
width: 7.2em;
margin-top: 11.5em;
margin-left: 31em;
}
.map__state.wa {
width: 7.8em;
margin-top: -.1em;
margin-left: 2.8em;
}
.map__state.wi {
width: 9.5em;
margin-top: 5.5em;
margin-left: 35em;
}
.map__state.tn {
width: 9.4em;
margin-top: 20.9em;
margin-left: 39.1em;
}
.map__state.nd {
width: 7.8em;
margin-top: 3.2em;
margin-left: 23.4em;
}
.map__state.wy {
width: 8.2em;
margin-top: 8.3em;
margin-left: 14.8em;
}
.map__state.md {
width: 5.2em;
margin-top: 15.2em;
margin-left: 50.6em;
}
.map__state.mn {
width: 7.3em;
margin-top: 3.1em;
margin-left: 30.6em;
}
.map__state.oh {
width: 4.8em;
margin-top: 12.9em;
margin-left: 44.5em;
}
.map__state.hi {
width: 7em;
margin-top: 34.2em;
margin-left: 15.4em;
}
.map__state.fl {
width: 10.3em;
margin-top: 29.6em;
margin-left: 42.9em;
}
.map__state.wv {
width: 5em;
margin-top: 14.9em;
margin-left: 47.6em;
}
.map__state.ne {
width: 9.7em;
margin-top: 12.1em;
margin-left: 22.7em;
}
.map__state.pa {
width: 6.7em;
margin-top: 11.8em;
margin-left: 48.9em;
}
.map__state.de {
width: 1.3em;
margin-top: 14.7em;
margin-left: 54.6em;
}
.map__state.ct {
z-index: 9;
width: 1.8em;
margin-top: 27.9em;
margin-left: 17.1em;
}
.map__state.ma {
width: 3.8em;
margin-top: 9.1em;
margin-left: 56.6em;
}
.map__state.or {
width: 9.4em;
margin-top: 3.3em;
margin-left: .7em;
}
.map__state.ok {
width: 10.3em;
margin-top: 21.4em;
margin-left: 23.3em;
}
.map__state.me {
width: 4.2em;
margin-top: 2.1em;
margin-left: 57.8em;
}
.map__state.sd {
width: 8.4em;
margin-top: 7.7em;
margin-left: 22.9em;
}
.map__state.ut {
width: 6.7em;
margin-top: 12.1em;
margin-left: 10.1em;
}
.map__state.ms {
background-color: #ff1f1f;
width: 4.1em;
margin-top: 23.6em;
margin-left: 39em;
}
.map__state.nj {
width: 1.5em;
margin-top: 12.4em;
margin-left: 54.9em;
}
.map__state.co {
width: 8.6em;
margin-top: 14.4em;
margin-left: 16.1em;
}
.map__state.ks {
width: 8.9em;
margin-top: 16.7em;
margin-left: 24.4em;
}
.map__state.nh {
width: 1.7em;
margin-top: 5.7em;
margin-left: 57.1em;
}
.map__state.va {
width: 8.3em;
margin-top: 16.2em;
margin-left: 47.1em;
}
.map__state.ar {
width: 6.1em;
margin-top: 21.8em;
margin-left: 33.4em;
}
.map__state.vt {
width: 1.9em;
margin-top: 6.3em;
margin-left: 55.6em;
}
.map__state.la {
width: 6.7em;
margin-top: 27.6em;
margin-left: 34.1em;
}
.map__state.mt {
width: 7em;
margin-top: 1.3em;
margin-left: 8.4em;
}
.map__state._3dd {
width: 4.3em;
margin-top: 27.4em;
margin-left: 41.4em;
}
.map {
z-index: 2;
font-size: 1em;
transition: font-size .4s cubic-bezier(.39, .575, .565, 1);
position: relative;
}
.map:hover {
font-size: 1.5em;
}
.map__img {
z-index: 1;
opacity: 1;
width: 62em;
max-width: none;
position: relative;
}
.container-28 {
width: 1440px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5em;
}
.container-28.is--map {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
margin-right: 0;
padding: 8.3em 0 7.7em;
display: block;
position: fixed;
}
.container-28.is--map-mobile {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 8.3em 0 7.7em;
display: flex;
}
.container-28.is--map-copy {
text-align: center;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
margin-right: 0;
padding: 8.3em 0 7.7em;
display: block;
position: fixed;
}
.section-5 {
z-index: 3;
width: 100%;
position: relative;
overflow: hidden;
}
.section-5.is--map-section {
display: none;
}
.main-embed {
width: 100%;
height: 2em;
min-height: 2em;
}
.map__embed {
width: 100%;
}
.body-24 {
background-color: #fff;
font-size: 1vw;
}
.karte {
z-index: 1;
flex: 1;
width: 100em;
height: 100em;
font-size: 1.5em;
transition: font-size .4s cubic-bezier(.39, .575, .565, 1);
position: relative;
}
.karte:hover {
font-size: 2vw;
}
.mapimage {
z-index: 1;
opacity: 1;
width: 100%;
max-width: none;
height: 100%;
margin-top: 0;
margin-left: -8em;
margin-right: 0;
font-size: 1%;
display: block;
position: relative;
}
.project {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.project._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.project.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.project.sculptures:hover {
background-color: #ffffff26;
}
.project.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.project.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.project._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.project._3d:hover {
transform: scale(1.1);
}
.project.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.project.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.project.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.project.home:hover {
transform: scale(1.1);
}
.project._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.project._2d:hover {
transform: scale(1.1);
}
.project.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
.project.reliefs:hover {
transform: scale(1.1);
}
.project.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.project.sculptures:hover {
transform: scale(1.1);
}
.project.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.project.university:hover {
transform: scale(1.1);
}
.project.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.project.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.project.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.project.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.project.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.project.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.project.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.project.binary-period:hover {
transform: scale(1.1);
}
.project.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.project.standing:hover {
transform: scale(1.1);
}
.project._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.project._2d-v2:hover {
transform: scale(1.1);
}
.project._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.project._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.project.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.project.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.project._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.project._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.project._2d-v2-copy:hover {
transform: scale(1.1);
}
.project.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.project.binary-period-copy:hover {
transform: scale(1.1);
}
.project_embed {
width: 100%;
height: 100%;
}
.project_embed:hover {
background-color: #ffffff26;
}
.project_embed._3d:hover {
background-color: #fff0;
transform: scale(1.1);
}
.text-block-67 {
opacity: 1;
color: #000;
text-align: center;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 100%;
font-style: normal;
font-weight: 700;
text-decoration: none;
}
.text-block-67:hover {
opacity: 1;
color: #fff;
background-color: #0000;
}
.paragraph {
text-decoration: none;
}
.map_home {
z-index: 1;
width: 100em;
font-size: 1em;
transition: font-size .4s cubic-bezier(.39, .575, .565, 1);
position: relative;
}
.map_home:hover {
width: 2vw;
font-size: 2em;
}
.map_image_home, .home_map1, .mapimage-copy {
z-index: 1;
width: 100em;
height: auto;
margin-top: 0;
position: relative;
}
.mapimage-copy {
z-index: 1;
width: auto;
height: auto;
margin-top: 0;
font-size: 2em;
position: relative;
}
.mapimage-copy:hover {
font-size: 2em;
line-height: 1.5;
}
.container-28-copy.is--map-copy {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 0 0 7.7em;
display: flex;
}
.container-28-copy.is--map-copy:hover {
font-size: 18px;
}
.project-copy._2d-copy {
margin-top: 16.8em;
margin-left: 23.4em;
text-decoration: none;
}
.project-copy._2d-copy:hover {
transform: scale(1.1);
}
.karte-copy {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/620ff41a02a9fc9f51b913e8_Chess%20V3%20ohne.jpg");
background-position: 0 0;
background-size: auto;
width: 100em;
height: auto;
transition: font-size .4s cubic-bezier(.39, .575, .565, 1);
display: block;
position: relative;
}
.mapimage-copy {
z-index: 1;
width: 100em;
height: auto;
margin-top: 0;
position: relative;
top: 0;
left: 0;
}
.dropdown {
margin-top: 0;
}
.image-129 {
width: auto;
font-size: 1vw;
}
.text-block-67-copy {
opacity: 1;
color: #fff;
text-align: center;
width: 1vw;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1vw;
font-style: normal;
font-weight: 700;
text-decoration: none;
}
.text-block-67-copy {
opacity: 1;
color: #000;
text-align: center;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 50%;
font-style: normal;
font-weight: 700;
text-decoration: none;
}
.text-block-67-copy:hover {
opacity: 1;
color: #fff;
background-color: #0000;
}
.text-block-67-copy-copy {
opacity: 1;
color: #fff;
text-align: center;
width: auto;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1vw;
font-style: normal;
font-weight: 700;
text-decoration: none;
}
.text-block-67-copy-copy:hover {
opacity: 1;
color: #fff;
background-color: #0000;
}
.image-them {
width: auto;
font-size: 1vw;
}
.text-them {
opacity: 1;
color: #fff;
text-align: center;
width: auto;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1vw;
font-style: normal;
font-weight: 700;
text-decoration: none;
}
.text-them:hover {
opacity: 1;
color: #fff;
background-color: #0000;
}
.free-standing-text {
opacity: 1;
color: #000;
text-align: center;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 40%;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
.free-standing-text:hover {
opacity: 1;
color: #000;
background-color: #0000;
}
.image-130 {
border-radius: 0;
}
.image-130:hover {
filter: hue-rotate(180deg);
}
.binary-period-text {
opacity: 1;
color: #000;
text-align: center;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 40%;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
.binary-period-text:hover {
opacity: 1;
color: #000;
background-color: #0000;
}
.binary-period-dot {
border-radius: 0;
font-size: 1%;
}
._2d_dot {
border-radius: 0;
width: 100em;
padding-top: 0;
padding-left: 0;
}
._2d_dot:hover {
filter: hue-rotate(180deg);
}
._2d_text {
opacity: 1;
color: #000;
text-align: center;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 50%;
font-style: normal;
font-weight: 700;
text-decoration: none;
}
._2d_text:hover {
opacity: 1;
color: #000;
background-color: #0000;
}
._3d_dot {
border-radius: 0;
box-shadow: 0 0 0 -20px #000;
}
._3d_dot:hover {
box-shadow: none;
border: 0 solid #fff;
border-radius: 0;
}
._3d_text {
opacity: 1;
color: #000;
text-align: center;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 50%;
font-style: normal;
font-weight: 700;
text-decoration: none;
}
._3d_text:hover {
opacity: 1;
color: #000;
background-color: #0000;
}
.background_artworks {
background-color: #ffffffa3;
border: 1px solid #9b9b9b;
border-radius: 20px;
margin-bottom: 0%;
margin-left: 2%;
margin-right: 2%;
}
.image-131 {
filter: blur();
border-radius: 20px;
margin-top: 0;
padding-top: 145px;
padding-bottom: 1px;
}
.body-26 {
background-color: #ffffff3b;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf353a6df72279d793c448_MAgdalena%20Render%20side%20blur.jpg");
background-position: 0%;
background-size: auto;
background-attachment: scroll;
}
.div-block-31 {
margin-top: 130px;
margin-bottom: 0;
}
.text-block-68 {
color: #000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 50px;
font-weight: 400;
}
.image-132 {
width: 60px;
height: 50px;
}
.header_exhibitions {
opacity: 1;
filter: invert();
color: #000;
text-align: left;
letter-spacing: -2px;
white-space: normal;
object-fit: fill;
background-color: #ddd0;
border: 0 solid #ddd;
border-radius: 0;
flex: 0 auto;
margin-right: 1px;
padding: 0 2%;
font-family: San Francisco, sans-serif;
font-size: 60px;
font-weight: 500;
transform: none;
}
.header_exhibitions:hover {
filter: none;
color: #ffed01;
}
.header_exhibitions:active {
filter: none;
color: #fd7600;
}
.header_exhibitions.w--current {
font-family: DM Sans, sans-serif;
}
.header_exhibitions.w--current:hover, .header_exhibitions.w--current:active, .header_exhibitions.w--current:focus {
color: #0012ff;
}
.header_exhibitions.w--current:visited {
color: #0012ff;
display: inline-block;
}
.header_projects {
opacity: 1;
color: #000;
letter-spacing: -2px;
white-space: normal;
object-fit: fill;
background-color: #0000;
padding: 0 2%;
font-family: San Francisco, sans-serif;
font-size: 60px;
font-weight: 500;
transform: none;
}
.header_projects:hover {
filter: none;
color: #0012ff;
}
.header_projects:active {
filter: none;
}
.header_projects.w--current {
background-color: #ddd0;
border: 0 solid #000;
margin-right: 1px;
font-family: DM Sans, sans-serif;
font-size: 60px;
}
.header_projects.w--current:hover, .header_projects.w--current:active, .header_projects.w--current:focus {
color: #0012ff;
}
.header_projects.w--current:visited {
color: #0012ff;
display: inline-block;
}
.header_home {
opacity: 1;
color: #000;
text-align: left;
letter-spacing: -2px;
white-space: normal;
object-fit: fill;
background-color: #ddd0;
border: 0 solid #fff;
border-bottom-left-radius: 20px;
margin-right: 1px;
padding: 0 2%;
font-family: San Francisco, sans-serif;
font-size: 60px;
font-weight: 500;
transform: none;
}
.header_home:hover {
filter: none;
color: #0012ff;
}
.header_home:active {
filter: none;
}
.header_home.w--current {
font-family: DM Sans, sans-serif;
}
.header_home.w--current:hover, .header_home.w--current:active, .header_home.w--current:focus {
color: #0012ff;
}
.header_home.w--current:visited {
color: #0012ff;
display: inline-block;
}
.section-6 {
position: static;
inset: 0% auto auto 0%;
}
.text-block-69 {
color: #fff;
text-align: right;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
padding-top: 1%;
padding-right: 5%;
display: block;
}
.body-27 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61d1da988b502b2fa0f829db_Input_blur_bwV2.jpg");
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
}
.column-21 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-32 {
padding-top: 158px;
}
.section_top_input {
position: static;
inset: 0% auto auto 0%;
}
.wohoo3 {
background-color: #91868600;
}
.section_top_input2 {
position: static;
inset: 0% auto auto 0%;
}
.wohoo3-copy {
background-color: #91868600;
}
.section-6-copy {
position: static;
inset: 0% auto auto 0%;
}
.div-block-33 {
height: 100vh;
margin-bottom: -14px;
padding-top: 5%;
padding-bottom: 0;
font-size: 1px;
}
.text-block-70 {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 80px;
font-weight: 100;
}
.column-22 {
align-items: stretch;
display: block;
}
.columns-8, .columns-8-copy {
background-color: #ffffff8f;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-left: 0%;
padding-bottom: 1px;
padding-left: 2%;
padding-right: 2%;
}
.columns-7-copy {
border: 1px #000;
border-radius: 0;
margin-bottom: 0;
padding-bottom: 1px;
}
.column-23 {
padding-left: 0;
padding-right: 0;
}
.top_input {
background-color: #fff9;
border-radius: 35px 35px 0 0;
margin-bottom: 1px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 2%;
padding-left: 0%;
padding-right: 0%;
}
.content_input {
background-color: #fff9;
border-radius: 0;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.bottom_input {
background-color: #fff9;
border-radius: 0 0 20px 20px;
margin: 0 0%;
padding: 0 0%;
}
.column-24 {
justify-content: center;
align-items: flex-start;
padding-top: 10px;
display: block;
overflow: visible;
}
.column-25 {
padding-left: 0;
padding-right: 0;
}
.div-block-34 {
background-color: #ddd;
}
.textblockinput2 {
color: #000;
text-align: left;
padding: 0% 0% 10%;
font-family: San Francisco, sans-serif;
font-weight: 400;
}
.content_magdalena {
border: 1px solid #ddd;
border-radius: 20px;
margin-left: 0%;
margin-right: 0%;
padding-left: 0%;
}
.image_magda_1 {
margin-right: 0;
}
.headline_magda {
color: #000;
padding-left: 4%;
font-family: San Francisco, sans-serif;
font-size: 50px;
font-weight: 300;
}
.textblockmagda2-copy, .textblockmagda1-copy {
color: #000;
text-align: left;
padding: 0% 0% 10%;
font-family: San Francisco, sans-serif;
font-weight: 400;
}
.content_magdalena2 {
background-color: #fff9;
border-radius: 0;
margin-bottom: 1px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.content_magdalena3, .content_magdalena4 {
background-color: #fff9;
border-radius: 0;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.column-21-copy {
padding-top: 0;
padding-left: 1px;
padding-right: 1px;
}
.headline_them {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 80px;
font-weight: 100;
}
.the_massacre_data {
color: #000;
text-align: left;
padding: 0% 0% 10%;
font-family: San Francisco, sans-serif;
font-weight: 400;
}
.div-block-35 {
margin-top: 100px;
}
.underline_magdalena_1 {
color: #787878;
text-align: left;
padding: 0% 0% 10%;
font-family: San Francisco, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: 400;
}
.container-28-mobile {
width: 1440px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5em;
}
.container-28-mobile.is--map {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 8.3em 0 7.7em;
display: flex;
}
.container-28-mobile.is--map-mobile {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 8.3em 0 7.7em;
display: block;
}
.container-28-mobile.is--map-mobile-copy {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 8.3em 0 7.7em;
display: none;
}
.map_mobile {
z-index: 1;
width: auto;
height: auto;
font-size: 2%;
position: relative;
}
.map_mobile:hover {
font-size: 2vw;
}
.section-8, .section-8-copy {
margin-bottom: 1px;
}
.background_sculptures {
background-color: #bc6b6b;
}
.header-hamburger-2 {
justify-content: center;
margin-left: 0;
margin-right: 0;
padding-right: 0;
font-family: Droid Sans, sans-serif;
display: flex;
overflow: visible;
}
.wohoo2-2 {
text-align: center;
background-color: #91868600;
justify-content: center;
margin-left: 2%;
margin-right: 2%;
font-family: San Francisco, sans-serif;
font-weight: 300;
display: flex;
}
.menu-button-4 {
padding: 0;
}
.div-block-37 {
margin-left: 0;
margin-right: 0;
}
.sculptures_caroussel {
background-color: #fff9;
border-radius: 0;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.div-block-38 {
border: 1px solid #fff;
border-radius: 20px;
margin: 5%;
}
.image-135 {
border-radius: 20px;
}
.slider {
object-fit: fill;
flex-direction: row;
justify-content: center;
align-items: stretch;
min-height: 20%;
margin: 25px 2% 47px;
padding-bottom: 0;
display: flex;
overflow: visible;
}
.slide {
width: 100%;
height: 100%;
}
.mask, .slider-2 {
height: auto;
}
.div-block-39 {
background-color: #fff0;
border: 1px solid #fff;
border-radius: 20px;
width: 25%;
padding: 0% 0% 2%;
}
.image-136 {
border-radius: 20px 20px 0 0;
width: 100%;
}
.slider_magda_text {
color: #000;
text-align: left;
padding: 2%;
font-family: San Francisco, sans-serif;
font-size: 14px;
font-weight: 400;
}
.slide-2 {
padding: 2% 0% 2% 2%;
}
.slider_magda_headline {
color: #000;
border-bottom: 0 solid #000;
margin-top: 0;
margin-bottom: 1px;
padding-top: 2%;
padding-left: 2%;
padding-right: 2%;
font-family: San Francisco, sans-serif;
font-size: 30px;
font-weight: 100;
}
.collection-list-wrapper {
width: 100%;
}
.div-block-40 {
background-color: #ddd;
align-items: center;
padding-left: 2%;
padding-right: 2%;
display: flex;
}
.collection_sculptures {
padding-top: 0;
}
.sculptures_list {
justify-content: flex-start;
align-items: center;
display: flex;
}
.sculptures_item {
border-radius: 0;
width: 30vw;
min-width: 33vw;
height: 40vw;
}
.sculptures_card {
color: #000;
border: 1px solid #fff;
border-radius: 20px;
margin: 10%;
padding-top: 0%;
padding-left: 0%;
padding-right: 0%;
font-family: San Francisco, sans-serif;
font-weight: 400;
text-decoration: none;
position: relative;
}
.image-137 {
border-radius: 20px 20px 0 0;
width: 100%;
height: 50%;
}
.div-block-41 {
font-size: 14px;
}
.text-block-71 {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 14px;
}
.collection_magda_text {
color: #000;
padding: 2%;
font-family: San Francisco, sans-serif;
font-size: 14px;
}
.heading-3 {
margin: 5% 2% 2%;
font-size: 30px;
font-weight: 100;
}
.collection_sculptures_image_gyn, .collection_sculptures_image_tiffany {
border-radius: 20px 20px 0 0;
width: 100%;
height: 50%;
}
.collection-item {
align-items: flex-start;
width: 33vw;
height: 70vw;
display: flex;
}
.slider1 {
color: #000;
display: block;
}
.card_sculptures {
color: #000;
border: 1px solid #fff;
border-radius: 20px;
margin: 5%;
text-decoration: none;
display: block;
}
.collection_sculptures_item {
color: #000;
align-items: stretch;
width: 25vw;
min-width: 25vw;
height: 50vw;
min-height: 50vw;
font-size: 14px;
display: flex;
}
.collection-list {
color: #000;
align-items: center;
display: flex;
}
.div-block-42 {
background-color: #ddd;
}
.image-138 {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 100%;
height: auto;
}
.text-block-72 {
padding: 0% 2% 2%;
font-family: San Francisco, sans-serif;
}
.heading-4 {
margin: 5% 2%;
font-family: San Francisco, sans-serif;
font-size: 30px;
font-weight: 100;
}
.div_block_collection_sculptures {
background-color: #ddd;
}
.collection-list-copy, .list_sculptures {
color: #000;
align-items: center;
display: flex;
}
.item_sculptures {
color: #000;
align-items: stretch;
width: 25vw;
min-width: 25vw;
height: 50vw;
min-height: 50vw;
font-size: 14px;
display: flex;
}
.div-block-space {
height: 100vh;
margin-bottom: -29px;
padding-top: 5%;
padding-bottom: 0;
font-size: 1px;
}
.div-block-43 {
padding-bottom: 5%;
}
.list_sculptures-copy, .list_test {
color: #000;
align-items: center;
display: flex;
}
.item_test {
color: #000;
align-items: stretch;
width: 25vw;
min-width: 25vw;
height: 50vw;
min-height: 50vw;
font-size: 14px;
display: flex;
}
.slider-list {
align-items: center;
height: 100%;
display: flex;
}
.container-slider {
width: 100%;
max-width: 100%;
padding: 2.3em 2% 2em;
}
.section-9 {
display: flex;
}
.section-9.section-wrapper {
color: #000;
overflow: hidden;
}
.slider-item {
color: #fff;
background-color: #ffffff80;
border: .5px solid #fff;
border-radius: 20px;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 25vw;
height: 45vw;
margin-right: 4vw;
padding: 0;
font-style: normal;
display: block;
position: relative;
overflow: hidden;
}
.slider-item:last-child {
margin-right: 0;
}
.slider-item:hover {
transform: scale(1.02);
}
.header-sub {
align-items: center;
display: flex;
}
.right-arrow {
color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: -90px;
display: flex;
transform: rotate(90deg);
}
.sub-line {
background-color: #fff;
width: 50px;
height: 1px;
}
.wrapper-icon-right {
filter: invert();
justify-content: center;
align-items: center;
width: 100%;
display: flex;
transform: rotate(-180deg)translate(-5px);
}
.left-arrow {
color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: -90px;
display: flex;
transform: rotate(90deg);
}
.main {
color: #ffffffb0;
background-color: #e1e1e1;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100vw;
height: 100%;
min-height: 100vh;
display: flex;
}
.header {
border: 0 solid #000;
border-bottom-width: .5px;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 5em;
display: flex;
}
.slider-navigation {
opacity: .4;
cursor: pointer;
border: 1px solid #fff;
border-radius: 25px;
justify-content: center;
align-items: center;
width: 90px;
margin-left: 1em;
padding: .5em;
transition: all .25s;
display: flex;
}
.slider-navigation:hover {
opacity: 1;
}
.slider-navigation.next-slide {
border-color: #000;
width: 40px;
margin-right: 0;
overflow: hidden;
}
.slider-navigation.prev-slide {
border-color: #000;
border-radius: 30px;
width: 40px;
overflow: hidden;
}
.slider-navigation.prev-slide:hover {
color: #ff6d6d;
}
.paragraph-2 {
margin-bottom: 0;
margin-left: 1em;
font-weight: 200;
}
.wrapper-nav {
align-items: flex-end;
display: flex;
}
.wrapper-icon-left {
filter: invert();
justify-content: center;
align-items: center;
width: 100%;
display: flex;
transform: rotate(0)translate(-5px);
}
.wrapper-header {
color: #fff;
}
.heading-5 {
color: #000;
letter-spacing: 0;
margin-top: 0%;
margin-bottom: 0%;
font-family: San Francisco, sans-serif;
font-size: 3em;
font-weight: 100;
line-height: 1.2;
}
.image-139 {
background-color: #ddd;
border-radius: 0;
width: 100%;
height: auto;
display: inline-block;
}
.image-139:hover {
z-index: 0;
width: 130%;
position: static;
}
.heading-6 {
color: #000;
align-items: flex-end;
margin-left: 0;
padding-left: 2%;
padding-right: 2%;
font-family: San Francisco, sans-serif;
font-size: 30px;
font-weight: 100;
text-decoration: none;
display: flex;
}
.text-block-73 {
color: #0d00ff;
align-items: flex-end;
padding-top: 5%;
padding-left: 2%;
padding-right: 2%;
font-family: San Francisco, sans-serif;
font-size: 14px;
text-decoration: none;
display: block;
}
.collection_sculptures_magda_link {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
text-decoration: none;
display: flex;
}
.div-block-33-copy {
height: 100vh;
margin-bottom: 0;
padding-top: 0%;
padding-bottom: 0;
font-size: 1px;
}
.body-29 {
background-color: #eee;
}
.image_magda_1-copy {
margin-right: 0;
}
.headline_sculptures {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 80px;
font-weight: 500;
}
.div-block-44 {
margin-bottom: 5%;
margin-left: 2%;
margin-right: 2%;
}
.column-26 {
align-items: center;
padding-right: 0;
display: block;
}
.columns-9 {
border-bottom: 0 solid #000;
align-items: center;
display: flex;
}
.column-27 {
padding-bottom: 5%;
}
.content_sculptures2 {
background-color: #fff9;
border-radius: 0;
margin-bottom: 1px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.bottom_input-copy {
background-color: #fff9;
border-radius: 0 0 20px 20px;
margin: 0 0%;
padding: 0 0%;
}
.top_input-copy-copy {
background-color: #fff9;
border-radius: 20px;
margin-bottom: 2%;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.search-input {
border-radius: 20px;
width: 10%;
}
.search-button {
width: 10%;
overflow: hidden;
}
.div-block-45 {
background-color: #fff9;
border-radius: 20px;
align-items: flex-end;
margin-bottom: 2%;
margin-left: 0%;
margin-right: 0%;
display: block;
}
.search {
margin-bottom: 0%;
padding: 2%;
display: flex;
}
.content_rubric {
border: 0 solid #0003;
border-radius: 20px;
margin-left: 2%;
margin-right: 2%;
}
.div-block-46 {
background-color: #fff9;
border-radius: 20px;
margin-bottom: 45px;
padding-bottom: 0;
}
.collection-item-2 {
display: inline-block;
}
.container-29 {
width: 75%;
min-width: 975px;
max-width: 1195px;
height: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.dynamic-item {
padding: 10px;
display: block;
}
.section-10 {
background-color: #efefef;
min-height: 75vh;
padding: 50px 10px;
overflow: visible;
}
.button-embed {
margin-right: 10px;
}
.filters-wrap {
float: left;
display: flex;
}
.button-group {
justify-content: center;
margin-bottom: 25px;
padding-left: 10px;
padding-right: 10px;
}
.quicksearch {
border: 1px solid #0000001a;
border-radius: 10px;
height: 50px;
margin-bottom: 0;
padding: 10px 15px;
font-size: 16px;
line-height: 20px;
transition: border .15s ease-in;
}
.quicksearch:focus {
border-color: #ff4363;
}
.search-wrapper {
float: right;
margin-bottom: 0;
display: inline-block;
}
.headline_rubric {
margin-bottom: .5%;
margin-left: 2%;
margin-right: 2%;
}
.content_rubric_info {
background-color: #fff9;
border-radius: 20px;
align-items: flex-end;
margin-bottom: 2%;
margin-left: 0%;
margin-right: 0%;
display: block;
}
.body-30 {
background-color: #eee;
}
.image_paintings {
margin-right: 0;
}
.content_paintings {
border: 1px solid #ddd;
border-radius: 20px;
margin-left: 0%;
margin-right: 0%;
padding-left: 0%;
}
.textblock_paintings, .textblock_sculptures {
color: #000;
text-align: left;
padding: 0% 0% 10%;
font-family: San Francisco, sans-serif;
font-weight: 400;
}
.image_sculptures {
margin-right: 0;
}
.content_sculptures {
border: 1px solid #ddd;
border-radius: 20px;
margin-left: 0%;
margin-right: 0%;
padding-left: 0%;
}
.headline_paintings {
color: #000;
margin-left: 2%;
font-family: San Francisco, sans-serif;
font-size: 70px;
font-weight: 500;
}
.div-headline {
justify-content: flex-start;
align-items: center;
width: 98.0016%;
margin-left: 0%;
padding-bottom: 0;
display: flex;
}
.image-140 {
width: 6%;
height: 6%;
}
.caroussel_paintings_headline {
color: #000;
letter-spacing: 0;
margin-top: 0%;
margin-bottom: 0%;
font-family: San Francisco, sans-serif;
font-size: 3em;
font-weight: 100;
line-height: 1.2;
}
.headline_rubric_sculptures-copy {
margin: 100px 2% .5%;
}
.headline_sculpturesv2 {
color: #000;
margin-left: 2%;
font-family: San Francisco, sans-serif;
font-size: 70px;
font-weight: 500;
}
.headline_rubric_sculptures-copy-copy, .headline_rubric_binary_period {
margin-bottom: .5%;
margin-left: 2%;
margin-right: 2%;
}
.headline_binary_period {
color: #000;
margin-left: 2%;
font-family: San Francisco, sans-serif;
font-size: 70px;
font-weight: 500;
}
.content_rubric_binary_period {
border: 0 solid #0003;
border-radius: 20px;
margin-left: 2%;
margin-right: 2%;
}
.image_binary_period {
margin-right: 0;
}
.textblock_binary_period {
color: #000;
text-align: left;
padding: 0% 0% 10%;
font-family: San Francisco, sans-serif;
font-size: 14px;
font-weight: 400;
}
.underline_binary-period {
color: #787878;
text-align: left;
padding: 0% 0% 10%;
font-family: San Francisco, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: 400;
}
.text-block-74 {
color: #717171;
padding-left: 2%;
padding-right: 2%;
font-family: San Francisco, sans-serif;
font-size: 14px;
font-style: normal;
}
.body-31 {
background-color: #fff;
}
.hedline_contact {
margin-bottom: .5%;
margin-left: 2%;
margin-right: 2%;
}
.hedline_contact-text {
color: #000;
margin-left: 2%;
font-family: San Francisco, sans-serif;
font-size: 70px;
font-weight: 500;
}
.content_magdalena-new {
border: 0 solid #ddd;
border-radius: 30px;
margin-top: 100px;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
}
.content_magdalena3-copy, .content_magdalena4-copy {
background-color: #fff9;
border-radius: 0;
margin-bottom: 1px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.text-block-75 {
margin-top: 5%;
margin-left: 2%;
margin-right: 2%;
font-family: San Francisco, sans-serif;
font-size: 14px;
}
.text-block-76 {
color: #000;
margin-left: 2%;
margin-right: 2%;
font-size: 14px;
}
.headlinbe_rubric_kleksography {
margin-bottom: .5%;
margin-left: 2%;
margin-right: 2%;
}
.hedaline_text_kleksography {
color: #000;
margin-left: 2%;
font-family: San Francisco, sans-serif;
font-size: 70px;
font-weight: 500;
}
.content_kleksography {
background-color: #0000;
border: 0 solid #0003;
border-radius: 20px;
margin-left: 2%;
margin-right: 2%;
}
.image_kleksography {
margin-right: 0;
}
.body-32 {
background-color: #eee;
}
.underline_magdalena_1-copy {
color: #787878;
text-align: left;
padding: 0% 0% 10%;
font-family: San Francisco, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: 400;
}
.headlinbe_rubric_abstracts {
margin-bottom: .5%;
margin-left: 2%;
margin-right: 2%;
}
.hedaline_text_abstracts {
color: #000;
margin-left: 2%;
font-family: San Francisco, sans-serif;
font-size: 70px;
font-weight: 500;
}
.content_rubric_abstracts {
border: 0 solid #0003;
border-radius: 20px;
margin-left: 2%;
margin-right: 2%;
}
.underline_abstracts {
color: #787878;
text-align: left;
padding: 0% 0% 10%;
font-family: San Francisco, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: 400;
}
.image_abstracts {
margin-right: 0;
}
.hompage {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.hompage._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.hompage.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.hompage.sculptures:hover {
background-color: #ffffff26;
}
.hompage.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.hompage.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.hompage._3d {
margin-top: 26.2em;
margin-left: 35.7em;
text-decoration: none;
}
.hompage._3d:hover {
transform: scale(1.1);
}
.hompage.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.hompage.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.hompage.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.hompage.home:hover {
transform: scale(1.1);
}
.hompage._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.hompage._2d:hover {
transform: scale(1.1);
}
.hompage.reliefs {
margin-top: 6.1em;
margin-left: 29.5em;
text-decoration: none;
transform: translate(0);
}
.hompage.reliefs:hover {
transform: scale(1.1);
}
.hompage.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.hompage.sculptures:hover {
transform: scale(1.1);
}
.hompage.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.hompage.university:hover {
transform: scale(1.1);
}
.hompage.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.hompage.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.hompage.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.hompage.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.hompage.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.hompage.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.hompage.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.hompage.binary-period:hover {
transform: scale(1.1);
}
.hompage.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.hompage.standing:hover {
transform: scale(1.1);
}
.hompage._2d-v2 {
margin-top: 16.8em;
margin-left: 23.4em;
text-decoration: none;
}
.hompage._2d-v2:hover {
transform: scale(1.1);
}
.hompage._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.hompage._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.hompage.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.hompage.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.hompage-text {
opacity: 1;
color: #000;
text-align: center;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 50%;
font-style: normal;
font-weight: 700;
text-decoration: none;
}
.hompage-text:hover {
opacity: 1;
color: #000;
background-color: #0000;
}
.link-block-12 {
margin-top: -58.4em;
margin-left: 3.6em;
}
.container-28-mobile-copy.is--map-mobile-copy {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
max-width: none;
height: 100vh;
margin-left: 0;
margin-right: 0;
padding: 0;
display: block;
}
.headline_quantums {
margin-bottom: .5%;
margin-left: 2%;
margin-right: 2%;
}
.hedline {
color: #000;
margin-left: 2%;
font-family: San Francisco, sans-serif;
font-size: 70px;
font-weight: 500;
}
._3d-dot {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
._3d-dot._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
._3d-dot.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
._3d-dot.sculptures:hover {
background-color: #ffffff26;
}
._3d-dot.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._3d-dot.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
._3d-dot._3d {
margin-top: 26.2em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-dot._3d:hover {
transform: scale(1.1);
}
._3d-dot.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._3d-dot.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
._3d-dot.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
._3d-dot.home:hover {
transform: scale(1.1);
}
._3d-dot._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
._3d-dot._2d:hover {
transform: scale(1.1);
}
._3d-dot.reliefs {
margin-top: 6.1em;
margin-left: 29.5em;
text-decoration: none;
transform: translate(0);
}
._3d-dot.reliefs:hover {
transform: scale(1.1);
}
._3d-dot.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-dot.sculptures:hover {
transform: scale(1.1);
}
._3d-dot.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
._3d-dot.university:hover {
transform: scale(1.1);
}
._3d-dot.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
._3d-dot.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
._3d-dot.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
._3d-dot.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._3d-dot.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
._3d-dot.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._3d-dot.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._3d-dot.binary-period:hover {
transform: scale(1.1);
}
._3d-dot.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
._3d-dot.standing:hover {
transform: scale(1.1);
}
._3d-dot._2d-v2 {
margin-top: 16.8em;
margin-left: 23.4em;
text-decoration: none;
}
._3d-dot._2d-v2:hover {
transform: scale(1.1);
}
._3d-dot._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-dot._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._3d-dot.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-dot.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.arch_dot {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.arch_dot._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.arch_dot.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.arch_dot.sculptures:hover {
background-color: #ffffff26;
}
.arch_dot.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.arch_dot.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.arch_dot._3d {
margin-top: 26.2em;
margin-left: 35.7em;
text-decoration: none;
}
.arch_dot._3d:hover {
transform: scale(1.1);
}
.arch_dot.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.arch_dot.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.arch_dot.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.arch_dot.home:hover {
transform: scale(1.1);
}
.arch_dot._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.arch_dot._2d:hover {
transform: scale(1.1);
}
.arch_dot.reliefs {
margin-top: 6.1em;
margin-left: 29.5em;
text-decoration: none;
transform: translate(0);
}
.arch_dot.reliefs:hover {
transform: scale(1.1);
}
.arch_dot.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.arch_dot.sculptures:hover {
transform: scale(1.1);
}
.arch_dot.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.arch_dot.university:hover {
transform: scale(1.1);
}
.arch_dot.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.arch_dot.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.arch_dot.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.arch_dot.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.arch_dot.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.arch_dot.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.arch_dot.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.arch_dot.binary-period:hover {
transform: scale(1.1);
}
.arch_dot.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.arch_dot.standing:hover {
transform: scale(1.1);
}
.arch_dot._2d-v2 {
margin-top: 16.8em;
margin-left: 23.4em;
text-decoration: none;
}
.arch_dot._2d-v2:hover {
transform: scale(1.1);
}
.arch_dot._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.arch_dot._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.arch_dot.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.arch_dot.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.body-33 {
font-size: 1em;
}
.container-28-copy.is--map, .container-28-copy.is--map-mobile, .container-28-copy.is--map-copy {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 8.3em 0 7.7em;
display: flex;
}
._3d-for-move {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
._3d-for-move._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
._3d-for-move.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
._3d-for-move.sculptures:hover {
background-color: #ffffff26;
}
._3d-for-move.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._3d-for-move.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
._3d-for-move._3d {
margin-top: 26.2em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-for-move._3d:hover {
transform: scale(1.1);
}
._3d-for-move.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._3d-for-move.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
._3d-for-move.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
._3d-for-move.home:hover {
transform: scale(1.1);
}
._3d-for-move._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
._3d-for-move._2d:hover {
transform: scale(1.1);
}
._3d-for-move.reliefs {
margin-top: 6.1em;
margin-left: 29.5em;
text-decoration: none;
transform: translate(0);
}
._3d-for-move.reliefs:hover {
transform: scale(1.1);
}
._3d-for-move.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-for-move.sculptures:hover {
transform: scale(1.1);
}
._3d-for-move.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
._3d-for-move.university:hover {
transform: scale(1.1);
}
._3d-for-move.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
._3d-for-move.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
._3d-for-move.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
._3d-for-move.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._3d-for-move.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
._3d-for-move.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._3d-for-move.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._3d-for-move.binary-period:hover {
transform: scale(1.1);
}
._3d-for-move.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
._3d-for-move.standing:hover {
transform: scale(1.1);
}
._3d-for-move._2d-v2 {
margin-top: 16.8em;
margin-left: 23.4em;
text-decoration: none;
}
._3d-for-move._2d-v2:hover {
transform: scale(1.1);
}
._3d-for-move._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-for-move._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._3d-for-move.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-for-move.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.mapmobilemap {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/620ff41a02a9fc9f51b913e8_Chess%20V3%20ohne.jpg");
background-position: 0 0;
background-size: cover;
justify-content: center;
font-size: 62em;
display: flex;
}
.mapmobilemap.unit-canvas-container {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/620ffa1f3f7559292da1e45a_Chess%20V3%20ohne%20test.jpg");
background-position: 0 0;
background-size: auto;
width: 100%;
height: 100px;
}
._3d-movepoint {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
._3d-movepoint._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
._3d-movepoint.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
._3d-movepoint.sculptures:hover {
background-color: #ffffff26;
}
._3d-movepoint.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._3d-movepoint.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
._3d-movepoint._3d {
margin-top: 26.2em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-movepoint._3d:hover {
transform: scale(1.1);
}
._3d-movepoint.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._3d-movepoint.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
._3d-movepoint.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
._3d-movepoint.home:hover {
transform: scale(1.1);
}
._3d-movepoint._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
._3d-movepoint._2d:hover {
transform: scale(1.1);
}
._3d-movepoint.reliefs {
margin-top: 6.1em;
margin-left: 29.5em;
text-decoration: none;
transform: translate(0);
}
._3d-movepoint.reliefs:hover {
transform: scale(1.1);
}
._3d-movepoint.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-movepoint.sculptures:hover {
transform: scale(1.1);
}
._3d-movepoint.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
._3d-movepoint.university:hover {
transform: scale(1.1);
}
._3d-movepoint.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
._3d-movepoint.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
._3d-movepoint.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
._3d-movepoint.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._3d-movepoint.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
._3d-movepoint.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._3d-movepoint.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._3d-movepoint.binary-period:hover {
transform: scale(1.1);
}
._3d-movepoint.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
._3d-movepoint.standing:hover {
transform: scale(1.1);
}
._3d-movepoint._2d-v2 {
margin-top: 16.8em;
margin-left: 23.4em;
text-decoration: none;
}
._3d-movepoint._2d-v2:hover {
transform: scale(1.1);
}
._3d-movepoint._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-movepoint._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._3d-movepoint.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-movepoint.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._3d-movepoint.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._3d-movepoint.binary-period-copy:hover {
transform: scale(1.1);
}
._3d-movepoint._3d-movepoint2 {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._3d-movepoint._3d-movepoint2:hover {
transform: scale(1.1);
}
.project-copy._3d-point-2 {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.project-copy._3d-point-2:hover {
transform: scale(1.1);
}
.sculptures-move-point {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.sculptures-move-point._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.sculptures-move-point.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.sculptures-move-point.sculptures:hover {
background-color: #ffffff26;
}
.sculptures-move-point.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.sculptures-move-point.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.sculptures-move-point._3d {
margin-top: 26.2em;
margin-left: 35.7em;
text-decoration: none;
}
.sculptures-move-point._3d:hover {
transform: scale(1.1);
}
.sculptures-move-point.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.sculptures-move-point.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.sculptures-move-point.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.sculptures-move-point.home:hover {
transform: scale(1.1);
}
.sculptures-move-point._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.sculptures-move-point._2d:hover {
transform: scale(1.1);
}
.sculptures-move-point.reliefs {
margin-top: 6.1em;
margin-left: 29.5em;
text-decoration: none;
transform: translate(0);
}
.sculptures-move-point.reliefs:hover {
transform: scale(1.1);
}
.sculptures-move-point.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.sculptures-move-point.sculptures:hover {
transform: scale(1.1);
}
.sculptures-move-point.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.sculptures-move-point.university:hover {
transform: scale(1.1);
}
.sculptures-move-point.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.sculptures-move-point.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.sculptures-move-point.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.sculptures-move-point.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.sculptures-move-point.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.sculptures-move-point.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.sculptures-move-point.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.sculptures-move-point.binary-period:hover {
transform: scale(1.1);
}
.sculptures-move-point.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.sculptures-move-point.standing:hover {
transform: scale(1.1);
}
.sculptures-move-point._2d-v2 {
margin-top: 16.8em;
margin-left: 23.4em;
text-decoration: none;
}
.sculptures-move-point._2d-v2:hover {
transform: scale(1.1);
}
.sculptures-move-point._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.sculptures-move-point._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.sculptures-move-point.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.sculptures-move-point.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.sculptures-move-point._3d-point-2 {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.sculptures-move-point._3d-point-2:hover {
transform: scale(1.1);
}
.sculptures-move-point._3d-point-2-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.sculptures-move-point._3d-point-2-copy:hover {
transform: scale(1.1);
}
.sculptures-move-point.sculptures-move-point-2 {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.sculptures-move-point.sculptures-move-point-2:hover {
transform: scale(1.1);
}
.sculpturesv4 {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.sculpturesv4._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.sculpturesv4.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.sculpturesv4.sculptures:hover {
background-color: #ffffff26;
}
.sculpturesv4.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.sculpturesv4.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.sculpturesv4._3d {
margin-top: 26.2em;
margin-left: 35.7em;
text-decoration: none;
}
.sculpturesv4._3d:hover {
transform: scale(1.1);
}
.sculpturesv4.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.sculpturesv4.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.sculpturesv4.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.sculpturesv4.home:hover {
transform: scale(1.1);
}
.sculpturesv4._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.sculpturesv4._2d:hover {
transform: scale(1.1);
}
.sculpturesv4.reliefs {
margin-top: 6.1em;
margin-left: 29.5em;
text-decoration: none;
transform: translate(0);
}
.sculpturesv4.reliefs:hover {
transform: scale(1.1);
}
.sculpturesv4.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.sculpturesv4.sculptures:hover {
transform: scale(1.1);
}
.sculpturesv4.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.sculpturesv4.university:hover {
transform: scale(1.1);
}
.sculpturesv4.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.sculpturesv4.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.sculpturesv4.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.sculpturesv4.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.sculpturesv4.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.sculpturesv4.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.sculpturesv4.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.sculpturesv4.binary-period:hover {
transform: scale(1.1);
}
.sculpturesv4.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.sculpturesv4.standing:hover {
transform: scale(1.1);
}
.sculpturesv4._2d-v2 {
margin-top: 16.8em;
margin-left: 23.4em;
text-decoration: none;
}
.sculpturesv4._2d-v2:hover {
transform: scale(1.1);
}
.sculpturesv4._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.sculpturesv4._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.sculpturesv4.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.sculpturesv4.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.sculpturesv4._3d-point-2 {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.sculpturesv4._3d-point-2:hover {
transform: scale(1.1);
}
.sculpturesv4.sculpturesv4-1 {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.sculpturesv4.sculpturesv4-1:hover {
transform: scale(1.1);
}
.fick {
z-index: 10;
position: absolute;
}
.biography-headline-copy {
margin-bottom: .5%;
margin-left: 2%;
margin-right: 2%;
}
.biography-headline-text {
color: #000;
margin-left: 2%;
font-family: San Francisco, sans-serif;
font-size: 70px;
font-weight: 500;
}
.content_rubric_info-copy {
background-color: #fff0;
border-radius: 0;
align-items: flex-end;
margin-bottom: 2%;
margin-left: 0%;
margin-right: 0%;
display: block;
}
.content_sculptures-copy {
border: 1px solid #ddd;
border-radius: 20px;
margin-left: 0%;
margin-right: 0%;
padding-left: 0%;
}
.content_biography {
background-color: #fff9;
border-radius: 0;
margin-bottom: 1px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.colums_biography {
padding-top: 8px;
padding-left: 8px;
padding-right: 0;
}
.body-34 {
background-color: #eee;
}
.biography-headline-copy-copy {
margin-bottom: .5%;
margin-left: 2%;
margin-right: 2%;
}
.info_headline_text {
color: #000;
margin-left: 2%;
font-family: San Francisco, sans-serif;
font-size: 70px;
font-weight: 500;
}
.info_headline {
margin-bottom: .5%;
margin-left: 2%;
margin-right: 2%;
}
.content_info {
background-color: #fff0;
border: 0 solid #0003;
border-radius: 0 0 20px 20px;
margin-left: 2%;
margin-right: 2%;
}
.content_sculptures-copy-copy {
border: 1px solid #ddd;
border-radius: 0 0 20px 20px;
margin-left: 0%;
margin-right: 0%;
padding-left: 0%;
}
.content_middle_info {
padding-right: 10px;
}
.colums_info {
padding-top: 8px;
padding-left: 8px;
padding-right: 0;
}
.colum_info-2 {
justify-content: center;
align-items: flex-start;
padding-top: 10px;
display: flex;
overflow: visible;
}
.colum_info1 {
justify-content: flex-start;
padding: 10px 20px;
display: flex;
}
.colum_info-3 {
justify-content: center;
display: flex;
}
.body-35 {
background-color: #fff;
}
.text-block-77 {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 30px;
text-decoration: none;
}
.link-block-14 {
color: #000;
align-items: center;
text-decoration: none;
display: flex;
}
.top_info {
background-color: #fff9;
border: .5px solid #ddd;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-bottom: 0;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.image-140-copy {
width: 4%;
height: 6%;
margin-left: 0;
padding-left: 0;
}
.zeile {
background-color: #fff9;
margin-top: 0;
margin-bottom: 1px;
padding-right: 10px;
}
.text-block-77-copy {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 30px;
text-decoration: none;
}
.zeile-imprint {
background-color: #fff9;
margin-top: 1px;
margin-bottom: 1px;
padding-right: 10px;
}
.image-144 {
width: 75px;
min-width: 75px;
height: 100%;
margin-right: 10%;
}
.image-145 {
width: 75px;
min-width: 75px;
max-width: 80px;
margin-right: 10%;
}
.zeile_contact {
background-color: #fff9;
margin-top: 1px;
margin-bottom: 1px;
padding-right: 10px;
}
.textblock_contact {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 30px;
text-decoration: none;
}
.image-144-copy {
width: 75px;
min-width: 75px;
height: 100%;
margin-right: 10%;
}
.header_info {
opacity: 1;
color: #000;
letter-spacing: -2px;
white-space: normal;
object-fit: fill;
background-color: #ddd0;
border: 0 solid #ddd;
border-bottom-right-radius: 20px;
padding: 0 2%;
font-family: San Francisco, sans-serif;
font-size: 60px;
font-weight: 500;
transform: none;
}
.header_info:hover {
filter: none;
color: #0012ff;
}
.header_info:active {
filter: none;
}
.header_info.w--current {
font-family: DM Sans, sans-serif;
}
.header_info.w--current:hover, .header_info.w--current:active, .header_info.w--current:focus {
color: #0012ff;
}
.header_info.w--current:visited {
color: #0012ff;
display: inline-block;
}
.zeile-e {
background-color: #fff9;
border-radius: 0 0 20px 20px;
margin-top: 1px;
margin-bottom: 1px;
padding-right: 10px;
}
.image-145-copy {
opacity: 0;
width: 75px;
min-width: 75px;
max-width: 80px;
margin-right: 10%;
}
.zeile-copy {
background-color: #fff9;
margin-top: 0;
margin-bottom: 1px;
padding-right: 10px;
}
.colum_info1-copy {
justify-content: flex-start;
padding: 10px 20px;
display: flex;
}
.link-block-14-copy {
color: #000;
align-items: center;
text-decoration: none;
display: flex;
}
.image-144-copy-copy {
width: 75px;
min-width: 75px;
height: 100%;
margin-right: 10%;
}
.header_contact {
opacity: 1;
color: #000;
letter-spacing: -2px;
white-space: normal;
object-fit: fill;
background-color: #ddd0;
border: 0 solid #ddd;
border-bottom-right-radius: 20px;
padding: 0 2%;
font-family: San Francisco, sans-serif;
font-size: 60px;
font-weight: 500;
transform: none;
}
.header_contact:hover {
filter: none;
color: #0012ff;
}
.header_contact:active {
filter: none;
}
.header_contact.w--current {
font-family: DM Sans, sans-serif;
}
.header_contact.w--current:hover, .header_contact.w--current:active, .header_contact.w--current:focus {
color: #0012ff;
}
.header_contact.w--current:visited {
color: #0012ff;
display: inline-block;
}
.header_exhibi {
opacity: 1;
color: #000;
letter-spacing: -2px;
white-space: normal;
object-fit: fill;
background-color: #ddd0;
border: 0 solid #ddd;
border-bottom-right-radius: 20px;
padding: 0 2%;
font-family: San Francisco, sans-serif;
font-size: 60px;
font-weight: 500;
transform: none;
}
.header_exhibi:hover {
filter: none;
color: #0012ff;
}
.header_exhibi:active {
filter: none;
}
.header_exhibi.w--current {
font-family: DM Sans, sans-serif;
}
.header_exhibi.w--current:hover, .header_exhibi.w--current:active, .header_exhibi.w--current:focus {
color: #0012ff;
}
.header_exhibi.w--current:visited {
color: #0012ff;
display: inline-block;
}
.header_projec {
opacity: 1;
color: #000;
letter-spacing: -2px;
white-space: normal;
object-fit: fill;
background-color: #ddd0;
border: 0 solid #ddd;
border-bottom-right-radius: 20px;
padding: 0 2%;
font-family: San Francisco, sans-serif;
font-size: 60px;
font-weight: 500;
transform: none;
}
.header_projec:hover {
filter: none;
color: #0012ff;
}
.header_projec:active {
filter: none;
}
.header_projec.w--current {
font-family: DM Sans, sans-serif;
}
.header_projec.w--current:hover, .header_projec.w--current:active, .header_projec.w--current:focus {
color: #0012ff;
}
.header_projec.w--current:visited {
color: #0012ff;
display: inline-block;
}
.header_homsala {
opacity: 1;
color: #000;
letter-spacing: -2px;
white-space: normal;
object-fit: fill;
background-color: #ddd0;
border: 0 solid #ddd;
border-bottom-right-radius: 20px;
padding: 0 2%;
font-family: San Francisco, sans-serif;
font-size: 60px;
font-weight: 500;
transform: none;
}
.header_homsala:hover {
filter: none;
color: #0012ff;
}
.header_homsala:active {
filter: none;
}
.header_homsala.w--current {
font-family: DM Sans, sans-serif;
}
.header_homsala.w--current:hover, .header_homsala.w--current:active, .header_homsala.w--current:focus {
color: #0012ff;
}
.header_homsala.w--current:visited {
color: #0012ff;
display: inline-block;
}
.navigation-item {
opacity: 1;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
padding: 9px 30px;
font-size: 14px;
font-weight: 700;
line-height: 22px;
display: block;
}
.navigation-item:hover {
opacity: .9;
color: #777;
}
.navigation-item:active {
opacity: .8;
}
.navigation-item.w--current {
opacity: 1;
color: #1a1b1f;
font-weight: 600;
}
.navigation-item.w--current:hover {
opacity: .8;
color: #32343a;
}
.navigation-item.w--current:active {
opacity: .7;
color: #32343a;
}
.menu-button-5 {
z-index: 4000;
margin-right: 23px;
position: relative;
}
.menu-button-5.w--open {
z-index: 7;
background-color: #fff0;
margin-right: 2%;
padding-bottom: 18px;
}
.menu-icon {
z-index: 3000;
margin-right: 2%;
position: relative;
}
.navbar-13 {
background-color: #0000;
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-top: -3px;
margin-left: 5em;
margin-right: 5em;
padding-right: 0;
display: flex;
position: fixed;
inset: 0% 0% auto;
transform: translate(0)translate(0, -120px);
}
.container-30 {
flex: 0 auto;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
display: block;
position: static;
}
.menu {
z-index: 1222;
flex: 1;
order: 0;
justify-content: flex-end;
align-items: center;
max-width: 100%;
margin-left: 0%;
margin-right: 0%;
padding-top: 1.6em;
padding-bottom: 0;
display: flex;
position: sticky;
inset: -5% 0% auto;
}
.logo-link {
z-index: 1;
text-align: center;
justify-content: center;
align-self: auto;
align-items: center;
display: flex;
}
.logo-link:hover {
opacity: .8;
}
.logo-link:active {
opacity: .7;
}
.logo-link.w--current {
background-color: #0000;
justify-content: center;
align-self: auto;
margin-right: 0;
padding: 1.2em 0;
transition-property: none;
display: flex;
}
.mobile-bg-div {
display: none;
}
.navigationhead {
z-index: 5;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
color: #000;
background-color: #fff0;
flex: 0 auto;
order: 0;
justify-content: flex-start;
align-self: auto;
align-items: center;
width: auto;
min-width: auto;
margin-top: 0;
margin-left: 200px;
margin-right: 0%;
padding-top: 0;
padding-left: 107%;
padding-right: 4%;
display: block;
transform: translate(0);
box-shadow: -18px 8px 20px -20px #6a6a6a;
}
.navigationhead:active {
box-shadow: none;
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
padding-left: 27%;
transform: none;
}
.logo-bg {
z-index: 0;
background-color: #ff2281;
background-image: linear-gradient(to right, #feac5e, #c779d0 50%, #4bc0c8);
order: 0;
align-self: auto;
width: 10%;
padding: 4em 0 0;
display: none;
position: absolute;
top: auto;
left: auto;
}
.logo-image {
z-index: 2;
width: 130px;
max-width: 40%;
padding-top: 1.2px;
display: none;
position: relative;
}
.headeready {
z-index: 2000;
background-color: #0000;
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: sticky;
inset: 0 0% auto;
transform: translate(0)translate(0, -120px);
}
.headeready:active {
background-color: #0000;
}
.projects_item {
z-index: 6;
opacity: 1;
color: #000;
letter-spacing: 0;
text-transform: none;
background-color: #eee;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 12em;
margin-top: 120px;
margin-bottom: 1px;
margin-right: 0%;
padding: 2% 0% 2% 5%;
font-family: San Francisco, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 50px;
display: block;
}
.projects_item:hover {
opacity: .9;
color: #777;
}
.projects_item:active {
opacity: .8;
}
.projects_item.w--current {
opacity: 1;
color: #1a1b1f;
font-weight: 600;
}
.projects_item.w--current:hover {
opacity: .8;
color: #32343a;
}
.projects_item.w--current:active {
opacity: .7;
color: #32343a;
}
.contact_item {
opacity: 1;
color: #000;
letter-spacing: 1px;
text-transform: none;
background-color: #eee;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
width: 12em;
margin-top: 0;
margin-bottom: 599px;
padding: 2% 30px 2% 5%;
font-family: San Francisco, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 50px;
display: block;
}
.contact_item:hover {
opacity: .9;
color: #777;
}
.contact_item:active {
opacity: .8;
}
.contact_item.w--current {
opacity: 1;
color: #1a1b1f;
font-weight: 600;
}
.contact_item.w--current:hover {
opacity: .8;
color: #32343a;
}
.contact_item.w--current:active {
opacity: .7;
color: #32343a;
}
.info_item {
opacity: 1;
color: #000;
letter-spacing: 1px;
text-transform: none;
background-color: #eee;
width: 12em;
margin-bottom: 1px;
padding: 2% 30px 2% 5%;
font-family: San Francisco, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 50px;
display: block;
}
.info_item:hover {
opacity: .9;
color: #777;
}
.info_item:active {
opacity: .8;
}
.info_item.w--current {
opacity: 1;
color: #1a1b1f;
font-weight: 600;
}
.info_item.w--current:hover {
opacity: .8;
color: #32343a;
}
.info_item.w--current:active {
opacity: .7;
color: #32343a;
}
.exhibitions_item {
opacity: 1;
color: #000;
letter-spacing: 1px;
text-transform: none;
background-color: #eee;
width: 12em;
margin-bottom: 1px;
padding: 2% 30px 2% 5%;
font-family: San Francisco, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 1.5;
display: block;
}
.exhibitions_item:hover {
opacity: .9;
color: #777;
}
.exhibitions_item:active {
opacity: .8;
}
.exhibitions_item.w--current {
opacity: 1;
color: #1a1b1f;
font-weight: 600;
}
.exhibitions_item.w--current:hover {
opacity: .8;
color: #32343a;
}
.exhibitions_item.w--current:active {
opacity: .7;
color: #32343a;
}
.projects_item2 {
opacity: 1;
color: #000;
letter-spacing: 1px;
text-transform: none;
background-color: #eee;
margin-bottom: 1px;
padding: 9px 0 9px 20px;
font-family: San Francisco, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 50px;
display: block;
}
.projects_item2:hover {
opacity: .9;
color: #777;
}
.projects_item2:active {
opacity: .8;
}
.projects_item2.w--current {
opacity: 1;
color: #1a1b1f;
font-weight: 600;
}
.projects_item2.w--current:hover {
opacity: .8;
color: #32343a;
}
.projects_item2.w--current:active {
opacity: .7;
color: #32343a;
}
.div-block-47 {
z-index: -1;
filter: blur(20px);
background-color: #fff0;
width: 100vw;
height: 100vh;
margin-top: -179px;
margin-bottom: -252px;
margin-left: -1045px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
position: absolute;
}
.nav {
z-index: 8;
background-color: #988c8c26;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: sticky;
top: 0;
}
.body-36 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61d3546064cc871845f3d986_Magda%20Render%201.1.jpg");
background-position: 0 0;
background-size: cover;
}
.text-block-78 {
padding-left: 137px;
}
.div-block-48 {
padding-left: 147px;
padding-right: 117px;
}
.huso {
background-color: #ffffff29;
margin: 173px -225px 73px -1337px;
padding-top: 204px;
}
.section-12 {
margin-top: 403px;
}
.navbar-14 {
background-color: #ffffff12;
margin-top: 223px;
}
.unter_item {
opacity: 1;
color: #000;
letter-spacing: 1px;
text-transform: none;
background-color: #eee;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
padding: 780px 30px 9px;
font-family: San Francisco, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 50px;
display: block;
}
.unter_item:hover {
opacity: 1;
color: #777;
}
.unter_item:active {
opacity: .8;
}
.unter_item.w--current {
opacity: 1;
color: #1a1b1f;
font-weight: 600;
}
.unter_item.w--current:hover {
opacity: .8;
color: #32343a;
}
.unter_item.w--current:active {
opacity: .7;
color: #32343a;
}
.container-28-copy.is--map, .container-28-copy.is--map-mobile {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 8.3em 0 7.7em;
display: flex;
}
.container-28-copy.is--map-copy {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
margin-right: 0;
padding: 8.3em 0 7.7em;
display: none;
}
.karte-copy {
z-index: 1;
width: 62em;
transition: font-size .4s cubic-bezier(.39, .575, .565, 1);
position: relative;
}
.karte-copy:hover {
font-size: 2vw;
}
.mapimage-copy {
z-index: 1;
opacity: 1;
width: 100em;
height: auto;
margin-top: 0;
margin-left: -8em;
margin-right: 0;
font-size: 2em;
display: block;
position: relative;
}
.div-block-50 {
width: 100em;
display: block;
}
.div-block-51, .html-embed-7 {
display: none;
}
.image-147 {
width: 1800em;
font-size: 2px;
}
.section-13 {
background-color: #fff0;
border-radius: 20px;
width: 100%;
margin-top: 50%;
padding: 4%;
display: block;
position: relative;
}
.background-viideo-div {
z-index: -1;
height: 50vh;
display: block;
position: relative;
top: 0;
}
.background-viideo-div:hover {
height: 120vh;
}
.section-14 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
margin-left: 0%;
margin-right: 0%;
}
.columns-10 {
display: none;
}
.div-block-52 {
background-color: #eee;
border-radius: 20px;
width: 0%;
height: 0%;
padding: 2%;
display: block;
}
.div-block-52:hover {
width: 100%;
height: auto;
display: block;
}
.background-video-3 {
height: 100vh;
}
.text-block-80 {
width: 0%;
}
.text-block-80:hover {
width: 100%;
}
.year {
padding-left: 5%;
font-family: San Francisco, sans-serif;
font-weight: 500;
}
.name {
color: #000;
text-align: left;
border-bottom: 1px solid #000;
margin-left: 5%;
margin-right: 5%;
padding-top: 0%;
padding-left: 5%;
padding-right: 0%;
font-family: San Francisco, sans-serif;
font-size: 20px;
font-weight: 300;
}
.size {
font-family: San Francisco, sans-serif;
}
.div-block-53 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #eee;
border-radius: 20px;
margin-top: 4px;
margin-left: 7px;
margin-right: -155px;
padding: 13% 0 0 5%;
}
.dropdown-toggle {
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
padding: 20px;
}
.dropdown-toggle:hover {
transform: scale3d(1.1none, 1.1none, 1none);
padding: 20px;
}
.dropdown-2 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
transition: transform .2s;
}
.dropdown-list {
background-color: #8d7979;
}
.dropdown-list.w--open {
background-color: #82737300;
}
.exer {
color: #ff5035;
font-weight: 600;
}
.div-block-58 {
flex-direction: column;
flex: 0 auto;
align-items: flex-start;
width: auto;
display: flex;
}
.year-container-dynamic-content {
z-index: 100;
height: 100%;
padding-bottom: 66px;
padding-right: 0;
position: relative;
}
.image-148 {
width: 50vw;
height: auto;
}
.collection-item-3 {
height: 100%;
position: absolute;
inset: auto auto 0% 0%;
}
.date {
opacity: .67;
color: #4a4a4a;
margin-right: 2px;
font-family: Montserrat, sans-serif;
font-size: 10px;
line-height: 10px;
display: inline-block;
}
.date.vv {
opacity: 1;
color: #9c9c9c;
margin-right: 4px;
font-size: 12px;
line-height: 13px;
}
.date.vv.menu {
text-align: right;
margin-bottom: 5px;
}
.date.vv.menu._4 {
color: #ef999a;
}
.date.vv.menu._5 {
color: #279d58;
}
.date.vv.menu._3 {
color: #81d3fa;
}
.date.vv.menu._6 {
color: #ffe082;
}
.date.vv.menu._7 {
color: #7e56c1;
}
.month-background {
border: 1px #00000024;
border-right: 1px dashed #0000001a;
flex: none;
width: 78px;
display: flex;
}
.month-background.even {
z-index: 45;
background-image: linear-gradient(#fff, #c9dce959);
position: relative;
}
.month-background.even._35 {
z-index: 35;
}
.month-background.even._35.harder {
background-image: linear-gradient(#e6fbff, #c9dce959);
}
.container-31 {
align-items: flex-start;
display: flex;
}
.year-container-background {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.collection-list-wrapper-2 {
border-top: 1px #8cc8ff;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.collection-list-3 {
width: 100%;
height: 100%;
position: relative;
inset: auto 0% 0% auto;
}
.month {
color: #a4a4a4;
text-align: center;
text-transform: uppercase;
flex: 1;
font-family: Montserrat, sans-serif;
}
.month.year {
color: #000;
flex: 0 auto;
margin-left: 24px;
font-family: San Francisco, sans-serif;
font-size: 1.5em;
font-weight: 500;
line-height: 1;
position: sticky;
left: 0;
}
.collection-list-wrapper-3 {
border-bottom: 1px solid #dadada;
width: 100%;
height: 100%;
position: relative;
}
.year-list {
border-top: 2px #9fd1ff;
align-items: flex-start;
padding-top: 0;
padding-bottom: 10px;
display: flex;
}
.div-block-59 {
z-index: 40;
width: 94%;
position: absolute;
inset: 140px auto auto 25px;
}
.vertical-timeline {
z-index: 100;
flex: 1;
width: 940px;
padding-top: 20px;
padding-bottom: 60px;
position: relative;
overflow: visible;
}
.horizontal-timeline {
z-index: 200;
flex-flow: column;
flex: none;
width: 100%;
display: flex;
position: sticky;
top: 46px;
overflow: hidden;
}
.timeline-content-container {
flex: none;
width: 940px;
min-height: 500px;
}
.scrollable-timeline {
flex-wrap: nowrap;
width: 9400px;
margin: 0;
padding: 0;
display: flex;
overflow: visible;
}
.captions2 {
flex-direction: column;
justify-content: flex-end;
margin-top: 20px;
display: flex;
}
.timeline-year-container {
height: 100%;
position: relative;
}
.captions {
background-color: #fdfeff;
border-top: 1px #00000029;
border-bottom: 1px solid #c5c5c5;
border-right: 1px solid #00000029;
border-radius: 20px;
padding-top: 6px;
padding-bottom: 6px;
display: flex;
}
.viewport-mask {
background-color: #ddf1f7;
width: 100%;
display: flex;
overflow: hidden;
}
.vertical-timeline-title {
color: #f0f1f2;
text-align: right;
width: 100%;
margin-top: 0;
margin-bottom: 4px;
font-size: 1.7em;
line-height: 1.2;
display: block;
position: sticky;
}
.vertical-timeline-title.tttil {
color: #f0f1f2;
text-align: right;
font-size: 2.1em;
line-height: 1.1;
}
.vertical-timeline-title.sub {
font-weight: 500;
line-height: 1.1;
}
.title-col {
flex: none;
width: 220px;
margin-right: 20px;
position: sticky;
top: 560px;
}
.title-col._220 {
flex: none;
width: 220px;
top: 560px;
}
.title-col._46 {
top: 60px;
}
.timeline-wrapper {
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
display: flex;
overflow: visible;
}
.months {
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: 20px;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.extra-section {
padding-top: 20px;
}
.div-block-65 {
flex: 0 auto;
}
.timeline-content-container-2020, .timeline-content-container-2019 {
flex: none;
width: 940px;
min-height: 500px;
}
.div-block-66 {
padding-top: 12em;
padding-left: 18.8em;
padding-right: 0;
position: absolute;
}
.div-block-67 {
z-index: 200;
padding-top: 230px;
padding-bottom: 0;
padding-left: 209px;
position: absolute;
}
.page-details {
font-size: 1em;
line-height: 1.4em;
}
.c-scrolling-line {
align-items: center;
display: flex;
}
._w-scrolling-content {
align-items: flex-start;
position: relative;
}
.steps-list {
margin-bottom: 40px;
list-style-type: decimal;
}
.c-scrolling-item {
flex: none;
width: 15%;
}
.timeline-header {
color: #000;
margin-top: 0;
margin-bottom: 189px;
font-family: San Francisco, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 1.2em;
}
.header-2 {
color: #333;
margin-top: 0;
margin-bottom: 20px;
font-size: 3em;
line-height: 1.2em;
}
.c-content {
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
}
.scroll-details {
margin-bottom: 0;
}
.c-details {
margin-bottom: 40px;
}
.scroll-line {
background-color: #ccc;
width: 100%;
height: 3px;
}
.scroll-line.last {
display: none;
}
._50col {
width: 50%;
}
.container-32 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 20px 0;
display: flex;
}
.container-32.sticky {
background-color: #eee;
max-width: none;
margin-bottom: 20px;
position: sticky;
top: 25%;
overflow: hidden;
}
.container-32.top-border {
border-top: 1px dashed #13131340;
display: block;
}
.c-scrolling-details {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
.c-scroll-track {
flex: none;
width: 200vh;
display: flex;
}
._2-col {
align-items: center;
display: flex;
}
.step-item {
margin-bottom: 10px;
}
.c-hero-img {
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.wrapper {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 60px 20px;
}
.scroll-item-header {
margin-top: 0;
margin-bottom: 10px;
font-size: 1.5em;
line-height: 1.4em;
}
.scroll-indicator {
background-color: #b9b9b9;
border: 2px solid #ccc;
border-radius: 20px;
width: 15px;
height: 15px;
}
.subheader {
color: #5f67ff;
margin-top: 0;
margin-bottom: 20px;
font-size: 2.5em;
font-weight: 600;
line-height: 1.2em;
}
.hero-img {
position: relative;
}
._w-content {
justify-content: center;
align-items: center;
}
.section-15 {
justify-content: center;
align-items: center;
width: 100vw;
height: auto;
display: block;
}
.section-15.expand {
height: 200vh;
}
.co-created {
z-index: 99998;
position: fixed;
inset: 0% 10px auto auto;
overflow: hidden;
}
.c-created {
z-index: 99998;
opacity: .75;
cursor: pointer;
transition: all .25s;
}
.c-created:hover {
opacity: 1;
}
._w-created {
background-color: #333;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
align-items: center;
padding: 7px 12px;
text-decoration: none;
transition: all .25s;
display: flex;
}
._w-created:hover {
padding-top: 15px;
}
.logo {
height: 15px;
margin-right: 5px;
}
.c-created-link {
color: #fff;
letter-spacing: .5px;
font-size: .6em;
font-weight: 500;
line-height: 1em;
text-decoration: none;
}
.body-37 {
background-color: #fff;
}
.range_values {
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: .5rem;
display: flex;
}
.sort_field {
color: #000;
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 1rem 2rem 1rem 1.5rem;
text-decoration: none;
display: none;
}
.sort_field.w--current {
color: #3c7c43;
background-color: #f4f9f4;
}
.filter_reset {
color: #000;
border-bottom: 1px solid #dae4d8;
padding-bottom: .2rem;
text-decoration: none;
}
.nav_link {
grid-column-gap: .5rem;
grid-row-gap: 1rem;
color: #dfdfdf;
border-radius: .25rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: center;
align-items: center;
padding: .75rem 1rem;
font-weight: 400;
text-decoration: none;
display: grid;
}
.nav_link:hover {
background-color: #242424;
}
.nav_link.is-cta {
color: #fff;
background-color: #5c2aff;
border-radius: .25rem;
margin-left: 1rem;
}
.nav_link.is-cta:hover {
background-color: #303030;
}
.filter_empty-icon {
width: 3rem;
margin-bottom: .5rem;
}
.text-link {
color: #3c7c43;
border-bottom: 1px solid #90c396;
text-decoration: none;
display: inline-block;
}
.page-padding {
padding-left: 3rem;
padding-right: 3rem;
}
.nav_link-icon {
opacity: .4;
width: 1.5rem;
}
.nav_link-icon.is-inverted {
filter: invert();
}
.radio_button {
border: 2px solid #dfdfdf;
width: 1.25rem;
height: 1.25rem;
margin-top: 0;
margin-left: 0;
margin-right: .75rem;
}
.radio_button.w--redirected-checked {
background-color: #3c7c43;
background-image: none;
border-color: #3c7c43;
box-shadow: 1px 1px 3px #0000;
}
.radio_button.w--redirected-focus {
box-shadow: none;
border-color: #90c396;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-xlarge, .padding-vertical.padding-xlarge-copy {
background-color: #eee0;
}
.footer_finsweet-icon {
width: 3.25rem;
}
.content_filter {
border-radius: 0;
}
.footer_finsweet {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
color: #a1a1a1;
grid-template-rows: auto;
grid-template-columns: auto auto auto auto;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
margin-left: 2rem;
font-size: 1rem;
text-decoration: none;
display: grid;
}
.footer_finsweet:hover {
opacity: .8;
}
.filter-block-label {
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.4;
}
.filter_options {
width: auto;
min-width: auto;
max-height: 5em;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: visible;
}
.footer_video-block {
max-width: 30rem;
}
.filter_tag {
color: #fff;
background-color: #3c7c43;
border-radius: 0;
margin-top: .5rem;
margin-bottom: .5rem;
margin-right: .5rem;
padding: .5rem 2.5rem .5rem 1rem;
font-size: .85rem;
font-weight: 500;
position: relative;
}
.filter_sort-by {
border: 1px solid #dae4d8;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-width: 12rem;
padding: .5rem 4rem .5rem 1.2rem;
display: flex;
}
.filter_block-header {
z-index: 10;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #fff;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
display: grid;
position: relative;
inset: 0% 0% auto;
}
.footer_logo-link {
color: #000;
text-decoration: none;
}
.footer_learn-icon {
margin-right: .75rem;
}
.filter_grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 5fr;
grid-auto-columns: 1fr;
align-items: start;
margin-top: 160px;
display: block;
}
.heading-small {
font-family: San Francisco, sans-serif;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
}
.footer_content {
background-color: #181818;
padding-top: 4rem;
padding-bottom: 4rem;
}
.filter_select {
cursor: pointer;
border: 1px #000;
min-height: 3.6rem;
margin-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1rem;
}
.main-wrapper {
z-index: 50;
background-color: var(--color--background);
width: 100%;
margin-right: 0;
padding-left: 2vw;
padding-right: 2vw;
position: relative;
}
.rangeslider_input {
display: none;
}
.nav_component {
background-color: #000;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.nav_logo-text {
color: #b9fd00;
margin-left: .75rem;
}
.dropdown_icon {
margin-right: 1.2rem;
font-size: 1rem;
}
.footer_video {
background-color: #000;
padding-top: 4rem;
padding-bottom: 4rem;
}
.heading-small-2 {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 15px;
font-weight: 500;
}
.filter_content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: stretch stretch;
margin-left: 0%;
margin-right: 0%;
display: grid;
}
.rangeslider_track {
background-color: #ececec;
border-radius: 999rem;
width: 96%;
height: .25rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.rangeslider_handle {
z-index: 1;
cursor: grab;
background-color: #90c396;
border-radius: 999rem;
flex: none;
width: 1rem;
height: 1rem;
position: absolute;
}
.rangeslider_handle:focus {
background-color: #3c7c43;
}
.nav_brand {
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-left: 0;
display: flex;
}
.filter_tag-text {
color: #000;
}
.footer_finsweet-logo {
width: 6rem;
display: block;
position: relative;
top: .2rem;
}
.rangeslider_fill {
background-color: #90c396;
width: 20%;
height: 100%;
position: absolute;
}
.filter_tags-wrapper {
color: #000;
background-color: #000;
border-radius: 10px;
flex-flow: row;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: start flex-start;
align-items: center;
min-width: auto;
margin-right: 1rem;
font-family: San Francisco, sans-serif;
font-size: 16px;
line-height: 1px;
display: flex;
}
.fs-cmsfilter_highlight {
color: #fff0;
background-color: #000;
}
.footer_video-icon {
width: 2rem;
margin-top: -3rem;
}
.filter_tags-text {
color: #fff;
margin-right: 1rem;
padding-left: 15px;
line-height: 1px;
}
.footer_video-links {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-top: 1px solid #1f1f1f;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: center;
place-items: center;
max-width: 80rem;
margin-top: 3rem;
padding-top: 3rem;
display: grid;
}
.radio_field {
cursor: pointer;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 0;
font-size: 1rem;
font-weight: 400;
display: flex;
}
.nav_header {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-bottom: 1px solid #000;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: space-between;
align-items: center;
margin-top: 0;
margin-bottom: 0;
display: grid;
}
.filter_column {
background-color: #fff;
border: 1px solid #dfdfdf;
border-bottom-style: none;
}
.filter_empty {
background-color: #fff;
border: 0 solid #dfdfdf;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 60vw;
padding: 2rem;
display: flex;
}
.filter_search-field {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/620671d79543ef5afd4f3c87_search.svg");
background-position: 24px;
background-repeat: no-repeat;
background-size: 1.5rem;
border: 1px #000;
min-height: 4.4rem;
margin-bottom: 0;
padding: 1rem 1.5rem 1rem 4rem;
font-size: 1rem;
}
.footer_component {
background-color: #000;
border-top: 1px solid #dae4d8;
align-items: flex-start;
}
.hide {
display: none;
}
.page-wrapper {
z-index: 7000;
background-color: #eee0;
width: 100%;
margin-top: -251px;
padding-top: 0;
position: absolute;
overflow: hidden;
}
.filter_block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #dfdfdf;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.container-33 {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.footer_wrapper {
text-align: left;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.footer_logo {
width: 10rem;
}
.footer_video-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: center;
place-items: center;
display: grid;
}
.option-results {
color: #3c7c43;
display: none;
}
.nav_logo {
width: 10rem;
}
.filter_form {
border-left: 0 #000;
display: block;
}
.filter_results-text {
font-weight: 400;
}
.filter_header {
background-color: #fff;
border: 1px solid #dae4d8;
flex-direction: row;
justify-content: flex-end;
align-items: center;
min-height: 4.5rem;
padding: .5rem 1rem;
display: flex;
}
.nav_container {
flex-direction: row;
justify-content: flex-start;
align-items: center;
max-width: 86rem;
margin-left: auto;
margin-right: auto;
padding-left: 3rem;
padding-right: 3rem;
display: flex;
}
.dropdown-3 {
margin-left: 0;
margin-right: 0;
display: none;
}
.rangeslider_wrapper {
align-items: center;
padding: 21px;
display: block;
position: relative;
}
.filter_wrapper {
background-color: #f6f7f100;
}
.text-color-green {
color: #00f;
}
.radio_label {
margin-bottom: 0;
margin-right: .5rem;
}
.dropdown_list.w--open {
background-color: #fff;
}
.filter_reset-all {
border-bottom: 1px solid #3c7c43;
padding-bottom: .2rem;
text-decoration: none;
}
.filter_reset-all.text-color-green {
color: #00f;
border-bottom-color: #fff;
}
.filter_form-wrapper {
color: #000;
margin-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-small {
border-bottom: 0 solid #000;
margin-top: 0;
margin-bottom: 100px;
margin-left: 5%;
display: none;
position: relative;
}
.nav_menu {
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: auto;
display: flex;
}
.heading-medium {
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
.footer_learn {
color: #000;
background-color: #fff;
border-radius: .25rem;
flex-direction: row;
justify-content: center;
align-items: center;
padding: .75rem 1.5rem .75rem 1.25rem;
font-size: 1.2rem;
font-weight: 600;
text-decoration: none;
display: flex;
}
.footer_learn:hover {
background-color: #ececec;
}
.filter_tag-remove {
opacity: .5;
color: #000;
cursor: pointer;
border-radius: 999rem;
flex-direction: column;
width: 1.5rem;
margin-top: .4rem;
margin-right: .5rem;
padding: .25rem;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.content_collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.checkbox_field {
cursor: pointer;
background-color: #fff0;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
width: 5em;
min-width: 5px;
max-width: 100px;
height: 5em;
min-height: auto;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 1.5vw;
font-weight: 400;
display: flex;
}
.checkbox_input {
border: 2px solid #dfdfdf;
width: 1.25rem;
height: 1.25rem;
margin-top: 0;
margin-left: 0;
margin-right: .75rem;
}
.checkbox_input.w--redirected-checked {
background-color: #3c7c43;
background-size: .6rem;
border-color: #3c7c43;
box-shadow: 1px 1px 3px #0000;
}
.checkbox_input.w--redirected-focus {
box-shadow: none;
border-color: #90c396;
}
.checkbox_label {
color: #000;
margin-top: 0;
margin-right: .25rem;
font-family: San Francisco, sans-serif;
font-size: 14px;
line-height: 18px;
}
.filter_block-2 {
z-index: 20;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-top: 0 solid #000;
border-bottom: 0 solid #dfdfdf;
border-radius: 0;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
min-width: 100%;
margin-top: 0;
margin-left: 0%;
display: block;
position: static;
top: 20px;
}
.filter_sort-by-2 {
border: 1px solid #dae4d8;
border-radius: 20px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-width: 12rem;
padding: .5rem 4rem .5rem 1.2rem;
display: flex;
}
.rangeslider_handle-2 {
z-index: 1;
cursor: grab;
background-color: #00f;
border-radius: 999rem;
flex: none;
width: 1rem;
height: 1rem;
position: absolute;
}
.rangeslider_handle-2:focus {
background-color: #3c7c43;
}
.heading-small-3 {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.4;
}
.filter_tag-2 {
color: #fff;
background-color: #fff;
border-radius: 8rem;
margin-top: .5rem;
margin-bottom: .5rem;
margin-right: .5rem;
padding: .5rem 2.5rem .5rem 1rem;
font-size: .85rem;
font-weight: 500;
position: relative;
}
.collection-item-4 {
border-radius: 20px;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
padding-left: 0%;
padding-right: 0%;
display: flex;
}
.filter_select-2 {
cursor: pointer;
border: 1px #000;
border-radius: 10px;
min-height: 3.6rem;
margin-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1rem;
}
.content_collection-list-2 {
grid-column-gap: 7rem;
grid-row-gap: 7rem;
border-radius: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.page-padding-2 {
padding-left: 0;
padding-right: 0;
}
.collection-list-wrapper-4 {
border-radius: 20px;
}
.filter_header-2 {
background-color: #ffffff80;
border: 0 solid #000;
border-radius: 0;
flex-direction: row;
justify-content: flex-end;
align-items: center;
min-height: 4.5rem;
padding: 0 1rem;
display: none;
}
.container-34 {
max-width: 100%;
margin-left: 0%;
margin-right: 0%;
}
.filter_column-2 {
z-index: 10;
border: 0px solid var(--invert);
background-color: #fff0;
border-radius: 0;
min-width: 100%;
position: sticky;
top: 0;
}
.rangeslider_fill-2 {
background-color: #00f;
width: 20%;
height: 100%;
position: absolute;
}
.filter_search-field-2 {
opacity: 1;
color: #000;
cursor: text;
background-color: #fff0;
border: 1px #fff;
border-radius: 0;
flex: 0 auto;
order: -1;
min-height: auto;
max-height: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0%;
padding: 0 0 0 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 30;
display: block;
}
.text-block-81 {
color: #000;
background-color: #fff0;
border-radius: 0;
margin-left: -15px;
padding-left: 0;
font-family: San Francisco, sans-serif;
font-size: 60px;
font-weight: 400;
line-height: 70px;
}
.div-block-68 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff0;
border-radius: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: end start;
width: auto;
display: grid;
}
.content_card-list-wrapper {
width: 100%;
}
.content_card-info {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.content_card-info-text {
color: #00f;
background-color: #ececec66;
border-radius: 5px;
width: 100%;
padding: .5rem 1rem;
font-size: .875rem;
}
.content_card-title {
color: var(--color--text);
cursor: crosshair;
background-color: #fff0;
padding-left: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
text-decoration: none;
}
.content_card-info-block {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
place-items: center start;
display: grid;
}
.content_card-header {
background-color: #89292900;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
padding-top: 0;
font-size: 20px;
font-weight: 300;
display: flex;
}
.content_card-date {
color: #000;
font-weight: 400;
display: none;
}
.content_card-price {
font-size: 1.75rem;
font-weight: 600;
display: none;
}
.content_card-block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: start;
padding: 5px 0 0;
display: grid;
}
.content_card-info-label {
color: #000;
font-family: San Francisco, sans-serif;
font-size: .875rem;
font-weight: 500;
}
.checkbox_input-2 {
opacity: 1;
outline-offset: 0px;
mix-blend-mode: normal;
background-color: #89353500;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6053627c6334880e9e8d6916_quantum%20Circlev.PNG");
background-position: 0 0;
background-size: auto;
background-attachment: fixed;
border: 0 solid #dfdfdf;
border-radius: 20px;
outline: 3px #23286b;
width: 3rem;
height: 3rem;
margin-top: 0;
margin-left: 0;
margin-right: .75rem;
}
.checkbox_input-2:active {
width: 2rem;
}
.checkbox_input-2.w--redirected-checked {
background-color: #3c7c43;
background-size: .6rem;
border-color: #3c7c43;
box-shadow: 1px 1px 3px #0000;
}
.checkbox_input-2.w--redirected-focus {
box-shadow: none;
border-color: #90c396;
}
.image-149 {
aspect-ratio: auto;
object-fit: cover;
border-radius: 0;
width: 100%;
min-width: 0;
max-width: 100%;
height: 100%;
min-height: 0;
max-height: 100%;
display: block;
position: absolute;
inset: 0%;
overflow: hidden;
}
.filter_options-2 {
max-height: 15rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
overflow: auto;
}
.filter_block-header-2 {
z-index: 10;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #fff;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
display: grid;
position: relative;
inset: 0% 0% auto;
}
.heading-small-4 {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.4;
}
.container-35 {
max-width: 80rem;
margin-left: 4%;
margin-right: 4%;
}
.page-wrapper-2 {
overflow: hidden;
}
.rangeslider_wrapper-2 {
align-items: center;
padding: 21px;
display: block;
position: relative;
}
.text-color-green-2 {
color: #3c7c43;
}
.filter_header-3 {
background-color: #fff;
border: 1px solid #dae4d8;
border-radius: 20px;
flex-direction: row;
justify-content: flex-end;
align-items: center;
min-height: 4.5rem;
padding: .5rem 1rem;
display: flex;
}
.text-block-82 {
font-size: 30px;
}
.content_card-info-text-2 {
background-color: #ececec66;
border-radius: 5px;
width: 100%;
padding: .5rem 1rem;
font-size: .875rem;
}
.checkbox_input-3 {
border: 2px solid #dfdfdf;
border-radius: 20px;
width: 1.25rem;
height: 1.25rem;
margin-top: 0;
margin-left: 0;
margin-right: .75rem;
}
.checkbox_input-3.w--redirected-checked {
background-color: #3c7c43;
background-size: .6rem;
border-color: #3c7c43;
box-shadow: 1px 1px 3px #0000;
}
.checkbox_input-3.w--redirected-focus {
box-shadow: none;
border-color: #90c396;
}
.image-150 {
width: 3rem;
height: 3rem;
}
.checkbox_input-3-1 {
opacity: 1;
outline-offset: 0px;
text-align: right;
mix-blend-mode: normal;
background-color: #fff0;
border: 2px solid #00f;
border-radius: 30px;
outline: 3px #23286b;
flex: 0 auto;
order: 1;
width: 55px;
height: 55px;
margin-top: 0;
margin-left: 8.7em;
margin-right: 0;
}
.checkbox_input-3-1:active {
width: 2rem;
}
.checkbox_input-3-1.w--redirected-checked {
background-color: #00f;
background-image: none;
border-width: 2px;
border-color: #00f;
border-radius: 30px;
width: 55px;
height: 55px;
margin: 0 0 0 -146px;
box-shadow: 1px 1px 3px #0000;
}
.checkbox_input-3-1.w--redirected-focus {
box-shadow: none;
border-color: #90c396;
}
.image-151 {
width: 3rem;
height: 3rem;
margin-left: -132px;
margin-right: 0;
padding-left: 0;
}
.image-152 {
width: 3rem;
height: 3rem;
margin-left: -8.5rem;
margin-right: 0;
padding-left: 0;
}
.image-152:active {
border: 2px solid #00f;
border-radius: 30px;
}
.img-155 {
width: 3rem;
height: 3rem;
margin-left: -8.5rem;
margin-right: 0;
padding-left: 0;
}
.img-155:active {
border: 2px solid #00f;
border-radius: 30px;
}
.img-156 {
border-radius: 100%;
width: 50px;
min-width: 50px;
max-width: 50px;
height: 50px;
min-height: 50px;
max-height: 50px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.img-156:active {
border: 2px solid #ffffffab;
border-radius: 30px;
box-shadow: 3px 3px 12px 10px #adadad99;
}
.div-block-69 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #575757;
border-radius: 0;
align-items: flex-start;
margin-top: 0;
padding-top: 0;
padding-bottom: 395px;
display: block;
}
.invertheadline {
width: 100%;
margin: 46% 2% .5%;
position: absolute;
}
.headline_sculpturesv2-copy {
color: #000;
width: 100%;
margin-top: 2%;
margin-left: 2%;
font-family: San Francisco, sans-serif;
font-size: 50px;
font-weight: 500;
display: block;
}
.background-video-4 {
height: 60vh;
}
.text-block-83 {
color: #000;
font-family: San Francisco, sans-serif;
}
.grid-9 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding-top: 0%;
padding-left: 4%;
padding-right: 0%;
}
.image-153 {
border-top-right-radius: 20px;
}
.columns-11 {
width: 100%;
margin-bottom: 173px;
}
.image-154 {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
width: 100%;
height: 6%;
font-size: 18%;
}
.image-154:hover {
width: 110%;
font-size: 1em;
}
.text-home-2 {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 15px;
}
.column-31 {
padding-right: 0;
font-size: 1em;
}
.column-31:hover {
font-size: 2em;
}
.columns-12 {
background-color: #f5f5f5;
border-radius: 20px;
margin: -4px 4% 174px;
padding: 4% 0%;
}
.column-32 {
padding-right: 0;
}
.columns-13 {
margin-bottom: 251px;
}
.section-16 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #ffffffc2;
}
.after {
z-index: 6;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/620f59bce2adf664a046120f_np_chevron_933246_FFFFFF.svg"), linear-gradient(#0000, #000);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 24px, auto;
width: 100%;
height: 65px;
position: absolute;
inset: auto 0% 0%;
}
.headline {
margin-top: 74px;
margin-bottom: 52px;
font-size: 40px;
font-weight: 600;
}
.more-programs {
background-color: #141414;
}
.she-creates {
position: relative;
}
.bio-right {
color: #a1a1a6;
text-align: left;
width: 300px;
transform: translate(150px, 34.5px);
}
.unit-canvas-copy {
transform-style: preserve-3d;
transform: rotateX(.001deg)rotateY(0)rotateZ(0);
}
.unit-copy-wrapper {
z-index: 4;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
max-width: 2820px;
height: 100%;
max-height: 2350px;
margin-top: .8em;
display: flex;
position: relative;
}
.text-link-icon {
margin-left: 5px;
}
.heading-7 {
letter-spacing: -.009em;
width: 100%;
max-width: 635px;
margin-top: 17px;
margin-left: auto;
margin-right: auto;
font-size: 64px;
font-weight: 400;
line-height: 1.0625em;
position: relative;
}
.subhead {
letter-spacing: .007em;
margin-top: 44.4px;
font-size: 32px;
font-weight: 500;
line-height: 27px;
}
.subhead.more-programs {
letter-spacing: .004em;
background-color: #14141400;
margin-top: 1.35em;
line-height: 1.25em;
}
.cta-link {
color: #86868b;
letter-spacing: .011em;
justify-content: center;
align-items: center;
margin-top: 24px;
font-size: 21px;
text-decoration: none;
display: flex;
}
.image {
margin-left: 10px;
}
.unit-image-wrapper {
border-radius: 10px;
width: 100%;
transition: opacity .3s ease-out;
position: relative;
transform: none;
}
.unit-image-wrapper.matrix-1 {
perspective: 200px;
transform: ;
}
.unit-image-wrapper.more-programs {
height: 458px;
}
.unit-column-wrapper {
z-index: 4;
grid-column-gap: 18px;
grid-row-gap: 16px;
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: minmax(200px, 400px) minmax(200px, 400px);
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: 2820px;
height: 100%;
max-height: 2350px;
margin-left: 217px;
margin-right: 217px;
display: grid;
position: relative;
}
.hero {
height: 100vh;
position: relative;
}
.paragraph-3 {
color: #86868b;
letter-spacing: .011em;
font-size: 21px;
font-weight: 400;
}
.unit-canvas-wrapper {
justify-content: center;
align-items: center;
width: 2820px;
height: 2350px;
display: flex;
position: absolute;
}
.unit-canvas-wrapper.unit-canvas-wrapper-0 {
position: absolute;
}
.unit-canvas-wrapper.unit-canvas-wrapper-1 {
width: 2700px;
height: 2040px;
position: absolute;
}
.unit-copy-container {
max-width: 580px;
}
.unit-copy-container.more-programs {
background-color: #14141400;
max-width: 360px;
}
.homepage-module {
grid-template-rows: auto auto;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-auto-columns: 1fr;
width: 60%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.module-content {
text-align: center;
width: 100%;
height: 100%;
}
.she-creates-image {
width: 820px;
max-width: 1068px;
height: 460px;
}
.description {
color: #86868b;
letter-spacing: -.374px;
margin-top: .8em;
font-weight: 400;
line-height: 25px;
}
.description.more-programs {
margin-top: 1.4em;
}
.unit-program {
background-color: #fffc;
border-radius: 20px;
flex-direction: column;
align-items: center;
width: 400px;
padding-bottom: 0;
display: flex;
}
.unit-image {
z-index: 1;
border-radius: 10px;
position: relative;
}
.unit-image.more-programs {
object-fit: cover;
object-position: 40% 50%;
width: 100%;
height: 100%;
}
.button-2 {
background-color: #0000;
border: 1px solid #f5f5f7;
border-radius: 23px;
padding: 8px 17px;
}
.unit-tile {
justify-content: center;
align-items: center;
padding: 30px;
position: absolute;
transform: translate(0);
}
.unit-tile.unit-tile-14 {
display: block;
transform: translate(-732px, 431px);
}
.unit-tile.unit-tile-15 {
display: block;
transform: translate(997px, -570px);
}
.unit-tile.unit-tile-9 {
display: block;
transform: translate(-129px, -377px);
}
.unit-tile.unit-tile-13 {
display: block;
transform: translate(-1052px, -210px);
}
.unit-tile.unit-tile-0 {
transform: translate(-289px, 382px);
}
.unit-tile.unit-tile-18 {
display: block;
transform: translate(792px, 407px);
}
.unit-tile.unit-tile-17 {
display: block;
transform: translate(370px, 772px);
}
.unit-tile.unit-tile-4 {
transform: translate(99px, -727px);
}
.unit-tile.unit-tile-6 {
transform: translate(-663px, -579px);
}
.unit-tile.unit-tile-16 {
display: block;
transform: translate(808px, -248px);
}
.unit-tile.unit-tile-7 {
transform: translate(-221px, 765px);
}
.unit-tile.unit-tile-3 {
transform: translate(-560px, -257px);
}
.unit-tile.unit-tile-1 {
display: block;
transform: translate(245px, 385px);
}
.unit-tile.unit-tile-20 {
display: block;
transform: translate(940px, 105px);
}
.unit-tile.unit-tile-10 {
display: block;
transform: translate(663px, -689px);
}
.unit-tile.unit-tile-5 {
transform: translate(-764px, 779px);
}
.unit-tile.unit-tile-11 {
display: block;
transform: translate(-506px, 61px);
}
.unit-tile.unit-tile-8 {
margin-top: -2.6em;
margin-left: 43.1em;
margin-right: 2.4em;
padding-left: 45px;
transform: translate(0);
}
.unit-tile.unit-tile-19 {
display: block;
transform: translate(827px, 744px);
}
.unit-tile.unit-tile-12 {
display: block;
transform: translate(-1017px, 119px);
}
.unit-tile.unit-tile-2 {
transform: translate(449px, -337px);
}
.unit-bio {
z-index: 1;
letter-spacing: .012em;
width: 300px;
font-size: 19px;
font-weight: 600;
position: absolute;
}
.unit-bio:hover {
opacity: 1;
}
.unit-canvas-container {
justify-content: center;
align-self: center;
align-items: center;
width: 102vw;
height: 102vh;
display: flex;
position: absolute;
}
.cta-links {
margin-top: 25px;
}
.cta-links.more-programs {
justify-content: center;
align-items: center;
display: flex;
}
.unit-wrapper {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.unit-wrapper.theme-dark {
background-color: #141414;
flex-direction: column;
padding: 30px;
}
.text-link-2 {
color: #f5f5f7;
text-decoration: none;
}
.bio-left {
color: #a7a7a7;
text-align: left;
background-color: #eee;
border-radius: 10px;
width: 300px;
padding: 5%;
transform: translate(-150px, 34.5px);
}
.bio-left:hover {
display: block;
}
.text-block-84 {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 40px;
font-weight: 600;
}
.section-17 {
background-color: #fff;
margin-left: 4%;
margin-right: 4%;
}
.section-18 {
margin-left: 25%;
margin-right: 25%;
}
.section-19 {
background-color: #eee;
border-radius: 20px;
margin-left: 4%;
margin-right: 4%;
}
.hero-2 {
flex-direction: column;
align-items: center;
margin-left: auto;
margin-right: auto;
display: block;
position: sticky;
top: 0;
overflow: hidden;
}
.hero-image-container {
z-index: 5;
align-items: center;
margin: 0 auto 840px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
top: 0;
}
.monitor {
z-index: 5;
width: 70vw;
max-width: 1597px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.product-title {
z-index: 0;
color: #111;
text-align: center;
letter-spacing: -.015em;
font-size: 110px;
font-weight: 700;
line-height: 100px;
position: absolute;
inset: 7% 0% auto;
}
.opening-text {
z-index: 6;
color: #fff;
text-align: center;
letter-spacing: -.015em;
font-size: 110px;
font-weight: 700;
line-height: 136px;
display: block;
position: absolute;
inset: -1.5% 0% 0% -42%;
}
.section-20 {
background-color: #eee;
border-radius: 20px;
margin: 4%;
padding-top: 473px;
padding-bottom: 343px;
}
.projects-core {
opacity: 1;
transition: all 1s;
}
.project-item {
float: right;
clear: both;
flex-direction: column;
max-width: 65%;
margin-bottom: 6.25em;
margin-left: auto;
margin-right: 0;
display: flex;
}
.bubble {
background-color: #0000;
border-radius: 500px;
flex: none;
justify-content: center;
align-items: center;
width: 40vh;
height: 40vh;
margin-left: 0;
padding-top: 0%;
display: flex;
position: relative;
overflow: hidden;
transform: scale(0);
}
.div-img-content {
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
inset: 0% -40px;
}
.img-bubble {
flex: none;
min-width: 85vw;
max-width: 85vw;
position: absolute;
}
.div-block-70 {
flex: 1;
justify-content: flex-start;
align-items: center;
width: 100vw;
display: flex;
position: relative;
overflow: hidden;
}
.home-project-front-image {
width: 100%;
min-width: 100%;
}
.home-project-front-image.js-image, .home-project-front-image.js-image-copy {
flex: 1;
order: -1;
width: 100%;
margin-left: 0;
display: block;
transform: none;
}
.projects-images-mom {
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 0;
margin-bottom: 1.85em;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.brfon {
z-index: 999;
transform-origin: 50% 0;
background-color: #fff;
flex: 1;
height: 100%;
display: none;
position: absolute;
inset: 0% 0% auto;
}
.position-img {
z-index: 2;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: auto;
overflow: hidden;
}
.section-21 {
padding-top: 327px;
padding-bottom: 260px;
display: none;
}
.link-block-15 {
z-index: 2001;
background-color: #f174ff7d;
margin-top: 10.5em;
margin-left: 39.8em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.die-rosanen {
z-index: 2001;
background-color: #f174ff00;
margin-top: 10.5em;
margin-left: 39.8em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.magdalena-link {
z-index: 2001;
background-color: #90ff7400;
margin-top: 10.5em;
margin-left: 25.2em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.abstract-painting-512 {
z-index: 2001;
background-color: #135f0000;
margin-top: -11.8em;
margin-left: 32.5em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.kleksography-232 {
z-index: 2001;
background-color: #135f0000;
margin-top: -11.8em;
margin-left: 18.1em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.kleksography-469 {
z-index: 2001;
background-color: #38383800;
margin-top: 10.3em;
margin-left: 68.7em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.kleksography-470 {
z-index: 2001;
background-color: #fffb0000;
margin-top: 31.6em;
margin-left: 49.8em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.nichts {
z-index: 2001;
background-color: #135f007d;
margin-top: 10.4em;
margin-left: 7.4em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.nichts-copy {
z-index: 2001;
background-color: #135f007d;
margin-top: 10.8em;
margin-left: 7.2em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.abstract-painting-520 {
z-index: 2001;
background-color: #0000;
margin-top: 10.8em;
margin-left: 7.2em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.runnin {
z-index: 2001;
background-color: #ff950000;
margin-top: -41.1em;
margin-left: 39.8em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.tiffany {
z-index: 2001;
background-color: #ff950000;
margin-top: -13.1em;
margin-left: 61.6em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.commin {
z-index: 2001;
background-color: #ff950000;
margin-top: -11.9em;
margin-left: 46.8em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.hernesphere {
z-index: 2001;
background-color: #ff950000;
margin-top: 10.5em;
margin-left: 55.1em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.the-vaggi {
z-index: 2001;
background-color: #ff950000;
margin-top: 31.7em;
margin-left: 62.7em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.text-block-85 {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 50px;
font-weight: 300;
}
.lukasjarsumbeck {
z-index: 3000;
color: #000;
margin-top: 59px;
margin-left: 51px;
font-family: San Francisco, sans-serif;
font-size: 50px;
font-weight: 300;
display: none;
position: absolute;
top: 0;
}
.abstract-painting-530 {
z-index: 2001;
background-color: #135f0000;
margin-top: 10.4em;
margin-left: 7.4em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.adam {
z-index: 2001;
background-color: #135f0000;
margin-top: 33.4em;
margin-left: 15.4em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.violent-noise {
z-index: 2001;
background-color: #ff4b0900;
margin-top: 33.3em;
margin-left: 32.7em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.die-rosanenv2 {
z-index: 2001;
background-color: #ff950000;
margin-top: -41.1em;
margin-left: 54.5em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.div-block-71 {
border-radius: 0;
}
.content_magdalena-new-copy {
border: 0 solid #ddd;
border-radius: 20px;
margin-top: 100px;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
}
.top_input-copy {
background-color: #fff9;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-bottom: 1px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.content_magdalena2-copy {
background-color: #fff9;
border-radius: 0;
margin-bottom: 1px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.headline-exhibitions {
margin: 100px 2% .5%;
}
.headline-contact-v2 {
color: #000;
margin-left: 2%;
font-family: San Francisco, sans-serif;
font-size: 70px;
font-weight: 500;
}
.content_rubric-copy {
border: 0 solid #0003;
border-radius: 20px;
margin-left: 2%;
margin-right: 2%;
}
.textblock_sculptures-copy {
color: #000;
text-align: left;
padding: 0% 0% 10%;
font-family: San Francisco, sans-serif;
font-weight: 400;
}
.content_sculptures2-copy {
background-color: #fff9;
border-radius: 0;
margin-bottom: 1px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.image_sculptures-copy {
margin-right: 0;
}
.headline-contact {
margin: 100px 2% .5%;
}
.headline-news {
margin: 0 2% .5%;
}
.headline-nes, .headline-newsv2 {
color: #000;
margin-left: 2%;
font-family: San Francisco, sans-serif;
font-size: 70px;
font-weight: 500;
}
.body-38 {
background-color: #eee;
}
.content_rubric-copy-copy {
border: 0 solid #0003;
border-radius: 20px;
margin-left: 2%;
margin-right: 2%;
}
.content_news {
background-color: #fff9;
border-radius: 0;
margin-bottom: 1px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.new-2 {
border: 0 solid #0003;
border-radius: 20px;
margin-left: 2%;
margin-right: 2%;
}
.new-2-image {
margin-right: 0;
}
.projects-images-mom-copy {
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 0;
margin-bottom: 1.85em;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.tiffany-copy {
z-index: 2001;
background-color: #ff950000;
margin-top: -13.1em;
margin-left: 61.6em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.image-155 {
opacity: 1;
width: 1239.33em;
height: auto;
}
.image-155:active {
opacity: 1;
}
.project-copy._2d-v2 {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.project-copy._2d-v2-copy {
opacity: 0;
border-radius: 600px;
width: 8.5em;
margin-top: 11.3em;
margin-left: 33.9em;
text-decoration: none;
}
.project-copy._2d-v2-copy:hover {
opacity: 1;
transform: scale(1.1);
}
.project-copy._2d-v2-copy:active {
opacity: 1;
}
._2d_dot-copy {
border-radius: 0;
width: 100em;
padding-left: 0;
}
._2d_dot-copy:hover {
opacity: 1;
filter: hue-rotate(180deg);
}
._2d_text-copy {
opacity: 1;
color: #000;
text-align: center;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 50%;
font-style: normal;
font-weight: 700;
text-decoration: none;
}
._2d_text-copy:hover {
opacity: 1;
color: #000;
background-color: #0000;
}
.project-copy._2d-v2-copy {
opacity: 1;
width: 3em;
margin-top: 8.8em;
margin-left: 52em;
font-size: 2vw;
text-decoration: none;
}
.container-28-mobile-copy-copy {
width: 1440px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5em;
}
.container-28-mobile-copy-copy.is--map {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 8.3em 0 7.7em;
display: flex;
}
.container-28-mobile-copy-copy.is--map-mobile {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 8.3em 0 7.7em;
display: none;
}
.container-28-mobile-copy-copy.is--map-mobile-copy {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
max-width: none;
height: 100vh;
margin-left: 0;
margin-right: 0;
padding: 0;
display: block;
}
.container-28-mobile-copy-copy.is--map-mobile-copy-copy {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 1em;
display: none;
}
.container-28-mobile-copy-copy.is--map-mobile-copy-copy:hover {
font-size: 2em;
}
.map_mobile-copy {
z-index: 1;
width: auto;
height: auto;
font-size: 2vw;
position: relative;
}
.mapimage-copy {
z-index: 1;
opacity: 1;
width: 100vw;
max-width: none;
height: auto;
margin-top: 0;
margin-left: -8em;
margin-right: 0;
font-size: 2em;
display: block;
position: relative;
top: .4em;
left: 7.8em;
}
.project-copy._3d-copy {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.project-copy._3d-copy:hover {
transform: scale(1.1);
}
.div-block-73 {
max-width: 100%;
height: 110vw;
margin-right: 186px;
padding-right: 71px;
}
.image-156 {
width: auto;
max-width: none;
height: 100vh;
margin-right: 28px;
padding-right: 309px;
}
.div-block-74 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
margin-right: 0;
padding-right: 0;
display: flex;
}
.section-23 {
justify-content: center;
display: flex;
}
.image-157 {
flex: 1;
}
.project-copy {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.project-copy._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.project-copy.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.project-copy.sculptures:hover {
background-color: #ffffff26;
}
.project-copy.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.project-copy.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.project-copy._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.project-copy._3d:hover {
transform: scale(1.1);
}
.project-copy.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.project-copy.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.project-copy.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.project-copy.home:hover {
transform: scale(1.1);
}
.project-copy._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.project-copy._2d:hover {
transform: scale(1.1);
}
.project-copy.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
.project-copy.reliefs:hover {
transform: scale(1.1);
}
.project-copy.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.project-copy.sculptures:hover {
transform: scale(1.1);
}
.project-copy.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.project-copy.university:hover {
transform: scale(1.1);
}
.project-copy.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.project-copy.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.project-copy.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.project-copy.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.project-copy.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.project-copy.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.project-copy.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.project-copy.binary-period:hover {
transform: scale(1.1);
}
.project-copy.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.project-copy.standing:hover {
transform: scale(1.1);
}
.project-copy._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.project-copy._2d-v2:hover {
transform: scale(1.1);
}
.project-copy._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.project-copy._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.project-copy.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.project-copy.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.project-copy._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.project-copy._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.project-copy._2d-v2-copy:hover {
transform: scale(1.1);
}
.project-copy.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.project-copy.binary-period-copy:hover {
transform: scale(1.1);
}
.consent {
z-index: 1000;
background-color: #ffffffa1;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: none;
position: fixed;
}
.message {
background-color: #272727;
border-radius: 10px;
width: 70%;
padding: 40px 62px 30px;
position: relative;
}
.paragraph-4 {
color: #000;
letter-spacing: -1px;
background-color: #ffffffa6;
border-radius: 20px;
margin-right: 0;
padding: 2%;
font-family: San Francisco, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.16em;
display: block;
}
.paragraph-4.white {
color: #fff;
}
.paragraph-4.centered {
text-align: center;
font-weight: 500;
}
.paragraph-4.centered.white {
color: #fff;
}
.close {
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-top: 10px;
margin-right: 10px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.hero-opening {
color: #1f1f1f;
text-align: center;
margin-top: 172px;
font-family: San Francisco, sans-serif;
font-size: 110px;
font-weight: 200;
line-height: 110px;
}
.hero-3 {
height: 85vh;
margin-bottom: 35px;
padding-top: 0;
}
.hero-text {
z-index: 13;
margin-top: 50px;
padding-left: 100px;
padding-right: 100px;
position: absolute;
inset: 0% 0% auto;
}
.image-158 {
display: none;
}
.grey {
color: #858585;
}
.container-36 {
z-index: 1;
max-width: none;
margin-bottom: 23%;
margin-left: 10%;
margin-right: 10%;
position: relative;
}
.container-36.grey {
background-color: #f3f3f3;
padding-bottom: 100px;
padding-left: 5%;
padding-right: 5%;
}
.container-36.grey._2 {
margin-bottom: 0;
padding-bottom: 0;
padding-right: 0%;
}
.sticky-container {
width: 980px;
margin-left: auto;
margin-right: auto;
display: block;
position: sticky;
top: 60px;
}
.sticky-container._2 {
width: auto;
height: 65vh;
top: 0;
}
.sticky-container._3 {
width: 100vw;
height: 100vh;
overflow: hidden;
}
.lottie-animation {
margin-top: 0;
padding-top: 600px;
}
.section-24 {
width: 100vw;
max-width: 100vw;
padding-top: 100px;
padding-bottom: 100px;
display: none;
position: relative;
}
.section-24._1 {
background-color: #fff;
padding-top: 0;
display: none;
}
.section-24._2 {
height: 100vh;
padding-top: 13%;
display: none;
}
.section-24.no-padding {
padding-top: 115px;
padding-bottom: 0;
display: none;
}
.section-24.flex-vertical {
flex-direction: column;
align-items: center;
display: none;
}
.sticky-wrapper {
width: 980px;
height: 250vh;
margin-left: auto;
margin-right: auto;
position: relative;
}
.sticky-wrapper._1 {
width: auto;
height: 250vh;
margin-left: 5%;
margin-right: 5%;
}
.sticky-wrapper._2 {
width: 100vw;
height: 400vh;
}
.small-text {
color: #000;
text-align: center;
padding-top: 26px;
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.small-text.grey {
color: #858585;
padding-top: 11px;
font-size: 16px;
line-height: 22px;
}
.feature-row-1 {
background-color: #f8f8f8;
border-bottom: 1px solid #e7e7e7;
border-radius: 3000px;
width: 200px;
height: 200px;
margin-top: 25px;
padding-bottom: 25px;
}
.sec-2-bg {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61a60eb4e005092d4b6260f4_Tiffany.jpeg");
background-position: 50% 60%;
background-repeat: no-repeat;
background-size: 30%;
position: absolute;
inset: 0%;
}
.flex-horizontal {
justify-content: space-between;
display: flex;
}
.heading-9 {
font-size: 70px;
}
.h1.centered {
text-align: center;
}
.h1.centered.white {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 40px;
font-weight: 300;
}
.zoomed-mac {
z-index: 2;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100vh;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
transform: none;
}
.quote {
margin-top: 35%;
}
.zoom-div {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/620eb6d33aa7d0f80f1b360b_Mit%20Sonne.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
position: absolute;
inset: 0%;
transform: scale(1.8);
}
.person {
z-index: 2;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/619134b28fa52f597c86eb63_0411.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 100%;
width: 100%;
height: 100vh;
margin-top: 0%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%;
}
.person._2 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/60525c6de2c88337ad641de5_Pull%20into%20thumb.jpg");
}
.grey-box {
z-index: 1;
background-color: #f2f2f2;
width: 100%;
height: 100vh;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%;
overflow: hidden;
}
.person-profession {
font-size: 17px;
font-weight: 400;
line-height: 22px;
}
.recent-artwork-name {
color: #1f1f1f;
font-size: 17px;
font-weight: 500;
line-height: 22px;
display: inline-block;
}
.person-wrapper {
z-index: 1;
opacity: 0;
background-color: #fff;
width: 70vw;
height: 100vh;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%;
overflow: hidden;
}
.person-name {
color: #1f1f1f;
font-size: 17px;
font-weight: 500;
line-height: 22px;
display: inline-block;
position: absolute;
inset: 40% auto 0% 15%;
}
.blue-film {
z-index: 4;
background-color: #0015ff78;
border-radius: 15px;
width: 350px;
height: 700px;
margin-top: 90px;
margin-left: 180px;
position: absolute;
transform: skew(0deg, 23deg);
}
.red-film {
z-index: 1;
background-color: #d52c2c78;
border-radius: 15px;
width: 350px;
height: 700px;
margin-top: 90px;
position: absolute;
transform: skew(0deg, 23deg);
}
.slide-buttons {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 70px;
margin-bottom: 15px;
padding-left: 35px;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
}
.purple-film {
z-index: 2;
background-color: #3431db78;
border-radius: 15px;
width: 350px;
height: 700px;
margin-top: 90px;
margin-left: 60px;
position: absolute;
transform: skew(0deg, 23deg);
}
.col2 {
width: 70%;
height: 100%;
min-height: 600px;
padding-top: 50px;
padding-left: 100px;
position: relative;
overflow: hidden;
}
.next {
cursor: pointer;
border: 2px solid #000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-left: 5px;
margin-right: 5px;
padding: 6px;
display: flex;
}
.col1 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 30%;
height: 100%;
min-height: 600px;
padding-left: 35px;
padding-right: 35px;
display: flex;
position: relative;
}
.green-film {
z-index: 3;
background-color: #4aff1378;
border-radius: 15px;
width: 350px;
height: 700px;
margin-top: 90px;
margin-left: 120px;
position: absolute;
transform: skew(0deg, 23deg);
}
.back {
opacity: .5;
cursor: pointer;
border: 2px solid #000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-left: 5px;
margin-right: 5px;
padding: 6px;
display: flex;
}
.feature-2 {
justify-content: space-between;
margin-bottom: 60px;
display: flex;
}
.feature-box {
border-top: 1px solid #dfdfdf;
width: 45%;
padding: 30px 0 10px;
}
.mac-image {
z-index: 2;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6052868455c742a5f177d27a_q7.jpg"), linear-gradient(#fff, #fff);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: auto 85%, auto;
width: 100vw;
height: 100vh;
display: block;
position: absolute;
inset: 0%;
}
.dark-text {
color: #1d1d1f;
}
.text {
font-size: 19px;
font-weight: 600;
line-height: 24px;
}
.image-159 {
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.bold-text {
font-weight: 600;
}
.me {
border-radius: 50%;
align-items: center;
width: 300px;
height: 300px;
margin-top: 25px;
margin-bottom: 25px;
padding-bottom: 0;
display: flex;
overflow: hidden;
}
.image-160 {
width: 100%;
}
.paragraph-4-copy {
color: #000;
letter-spacing: -1px;
background-color: #eeeeee4f;
border-radius: 20px;
margin-right: 0;
padding: 5%;
font-family: San Francisco, sans-serif;
font-size: 36px;
font-weight: 300;
line-height: 1.16em;
}
.paragraph-4-copy.white {
color: #fff;
}
.paragraph-4-copy.centered {
text-align: center;
font-weight: 500;
}
.paragraph-4-copy.centered.white {
color: #fff;
}
.paragraph-4-copy.centered-copy {
text-align: center;
font-weight: 500;
}
.paragraph-4-copy.centered-copy.white {
color: #fff;
background-color: #eee0;
}
.section-start-mobile {
width: 100vw;
max-width: 100vw;
padding-top: 100px;
padding-bottom: 100px;
display: none;
position: relative;
}
.section-start-mobile._1 {
padding-top: 0;
}
.section-start-mobile._2 {
height: 100vh;
padding-top: 13%;
}
.section-start-mobile.no-padding {
padding-top: 115px;
padding-bottom: 0;
}
.section-start-mobile.flex-vertical {
flex-direction: column;
align-items: center;
display: flex;
}
.discover-latest-artworks {
font-size: 17px;
font-weight: 400;
line-height: 22px;
}
.section-24-copy {
width: 100vw;
max-width: 100vw;
padding-top: 100px;
padding-bottom: 100px;
display: none;
position: relative;
}
.section-24-copy._1 {
padding-top: 0;
}
.section-24-copy._2 {
height: 100vh;
padding-top: 13%;
}
.section-24-copy.no-padding {
padding-top: 115px;
padding-bottom: 0;
}
.section-24-copy.flex-vertical {
flex-direction: column;
align-items: center;
display: flex;
}
.h1-copy.centered {
text-align: center;
}
.h1-copy.centered.white {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 40px;
font-weight: 300;
}
.h1-copy.centered-copy {
text-align: center;
}
.h1-copy.centered-copy.white, .h1-copy.centered-copy.white-copy {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 40px;
font-weight: 300;
}
.section-25 {
background-color: #eee0;
margin-left: 0%;
margin-right: 0%;
padding: 0%;
display: none;
}
.image-161 {
border-radius: 20px;
}
.columns-14 {
margin-top: -23%;
padding-top: 0;
padding-left: 10%;
padding-right: 10%;
}
.section-2-details-item.ultra-wide, .section-2-details-item.paintings {
margin-top: 40px;
margin-left: 216px;
}
.section-2-item-title {
font-size: 2rem;
font-weight: 600;
}
.section-2-line {
background-color: #bbb;
width: 862px;
height: 1px;
margin-top: -.6rem;
margin-bottom: 0;
margin-left: 11.3rem;
position: absolute;
}
.section-2-item-desc {
font-size: 1.1875rem;
line-height: 1.4375rem;
}
.text-color-yellow {
color: #ffe701;
}
.div-block-77 {
width: 100px;
height: 100px;
margin-top: 2.2em;
margin-left: 31.9em;
position: absolute;
}
.section-26 {
background-color: #8b8b8b;
height: 70vh;
margin-top: 166px;
margin-left: -1px;
display: inline-block;
}
.text-block-86 {
text-align: center;
}
.div-block-78 {
justify-content: center;
display: flex;
}
.image-162 {
width: 50px;
max-width: none;
height: 50px;
display: block;
}
.link-block-17 {
flex: none;
grid-template: "."
"Area"
/ 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex;
}
.line-sculptures {
background-color: #bbb;
width: 200px;
height: 1px;
margin-top: 9.7rem;
margin-bottom: 0;
margin-left: 31.1rem;
position: absolute;
transform: rotate(90deg);
}
.sculptures-dotti {
justify-content: center;
display: flex;
}
.sculptures-dottti {
width: 100px;
height: 100px;
margin-top: -.6em;
margin-left: 31.9em;
padding-top: 0;
position: absolute;
}
.projects-images-mom-copy {
flex: none;
justify-content: flex-start;
align-items: center;
width: auto;
margin: 0 10% 1.85em;
padding: 0;
display: none;
position: relative;
overflow: hidden;
}
.div-img-content-copy {
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
inset: 0% -40px;
}
.tiffany-copy {
z-index: 2001;
background-color: #fff0;
margin-top: -13.1em;
margin-left: 40.9em;
padding: 0;
position: absolute;
top: 551.891px;
left: -63px;
}
.the-vaggi-copy, .the-vaggi-copy-copy {
z-index: 2001;
background-color: #ff950000;
margin-top: 31.7em;
margin-left: 62.7em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.hernesphere-copy {
z-index: 2001;
background-color: #ff950000;
margin-top: 10.5em;
margin-left: 55.1em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.commin-copy {
z-index: 2001;
background-color: #ff950000;
margin-top: -11.9em;
margin-left: 46.8em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.die-rosanenv2-copy {
z-index: 2001;
background-color: #ff950000;
margin-top: -41.1em;
margin-left: 54.5em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.runnin-copy {
z-index: 2001;
background-color: #ff950000;
margin-top: -41.1em;
margin-left: 39.8em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.die-rosanen-copy {
z-index: 2001;
background-color: #f174ff00;
margin-top: 10.5em;
margin-left: 39.8em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.violent-noise-copy {
z-index: 2001;
background-color: #ff4b0900;
margin-top: 33.3em;
margin-left: 32.7em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.magdalena-link-copy {
z-index: 2001;
background-color: #90ff7400;
margin-top: 10.5em;
margin-left: 25.2em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.abstract-painting-520-copy {
z-index: 2001;
background-color: #0000;
margin-top: 10.8em;
margin-left: 7.2em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.adam-copy {
z-index: 2001;
background-color: #135f0000;
margin-top: 33.4em;
margin-left: 15.4em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.abstract-painting-530-copy {
z-index: 2001;
background-color: #135f0000;
margin-top: 10.4em;
margin-left: 7.4em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.kleksography-232-copy {
z-index: 2001;
background-color: #135f0000;
margin-top: -11.8em;
margin-left: 18.1em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.kleksography-470-copy {
z-index: 2001;
background-color: #fffb0000;
margin-top: 31.6em;
margin-left: 49.8em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.kleksography-469-copy {
z-index: 2001;
background-color: #38383800;
margin-top: 10.3em;
margin-left: 68.7em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.abstract-painting-512-copy {
z-index: 2001;
background-color: #135f0000;
margin-top: -11.8em;
margin-left: 32.5em;
padding: 52px 41px 113px 124px;
position: absolute;
}
.div-block-71-copy {
border-radius: 0;
}
.div-block-70-copy {
flex: 1;
justify-content: flex-start;
align-items: center;
width: 100vw;
display: flex;
position: relative;
overflow: hidden;
}
.home-project-front-image-copy {
width: 100%;
min-width: 100%;
}
.home-project-front-image-copy.js-image, .home-project-front-image-copy.js-image-copy {
flex: 1;
order: -1;
width: 100%;
margin-left: 0;
display: block;
transform: none;
}
.position-img-copy {
z-index: 2;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: auto;
overflow: hidden;
}
.bubble-copy {
background-color: #0000;
border-radius: 500px;
flex: none;
justify-content: center;
align-items: center;
width: 40vh;
height: 40vh;
margin-left: 0;
padding-top: 0%;
display: flex;
position: relative;
overflow: hidden;
transform: scale(0);
}
.img-bubble-copy {
flex: none;
min-width: 85vw;
max-width: 85vw;
position: absolute;
}
.container-28-mobile-copy {
width: 1440px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5em;
}
.container-28-mobile-copy.is--map {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 8.3em 0 7.7em;
display: flex;
}
.container-28-mobile-copy.is--map-mobile {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 8.3em 0 7.7em;
display: block;
}
.container-28-mobile-copy.is--map-mobile-copy {
text-align: center;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80.002%;
height: auto;
margin-left: 10%;
margin-right: 10%;
padding: 8.3em 0 7.7em;
display: block;
}
.section-8-copy-copy {
margin-bottom: 1px;
}
.map_mobile-copy {
z-index: 1;
flex: 0 auto;
width: auto;
height: auto;
margin-left: -4.8em;
margin-right: 0%;
padding-bottom: 0;
font-size: 2vw;
display: block;
position: relative;
}
.map_mobile-copy:hover {
font-size: 2vw;
}
.mapimage-copy {
z-index: -3;
opacity: 1;
width: 100%;
min-width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
font-size: 1%;
display: block;
position: relative;
top: auto;
left: auto;
}
.mapimage-copy:hover {
top: auto;
left: auto;
}
.binary-period-dot-copy {
border-radius: 0;
font-size: 1%;
}
._2d-home {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
._2d-home._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
._2d-home.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
._2d-home.sculptures:hover {
background-color: #ffffff26;
}
._2d-home.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._2d-home.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
._2d-home._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._2d-home._3d:hover {
transform: scale(1.1);
}
._2d-home.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._2d-home.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
._2d-home.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
._2d-home.home:hover {
transform: scale(1.1);
}
._2d-home._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
._2d-home._2d:hover {
transform: scale(1.1);
}
._2d-home.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
._2d-home.reliefs:hover {
transform: scale(1.1);
}
._2d-home.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._2d-home.sculptures:hover {
transform: scale(1.1);
}
._2d-home.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
._2d-home.university:hover {
transform: scale(1.1);
}
._2d-home.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
._2d-home.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
._2d-home.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
._2d-home.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._2d-home.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
._2d-home.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._2d-home.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._2d-home.binary-period:hover {
transform: scale(1.1);
}
._2d-home.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
._2d-home.standing:hover {
transform: scale(1.1);
}
._2d-home._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._2d-home._2d-v2:hover {
transform: scale(1.1);
}
._2d-home._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._2d-home._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._2d-home.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._2d-home.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._2d-home._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._2d-home._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._2d-home._2d-v2-copy:hover {
transform: scale(1.1);
}
._2d-home.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._2d-home.binary-period-copy:hover {
transform: scale(1.1);
}
._2d-home._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._2d-home._2d-home2:hover {
font-size: .5em;
transform: none;
}
.link-block-18 {
z-index: 10;
background-color: #ff8c8c;
width: 2em;
margin-top: 5.4em;
margin-left: 88.1em;
display: block;
position: absolute;
}
.section-27 {
margin-left: 10%;
margin-right: 10%;
}
.link-block-19 {
width: 3em;
margin-top: -24.7em;
margin-left: -47em;
display: inline-block;
position: absolute;
}
.image-163, .div-block-79 {
position: relative;
}
.link-block-20 {
padding-left: 35px;
}
.ffdd {
width: 1440px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5em;
}
.ffdd.is--map {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 8.3em 0 7.7em;
display: flex;
}
.ffdd.is--map-mobile {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 8.3em 0 7.7em;
display: block;
}
.ffdd.is--map-mobile-copy {
text-align: center;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-left: 10%;
margin-right: 10%;
padding: 8.3em 0 7.7em;
display: block;
}
.ffdd.dfd {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-left: 10%;
margin-right: 10%;
padding: 8.3em 0 7.7em;
display: block;
}
.text-block-87 {
padding-top: 0;
font-family: San Francisco, sans-serif;
font-weight: 100;
}
._2d-home-copy {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
._2d-home-copy._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
._2d-home-copy.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
._2d-home-copy.sculptures:hover {
background-color: #ffffff26;
}
._2d-home-copy.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._2d-home-copy.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
._2d-home-copy._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._2d-home-copy._3d:hover {
transform: scale(1.1);
}
._2d-home-copy.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._2d-home-copy.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
._2d-home-copy.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
._2d-home-copy.home:hover {
transform: scale(1.1);
}
._2d-home-copy._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
._2d-home-copy._2d:hover {
transform: scale(1.1);
}
._2d-home-copy.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
._2d-home-copy.reliefs:hover {
transform: scale(1.1);
}
._2d-home-copy.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._2d-home-copy.sculptures:hover {
transform: scale(1.1);
}
._2d-home-copy.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
._2d-home-copy.university:hover {
transform: scale(1.1);
}
._2d-home-copy.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
._2d-home-copy.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
._2d-home-copy.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
._2d-home-copy.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._2d-home-copy.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
._2d-home-copy.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._2d-home-copy.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._2d-home-copy.binary-period:hover {
transform: scale(1.1);
}
._2d-home-copy.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
._2d-home-copy.standing:hover {
transform: scale(1.1);
}
._2d-home-copy._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._2d-home-copy._2d-v2:hover {
transform: scale(1.1);
}
._2d-home-copy._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._2d-home-copy._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._2d-home-copy.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._2d-home-copy.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._2d-home-copy._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._2d-home-copy._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._2d-home-copy._2d-v2-copy:hover {
transform: scale(1.1);
}
._2d-home-copy.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._2d-home-copy.binary-period-copy:hover {
transform: scale(1.1);
}
._2d-home-copy._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._2d-home-copy._2d-home2:hover {
font-size: .5em;
transform: none;
}
._2d-home-copy._3d-home2-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.5em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._2d-home-copy._3d-home2-copy:hover {
font-size: .5em;
transform: none;
}
._2d-home-copy-copy {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
._2d-home-copy-copy._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
._2d-home-copy-copy.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
._2d-home-copy-copy.sculptures:hover {
background-color: #ffffff26;
}
._2d-home-copy-copy.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._2d-home-copy-copy.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
._2d-home-copy-copy._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._2d-home-copy-copy._3d:hover {
transform: scale(1.1);
}
._2d-home-copy-copy.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._2d-home-copy-copy.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
._2d-home-copy-copy.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
._2d-home-copy-copy.home:hover {
transform: scale(1.1);
}
._2d-home-copy-copy._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
._2d-home-copy-copy._2d:hover {
transform: scale(1.1);
}
._2d-home-copy-copy.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
._2d-home-copy-copy.reliefs:hover {
transform: scale(1.1);
}
._2d-home-copy-copy.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._2d-home-copy-copy.sculptures:hover {
transform: scale(1.1);
}
._2d-home-copy-copy.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
._2d-home-copy-copy.university:hover {
transform: scale(1.1);
}
._2d-home-copy-copy.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
._2d-home-copy-copy.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
._2d-home-copy-copy.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
._2d-home-copy-copy.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._2d-home-copy-copy.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
._2d-home-copy-copy.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._2d-home-copy-copy.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._2d-home-copy-copy.binary-period:hover {
transform: scale(1.1);
}
._2d-home-copy-copy.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
._2d-home-copy-copy.standing:hover {
transform: scale(1.1);
}
._2d-home-copy-copy._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._2d-home-copy-copy._2d-v2:hover {
transform: scale(1.1);
}
._2d-home-copy-copy._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._2d-home-copy-copy._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._2d-home-copy-copy.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._2d-home-copy-copy.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._2d-home-copy-copy._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._2d-home-copy-copy._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._2d-home-copy-copy._2d-v2-copy:hover {
transform: scale(1.1);
}
._2d-home-copy-copy.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._2d-home-copy-copy.binary-period-copy:hover {
transform: scale(1.1);
}
._2d-home-copy-copy._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._2d-home-copy-copy._2d-home2:hover {
font-size: .5em;
transform: none;
}
._2d-home-copy-copy._3d-home2-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.5em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._2d-home-copy-copy._3d-home2-copy:hover {
font-size: .5em;
transform: none;
}
._2d-home-copy-copy._4d-home {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.5em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._2d-home-copy-copy._4d-home:hover {
font-size: .5em;
transform: none;
}
._4d-home-2 {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
._4d-home-2._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
._4d-home-2.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
._4d-home-2.sculptures:hover {
background-color: #ffffff26;
}
._4d-home-2.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._4d-home-2.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
._4d-home-2._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._4d-home-2._3d:hover {
transform: scale(1.1);
}
._4d-home-2.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._4d-home-2.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
._4d-home-2.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
._4d-home-2.home:hover {
transform: scale(1.1);
}
._4d-home-2._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
._4d-home-2._2d:hover {
transform: scale(1.1);
}
._4d-home-2.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
._4d-home-2.reliefs:hover {
transform: scale(1.1);
}
._4d-home-2.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._4d-home-2.sculptures:hover {
transform: scale(1.1);
}
._4d-home-2.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
._4d-home-2.university:hover {
transform: scale(1.1);
}
._4d-home-2.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
._4d-home-2.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
._4d-home-2.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
._4d-home-2.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._4d-home-2.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
._4d-home-2.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._4d-home-2.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._4d-home-2.binary-period:hover {
transform: scale(1.1);
}
._4d-home-2.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
._4d-home-2.standing:hover {
transform: scale(1.1);
}
._4d-home-2._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._4d-home-2._2d-v2:hover {
transform: scale(1.1);
}
._4d-home-2._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._4d-home-2._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._4d-home-2.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._4d-home-2.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._4d-home-2._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._4d-home-2._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._4d-home-2._2d-v2-copy:hover {
transform: scale(1.1);
}
._4d-home-2.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._4d-home-2.binary-period-copy:hover {
transform: scale(1.1);
}
._4d-home-2._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._4d-home-2._2d-home2:hover {
font-size: .5em;
transform: none;
}
._4d-home-2._3d-home2-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.5em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._4d-home-2._3d-home2-copy:hover {
font-size: .5em;
transform: none;
}
._4d-home-2._4d-home {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 35.7em;
margin-left: 38.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._4d-home-2._4d-home:hover {
font-size: .5em;
transform: none;
}
._4d-home-2-copy {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
._4d-home-2-copy._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
._4d-home-2-copy.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
._4d-home-2-copy.sculptures:hover {
background-color: #ffffff26;
}
._4d-home-2-copy.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._4d-home-2-copy.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
._4d-home-2-copy._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._4d-home-2-copy._3d:hover {
transform: scale(1.1);
}
._4d-home-2-copy.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._4d-home-2-copy.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
._4d-home-2-copy.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
._4d-home-2-copy.home:hover {
transform: scale(1.1);
}
._4d-home-2-copy._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
._4d-home-2-copy._2d:hover {
transform: scale(1.1);
}
._4d-home-2-copy.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
._4d-home-2-copy.reliefs:hover {
transform: scale(1.1);
}
._4d-home-2-copy.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._4d-home-2-copy.sculptures:hover {
transform: scale(1.1);
}
._4d-home-2-copy.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
._4d-home-2-copy.university:hover {
transform: scale(1.1);
}
._4d-home-2-copy.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
._4d-home-2-copy.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
._4d-home-2-copy.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
._4d-home-2-copy.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._4d-home-2-copy.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
._4d-home-2-copy.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._4d-home-2-copy.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._4d-home-2-copy.binary-period:hover {
transform: scale(1.1);
}
._4d-home-2-copy.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
._4d-home-2-copy.standing:hover {
transform: scale(1.1);
}
._4d-home-2-copy._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._4d-home-2-copy._2d-v2:hover {
transform: scale(1.1);
}
._4d-home-2-copy._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._4d-home-2-copy._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._4d-home-2-copy.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._4d-home-2-copy.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._4d-home-2-copy._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._4d-home-2-copy._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._4d-home-2-copy._2d-v2-copy:hover {
transform: scale(1.1);
}
._4d-home-2-copy.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._4d-home-2-copy.binary-period-copy:hover {
transform: scale(1.1);
}
._4d-home-2-copy._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._4d-home-2-copy._2d-home2:hover {
font-size: .5em;
transform: none;
}
._4d-home-2-copy._3d-home2-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.5em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._4d-home-2-copy._3d-home2-copy:hover {
font-size: .5em;
transform: none;
}
._4d-home-2-copy._4d-home {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 35.7em;
margin-left: 38.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._4d-home-2-copy._4d-home:hover {
font-size: .5em;
transform: none;
}
._4d-home-2-copy._4d-home-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 35.7em;
margin-left: 38.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._4d-home-2-copy._4d-home-copy:hover {
font-size: .5em;
transform: none;
}
.architecture-home {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.architecture-home._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.architecture-home.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.architecture-home.sculptures:hover {
background-color: #ffffff26;
}
.architecture-home.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.architecture-home.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.architecture-home._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.architecture-home._3d:hover {
transform: scale(1.1);
}
.architecture-home.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.architecture-home.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.architecture-home.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.architecture-home.home:hover {
transform: scale(1.1);
}
.architecture-home._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.architecture-home._2d:hover {
transform: scale(1.1);
}
.architecture-home.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
.architecture-home.reliefs:hover {
transform: scale(1.1);
}
.architecture-home.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.architecture-home.sculptures:hover {
transform: scale(1.1);
}
.architecture-home.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.architecture-home.university:hover {
transform: scale(1.1);
}
.architecture-home.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.architecture-home.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.architecture-home.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.architecture-home.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.architecture-home.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.architecture-home.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.architecture-home.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.architecture-home.binary-period:hover {
transform: scale(1.1);
}
.architecture-home.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.architecture-home.standing:hover {
transform: scale(1.1);
}
.architecture-home._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.architecture-home._2d-v2:hover {
transform: scale(1.1);
}
.architecture-home._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.architecture-home._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.architecture-home.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.architecture-home.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.architecture-home._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.architecture-home._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.architecture-home._2d-v2-copy:hover {
transform: scale(1.1);
}
.architecture-home.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.architecture-home.binary-period-copy:hover {
transform: scale(1.1);
}
.architecture-home._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.architecture-home._2d-home2:hover {
font-size: .5em;
transform: none;
}
.architecture-home._3d-home2-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.5em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.architecture-home._3d-home2-copy:hover {
font-size: .5em;
transform: none;
}
.architecture-home._4d-home {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 35.7em;
margin-left: 38.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.architecture-home._4d-home:hover {
font-size: .5em;
transform: none;
}
.architecture-home._4d-home-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 35.7em;
margin-left: 38.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.architecture-home._4d-home-copy:hover {
font-size: .5em;
transform: none;
}
.architecture-home._4d-home-copy-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 35.7em;
margin-left: 38.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.architecture-home._4d-home-copy-copy:hover {
font-size: .5em;
transform: none;
}
.architecture-home.architecture-home-2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 27.1em;
margin-left: 55.6em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.architecture-home.architecture-home-2:hover {
font-size: .5em;
transform: none;
}
.architecture-home-copy {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.architecture-home-copy._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.architecture-home-copy.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.architecture-home-copy.sculptures:hover {
background-color: #ffffff26;
}
.architecture-home-copy.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.architecture-home-copy.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.architecture-home-copy._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.architecture-home-copy._3d:hover {
transform: scale(1.1);
}
.architecture-home-copy.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.architecture-home-copy.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.architecture-home-copy.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.architecture-home-copy.home:hover {
transform: scale(1.1);
}
.architecture-home-copy._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.architecture-home-copy._2d:hover {
transform: scale(1.1);
}
.architecture-home-copy.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
.architecture-home-copy.reliefs:hover {
transform: scale(1.1);
}
.architecture-home-copy.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.architecture-home-copy.sculptures:hover {
transform: scale(1.1);
}
.architecture-home-copy.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.architecture-home-copy.university:hover {
transform: scale(1.1);
}
.architecture-home-copy.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.architecture-home-copy.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.architecture-home-copy.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.architecture-home-copy.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.architecture-home-copy.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.architecture-home-copy.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.architecture-home-copy.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.architecture-home-copy.binary-period:hover {
transform: scale(1.1);
}
.architecture-home-copy.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.architecture-home-copy.standing:hover {
transform: scale(1.1);
}
.architecture-home-copy._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.architecture-home-copy._2d-v2:hover {
transform: scale(1.1);
}
.architecture-home-copy._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.architecture-home-copy._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.architecture-home-copy.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.architecture-home-copy.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.architecture-home-copy._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.architecture-home-copy._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.architecture-home-copy._2d-v2-copy:hover {
transform: scale(1.1);
}
.architecture-home-copy.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.architecture-home-copy.binary-period-copy:hover {
transform: scale(1.1);
}
.architecture-home-copy._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.architecture-home-copy._2d-home2:hover {
font-size: .5em;
transform: none;
}
.architecture-home-copy._3d-home2-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.5em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.architecture-home-copy._3d-home2-copy:hover {
font-size: .5em;
transform: none;
}
.architecture-home-copy._4d-home {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 35.7em;
margin-left: 38.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.architecture-home-copy._4d-home:hover {
font-size: .5em;
transform: none;
}
.architecture-home-copy._4d-home-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 35.7em;
margin-left: 38.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.architecture-home-copy._4d-home-copy:hover {
font-size: .5em;
transform: none;
}
.architecture-home-copy._4d-home-copy-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 35.7em;
margin-left: 38.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.architecture-home-copy._4d-home-copy-copy:hover {
font-size: .5em;
transform: none;
}
.architecture-home-copy.architecture-home-2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 26.2em;
margin-left: 54em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.architecture-home-copy.architecture-home-2:hover {
font-size: .5em;
transform: none;
}
.architecture-home-copy.architecture-home-2-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 26.2em;
margin-left: 54em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.architecture-home-copy.architecture-home-2-copy:hover {
font-size: .5em;
transform: none;
}
.line-3d {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.line-3d._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.line-3d.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.line-3d.sculptures:hover {
background-color: #ffffff26;
}
.line-3d.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.line-3d.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.line-3d._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.line-3d._3d:hover {
transform: scale(1.1);
}
.line-3d.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.line-3d.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.line-3d.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.line-3d.home:hover {
transform: scale(1.1);
}
.line-3d._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.line-3d._2d:hover {
transform: scale(1.1);
}
.line-3d.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
.line-3d.reliefs:hover {
transform: scale(1.1);
}
.line-3d.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.line-3d.sculptures:hover {
transform: scale(1.1);
}
.line-3d.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.line-3d.university:hover {
transform: scale(1.1);
}
.line-3d.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.line-3d.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.line-3d.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.line-3d.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.line-3d.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.line-3d.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.line-3d.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.line-3d.binary-period:hover {
transform: scale(1.1);
}
.line-3d.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.line-3d.standing:hover {
transform: scale(1.1);
}
.line-3d._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.line-3d._2d-v2:hover {
transform: scale(1.1);
}
.line-3d._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.line-3d._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.line-3d.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.line-3d.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.line-3d._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.line-3d._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.line-3d._2d-v2-copy:hover {
transform: scale(1.1);
}
.line-3d.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.line-3d.binary-period-copy:hover {
transform: scale(1.1);
}
.line-3d._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.line-3d._2d-home2:hover {
font-size: .5em;
transform: none;
}
.line-3d._3d-home2-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.5em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.line-3d._3d-home2-copy:hover {
font-size: .5em;
transform: none;
}
.line-3d._3d-home2-copy-copy {
z-index: 4000;
background-color: silver;
width: auto;
height: auto;
margin-top: 26em;
margin-left: 41.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
transform: rotate(-30deg);
}
.line-3d._3d-home2-copy-copy:hover {
font-size: .5em;
transform: none;
}
.image-164 {
transform: rotate(89deg);
}
.div-block-80 {
width: 300px;
height: 0;
}
.div-block-81 {
width: 70px;
height: 1px;
transform: rotate(-6deg);
}
.line-3d2 {
background-color: #999;
width: 3em;
height: .03em;
margin-top: -15.3em;
margin-left: .6em;
display: inline-block;
position: absolute;
transform: rotate(-30deg);
}
.line-2d {
background-color: #999;
width: 75px;
height: 1px;
margin-top: -15.3em;
margin-left: -3.4em;
display: inline-block;
position: absolute;
transform: rotate(30deg);
}
.line-architecture {
background-color: #999;
width: 3.9em;
height: .003em;
margin-top: -15.1em;
margin-left: 4.7em;
display: inline-block;
position: absolute;
transform: rotate(30deg);
}
.midpoint2 {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.midpoint2._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.midpoint2.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.midpoint2.sculptures:hover {
background-color: #ffffff26;
}
.midpoint2.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.midpoint2.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.midpoint2._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.midpoint2._3d:hover {
transform: scale(1.1);
}
.midpoint2.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.midpoint2.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.midpoint2.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.midpoint2.home:hover {
transform: scale(1.1);
}
.midpoint2._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.midpoint2._2d:hover {
transform: scale(1.1);
}
.midpoint2.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
.midpoint2.reliefs:hover {
transform: scale(1.1);
}
.midpoint2.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.midpoint2.sculptures:hover {
transform: scale(1.1);
}
.midpoint2.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.midpoint2.university:hover {
transform: scale(1.1);
}
.midpoint2.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.midpoint2.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.midpoint2.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.midpoint2.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.midpoint2.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.midpoint2.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.midpoint2.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.midpoint2.binary-period:hover {
transform: scale(1.1);
}
.midpoint2.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.midpoint2.standing:hover {
transform: scale(1.1);
}
.midpoint2._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.midpoint2._2d-v2:hover {
transform: scale(1.1);
}
.midpoint2._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.midpoint2._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.midpoint2.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.midpoint2.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.midpoint2._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.midpoint2._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.midpoint2._2d-v2-copy:hover {
transform: scale(1.1);
}
.midpoint2.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.midpoint2.binary-period-copy:hover {
transform: scale(1.1);
}
.midpoint2._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.midpoint2._2d-home2:hover {
font-size: .5em;
transform: none;
}
.midpoint2._3d-home2-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.5em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.midpoint2._3d-home2-copy:hover {
font-size: .5em;
transform: none;
}
.midpoint2.midpoint {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 26.3em;
margin-left: 38em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.midpoint2.midpoint:hover {
font-size: .5em;
transform: none;
}
._3d-dotto {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
._3d-dotto._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
._3d-dotto.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
._3d-dotto.sculptures:hover {
background-color: #ffffff26;
}
._3d-dotto.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._3d-dotto.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
._3d-dotto._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-dotto._3d:hover {
transform: scale(1.1);
}
._3d-dotto.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
._3d-dotto.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
._3d-dotto.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
._3d-dotto.home:hover {
transform: scale(1.1);
}
._3d-dotto._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
._3d-dotto._2d:hover {
transform: scale(1.1);
}
._3d-dotto.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
._3d-dotto.reliefs:hover {
transform: scale(1.1);
}
._3d-dotto.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-dotto.sculptures:hover {
transform: scale(1.1);
}
._3d-dotto.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
._3d-dotto.university:hover {
transform: scale(1.1);
}
._3d-dotto.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
._3d-dotto.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
._3d-dotto.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
._3d-dotto.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._3d-dotto.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
._3d-dotto.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
._3d-dotto.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._3d-dotto.binary-period:hover {
transform: scale(1.1);
}
._3d-dotto.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
._3d-dotto.standing:hover {
transform: scale(1.1);
}
._3d-dotto._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._3d-dotto._2d-v2:hover {
transform: scale(1.1);
}
._3d-dotto._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-dotto._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._3d-dotto.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
._3d-dotto.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
._3d-dotto._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._3d-dotto._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
._3d-dotto._2d-v2-copy:hover {
transform: scale(1.1);
}
._3d-dotto.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
._3d-dotto.binary-period-copy:hover {
transform: scale(1.1);
}
._3d-dotto._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._3d-dotto._2d-home2:hover {
font-size: .5em;
transform: none;
}
._3d-dotto._3d-dottooo {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8%;
margin-left: 46%;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
._3d-dotto._3d-dottooo:hover {
font-size: .5em;
transform: none;
}
.line-4d {
background-color: #999;
width: 75px;
height: 1px;
margin-top: -11.9em;
margin-left: -1.4em;
display: inline-block;
position: absolute;
transform: rotate(90deg);
}
.sculpture-home {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.sculpture-home._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.sculpture-home.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.sculpture-home.sculptures:hover {
background-color: #ffffff26;
}
.sculpture-home.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.sculpture-home.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.sculpture-home._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.sculpture-home._3d:hover {
transform: scale(1.1);
}
.sculpture-home.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.sculpture-home.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.sculpture-home.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.sculpture-home.home:hover {
transform: scale(1.1);
}
.sculpture-home._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.sculpture-home._2d:hover {
transform: scale(1.1);
}
.sculpture-home.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
.sculpture-home.reliefs:hover {
transform: scale(1.1);
}
.sculpture-home.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.sculpture-home.sculptures:hover {
transform: scale(1.1);
}
.sculpture-home.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.sculpture-home.university:hover {
transform: scale(1.1);
}
.sculpture-home.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.sculpture-home.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.sculpture-home.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.sculpture-home.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.sculpture-home.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.sculpture-home.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.sculpture-home.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.sculpture-home.binary-period:hover {
transform: scale(1.1);
}
.sculpture-home.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.sculpture-home.standing:hover {
transform: scale(1.1);
}
.sculpture-home._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.sculpture-home._2d-v2:hover {
transform: scale(1.1);
}
.sculpture-home._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.sculpture-home._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.sculpture-home.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.sculpture-home.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.sculpture-home._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.sculpture-home._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.sculpture-home._2d-v2-copy:hover {
transform: scale(1.1);
}
.sculpture-home.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.sculpture-home.binary-period-copy:hover {
transform: scale(1.1);
}
.sculpture-home._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.sculpture-home._2d-home2:hover {
font-size: .5em;
transform: none;
}
.sculpture-home._3d-home2-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.5em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.sculpture-home._3d-home2-copy:hover {
font-size: .5em;
transform: none;
}
.sculpture-home._4d-home {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 35.7em;
margin-left: 38.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.sculpture-home._4d-home:hover {
font-size: .5em;
transform: none;
}
.sculpture-home._4d-home-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 35.7em;
margin-left: 38.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.sculpture-home._4d-home-copy:hover {
font-size: .5em;
transform: none;
}
.sculpture-home._4d-home-copy-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 35.7em;
margin-left: 38.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.sculpture-home._4d-home-copy-copy:hover {
font-size: .5em;
transform: none;
}
.sculpture-home.architecture-home-2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 26.2em;
margin-left: 54em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.sculpture-home.architecture-home-2:hover {
font-size: .5em;
transform: none;
}
.sculpture-home.architecture-home-2-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 26.2em;
margin-left: 54em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.sculpture-home.architecture-home-2-copy:hover {
font-size: .5em;
transform: none;
}
.sculpture-home.sculpture-home-2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 16.8%;
margin-left: 54%;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.sculpture-home.sculpture-home-2:hover {
font-size: .5em;
transform: none;
}
.line-sculptures2 {
background-color: #999;
width: 75px;
height: 1px;
margin-top: -17.6em;
margin-left: 4.6em;
padding-top: 0;
display: inline-block;
position: absolute;
transform: rotate(-30deg);
}
.circles {
opacity: .65;
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: 400px;
width: 18.5em;
height: 18.5em;
margin-top: -30.4em;
margin-left: 10.8em;
padding-top: 0;
display: block;
position: absolute;
transform: rotate(-30deg);
}
.circles-2 {
z-index: 4;
background-color: #ffffff57;
border: 1px solid #e4e4e4;
border-radius: 400px;
width: 9em;
height: 9em;
margin-top: -24.8em;
margin-left: 14.6em;
padding-top: 0;
font-size: 2.1vw;
display: block;
position: absolute;
transform: rotate(-30deg);
}
.dot-pink-2 {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.dot-pink-2._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.dot-pink-2.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.dot-pink-2.sculptures:hover {
background-color: #ffffff26;
}
.dot-pink-2.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.dot-pink-2.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.dot-pink-2._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-pink-2._3d:hover {
transform: scale(1.1);
}
.dot-pink-2.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.dot-pink-2.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.dot-pink-2.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.dot-pink-2.home:hover {
transform: scale(1.1);
}
.dot-pink-2._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.dot-pink-2._2d:hover {
transform: scale(1.1);
}
.dot-pink-2.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
.dot-pink-2.reliefs:hover {
transform: scale(1.1);
}
.dot-pink-2.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-pink-2.sculptures:hover {
transform: scale(1.1);
}
.dot-pink-2.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.dot-pink-2.university:hover {
transform: scale(1.1);
}
.dot-pink-2.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.dot-pink-2.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.dot-pink-2.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.dot-pink-2.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.dot-pink-2.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.dot-pink-2.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.dot-pink-2.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.dot-pink-2.binary-period:hover {
transform: scale(1.1);
}
.dot-pink-2.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.dot-pink-2.standing:hover {
transform: scale(1.1);
}
.dot-pink-2._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.dot-pink-2._2d-v2:hover {
transform: scale(1.1);
}
.dot-pink-2._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-pink-2._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.dot-pink-2.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-pink-2.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.dot-pink-2._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.dot-pink-2._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.dot-pink-2._2d-v2-copy:hover {
transform: scale(1.1);
}
.dot-pink-2.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.dot-pink-2.binary-period-copy:hover {
transform: scale(1.1);
}
.dot-pink-2._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-pink-2._2d-home2:hover {
font-size: .5em;
transform: none;
}
.dot-pink-2._3d-dottooo {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-pink-2._3d-dottooo:hover {
font-size: .5em;
transform: none;
}
.dot-pink-2._3d-dottooo-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-pink-2._3d-dottooo-copy:hover {
font-size: .5em;
transform: none;
}
.dot-pink-2.dot-pink {
z-index: 4000;
opacity: .05;
background-color: #fff0;
width: 28em;
margin-top: 9.7em;
margin-left: 33.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-pink-2.dot-pink:hover {
font-size: .5em;
transform: none;
}
.image-165 {
opacity: 1;
width: 100%;
font-size: .5em;
display: none;
}
.dot-pink-2-copy {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.dot-pink-2-copy._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.dot-pink-2-copy.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.dot-pink-2-copy.sculptures:hover {
background-color: #ffffff26;
}
.dot-pink-2-copy.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.dot-pink-2-copy.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.dot-pink-2-copy._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-pink-2-copy._3d:hover {
transform: scale(1.1);
}
.dot-pink-2-copy.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.dot-pink-2-copy.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.dot-pink-2-copy.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.dot-pink-2-copy.home:hover {
transform: scale(1.1);
}
.dot-pink-2-copy._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.dot-pink-2-copy._2d:hover {
transform: scale(1.1);
}
.dot-pink-2-copy.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
.dot-pink-2-copy.reliefs:hover {
transform: scale(1.1);
}
.dot-pink-2-copy.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-pink-2-copy.sculptures:hover {
transform: scale(1.1);
}
.dot-pink-2-copy.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.dot-pink-2-copy.university:hover {
transform: scale(1.1);
}
.dot-pink-2-copy.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.dot-pink-2-copy.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.dot-pink-2-copy.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.dot-pink-2-copy.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.dot-pink-2-copy.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.dot-pink-2-copy.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.dot-pink-2-copy.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.dot-pink-2-copy.binary-period:hover {
transform: scale(1.1);
}
.dot-pink-2-copy.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.dot-pink-2-copy.standing:hover {
transform: scale(1.1);
}
.dot-pink-2-copy._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.dot-pink-2-copy._2d-v2:hover {
transform: scale(1.1);
}
.dot-pink-2-copy._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-pink-2-copy._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.dot-pink-2-copy.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-pink-2-copy.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.dot-pink-2-copy._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.dot-pink-2-copy._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.dot-pink-2-copy._2d-v2-copy:hover {
transform: scale(1.1);
}
.dot-pink-2-copy.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.dot-pink-2-copy.binary-period-copy:hover {
transform: scale(1.1);
}
.dot-pink-2-copy._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-pink-2-copy._2d-home2:hover {
font-size: .5em;
transform: none;
}
.dot-pink-2-copy._3d-dottooo {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-pink-2-copy._3d-dottooo:hover {
font-size: .5em;
transform: none;
}
.dot-pink-2-copy._3d-dottooo-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-pink-2-copy._3d-dottooo-copy:hover {
font-size: .5em;
transform: none;
}
.dot-pink-2-copy.dot-pink {
z-index: 4000;
opacity: .24;
background-color: #fff0;
width: 30em;
margin-top: 9.7em;
margin-left: 32.7em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-pink-2-copy.dot-pink:hover {
font-size: .5em;
transform: none;
}
.dot-pink-2-copy.dot-green {
z-index: 4000;
opacity: .24;
background-color: #fff0;
width: 30em;
margin-top: 9.7em;
margin-left: 32.7em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-pink-2-copy.dot-green:hover {
font-size: .5em;
transform: none;
}
.dot-green2 {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.dot-green2._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.dot-green2.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.dot-green2.sculptures:hover {
background-color: #ffffff26;
}
.dot-green2.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.dot-green2.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.dot-green2._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-green2._3d:hover {
transform: scale(1.1);
}
.dot-green2.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.dot-green2.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.dot-green2.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.dot-green2.home:hover {
transform: scale(1.1);
}
.dot-green2._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.dot-green2._2d:hover {
transform: scale(1.1);
}
.dot-green2.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
.dot-green2.reliefs:hover {
transform: scale(1.1);
}
.dot-green2.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-green2.sculptures:hover {
transform: scale(1.1);
}
.dot-green2.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.dot-green2.university:hover {
transform: scale(1.1);
}
.dot-green2.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.dot-green2.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.dot-green2.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.dot-green2.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.dot-green2.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.dot-green2.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.dot-green2.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.dot-green2.binary-period:hover {
transform: scale(1.1);
}
.dot-green2.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.dot-green2.standing:hover {
transform: scale(1.1);
}
.dot-green2._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.dot-green2._2d-v2:hover {
transform: scale(1.1);
}
.dot-green2._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-green2._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.dot-green2.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-green2.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.dot-green2._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.dot-green2._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.dot-green2._2d-v2-copy:hover {
transform: scale(1.1);
}
.dot-green2.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.dot-green2.binary-period-copy:hover {
transform: scale(1.1);
}
.dot-green2._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-green2._2d-home2:hover {
font-size: .5em;
transform: none;
}
.dot-green2._3d-dottooo {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-green2._3d-dottooo:hover {
font-size: .5em;
transform: none;
}
.dot-green2._3d-dottooo-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-green2._3d-dottooo-copy:hover {
font-size: .5em;
transform: none;
}
.dot-green2.dot-pink {
z-index: 4000;
opacity: .24;
background-color: #fff0;
width: 30em;
margin-top: 9.7em;
margin-left: 32.7em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-green2.dot-pink:hover {
font-size: .5em;
transform: none;
}
.dot-green2.dot-green {
z-index: 4000;
opacity: .05;
background-color: #fff0;
width: 28em;
margin-top: 9.9em;
margin-left: 18.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-green2.dot-green:hover {
font-size: .5em;
transform: none;
}
.dot-blue2 {
z-index: 3;
width: 3em;
margin-top: 13.3em;
margin-left: 17.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.dot-blue2._3d {
margin-top: 16.8em;
margin-left: 35.6em;
}
.dot-blue2.sculptures {
margin-top: 2.4em;
margin-left: 35.6em;
}
.dot-blue2.sculptures:hover {
background-color: #ffffff26;
}
.dot-blue2.sculptures {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.dot-blue2.sculptures:hover {
background-color: #fff0;
transform: translate(0);
}
.dot-blue2._3d {
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-blue2._3d:hover {
transform: scale(1.1);
}
.dot-blue2.architecture {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6051e39c4105f4e199e48387_Laufend%20Circlev.PNG");
background-position: 0 0;
background-size: 3em 3em;
margin-top: 9.7em;
margin-left: 35.6em;
}
.dot-blue2.architecture:hover {
background-color: #fff0;
transform: translate(0);
}
.dot-blue2.home {
margin-top: 38.3em;
margin-left: 43.2em;
text-decoration: none;
}
.dot-blue2.home:hover {
transform: scale(1.1);
}
.dot-blue2._2d {
margin-top: 43.1em;
margin-left: 23.4em;
text-decoration: none;
}
.dot-blue2._2d:hover {
transform: scale(1.1);
}
.dot-blue2.reliefs {
margin-top: 10.5em;
margin-left: 25.7em;
text-decoration: none;
transform: translate(0);
}
.dot-blue2.reliefs:hover {
transform: scale(1.1);
}
.dot-blue2.sculptures {
background-image: none;
margin-top: 45.1em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-blue2.sculptures:hover {
transform: scale(1.1);
}
.dot-blue2.university {
margin-top: 20.4em;
margin-left: 41.9em;
text-decoration: none;
}
.dot-blue2.university:hover {
transform: scale(1.1);
}
.dot-blue2.magdalenabutton {
opacity: .88;
width: 23.5em;
height: auto;
margin-top: 0;
margin-left: 0;
font-size: 1.5em;
text-decoration: none;
}
.dot-blue2.magdalenabutton:hover {
opacity: 1;
width: 22.5em;
transform: scale(1.1);
}
.dot-blue2.dierosanen {
opacity: 0;
width: 15em;
margin-top: 22.6em;
margin-left: 68.3em;
font-size: 100%;
text-decoration: none;
}
.dot-blue2.dierosanen:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.dot-blue2.them {
opacity: 0;
width: 19em;
margin-top: 9.8em;
margin-left: 27.1em;
font-size: 100%;
text-decoration: none;
}
.dot-blue2.them:hover {
opacity: 1;
filter: brightness(139%);
transform: scale(1);
}
.dot-blue2.binary-period {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.dot-blue2.binary-period:hover {
transform: scale(1.1);
}
.dot-blue2.standing {
margin-top: 6em;
margin-left: 41.9em;
text-decoration: none;
}
.dot-blue2.standing:hover {
transform: scale(1.1);
}
.dot-blue2._2d-v2 {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.dot-blue2._2d-v2:hover {
transform: scale(1.1);
}
.dot-blue2._3d-v2-copy {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-blue2._3d-v2-copy:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.dot-blue2.homepagedot {
margin-top: 16.8em;
margin-left: 35.7em;
text-decoration: none;
}
.dot-blue2.homepagedot:hover {
background-color: #fff;
transform: scale(1.1);
box-shadow: 2px 2px 100px 100px #fff;
}
.dot-blue2._2d-v2-copy {
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.dot-blue2._2d-v2-copy {
width: 8em;
margin-top: 14em;
margin-left: 25.4em;
text-decoration: none;
}
.dot-blue2._2d-v2-copy:hover {
transform: scale(1.1);
}
.dot-blue2.binary-period-copy {
margin-top: 9em;
margin-left: 9.7em;
text-decoration: none;
}
.dot-blue2.binary-period-copy:hover {
transform: scale(1.1);
}
.dot-blue2._2d-home2 {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 29.9em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-blue2._2d-home2:hover {
font-size: .5em;
transform: none;
}
.dot-blue2._3d-dottooo {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-blue2._3d-dottooo:hover {
font-size: .5em;
transform: none;
}
.dot-blue2._3d-dottooo-copy {
z-index: 4000;
background-color: #fff0;
width: 4em;
margin-top: 21.8em;
margin-left: 46em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-blue2._3d-dottooo-copy:hover {
font-size: .5em;
transform: none;
}
.dot-blue2.dot-pink {
z-index: 4000;
opacity: .24;
background-color: #fff0;
width: 30em;
margin-top: 9.7em;
margin-left: 32.7em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-blue2.dot-pink:hover {
font-size: .5em;
transform: none;
}
.dot-blue2.dot-green {
z-index: 4000;
opacity: .24;
background-color: #fff0;
width: 28em;
margin-top: 9.9em;
margin-left: 18.1em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-blue2.dot-green:hover {
font-size: .5em;
transform: none;
}
.dot-blue2.dot-blue {
z-index: 4000;
opacity: .05;
background-color: #fff0;
width: 28em;
margin-top: 23.7em;
margin-left: 26em;
padding-top: 0;
padding-left: 0;
font-size: .5em;
text-decoration: none;
}
.dot-blue2.dot-blue:hover {
font-size: .5em;
transform: none;
}
.mapimage-copy-copy {
z-index: -3;
opacity: 1;
width: 100%;
min-width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
font-size: 1%;
display: block;
position: relative;
top: auto;
left: auto;
}
.mapimage-copy-copy:hover {
top: auto;
left: auto;
}
.div-block-82 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 0;
display: flex;
}
.lines-general {
margin-top: -13%;
margin-left: 40%;
position: absolute;
}
.section-28 {
margin-bottom: 221px;
padding-bottom: 215px;
}
.div-block-83 {
z-index: 30;
width: 8%;
margin-top: 7%;
margin-left: 37%;
position: absolute;
}
.div-block-83-copy {
z-index: 30;
width: 8%;
margin-top: 7%;
margin-left: 45%;
position: absolute;
}
.div-block-85 {
margin-left: 0;
}
.container-28-copy {
width: 1440px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5em;
}
.container-28-copy.is--map {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
margin-right: 0;
padding: 8.3em 0 7.7em;
display: block;
position: fixed;
}
.container-28-copy.is--map-mobile {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
padding: 8.3em 0 7.7em;
display: flex;
}
.container-28-copy.is--map-copy {
text-align: center;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100em;
height: 100vh;
margin-right: 0;
padding: 8.3em 0 7.7em;
display: block;
position: fixed;
}
.section-5-copy {
z-index: 3;
width: 100%;
position: relative;
overflow: hidden;
}
.image-166 {
margin-left: -2px;
}
.circles-general-hub {
margin-top: 7.2em;
margin-left: -.2em;
position: absolute;
}
.lines-general-hub {
margin-top: .1em;
margin-left: 19.9em;
position: absolute;
}
.line-architect {
background-color: #999;
width: 75px;
height: 1px;
margin-top: -15.2em;
margin-left: 5.2em;
display: inline-block;
position: absolute;
transform: rotate(30deg);
}
.dots-general-hub {
z-index: 5000;
margin-top: -23.6em;
margin-left: 15.2em;
display: block;
position: absolute;
inset: auto 0% 0% auto;
}
.div-block-86 {
margin-left: 11%;
}
.shit-yeah {
justify-content: flex-start;
align-items: flex-start;
margin-top: 64px;
margin-left: 10%;
margin-right: 10%;
display: block;
}
.link-block-21 {
width: 3em;
}
.text-dot {
color: #616161;
text-align: center;
font-family: San Francisco, sans-serif;
font-size: 40%;
text-decoration: none;
}
.s-2 {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -31.5em;
margin-left: 28.1em;
text-decoration: none;
display: flex;
position: absolute;
}
.image-167 {
width: Infinity% ;
min-width: 2em;
font-size: 2vw;
transform: scale(1);
}
.image-167:hover {
font-size: 2.1vw;
}
.projects-compass {
z-index: 4000;
color: #000;
margin-top: 0;
padding-top: 0;
font-family: San Francisco, sans-serif;
font-size: 30px;
position: absolute;
}
.text-block-88 {
background-color: #ffffff5c;
border-radius: 10px;
width: 110%;
margin-top: 243px;
padding: 0% 0% 0% 4%;
font-family: San Francisco, sans-serif;
font-weight: 600;
}
.s-2-copy {
z-index: 55;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3em;
margin-top: -22.2em;
margin-left: 28.2em;
text-decoration: none;
display: flex;
position: absolute;
}
.midwoo {
z-index: 55;
width: 3em;
margin-top: -22.2em;
margin-left: 19em;
position: absolute;
}
._3d-whoo {
z-index: 66;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -24.6em;
margin-left: 24.2em;
text-decoration: none;
display: flex;
position: absolute;
}
.reliefs-whoo {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -29.1em;
margin-left: 24.2em;
text-decoration: none;
display: flex;
position: absolute;
}
.line-relief {
background-color: #999;
width: 75px;
height: 1px;
margin-top: -21.1em;
margin-left: -7.3em;
display: inline-block;
position: absolute;
transform: rotate(90deg);
}
.div-block-87 {
z-index: 60;
color: #4d4d4d;
background-color: #6b6b6b;
width: 5em;
height: .003em;
margin-top: 4.4em;
position: absolute;
transform: rotate(90deg);
}
.line-reliefs {
z-index: 60;
color: #4d4d4d;
background-color: #6b6b6b;
width: 3em;
height: .003em;
margin-top: 3.3em;
position: absolute;
transform: rotate(90deg);
}
.paintings-whoo {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -31.5em;
margin-left: 20.1em;
text-decoration: none;
display: flex;
position: absolute;
}
.general-hub {
margin-top: 7.2em;
margin-left: -.2em;
position: absolute;
}
.line-paintings-1 {
z-index: 60;
color: #4d4d4d;
background-color: #6b6b6b;
width: 3em;
height: .003em;
margin-top: 2.2em;
margin-left: 90px;
position: absolute;
transform: rotate(30deg);
}
.line-sculpture {
z-index: 60;
color: #4d4d4d;
background-color: #6b6b6b;
width: 3em;
height: .003em;
margin-top: -.7em;
margin-left: -60px;
position: absolute;
transform: rotate(-30deg);
}
.installations, .archi-dottii {
z-index: 55;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3em;
margin-top: -22.2em;
margin-left: 28.2em;
text-decoration: none;
display: flex;
position: absolute;
}
.installationsdot {
z-index: 55;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3em;
margin-top: -17.7em;
margin-left: 28.2em;
text-decoration: none;
display: flex;
position: absolute;
}
.intall {
z-index: 55;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3em;
margin-top: -15.4em;
margin-left: 24.2em;
text-decoration: none;
display: flex;
position: absolute;
}
._2d-whoo {
z-index: 6;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -24.6em;
margin-left: 16.2em;
text-decoration: none;
display: flex;
position: absolute;
}
.middle {
width: Infinity% ;
min-width: 2em;
transform: rotate(-60deg);
}
._4d-whoo {
z-index: 66;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -17.8em;
margin-left: 20.2em;
text-decoration: none;
display: flex;
position: absolute;
}
.anima {
z-index: 55;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3em;
margin-top: -15.4em;
margin-left: 16.1em;
text-decoration: none;
display: flex;
position: absolute;
}
.kleksography {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -29.7em;
margin-left: 7.4em;
text-decoration: none;
display: flex;
position: absolute;
}
.shit-yeah-copy {
justify-content: flex-start;
align-items: flex-start;
margin-top: 64px;
margin-left: 10%;
margin-right: 10%;
display: block;
}
.compass {
background-color: #eee0;
justify-content: flex-start;
align-items: flex-start;
margin-top: -154px;
margin-left: 10%;
margin-right: 10%;
display: none;
}
.dot-text {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -34.3em;
margin-left: 7.4em;
text-decoration: none;
display: flex;
position: absolute;
}
.paint {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -29.7em;
margin-left: 7.4em;
text-decoration: none;
display: flex;
position: absolute;
}
.paint-copy {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -26.9em;
margin-left: 12.1em;
text-decoration: none;
display: flex;
position: absolute;
}
.abstracts {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -31.6em;
margin-left: 12.1em;
text-decoration: none;
display: flex;
position: absolute;
}
.collages {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -29.1em;
margin-left: 16.2em;
text-decoration: none;
display: flex;
position: absolute;
}
.movies {
z-index: 55;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3em;
margin-top: -10.8em;
margin-left: 16.1em;
text-decoration: none;
display: flex;
position: absolute;
}
.image-167-copy {
width: Infinity% ;
min-width: 2em;
font-size: 2vw;
position: absolute;
transform: scale(1);
}
.image-167-copy-copy {
z-index: -6;
width: Infinity% ;
opacity: .53;
min-width: 22em;
margin-top: -263px;
margin-left: -15px;
padding-top: 0;
font-size: 2vw;
position: absolute;
transform: scale(1);
}
.whattt {
width: Infinity% ;
min-width: 2em;
font-size: 2vw;
transform: scale(1);
}
.text-dot-copy {
color: #616161;
text-align: center;
font-family: San Francisco, sans-serif;
font-size: 40%;
text-decoration: none;
}
.text-dot-copy-copy {
z-index: 80;
color: #000;
text-align: center;
margin-top: 11px;
font-family: San Francisco, sans-serif;
font-size: 60%;
font-weight: 600;
text-decoration: none;
position: absolute;
}
._3d-whee {
z-index: 6;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -24.6em;
margin-left: 24.1em;
text-decoration: none;
display: flex;
position: absolute;
}
.digital-only, .products {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -27em;
margin-left: 28.1em;
text-decoration: none;
display: flex;
position: absolute;
}
.university-projects {
z-index: 55;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3em;
margin-top: -13em;
margin-left: 28.2em;
text-decoration: none;
display: flex;
position: absolute;
}
.body-39 {
background-color: #eee;
}
._4d-whee {
z-index: 6;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -17.5em;
margin-left: 20.1em;
text-decoration: none;
display: flex;
position: absolute;
}
.body-40 {
background-color: #eee;
}
.text-block-88-copy {
background-color: #ffffff80;
border-radius: 10px;
width: 110%;
margin-top: -29px;
padding: 0% 0% 0% 4%;
font-family: San Francisco, sans-serif;
font-weight: 600;
}
.page-wrapper-copy {
z-index: 7000;
background-color: #eee0;
width: 100%;
margin-top: 35px;
padding-top: 0;
position: absolute;
overflow: hidden;
}
.main-wrapper-copy {
width: 100%;
}
.filter_form-wrapper-copy {
margin-bottom: 0;
}
.filter_wrapper-copy {
background-color: #f6f7f100;
}
.padding-vertical-copy {
padding-left: 0;
padding-right: 0;
}
.padding-vertical-copy.padding-xlarge, .padding-vertical-copy.padding-xlarge-copy {
background-color: #eee0;
}
.page-padding-2-copy {
padding-left: 0;
padding-right: 0;
}
.container-34-copy {
max-width: 100%;
margin-left: 4%;
margin-right: 4%;
}
.margin-bottom-copy {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.nav_header-copy {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
display: grid;
}
.text-block-81-copy {
color: #000;
background-color: #fff0;
border-radius: 10px;
padding-left: 20px;
font-family: San Francisco, sans-serif;
font-size: 40px;
font-weight: 500;
}
.filter_grid-copy {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.filter_column-2-copy {
background-color: #ffffff80;
border: 1px solid #dfdfdf;
border-bottom-style: none;
border-radius: 15px;
position: sticky;
}
.search-bar-mobile {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #dfdfdf;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.filter_search-field-2-copy {
background-color: #ffffff80;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61d1ded24d566d02ddfa13b1_lukas_jarsumbeck_header_logo.png");
background-position: 24px;
background-repeat: no-repeat;
background-size: 1.5rem;
border: 1px #000;
border-radius: 20px 20px 0 0;
min-height: 4.4rem;
margin-bottom: 0;
padding: 1rem 1.5rem 1rem 4rem;
font-size: 1rem;
}
.filter_results-text-copy {
font-weight: 400;
}
.text-color-green-copy {
color: #00f;
}
.hide-copy {
display: none;
}
.filter_reset-all-copy {
border-bottom: 1px solid #3c7c43;
padding-bottom: .2rem;
text-decoration: none;
}
.filter_reset-all-copy.text-color-green, .filter_reset-all-copy.text-color-green-copy {
color: #00f;
border-bottom-color: #fff;
}
.checkbox_field-copy {
cursor: pointer;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 0;
font-size: 1rem;
font-weight: 400;
display: block;
}
.checkbox_input-3-1-copy {
opacity: 1;
outline-offset: 0px;
text-align: right;
mix-blend-mode: normal;
background-color: #fff0;
border: 2px solid #00f;
border-radius: 30px;
outline: 3px #23286b;
flex: 0 auto;
order: 1;
width: 55px;
height: 55px;
margin-top: 0;
margin-left: -146px;
margin-right: 0;
}
.checkbox_input-3-1-copy:active {
width: 2rem;
}
.checkbox_input-3-1-copy.w--redirected-checked {
background-color: #00f;
background-image: none;
border-width: 2px;
border-color: #00f;
border-radius: 30px;
width: 55px;
height: 55px;
margin: 0 0 0 -146px;
box-shadow: 1px 1px 3px #0000;
}
.checkbox_input-3-1-copy.w--redirected-focus {
box-shadow: none;
border-color: #90c396;
}
.img-156-copy {
width: 3rem;
height: 3rem;
margin-left: 0;
margin-right: 20px;
padding-left: 0;
}
.img-156-copy:active {
border: 2px solid #00f;
border-radius: 30px;
}
.checkbox_label-copy {
margin-right: .25rem;
}
.rangeslider_wrapper-copy {
align-items: center;
padding: 21px;
display: block;
position: relative;
}
.rangeslider_track-copy {
background-color: #ececec;
border-radius: 999rem;
width: 96%;
height: .25rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.rangeslider_handle-2-copy {
z-index: 1;
cursor: grab;
background-color: #00f;
border-radius: 999rem;
flex: none;
width: 1rem;
height: 1rem;
position: absolute;
}
.rangeslider_handle-2-copy:focus {
background-color: #3c7c43;
}
.rangeslider_fill-2-copy {
background-color: #00f;
width: 20%;
height: 100%;
position: absolute;
}
.rangeslider_input-copy {
display: none;
}
.range_values-copy {
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: .5rem;
display: flex;
}
.filter-block-label-copy {
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.4;
}
.filter_select-2-copy {
cursor: pointer;
border: 1px #000;
border-radius: 10px;
min-height: 3.6rem;
margin-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1rem;
}
.heading-small-2-copy {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 15px;
font-weight: 500;
}
.filter_block-header-copy {
z-index: 10;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #fff;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
display: grid;
position: relative;
inset: 0% 0% auto;
}
.heading-small-3-copy {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.4;
}
.filter_reset-copy {
color: #6e6e6e;
border-bottom: 1px solid #dae4d8;
padding-bottom: .2rem;
text-decoration: none;
}
.filter_options-copy {
max-height: 15rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
overflow: auto;
}
.radio_field-copy {
cursor: pointer;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 0;
font-size: 1rem;
font-weight: 400;
display: flex;
}
.radio_button-copy {
border: 2px solid #dfdfdf;
width: 1.25rem;
height: 1.25rem;
margin-top: 0;
margin-left: 0;
margin-right: .75rem;
}
.radio_button-copy.w--redirected-checked {
background-color: #3c7c43;
background-image: none;
border-color: #3c7c43;
box-shadow: 1px 1px 3px #0000;
}
.radio_button-copy.w--redirected-focus {
box-shadow: none;
border-color: #90c396;
}
.radio_label-copy {
margin-bottom: 0;
margin-right: .5rem;
}
.option-results-copy {
color: #3c7c43;
display: none;
}
.filter_content-copy {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.filter_header-2-copy {
background-color: #ffffff80;
border: 1px solid #dae4d8;
border-radius: 20px;
flex-direction: row;
justify-content: flex-end;
align-items: center;
min-height: 4.5rem;
padding: .5rem 1rem;
display: flex;
}
.filter_tags-wrapper-copy {
flex-flow: wrap;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: start;
align-items: center;
margin-right: 1rem;
display: flex;
}
.filter_tags-text-copy {
color: #8f8f8f;
margin-right: 1rem;
}
.filter_tag-2-copy {
color: #fff;
background-color: #989898;
border-radius: 8rem;
margin-top: .5rem;
margin-bottom: .5rem;
margin-right: .5rem;
padding: .5rem 2.5rem .5rem 1rem;
font-size: .85rem;
font-weight: 500;
position: relative;
}
.filter_tag-remove-copy {
opacity: .5;
filter: invert();
cursor: pointer;
border-radius: 999rem;
flex-direction: column;
width: 1.5rem;
margin-top: .4rem;
margin-right: .5rem;
padding: .25rem;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.dropdown-3-copy {
margin-left: 0;
margin-right: 0;
}
.filter_sort-by-2-copy {
border: 1px solid #dae4d8;
border-radius: 20px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-width: 12rem;
padding: .5rem 4rem .5rem 1.2rem;
display: flex;
}
.dropdown_icon-copy {
margin-right: 1.2rem;
font-size: 1rem;
}
.dropdown_list-copy.w--open {
background-color: #fff;
}
.sort_field-copy {
color: #000;
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 1rem 2rem 1rem 1.5rem;
text-decoration: none;
display: flex;
}
.sort_field-copy.w--current {
color: #3c7c43;
background-color: #f4f9f4;
}
.content_filter-copy, .collection-list-wrapper-4-copy {
border-radius: 20px;
}
.content_collection-list-2-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item-4-copy {
border-radius: 20px;
}
.div-block-68-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.image-149-copy {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.content_card-block-copy {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: start;
padding: 1.5rem 1.5rem 1.5rem .75rem;
display: grid;
}
.content_card-header-copy {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
padding-top: 0;
font-size: 20px;
font-weight: 300;
display: flex;
}
.content_card-title-copy {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 30px;
font-weight: 200;
}
.content_card-date-copy {
color: #9a9a9a;
display: none;
}
.content_card-price-copy {
font-size: 1.75rem;
font-weight: 600;
display: none;
}
.content_card-info-copy {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content_card-info-label-copy {
color: #000;
font-family: San Francisco, sans-serif;
font-size: .875rem;
font-weight: 500;
}
.content_card-info-text-copy {
color: #00f;
background-color: #ececec66;
border-radius: 5px;
width: 100%;
padding: .5rem 1rem;
font-size: .875rem;
}
.content_card-info-block-copy {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
place-items: center start;
display: grid;
}
.filter_empty-copy {
background-color: #fff;
border: 0 solid #dfdfdf;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2rem;
display: flex;
}
.filter_empty-icon-copy {
width: 3rem;
margin-bottom: .5rem;
}
.footer_component-copy {
background-color: #000;
border-top: 1px solid #dae4d8;
align-items: flex-start;
}
.body-41 {
color: #000;
background-color: #fff;
margin-top: 0;
padding-top: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.filter_options-copy-copy {
max-height: 15rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
overflow: auto;
}
.home-item {
z-index: 6;
opacity: 1;
color: #000;
letter-spacing: 0;
text-transform: none;
background-color: #eee;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 24vw;
margin-top: 120px;
margin-bottom: 1px;
margin-right: 0%;
padding: 9px 0% 9px 20px;
font-family: San Francisco, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 50px;
display: block;
}
.home-item:hover {
opacity: .9;
color: #777;
}
.home-item:active {
opacity: .8;
}
.home-item.w--current {
opacity: 1;
color: #1a1b1f;
font-weight: 600;
}
.home-item.w--current:hover {
opacity: .8;
color: #32343a;
}
.home-item.w--current:active {
opacity: .7;
color: #32343a;
}
.projects-item-3 {
opacity: 1;
color: #000;
letter-spacing: 1px;
text-transform: none;
background-color: #eee;
margin-bottom: 1px;
padding: 9px 30px 9px 20px;
font-family: San Francisco, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 50px;
display: block;
}
.projects-item-3:hover {
opacity: .9;
color: #777;
}
.projects-item-3:active {
opacity: .8;
}
.projects-item-3.w--current {
opacity: 1;
color: #1a1b1f;
font-weight: 600;
}
.projects-item-3.w--current:hover {
opacity: .8;
color: #32343a;
}
.projects-item-3.w--current:active {
opacity: .7;
color: #32343a;
}
.headeready-copy {
z-index: 2000;
background-color: #0000;
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: sticky;
inset: 0 0% auto;
transform: translate(0)translate(0, -120px);
}
.headeready-copy:active {
background-color: #0000;
}
.filter_options-copy-copy-copy, .filter_options-copy-copy-2, .try-it-out, .old-one-10-03-2022, .try-it-out-copy {
max-height: 15rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
overflow: auto;
}
.checkbox_field-copy-copy {
cursor: pointer;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 0;
font-size: 1rem;
font-weight: 400;
display: block;
}
.checkbox_input-3-1-copy-copy {
opacity: 1;
outline-offset: 0px;
text-align: right;
mix-blend-mode: normal;
background-color: #fff0;
border: 2px solid #00f;
border-radius: 30px;
outline: 3px #23286b;
flex: 0 auto;
order: 1;
width: 55px;
height: 55px;
margin-top: 0;
margin-left: -146px;
margin-right: 0;
}
.checkbox_input-3-1-copy-copy:active {
width: 2rem;
}
.checkbox_input-3-1-copy-copy.w--redirected-checked {
background-color: #00f;
background-image: none;
border-width: 2px;
border-color: #00f;
border-radius: 30px;
width: 55px;
height: 55px;
margin: 0 0 0 -146px;
box-shadow: 1px 1px 3px #0000;
}
.checkbox_input-3-1-copy-copy.w--redirected-focus {
box-shadow: none;
border-color: #90c396;
}
.img-156-copy-copy {
width: 3rem;
height: 3rem;
margin-left: 0;
margin-right: 20px;
padding-left: 0;
}
.img-156-copy-copy:active {
border: 2px solid #00f;
border-radius: 30px;
}
.checkbox_label-copy-copy {
margin-right: .25rem;
}
.option-results-copy-copy {
color: #3c7c43;
display: none;
}
.type-search-mobilde-turned, .type-search-mobile {
max-height: 15rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
overflow: auto;
}
.seachbar-mobile-turnes {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #dfdfdf;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.filter_search-field-2-copy-copy {
background-color: #ffffff80;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61d1ded24d566d02ddfa13b1_lukas_jarsumbeck_header_logo.png");
background-position: 24px;
background-repeat: no-repeat;
background-size: 1.5rem;
border: 1px #000;
border-radius: 20px 20px 0 0;
min-height: 4.4rem;
margin-bottom: 0;
padding: 1rem 1.5rem 1rem 4rem;
font-size: 1rem;
}
.search-mobile {
z-index: 7000;
background-color: #eee0;
width: 100%;
margin-top: 35px;
padding-top: 0;
display: none;
position: absolute;
overflow: hidden;
}
.search-desktop-tablet {
z-index: 2;
background-color: var(--color--background);
color: #000;
width: 100vw;
max-width: 100vw;
margin: -50px 0 0;
padding-top: 50px;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
display: block;
position: absolute;
inset: 50px 0% 0;
overflow: visible;
}
.div-block-88 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fce3c3f58907_icon_brands_2__fi7csx7ciqqi_large_2x.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.columns-15 {
width: 100%;
height: 100%;
}
.grid-10 {
grid-column-gap: 8.7vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 80%;
}
.half_card {
opacity: 1;
color: #1d1d1f;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 5vw 6vw;
display: block;
position: relative;
}
.half_card.white, .half_card.black {
padding-bottom: 0;
}
._1024px_container {
object-fit: contain;
background-color: #0000;
width: 1055px;
max-width: none;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.grid-11 {
display: none;
}
.hero_section {
z-index: 8;
background-color: #d9d6cc;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
padding-top: 4vh;
padding-bottom: 15vw;
display: flex;
position: relative;
overflow: hidden;
}
.text-span-27 {
display: block;
}
.h2-2 {
color: #1d1d1f;
text-align: center;
margin-top: 0;
font-size: 6.2vw;
line-height: 6.5vw;
display: inline;
}
.h2-2.white {
text-align: left;
font-size: 5.3vw;
line-height: 5.3vw;
}
.red_card {
z-index: 4;
background-color: #f26d5f;
border-radius: 4.5%;
width: 91%;
height: 64%;
position: absolute;
}
.creditsw {
cursor: pointer;
}
.card_shadow {
z-index: 1;
opacity: .53;
filter: blur(8px);
background-color: #0000;
background-image: linear-gradient(#0000004d, #000 10%);
border-radius: 1vw;
width: 100%;
height: 86%;
margin-bottom: 0;
position: absolute;
}
.flip_card {
background-color: #828d4400;
border-radius: 7%;
justify-content: center;
align-items: center;
width: 75vw;
height: 53vw;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.bold-text-6 {
font-weight: 500;
line-height: 1.9vw;
display: block;
}
.column-33 {
align-items: center;
height: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.clone-button-sc {
justify-content: center;
align-items: center;
height: auto;
padding-top: 5vw;
padding-bottom: 2vw;
display: flex;
}
.div-block-89 {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
overflow: hidden;
}
.carry-one-thing {
flex: 0 auto;
order: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: center;
width: auto;
display: block;
}
.div-block-90 {
align-items: center;
display: flex;
}
.main-2 {
object-fit: fill;
width: 100vw;
max-width: none;
overflow: hidden;
}
._1-5vw_spacer {
width: 100%;
height: 1.5vw;
}
.div-block-91 {
justify-content: center;
align-items: flex-start;
height: 25%;
padding-top: .2vw;
display: flex;
}
.text-span-12 {
color: #fff;
}
.green_card {
z-index: 3;
background-color: #50be3d;
border-radius: 4.5%;
justify-content: center;
align-items: flex-end;
width: 91%;
height: 74%;
display: flex;
position: absolute;
overflow: hidden;
}
.pay_online {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fca97ef588e8_icon_online_payments__e2n125dv8awm_large_2x.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 85%;
height: 75%;
margin-left: auto;
margin-right: auto;
}
.wallet_icon {
z-index: 10;
background-color: #1e1e1f;
border-radius: 22%;
justify-content: center;
align-items: center;
width: 22.7vw;
height: 22.7vw;
display: flex;
position: fixed;
}
.text-span-23 {
color: #fff;
}
.column-34 {
height: 100%;
padding-left: .75vw;
padding-right: 0;
}
.div-block-92 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc926bf588ea_icon_brands_6__xuvijyta59eu_large_2x.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.div-block-93 {
width: 100%;
height: 100%;
display: flex;
}
.text-block2 {
color: #6e6e73;
margin-bottom: 20px;
font-size: 1.5vw;
line-height: 1.8vw;
}
.pay_the_new {
opacity: 1;
color: #1d1d1f;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 5vw 6vw;
display: block;
position: relative;
}
.div-block-9-copy {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 4.6vw;
display: flex;
}
.div-block-94 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc4f80f58909_icon_brands_5__bsv1viu1anma_large_2x.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.div-block-95 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc01fef588e0_icon_brands_3__c1ue4zu2zegm_large_2x.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.nav_block {
background-color: #0000;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-left: .83vw;
margin-right: .83vw;
padding-left: .55vw;
padding-right: .55vw;
display: flex;
}
.div-block-96 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-97 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc4426f588fd_icon_brands_9__igrjq8c93xyu_large_2x.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.column-35 {
align-items: flex-end;
height: 100%;
padding-left: 1.5vw;
padding-right: 0;
display: flex;
}
.paragraph-5 {
text-align: center;
}
.columns-16 {
width: 100%;
height: 100%;
}
.columns-16.mobile {
display: none;
}
.text-span-6 {
display: block;
}
.nav_list {
letter-spacing: .5px;
grid-template-rows: auto;
grid-template-columns: 2.08333vw 3.19444vw 2.70833vw 2.77778vw 3.75vw 3.54167vw 4.09583vw 5.625vw 6.66667vw 5.75833vw 4.16667vw 2.15278vw 2.01389vw;
grid-auto-columns: minmax(0, .25fr);
grid-auto-flow: row;
justify-content: center;
justify-items: center;
width: 100%;
height: 100%;
margin-left: 0;
font-size: 12px;
display: flex;
}
.bold-text-5-copy {
color: #fff;
font-size: 1.8vw;
font-weight: 500;
line-height: 0;
}
.bold-text-5 {
color: #1d1d1f;
font-size: 2.35vw;
font-weight: 500;
line-height: 2.7vw;
}
.button-3 {
background-color: #1d1d1f;
border-radius: 40px;
margin-top: .5vw;
padding: 12px 22px;
font-size: 17px;
font-weight: 500;
}
.div-block-98 {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.wallet_text {
object-fit: fill;
position: relative;
}
.bold-text-4 {
font-style: normal;
}
.wallet_body {
background-color: #d8d6cc;
border-radius: 9%;
justify-content: center;
align-items: flex-end;
width: 75%;
height: 55%;
display: flex;
position: relative;
overflow: visible;
}
._2nd_section {
background-color: #d8d6cc;
width: 100vw;
height: 112vw;
overflow: hidden;
}
.pay_in_apps {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fcf7a4f588e2_icon_in_app_payments__fvmkhzqov36u_large_2x.jpg");
background-position: 50% 55%;
background-repeat: no-repeat;
background-size: contain;
height: 75%;
}
.column-36 {
height: 100%;
padding-left: 0;
padding-right: .75vw;
}
.wallet_int {
flex-wrap: nowrap;
justify-content: center;
align-items: center;
padding-top: 13.8vw;
display: flex;
position: relative;
}
.clone {
letter-spacing: .05vw;
text-indent: 0;
column-count: 0;
font-size: 17px;
font-weight: 400;
}
.column-37 {
align-items: center;
height: 100%;
padding-left: 0;
padding-right: 1.5vw;
display: flex;
}
._56vw_spacer {
width: 100vw;
height: 56vw;
}
.heading-10 {
color: #000;
letter-spacing: .4vw;
object-fit: fill;
object-position: 50% 50%;
justify-content: center;
align-items: center;
height: 16vw;
margin-top: 0;
margin-bottom: 0;
font-size: 10vw;
display: block;
}
.blue_card {
z-index: 1;
background-color: #3c98c7;
border-radius: 4.5%;
justify-content: center;
align-items: flex-end;
width: 91%;
height: 94%;
padding-top: 0;
display: flex;
position: absolute;
overflow: hidden;
}
.text-span-13 {
color: #16435a;
}
.text-span-38 {
color: #3c98c7;
}
.h3 {
margin-top: 0;
font-size: 1.5vw;
font-weight: 600;
display: inline-block;
}
.text-span-18 {
color: #3c98c7;
}
.div-block-99 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc1dd3f588dc_icon_brands_1__b3ad0vwgxjqq_large_2x.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.cards {
background-color: #d8d6cc00;
border-radius: 11%;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: visible;
}
.front_wallet {
z-index: 5;
background-color: #a8a69c00;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc5d53f588f5_wallet_front.svg"), linear-gradient(#0000 40%, #52525242 73%, #69444400);
background-position: 50% 100%, 0 0;
background-repeat: no-repeat, repeat;
background-size: contain, auto;
width: 100%;
height: 100%;
position: absolute;
}
.credits {
letter-spacing: .05vw;
text-indent: 0;
column-count: 0;
font-size: 17px;
font-weight: 400;
}
.x {
background-color: #161616;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fcbe49f588f6_White%20cross.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 21px 21px;
border-radius: 100px;
width: 35px;
height: 35px;
position: absolute;
inset: auto 2.5% 4% auto;
transform: rotate(45deg);
}
.text-span-22-copy-copy {
color: #fff;
}
.div-block-100 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fce962f588e4_icon_brands_4__clj6q6njopqq_large_2x.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.div-block-101 {
justify-content: center;
padding-top: 2vw;
display: flex;
}
.div-block-102 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc1ac7f588ff_icon_in_store_payments__fcu1gpv8nqmq_large_2x.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 90%;
height: 75%;
margin-left: auto;
margin-right: auto;
}
.half_white_grid {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: .47fr 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.div-block-103 {
letter-spacing: .05vw;
font-size: 1.4vw;
line-height: 1.8vw;
}
.half_card_column {
width: 75vw;
height: 53vw;
margin-left: auto;
margin-right: auto;
}
.loyaltiy_and {
opacity: 1;
color: #1d1d1f;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 5vw 4.5vw 5vw 5vw;
display: block;
position: relative;
}
.underline_onhover:hover {
text-decoration: underline;
}
.image-168 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
width: 100%;
top: -20px;
}
.payment_reward {
color: #1d1d1f;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding-left: 11vw;
display: flex;
}
.clonew {
cursor: pointer;
margin-right: 35px;
}
.nav_icon {
cursor: pointer;
width: 27px;
height: 22px;
}
.nav_icon.logo {
filter: brightness(110%);
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc4c05f588da_5e2a2b8eca781465da2a1f44_apple-p-130x130q80.png");
background-position: 50%;
background-size: cover;
}
.nav_icon.logo:hover {
filter: brightness(180%);
}
.nav_icon.bag {
filter: brightness(200%);
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc2dddf588f1_5e2a2cf7b3437b61190253b6_bag-p-130x130q80.png");
background-position: 50%;
background-size: cover;
width: 22px;
}
.nav_icon.bag:hover {
filter: brightness(200%);
}
.nav_icon.search {
filter: brightness(200%);
background-color: #3898ec00;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc9d45f588e6_5e2a2cef09623962293bc92c_search-p-130x130q80.png");
background-position: 50%;
background-size: cover;
width: 22px;
}
.nav_icon.search:hover {
filter: brightness(200%);
}
.text-span-40 {
color: #fff;
display: block;
}
.link {
color: #06c;
font-weight: 600;
text-decoration: none;
}
.link:hover {
text-decoration: underline;
}
.overview_iphone {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc5f6cf588ee_apple_cash__erwsndmgotci_large_2x.jpeg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
}
.nav_bar {
z-index: 10;
background-color: #2c2b28;
justify-content: center;
align-items: center;
width: 100vw;
height: 44px;
margin-left: 0;
padding-left: 22px;
padding-right: 22px;
display: flex;
position: absolute;
overflow: hidden;
}
.headline_area {
justify-content: center;
align-items: center;
width: 100vw;
height: 56vw;
display: flex;
position: static;
}
.div-block-105 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc4a9bf588f3_back_apple_pay__ghm95zopsga6_small_2x.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
overflow: hidden;
}
.paragraph_wrap {
justify-content: center;
align-items: center;
margin-bottom: 2vw;
display: flex;
}
.paragraph_wrap.mobile {
display: none;
}
.nav_link-2 {
color: #d5d5d4d4;
text-transform: none;
text-decoration: none;
}
.card-2 {
background-color: #3c98c7;
border-radius: 2.7vw;
justify-content: center;
align-items: center;
width: 75vw;
height: 53vw;
display: flex;
}
.card-2.fff_card {
background-color: #fff;
height: 53vw;
padding-left: 5vw;
padding-right: 6vw;
display: flex;
overflow: hidden;
}
.card-2.fff_card.mobile {
display: none;
}
.column-38 {
height: 100%;
padding-left: 0;
padding-right: 0;
}
.div-block-106 {
height: 50%;
}
.cross {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc3c7bf5890b_black_cross.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 55%;
border-radius: 100px;
width: 3vw;
height: 3vw;
position: absolute;
inset: auto 2.5% 4% auto;
}
.cross.white {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fcbe49f588f6_White%20cross.svg");
}
.h2 {
color: #1d1d1f;
text-align: center;
margin-top: 0;
font-size: 6.2vw;
line-height: 6.5vw;
display: inline;
}
.h2.white {
text-align: left;
font-size: 5.3vw;
line-height: 5.3vw;
}
.h2.wrap {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: 2vw;
display: block;
}
.h2.blue {
text-align: left;
}
.h2.black {
text-align: left;
font-size: 5.6vw;
line-height: 5.9vw;
}
.h2.black-copy {
text-align: left;
font-size: 5.3vw;
line-height: 5.6vw;
}
.h2.half_white {
text-align: left;
letter-spacing: .05vw;
font-size: 3.4vw;
line-height: 3.7vw;
}
.div-block-107 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc2e7df588de_icon_brands_7__fx2djlszxd6q_large_2x.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.hero_int {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
top: auto;
right: auto;
}
.grid-12 {
grid-column-gap: .7vw;
grid-row-gap: .3vw;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-flow: row;
width: 100%;
height: 95%;
}
.link-2 {
color: #3e3e3d;
}
.div-block-108 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc78c4f588ec_icon_brands_8__3zxpqivtqaae_large_2x.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.overview_iphone-2 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc8321f58901_apple_card__d2n8rrc157gy_large_2x.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
}
.card-3 {
background-color: #3c98c7;
border-radius: 4.5%;
justify-content: center;
align-items: center;
width: 75.1vw;
height: 53vw;
margin-left: auto;
margin-right: auto;
display: flex;
}
.card-3.white_under_black {
z-index: 1;
opacity: 1;
backface-visibility: hidden;
perspective: 1000px;
background-color: #fff;
height: 53vw;
position: absolute;
transform: translate(0)perspective(1000px);
}
.card-3.half_black_card {
z-index: 2;
opacity: 1;
backface-visibility: hidden;
perspective: 1000px;
transform-origin: 50%;
background-color: #1d1d1f;
width: 100%;
height: 100%;
position: relative;
transform: perspective(1000px);
}
.card-3._2nd_black_card {
z-index: 2;
opacity: 1;
backface-visibility: hidden;
perspective: 1000px;
transform-origin: 50%;
background-color: #1d1d1f;
height: 53vw;
display: flex;
position: relative;
transform: perspective(1000px);
}
.card-3.fff_card {
background-color: #fff;
height: 53vw;
padding-left: 5vw;
padding-right: 6vw;
display: flex;
overflow: hidden;
}
.card-3.black_card {
z-index: 2;
opacity: 1;
backface-visibility: hidden;
perspective: 1000px;
transform-origin: 50%;
background-color: #1d1d1f;
height: 53vw;
display: flex;
position: relative;
transform: perspective(1000px);
}
.card-3.half_white_card {
z-index: 2;
opacity: 1;
backface-visibility: hidden;
perspective: 1000px;
transform-origin: 50%;
background-color: #fff;
width: 100%;
height: 100%;
position: relative;
transform: perspective(1000px);
}
.div-block-109 {
justify-content: center;
display: block;
}
.yellow_card {
z-index: 2;
background-color: #ffb003;
border: 1px #000;
border-top: 4px #0000001f;
border-radius: 4.5%;
justify-content: center;
align-items: flex-end;
width: 91%;
height: 84%;
display: flex;
position: absolute;
overflow: hidden;
}
.card_section {
background-color: #d8d6cc;
justify-content: center;
align-items: center;
width: 100vw;
height: 53vw;
display: flex;
}
.card_section._1st {
background-color: #d8d6cc;
height: auto;
display: block;
overflow: hidden;
}
.columns-17 {
width: 100%;
height: 100%;
}
.text-span-39 {
color: #3c98c7;
display: block;
}
.arw {
display: inline-block;
position: relative;
top: 2px;
left: -5px;
transform: rotate(90deg);
}
.hero_section-2 {
z-index: 8;
background-color: #d9d6cc;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
padding-top: 4vh;
padding-bottom: 15vw;
display: flex;
position: relative;
overflow: hidden;
}
.wallet_icon-2 {
z-index: 10;
background-color: #1e1e1f;
border-radius: 22%;
justify-content: center;
align-items: center;
width: 22.7vw;
height: 22.7vw;
display: flex;
position: fixed;
}
.wallet_body-2 {
background-color: #d8d6cc;
border-radius: 9%;
justify-content: center;
align-items: flex-end;
width: 75%;
height: 55%;
display: flex;
position: relative;
overflow: visible;
}
._2nd_section-2 {
background-color: #d8d6cc;
width: 100vw;
height: 112vw;
overflow: hidden;
}
.heading-11 {
color: #1b1b1b00;
letter-spacing: .4vw;
object-fit: fill;
object-position: 50% 50%;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc7e94f588f7_download-8.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: center;
align-items: center;
height: 16vw;
margin-top: 0;
margin-bottom: 0;
font-size: 20.9vw;
display: block;
}
.small-superellipse {
z-index: 19;
background-color: #e74c3c8a;
border-radius: 16px;
width: 82px;
height: 82px;
position: absolute;
transform: rotate(45deg);
box-shadow: 6px 6px 28px #00000057;
}
.small-superellipse.small-superellipse-four {
background-color: #600fceb3;
position: absolute;
top: 47%;
left: -117px;
transform: rotate(45deg)translate(0, -50%);
box-shadow: 6px -6px 28px #393a6bc9, inset -1px 1px #ffffff2e;
}
.small-superellipse.small-superellipse-one {
background-color: #d235a0b3;
margin-left: auto;
margin-right: auto;
transition: all .5s;
display: block;
position: absolute;
top: -87px;
left: 0;
right: 0;
box-shadow: 7px 7px 17px #ad09586e, inset 0 0 8px #ed58be94, inset -1px -1px #ffffff40, 1px 1px 4px #00000012;
}
.small-superellipse.small-superellipse-two {
background-color: #ed4214bd;
position: absolute;
top: 47%;
bottom: 0;
right: -58px;
transform: rotate(45deg)translate(0, -50%);
box-shadow: -6px 6px 28px #a63400a1, inset 1px -1px #fff3;
}
.small-superellipse.small-superellipse-three {
background-color: #16ababb3;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
bottom: -87px;
left: 0;
right: 0;
box-shadow: -6px -6px 28px #006a808c, inset 1px 1px #ffffff36;
}
.small-disc {
z-index: 19;
background-color: #76c2cc85;
border-radius: 50%;
width: 88px;
height: 88px;
position: absolute;
box-shadow: -6px 6px 21px -1px #00000042;
}
.small-disc.small-disc-two {
background-color: #e2222dbd;
position: absolute;
top: -14px;
right: -14px;
box-shadow: -6px 6px 21px -1px #c700009c, inset 1px -1px #fff3;
}
.small-disc.small-disc-four {
background-color: #0751f0b3;
position: absolute;
bottom: -14px;
left: -14px;
box-shadow: 6px -6px 21px -1px #00368791, inset -1px 1px #ffffff29;
}
.small-disc.small-disc-three {
background-color: #ec7c00bd;
position: absolute;
bottom: -14px;
right: -14px;
box-shadow: -6px -6px 21px -1px #0000003b, inset 1px 1px #ffffff2b;
}
.small-disc.small-disc-one {
background-color: #ae0ac799;
position: absolute;
top: -14px;
left: -14px;
box-shadow: 6px 6px 21px -1px #910ec9ad, inset -1px -1px #ffffff3d;
}
.big-disc {
box-shadow: none;
background-color: #d6d6d67d;
background-image: linear-gradient(to right, #fff0, #ffffff36);
border-radius: 50%;
width: 234px;
height: 234px;
display: inline-block;
}
.big-disc.big-disc-one {
z-index: 18;
background-color: #ae0ac799;
position: absolute;
top: 0;
left: 0;
box-shadow: 20px 1px 10px 2px #8f08a375, inset 0 1px #ffffff54;
}
.big-disc.big-disc-height {
z-index: 11;
background-color: #600fceb3;
position: absolute;
top: 50%;
left: -34px;
transform: translate(0, -50%);
box-shadow: 4px 4px 10px 2px #00000042, inset 1px 1px #ffffff42;
}
.big-disc.big-disc-three {
z-index: 14;
background-color: #ec7c00bd;
position: absolute;
bottom: 0;
right: 0;
box-shadow: -13px 0 21px 2px #006e659e, inset 1px -1px #ffffff29;
}
.big-disc.big-disc-6 {
z-index: 15;
background-color: #ed4214bd;
position: absolute;
top: 50%;
bottom: 0;
right: -34px;
transform: translate(0, -50%);
box-shadow: inset -1px -1px #ffffff2e, -9px 13px 18px 2px #c25700d6;
}
.big-disc.big-disc-seven {
z-index: 13;
background-color: #16aca3b3;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
bottom: -34px;
left: 0;
right: 0;
box-shadow: -4px -4px 10px 2px #00000042, inset 1px -1px #ffffff38;
}
.big-disc.big-disc-four {
z-index: 12;
background-color: #076cf0b3;
position: absolute;
bottom: 0;
left: 0;
box-shadow: 0 -6px 10px 2px #00000042, inset 1px 1px #ffffff24;
}
.big-disc.big-disc-two {
z-index: 16;
background-color: #e2222dbd;
position: absolute;
top: 0;
right: 0;
box-shadow: inset -1px 0 #edddb954, 6px 12px 17px 1px #c9320094;
}
.big-disc.big-disc-five {
z-index: 17;
background-color: #b009546e;
background-image: linear-gradient(#d235a0b3, #f7c1e67d);
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
top: -34px;
left: 0;
right: 0;
box-shadow: inset -1px 0 #ffffff3d, 14px 9px 20px -4px #ad2b00ad;
}
.big-disc.big-disc-four-copy {
z-index: 12;
background-color: #076cf0b3;
position: absolute;
bottom: 0;
left: 0;
box-shadow: 0 -6px 10px 2px #00000042, inset 1px 1px #ffffff24;
}
.logo-structure-400px {
background-color: #fff0;
width: 400px;
height: 400px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
}
.logo-container {
margin-top: 51px;
padding-top: 99px;
padding-bottom: 99px;
}
.para-2 {
justify-content: center;
align-items: center;
margin-bottom: 2vw;
display: flex;
}
.para-2.mobile {
display: none;
}
.background-viideo-div-copy {
z-index: -1;
height: 50vh;
display: none;
position: relative;
top: 0;
}
.background-viideo-div-copy:hover {
height: 120vh;
}
.section-29 {
display: none;
}
.header-ready-mobile {
z-index: 2000;
background-color: #0000;
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: sticky;
inset: 0 0% auto;
transform: translate(0)translate(0, -120px);
}
.header-ready-mobile:active {
background-color: #0000;
}
.mobile-home {
object-fit: fill;
width: 100vw;
max-width: none;
display: none;
overflow: hidden;
}
.heading-jarsumbeckstudio, .js {
color: #000;
letter-spacing: .4vw;
object-fit: fill;
object-position: 50% 50%;
justify-content: center;
align-items: center;
height: 16vw;
margin-top: 0;
margin-bottom: 0;
font-size: 10vw;
display: block;
}
.section-30 {
display: none;
}
.wallet_icon-copy {
z-index: 10;
background-color: #1e1e1f;
border-radius: 22%;
justify-content: center;
align-items: center;
width: 22.7vw;
height: 22.7vw;
display: flex;
position: fixed;
}
.logo-container-copy {
margin-top: 51px;
padding-top: 99px;
padding-bottom: 99px;
}
.wallet_body-copy {
background-color: #d8d6cc;
border-radius: 9%;
justify-content: center;
align-items: flex-end;
width: 75%;
height: 55%;
display: flex;
position: relative;
overflow: visible;
}
.logo-structure-400px-copy, .logo-structure-400px-copy-copy {
background-color: #fff0;
width: 400px;
height: 400px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
}
.big-disc-copy.big-disc-three-copy {
z-index: 14;
background-color: #ec7c00bd;
position: absolute;
bottom: 0;
right: 0;
box-shadow: -13px 0 21px 2px #006e659e, inset 1px -1px #ffffff29;
}
.big-disc-copy {
box-shadow: none;
background-color: #d6d6d67d;
background-image: linear-gradient(to right, #fff0, #ffffff36);
border-radius: 50%;
width: 234px;
height: 234px;
display: inline-block;
}
.big-disc-copy.big-disc-one {
z-index: 18;
background-color: #ae0ac799;
position: absolute;
top: 0;
left: 0;
box-shadow: 20px 1px 10px 2px #8f08a375, inset 0 1px #ffffff54;
}
.big-disc-copy.big-disc-height {
z-index: 11;
background-color: #600fceb3;
position: absolute;
top: 50%;
left: -34px;
transform: translate(0, -50%);
box-shadow: 4px 4px 10px 2px #00000042, inset 1px 1px #ffffff42;
}
.big-disc-copy.big-disc-three {
z-index: 14;
background-color: #ec7c00bd;
position: absolute;
bottom: 0;
right: 0;
box-shadow: -13px 0 21px 2px #006e659e, inset 1px -1px #ffffff29;
}
.big-disc-copy.big-disc-6 {
z-index: 15;
background-color: #ed4214bd;
position: absolute;
top: 50%;
bottom: 0;
right: -34px;
transform: translate(0, -50%);
box-shadow: inset -1px -1px #ffffff2e, -9px 13px 18px 2px #c25700d6;
}
.big-disc-copy.big-disc-seven {
z-index: 13;
background-color: #16aca3b3;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
bottom: -34px;
left: 0;
right: 0;
box-shadow: -4px -4px 10px 2px #00000042, inset 1px -1px #ffffff38;
}
.big-disc-copy.big-disc-four {
z-index: 12;
background-color: #076cf0b3;
position: absolute;
bottom: 0;
left: 0;
box-shadow: 0 -6px 10px 2px #00000042, inset 1px 1px #ffffff24;
}
.big-disc-copy.big-disc-two {
z-index: 16;
background-color: #e2222dbd;
position: absolute;
top: 0;
right: 0;
box-shadow: inset -1px 0 #edddb954, 6px 12px 17px 1px #c9320094;
}
.big-disc-copy.big-disc-five {
z-index: 17;
background-color: #b009546e;
background-image: linear-gradient(#d235a0b3, #f7c1e67d);
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
top: -34px;
left: 0;
right: 0;
box-shadow: inset -1px 0 #ffffff3d, 14px 9px 20px -4px #ad2b00ad;
}
.big-disc-copy.big-disc-four-copy {
z-index: 12;
background-color: #076cf0b3;
position: absolute;
bottom: 0;
left: 0;
box-shadow: 0 -6px 10px 2px #00000042, inset 1px 1px #ffffff24;
}
.big-disc-copy.big-disc-five-copy {
z-index: 17;
background-color: #b009546e;
background-image: linear-gradient(#d235a0b3, #f7c1e67d);
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
top: -34px;
left: 0;
right: 0;
box-shadow: inset -1px 0 #ffffff3d, 14px 9px 20px -4px #ad2b00ad;
}
.cards-copy {
background-color: #d8d6cc00;
border-radius: 11%;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: visible;
}
.front_wallet-copy {
z-index: 5;
background-color: #a8a69c00;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/622ba18eb241fc5d53f588f5_wallet_front.svg"), linear-gradient(#0000 40%, #52525242 73%, #69444400);
background-position: 50% 100%, 0 0;
background-repeat: no-repeat, repeat;
background-size: contain, auto;
width: 100%;
height: 100%;
position: absolute;
}
.nav-try, .jarsumbeckstudio {
display: none;
}
.filter_block-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #dfdfdf;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: none;
position: relative;
overflow: clip;
}
.filter_options-3 {
max-height: 15rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
overflow: auto;
}
.filter_block-2-copy {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #dfdfdf;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.text-image {
background-color: #fff9;
border-radius: 0;
margin-bottom: 1px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.text-image-2 {
background-color: #fff9;
border-radius: 0;
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.content_magdalena4-copy-copy, .text-imgae-3 {
background-color: #fff9;
border-radius: 0;
margin-bottom: 1px;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.bottom-protype {
background-color: #fff9;
border-radius: 0 0 20px 20px;
margin: 0 0%;
padding: 0 0%;
}
.protype {
border: 0 solid #ddd;
border-radius: 35px;
margin-top: 2%;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
}
.image-172-copy-copy {
width: 75px;
min-width: 75px;
height: 75px;
min-height: 75px;
padding-top: 1px;
padding-left: 1px;
}
.body-42 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6240be29454d6c22fbd6e2be_4%20_%2020%20Render%201.2%20blur2.jpg");
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
}
.info {
background-color: #fff0;
border-radius: 0;
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
text-decoration: none;
display: block;
}
.collection-list-wrapper-8 {
display: none;
}
.checkbox_field_paintings {
margin-left: 0;
}
.checkbox_compass {
opacity: 1;
outline-offset: 0px;
color: #23286b00;
text-align: right;
mix-blend-mode: normal;
background-color: #fff0;
border: 0 solid #00f;
border-radius: 30px;
outline: 3px #23286b;
flex: 0 auto;
order: 1;
width: 100%;
height: 125%;
margin-top: -4.2em;
margin-left: 0;
margin-right: 0;
}
.checkbox_compass:active {
width: 2rem;
}
.checkbox_compass.w--redirected-checked {
background-color: #00f0;
background-image: none;
border-width: 0;
border-color: #00f;
border-radius: 30px;
width: 100%;
height: 125%;
margin: -4.2em 0 0;
text-decoration: underline;
}
.checkbox_compass.w--redirected-focus {
box-shadow: none;
border-color: #90c396;
}
.checkbox_compass.input_sculpture {
z-index: 2000;
background-color: #fff0;
border-width: 0;
border-radius: 100%;
width: 55px;
min-width: 55px;
max-width: 55px;
height: 55px;
min-height: 55px;
max-height: 55px;
margin-top: -70px;
margin-bottom: 0;
margin-left: 0;
position: relative;
inset: auto 0% 0% auto;
}
.checkbox_compass.input_sculpture:active {
border-width: 0;
}
.checkbox_compass.input_sculpture.movedown {
width: 100px;
max-width: none;
height: 100px;
max-height: none;
margin-top: 0;
position: static;
}
.collection-item-8 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: block;
}
.collection-list-wrapper-9 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: flex;
}
.collection-list-wrapper-10 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.div-block-156 {
background-color: #fff;
justify-content: flex-start;
width: 100%;
margin-top: 100px;
display: flex;
position: relative;
top: 0;
}
.image-209 {
border-radius: 0;
width: auto;
min-width: 500px;
height: 100%;
margin-top: 0;
display: inline-block;
position: relative;
top: 0;
}
.filter_block-2-copy {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #dfdfdf;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: block;
position: relative;
}
.div-block-157 {
width: 10%;
}
.div-block-paintings {
width: 10%;
margin-top: -153px;
position: absolute;
inset: auto 0% 0% auto;
}
.div-block-sculptures {
width: 10%;
margin-left: 35.7em;
position: absolute;
}
.div-container {
min-width: 100vw;
min-height: 600px;
}
.link-block-29 {
cursor: crosshair;
flex-direction: column;
justify-content: flex-end;
min-height: 100%;
text-decoration: none;
display: flex;
}
.filter_block-2-copy {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #dfdfdf;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: block;
position: relative;
}
.filter_block-2-copy-copy {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #dfdfdf;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: none;
position: relative;
}
.text-block-95 {
color: #000;
text-align: left;
border-bottom: 0 solid #000;
flex: 0 auto;
align-self: center;
margin-bottom: 2px;
margin-left: 0%;
margin-right: 5%;
padding-bottom: 0;
padding-left: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 35px;
font-weight: 700;
line-height: 40px;
text-decoration: none;
}
.serachbar-wrap {
justify-content: flex-start;
align-items: center;
width: auto;
max-width: none;
margin-left: 0%;
display: flex;
}
.div-container-compass {
min-width: 100vw;
min-height: 600px;
margin-bottom: 220px;
display: none;
}
.dots-general-hub-2 {
z-index: 5000;
margin-top: -23.6em;
margin-left: 15.2em;
display: block;
position: absolute;
inset: auto 0% 0% auto;
}
.circles-2-copy {
z-index: 4;
background-color: #ff00ee1a;
border: 1px solid #e4e4e4;
border-radius: 400px;
width: 12em;
height: 12em;
margin-top: -34.2em;
margin-left: 9.3em;
padding-top: 0;
font-size: 2.1vw;
display: none;
position: absolute;
transform: rotate(-30deg);
}
.div-block-136-copy {
background-color: #fff0;
border-radius: 0;
justify-content: center;
width: 100%;
margin: -149px 0% 0;
padding: 0% 0% 0;
display: none;
}
.compass-2 {
background-color: #fff0;
border-radius: 20px;
justify-content: center;
align-items: flex-start;
margin-top: 200px;
margin-left: 5%;
margin-right: 5%;
display: none;
}
.circles-2d {
z-index: 4;
background-color: #fff2004d;
border: 1px solid #e4e4e4;
border-radius: 400px;
width: 12em;
height: 12em;
margin-top: -24.9em;
margin-left: 14.6em;
padding-top: 0;
font-size: 2.1vw;
display: none;
position: absolute;
transform: rotate(-30deg);
}
.paintings-whoo-2 {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -29.4em;
margin-left: 36.1em;
text-decoration: none;
display: flex;
position: absolute;
}
.text-dot-2 {
color: #616161;
text-align: center;
font-size: 40%;
text-decoration: none;
}
.collages-2 {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -29.3em;
margin-left: 14.4em;
text-decoration: none;
display: flex;
position: absolute;
}
._3d-whee-2 {
z-index: 6;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -31.3em;
margin-left: 16em;
text-decoration: none;
display: flex;
position: absolute;
}
.text-dot-copy-copy-2 {
z-index: 80;
color: #000;
text-align: center;
margin-top: 64px;
font-size: 100%;
font-weight: 600;
text-decoration: none;
position: absolute;
}
.university-projects-2 {
z-index: 55;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3em;
margin-top: -13.6em;
margin-left: 30.7em;
text-decoration: none;
display: flex;
position: absolute;
}
._2d-whoo-2 {
z-index: 6;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -21.3em;
margin-left: 21.9em;
text-decoration: none;
display: flex;
position: absolute;
}
.map_mobile-copy-2 {
z-index: 1;
background-color: #0000;
flex: 0 auto;
justify-content: center;
width: 70%;
height: auto;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 0;
font-size: 2vw;
display: flex;
position: relative;
}
.map_mobile-copy-2:hover {
font-size: 2vw;
}
.circles-4d {
z-index: 4;
background-color: #00ddff29;
border: 1px solid #e4e4e4;
border-radius: 400px;
width: 12em;
height: 12em;
margin-top: -24.7em;
margin-left: 3.8em;
padding-top: 0;
font-size: 2.1vw;
display: none;
position: absolute;
transform: rotate(-30deg);
}
.circles-4d:hover {
background-color: #00ddff29;
}
.collages-dot {
z-index: 55;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3em;
margin-top: -23em;
margin-left: 36.1em;
text-decoration: none;
display: flex;
position: absolute;
}
.sculptures-dot {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -32.7em;
margin-left: 30.7em;
text-decoration: none;
display: flex;
position: absolute;
}
.mapimage-copy-copy-2 {
z-index: -3;
opacity: 1;
width: auto;
min-width: auto;
max-width: none;
height: auto;
min-height: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
font-size: 1%;
display: block;
position: relative;
top: auto;
left: auto;
}
.mapimage-copy-copy-2:hover {
top: auto;
left: auto;
}
.circles-3 {
z-index: 4;
background-color: #ffffff57;
border: 1px solid #e4e4e4;
border-radius: 400px;
width: 5em;
height: 5em;
margin-top: -23.6em;
margin-left: 1.9em;
padding-top: 0;
font-size: 2.1vw;
display: flex;
position: absolute;
}
.text-block-96 {
padding-top: 0;
font-weight: 100;
}
.midwoo-2 {
z-index: 55;
width: 3em;
margin-top: -23.8em;
margin-left: 17.1em;
position: absolute;
transform: rotate(180deg);
}
.intall-2 {
z-index: 55;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3em;
margin-top: -23.1em;
margin-left: 14.2em;
text-decoration: none;
display: flex;
position: absolute;
}
.div-block-149 {
z-index: 1998;
background-color: #fff;
margin-top: 0;
margin-bottom: -110px;
padding-top: 0;
padding-bottom: 152px;
position: relative;
}
.movies-2 {
z-index: 55;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3em;
margin-top: -13.4em;
margin-left: 19.7em;
text-decoration: none;
display: flex;
position: absolute;
}
.abstracts-2 {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -35.7em;
margin-left: 25.1em;
text-decoration: none;
display: flex;
position: absolute;
}
.products-2 {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -10.4em;
margin-left: 25.3em;
text-decoration: none;
display: flex;
position: absolute;
}
.div-block-159 {
background-color: #ddd0;
width: 100vw;
margin-top: -163px;
margin-left: 0%;
display: block;
}
.paint-copy-2 {
z-index: 55;
flex-direction: column;
align-items: center;
width: 3em;
margin-top: -16.8em;
margin-left: 36.1em;
text-decoration: none;
display: flex;
position: absolute;
}
.whattt-2 {
width: Infinity% ;
min-width: 3em;
font-size: 2vw;
transform: scale(1);
}
.anima-2 {
z-index: 55;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3em;
margin-top: -16.7em;
margin-left: 14.3em;
text-decoration: none;
display: flex;
position: absolute;
}
._4d-whee-2 {
z-index: 6;
flex-direction: column;
align-items: center;
width: 2em;
margin-top: -21.1em;
margin-left: 10em;
font-size: 2vw;
text-decoration: none;
display: flex;
position: absolute;
}
.image-210 {
width: Infinity% ;
min-width: 2em;
font-size: 2vw;
transform: scale(1);
}
.image-210:hover {
font-size: 2.1vw;
}
.projects-compass-2 {
z-index: 4000;
color: #000;
margin-top: 0;
padding-top: 0;
font-size: 30px;
position: absolute;
}
.archi-dottii-2 {
z-index: 55;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3em;
margin-top: -32.6em;
margin-left: 19.7em;
text-decoration: none;
display: flex;
position: absolute;
}
.middle-2 {
width: Infinity% ;
min-width: 2em;
transform: rotate(-60deg);
}
.paintings-dot {
z-index: 1990;
background-color: #fff0;
border: 0 solid #e4e4e400;
border-radius: 400px;
width: 6em;
height: 6em;
margin-top: -27.9em;
margin-left: .9em;
padding-top: 0;
font-size: 2vw;
line-height: 1em;
display: flex;
position: absolute;
}
.sectionshit {
display: block;
position: fixed;
inset: auto 0% 0%;
}
.sculptures_dot {
z-index: 4;
background-color: #fff0;
border: 0 solid #e4e4e400;
border-radius: 400px;
width: 3em;
height: 3em;
margin-top: -35.2em;
margin-left: 18.6em;
padding-top: 0;
font-size: 1em;
line-height: 1em;
display: flex;
position: absolute;
}
.link-block-30 {
z-index: 0;
background-color: #f000;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6331b9b658d4e5831783331b_Reliefs%20Image%20Dot.png");
background-position: 0 0;
background-size: cover;
width: 100px;
height: 100px;
margin-top: 0;
margin-bottom: -59px;
padding-top: 0;
padding-bottom: 0;
position: static;
inset: 0% auto auto 0%;
}
.link-block-30.movedown {
z-index: -3;
width: 100px;
display: block;
position: static;
}
.div-block-160 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 5em;
min-width: 5px;
min-height: 5em;
display: flex;
position: static;
}
.image-211 {
border: .5px solid #000;
border-radius: 100%;
width: auto;
min-width: 2em;
max-width: 70%;
height: auto;
min-height: auto;
max-height: none;
font-size: 2vw;
display: block;
}
.image-211:active {
border: 0 solid #000;
}
.reliefs_dot {
z-index: 1990;
background-color: #fff0;
border: 0 solid #e4e4e400;
border-radius: 400px;
width: 6em;
height: 6em;
margin-top: -31.2em;
margin-left: 23.9em;
padding-top: 0;
font-size: 1em;
line-height: 1em;
display: flex;
position: absolute;
}
.button-4, .button4 {
background-color: #3898ec5c;
position: absolute;
}
.paintings-dot-copy {
z-index: 1990;
background-color: #fff0;
border: 0 solid #e4e4e400;
border-radius: 400px;
width: 6em;
height: 6em;
margin-top: -34.3em;
margin-left: 18.3em;
padding-top: 0;
font-size: 1em;
line-height: 1em;
display: flex;
position: absolute;
}
.div-block-128-copy {
z-index: 1991;
background-color: #fff0;
border-radius: 0;
align-items: flex-end;
margin-right: 0%;
display: flex;
position: relative;
bottom: 0;
}
.nav-link-25 {
color: #fff;
background-color: #0000;
justify-content: flex-end;
padding: 0 10px 0 0;
font-family: San Francisco, sans-serif;
font-size: 60px;
line-height: 60px;
display: flex;
}
.nav-link-25:visited {
padding-top: 0;
padding-bottom: 0;
font-size: 0;
line-height: 0;
}
.div-block-142-copy {
background-color: #fff0;
justify-content: flex-end;
margin-top: 0;
padding-top: 0;
display: flex;
}
.text-block-107-copy {
color: #000;
text-align: right;
background-color: #0000;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
flex: 0 auto;
order: 0;
justify-content: center;
width: auto;
padding-left: 15px;
padding-right: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 12px;
line-height: 20px;
display: block;
}
.menu-button-11 {
background-color: #c8c8c800;
width: 60px;
min-width: 60px;
max-width: 60px;
height: 60px;
min-height: 60px;
max-height: 60px;
padding: 0;
}
.menu-button-11.w--open {
background-color: #c8c8c800;
justify-content: flex-end;
width: 50px;
max-width: 50px;
height: 50px;
max-height: 50px;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
padding: 0 10px 0 0;
display: flex;
}
.background-video-copy {
z-index: -5;
width: auto;
height: auto;
min-height: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
position: fixed;
inset: 0%;
}
.div-block-144-copy {
width: 0;
height: 0;
font-size: 0;
line-height: 0;
}
.li3 {
color: #fff;
background-color: #0000;
justify-content: flex-end;
padding: 0 10px 0 0;
font-size: 60px;
line-height: 60px;
display: flex;
}
.li3:visited {
padding-top: 0;
padding-bottom: 0;
font-size: 0;
line-height: 0;
}
.container-38-copy-2 {
background-color: #fff0;
border: 0 solid #fff;
border-radius: 20px 20px 0 0;
flex-flow: row;
flex: 1;
justify-content: space-between;
align-self: center;
align-items: flex-end;
width: auto;
min-width: auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0%;
padding-bottom: 0;
padding-right: 0%;
display: flex;
}
.nav-menu-4-copy {
flex: 1;
align-self: flex-end;
font-family: Neuehaasunicapro, Arial, sans-serif;
display: flex;
}
.nav-link-10-copy {
background-color: #fff0;
border: 0 solid #000;
border-radius: 20px;
padding: 0 10px;
font-size: 12px;
line-height: 20px;
}
.nav-link-10-copy:hover {
background-color: #fff0;
}
.nav-link-10-copy:active, .nav-link-10-copy:visited, .nav-link-10-copy.w--current {
color: #fff;
background-color: #000;
}
.play-state {
display: none;
}
.divstudio {
background-color: #fff0;
justify-content: flex-start;
width: 60%;
margin-top: -60px;
padding-top: 0;
padding-left: 10px;
display: flex;
position: sticky;
inset: 0 0% auto;
}
.link-3 {
color: #000;
background-color: #fff;
border-bottom: 1px solid #fff;
border-radius: 50px;
margin-top: 0;
margin-left: -30px;
padding-left: 20px;
padding-right: 20px;
font-family: San Francisco, sans-serif;
font-size: 20px;
line-height: 25px;
text-decoration: none;
position: relative;
}
.nav-link-9-copy {
color: #000;
background-color: #fff0;
border: 0 solid #000;
border-radius: 20px;
flex-flow: row;
flex: 1;
min-width: 100%;
margin-right: 0;
padding: 0;
font-size: 12px;
line-height: 12px;
display: block;
}
.nav-link-9-copy:active, .nav-link-9-copy.w--current, .nav-link-9-copy.w--current:visited {
color: #fff;
background-color: #000;
}
.navbar-17-copy {
background-color: #fff0;
flex-direction: row;
flex: 1;
justify-content: flex-start;
align-items: flex-end;
max-width: none;
margin-left: 0;
padding-left: 0%;
padding-right: 0%;
display: flex;
}
.textstudio {
color: #fff;
background-color: #fff0;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-family: San Francisco, sans-serif;
font-size: 60px;
line-height: 60px;
display: flex;
position: sticky;
}
.navmenu9 {
background-color: #c8c8c800;
margin-top: 335px;
}
.home-content {
display: block;
}
.viewprojectscompass {
border-top: 0 solid #fff;
border-bottom: 0 solid #fff;
flex-direction: row;
justify-content: flex-start;
margin-top: 20%;
margin-left: 20%;
display: block;
position: relative;
}
.navbar23 {
z-index: 2000;
background-color: #ddd0;
width: 100%;
margin-top: -60px;
margin-bottom: 0;
padding-top: 0;
display: none;
position: fixed;
top: 65px;
}
.image-213 {
width: 50px;
min-width: 50px;
max-width: none;
height: 50px;
min-height: 50px;
}
.lottie-icon {
width: 50px;
height: 50px;
display: none;
}
.div-block-161 {
justify-content: space-between;
align-self: center;
align-items: flex-end;
margin-top: 0;
margin-left: 10px;
margin-right: 10px;
padding-top: 0;
padding-bottom: 10px;
font-size: 12px;
line-height: 10px;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.cont1 {
border-bottom: 0 solid #000;
border-radius: 0;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: auto;
min-width: 90%;
height: 60px;
min-height: 60px;
max-height: 60px;
margin-bottom: 0;
margin-left: 5%;
margin-right: 5%;
padding-bottom: 0;
font-family: San Francisco, sans-serif;
display: flex;
}
.nav-link-26 {
background-color: #fff0;
border: 1px solid #000;
border-radius: 20px;
padding: 0 10px;
font-size: 12px;
line-height: 20px;
}
.nav-link-26:hover {
background-color: #fff0;
}
.nav-link-26:active, .nav-link-26:visited, .nav-link-26.w--current {
color: #fff;
background-color: #000;
}
.container-39 {
background-color: #fff;
border: 0 solid #fff;
border-radius: 20px 20px 0 0;
flex-flow: row;
justify-content: flex-end;
width: auto;
min-width: auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0%;
padding-bottom: 20px;
padding-right: 0%;
display: flex;
}
.div-block-142 {
background-color: #fff;
justify-content: flex-end;
margin-top: 0;
padding-top: 0;
display: flex;
}
.headlinecontact {
color: var(--black);
mix-blend-mode: difference;
background-color: #0000;
align-self: auto;
margin-top: -7px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 15px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 60px;
position: static;
}
.date-contact {
border-top: 0 solid #000;
margin-left: 5%;
padding-left: 0;
}
.nav-link-27 {
justify-content: flex-end;
font-size: 60px;
font-weight: 300;
display: flex;
}
.date-block-contact {
border-top: 1px solid #fff;
justify-content: flex-start;
margin-left: 15px;
padding-left: 0;
line-height: 20px;
display: flex;
}
.fuck {
z-index: 1980;
min-width: 100vw;
min-height: 100vh;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.fuck:active, .fuck:visited {
display: none;
}
.nav-link-28 {
justify-content: flex-end;
font-size: 60px;
display: flex;
}
.nav-link-29 {
background-color: #fff3;
border: 1px solid #000;
border-radius: 20px;
margin-right: 20px;
padding: 0 10px;
font-size: 12px;
line-height: 20px;
}
.nav-link-29:active, .nav-link-29.w--current, .nav-link-29.w--current:visited {
color: #fff;
background-color: #000;
}
.text-block-107 {
color: #fff;
text-align: right;
background-color: #000;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
flex: 0 auto;
justify-content: center;
width: auto;
padding-left: 15px;
padding-right: 5%;
font-size: 12px;
line-height: 20px;
display: block;
}
.div-block-128 {
z-index: 1991;
background-color: #fff;
border-radius: 0;
margin-right: 0%;
position: relative;
bottom: 0;
}
.div-block-contact-right {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 10px;
display: flex;
}
.div-block-148 {
z-index: 3;
background-color: #fff;
min-height: 60px;
position: sticky;
top: 0;
}
.js-icon {
background-color: #02010100;
}
.js-icon.w--open {
z-index: 2000;
background-color: #c8c8c800;
position: static;
}
.js-icon.w--open:active {
background-color: #c8c8c800;
}
.nav-menu-5 {
background-color: #c8c8c800;
border: 0 solid #000;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
margin-top: 126px;
}
.container-41 {
width: 100%;
min-width: 100%;
margin-left: 0;
margin-right: 0;
}
.headcontact {
z-index: 5;
background-color: #fff0;
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
margin-left: 5%;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
top: -50vh;
}
.text-block-108 {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
}
.text-contact {
width: 100%;
margin: 0 0% 54px;
padding-bottom: 0;
}
.contact-content {
margin-top: 0%;
margin-left: 0%;
margin-right: 0%;
}
.grid-15 {
z-index: 1;
grid-template: ". ."
". Area"
". ."
/ .25fr;
margin-right: 30vw;
display: block;
position: sticky;
}
.div-block-144 {
width: 0;
height: 0;
font-size: 0;
line-height: 0;
}
.navbar19 {
z-index: 2000;
background-color: #ddd0;
width: 100%;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.div-block-contac {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff;
border-radius: 15px 0 0;
grid-template: ". Area"
". ."
/ 1fr 1fr;
grid-auto-columns: 1fr;
margin: 150px 5% 0;
padding-top: 0;
display: block;
}
.lottie-animation-3 {
width: 60px;
height: 60px;
}
.headnav {
z-index: 5;
background-color: #fff0;
justify-content: flex-end;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: sticky;
top: 0;
}
.text-date-block-contact {
color: #000;
background-color: #fff;
border-top: 1px solid #000;
border-radius: 15px 0 15px 15px;
width: auto;
margin-top: -2px;
margin-left: -15px;
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
line-height: 20px;
}
.navbar-17 {
background-color: #fff;
justify-content: flex-start;
max-width: none;
margin-left: 10px;
padding-left: 0%;
padding-right: 5%;
display: flex;
}
.bd-image.button-icon {
opacity: .5;
width: 30px;
height: 30px;
}
.bd-image.event-logo {
background-color: #fff;
border: 0 solid #fff;
border-radius: 100%;
width: 60px;
height: 60px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
}
.text-block-114 {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 18px;
line-height: 22px;
}
.div-block-116-copy {
background-color: #fff;
margin-left: 0%;
margin-right: 0%;
padding: 20px 0 10px 10px;
}
.div-block-133 {
width: 100%;
margin-left: 0%;
margin-right: 0%;
display: block;
position: static;
top: 0;
}
.text-block-112 {
color: #000;
width: 30%;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
line-height: 22px;
display: none;
}
.div-block-162 {
justify-content: flex-start;
display: flex;
}
.bd-div {
margin-bottom: 0;
padding-left: 0%;
}
.bd-div.bd-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.bd-div.bd-grid.event {
grid-column-gap: 30px;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 15px 0 0;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
margin-top: 0%;
margin-bottom: 20px;
padding: 0 0% 20px;
}
.bd-div.event-card {
background-color: #fff0;
border-radius: 10px;
width: 100%;
margin: 0;
padding: 0;
display: none;
}
.div-block-116 {
background-color: #fff;
margin: auto 0% 0;
padding: 0;
}
.div-block-163 {
justify-content: flex-start;
width: auto;
display: flex;
}
.date-block-contact-copy {
text-align: right;
border-top: 1px solid #fff;
flex-direction: row;
justify-content: flex-end;
margin-left: 0;
padding-left: 0;
line-height: 20px;
display: flex;
}
.projectfield9 {
background-color: #fff;
padding: 20px 0 10px 10px;
}
.div-block-164 {
width: 100%;
padding-left: 5%;
}
.div-block-132 {
margin-left: 10%;
margin-right: 10%;
}
.projectfield8 {
background-color: #fff;
padding: 20px 0 10px 10px;
}
.content_card-info-label-2 {
background-color: var(--invert);
color: var(--color--text);
border-radius: 10px 0 0 10px;
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
display: block;
}
.div-block-116-copy-copy {
background-color: #fff;
padding: 0;
}
.headproject {
z-index: 2000;
background-color: #fff0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
min-height: 45px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 40px;
padding-left: 0;
display: none;
position: relative;
top: auto;
}
.text-block-115 {
color: #fff;
object-fit: fill;
background-color: #000;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 0;
justify-content: flex-start;
width: auto;
margin-left: 0%;
padding-left: 20px;
padding-right: 20px;
line-height: 20px;
display: none;
}
.projectsmaintext {
color: #000;
}
.image-215 {
border-radius: 0;
width: auto;
max-width: 100%;
height: auto;
min-height: auto;
max-height: 80vh;
margin-top: 0;
position: relative;
top: 0;
}
.bd-richtext {
background-color: #0000;
border-radius: 0 20px 20px 0;
margin-top: 20px;
margin-left: 0;
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
}
.projectfield7 {
background-color: #fff;
padding: 20px 0 10px 10px;
}
.bd-linkblock {
text-decoration: none;
}
.bd-linkblock.icon-button {
margin-top: 10px;
margin-right: 10px;
}
.projects_template_content {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 100vh;
margin-left: 0%;
margin-right: 0%;
display: block;
}
.div-block-2 {
background-color: #fff3;
border: 1px solid #fff;
border-bottom-width: 0;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
padding-top: 0;
display: none;
}
.projects_name {
z-index: 10;
background-color: #fff0;
border-bottom: 0 solid #d2d2d2;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin: 0 0% 0 0;
padding-top: 0;
padding-left: 0%;
display: flex;
position: sticky;
inset: 0 0% auto;
}
.content_card-info-text-3 {
color: var(--color--text-light);
text-align: right;
background-color: #fff0;
border-radius: 20px;
flex-direction: row;
flex: 0 auto;
justify-content: flex-end;
align-items: flex-start;
width: auto;
margin-top: 0;
margin-left: 0;
padding: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
display: flex;
}
.content_card-info-mobile {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: #f5f5f500;
border: 0 solid #000;
border-radius: 10px;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: start;
place-items: start;
max-width: none;
margin-top: 0;
display: grid;
}
.projectfield6 {
background-color: #fff;
padding: 0 0 10px 10px;
}
.bd-heading {
font-size: 40px;
}
.bd-heading.h1 {
color: #000;
letter-spacing: normal;
text-transform: none;
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
flex-direction: row;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 40px;
display: flex;
}
.bd-heading.h1-copy {
color: var(--color--text);
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
flex-direction: row;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.bd-container {
z-index: 1994;
background-color: #fff;
border-radius: 15px 0 0;
max-width: 100%;
margin-top: 0;
padding-left: 0%;
padding-right: 0%;
position: relative;
}
.bd-paragraph.event-detail {
color: #909090;
font-size: 20px;
line-height: 1.5;
display: inline;
}
.bd-paragraph.event-detail.spaceright {
margin-right: 7px;
display: none;
}
.bd-paragraph.event-detail.highlight {
color: #5340ff;
}
.bd-paragraph.middle-dot {
margin-bottom: 0;
margin-left: 5px;
margin-right: 5px;
font-size: 24px;
display: inline;
}
.content_card-info-block-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom: 0 solid #000;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 2.5fr 1.5fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: center start;
width: 47%;
min-width: 100%;
margin: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.date-contact-copy {
border-top: 0 solid #000;
margin-left: 0%;
padding-left: 0;
}
.div-block-115 {
margin-left: 20px;
}
.bd-section {
padding-top: 60px;
padding-bottom: 60px;
}
.bd-section.event-body {
background-color: #fff;
border-radius: 15px 0 0;
justify-content: center;
max-width: none;
margin-top: 0;
margin-left: 0%;
margin-right: 0%;
padding: 0 0 20px;
display: flex;
position: absolute;
}
.bd-section.zero {
background-color: #fff;
height: 0;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.text-block-116 {
color: #fff;
background-color: #000;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 0;
width: auto;
padding-left: 10px;
padding-right: 20px;
font-family: San Francisco, sans-serif;
font-size: 14px;
line-height: 21px;
display: none;
}
.div-block-114 {
display: none;
}
.cont1-2 {
width: 100%;
min-width: 100%;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
}
._5d-whee-2-copy {
z-index: 6;
flex-direction: column;
align-items: center;
width: 2em;
margin-top: -21.1em;
margin-left: 10em;
font-size: 2vw;
text-decoration: none;
display: flex;
position: absolute;
}
.div-block-166, .paintings-compass {
z-index: 6;
background-color: #b21d1d00;
flex-direction: column;
align-items: center;
width: 2em;
margin-top: -14.1em;
margin-left: 20.2em;
display: flex;
position: absolute;
inset: auto;
}
.reliefs-compass, .reliefs_dots {
z-index: 6;
background-color: #b21d1d00;
flex-direction: column;
align-items: center;
width: 2em;
margin-top: -25.3em;
margin-left: 26.2em;
display: flex;
position: absolute;
inset: auto;
}
.reliefs_point {
z-index: 6;
background-color: #b21d1d00;
flex-direction: column;
align-items: center;
width: 2em;
margin-top: -30.7em;
margin-left: 26em;
display: flex;
position: absolute;
inset: auto;
}
.paintings_point {
z-index: 6;
background-color: #b21d1d00;
flex-direction: column;
align-items: center;
width: 2em;
margin-top: -14.1em;
margin-left: 20.2em;
display: flex;
position: absolute;
inset: auto;
}
.sculptures_point {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #b21d1d00;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 5em;
min-width: 5em;
height: 5em;
min-height: 5em;
margin-top: -35.2em;
margin-left: 19.5em;
display: flex;
position: absolute;
inset: auto;
overflow: hidden;
}
.architecture_point {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #b21d1d00;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 5em;
min-width: 5em;
height: 5em;
min-height: 5em;
margin-top: -35.2em;
margin-left: 7.2em;
display: flex;
position: absolute;
inset: auto;
overflow: visible;
}
.installations_point {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #b21d1d00;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 5em;
min-width: 5em;
height: 5em;
min-height: 5em;
margin-top: -24.7em;
margin-left: 1.3em;
display: flex;
position: absolute;
inset: auto;
overflow: visible;
}
.movies_point {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #b21d1d00;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 5em;
min-width: 5em;
height: 5em;
min-height: 5em;
margin-top: -10.6em;
margin-left: 13.4em;
display: flex;
position: absolute;
inset: auto;
overflow: hidden;
}
.animations_point {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #b21d1d00;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 5em;
min-width: 5em;
height: 5em;
min-height: 5em;
margin-top: -14.1em;
margin-left: 7.4em;
display: flex;
position: absolute;
inset: auto;
overflow: hidden;
}
.products_point {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #b21d1d00;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 5em;
min-width: 5em;
height: 5em;
min-height: 5em;
margin-top: -31.6em;
margin-left: 1.3em;
display: flex;
position: absolute;
inset: auto;
overflow: visible;
}
.reliefs_poin {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #b21d1d00;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 5em;
min-width: 5em;
height: 5em;
min-height: 5em;
margin-top: -31.7em;
margin-left: 25.6em;
display: flex;
position: absolute;
inset: auto;
overflow: hidden;
}
.paintings_pointo {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #b21d1d00;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 5em;
min-width: 5em;
height: 5em;
min-height: 5em;
margin-top: -17.5em;
margin-left: 25.6em;
display: flex;
position: absolute;
inset: auto;
overflow: hidden;
}
.collages_point {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #b21d1d00;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 5em;
min-width: 5em;
height: 5em;
min-height: 5em;
margin-top: -24.7em;
margin-left: 25.6em;
display: flex;
position: absolute;
inset: auto;
overflow: visible;
}
.photos_point {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #b21d1d00;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 5em;
min-width: 5em;
height: 5em;
min-height: 5em;
margin-top: -14.1em;
margin-left: 19.5em;
display: flex;
position: absolute;
inset: auto;
overflow: hidden;
}
.interactives_point {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #b21d1d00;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 5em;
min-width: 5em;
height: 5em;
min-height: 5em;
margin-top: -17.7em;
margin-left: 1.3em;
display: flex;
position: absolute;
inset: auto;
overflow: visible;
}
.text-block-117 {
color: #fff;
background-color: #000;
border-radius: 20px;
justify-content: flex-start;
min-width: 10%;
margin-left: -15px;
padding-left: 10px;
font-family: San Francisco, sans-serif;
display: flex;
}
.div-block-167 {
margin-top: -1px;
font-size: 16px;
line-height: 21px;
display: flex;
}
.div-block-168 {
border-top: 0 solid #000;
flex-direction: row;
display: flex;
}
.image-216 {
min-width: 250px;
min-height: 250px;
display: none;
}
.div-block-169 {
flex-direction: column;
justify-content: center;
width: 100%;
display: flex;
}
.div-block-170 {
border-top: 1px solid #fff;
margin-top: 20px;
margin-bottom: 0;
margin-left: 30px;
padding-bottom: 0;
padding-left: 0;
}
.div-block-171 {
margin-top: -2px;
}
.lottie-animation-4 {
min-width: 250px;
max-width: 250px;
min-height: 250px;
max-height: 250px;
}
.link-block-31 {
border-radius: 40px;
}
.architecture_point-copy {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #b21d1d00;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 5em;
min-width: 5em;
height: 5em;
min-height: 5em;
margin-top: -38.6em;
margin-left: 13.3em;
display: flex;
position: absolute;
inset: auto;
overflow: visible;
}
.projectscompasshead {
z-index: 5;
background-color: #fff0;
margin-top: 157px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: none;
position: relative;
inset: 0% 0% auto;
}
.projectscompasstext {
color: #fff;
mix-blend-mode: difference;
background-color: #0000;
margin-top: 20px;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 5%;
font-size: 60px;
line-height: 60px;
position: static;
}
.div_project_search {
margin-top: 0;
padding-top: 20px;
position: static;
top: 20px;
}
.div-block-172 {
border-bottom: 0 solid #000;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 5%;
display: flex;
}
.text-block-118 {
color: #000;
background-color: #fff0;
}
.empty-state-2 {
display: none;
}
.div-block-173 {
z-index: 3;
background-color: #fff0;
border-radius: 0;
margin-bottom: 0;
padding-bottom: 0;
position: relative;
inset: 0% 0% auto;
}
.container-42 {
justify-content: center;
padding: 10px;
display: flex;
}
.div-block-175 {
flex-direction: column;
display: flex;
}
.nav-link-30 {
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.image-217 {
width: 5%;
height: 5%;
}
.home-link {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff;
flex-flow: column;
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-self: flex-start;
align-items: center;
width: 10%;
height: auto;
padding: 0 10px;
text-decoration: none;
display: flex;
overflow: visible;
}
.home-link.w--current {
background-color: #661f1f00;
border-radius: 0%;
width: 12%;
min-height: 12%;
padding-left: 0;
padding-right: 0;
}
.footer {
z-index: 0;
background-color: var(--invert);
box-shadow: none;
border: 0 solid #000;
border-radius: 0;
flex-flow: row;
flex: 1;
justify-content: flex-end;
align-items: flex-end;
min-height: 50vh;
margin: 0 0 0 auto;
padding: 0 2vw 2vw 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
display: flex;
position: relative;
inset: 0 0% 0%;
}
.discover_link_text {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
}
.discover_link_text:hover {
color: #c20000;
}
.footer-icon {
background-color: #fff0;
border: 0 solid red;
border-radius: 100%;
width: auto;
max-width: 100%;
padding: 10%;
}
.exhibitions-link-text {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
}
.exhibition-icon {
width: auto;
max-width: 100%;
}
.projects_text_link {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
}
.projects_icon {
width: auto;
max-width: 100%;
}
.about_link_text {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
}
.about_icon, .contact_icon {
max-width: 100%;
}
.contact-icon {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
}
.text-block-95-copy {
color: #000;
border-bottom: 0 solid #000;
margin-left: -30px;
font-family: San Francisco, sans-serif;
font-size: 60px;
line-height: 70px;
}
.filter_search-field-2-copy {
opacity: 1;
color: #fff;
background-color: #000;
border: 1px #000;
border-radius: 10px;
flex: 0 auto;
order: -1;
min-height: auto;
max-height: 21px;
margin-top: -1px;
margin-bottom: 0;
margin-left: -15px;
padding: 0 0 0 15px;
font-size: 16px;
line-height: 16px;
display: block;
}
.div-block-68-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
border-radius: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: end start;
width: auto;
display: grid;
}
.div-block-172-copy {
border-bottom: 1px solid #000;
}
.exhibitions_link {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff0;
flex-flow: column;
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-self: flex-start;
align-items: center;
width: 12%;
height: auto;
padding: 0 10px;
text-decoration: none;
display: flex;
overflow: visible;
}
.exhibitions_link.w--current {
background-color: #fff0;
}
.projects_link {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff0;
flex-flow: column;
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-self: flex-start;
align-items: center;
width: 12%;
height: auto;
padding: 0 10px;
text-decoration: none;
display: flex;
overflow: visible;
}
.projects_link.w--current {
background-color: #fff0;
}
.contact_link {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff;
flex-flow: column;
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-self: flex-start;
align-items: center;
width: 10%;
height: auto;
padding: 0 10px;
text-decoration: none;
display: flex;
overflow: visible;
}
.contact_link.w--current {
background-color: #fff0;
width: 12%;
}
.link-4 {
color: #000;
font-style: normal;
text-decoration: underline;
}
.lukas_jarsumbeck_link {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 700;
text-decoration: none;
}
.image-219 {
max-width: 30px;
margin-right: 10px;
}
.header_icon {
pointer-events: auto;
background-color: #fff0;
border: 0 solid red;
border-radius: 0%;
width: auto;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin: 0 10px 0 1px;
padding: 1px;
}
.header_icon:hover {
min-width: 30px;
max-width: 30px;
min-height: 30px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.exhibitions_icon {
background-color: #fff0;
border: 0 solid #0037ff;
border-radius: 100%;
width: auto;
max-width: 100%;
padding: 10%;
}
.exhibitions_link_text {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
}
.exhibitions_link_text:hover {
color: #0aa74e;
}
.projects_link_text {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
}
.projects_link_text:hover {
color: #1500ff;
}
.contact_link_text {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
}
.contact_link_text:hover {
color: #faa200;
}
.info_link_text {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
}
.info_link_text:hover {
color: #9300c9;
}
.home-link-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff;
flex-flow: column;
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-self: flex-start;
align-items: center;
width: 10%;
height: auto;
padding: 0 10px;
text-decoration: none;
display: flex;
overflow: visible;
}
.home-link-copy.w--current {
background-color: #661f1f00;
border-radius: 0%;
width: 12%;
min-height: 12%;
padding-left: 0;
padding-right: 0;
}
.exhibitions_link_footer {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff0;
flex-flow: column;
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-self: flex-start;
align-items: center;
width: auto;
min-width: 20%;
height: auto;
padding: 0 10px;
text-decoration: none;
display: flex;
overflow: visible;
}
.exhibitions_link_footer.w--current {
background-color: #661f1f00;
border-radius: 0%;
width: 12%;
min-height: 12%;
padding-left: 0;
padding-right: 0;
}
.projects_link_footer {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff0;
flex-flow: column;
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-self: flex-start;
align-items: center;
width: auto;
min-width: 20%;
height: auto;
padding: 0 10px;
text-decoration: none;
display: flex;
overflow: visible;
}
.projects_link_footer.w--current {
background-color: #661f1f00;
border-radius: 0%;
width: 12%;
min-height: 12%;
padding-left: 10px;
padding-right: 10px;
}
.contact_link_footer {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff0;
flex-flow: column;
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-self: flex-start;
align-items: center;
width: auto;
min-width: 20%;
height: auto;
padding: 0 10px;
text-decoration: none;
display: flex;
overflow: visible;
}
.contact_link_footer.w--current {
background-color: #661f1f00;
border-radius: 0%;
width: 12%;
min-height: 12%;
padding-left: 0;
padding-right: 0;
}
.info_link_footer {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff0;
flex-flow: column;
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-self: flex-start;
align-items: center;
width: auto;
min-width: 20%;
height: auto;
padding: 0 10px;
text-decoration: none;
display: flex;
overflow: visible;
}
.info_link_footer.w--current {
background-color: #661f1f00;
border-radius: 0%;
width: 12%;
min-height: 12%;
padding-left: 0;
padding-right: 0;
}
.discover_link_footer {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff;
flex-flow: column;
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-self: flex-start;
align-items: center;
width: 10%;
height: auto;
padding: 0 10px;
text-decoration: none;
display: flex;
overflow: visible;
}
.discover_link_footer.w--current {
background-color: #661f1f00;
border-radius: 0%;
width: auto;
min-width: 20%;
height: auto;
min-height: 0;
padding-left: 10px;
padding-right: 10px;
}
.discover_link_footer.w--current:hover {
color: #742424;
}
.discover_link_footer.w--current:visited {
color: #dd0404;
width: auto;
}
.div-block-177 {
display: flex;
}
.home_test_text {
margin-left: auto;
margin-right: auto;
padding: 0;
font-size: 14px;
}
.home_test_text:visited {
color: #dd0606;
}
.nav-link-32 {
color: #000;
}
.nav-menu-mobile {
object-fit: fill;
background-color: #fff0;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: center;
max-width: none;
padding-left: 0%;
padding-right: 0%;
display: flex;
position: static;
}
.div_home_nav {
flex-direction: column;
align-self: auto;
align-items: center;
min-width: auto;
display: flex;
}
.footer_navbar {
z-index: 20;
background-color: #fff0;
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: 100vw;
max-width: none;
margin-left: 0%;
margin-right: 0%;
padding-top: 10px;
padding-bottom: 0;
display: flex;
position: sticky;
}
.projects_test_text {
margin-left: auto;
margin-right: auto;
padding: 0;
font-size: 14px;
}
.projects_test_text:visited {
color: #0101ff;
}
.testtest {
color: #000;
text-decoration: none;
}
.testtest:hover {
color: #0000e4;
}
.testtest:visited {
color: #0000fd;
}
.div_projects_nav {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: auto;
place-items: flex-start center;
min-width: auto;
display: flex;
}
.div_projects_nav:hover {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.navbar-19 {
display: flex;
}
.new_link {
color: #000;
flex-direction: column;
align-items: center;
text-decoration: none;
display: flex;
}
.new_link:hover, .new_link:visited {
color: #00f;
}
.projects_link_nav {
color: #0000;
flex-direction: column;
align-items: center;
min-width: 100%;
max-width: 100%;
text-decoration: none;
display: flex;
}
.projects_link_nav:hover {
color: #00f;
}
.projects_link_nav:visited {
color: #00f;
display: none;
}
.projects_link_nav.w--current:visited {
color: #00007f;
min-width: auto;
max-width: 0%;
max-height: 0%;
display: none;
}
.text-block-footer {
color: #00f;
cursor: crosshair;
font-size: 20px;
font-weight: 700;
transition: opacity .2s;
display: block;
position: relative;
}
.text-block-footer:hover {
color: #0c0cfe;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 20px;
display: block;
}
.info_link_nav {
color: #0000;
flex-direction: column;
align-items: center;
min-width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.info_link_nav:hover, .info_link_nav:visited, .info_link_nav.w--current:hover, .info_link_nav.w--current:visited {
color: #90f;
}
.contact_link_nav-copy {
color: #0000;
flex-direction: column;
align-items: center;
min-width: 100%;
max-width: 100%;
text-decoration: none;
display: flex;
}
.contact_link_nav-copy:hover {
color: #ffa802;
}
.contact_link_nav-copy:visited {
color: #ffa800;
}
.contact_link_nav-copy.w--current {
color: #0000;
}
.contact_link_nav-copy.w--current:visited {
color: #c0f;
min-width: 0;
max-width: 0;
max-height: 0;
display: none;
}
.exhibitions_link_nav {
color: #0000;
flex-direction: column;
align-items: center;
min-width: 100%;
max-width: 100%;
text-decoration: none;
display: flex;
}
.exhibitions_link_nav:hover, .exhibitions_link_nav:visited {
color: #20b101;
}
.exhibitions_link_nav.w--current:visited {
color: #c0f;
}
.discover_link_nav {
color: #0000;
flex-direction: column;
align-items: center;
min-width: 100%;
max-width: 100%;
text-decoration: none;
display: flex;
}
.discover_link_nav:hover {
color: #de0e0e;
}
.discover_link_nav:visited {
color: #dd0b0b;
}
.discover_link_nav.w--current {
color: #0000;
}
.discover_link_nav.w--current:hover {
color: #de0e0e;
}
.discover_link_nav.w--current:visited {
color: #dd0404;
display: none;
}
.image-220 {
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
margin-left: 0%;
margin-right: 0%;
padding-left: 0;
padding-right: 0;
}
.image-221 {
max-width: 60px;
max-height: 60px;
}
.image-222 {
min-width: auto;
max-width: none;
min-height: 100vh;
max-height: 100%;
margin-top: 0;
display: block;
}
.div-block-178 {
z-index: 10;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
min-width: auto;
min-height: 100vh;
max-height: 100vh;
margin-left: 0%;
display: flex;
position: relative;
top: 0;
}
.text-block-120 {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.div-block-179 {
width: 100%;
min-width: 100%;
display: flex;
}
.columns-18 {
width: 100%;
display: block;
}
.column-47 {
padding-right: 0;
}
.text_block_contact_details {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.div-block-180 {
z-index: 3;
border-bottom: 1px solid #000;
min-height: 100px;
position: fixed;
inset: 0% 0% auto;
}
.social-icon {
color: var(--color--text);
cursor: crosshair;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
margin-right: 0;
display: flex;
}
.div-block-181 {
min-height: 600px;
}
.div-block-182 {
display: block;
}
.space {
min-height: 500px;
}
.success-message {
background-color: #fff0;
padding-top: 135px;
}
.text-block-121 {
background-color: #fff0;
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.container-43 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.error-message {
background-color: #000;
}
.column-48 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: space-between space-around;
padding-left: 0;
padding-right: 0;
display: flex;
}
.column-49 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: space-between flex-end;
align-items: flex-start;
min-height: 100%;
display: flex;
}
.background_image_project {
z-index: 200;
min-height: 100vh;
max-height: 100vh;
position: relative;
inset: 0% 0% auto;
}
.text-block-122 {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.project_template_head {
z-index: 999;
border-bottom: 0 solid #000;
align-items: center;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
padding-bottom: 0;
display: flex;
position: static;
inset: 0% 0% auto;
}
.image-223 {
background-color: #fff0;
border-radius: 100%;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-left: 0%;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
display: block;
}
.text-block-123 {
color: #000;
text-align: left;
border-bottom: 0 solid #000;
flex: 0 auto;
align-self: center;
margin-bottom: 2px;
margin-left: 0%;
margin-right: 5%;
padding-bottom: 0;
padding-left: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 35px;
font-weight: 700;
line-height: 40px;
text-decoration: none;
}
.image-224 {
display: block;
}
.div-block-184 {
width: 100%;
display: block;
}
.artwork_info {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
grid-template-rows: auto;
grid-template-columns: minmax(min-content, 1fr) 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: start;
max-width: none;
margin-top: 0;
margin-left: 0;
padding: 0;
display: flex;
position: relative;
inset: 0 auto auto;
}
.div-block-185 {
justify-content: center;
align-items: center;
display: flex;
}
.image-225 {
min-width: 100vw;
max-width: 100vw;
min-height: 100px;
max-height: none;
position: sticky;
}
.backgroudn_image_box {
z-index: 3;
margin-top: 0;
display: block;
position: sticky;
top: 0%;
}
.artwork_info_box {
z-index: 80;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff0;
grid-template: "Area"
"."
/ 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
width: 100%;
margin: 0;
padding-top: 0;
padding-bottom: 20px;
display: flex;
position: sticky;
inset: 130px 0% 0;
overflow: visible;
}
.div-block-188 {
width: 50.0002%;
margin-right: 0;
}
.gerneral_magring {
margin-left: 5%;
margin-right: 5%;
display: none;
}
.link-5 {
color: #bebebe;
background-color: #fff0;
border-bottom: 0 solid #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
display: block;
}
.link-block-33 {
z-index: 90;
color: #00f;
background-color: #fff0;
border-radius: 0;
align-items: center;
width: auto;
max-width: 53%;
min-height: 50px;
max-height: 50px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 10px 10vw 10px 20px;
text-decoration: none;
display: flex;
position: fixed;
}
.link-block-33.w--current {
z-index: 90;
background-color: #fff0;
flex-wrap: nowrap;
max-width: none;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
position: fixed;
}
.div-block-189 {
z-index: 14;
background-color: #fff0;
border: 0 solid #fff0;
border-radius: 0 20px 20px 0;
align-items: flex-start;
padding: 0 30px 0 0;
line-height: 18px;
display: flex;
position: static;
}
.static-content {
z-index: 33;
justify-content: flex-start;
align-items: stretch;
width: 100%;
min-height: 100vh;
display: block;
position: fixed;
top: 0;
}
.scrollable_content {
margin-top: 150px;
}
.first_imaage_box {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
margin-top: 0;
margin-left: 0%;
margin-right: 0%;
display: flex;
}
._3d_content_box {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1.5fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: center;
margin-top: 100px;
display: flex;
}
.projects_head {
z-index: 5;
background-color: #fff0;
border-bottom: 0 solid #000;
justify-content: space-between;
align-items: flex-start;
max-width: none;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
padding-bottom: 0;
padding-left: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
line-height: 30px;
display: flex;
position: sticky;
inset: 10px auto auto 0%;
}
.image-226 {
max-width: 100%;
display: block;
}
.desktop_sticky_content {
position: sticky;
}
.container-44 {
max-width: none;
margin-left: 0;
margin-right: 0;
position: relative;
top: 0;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.text-block-124 {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-weight: 700;
}
.image-227 {
min-width: 20px;
max-width: 20%;
min-height: auto;
max-height: none;
padding: 1px;
}
.div-block-193 {
margin-bottom: 17px;
}
.div-block-194 {
background-color: #fff;
min-height: auto;
margin-top: 0;
margin-bottom: 40px;
}
.section-31 {
z-index: 60;
background-color: #fff;
margin-top: 50px;
margin-left: 0%;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
display: block;
position: relative;
}
.image-228 {
display: none;
}
.body-43 {
background-color: #fff;
}
.projects-type {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 16px;
border-bottom: 0 solid #d2d2d2;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
width: 100%;
margin: 0 0% 0 0;
padding-left: 0%;
display: block;
position: static;
inset: 140px 0% auto;
}
.bd-heading-copy.h1 {
color: #000;
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
margin-top: 0;
margin-bottom: 8px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 50px;
}
.bd-heading-copy.h1-copy {
color: #000;
letter-spacing: normal;
text-transform: none;
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 20px;
}
.bd-heading-copy.h1-copy-copy {
color: #000;
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 20px;
}
.year_head {
background-color: #fff0;
border: 0 solid #fff0;
border-radius: 0 20px 20px 0;
align-items: center;
margin-top: 10px;
padding: 0 30px 0 0;
font-size: 12px;
line-height: 18px;
display: flex;
}
.project_page_icon {
z-index: 20;
background-color: #ababab00;
border-radius: 0;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
max-height: 50px;
margin-top: 0;
margin-left: 0;
padding-left: 0;
display: flex;
position: sticky;
inset: 0% 0% auto;
}
.text-block-125 {
color: #90f;
width: 40%;
font-size: 20px;
font-weight: 700;
text-decoration: none;
}
.image-229 {
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-right: 10px;
padding-right: 0;
}
.second_image_box-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
margin-top: 100px;
display: flex;
}
.test_box {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
margin-top: 150px;
margin-left: 10px;
margin-right: 10px;
display: block;
}
.text-block-126 {
color: var(--black);
max-width: 25%;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
display: block;
}
.div_lightbox {
z-index: 1;
max-width: 50%;
display: block;
position: static;
}
.artwork_guide {
color: #a8a8a8;
font-weight: 400;
text-decoration: none;
}
.div-block-195 {
background-color: #fff0;
margin-top: 50px;
margin-left: 0;
margin-right: 0;
display: none;
}
.div-block-196 {
background-color: #fff0;
align-items: flex-start;
display: flex;
}
.footer_infos {
border-top: 0 solid #000;
min-height: 200px;
display: none;
}
.lightbox-link {
display: none;
}
.project_image_2, .project_image_1 {
max-width: 100%;
display: block;
}
.fist_image_box {
z-index: 10;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff0;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
margin-top: 100px;
display: flex;
position: static;
}
.project_image_2-copy {
max-width: 100%;
display: block;
}
.project_image {
z-index: 11;
max-width: 100%;
display: block;
position: relative;
}
.div-block-197 {
background-color: #9a7171;
}
.div-block-198 {
background-color: #8c2020;
min-height: 45px;
}
.column-50 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
padding-right: 0;
display: flex;
position: absolute;
inset: auto 0% 20px auto;
}
.div-block-199 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
min-width: 100vw;
min-height: 100vh;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: block;
}
.section-32 {
margin-left: 0;
margin-right: 0;
display: none;
}
.collection-list-wrapper-11 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.collection-item-9 {
padding-left: 0;
padding-right: 0;
}
.div-block-200 {
cursor: crosshair;
object-fit: contain;
max-width: none;
height: 0;
max-height: none;
margin-left: 0;
margin-right: 0;
padding-top: 100%;
display: block;
position: relative;
overflow: hidden;
}
.collection-list-7 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 200px;
display: grid;
}
.link-block-34 {
display: block;
}
.body-44 {
background-color: #fff;
}
.terms_of_service_head {
z-index: 1;
color: var(--color--text);
margin-left: 30vw;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 40px;
font-weight: 700;
position: sticky;
}
.text-block-128 {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}
.div-block-201 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.section-33 {
grid-column-gap: 1px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
margin-left: 5vw;
margin-right: 5vw;
font-family: Neuehaasunicapro, Arial, sans-serif;
display: block;
}
.dropdown-info-content-tos {
grid-column-gap: 0px;
grid-row-gap: 49px;
background-color: var(--invert);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-width: 96vw;
max-width: 96vw;
max-height: 100%;
margin-top: 20px;
display: grid;
}
.info-content-name-text {
color: var(--color--text);
letter-spacing: var(--headline-letter);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
display: block;
}
.text-block-129 {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
}
.text-block-130 {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.div-block-203 {
display: flex;
}
.text-block-131 {
aspect-ratio: 1;
color: #000;
object-fit: fill;
border: 1px solid #000;
border-radius: 50%;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-right: 5px;
padding-bottom: 2px;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 30px;
display: flex;
overflow: visible;
}
.bold-text-8 {
font-size: 16px;
}
.bold-text-9 {
align-items: center;
padding-bottom: 2px;
font-size: 20px;
line-height: 30px;
display: flex;
}
.terms_of_service_sub {
font-size: 16px;
}
.terms_of_service_main {
color: var(--color--text);
align-items: center;
padding-top: 0;
padding-bottom: 0;
font-size: 20px;
line-height: 28px;
display: flex;
}
.terms_of_service_num {
color: var(--color--text);
border: 0 solid #000;
border-radius: 50%;
flex-direction: row;
justify-content: center;
align-items: center;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-top: 0;
margin-right: 10px;
padding-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 30;
display: flex;
}
.dropdown-4 {
object-fit: fill;
justify-content: flex-start;
align-items: flex-start;
display: inline-block;
position: static;
}
.dropdown-body {
background-color: var(--color--background);
height: auto;
display: flex;
position: absolute;
}
.dropdown-body.w--open {
background-color: #fff0;
position: static;
}
.toggle_info {
padding: 0;
display: block;
position: static;
}
.toggle_info.w--open {
aspect-ratio: auto;
justify-content: flex-start;
align-items: flex-start;
display: inline-block;
position: static;
}
.icon-2 {
border: 1px solid #000;
border-radius: 100%;
width: 20px;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
padding-top: 0;
padding-left: 0;
position: static;
}
.icon-3 {
border-radius: 100%;
min-width: 30px;
max-width: 30px;
margin-top: 0;
margin-bottom: 0;
position: static;
}
.icon_dropdown {
border: 1px solid #000;
border-radius: 100%;
justify-content: center;
align-items: center;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
display: flex;
position: static;
}
.dropdown_info {
z-index: 400;
background-color: var(--invert);
max-width: none;
min-height: 60px;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
display: block;
overflow: hidden;
}
.section-34 {
margin-left: 5vw;
margin-right: 5vw;
}
.imprint_main {
align-items: center;
padding-top: 0;
padding-bottom: 0;
font-size: 20px;
line-height: 28px;
display: flex;
}
.imprint_number {
color: #000;
border: 1px solid #000;
border-radius: 50%;
flex-direction: row;
justify-content: center;
align-items: center;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-top: 0;
margin-right: 10px;
padding-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 30;
display: flex;
}
.section_terms_of_service {
grid-column-gap: 1px;
grid-row-gap: 16px;
background-color: #fff;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
margin-left: 0;
margin-right: 0;
padding-bottom: 20px;
font-family: Neuehaasunicapro, Arial, sans-serif;
display: block;
}
.section_info {
z-index: 90;
background-color: var(--color--background);
margin: 0 0;
padding-top: 50px;
padding-bottom: 20px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-weight: 700;
position: static;
}
.image-149-copy {
aspect-ratio: auto;
object-fit: cover;
border-radius: 0;
width: 100%;
min-width: 0;
max-width: 100%;
height: 100%;
min-height: 0;
max-height: 100%;
display: block;
position: absolute;
inset: 0%;
overflow: hidden;
}
.image-149-copy-copy {
aspect-ratio: auto;
object-fit: cover;
border-radius: 0;
width: auto;
min-width: 140%;
max-width: none;
height: auto;
min-height: 0;
max-height: 140%;
display: block;
position: absolute;
inset: 0%;
overflow: hidden;
}
.images_projects {
filter: brightness(106%);
cursor: crosshair;
min-width: 100%;
min-height: auto;
display: block;
position: static;
}
.div-block-205 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
min-width: 100vw;
max-width: none;
display: flex;
position: absolute;
}
.section_contact_studio {
z-index: 60;
object-fit: scale-down;
background-color: #fff0;
flex: 1;
justify-content: space-between;
align-items: center;
min-width: 100%;
max-width: 100vw;
min-height: 200vh;
max-height: none;
margin: 0 0;
padding: 0 0;
display: flex;
position: absolute;
inset: -50vh auto 0 0%;
overflow: hidden;
}
.container-45 {
background-color: #0000;
justify-content: flex-start;
align-items: center;
margin-left: 0;
margin-right: 0;
display: flex;
}
.the_solution {
background-color: #b0b0b0;
}
.the_solution_right {
background-color: #000;
}
.div-block-210 {
display: none;
}
.nav_link_head {
color: #0000;
flex-direction: row;
align-items: center;
min-width: 20%;
max-width: 20%;
text-decoration: none;
display: flex;
}
.nav_link_head:hover, .nav_link_head:visited {
color: #20b101;
}
.nav_link_head.w--current {
flex-direction: row;
justify-content: center;
min-width: auto;
max-width: none;
}
.nav_link_head.w--current:visited {
color: #c0f;
}
.div-block-212 {
justify-content: center;
max-width: none;
display: flex;
}
.header_24 {
z-index: 2;
box-shadow: none;
background-color: #eee;
border: 0 solid #000;
border-radius: 0;
flex-flow: row;
flex: 1;
justify-content: center;
align-items: center;
max-width: none;
min-height: 40px;
max-height: 40px;
margin: 0 0% 0 0;
padding: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.header_24:hover {
display: block;
}
.the_solution_left {
z-index: 10;
border-top: 50px solid var(--color--background-mobile);
background-color: #cbc6c600;
border-bottom: 50px solid #0000;
border-left: 0 solid #fff0;
max-width: none;
max-height: none;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
}
.margin {
margin-left: 0;
margin-right: 0;
}
.padding {
z-index: 3;
background-color: #eee0;
flex-flow: wrap;
flex: 0 auto;
justify-content: flex-start;
max-width: 30%;
min-height: 40px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: none;
position: relative;
}
.the_solution_right_web {
background-color: #fff0;
border-top: 50px solid #eee;
border-left: 50px solid #0000;
border-right: 0 solid #000;
max-width: 50px;
max-height: 30px;
margin-left: -49px;
margin-right: 0;
padding-right: 0;
display: none;
}
.div-block-213 {
border-top: 40px solid #0000;
border-bottom: 40px solid #0000;
border-left: 40px solid #007e00;
justify-content: flex-start;
min-width: 0;
margin-left: 20px;
padding-left: 0;
display: flex;
}
.div-block-213:active {
border-top-width: 40px;
border-bottom-width: 40px;
border-left-width: 40px;
transform: rotate(0);
}
.arrow_terms_of_service {
border-top: 30px solid #0000;
border-bottom: 30px solid #0000;
border-left: 30px solid #257c90;
justify-content: flex-start;
min-width: 0;
margin-left: 20px;
padding-left: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
display: flex;
}
.arrow_terms_of_service:active {
border-top-width: 40px;
border-bottom-width: 40px;
border-left-width: 40px;
transform: rotate(0);
}
.arrow {
border-top: 40px solid #0000;
border-bottom: 40px solid #0000;
border-left: 40px solid #007e00;
justify-content: flex-start;
min-width: 0;
margin-left: 20px;
padding-left: 0;
display: flex;
}
.arrow:active {
border-top-width: 40px;
border-bottom-width: 40px;
border-left-width: 40px;
transform: rotate(0);
}
.arrow_terms_of_service-copy {
border-top: 40px solid #0000;
border-bottom: 40px solid #0000;
border-left: 40px solid #007e00;
justify-content: flex-start;
min-width: 0;
margin-left: 20px;
padding-left: 0;
display: flex;
}
.arrow_terms_of_service-copy:active {
border-top-width: 40px;
border-bottom-width: 40px;
border-left-width: 40px;
transform: rotate(0);
}
.arrow_imprint {
border-top: 30px solid #0000;
border-bottom: 30px solid #0000;
border-left: 30px solid #ce2b03;
justify-content: flex-start;
min-width: 0;
max-width: 30px;
max-height: 30px;
margin-left: 20px;
padding-left: 0;
font-weight: 400;
display: flex;
}
.arrow_imprint:active {
border-top-width: 30px;
border-bottom-width: 30px;
border-left-width: 30px;
transform: rotate(0);
}
.div-block-214 {
z-index: 43;
background-color: #0000;
width: auto;
min-width: 100vw;
min-height: 20px;
display: none;
position: fixed;
inset: 0% 0% auto auto;
}
.nav_link_projects {
color: #0000;
flex-direction: row;
align-items: center;
min-width: 20%;
max-width: 20%;
text-decoration: none;
display: none;
}
.nav_link_projects:hover {
color: #00f;
}
.nav_link_projects:visited {
color: #20b101;
}
.nav_link_projects.w--current {
flex-direction: row;
justify-content: center;
min-width: auto;
max-width: none;
}
.nav_link_projects.w--current:visited {
color: #c0f;
}
.nav_link_explore {
color: #0000;
flex-direction: row;
align-items: center;
min-width: 20%;
max-width: 20%;
text-decoration: none;
display: none;
}
.nav_link_explore:hover {
color: #de1414;
}
.nav_link_explore:visited {
color: #20b101;
display: none;
}
.nav_link_explore.w--current {
flex-direction: row;
justify-content: center;
min-width: auto;
max-width: none;
}
.nav_link_explore.w--current:visited {
color: #c0f;
}
.nav_link_head-copy {
color: #0000;
flex-direction: row;
align-items: center;
min-width: 20%;
max-width: 20%;
text-decoration: none;
display: flex;
}
.nav_link_head-copy:hover, .nav_link_head-copy:visited {
color: #20b101;
}
.nav_link_head-copy.w--current {
flex-direction: row;
justify-content: center;
min-width: auto;
max-width: none;
}
.nav_link_head-copy.w--current:visited {
color: #c0f;
}
.nav_link_contact {
color: #0000;
cursor: crosshair;
flex-direction: row;
align-items: center;
min-width: 30px;
max-width: 0;
font-size: 0;
line-height: 0;
text-decoration: none;
display: flex;
}
.nav_link_contact:hover {
color: #feac0e;
flex-wrap: nowrap;
flex: 0 auto;
min-width: 0%;
max-width: 100%;
font-size: 0;
}
.nav_link_contact:visited {
color: #20b101;
display: none;
}
.nav_link_contact.w--current {
flex-direction: row;
justify-content: center;
width: 6px;
min-width: auto;
max-width: none;
display: none;
}
.nav_link_contact.w--current:visited {
color: #c0f;
}
.nav_link_info {
color: #0000;
flex-direction: row;
align-items: center;
min-width: 20%;
max-width: 20%;
text-decoration: none;
display: flex;
}
.nav_link_info:hover {
color: #20b101;
}
.nav_link_info:visited {
color: #20b101;
display: none;
}
.nav_link_info.w--current {
flex-direction: row;
justify-content: center;
min-width: auto;
max-width: none;
display: none;
}
.nav_link_info.w--current:visited {
color: #c0f;
}
.nav_link_exhibitions {
color: #0000;
flex-direction: row;
align-items: center;
min-width: 20%;
max-width: 20%;
text-decoration: none;
display: none;
}
.nav_link_exhibitions:hover, .nav_link_exhibitions:visited {
color: #20b101;
}
.nav_link_exhibitions.w--current {
flex-direction: row;
justify-content: center;
min-width: auto;
max-width: none;
}
.nav_link_exhibitions.w--current:visited {
color: #c0f;
}
.nav_projects {
color: #0000;
cursor: crosshair;
flex-direction: row;
align-items: center;
min-width: 30px;
max-width: 0;
font-size: 0;
line-height: 0;
text-decoration: none;
display: flex;
}
.nav_projects:hover {
color: #2424fc;
flex-wrap: nowrap;
flex: 0 auto;
min-width: 0%;
max-width: 100%;
font-size: 0;
}
.nav_projects:visited {
color: #20b101;
display: none;
}
.nav_projects.w--current {
flex-direction: row;
justify-content: center;
min-width: auto;
max-width: none;
display: none;
}
.nav_projects.w--current:visited {
color: #c0f;
}
.nav_info {
color: #0000;
cursor: crosshair;
flex-direction: row;
align-items: center;
min-width: 30px;
max-width: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 0;
line-height: 0;
text-decoration: none;
display: flex;
}
.nav_info:hover {
color: #feac0e;
flex-wrap: nowrap;
flex: 0 auto;
min-width: 0%;
max-width: 100%;
font-size: 0;
}
.nav_info:visited {
color: #20b101;
display: none;
}
.nav_info.w--current {
flex-direction: row;
justify-content: center;
min-width: auto;
max-width: none;
display: none;
}
.nav_info.w--current:visited {
color: #c0f;
}
.text_info {
color: var(--dark--info);
font-size: 20px;
font-weight: 700;
display: block;
position: relative;
}
.text_info:hover {
color: #90f;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 20px;
display: block;
}
.text_contact {
color: #ffac0b;
font-size: 20px;
font-weight: 700;
transition: opacity .2s;
display: block;
position: relative;
}
.text_contact:hover {
color: #fabc45;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 20px;
display: block;
}
.text_exhibitions {
pointer-events: auto;
color: #20b101;
cursor: crosshair;
mix-blend-mode: normal;
max-width: none;
margin-right: 0;
padding-right: 0%;
font-size: 20px;
font-weight: 700;
display: flex;
position: relative;
}
.text_exhibitions:hover {
color: #20b101;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 20px;
display: block;
}
.nav_exhibitions {
color: #0000;
cursor: crosshair;
flex-direction: row;
align-items: center;
min-width: 30px;
max-width: 0;
font-size: 0;
line-height: 0;
text-decoration: none;
display: flex;
}
.nav_exhibitions:hover {
color: #feac0e;
flex-wrap: nowrap;
flex: 0 auto;
min-width: 0%;
max-width: 100%;
font-size: 0;
}
.nav_exhibitions:visited {
color: #20b101;
display: none;
}
.nav_exhibitions.w--current {
flex-direction: row;
justify-content: center;
min-width: auto;
max-width: none;
display: none;
}
.nav_exhibitions.w--current:visited {
color: #c0f;
}
.nav_explore {
color: #0000;
cursor: crosshair;
flex-direction: row;
align-items: center;
min-width: 30px;
max-width: 0;
font-size: 0;
line-height: 0;
text-decoration: none;
display: flex;
}
.nav_explore:hover {
color: #feac0e;
flex-wrap: nowrap;
flex: 0 auto;
min-width: 0%;
max-width: 100%;
font-size: 0;
}
.nav_explore:visited {
color: #20b101;
display: none;
}
.nav_explore.w--current {
flex-direction: row;
justify-content: center;
min-width: auto;
max-width: none;
display: none;
}
.nav_explore.w--current:visited {
color: #c0f;
}
.nav_explore2 {
color: #0000;
cursor: crosshair;
flex-direction: row;
align-items: center;
min-width: 30px;
max-width: 0;
font-size: 0;
line-height: 0;
text-decoration: none;
display: flex;
}
.nav_explore2:hover {
color: #feac0e;
flex-wrap: nowrap;
flex: 0 auto;
min-width: 0%;
max-width: 100%;
font-size: 0;
}
.nav_explore2:visited {
color: #20b101;
display: none;
}
.nav_explore2.w--current {
flex-direction: row;
justify-content: center;
min-width: auto;
max-width: none;
display: block;
}
.nav_explore2.w--current:visited {
color: #c0f;
}
.icon_explore {
background-color: #fff0;
border-radius: 100%;
min-width: 25px;
max-width: 25px;
min-height: 25px;
max-height: 25px;
margin-left: 0%;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
}
.text_explore {
color: #dd0404;
width: 40%;
font-size: 20px;
font-weight: 700;
text-decoration: none;
}
.text_exploree {
pointer-events: auto;
color: #ffaa0700;
cursor: crosshair;
font-size: 20px;
font-weight: 700;
display: block;
position: relative;
}
.text_exploree:hover {
color: #dd0404;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 20px;
display: block;
}
.section-32-copy {
background-color: #fff;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 332px;
display: block;
}
.padding-copy {
z-index: 3;
background-color: #eee0;
flex-flow: wrap;
flex: 0 auto;
justify-content: flex-start;
max-width: 30%;
min-height: 50px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: block;
position: relative;
}
.navbar-20 {
background-color: #fff0;
justify-content: flex-end;
align-items: center;
min-height: 39px;
margin-right: 0;
padding-top: 0;
padding-right: 0;
display: flex;
}
.nav_explore-copy {
color: #0000;
cursor: crosshair;
flex-direction: row;
align-items: center;
min-width: 30px;
max-width: 0;
font-size: 0;
line-height: 0;
text-decoration: none;
display: flex;
}
.nav_explore-copy:hover {
color: #feac0e;
flex-wrap: nowrap;
flex: 0 auto;
min-width: 0%;
max-width: 100%;
font-size: 0;
}
.nav_explore-copy:visited {
color: #20b101;
display: none;
}
.nav_explore-copy.w--current {
flex-direction: row;
justify-content: center;
min-width: auto;
max-width: none;
display: none;
}
.nav_explore-copy.w--current:visited {
color: #c0f;
}
.navlink {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: var(--invert);
object-fit: fill;
background-color: #fff0;
flex-flow: row;
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
min-width: 40px;
max-width: 40px;
min-height: 50px;
max-height: 50px;
margin: 0;
padding: 0 40px 0 20px;
font-size: 0;
line-height: 0;
text-decoration: none;
display: flex;
overflow: hidden;
}
.navlink:hover {
background-color: #fff0;
max-width: none;
min-height: 49px;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 0;
display: flex;
}
.navlink.w--current {
background-color: #0000;
justify-content: flex-start;
align-items: flex-start;
margin-left: 0;
margin-right: 0;
display: none;
}
.navlink.w--current:hover {
background-color: #fff;
}
.header_24-copy {
z-index: 2;
box-shadow: none;
background-color: #eee;
border: 0 solid #000;
border-radius: 0;
flex-flow: row;
flex: 1;
justify-content: center;
align-items: center;
max-width: none;
min-height: 40px;
max-height: 40px;
margin: 0 0% 0 0;
padding: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.header_24-copy:hover {
display: block;
}
.padding_header {
z-index: 90;
box-shadow: none;
background-color: #0000;
border: 0 solid #0000;
border-radius: 0;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: center;
max-width: none;
min-height: 50px;
max-height: 50px;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
display: flex;
position: fixed;
inset: 0% 0% auto 0;
}
.padding_header:hover {
display: flex;
}
.body-45 {
background-color: var(--color--background);
}
.exhibitions_text {
color: var(--color--white-header);
cursor: crosshair;
flex: 0 auto;
padding-left: 0;
font-size: 25px;
font-weight: 700;
transition: opacity .2s;
display: block;
position: relative;
}
.exhibitions_text:hover {
color: var(--color--white-header);
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 25px;
display: block;
}
.the_solution_left-copy {
background-color: #cbc6c600;
border-top: 40px solid #0000;
border-bottom: 0 solid #0000;
border-left: 40px solid #000;
max-width: 40%;
max-height: 40px;
margin-right: -35px;
padding-left: 0;
padding-right: 0;
display: block;
}
.explore_text {
color: #dd0505;
-webkit-text-stroke-color: var(--color--explore);
cursor: crosshair;
padding-left: 0;
font-size: 25px;
font-weight: 700;
transition: opacity .2s;
display: block;
position: relative;
}
.explore_text:hover {
color: #de1313;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 25px;
display: block;
}
.text-block-132 {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
}
.link-block-38 {
text-decoration: none;
}
.div-block-215 {
flex-direction: row;
justify-content: space-between;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.tsrm {
background-color: #cbc6c600;
border-top: 40px solid #0000;
border-bottom: 0 solid #0000;
border-left: 40px solid #fff;
max-width: 40%;
max-height: 40px;
margin-right: -35px;
padding-left: 0;
padding-right: 0;
display: none;
position: relative;
}
.menu_button_mobile {
margin-top: 10px;
}
.navbar_web {
background-color: #fff0;
flex-flow: column;
justify-content: center;
align-items: flex-start;
max-width: 100%;
min-height: 50px;
margin-left: 50vw;
margin-right: 50vw;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
left: -5px;
}
.header_mobile {
background-color: #fff0;
justify-content: flex-end;
align-items: center;
min-height: 39px;
margin-right: 0;
padding-top: 0;
padding-right: 0;
display: none;
}
.wrapping {
display: none;
}
.text_projects {
color: var(--color--projects);
cursor: crosshair;
font-size: 20px;
font-weight: 700;
transition: opacity .2s;
display: block;
position: relative;
}
.text_projects:hover {
color: #0c0cfe;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 20px;
display: block;
}
.project_page_icon-copy {
z-index: 20;
background-color: #ababab00;
border-radius: 0;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
max-height: 50px;
margin-top: 0;
margin-left: 0;
padding-left: 0;
display: flex;
position: sticky;
inset: 0% 0% auto;
}
.project_page_head {
z-index: 10;
background-color: #ababab00;
border-radius: 0;
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
width: auto;
max-width: 60%;
max-height: 50px;
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-right: 20px;
display: block;
position: static;
inset: 0% 0% auto;
}
.current_tab {
z-index: 3;
background-color: #eee0;
flex-flow: wrap;
flex: 0 auto;
justify-content: space-between;
max-width: 100%;
min-height: 50px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: flex;
position: fixed;
}
.project_text_icon {
border-bottom: 0 solid #000;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0;
display: none;
}
.head_tab_text_projects {
color: var(--random-color-c);
width: 40%;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
text-decoration: none;
}
.just_padding {
background-color: #fff0;
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
display: none;
}
.gap-tab-head {
background-color: #fff;
border-bottom: 200px solid #fff;
flex-wrap: nowrap;
min-width: auto;
max-width: none;
min-height: 100vh;
max-height: 100vh;
display: flex;
}
.div-block-221 {
z-index: 80;
display: flex;
position: relative;
}
.tab_link_echo {
color: #00f;
background-color: #fff;
border-radius: 0;
align-items: center;
width: auto;
max-width: 53%;
min-height: 40px;
max-height: 40px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 10px 10vw 10px 20px;
text-decoration: none;
display: flex;
}
.tab_link_echo.w--current {
z-index: 90;
color: #00f0;
background-color: #fff0;
flex-wrap: nowrap;
max-width: none;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
position: static;
}
.div-block-222 {
min-width: 40px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-right: 0;
}
.text-current-tab {
z-index: 80;
display: flex;
position: relative;
}
.search-input-2 {
border-style: solid;
border-width: 0 0 2px;
border-color: black black var(--random-color-4);
color: var(--color--text);
background-color: #fff0;
margin-left: 10px;
margin-right: 40px;
padding: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
}
.search-input-2:hover, .search-input-2:active {
background-color: #fff0;
}
.search-input-2:focus {
border-bottom-color: var(--projects);
background-color: #fff0;
}
.search-input-2:focus-visible, .search-input-2[data-wf-focus-visible] {
background-color: #fff0;
}
.search-input-2::placeholder {
color: var(--color--text);
background-color: #fff0;
font-size: 25px;
font-weight: 700;
}
.heading-12 {
color: var(--color--text);
letter-spacing: var(--headline-letter);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
line-height: 1;
}
.new {
color: #121daf;
font-family: Lato, sans-serif;
}
.field-label {
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.body-46 {
font-style: normal;
}
.empty-state-4 {
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.text-field {
width: 100%;
min-width: 100%;
padding: 10px 20px 10px 0;
}
.text-field::placeholder {
color: #000;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: #0000;
}
.text-field-copy {
width: 100%;
min-width: 100%;
padding: 10px 20px 10px 0;
}
.text-field-copy::placeholder {
color: #000;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: #0000;
}
.searchbar {
opacity: 1;
outline-offset: 0px;
color: var(--color--text);
white-space: normal;
word-break: normal;
cursor: text;
background-color: #fff0;
border: 0 solid #000;
outline: 0 #000;
min-width: 30px;
min-height: 30px;
margin-bottom: 0;
padding: 0 0 3px 10px;
font-size: 18px;
font-weight: 700;
line-height: 30px;
}
.searchbar::placeholder {
color: var(--color--text);
background-color: #fff0;
}
.head_tab_text_contact {
color: #ffa801;
width: auto;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
text-decoration: none;
}
.tab_link_echo_projects {
color: #00f0;
background-color: #ddd;
border-radius: 0;
align-items: center;
width: auto;
max-width: 53%;
min-height: 40px;
max-height: 40px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 10px 0 10px 20px;
text-decoration: none;
display: flex;
}
.tab_link_echo_projects.w--current {
z-index: 90;
color: #00f0;
background-color: #fff0;
flex-wrap: nowrap;
max-width: none;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
position: static;
}
.head_tab_text_contact-copy {
color: #ffa801;
width: 40%;
font-size: 30px;
font-weight: 700;
text-decoration: none;
}
.head_tab_text_projects-copy {
color: #0202ff;
width: 40%;
font-size: 30px;
font-weight: 700;
text-decoration: none;
}
.head_tab_text_contact_echo {
color: #fff;
width: 40%;
font-size: 30px;
font-weight: 700;
text-decoration: none;
}
.head_tab_text_projects_echo {
color: #fff;
width: 40%;
font-size: 20px;
font-weight: 700;
text-decoration: none;
}
.text-current-tab-projects {
z-index: 80;
justify-content: flex-start;
align-items: flex-start;
min-width: 100%;
display: none;
position: relative;
}
.text-current-tab-contact {
z-index: 90;
display: block;
position: relative;
}
.image-223-copy {
background-color: #fff0;
border-radius: 100%;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-left: 0%;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
display: block;
}
.current-tab-contact {
z-index: 3;
background-color: #eee0;
flex-flow: wrap;
flex: 0 auto;
justify-content: space-between;
max-width: 100%;
min-height: 50px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: none;
position: fixed;
}
.current-tab-projects {
z-index: 3;
background-color: #eee0;
flex-flow: wrap;
flex: 0 auto;
justify-content: space-between;
max-width: 100%;
min-height: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: none;
position: fixed;
}
.div-block-223 {
display: flex;
}
.div_head {
z-index: 90;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.div-block-224 {
border-style: solid;
border-width: 20px 0 20px 20px;
border-color: #0000 #0000 #0000 var(--color--text);
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
}
.text-current-tab-projects-copy, .text-current-tab-exhibitions {
z-index: 80;
display: block;
position: relative;
}
.current-tab-exhibitions {
z-index: 3;
background-color: #eee0;
flex-flow: wrap;
flex: 0 auto;
justify-content: space-between;
max-width: 100%;
min-height: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: flex;
position: fixed;
}
.head_tab_text_exhibitions {
color: var(--random-color-b);
width: auto;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
text-decoration: none;
}
.tab_link_echo_exhibitions {
color: #00f0;
background-color: #fff;
border-radius: 0;
align-items: center;
width: auto;
max-width: 53%;
min-height: 40px;
max-height: 40px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 10px 10vw 10px 20px;
text-decoration: none;
display: flex;
}
.tab_link_echo_exhibitions.w--current {
z-index: 90;
color: #00f0;
background-color: #fff0;
flex-wrap: nowrap;
max-width: none;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
position: static;
}
.head_tab_text_exhibitions_echo {
color: #fff;
width: 40%;
font-size: 30px;
font-weight: 700;
text-decoration: none;
}
.section-35 {
z-index: 60;
background-color: #fff;
min-height: 1%;
margin-top: 50px;
margin-bottom: 0;
padding-top: 50px;
display: none;
position: relative;
}
.div-block-225 {
grid-column-gap: 0px;
grid-row-gap: 50px;
object-fit: cover;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
overflow: visible;
}
.div-block-226 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-227 {
display: flex;
position: relative;
}
.div-block-228 {
z-index: 5;
background-color: #fff0;
border-top: 0 solid #0000;
border-bottom: 50px solid #0000;
border-left: 50px solid #fff;
border-right: 0 solid #0000;
min-width: 50px;
min-height: 50px;
position: absolute;
inset: 0% auto auto 0%;
}
.image-230 {
object-fit: cover;
min-width: 97vw;
max-width: none;
max-height: 30vh;
position: relative;
}
.text_exhibitions_name {
z-index: 5;
color: #000;
background-color: #fff0;
border-top: 0 solid #0000;
border-bottom: 50px solid #0000;
border-left: 0 solid #fff0;
border-right: 0 solid #0000;
min-width: auto;
min-height: 50px;
margin-top: 0;
padding-top: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
position: absolute;
inset: auto 0% 0% auto;
}
.text_exhibitions_location {
z-index: 5;
color: #000;
background-color: #fff0;
border-top: 0 solid #0000;
border-bottom: 50px solid #0000;
border-left: 0 solid #fff0;
border-right: 0 solid #0000;
min-width: auto;
min-height: 50px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
position: absolute;
inset: auto 0% -11% auto;
}
.div-block-229 {
justify-content: flex-start;
display: flex;
}
.text-block-133, .text_block_future {
padding-left: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 40px;
font-weight: 700;
}
.div-block-230 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.past {
background-color: #fff;
padding-left: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 40px;
font-weight: 700;
overflow: auto;
}
.div-block-231 {
z-index: 70;
margin-bottom: 0;
position: sticky;
inset: 100px 0% 0;
}
.collection-list-wrapper-12 {
object-fit: fill;
overflow: scroll;
}
.div_future-past {
z-index: 70;
position: sticky;
top: 100px;
}
.div-block-232 {
min-height: 80vh;
display: flex;
}
.container-46 {
width: 50%;
max-width: 50%;
min-height: 70vh;
margin-left: 0;
margin-right: 0;
overflow: scroll;
}
.div-block-233 {
display: none;
overflow: scroll;
}
.collection-list-wrapper-13 {
display: none;
}
.image-231 {
max-width: 200px;
max-height: 200px;
}
.container-46-copy {
width: 50%;
max-width: 50%;
min-height: 70vh;
margin-left: 0;
margin-right: 0;
overflow: auto;
}
.page_wrapper {
z-index: 80;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
margin-top: 50px;
padding-top: 50px;
padding-left: 20px;
padding-right: 20px;
display: none;
position: relative;
overflow: hidden;
}
.left {
overflow: scroll;
}
.future_head {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 40px;
font-weight: 700;
}
.margin-copy {
margin-left: 0;
margin-right: 0;
}
.right {
overflow: scroll;
}
.now_head, .past_head {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 40px;
font-weight: 700;
}
.arrow_past {
border-top: 40px solid #0000;
border-bottom: 40px solid #0000;
border-left: 40px solid #03ce9e;
justify-content: flex-start;
min-width: 0;
margin-left: 20px;
padding-left: 0;
display: flex;
}
.arrow_past:active {
border-top-width: 40px;
border-bottom-width: 40px;
border-left-width: 40px;
transform: rotate(0);
}
.arrow_now {
border-top: 40px solid #0000;
border-bottom: 40px solid #0000;
border-left: 40px solid #ce5b03;
justify-content: flex-start;
min-width: 0;
margin-left: 20px;
padding-left: 0;
display: flex;
}
.arrow_now:active {
border-top-width: 40px;
border-bottom-width: 40px;
border-left-width: 40px;
transform: rotate(0);
}
.arrow_future {
border-top: 40px solid #0000;
border-bottom: 40px solid #0000;
border-left: 40px solid #6103ce;
justify-content: flex-start;
min-width: 0;
margin-left: 20px;
padding-left: 0;
display: flex;
}
.arrow_future:active {
border-top-width: 40px;
border-bottom-width: 40px;
border-left-width: 40px;
transform: rotate(0);
}
.placeholder_exhibitions {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 40px;
font-weight: 700;
}
.section-36 {
z-index: 60;
background-color: #fff;
margin-top: 0;
padding: 140px 20px 75vh;
position: relative;
}
.artwork_presentation_mobile {
z-index: 90;
background-color: #fff;
border-bottom: 0 solid #000;
margin-top: 0;
margin-left: 0%;
padding: 30px 20px 100px;
display: none;
position: relative;
top: 0;
}
.the_solution_left_left {
z-index: 10;
background-color: #cbc6c600;
border-top: 250px solid #fff;
border-bottom: 0 solid #0000;
border-left: 250px solid #35202000;
border-right: 0 solid #fff0;
max-width: none;
max-height: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
}
.current-tab-projects-detail {
z-index: 50;
background-color: #eee0;
flex-flow: wrap;
flex: 0 auto;
justify-content: space-between;
max-width: none;
min-height: auto;
margin-left: 28.6vw;
margin-right: 0;
padding-left: 0;
display: flex;
position: fixed;
}
.div-block-220-copy {
z-index: 10;
background-color: #fff0;
border-bottom: 200px solid #fff;
justify-content: center;
min-width: 40px;
max-width: none;
min-height: auto;
max-height: none;
padding-left: 0;
display: flex;
position: relative;
}
.tab_link_echo_projects_detail {
z-index: 98;
color: #7171a000;
background-color: #fff0;
border-radius: 0;
align-items: center;
width: auto;
max-width: 100%;
min-height: 50px;
max-height: 50px;
margin-bottom: 0;
margin-left: -200px;
margin-right: 0;
padding: 10px 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
text-decoration: none;
display: flex;
position: static;
inset: 0% 0% auto 440px;
}
.tab_link_echo_projects_detail.w--current {
z-index: 90;
color: #00f0;
background-color: #fff0;
flex-wrap: nowrap;
max-width: none;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
position: static;
}
.head_tab_text_projects_echo_detail {
z-index: 80;
color: var(--black);
width: auto;
padding-bottom: 2px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
position: relative;
}
.the_solution_left_right {
background-color: #cbc6c600;
border-top: 300px solid #000;
border-bottom: 0 solid #0000;
border-left: 300px solid #35202000;
border-right: 300px solid #000;
max-width: none;
max-height: none;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
}
.second-tab {
z-index: 98;
background-color: #eee0;
flex-flow: wrap;
flex: 0 auto;
justify-content: space-between;
max-width: none;
min-height: auto;
margin-left: -249px;
margin-right: 0;
padding-left: 0;
display: none;
position: sticky;
}
.tabs {
z-index: 50;
background-color: #eee0;
flex-flow: wrap;
flex: 0 auto;
justify-content: space-between;
max-width: 100%;
min-height: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: flex;
position: fixed;
}
.first-tab {
display: flex;
}
.arrow_second_tab {
border: 12px solid #0000;
border-left-color: #aaa;
border-right-width: 0;
min-width: 12px;
max-width: 12px;
min-height: 12px;
max-height: 12px;
padding-right: 10px;
display: none;
}
.tab_link_echo_projects_detail-copy {
z-index: 98;
color: #7171a000;
background-color: #fff0;
border-radius: 0;
align-items: center;
width: auto;
max-width: 100%;
min-height: 50px;
max-height: 50px;
margin-bottom: 0;
margin-left: -200px;
margin-right: 0;
padding: 10px 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
text-decoration: none;
display: flex;
position: fixed;
inset: 0% 0% auto 435px;
}
.tab_link_echo_projects_detail-copy.w--current {
z-index: 90;
color: #00f0;
background-color: #fff0;
flex-wrap: nowrap;
max-width: none;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
position: static;
}
.arrow_second_tab-copy {
border: 12px solid #0000;
border-left-color: #aaa;
border-right-width: 0;
min-width: 12px;
max-width: 12px;
min-height: 12px;
max-height: 12px;
padding-right: 10px;
display: none;
}
.head_tab_text_projects_echo_detail-copy {
z-index: 80;
color: #aaa0;
width: auto;
padding-bottom: 2px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
position: relative;
}
.margin-copy {
max-width: 50%;
margin-left: 0;
margin-right: 40px;
padding-right: 0;
}
.projects_description {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.projects_description_content {
grid-column-gap: 0px;
grid-row-gap: 100px;
background-color: #fff0;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 100%;
max-height: 100%;
margin-top: 0;
display: grid;
}
.column-51 {
flex-flow: wrap;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-234 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: end space-between;
max-width: 50%;
display: flex;
position: sticky;
top: 100px;
}
.div-block-235 {
min-width: 100%;
}
.artwork_info_box-_old_colums {
z-index: 80;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff0;
grid-template: "Area"
"."
/ 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-end;
width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 40px;
display: none;
position: sticky;
inset: auto 0% 0%;
}
.section-37 {
background-color: #fff;
margin-top: 0;
padding: 0 20px 100px;
display: block;
position: relative;
}
.text-block-134 {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.collection-list-wrapper-14 {
flex-direction: row;
max-width: none;
display: flex;
}
.container-47 {
color: #000;
background-color: #fff;
max-width: none;
max-height: none;
margin-top: 0;
margin-left: 20px;
margin-right: 20px;
padding: 100px 0;
display: block;
}
.collection-list-8 {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 0;
grid-auto-flow: column;
align-content: start;
place-items: start;
min-width: 100%;
max-width: none;
max-height: 50vh;
margin-left: 0;
margin-right: 0;
display: grid;
}
.link-block-39 {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
min-width: auto;
max-width: none;
min-height: 100%;
text-decoration: none;
display: block;
}
.link-block-39.w--current {
min-width: 100%;
max-width: 36%;
}
.text-block-135 {
color: #000;
flex-direction: row;
align-items: center;
padding-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
display: flex;
}
.text-block-136 {
font-size: 25px;
}
.middle_size_text {
background-color: var(--color--background);
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: var(--title-desktop);
line-height: var(--title-desktop);
flex-flow: row;
align-items: center;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
font-weight: 700;
display: flex;
overflow: visible;
}
.image-cover {
object-fit: fill;
width: 100%;
max-width: none;
height: 100%;
display: block;
overflow: visible;
}
.collection-item-10 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #eee0;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
min-width: 100%;
max-width: 10vw;
max-height: none;
padding-left: 0;
padding-right: 0;
display: block;
}
.image-232 {
aspect-ratio: auto;
object-fit: contain;
width: auto;
min-width: 100%;
max-width: 100%;
height: auto;
min-height: auto;
max-height: 50vh;
display: block;
position: static;
inset: auto 0% 0% auto;
overflow: hidden;
}
.div-block-236 {
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
margin-top: 5px;
display: flex;
}
.image-233 {
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
margin-left: 10px;
padding-left: 0;
}
.icon_project_type {
min-width: 25px;
max-width: 25px;
min-height: 25px;
max-height: 25px;
margin-left: 0;
margin-right: 10px;
padding-left: 0;
}
.div-block-237 {
object-fit: contain;
align-items: flex-end;
min-width: 100%;
min-height: 100%;
max-height: none;
display: flex;
overflow: visible;
}
.div-block-238 {
object-fit: contain;
flex-direction: row;
justify-content: flex-end;
align-items: center;
display: flex;
overflow: visible;
}
.div-block-239 {
background-color: #fff0;
flex-flow: row;
align-content: flex-start;
align-items: flex-start;
margin-top: 0;
padding-top: 0;
display: inline-block;
position: absolute;
inset: 0% auto auto 0%;
}
.div-block-240 {
display: flex;
}
.div-block-241 {
border-style: solid;
border-width: 50px 0 0 50px;
border-color: var(--invert) #0000 #0000 var(--color--background);
}
.related {
background-color: var(--color--background-mobile);
flex-flow: row;
align-content: flex-start;
align-items: flex-start;
margin-top: 0;
margin-bottom: 5vh;
padding-top: 0;
display: flex;
position: static;
inset: 0% auto auto 0%;
}
.div-block-242 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.div-block-243 {
border-top: 50px solid #ddd;
border-right: 50px solid #0000;
min-width: 50px;
max-width: 50px;
min-height: 50px;
max-height: 50px;
margin-left: 600px;
}
.div_head_web {
display: none;
}
.div-block-244 {
border-top: 50px solid #eee;
border-right: 50px solid #0000;
margin-left: 24px;
}
.tabs-copy {
z-index: 50;
background-color: #eee0;
flex-flow: wrap;
flex: 0 auto;
justify-content: space-between;
max-width: 100%;
min-height: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: flex;
position: fixed;
}
.first-tab-copy {
display: flex;
}
.second-tab-copy {
z-index: 98;
background-color: #eee0;
flex-flow: wrap;
flex: 0 auto;
justify-content: space-between;
max-width: none;
min-height: auto;
margin-left: -249px;
margin-right: 0;
padding-left: 0;
display: none;
position: sticky;
}
.image-234 {
min-width: 30px;
max-width: 30%;
min-height: 30px;
max-height: 30px;
margin-right: 0;
position: fixed;
}
.link-block-40 {
align-items: center;
padding-left: 0;
text-decoration: none;
display: flex;
}
.info_text_block {
color: #90f;
background-color: #ddd0;
align-items: center;
padding-bottom: 4px;
padding-left: 40px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.div-block-245 {
max-width: 40vw;
display: flex;
}
.triangle_sitename {
border-style: solid;
border-width: 0 0 50px 50px;
border-color: #fff0 #0000 #fff0 var(--exhibitions);
margin-right: 0;
position: relative;
}
.triangle_sitename.colour {
background-color: #c3707000;
}
.triangle_sitename.contact {
border-left-color: var(--contact);
}
.div-block-247 {
z-index: 10;
background-color: var(--color--projects);
align-items: center;
min-height: 50px;
padding-left: 20px;
display: flex;
position: sticky;
}
.site_name {
z-index: 6;
cursor: crosshair;
align-items: center;
padding-left: 0;
text-decoration: none;
display: flex;
position: relative;
}
.link-block-41 {
align-items: center;
margin-left: 0;
text-decoration: none;
display: flex;
position: static;
}
.text-block-138 {
z-index: 5;
color: #979797;
padding-top: 3px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
display: block;
position: relative;
}
.div-block-248 {
background-color: var(--color--project-template_grey);
justify-content: center;
align-items: center;
min-height: 50px;
margin-left: -50px;
padding-left: 50px;
display: flex;
}
.div-block-246-copy {
border-top: 50px solid var(--color--project-template_grey);
border-bottom: 0 solid #645050;
border-right: 50px solid #3f1d1d00;
}
.site_name_tab_dived {
max-width: 40vw;
display: flex;
}
.info-site-name {
position: fixed;
inset: 0% auto auto 0%;
}
.gap {
grid-column-gap: 1px;
grid-row-gap: 16px;
background-color: var(--color--background);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
display: block;
}
.dropdown-info-biography_cont {
grid-column-gap: 10px;
grid-row-gap: 100px;
background-color: var(--invert);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 100%;
max-height: 100%;
margin-top: 50px;
display: grid;
}
.arrow_biography {
border-top: 30px solid #0000;
border-bottom: 30px solid #0000;
border-left: 30px solid #007e00;
justify-content: flex-start;
min-width: 0;
margin-left: 20px;
padding-left: 0;
display: flex;
}
.arrow_biography:active {
border-top-width: 40px;
border-bottom-width: 40px;
border-left-width: 40px;
transform: rotate(0);
}
.contact-site-name {
position: fixed;
inset: 0% auto auto 0%;
}
.contact_text_block {
color: #feaa0b;
background-color: #ddd0;
align-items: center;
padding-bottom: 4px;
padding-left: 40px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.explore-site-name {
z-index: 90;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.explore_text_block {
color: #dd0404;
background-color: #ddd0;
align-items: center;
padding-bottom: 4px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.projects-site-name-web {
z-index: 90;
display: block;
position: relative;
inset: 0% auto auto 0%;
}
.projects_text_block {
color: var(--color--background);
background-color: #ddd0;
align-items: center;
padding-bottom: 4px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 30px;
display: flex;
position: static;
left: 60px;
}
.projects-site-name-mobile {
z-index: 90;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.nav_menu_mobile {
z-index: 999;
background-color: #fff;
border-radius: 0;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: auto;
max-width: 60%;
max-height: 50px;
margin-top: 0;
margin-left: 25vw;
margin-right: 25vw;
padding-left: 0;
padding-right: 0;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.project_text_block-copy {
color: #00f;
background-color: #ddd0;
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 3px;
padding-bottom: 0;
padding-left: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.projects_dive {
background-color: #ddd;
flex-flow: row;
justify-content: flex-start;
align-items: center;
min-height: 50px;
padding-left: 20px;
display: flex;
}
.image-slider-mobile {
display: none;
}
.slider-5 {
display: block;
}
.artwork_info_box_phone {
z-index: 80;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff0;
grid-template: "Area"
"."
/ 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
display: none;
position: sticky;
inset: 0 0% 20px;
overflow: visible;
}
.list_wrapper_dia {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.collection_list_dia {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 170px;
display: grid;
}
.collection_item_dia {
min-width: 1%;
min-height: 1%;
padding-left: 0;
padding-right: 0;
}
.div_dia {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
min-width: 130vw;
min-height: 100vh;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: block;
position: static;
top: -159px;
left: -150px;
overflow: clip;
transform: rotate(45deg);
}
.img_dia {
aspect-ratio: auto;
object-fit: cover;
border-radius: 0;
width: auto;
min-width: 0%;
max-width: none;
height: auto;
min-height: 150%;
max-height: 0%;
display: block;
position: absolute;
inset: -26% 0% 0% -28%;
overflow: hidden;
transform: rotate(0);
}
.img_dia:hover {
display: block;
}
.div_block_dia {
cursor: crosshair;
object-fit: contain;
max-width: none;
height: 0;
max-height: none;
margin-left: 0;
margin-right: 0;
padding-top: 100%;
display: block;
position: relative;
overflow: visible;
transform: rotate(-45deg);
}
.link_block_dia {
display: block;
overflow: hidden;
transform: rotate(0);
}
.link_block_dia:hover {
display: block;
}
.quick-stack {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.quick-stack-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
position: absolute;
top: -328px;
left: -148px;
transform: rotate(45deg);
}
.collection-list-wrapper-15 {
display: block;
}
.quick-stack-test {
grid-column-gap: 0px;
grid-row-gap: 0px;
position: absolute;
top: -328px;
left: -148px;
transform: rotate(45deg);
}
.quickstack-approach {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.collection-list-wrapper-16 {
display: none;
}
.pc-1 {
justify-content: center;
min-height: auto;
max-height: none;
margin-left: 5vw;
margin-right: 5vw;
padding: 0 0 1px;
display: flex;
}
.body-47 {
background-color: #afafaf;
}
.pc-2 {
padding: 20px;
}
.pc-head {
justify-content: center;
margin-top: 5vw;
margin-left: 5vw;
margin-right: 5vw;
padding: 0 0 1px;
display: flex;
}
.image-237 {
min-height: auto;
max-height: 99vh;
}
.image-238 {
max-height: 899.427vh;
margin-left: 0;
margin-right: 0;
}
.pc-15 {
justify-content: center;
margin-bottom: 100px;
margin-left: 5vw;
margin-right: 5vw;
padding: 0 0 100px;
display: flex;
}
.image-239, .image-240 {
max-height: 99vh;
}
.image-241 {
max-height: 99vh;
margin-bottom: 6px;
}
.image-242 {
max-height: 99vh;
}
.site_name_box {
z-index: 6;
align-items: center;
padding-left: 0;
text-decoration: none;
display: flex;
position: relative;
}
.div-box {
z-index: 10;
background-color: #fff;
align-items: center;
min-height: 50px;
padding-left: 20px;
display: flex;
position: sticky;
}
.shadow_projects {
color: #00f0;
background-color: #ddd0;
align-items: center;
padding-bottom: 4px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
display: none;
position: relative;
}
.shadow_image_projects {
opacity: 0;
min-width: 30px;
max-width: 30%;
min-height: 30px;
max-height: 30px;
margin-right: 10px;
position: relative;
}
.triangle_nav_left {
border-top: 0 solid #fff0;
border-right: 49px solid var(--color--header-color-web);
border-bottom: 50px solid #fff0;
border-radius: 0;
margin-left: -49px;
padding-left: 0;
display: flex;
position: relative;
left: 0;
}
.triangle_nav_left:hover {
border-right-color: var(--exhibitions);
display: flex;
}
.div_nav_right {
z-index: auto;
border-top: 49px solid red;
border-bottom: 0 solid #fff0;
border-left: 0 solid red;
border-right: 49px solid #fff0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
left: 0;
right: 0;
overflow: visible;
}
.div_icon_and_text {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: var(--exhibitions);
cursor: crosshair;
background-color: #f000;
border-top: 0 solid red;
border-right: 0 solid #0000;
flex-flow: wrap;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: auto;
align-items: center;
min-width: auto;
min-height: 50px;
max-height: 50px;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: relative;
right: 0;
}
.div_icon_and_text:hover {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--exhibitions);
flex: none;
justify-content: center;
align-items: center;
margin-left: 50px;
margin-right: 50px;
padding-top: 0;
padding-left: 0;
display: flex;
}
.div_nav_leftleft {
border-top: 0 solid #fff0;
border-bottom: 49px solid #fff0;
border-right: 49px solid #fff;
position: relative;
}
.div-block-255 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.exhibitions_text-copy {
color: #20b101;
cursor: crosshair;
flex: 0 auto;
font-size: 20px;
font-weight: 700;
transition: opacity .2s;
display: block;
position: relative;
}
.exhibitions_text-copy:hover {
color: #20b101;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 20px;
display: block;
}
.projects_text {
color: var(--color--projects);
padding-left: 0;
padding-right: 0;
font-size: 25px;
font-weight: 700;
}
.contact_text {
color: var(--contact);
padding-left: 0;
padding-right: 0;
font-size: 25px;
font-weight: 700;
}
.info_text {
color: var(--color--info);
padding-left: 0;
padding-right: 0;
font-size: 25px;
font-weight: 700;
}
.shadow_image {
opacity: 0;
min-width: 30px;
max-width: 30%;
min-height: 30px;
max-height: 30px;
margin-right: 10px;
position: relative;
}
.shadow_explore {
color: #00f0;
background-color: #ddd0;
align-items: center;
padding-bottom: 4px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 30px;
display: flex;
position: relative;
}
.explore_site_text {
color: red;
background-color: #ddd0;
align-items: center;
padding-bottom: 4px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 30px;
text-decoration: none;
display: flex;
position: fixed;
left: 60px;
}
.explore-desktop {
z-index: 91;
max-width: 20%;
text-decoration: none;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.explore-desktop.w--current {
text-decoration: none;
display: none;
}
.diagonal_gallery {
z-index: 3;
background-color: var(--color--background-mobile);
width: 100vw;
min-width: 100vw;
min-height: 100vh;
max-height: 100vh;
margin-top: 0;
padding-top: 0;
display: none;
position: fixed;
top: 0;
left: 0;
overflow: clip;
}
.div-block-256-copy {
background-color: #fff;
width: 100vw;
min-width: 100px;
min-height: 100vh;
position: fixed;
inset: 2% 0% auto;
}
.div-block-246-copy-copy {
border-top: 49px solid red;
border-bottom: 0 solid red;
border-right: 49px solid #f000;
justify-content: space-between;
align-items: flex-end;
margin-left: 0;
padding-left: 0;
display: flex;
position: relative;
left: 0;
right: 0;
}
.div-block-246-copy-copy:hover {
border-top-color: var(--color--background-mobile);
display: flex;
}
.triangle_nav_right {
z-index: 200;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 50px solid var(--color--header-color-web);
border-right: 50px solid #0000;
flex: none;
justify-content: flex-end;
align-items: center;
min-width: 50px;
min-height: 50px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: absolute;
inset: 0% -49px 0% auto;
}
.triangle_nav_right:hover {
border-top-color: var(--color--header-color-web);
}
.div_page_title {
z-index: 10;
background-color: #5f0;
align-items: center;
min-height: 50px;
padding-left: 20px;
display: flex;
position: sticky;
}
.div_page_title.colour {
background-color: var(--exhibitions);
margin-right: 0;
padding-right: 0;
}
.div_page_title.contact {
background-color: var(--contact);
}
.hourglass {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
position: static;
}
.hourglass_left {
border: 50vw solid #0000;
border-left-color: #0069da;
border-right: 0 solid #000;
max-width: 50vw;
display: block;
position: absolute;
}
.hourglass_right {
border-top: 50vw solid #0000;
border-bottom: 50vw solid #0000;
border-right: 50vw solid #42af36;
max-width: 50vw;
margin-bottom: 0;
position: absolute;
left: 50vw;
}
.hourglass_box {
z-index: 4;
object-fit: scale-down;
justify-content: center;
align-items: center;
max-width: 100vw;
min-height: 200vh;
max-height: none;
margin-top: 0;
margin-bottom: 0;
display: block;
position: relative;
inset: 0% 0% auto;
overflow: hidden;
}
.pe {
justify-content: center;
min-height: auto;
max-height: none;
margin-left: 100px;
margin-right: 100px;
padding: 0 0 1px;
display: flex;
}
.pe-top {
justify-content: flex-start;
align-items: flex-start;
min-height: auto;
max-height: none;
margin-top: 100px;
margin-left: 6vw;
margin-right: 6vw;
padding: 0 0 1px;
display: flex;
}
.body-48 {
background-color: #eee;
}
.pe-bottom {
justify-content: center;
min-height: auto;
max-height: none;
margin-bottom: 0;
margin-left: 100px;
margin-right: 100px;
padding: 0 0 100px;
display: flex;
}
.site_name_tab_dived-copy {
max-width: 40vw;
display: flex;
}
.site_name-copy {
z-index: 6;
cursor: crosshair;
align-items: center;
padding-left: 0;
text-decoration: none;
display: flex;
position: relative;
}
.div-block-247-copy {
z-index: 10;
background-color: #5f0;
align-items: center;
min-height: 50px;
padding-left: 20px;
display: flex;
position: sticky;
}
.info_text_block-copy {
color: #90f;
background-color: #ddd0;
align-items: center;
padding-bottom: 4px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.link-block-41-copy {
align-items: center;
margin-left: 0;
text-decoration: none;
display: flex;
}
.div-block-248-copy {
background-color: #eee;
min-height: 50px;
margin-left: -50px;
padding-left: 50px;
display: flex;
}
.text-block-138-copy {
z-index: 5;
color: #fff;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
position: relative;
}
.div-block-246-copy-copy {
border-top: 50px solid #eee;
border-bottom: 0 solid #645050;
border-right: 50px solid #3f1d1d00;
}
.related-artworks {
padding-top: 120px;
padding-bottom: 120px;
}
.related-artworks.hero {
justify-content: center;
align-items: center;
height: auto;
min-height: 500px;
padding-top: 60px;
padding-bottom: 60px;
display: block;
}
.related-artworks.footer {
padding-bottom: 60px;
}
.related-artworks.overflow-none {
z-index: 60;
background-color: #fff0;
margin-top: -50px;
margin-bottom: 0;
padding: 0 0;
display: none;
position: relative;
overflow: hidden;
}
.triangle_sitename-copy {
border-top: 0 solid #fff0;
border-bottom: 50px solid #fff0;
border-left: 50px solid #ddd;
border-right: 0 solid #0000;
position: relative;
}
.triangle_sitename-copy.colour {
background-color: #c3707000;
}
.div-block-257 {
display: flex;
}
.text-block-139 {
color: #fff;
margin-top: 100px;
margin-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 60px;
font-weight: 700;
display: flex;
}
.body-49 {
background-color: #585858;
}
.pe-copy {
justify-content: center;
min-height: auto;
max-height: none;
margin-left: 10vw;
margin-right: 10vw;
padding: 0 0 1px;
display: flex;
}
.pe-top-copy, .pe-top-newnew {
justify-content: flex-start;
align-items: flex-start;
min-height: auto;
max-height: none;
margin-top: 100px;
margin-left: 6vw;
margin-right: 6vw;
padding: 0 0 1px;
display: flex;
}
.pe-top2 {
justify-content: center;
align-items: center;
margin-top: 100px;
margin-left: 100px;
margin-right: 100px;
display: flex;
}
.pe-top-copy-copy {
justify-content: flex-start;
align-items: flex-start;
min-height: auto;
max-height: none;
margin-top: 0;
margin-left: 10vw;
margin-right: 10vw;
padding: 0 0 1px;
display: flex;
}
.pe-top-copy-copy-copy {
justify-content: flex-start;
align-items: flex-start;
min-height: auto;
max-height: none;
margin-top: 0;
margin-left: 100px;
margin-right: 100px;
padding: 0 0 1px;
display: flex;
}
.div-block-259 {
margin-bottom: 10px;
margin-left: 200px;
margin-right: 200px;
}
.pe-top-copy-copy-copy-copy {
justify-content: flex-start;
align-items: flex-start;
min-height: auto;
max-height: none;
margin-top: 0;
margin-left: 200px;
margin-right: 200px;
padding: 0 0 1px;
display: flex;
}
.div-block-259-copy {
margin-bottom: 100px;
margin-left: 200px;
margin-right: 200px;
padding-bottom: 100px;
}
.collection-list-wrapper-17 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
place-items: stretch stretch;
display: grid;
}
.cell-2 {
background-color: #eb0707;
}
.cell-3 {
background-color: #0f1;
}
.cell-4 {
background-color: #0015ff;
}
.quick-_stack_start {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding: 0;
}
.text-copyright {
padding-top: 1%;
padding-bottom: 1%;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
}
.text-footer {
cursor: crosshair;
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
padding-top: 0%;
padding-bottom: 0%;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
display: flex;
}
.footer_2024 {
z-index: 4000;
background-color: var(--random-color-4);
color: #000;
justify-content: flex-end;
align-items: flex-end;
min-height: auto;
margin: 0 0%;
padding-left: 0%;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.link-block-42 {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: var(--color--text);
cursor: crosshair;
justify-content: flex-end;
align-items: center;
margin: 5px 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
text-decoration: none;
display: flex;
}
.footer-displacement {
margin-top: 0;
display: none;
}
.div-block-260 {
min-height: 100vh;
display: none;
}
.bold-text-10 {
font-weight: 400;
}
.footer_right {
z-index: 0;
justify-content: flex-end;
align-items: stretch;
padding-bottom: 10px;
padding-right: 10px;
display: block;
position: relative;
}
.div_space_footer {
margin-top: 0;
display: none;
}
.social-media {
justify-content: flex-end;
align-items: center;
display: flex;
}
.testdiv {
z-index: 200;
background-color: #b11c1c00;
border-right: 50px solid red;
min-width: 50px;
max-width: 50px;
min-height: 50px;
max-height: 50px;
position: fixed;
inset: auto 0% 10% auto;
}
.splide__slide {
padding: 0 0;
}
.tsrm-pr, .tsrm-ep, .tsrm-eh, .tsrm-co, .tsrm-in, .tsrm-pr-template {
background-color: #cbc6c600;
border-top: 40px solid #0000;
border-bottom: 0 solid #0000;
border-left: 40px solid #fff;
max-width: 40%;
max-height: 40px;
margin-right: -35px;
padding-left: 0;
padding-right: 0;
display: none;
position: relative;
}
.exhibitions-site-name {
position: fixed;
inset: 0% auto auto 0%;
}
.exhibitions_text_block {
color: #20b101;
cursor: crosshair;
flex: 0 auto;
font-size: 20px;
font-weight: 700;
transition: opacity .2s;
display: block;
position: relative;
}
.exhibitions_text_block:hover {
color: #20b101;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 20px;
display: block;
}
.pagename {
z-index: 9999;
cursor: crosshair;
max-width: 30vw;
margin-top: 10px;
margin-left: 2vw;
display: block;
position: absolute;
inset: 0% auto auto 0%;
}
.projects {
text-decoration: none;
display: none;
}
.projects.w--current, .projects.template {
display: block;
}
.current-tab {
z-index: 3;
background-color: #eee0;
flex-flow: wrap;
flex: 0 auto;
justify-content: space-between;
max-width: 100%;
min-height: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: none;
position: fixed;
}
.explore {
z-index: 100;
justify-content: flex-start;
align-items: flex-start;
max-height: 30px;
text-decoration: none;
display: block;
position: static;
inset: 0% auto auto 0%;
overflow: visible;
}
.explore.w--current {
display: none;
}
.head_tab_text_explore {
color: var(--random-color-a);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
}
.link_text_explore {
z-index: 90;
color: #00f;
background-color: #fff0;
border-radius: 0;
align-items: center;
width: auto;
max-width: 53%;
min-height: 50px;
max-height: 50px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 10px 10vw 10px 20px;
text-decoration: none;
display: flex;
position: fixed;
}
.link_text_explore.w--current {
z-index: 90;
background-color: #fff0;
flex-wrap: nowrap;
max-width: none;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
position: fixed;
}
.text-icon {
justify-content: flex-start;
align-items: center;
display: flex;
overflow: visible;
}
.exhibitions {
text-decoration: none;
display: none;
}
.exhibitions.w--current {
min-width: auto;
min-height: auto;
text-decoration: none;
display: block;
}
.tab-mobile {
display: none;
}
.contact {
text-decoration: none;
display: none;
}
.contact.w--current {
display: block;
}
.head_tab_text_info {
color: var(--random-color-e);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
}
.video-explore {
z-index: 1;
min-width: 10px;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.gap-transparent {
background-color: #eee;
border-bottom: 200px solid #fff;
flex-wrap: nowrap;
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
display: flex;
}
.background-video-copy-2, .background-video-mobile {
z-index: -5;
width: auto;
height: auto;
min-height: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
position: fixed;
inset: 0%;
}
.div-block-276 {
display: block;
}
.text-footer-info {
color: var(--color--text);
cursor: crosshair;
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
padding-top: 0%;
padding-bottom: 0%;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
display: flex;
}
.footer-triangle, .f-triangle {
z-index: 2;
border-bottom: 250px solid red;
border-left: 250px solid var(--invert);
position: absolute;
}
.f-frame {
z-index: -1;
border-bottom: 220px solid red;
border-left: 220px solid var(--invert);
position: absolute;
}
.text-copyright-footer {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
}
.info-content {
z-index: 40;
background-color: #fff0;
min-width: 100vw;
margin-bottom: 0;
padding-bottom: 0;
display: block;
position: relative;
}
.dropdown-list-bio {
background-color: #dddddd5c;
}
.dropdown-list-bio.w--open {
background-color: #fff0;
position: static;
}
.bio-text-block {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
}
.arrow-i {
max-width: 30px;
}
.div-block-289 {
min-height: 250px;
}
.desktop {
display: flex;
}
.mobile, .video-explore-mobile {
display: none;
}
.video-explore-desktop {
z-index: 5;
justify-content: center;
min-width: 100vw;
height: 100vh;
display: flex;
position: fixed;
overflow: visible;
}
.bv-6 {
min-width: 100vw;
min-height: 100vh;
overflow: visible;
}
.play-pause-button {
display: none;
}
.projects-desktop {
z-index: 91;
max-width: 20%;
text-decoration: none;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.projects-desktop.w--current {
text-decoration: none;
display: none;
}
.shadow_explore-copy {
color: #00f0;
background-color: #ddd0;
align-items: center;
padding-bottom: 4px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 30px;
display: flex;
position: relative;
}
.projects_site_text {
color: var(--color--projects);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
position: fixed;
left: 60px;
}
.contact-desktop {
z-index: 91;
max-width: 20%;
text-decoration: none;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.contact-desktop.w--current {
text-decoration: none;
display: flex;
}
.shadow_contact {
color: #00f0;
background-color: #ddd0;
align-items: center;
padding-bottom: 4px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
display: flex;
position: relative;
}
.contact_site_text {
color: var(--color--background);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
position: fixed;
left: 60px;
}
.exhibitions-desktop {
z-index: 91;
max-width: 20%;
text-decoration: none;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.exhibitions-desktop.w--current {
text-decoration: none;
display: flex;
}
.shadow_exhibitions {
color: #00f0;
background-color: #ddd0;
align-items: center;
margin-right: -10px;
padding-bottom: 4px;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
display: flex;
position: relative;
}
.exhibitions_site_text {
color: var(--color--background);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
position: fixed;
left: 60px;
}
.info-desktop {
display: none;
}
.info-desktop.w--current {
text-decoration: none;
display: flex;
}
.shadow_info {
color: #00f0;
background-color: #ddd0;
align-items: center;
padding-bottom: 4px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
display: flex;
position: relative;
}
.info_site_text {
color: var(--info);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
position: fixed;
left: 60px;
}
.collection-item-11 {
max-width: 30vw;
}
.div-block-290 {
display: none;
}
.main_wrapper_exhib_slider {
z-index: 4;
background-color: var(--color--background);
width: 100%;
height: auto;
min-height: auto;
margin-top: 0;
margin-bottom: 0;
padding: 100px 0 0;
display: block;
position: relative;
bottom: auto;
overflow: visible;
}
.section-38 {
width: 100%;
height: auto;
margin-left: 0;
}
.swiper.is-exhibitions {
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 80vh;
display: flex;
overflow: hidden;
}
.swiper.is-now {
background-color: #fff0;
}
.swiper-wrapper.is-exhibitions {
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.swiper-wrapper.is-past {
justify-content: flex-start;
align-items: stretch;
width: 100%;
display: flex;
}
.swiper-wrapper.is-future {
width: 100%;
display: flex;
}
.swiper-slide.is-exhbitions {
flex: none;
width: 20rem;
}
.swiper-slide.is-past {
min-width: 500px;
max-width: 500px;
}
.swiper-slide.is-future {
min-width: 400px;
max-width: 400px;
}
.exhibition-image-wrapper {
background-color: var(--color--background);
min-width: auto;
min-height: 50vh;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
overflow: clip;
}
.image-248 {
border-top: 0 solid #0000;
border-left: 0 solid #fff;
border-right: 0 solid #000;
max-width: none;
max-height: 50vh;
overflow: clip;
}
.div-block-291 {
border-style: solid;
border-width: 50px 50px 0 0;
border-color: var(--color--background) #0000 black #fff0;
position: absolute;
}
.exhibition_title {
text-decoration: none;
}
.text_exhibi_location {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 15px;
font-weight: 700;
}
.exhibitions-descriptions {
text-decoration: none;
}
.text_exhibi_title {
color: var(--color--text);
cursor: crosshair;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
text-decoration: none;
}
.text_exhibi_date {
color: var(--color--text-light);
cursor: crosshair;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
}
.time {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--color--background);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
padding-bottom: 60px;
padding-left: 0;
display: grid;
}
.time-wrapper {
background-color: #fff0;
padding-left: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 40px;
font-weight: 700;
overflow: auto;
}
.text-time {
color: var(--color--text);
margin-left: 0;
font-size: 60px;
}
.text-future {
margin-right: 40px;
}
.image-248-copy {
border-top: 0 solid #0000;
border-left: 0 solid #fff;
border-right: 0 solid #000;
max-width: none;
max-height: 50vh;
overflow: clip;
}
.exhibition-image {
cursor: crosshair;
object-fit: cover;
border-top: 0 solid #0000;
border-left: 0 solid #fff;
border-right: 0 solid #000;
min-width: 350px;
max-width: 350px;
min-height: 350px;
max-height: 350px;
overflow: clip;
}
.gap-footer {
z-index: -5;
min-height: var(--footergap);
background-color: var(--invert);
margin-top: 0;
position: relative;
inset: auto 0% 0%;
}
.div-swiper-now {
background-color: var(--color--background);
min-width: 100vw;
margin-bottom: 0;
padding-bottom: 60px;
padding-left: 2vw;
}
.div-swiper-future {
background-color: var(--color--background);
min-width: 100vw;
padding-bottom: 60px;
padding-left: 2vw;
}
.div-swiper-past {
background-color: var(--color--background);
min-width: 100vw;
margin-bottom: 0;
padding-bottom: 10vh;
padding-left: 2vw;
}
.empty-state-text {
color: var(--color--text);
max-width: 60px;
max-height: 100px;
margin-left: 10px;
padding-bottom: 0;
padding-left: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 80px;
display: block;
transform: rotate(45deg);
}
.empty-state-5 {
background-color: var(--color--background);
margin-bottom: 0;
padding: 0 0 20px 10px;
display: flex;
}
.empty-state-6 {
background-color: #ddd0;
margin-bottom: 0;
padding: 0 0 20px 10px;
display: flex;
}
.empty-state-7 {
background-color: #ddd0;
margin-bottom: 0;
margin-left: 20px;
padding: 0 0 20px 10px;
display: flex;
}
.gap-footer-exhi {
aspect-ratio: auto;
background-color: var(--invert);
height: 500px;
min-height: 500px;
margin-bottom: 0;
display: block;
position: static;
inset: auto 0% 0%;
}
.portfolio-english {
display: none;
}
.pe-resume {
justify-content: center;
min-height: auto;
max-height: none;
margin-left: 100px;
margin-right: 100px;
padding: 0 0 1px;
display: none;
}
.artwork_presentation_web-tablet {
margin-bottom: 0;
padding-bottom: 100px;
display: block;
}
.div-block-293 {
justify-content: space-between;
align-items: center;
max-width: 60vw;
min-height: 80vh;
margin-top: 0;
padding-top: 10vh;
padding-bottom: 10vh;
display: flex;
}
.collection-item-12 {
justify-content: center;
align-items: center;
display: flex;
}
.lightbox_artwork_presentation {
vertical-align: middle;
justify-content: center;
align-items: center;
max-height: 70vh;
padding: 100px 220px 0;
display: flex;
}
.image-249 {
max-width: 50vw;
}
.artwork-image-web {
cursor: crosshair;
max-width: 60vw;
max-height: 80vh;
}
.artwork {
z-index: 5;
background-color: var(--color--background);
margin: -50px 0 0;
padding: 70px 2vw 0;
position: relative;
}
.greyfade {
z-index: 5;
background-image: linear-gradient(0deg, #f3f3f3, #fff);
min-height: 200px;
position: relative;
}
.div-block-295 {
justify-content: flex-end;
align-items: center;
display: flex;
}
.div-block-296 {
border-top: 50px solid #fff;
border-right: 50px solid #0000;
}
.div-block-297 {
background-color: #fff;
min-width: 100%;
min-height: 50px;
max-height: 50px;
}
.rel-artwork-year {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: var(--projects);
flex-direction: row;
align-items: center;
margin-left: 5px;
padding-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
display: flex;
}
.empty-state-8 {
background-color: #ddd0;
}
.image-234-copy {
min-width: 30px;
max-width: 30%;
min-height: 30px;
max-height: 30px;
margin-right: 0;
position: static;
}
.div-block-298 {
flex-flow: column;
justify-content: center;
align-items: center;
min-width: 100%;
display: block;
}
.div-block-299 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-9 {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.related-projects {
z-index: 5;
background-color: var(--color--background-mobile);
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 2px;
position: relative;
}
.collection-list-wrapper-19 {
margin-top: 0;
margin-bottom: 0;
}
.related-projects-list {
background-color: var(--color--background);
margin: 0 0 1000px;
padding: 100px 20px;
}
.rel-project-name {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
}
.rel-project-year {
color: var(--projects);
margin-left: 11px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
}
.div-block-300 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.tab_link_echo_projects-template {
color: #00f0;
background-color: #ddd;
border-radius: 0;
align-items: center;
width: auto;
max-width: 53%;
min-height: 40px;
max-height: 40px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 10px 0 10px 20px;
text-decoration: none;
display: flex;
}
.tab_link_echo_projects-template.w--current {
z-index: 90;
color: #00f0;
background-color: #fff0;
flex-wrap: nowrap;
max-width: none;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
position: static;
}
.pagename-mobile {
z-index: 1001;
justify-content: flex-start;
align-items: flex-start;
max-width: 30vw;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.text-current-tab-projects-copy {
z-index: 80;
justify-content: flex-start;
align-items: flex-start;
min-width: 100%;
display: none;
position: relative;
}
.link-block-33-copy {
z-index: 90;
color: #00f;
background-color: #fff0;
border-radius: 0;
align-items: center;
width: auto;
max-width: 53%;
min-height: 50px;
max-height: 50px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 10px 10vw 10px 20px;
text-decoration: none;
display: none;
position: fixed;
}
.link-block-33-copy.w--current {
z-index: 90;
background-color: #fff0;
flex-wrap: nowrap;
max-width: none;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
position: fixed;
}
.image-223-copy-copy {
background-color: #fff0;
border-radius: 100%;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-left: 0%;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
display: block;
}
.head_tab_text_projects-copy {
color: var(--color--projects);
width: 40%;
font-size: 20px;
font-weight: 500;
text-decoration: none;
display: block;
}
.current-tab-projects-copy {
z-index: 3;
background-color: #eee0;
flex-flow: wrap;
flex: 0 auto;
justify-content: space-between;
max-width: 100%;
min-height: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: none;
position: fixed;
}
.gap-tab-head-copy {
background-color: #fff;
border-bottom: 200px solid #fff;
flex-wrap: nowrap;
min-width: auto;
max-width: none;
min-height: 100vh;
max-height: 100vh;
display: flex;
}
.tab_link_echo_projects-template-copy {
color: #00f0;
background-color: #ddd;
border-radius: 0;
align-items: center;
width: auto;
max-width: 53%;
min-height: 40px;
max-height: 40px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 10px 0 10px 20px;
text-decoration: none;
display: flex;
}
.tab_link_echo_projects-template-copy.w--current {
z-index: 90;
color: #00f0;
background-color: #fff0;
flex-wrap: nowrap;
max-width: none;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
position: static;
}
.div-block-222-copy {
min-width: 40px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-right: 0;
}
.head_tab_text_projects_echo-copy {
color: #fff;
width: 40%;
font-size: 20px;
font-weight: 700;
text-decoration: none;
}
.the_solution_left-copy {
z-index: 10;
background-color: #cbc6c600;
border-top: 50px solid #ddd;
border-bottom: 50px solid #0000;
border-left: 0 solid #fff0;
max-width: none;
max-height: none;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
}
.the_solution_right_web-copy {
background-color: #fff0;
border-top: 50px solid #eee;
border-left: 50px solid #0000;
border-right: 0 solid #000;
max-width: 50px;
max-height: 30px;
margin-left: -49px;
margin-right: 0;
padding-right: 0;
display: none;
}
.site_name_tab_web {
z-index: 1001;
max-width: 40vw;
display: none;
position: absolute;
inset: 0% auto auto 0%;
}
.site_name-copy {
z-index: 6;
cursor: crosshair;
justify-content: flex-start;
align-items: center;
padding-left: 0;
text-decoration: none;
display: flex;
position: relative;
}
.projects_dive-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--color--projects);
flex-flow: row;
justify-content: flex-start;
align-items: center;
min-height: 50px;
padding-left: 20px;
display: flex;
}
.image-234-copy-copy {
min-width: 30px;
max-width: 30%;
min-height: 30px;
max-height: 30px;
margin-right: 0;
position: static;
}
.project_text_block-copy-copy {
color: #00f;
background-color: #ddd0;
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 3px;
padding-bottom: 0;
padding-left: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.project_text_block-copy-copy-copy {
color: var(--color--background);
background-color: #ddd0;
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.triangle_sitename-copy-copy {
border-style: solid;
border-width: 0 0 50px 50px;
border-color: #fff0 #0000 #fff0 var(--color--project-template_darkgrey);
position: relative;
}
.triangle_sitename-copy-copy.colour {
background-color: #c3707000;
}
.empty-state-9 {
background-color: #ddd0;
display: flex;
}
.artwork-echo {
color: #00f0;
background-color: #ddd;
border-radius: 0;
align-items: center;
width: auto;
max-width: 53%;
min-height: 40px;
max-height: 40px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 10px 0 10px 20px;
text-decoration: none;
display: flex;
}
.artwork-echo.w--current {
z-index: 90;
color: #00f0;
background-color: #fff0;
flex-wrap: nowrap;
max-width: none;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
position: static;
}
.div-block-302 {
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
min-width: 50vw;
display: flex;
}
.div-block-303 {
justify-content: flex-end;
align-items: center;
min-width: 50vw;
display: flex;
}
.content-frame-left {
justify-content: flex-end;
align-items: center;
min-width: 50vw;
margin-right: 0;
padding-right: 13%;
display: flex;
}
.div-block-304 {
justify-content: flex-start;
align-items: center;
min-width: 50vw;
padding-left: 19%;
display: flex;
}
.div-block-305 {
min-height: 100vh;
}
.div-block-306 {
min-height: 100vh;
position: static;
}
.gap-footer-ii {
min-height: var(--footergap);
position: relative;
}
.video-explore-web, .video-explore-copy {
z-index: 1;
min-width: 10px;
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.custom-background-video {
z-index: 999;
min-width: 100vw;
max-width: 100vw;
min-height: 100vh;
max-height: 100vh;
display: block;
position: static;
overflow: hidden;
}
.custom-background-video:active {
display: none;
}
.bv-7 {
min-width: 100vw;
max-height: 100vh;
display: none;
}
.c-e-web {
object-fit: cover;
min-width: 100vw;
min-height: 100vh;
max-height: none;
position: fixed;
inset: 0% auto auto 0%;
overflow: visible;
}
.c-e-mobile {
opacity: 0;
display: none;
position: static;
}
.div-info-content-name {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex;
}
.info-content-name {
display: block;
}
.section-39 {
background-color: var(--color--background);
margin-bottom: 0;
padding-bottom: 20px;
}
.div-block-307 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
display: block;
overflow: clip;
}
.exhibitions-content {
z-index: 10;
background-color: var(--white);
margin: 0;
padding: 0 0;
position: relative;
overflow: clip;
}
.exhibitions-title {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: var(--title-desktop);
line-height: var(--title-desktop);
font-weight: 700;
position: static;
top: 10px;
}
.text-block-144 {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-weight: 400;
}
.text-block-145 {
min-width: 100%;
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.head_tab_text_exhibitions_template {
color: #fff;
width: 40%;
font-size: 30px;
font-weight: 700;
text-decoration: none;
}
.exhibition-template-head {
color: var(--exhibitions);
background-color: #ddd0;
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.text-block-146 {
z-index: 5;
color: #979797;
padding-top: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
position: relative;
}
.sitename-exhibition-template-mobile {
max-height: 50px;
padding-top: 10px;
padding-left: 20px;
display: none;
}
.image-252 {
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
}
.head-tab-text-exhibition-tmplate {
color: var(--exhibitions);
width: 40%;
font-size: 20px;
font-weight: 500;
text-decoration: none;
}
.exhibitions-text-template {
color: var(--exhibitions);
background-color: #ddd0;
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.head-tab-exhibitions-echo {
color: #fff;
width: 40%;
font-size: 20px;
font-weight: 700;
text-decoration: none;
}
.text-block-148 {
color: #979797;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
}
.site_name-exhibitions {
z-index: 1001;
cursor: crosshair;
justify-content: flex-start;
align-items: center;
padding-left: 0;
text-decoration: none;
display: flex;
position: absolute;
inset: 0% 0 auto 0%;
}
.site_name-projects {
z-index: 6;
cursor: crosshair;
justify-content: flex-start;
align-items: center;
padding-left: 0;
text-decoration: none;
display: flex;
position: relative;
}
.div-block-310 {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 0;
font-size: 14px;
line-height: 0;
display: flex;
}
.div-block-311 {
padding-bottom: 10px;
}
.studio_mobile {
z-index: 1;
color: #000;
margin-left: 30vw;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 40px;
font-weight: 700;
position: sticky;
}
.link-block-46 {
cursor: crosshair;
text-decoration: none;
}
.prev-next_button {
z-index: 2000;
justify-content: flex-end;
align-items: center;
width: 30vw;
min-height: 60px;
margin-top: -100px;
margin-bottom: 0;
margin-right: 0;
padding-bottom: 0;
display: flex;
position: absolute;
right: 20px;
}
.div-block-312 {
flex-flow: row;
justify-content: flex-end;
align-items: center;
display: flex;
}
.fs-prevnext_row {
z-index: 2000;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: absolute;
}
.arrow_prev {
border-style: solid;
border-width: 20px 20px 20px 0;
border-color: #0000 var(--color--text) #0000 black;
background-color: #f000;
border-radius: 0%;
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
margin-right: 0;
padding-right: 0;
}
.next-button {
flex-flow: column;
justify-content: center;
align-items: center;
width: 60px;
min-width: 60px;
height: 60px;
min-height: 60px;
display: flex;
}
.collection-list-wrapper-20 {
flex-flow: row;
justify-content: center;
align-items: center;
display: block;
}
.arrow-next {
border-style: solid;
border-width: 20px 0 20px 20px;
border-color: #0000 #000 #0000 var(--color--text);
background-color: #f000;
border-radius: 0%;
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
margin-left: 0;
}
.link-block-47 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
min-width: 4rem;
font-family: Neuehaasunicapro, Arial, sans-serif;
text-decoration: none;
display: flex;
}
.text_arrow {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-weight: 700;
text-decoration: none;
}
.link-block-48 {
flex-flow: column;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.link_current {
z-index: 20;
min-width: 70px;
min-height: 70px;
margin-top: 0;
display: block;
position: absolute;
inset: auto 0% 0% -179px;
}
.list_projects {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.prev-button {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 60px;
min-width: 60px;
height: 60px;
min-height: 60px;
margin-right: 20px;
display: flex;
}
.div-block-313 {
min-height: 250px;
}
.content_card-info-web {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: #f5f5f500;
border: 0 solid #000;
border-radius: 10px;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: start;
place-items: start;
max-width: none;
margin-top: 0;
display: grid;
}
.coocie-conset {
z-index: 100;
background-color: #5f2b2b00;
width: 25vw;
height: 20vh;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
}
.div-block-314 {
background-color: red;
width: 100%;
}
.triangle_cookie {
border-top: 50px solid #0000;
border-right: 50px solid var(--random-color-4);
border-left: 0 solid #000;
margin-bottom: 0;
}
.fs-cc-prefs2_option {
border-bottom: 1px solid #c0c0c04d;
padding-top: 16px;
padding-bottom: 16px;
}
.fs-cc-prefs2_close {
color: #fff;
cursor: pointer;
background-color: #000;
border-radius: 50%;
justify-content: flex-end;
align-items: flex-start;
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
margin-top: 0;
margin-right: -40px;
padding: 5px;
font-size: 20px;
text-decoration: none;
display: flex;
position: relative;
inset: 0% 0% auto auto;
box-shadow: -1px 1px 4px #3333331a;
}
.fs-cc-prefs2_overlay {
z-index: -1;
background-color: #010440e6;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.fs-cc-prefs2_label {
color: var(--color--text);
margin-top: 0;
margin-bottom: 0;
margin-right: 32px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 18px;
font-weight: 700;
}
.fs-cc-prefs2_form-wrapper {
background-color: #00000052;
justify-content: center;
align-items: flex-start;
max-height: 100vh;
margin-bottom: 0;
padding: 200px 30px 0;
display: flex;
position: absolute;
inset: 0%;
}
.fs-cc-prefs2_toggle-wrapper {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.fs-cc-banner2_component {
z-index: 999;
color: #fff;
background-color: #0540f200;
width: 450px;
padding: 0;
display: none;
position: fixed;
inset: auto 1em 1em auto;
}
.fs-cc-prefs2_checkbox-label {
display: none;
}
.fs-cc-manager2_button {
color: #000;
cursor: pointer;
background-color: #fff0;
border-radius: 100%;
flex-direction: column;
width: 35px;
padding: 0;
transition: color .2s;
display: flex;
}
.fs-cc-manager2_button:hover {
color: #4353ff;
}
.fs-cc-manager2_component {
z-index: 999;
display: none;
position: fixed;
inset: auto auto 20px 20px;
}
.fs-cc-banner2_text {
color: #000;
-webkit-text-stroke-color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}
.fs-cc-prefs2_title {
color: var(--color--text);
text-align: left;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 35px;
font-weight: 700;
line-height: 1.2em;
}
.fs-cc-banner2_text-link {
color: #fff;
border-bottom: 2px solid #fff;
font-weight: 400;
text-decoration: none;
}
.fs-cc-prefs2_button {
border-style: solid;
border-width: 0;
border-color: #0540f2 var(--random-color-e) #0540f2 #0540f2;
color: var(--dark--text);
text-align: center;
background-color: #00d1a7;
padding: 12px 20px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-weight: 700;
}
.fs-cc-prefs2_button.fs-cc-button-alt {
color: var(--black);
background-color: #fff;
border-width: 0;
border-color: #000;
margin-bottom: 12px;
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.fs-cc-banner2_container {
background-color: var(--random-color-4);
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 990px;
margin-left: auto;
margin-right: auto;
padding: 20px 20px 20px 0;
display: flex;
}
.fs-cc-prefs2_content {
color: #000;
background-color: #f800;
border-top-right-radius: 0;
height: 100%;
min-height: 100%;
max-height: 100%;
margin-left: 0;
padding: 0;
display: flex;
}
.fs-cc-prefs2_checkbox {
z-index: 1;
cursor: pointer;
background-color: #fff;
border-width: 0;
border-color: #000;
border-radius: 100%;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.fs-cc-prefs2_checkbox.w--redirected-checked {
background-color: var(--random-color-e);
cursor: crosshair;
background-image: radial-gradient(circle, #000, #242424 43%, #fff 45%);
border-color: #0540f2;
}
.fs-cc-prefs2_form {
color: #fff;
background-color: #3330;
width: 100%;
max-width: 430px;
max-height: 76vh;
margin-bottom: 0;
position: relative;
}
.fs-cc-prefs2_submit {
color: var(--dark--text);
text-align: center;
background-color: #000;
margin-top: 12px;
padding: 12px 20px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-weight: 700;
}
.fs-cc-prefs2_component {
z-index: 997;
opacity: 1;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: 100px 32px 32px;
display: none;
position: fixed;
inset: 0%;
}
.fs-cc-prefs2_space-small {
margin-bottom: 12px;
}
.fs-cc-preferences2_close-icon {
color: #fff;
width: 30px;
height: 30px;
}
.fs-cc-banner2_buttons-wrapper {
flex: none;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 16px;
display: flex;
}
.fs-cc-banner2_button {
color: #0540f2;
text-align: center;
text-transform: uppercase;
background-color: #fff;
flex: 1;
min-width: 120px;
margin-left: 8px;
margin-right: 8px;
padding: 8px 20px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-weight: 700;
}
.fs-cc-banner2_button.fs-cc-button-alt {
color: #fff;
background-color: #00d1a7;
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.fs-cc-prefs2_buttons-wrapper {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
margin-top: 16px;
display: flex;
}
.fs-cc-prefs2_checkbox-field {
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-bottom: 0;
padding: 2px;
display: flex;
position: relative;
}
.text-block-149 {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.triangle_cookie_deny {
border-top: 50px solid #0000;
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 50px solid red;
}
.div-block-315 {
min-width: auto;
max-width: none;
min-height: 2000px;
display: block;
overflow: visible;
}
.div-block-316 {
max-height: 32em;
display: flex;
overflow: hidden;
}
.transparent_one_click {
z-index: 100;
background-color: #fff;
min-width: 100vw;
min-height: 100vh;
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.transparent_one_click:active {
z-index: 100;
background-color: #1a2341;
min-width: 100vw;
max-width: 0;
min-height: 100vh;
max-height: 0;
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.search_info {
justify-content: space-between;
align-items: center;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.search_input_info {
color: var(--color--text);
border: 0 solid #000;
margin-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
}
.search_input_info::placeholder {
color: var(--color--text);
font-size: 25px;
}
.search_box_info {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.search_button_info {
color: #0000;
background-color: #fff0;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/66ab84263ceb9f95d3078df0_Search%20Icon%20Magnifier.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
width: 30px;
height: 30px;
}
.fs-cc-manager2_button-copy {
color: #000;
cursor: pointer;
background-color: #fff0;
border-radius: 100%;
flex-direction: column;
width: 35px;
padding: 0;
transition: color .2s;
display: flex;
}
.fs-cc-manager2_button-copy:hover {
color: #4353ff;
}
.search_button_info_icon {
color: #000;
cursor: pointer;
background-color: #fff0;
border-radius: 100%;
flex-direction: column;
width: 35px;
padding: 0;
transition: color .2s;
display: flex;
}
.search_button_info_icon:hover {
color: #4353ff;
}
.text-block-150 {
color: var(--color--link-color);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.link-6 {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 18px;
font-weight: 700;
text-decoration: none;
}
.div-block-317 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.info-content-i {
z-index: 10;
background-color: var(--color--background);
min-width: auto;
margin-top: 0;
padding-top: 100px;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
}
.search-button-2 {
border-top: 25px solid #0000;
border-bottom: 25px solid #0000;
border-left: 25px solid var(--random-color-4);
color: var(--color--text);
background-color: #0000;
width: 15px;
max-width: 15px;
height: 15px;
max-height: 15px;
margin-bottom: 9px;
margin-left: 20px;
padding: 0;
}
.search-result-item {
background-color: #eee0;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 20px;
padding-right: 0;
}
.div-block-318 {
border: 0 solid #000;
border-radius: 0%;
justify-content: flex-start;
align-items: center;
width: auto;
height: auto;
display: flex;
}
.triangle_search {
border: 2px solid var(--color--text);
background-color: var(--color--text);
border-radius: 50%;
width: 10px;
height: 10px;
}
.div-block-319 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff0;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
display: grid;
}
.paragraph-6 {
display: none;
}
.info_text_search {
color: var(--color--background);
background-color: #ddd0;
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.link_block_info {
align-items: center;
margin-left: 0;
text-decoration: none;
display: none;
}
.sitename_text_mobile_info {
color: #0202ff;
width: 40%;
font-size: 20px;
font-weight: 500;
text-decoration: none;
display: block;
}
.sitname_echo_info {
color: #fff;
width: 40%;
font-size: 20px;
font-weight: 700;
text-decoration: none;
}
.search_info_main {
max-width: 98vw;
}
.darkmode {
z-index: 300;
justify-content: flex-end;
align-items: flex-start;
margin-top: 0;
display: flex;
position: relative;
inset: 0% 0% auto auto;
}
.toggle_inner {
z-index: 999;
margin-left: var(--color--toggle-offset);
background-color: var(--color--background);
color: var(--color--text);
letter-spacing: .02em;
border-radius: 100vw;
width: 15px;
height: 15px;
padding: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: .8px;
line-height: 1.6;
position: relative;
}
.toggle_wrap {
z-index: 999;
background-color: var(--color--text);
border-radius: 100vw;
justify-content: flex-start;
align-items: center;
width: 35px;
height: 19px;
margin-top: 10px;
margin-right: 2vw;
padding: 3px;
display: flex;
position: relative;
}
.link-block-49 {
text-decoration: none;
}
.body_50 {
aspect-ratio: auto;
object-fit: fill;
min-width: auto;
max-width: none;
min-height: auto;
display: block;
overflow: clip;
}
.darkmode-ii {
z-index: 300;
justify-content: flex-end;
align-items: flex-start;
margin-top: 0;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.darkmode-web {
z-index: 1001;
justify-content: flex-end;
align-items: flex-start;
margin-top: -50px;
padding-top: 50px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.dark {
display: none;
}
.code-embed {
color: var(--color--text);
width: 30px;
height: 30px;
margin-top: 0;
margin-right: 10px;
padding-right: 0;
line-height: 0;
}
.floorplan-test {
display: none;
}
.diagonal_gallery-mobile {
z-index: 3;
background-color: var(--color--background);
width: 100vw;
min-width: 100vw;
min-height: 100vh;
max-height: 100vh;
margin-top: 0;
padding-top: 0;
display: none;
position: fixed;
top: 0;
left: 0;
overflow: clip;
}
.div_dia_mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
min-width: 130vw;
min-height: 100vh;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: block;
position: static;
top: -159px;
left: -150px;
overflow: clip;
transform: rotate(45deg);
}
.list_wrapper_dia_mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.collection_list_dia_mobile {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 170px;
display: grid;
}
.collection_item_dia_mobile {
min-width: 1%;
min-height: 1%;
padding-left: 0;
padding-right: 0;
}
.link_block_dia_mobile {
display: block;
overflow: hidden;
transform: rotate(0);
}
.link_block_dia_mobile:hover {
display: block;
}
.div_block_dia_mobile {
cursor: crosshair;
object-fit: contain;
max-width: none;
height: 0;
max-height: none;
margin-left: 0;
margin-right: 0;
padding-top: 100%;
display: block;
position: relative;
overflow: visible;
transform: rotate(-45deg);
}
.img_dia_mobile {
aspect-ratio: auto;
object-fit: cover;
border-radius: 0;
width: auto;
min-width: 0%;
max-width: none;
height: auto;
min-height: 150%;
max-height: 0%;
display: block;
position: absolute;
inset: -26% 0% 0% -28%;
overflow: hidden;
transform: rotate(0);
}
.img_dia_mobile:hover {
display: block;
}
.diagonal_gallery_web {
z-index: 12;
background-color: var(--invert);
width: 100vw;
min-width: 100vw;
min-height: 100vh;
max-height: 100vh;
margin-top: 0;
padding-top: 0;
display: none;
position: fixed;
top: 0;
left: 0;
overflow: clip;
}
.div_dia_web {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
min-width: 130vw;
min-height: 100vh;
margin-top: 0;
margin-left: -27vw;
margin-right: 0;
padding-right: 0;
display: block;
position: static;
top: -159px;
left: -150px;
overflow: clip;
transform: rotate(45deg);
}
.empty-state-11 {
background-color: var(--invert);
}
.transparent_one_click_web {
z-index: 3;
cursor: crosshair;
background-color: #fff;
min-width: 100vw;
min-height: 100vh;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.transparent_one_click_web:active {
z-index: 100;
background-color: #1a2341;
min-width: 100vw;
max-width: 0;
min-height: 100vh;
max-height: 0;
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.list_wrapper_dia_web {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-right: 0;
display: block;
}
.collection_list_dia_web {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 170px;
margin-bottom: 0;
margin-right: 0;
padding-bottom: 0;
padding-right: 0;
display: grid;
}
.collection_item_dia_web {
min-width: 1%;
min-height: 1%;
padding-left: 0;
padding-right: 0;
}
.link_block_dia_web {
display: block;
overflow: hidden;
transform: rotate(0);
}
.link_block_dia_web:hover {
display: block;
}
.div_block_dia_web {
cursor: crosshair;
object-fit: contain;
max-width: none;
height: 0;
max-height: none;
margin-left: 0;
margin-right: 0;
padding-top: 100%;
display: block;
position: relative;
overflow: visible;
transform: rotate(-45deg);
}
.img_dia_web {
aspect-ratio: auto;
object-fit: cover;
border-radius: 0;
width: auto;
min-width: 0%;
max-width: none;
height: auto;
min-height: 150%;
max-height: 0%;
display: block;
position: absolute;
inset: -26% 0% 0% -28%;
overflow: hidden;
transform: rotate(0);
}
.img_dia_web:hover {
display: block;
}
.link-block-50 {
cursor: crosshair;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-right: 0;
text-decoration: none;
position: static;
right: 0;
}
.link-block-51 {
text-decoration: none;
}
.text-block-151 {
transform: rotate(45deg);
}
.site_name_info {
z-index: 6;
cursor: crosshair;
justify-content: flex-start;
align-items: center;
padding-left: 0;
text-decoration: none;
display: flex;
position: relative;
}
.code_embed_explore {
background-color: var(--invert);
color: var(--random-color-a);
border: 0 solid #fff0;
border-radius: 50%;
width: 25px;
height: 25px;
margin-top: 0;
margin-right: 10px;
padding-right: 0;
line-height: 0;
}
.code_embed_exhibitions {
z-index: 5;
background-color: var(--invert);
color: var(--exhibitions);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
padding-right: 0;
line-height: 0;
position: relative;
}
.code_embed_exhibitions:hover {
color: var(--white);
display: none;
}
.code_embed_projects {
background-color: var(--white);
color: var(--projects);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 1px;
margin-right: 10px;
padding-right: 0;
line-height: 0;
}
.code_embed {
color: var(--exhibitions);
background-color: #fff0;
border: 0 solid #fff0;
width: 30px;
height: 30px;
margin-top: 0;
margin-right: 10px;
padding-right: 0;
line-height: 0;
}
.code_embed_contact {
background-color: var(--white);
color: var(--contact);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 1px;
margin-right: 10px;
padding-right: 0;
line-height: 0;
}
.code_embed_info {
background-color: var(--white);
color: var(--info);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 1px;
margin-right: 10px;
padding-right: 0;
line-height: 0;
}
.triangle_nav_exh {
border-top: 0 solid #fff0;
border-right: 49px solid var(--exhibitions);
border-bottom: 50px solid #fff0;
border-radius: 0;
margin-left: -48px;
padding-left: 0;
display: flex;
position: relative;
left: 0;
}
.triangle_nav_exh:hover {
border-right-color: var(--exhibitions);
display: flex;
}
.triangle_nav_right_exh {
z-index: 200;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 50px solid var(--exhibitions);
border-right: 50px solid #0000;
flex: none;
justify-content: flex-end;
align-items: center;
min-width: 50px;
min-height: 50px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: absolute;
inset: 0% -49px 0% auto;
}
.triangle_nav_right_exh:hover {
border-top-color: var(--exhibitions);
background-color: var(--invert);
}
.div-block-323 {
z-index: 1;
justify-content: flex-start;
align-items: center;
min-width: 30px;
min-height: 30px;
max-height: 50px;
margin-left: 0;
padding-left: 0;
display: block;
position: absolute;
}
.div-block-323:hover {
z-index: 6;
min-width: 100px;
margin-left: -40px;
display: flex;
position: relative;
}
.code_embed_exhibitions_hover {
background-color: var(--invert);
color: var(--exhibitions);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 1px;
margin-right: 10px;
padding-right: 0;
line-height: 0;
display: flex;
}
.code_embed_exhibitions_hover:hover {
color: var(--white);
display: flex;
}
.shit {
background-color: var(--invert);
color: var(--exhibitions);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 1px;
margin-right: 10px;
padding-right: 0;
line-height: 0;
display: flex;
}
.shit:hover {
color: var(--white);
display: flex;
}
.code-embed-2 {
background-color: var(--invert);
color: var(--color--white-header);
border-radius: 50%;
width: 30px;
height: 30px;
margin-right: 10px;
padding-top: 1px;
padding-left: 0;
padding-right: 0;
position: relative;
}
.code_embed_project_hover {
background-color: var(--invert);
color: var(--white);
border-radius: 50%;
width: 30px;
height: 30px;
margin-right: 10px;
padding-right: 0;
position: relative;
}
.code_embed_explode {
z-index: 5;
background-color: var(--invert);
color: var(--color--explore);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
padding-right: 0;
line-height: 0;
position: relative;
}
.code_embed_explode:hover {
color: var(--white);
display: none;
}
.code_embed_explode_open {
background-color: var(--invert);
color: var(--color--white-header);
border-radius: 50%;
width: 30px;
height: 30px;
margin-right: 10px;
padding-top: 1px;
padding-right: 0;
position: relative;
}
.triangle_nav_exp {
border-top: 0 solid #fff0;
border-right: 49px solid var(--color--explore);
border-bottom: 50px solid #fff0;
border-radius: 0;
margin-left: -48px;
padding-left: 0;
display: flex;
position: relative;
left: 0;
}
.triangle_nav_exp:hover {
border-right-color: var(--color--explore);
display: flex;
}
.triangle_nav_right_exp {
z-index: 200;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 50px solid var(--color--explore);
border-right: 50px solid #0000;
flex: none;
justify-content: flex-end;
align-items: center;
min-width: 50px;
min-height: 50px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: absolute;
inset: 0% -50px 0% auto;
}
.triangle_nav_right_exp:hover {
border-top-color: var(--color--explore);
background-color: var(--invert);
}
.explode_text {
color: var(--color--white-header);
cursor: crosshair;
flex: 0 auto;
padding-left: 0;
font-size: 25px;
font-weight: 700;
transition: opacity .2s;
display: block;
position: relative;
}
.explode_text:hover {
color: var(--color--white-header);
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 25px;
display: block;
}
.explode_header_frame {
z-index: 1;
justify-content: flex-start;
align-items: center;
min-width: 30px;
min-height: 30px;
max-height: 50px;
margin-left: 0;
padding-left: 0;
display: block;
position: absolute;
}
.explode_header_frame:hover {
z-index: 6;
min-width: 100px;
margin-left: -40px;
display: flex;
position: relative;
}
.div_icon_and_text_explore {
grid-column-gap: 0px;
grid-row-gap: 0px;
cursor: crosshair;
background-color: #f000;
border-top: 0 solid red;
border-right: 0 solid #0000;
flex-flow: wrap;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: auto;
align-items: center;
min-width: auto;
min-height: 50px;
max-height: 50px;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: relative;
right: 0;
}
.div_icon_and_text_explore:hover {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--color--explore);
flex: none;
justify-content: center;
align-items: center;
margin-left: 50px;
margin-right: 50px;
padding-top: 0;
padding-left: 0;
display: flex;
}
.div_icon_and_text_projects {
grid-column-gap: 0px;
grid-row-gap: 0px;
cursor: crosshair;
background-color: #f000;
border-top: 0 solid red;
border-right: 0 solid #0000;
flex-flow: wrap;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: auto;
align-items: center;
min-width: auto;
min-height: 50px;
max-height: 50px;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: relative;
right: 0;
}
.div_icon_and_text_projects:hover {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--color--projects);
flex: none;
justify-content: center;
align-items: center;
margin-left: 50px;
margin-right: 50px;
padding-top: 0;
padding-left: 0;
display: flex;
}
.triangle_nav_pr {
border-top: 0 solid #fff0;
border-right: 49px solid var(--color--projects);
border-bottom: 50px solid #fff0;
border-radius: 0;
margin-left: -48px;
padding-left: 0;
display: flex;
position: relative;
left: 0;
}
.triangle_nav_pr:hover {
border-right-color: var(--color--projects);
display: flex;
}
.triangle_nav_right_pr {
z-index: 200;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 50px solid var(--color--projects);
border-right: 50px solid #0000;
flex: none;
justify-content: flex-end;
align-items: center;
min-width: 50px;
min-height: 50px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: absolute;
inset: 0% -49px 0% auto;
}
.triangle_nav_right_pr:hover {
border-top-color: var(--color--projects);
background-color: var(--invert);
}
.code_embed_projects2 {
z-index: 5;
background-color: var(--invert);
color: var(--color--projects);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
padding-right: 0;
line-height: 0;
position: relative;
}
.code_embed_projects2:hover {
color: var(--white);
display: none;
}
.code_embed_projects3 {
background-color: var(--invert);
color: var(--color--white-header);
border-radius: 50%;
width: 30px;
height: 30px;
margin-right: 10px;
padding-top: 1px;
padding-right: 0;
position: relative;
}
.projects_text_header {
color: var(--color--white-header);
cursor: crosshair;
flex: 0 auto;
padding-bottom: 0;
padding-left: 0;
font-size: 25px;
font-weight: 700;
transition: opacity .2s;
display: block;
position: relative;
}
.projects_text_header:hover {
color: var(--color--white-header);
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 25px;
display: block;
}
.div_icon_and_text_contact {
grid-column-gap: 0px;
grid-row-gap: 0px;
cursor: crosshair;
background-color: #f000;
border-top: 0 solid red;
border-right: 0 solid #0000;
flex-flow: wrap;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: auto;
align-items: center;
min-width: auto;
min-height: 50px;
max-height: 50px;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: relative;
right: 0;
}
.div_icon_and_text_contact:hover {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--contact);
flex: none;
justify-content: center;
align-items: center;
margin-left: 50px;
margin-right: 50px;
padding-top: 0;
padding-left: 0;
display: flex;
}
.code_embed_exhibitions-copy {
z-index: 5;
background-color: var(--invert);
color: var(--exhibitions);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 1px;
margin-right: 10px;
padding-right: 0;
line-height: 0;
position: relative;
}
.code_embed_exhibitions-copy:hover {
color: var(--white);
display: none;
}
.frame_contact {
z-index: 1;
justify-content: flex-start;
align-items: center;
min-width: 30px;
min-height: 30px;
max-height: 50px;
margin-left: 0;
padding-left: 0;
display: block;
position: absolute;
}
.frame_contact:hover {
z-index: 6;
min-width: 100px;
margin-left: -40px;
display: flex;
position: relative;
}
.triangle_nav_contact {
border-top: 0 solid #fff0;
border-right: 49px solid var(--contact);
border-bottom: 50px solid #fff0;
border-radius: 0;
margin-left: -48px;
padding-left: 0;
display: flex;
position: relative;
left: 0;
}
.triangle_nav_contact:hover {
border-right-color: var(--contact);
display: flex;
}
.code_embed_contact2 {
background-color: var(--invert);
color: var(--color--white-header);
border-radius: 50%;
width: 30px;
height: 30px;
margin-right: 10px;
padding-top: 1px;
padding-right: 0;
position: relative;
}
.code_embed_contact1 {
z-index: 5;
background-color: var(--invert);
color: var(--contact);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
padding-right: 0;
line-height: 0;
position: relative;
}
.code_embed_contact1:hover {
color: var(--contact);
display: none;
}
.triangle_nav_right_contact {
z-index: 200;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 50px solid var(--contact);
border-right: 50px solid #0000;
flex: none;
justify-content: flex-end;
align-items: center;
min-width: 50px;
min-height: 50px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: absolute;
inset: 0% -49px 0% auto;
}
.triangle_nav_right_contact:hover {
border-top-color: var(--contact);
background-color: var(--invert);
}
.text_contact_head {
color: var(--color--white-header);
cursor: crosshair;
flex: 0 auto;
padding-left: 0;
font-size: 25px;
font-weight: 700;
transition: opacity .2s;
display: block;
position: relative;
}
.text_contact_head:hover {
color: var(--color--white-header);
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 25px;
display: block;
}
.div_icon_and_text_info {
grid-column-gap: 0px;
grid-row-gap: 0px;
cursor: crosshair;
background-color: #f000;
border-top: 0 solid red;
border-right: 0 solid #0000;
flex-flow: wrap;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: auto;
align-items: center;
min-width: auto;
min-height: 50px;
max-height: 50px;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: relative;
right: 0;
}
.div_icon_and_text_info:hover {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--color--info);
flex: none;
justify-content: center;
align-items: center;
margin-left: 50px;
margin-right: 50px;
padding-top: 0;
padding-left: 0;
display: flex;
}
.code_embed_info1 {
z-index: 5;
background-color: var(--invert);
color: var(--color--info);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
padding-right: 0;
line-height: 0;
position: relative;
}
.code_embed_info1:hover {
color: var(--white);
display: none;
}
.info_frame {
z-index: 1;
justify-content: flex-start;
align-items: center;
min-width: 30px;
min-height: 30px;
max-height: 50px;
margin-left: 45px;
padding-left: 0;
display: block;
position: absolute;
}
.info_frame:hover {
z-index: 6;
min-width: 100px;
margin-left: -40px;
display: flex;
position: relative;
}
.triangle_nav_info {
border-top: 0 solid #fff0;
border-right: 49px solid var(--color--info);
border-bottom: 50px solid #fff0;
border-radius: 0;
margin-left: -48px;
padding-left: 0;
display: flex;
position: relative;
left: 0;
}
.triangle_nav_info:hover {
border-right-color: var(--color--info);
display: flex;
}
.code_embed_info_2 {
background-color: var(--invert);
color: var(--color--white-header);
border-radius: 50%;
width: 30px;
height: 30px;
margin-right: 10px;
padding-right: 0;
position: relative;
}
.text_info_head {
color: var(--color--white-header);
cursor: crosshair;
flex: 0 auto;
margin-right: 0;
padding-left: 0;
font-size: 25px;
font-weight: 700;
transition: opacity .2s;
display: block;
position: relative;
}
.text_info_head:hover {
color: var(--color--white-header);
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 25px;
display: block;
}
.triangle_nav_right_info {
z-index: 200;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 50px solid var(--color--info);
border-right: 50px solid #0000;
flex: none;
justify-content: flex-end;
align-items: center;
min-width: 50px;
min-height: 50px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: absolute;
inset: 0% -49px 0% auto;
}
.triangle_nav_right_info:hover {
border-top-color: var(--dark--info);
background-color: var(--invert);
}
.frame_project {
z-index: 1;
justify-content: flex-start;
align-items: center;
min-width: 30px;
min-height: 30px;
max-height: 50px;
margin-left: 0;
padding-left: 0;
display: block;
position: absolute;
}
.frame_project:hover {
z-index: 6;
min-width: 100px;
margin-left: -40px;
display: flex;
position: relative;
}
.frame_exhib {
z-index: 1;
justify-content: flex-start;
align-items: center;
min-width: 30px;
min-height: 30px;
max-height: 50px;
margin-left: 0;
padding-left: 0;
display: block;
position: absolute;
}
.frame_exhib:hover {
z-index: 6;
color: var(--exhibitions);
min-width: 100px;
margin-left: -40px;
display: flex;
position: relative;
}
.code_embed_contact_mobile {
z-index: 5;
background-color: var(--invert);
color: var(--contact);
border: 0 solid #fff0;
border-radius: 50%;
width: 25px;
height: 25px;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
padding-right: 0;
line-height: 0;
display: block;
position: relative;
}
.code_embed_contact_mobile:hover {
color: var(--contact);
display: none;
}
.codeembed-contact-mobile {
color: var(--contact);
width: 30px;
height: 30px;
}
.codeembe-info-mobile {
color: var(--color--info);
width: 30px;
height: 30px;
margin-right: 10px;
}
.codeembed-exhibitions-mobile {
color: var(--exhibitions);
width: 30px;
height: 30px;
margin-right: 10px;
}
.codeembed-projects-mobile {
color: var(--projects);
width: 30px;
height: 30px;
margin-right: 10px;
}
.codeembed-explore-mobile {
color: var(--explore);
-webkit-text-stroke-color: var(--color--explore);
width: 30px;
height: 30px;
margin-right: 10px;
}
.ce-info-icon-footer {
display: none;
}
.gap-footer-iii {
z-index: -5;
min-height: var(--footergap);
background-color: var(--color--background-mobile);
margin-top: 220px;
position: fixed;
inset: 100px 0% 0%;
}
.toggle-info-imprint {
padding: 0;
display: block;
position: static;
}
.toggle-info-imprint.w--open {
aspect-ratio: auto;
justify-content: flex-start;
align-items: flex-start;
display: inline-block;
position: static;
}
.dropdown-header {
border-top: 0 solid #0000;
border-bottom: 0 solid #0000;
border-left: 0px solid var(--color--text);
justify-content: flex-start;
align-items: center;
min-width: 100%;
max-width: none;
min-height: 60px;
max-height: 60px;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: static;
}
.dropdown-header:active {
min-height: 60px;
display: block;
}
.dropdown-header.w--open {
aspect-ratio: auto;
justify-content: flex-start;
align-items: flex-start;
min-width: 96vw;
max-width: 96vw;
display: inline-block;
position: static;
}
.paragraph-7 {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-weight: 400;
}
.div-block-324 {
border-top: 30px solid #0000;
border-bottom: 30px solid #0000;
border-left: 30px solid var(--color--text);
min-width: 40px;
min-height: 40px;
margin-left: 20px;
}
.arrow-info-dropdown {
z-index: 400;
border-top: 25px solid var(--invert);
border-bottom: 25px solid #0000;
border-left: 25px solid var(--random-color-1);
min-height: auto;
max-height: 60px;
margin-left: 20px;
position: absolute;
}
.arrow-info-dropdown:focus-visible, .arrow-info-dropdown[data-wf-focus-visible] {
position: absolute;
}
.div-block-325 {
margin-top: 140px;
}
.info-imprint {
background-color: var(--color--background);
margin-top: 40px;
margin-bottom: 0;
padding-bottom: 40px;
}
.info-termsofservice, .info-bigraphy {
background-color: var(--color--background);
margin-bottom: 0;
padding-bottom: 40px;
}
.arrow-info-dropdown-2 {
z-index: 400;
border-top: 25px solid var(--invert);
border-bottom: 25px solid #0000;
border-left: 25px solid var(--random-color-2);
min-height: auto;
max-height: 60px;
margin-left: 20px;
position: absolute;
}
.arrow-info-dropdown-2:focus-visible, .arrow-info-dropdown-2[data-wf-focus-visible] {
position: absolute;
}
.arrow-info-dropdown-3 {
z-index: 400;
border-top: 25px solid var(--invert);
border-bottom: 25px solid #0000;
border-left: 25px solid var(--random-color-3);
min-height: auto;
max-height: 60px;
margin-left: 20px;
position: absolute;
}
.arrow-info-dropdown-3:focus-visible, .arrow-info-dropdown-3[data-wf-focus-visible] {
position: absolute;
}
.rotator {
width: 60px;
min-width: 60px;
max-width: 60px;
height: 60px;
min-height: 60px;
max-height: 60px;
display: flex;
}
.banner-placeholder {
z-index: 999;
background-color: #148a7a;
min-width: 100vw;
max-width: 100vw;
min-height: 100vh;
max-height: 100vh;
display: none;
position: fixed;
inset: 0% 0% auto;
}
.bv {
z-index: 5;
cursor: crosshair;
background-color: #8d8d8d;
width: 1000px;
min-width: auto;
height: 1000px;
min-height: auto;
display: flex;
position: static;
}
.play-pause-button-2 {
display: none;
}
.background-video-6 {
filter: contrast(88%);
width: 100vw;
height: 100vh;
}
.video-background-section-mobile {
z-index: 1;
min-width: 10px;
display: none;
position: static;
inset: 0% auto auto 0%;
}
.video_background_web {
z-index: 4;
filter: contrast(103%);
width: 100vw;
height: 100vh;
display: none;
}
.video-dia-web {
z-index: 4;
background-color: var(--white);
mix-blend-mode: normal;
min-height: auto;
max-height: none;
display: block;
position: sticky;
inset: 0% auto auto 0%;
}
.video-dia-mobile {
background-color: var(--white);
}
._4k-video-explore {
z-index: 4;
object-fit: fill;
width: auto;
height: 100vh;
min-height: 100vh;
display: none;
position: relative;
inset: 0% 0% auto;
overflow: clip;
}
.triangle_nav_right_inf {
z-index: 200;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 50px solid var(--color--info);
border-right: 50px solid #0000;
flex: none;
justify-content: flex-end;
align-items: center;
min-width: 50px;
min-height: 50px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: absolute;
inset: 0% -49px 0% auto;
}
.triangle_nav_right_inf:hover {
border-top-color: var(--color--info);
background-color: var(--invert);
}
.paragraph-8 {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
}
.video {
z-index: 4;
width: 100vw;
height: 100vh;
}
.youtube {
z-index: 4;
width: 100vw;
min-height: 100vh;
}
.youtube-explore {
z-index: 1;
width: auto;
height: 115vh;
min-height: 115vh;
margin-top: -10vh;
padding-left: 0;
display: block;
position: absolute;
inset: 0%;
overflow: clip;
}
.div-block-326 {
z-index: 4;
object-fit: cover;
width: auto;
min-width: auto;
max-width: none;
height: 100%;
min-height: auto;
padding-top: 0%;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
._4k-video-embed-web {
z-index: 4;
box-sizing: border-box;
aspect-ratio: auto;
object-fit: cover;
justify-content: center;
align-items: flex-start;
width: 100vw;
min-width: 200vw;
height: auto;
min-height: 100vh;
padding-top: 0%;
display: flex;
position: relative;
inset: 0%;
overflow: visible;
}
.body-52 {
height: 100%;
}
.section-40 {
width: 100vw;
height: 100vh;
position: relative;
}
.section-41 {
z-index: 5;
object-fit: cover;
min-width: 100vw;
max-width: 300vw;
height: 0;
min-height: 100vh;
padding-top: 0%;
display: block;
position: absolute;
inset: 0%;
}
.section-41-copy {
z-index: 5;
height: 0;
padding-top: 56.25%;
position: relative;
}
.div-block-327 {
z-index: 31;
min-width: auto;
min-height: 100vh;
max-height: 100vh;
display: block;
position: relative;
overflow: clip;
}
.code-embed-3 {
height: 100vh;
display: none;
}
.youtube-web {
z-index: 10;
object-fit: fill;
width: auto;
height: 100vh;
min-height: 100vh;
max-height: 100vh;
padding-bottom: 0;
padding-right: 0;
position: absolute;
inset: 0%;
overflow: clip;
}
.overblewn-youtube {
z-index: 10;
background-color: #fff0;
min-width: auto;
min-height: 100vh;
position: absolute;
}
.transparent-oneclick-new {
z-index: 999;
background-color: silver;
min-width: 100vw;
min-height: 100vh;
display: none;
position: absolute;
top: 0;
}
.background-video-7 {
height: 100vh;
min-height: 100vh;
}
.youtube-2 {
width: auto;
min-height: 100vh;
margin-top: 0;
}
.div-block-328 {
min-height: 100vh;
max-height: 100vh;
overflow: clip;
}
.video-background-section {
z-index: 4;
aspect-ratio: auto;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
margin: 0 0 0;
padding-top: 0;
padding-left: 0;
display: flex;
position: relative;
overflow: hidden;
transform: scale(1.2);
}
.video-wrapper {
z-index: -999;
width: 1000%;
height: 100%;
padding-bottom: 56.25%;
position: absolute;
}
.code-embed-video {
width: 100%;
height: 100%;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: absolute;
transform: scale(1.07);
}
.collection-list-wrapper-22 {
z-index: 999;
min-width: 70px;
min-height: 70px;
position: absolute;
inset: auto 75% 0% auto;
}
.description_artwork {
z-index: 999;
margin-top: 40px;
margin-bottom: 40px;
position: sticky;
}
.description_artwork_headline {
color: var(--color--text);
letter-spacing: var(--headline-letter);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
display: block;
}
.description_artwork_dropdown {
z-index: 400;
background-color: var(--invert);
max-width: none;
min-height: 60px;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
display: block;
overflow: hidden;
}
.dropdown-description-content {
grid-column-gap: 0px;
grid-row-gap: 49px;
background-color: var(--invert);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-width: 100%;
max-width: 100%;
max-height: 100%;
margin-top: 0;
display: block;
}
.margin-description {
margin-left: 0;
margin-right: 20px;
}
.paragraph-description {
color: var(--color--text);
margin-bottom: 20px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}
.artwork_info_box_web {
z-index: 100;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff0;
grid-template: "Area"
"."
/ 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
width: 100%;
margin: 0;
padding-top: 0;
padding-bottom: 20px;
display: flex;
position: sticky;
inset: 130px 0% 0;
overflow: visible;
}
.rotator-ii {
min-width: 60px;
max-width: 60px;
min-height: 60px;
max-height: 60px;
display: block;
}
.arrow-dropdown {
border-top: 25px solid #0000;
border-bottom: 25px solid #0000;
border-left: 25px solid var(--random-color-1);
max-width: 30px;
margin-left: 20px;
padding-left: 0;
display: block;
}
.code_embed_tab_general {
background-color: var(--invert);
color: var(--color--background);
border-radius: 50%;
width: 30px;
height: 30px;
margin-right: 10px;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
position: static;
}
.div-block-331 {
background-color: var(--random-color-4);
min-width: auto;
padding-top: 10px;
padding-right: 50px;
}
.div-block-332 {
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.triangle_cookie-_firstbanner {
border-top: 50px solid #0000;
border-right: 50px solid var(--random-color-4);
border-left: 0 solid #000;
margin-bottom: 0;
}
.link-block-52 {
width: 60px;
height: 60px;
}
.post_list {
display: block;
}
.div-block-334 {
max-height: 90px;
display: flex;
}
.previous_button {
background-color: #1f4e1500;
min-width: 60px;
max-width: 60px;
min-height: 60px;
max-height: 60px;
margin-right: 20px;
text-decoration: none;
display: block;
}
.next_button {
background-color: #6e7ed400;
min-width: 60px;
max-width: 60px;
min-height: 60px;
max-height: 60px;
text-decoration: none;
}
.collection-list-wrapper-23 {
display: none;
}
.prev-next-container {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
justify-content: center;
align-items: center;
min-height: 60px;
max-height: 60px;
display: flex;
}
.button-prevnex {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
justify-content: flex-start;
align-items: center;
margin-right: 2vw;
padding-left: 0;
padding-right: 0;
display: flex;
}
.details-mobile {
display: none;
}
.details-web {
margin-right: 2vw;
}
.code_embed_tab {
z-index: 5;
background-color: var(--invert);
color: var(--color--background);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0;
line-height: 0;
position: relative;
}
.code_embed_tab:hover {
color: var(--white);
display: none;
}
.code_embed_projects2-copy {
z-index: 5;
background-color: var(--invert);
color: var(--color--projects);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
padding-right: 0;
line-height: 0;
position: relative;
}
.code_embed_projects2-copy:hover {
color: var(--white);
display: none;
}
.code_embed_projects_tabs {
z-index: 5;
background-color: var(--invert);
color: var(--color--background);
border: 0 solid #fff0;
border-radius: 50%;
width: 31px;
height: 30px;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
line-height: 0;
position: absolute;
}
.code_embed_projects_tabs:hover {
color: var(--white);
display: none;
}
.code_embed_projects_tabs-mobile {
z-index: 5;
background-color: var(--invert);
color: var(--color--projects);
border: 0 solid #fff0;
border-radius: 50%;
width: 25px;
height: 25px;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
padding-right: 0;
line-height: 0;
position: static;
}
.code_embed_projects_tabs-mobile:hover {
color: var(--white);
display: none;
}
.tablink-projects {
display: none;
position: absolute;
}
.content-project {
background-color: var(--color--background);
min-width: auto;
padding-left: 0;
padding-right: 0;
}
.codeembed-exhi-tab {
color: var(--exhibitions);
width: 30px;
height: 30px;
margin-right: 10px;
}
.global-gap {
height: 250px;
position: sticky;
bottom: 0;
}
.empty-state-project {
background-color: #ddd0;
}
.empty-state-project-text {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
transform: rotate(45deg);
}
.studio_head_mobile {
z-index: 1;
color: var(--color--text);
margin-left: 30vw;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 40px;
font-weight: 700;
display: none;
position: sticky;
}
.image-254 {
cursor: crosshair;
min-height: 70vh;
max-height: 70vh;
}
.collection-item-13 {
justify-content: center;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
display: flex;
}
.lightbox5 {
cursor: crosshair;
}
.empty-state-12 {
background-color: #ddd0;
}
.text-block-154 {
width: 40px;
max-width: 40px;
height: 40px;
max-height: 40px;
padding-left: 20px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 100px;
font-weight: 400;
transform: rotate(45deg);
}
.rich-text-description {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}
.tablink-info, .tablink-contact.w--current, .tablink-exhibitions {
position: absolute;
}
.arrow-dropdown-i {
border-top: 30px solid #0000;
border-bottom: 30px solid #0000;
border-left: 30px solid var(--random-color-2);
max-width: 30px;
margin-left: 20px;
padding-left: 0;
display: block;
}
.arrow-dropdown-ii {
border-top: 30px solid #0000;
border-bottom: 30px solid #0000;
border-left: 30px solid var(--random-color-3);
max-width: 30px;
margin-left: 20px;
padding-left: 0;
display: block;
}
.heading-13 {
font-family: Neuehaasunicapro, Arial, sans-serif;
position: static;
}
.image-256 {
width: auto;
min-height: auto;
}
.triangle_sitename_info {
border-style: solid;
border-width: 0 0 50px 50px;
border-color: #fff0 #0000 #fff0 var(--color--info);
position: relative;
}
.triangle_sitename_info.colour {
background-color: #c3707000;
}
.projects_dive_info {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--color--info);
flex-flow: row;
justify-content: flex-start;
align-items: center;
min-height: 50px;
padding-left: 20px;
display: flex;
}
.triangle_sitename_projects {
border-style: solid;
border-width: 0 0 50px 50px;
border-color: #fff0 #0000 #fff0 var(--color--projects);
position: relative;
}
.triangle_sitename_projects.colour {
background-color: #c3707000;
}
.regular-gallery {
z-index: 11;
min-width: 100vw;
min-height: 100vh;
padding-top: 10vh;
padding-left: 15vw;
padding-right: 15vw;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.collection-list-wrapper-24, .div-block-335 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.collection-list-11 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: minmax(auto, .25fr);
grid-auto-columns: 1fr;
display: grid;
}
.image-257 {
z-index: 30;
aspect-ratio: 1;
object-fit: fill;
min-width: 100%;
max-width: 100%;
min-height: 100%;
max-height: none;
position: relative;
transform: scale(1.5);
}
.image-257:hover {
z-index: 100;
transform: scale(1.4)rotate(-45deg);
}
.link_block_regular_gallery {
z-index: 32;
display: block;
position: relative;
overflow: visible;
}
.link_block_regular_gallery:hover {
z-index: 10;
opacity: 1;
padding: 20px;
display: block;
position: relative;
transform: scale(1.4);
}
.diagonal-block {
display: block;
overflow: clip;
}
.diagonal-block:hover {
padding: 0;
}
.image_regular {
z-index: 100;
aspect-ratio: 1;
object-fit: fill;
min-width: 100%;
max-width: 100%;
min-height: 100%;
max-height: none;
position: relative;
overflow: visible;
}
.image_regular:hover {
z-index: 100;
padding: 20px;
transform: none;
}
.item_regular {
padding-top: 0;
transform: translate(0);
}
.item_regular:hover {
padding: 0;
transform: translate(0)rotate(45deg);
}
.site_name-explore {
z-index: 6;
cursor: crosshair;
justify-content: flex-start;
align-items: center;
padding-left: 0;
text-decoration: none;
display: flex;
position: relative;
}
.projects_dive-copy-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--color--projects);
flex-flow: row;
justify-content: flex-start;
align-items: center;
min-height: 50px;
padding-left: 20px;
display: flex;
}
.explore_dive {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--color--explore);
flex-flow: row;
justify-content: flex-start;
align-items: center;
min-height: 50px;
padding-left: 20px;
display: flex;
}
.explore_text_tab {
color: var(--color--background);
background-color: #ddd0;
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.triangle_sitename_projects-2 {
border-top: 0 solid #fff0;
border-bottom: 50px solid #fff0;
border-left: 50px solid #0084ff;
border-right: 0 solid #0000;
position: relative;
}
.triangle_sitename_explore {
border-style: solid;
border-width: 0 0 50px 50px;
border-color: #fff0 #0000 #fff0 var(--color--explore);
position: relative;
}
.site_name_tab_explore {
z-index: 1001;
max-width: 40vw;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.code_embed_video_mobile {
width: 100%;
height: 100%;
display: block;
position: absolute;
}
.code_embed_tab_mobile_projects {
background-color: var(--invert);
color: var(--color--background);
border-radius: 50%;
width: 30px;
height: 30px;
margin-right: 10px;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
position: static;
}
.gap-tab-head-2 {
background-color: #fff;
border-bottom: 200px solid #fff;
flex-wrap: nowrap;
min-width: auto;
max-width: none;
min-height: 100vh;
max-height: 100vh;
display: flex;
}
.head_tab_text_exhibitions-2 {
color: #20b101;
width: 40%;
font-size: 30px;
font-weight: 700;
text-decoration: none;
}
.the_solution_left-2 {
z-index: 10;
background-color: #cbc6c600;
border-top: 50px solid #eee;
border-bottom: 50px solid #0000;
border-left: 0 solid #fff0;
max-width: none;
max-height: none;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
}
.code_embed_contact2-2 {
color: #fff;
background-color: #0000;
border-radius: 50%;
width: 30px;
height: 30px;
margin-right: 10px;
padding-top: 1px;
padding-right: 0;
position: relative;
}
.code_embed_contact_tab {
color: #fff;
background-color: #0000;
border-radius: 50%;
width: 30px;
height: 30px;
margin-right: 10px;
padding-top: 1px;
padding-right: 0;
position: fixed;
}
.code-embed-5 {
width: 100px;
height: 100px;
}
.header-antigravity {
margin-right: 20px;
padding-bottom: 0;
padding-right: 0;
position: fixed;
inset: 0% 0% auto auto;
}
.start-heading-text {
line-height: 1.2;
display: flex;
}
.image-frame {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.heading-antigravity {
-webkit-text-fill-color: inherit;
background-color: #ffb7b700;
background-clip: padding-box;
height: 150px;
margin-top: 0;
margin-left: 20px;
margin-right: 20px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.date-project {
color: #787878;
justify-content: flex-start;
align-items: center;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
line-height: 14px;
display: flex;
}
.image-description {
margin-top: 5px;
display: flex;
}
.start-heading {
width: 100%;
}
.item-project {
cursor: crosshair;
text-decoration: none;
transition-property: none;
}
.text-i {
color: #dcdcdc;
letter-spacing: -.3px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
}
.start-frame {
margin-left: 20px;
margin-right: 20px;
}
.text-igravity {
color: #929292;
letter-spacing: -.3px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
}
.grid-projects {
grid-column-gap: 100px;
grid-row-gap: 100px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-top: 200px;
display: grid;
}
.text-project {
color: #000;
justify-content: flex-start;
align-items: center;
padding-right: 5px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 14px;
text-decoration: none;
display: flex;
}
.text-aent {
color: #000;
letter-spacing: -.3px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
}
.render-projects-collection {
margin-top: 150px;
margin-left: 20px;
margin-right: 20px;
}
.collection-list-12 {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.link-block-53 {
cursor: crosshair;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.aentihgravity-footer {
justify-content: flex-end;
align-items: center;
height: 40px;
min-height: 40px;
margin-top: 100px;
margin-left: 20px;
margin-right: 20px;
display: flex;
}
.text-block-160 {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 5px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-weight: 400;
display: flex;
}
.div-block-337 {
display: flex;
}
.body-53 {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-weight: 700;
}
.head-framing {
margin-top: 0;
margin-left: 20px;
margin-right: 20px;
display: block;
}
.text-block-161 {
color: #949494;
font-size: 30px;
font-style: normal;
display: flex;
}
.image-258 {
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-right: 10px;
padding-right: 0;
}
.image-259 {
cursor: crosshair;
min-height: 70vh;
max-height: 70vh;
}
.div-block-338 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: end space-between;
max-width: 50%;
display: flex;
position: sticky;
top: 100px;
}
.column-52 {
flex-flow: wrap;
padding-left: 0;
padding-right: 0;
display: flex;
}
.text_arrow-2 {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-weight: 700;
text-decoration: none;
}
.projects_description-2 {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.div-block-339 {
z-index: 14;
background-color: #fff0;
border: 0 solid #fff0;
border-radius: 0 20px 20px 0;
align-items: flex-start;
padding: 0 30px 0 0;
line-height: 18px;
display: flex;
position: static;
}
.rich-text-description-2 {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}
.arrow-next-2 {
background-color: #f000;
border: 20px solid #0000;
border-left-color: #000;
border-right: 0 solid #000;
border-radius: 0%;
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
margin-left: 0;
}
.empty-state-text-2 {
color: #000;
max-width: 60px;
max-height: 100px;
margin-left: 10px;
padding-bottom: 0;
padding-left: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 100px;
display: block;
transform: rotate(45deg);
}
.image-260 {
display: none;
}
.dropdown-description-content-2 {
grid-column-gap: 0px;
grid-row-gap: 49px;
background-color: #0000;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-width: 100%;
max-width: 100%;
max-height: 100%;
margin-top: 0;
display: block;
}
.description_artwork_dropdown-2 {
z-index: 400;
background-color: #0000;
max-width: none;
min-height: 60px;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
display: block;
overflow: hidden;
}
.collection-list-wrapper-25 {
display: none;
}
.artwork-2 {
z-index: 5;
background-color: #fff;
margin: -50px 0 0;
padding: 100px 20px 0;
position: relative;
}
.dropdown-header-2 {
border-top: 0 solid #0000;
border-bottom: 0 solid #0000;
border-left: 0 solid #000;
justify-content: flex-start;
align-items: center;
min-width: 100%;
max-width: none;
min-height: 60px;
max-height: 60px;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: static;
}
.dropdown-header-2:active {
min-height: 60px;
display: block;
}
.dropdown-header-2.w--open {
aspect-ratio: auto;
justify-content: flex-start;
align-items: flex-start;
display: inline-block;
position: static;
}
.arrow-dropdown-2 {
border-top: 30px solid #0000;
border-bottom: 30px solid #0000;
border-left: 30px solid #00d4ff;
max-width: 30px;
margin-left: 20px;
padding-left: 0;
display: block;
}
.text-block-162 {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}
.dropdown_info-2 {
z-index: 400;
background-color: #0000;
max-width: none;
min-height: 60px;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
display: block;
overflow: hidden;
}
.dropdown-body-2 {
background-color: #fff;
height: auto;
display: flex;
position: absolute;
}
.dropdown-body-2.w--open {
background-color: #fff0;
position: static;
}
.content_card-info-label-3 {
color: #000;
background-color: #0000;
border-radius: 10px 0 0 10px;
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
display: block;
}
.div-block-340 {
background-color: #fff0;
align-items: flex-start;
display: flex;
}
.column-53 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
padding-right: 0;
display: flex;
position: absolute;
inset: auto 0% 20px auto;
}
.arrow_prev-2 {
background-color: #f000;
border: 20px solid #0000;
border-left: 0 solid #000;
border-right-color: #000;
border-radius: 0%;
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
margin-right: 0;
padding-right: 0;
}
.collection-item-14 {
justify-content: center;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
display: flex;
}
.description_artwork_headline-2 {
color: #000;
letter-spacing: -.02em;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
display: block;
}
.content_card-info-text-4 {
color: #444;
text-align: right;
background-color: #fff0;
border-radius: 20px;
flex-direction: row;
flex: 0 auto;
justify-content: flex-end;
align-items: flex-start;
width: auto;
margin-top: 0;
margin-left: 0;
padding: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
display: flex;
}
.aenti-project {
z-index: 5;
background-color: #fff;
margin: -100px 0 0;
padding: 0 20px;
position: relative;
top: 100px;
}
.projects-title {
z-index: 5;
background-color: #fff0;
border-bottom: 0 solid #000;
justify-content: space-between;
align-items: flex-start;
max-width: none;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
padding-bottom: 0;
padding-left: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
line-height: 30px;
display: flex;
position: sticky;
inset: 10px auto auto 0%;
}
.block-gap {
background-color: #fff0;
align-items: flex-start;
display: flex;
}
.projects_name-text {
z-index: 10;
background-color: #fff0;
border-bottom: 0 solid #d2d2d2;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin: 0 0% 0 0;
padding-top: 0;
padding-left: 0%;
display: flex;
position: sticky;
inset: 0 0% auto;
}
.div-block-insert-1 {
z-index: 14;
background-color: #fff0;
border: 0 solid #fff0;
border-radius: 0 20px 20px 0;
align-items: flex-start;
padding: 0 30px 0 0;
line-height: 18px;
display: flex;
position: static;
}
.bd-heading-copy.h1 {
color: #000;
letter-spacing: normal;
text-transform: none;
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
flex-direction: row;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 40px;
display: flex;
}
.bd-heading-copy.h1-copy {
color: #000;
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
flex-direction: row;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 40px;
display: flex;
}
.year-project {
background-color: #fff0;
border: 0 solid #fff0;
border-radius: 0 20px 20px 0;
align-items: center;
margin-top: 10px;
padding: 0 30px 0 0;
font-size: 12px;
line-height: 18px;
display: flex;
}
.icon-year {
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-right: 10px;
padding-right: 0;
display: none;
}
.year-project-text.h1 {
color: #000;
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
margin-top: 0;
margin-bottom: 8px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 50px;
}
.year-project-text.h1-copy {
color: #000;
letter-spacing: normal;
text-transform: none;
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 20px;
}
.year-project-text.h1-copy-copy {
color: #000;
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 20px;
}
.content_card-info-web-anti {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: #f5f5f500;
border: 0 solid #000;
border-radius: 10px;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: start;
place-items: start;
max-width: none;
margin-top: 0;
display: grid;
}
.content_card-info-block-anti {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom: 0 solid #000;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 2.5fr 1.5fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: center start;
width: 47%;
min-width: 100%;
margin: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.content_card-info-label-3-anti {
color: #000;
background-color: #0000;
border-radius: 10px 0 0 10px;
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
display: block;
}
.content_card-info-text-4-anti {
color: #919191;
text-align: right;
background-color: #fff0;
border-radius: 20px;
flex-direction: row;
flex: 0 auto;
justify-content: flex-end;
align-items: flex-start;
width: auto;
margin-top: 0;
margin-left: 0;
padding: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
display: flex;
}
.content_card-info-block-2-anti {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom: 0 solid #000;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 2.5fr 1.5fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: center start;
width: 47%;
min-width: 100%;
margin: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.content_card-info-label-3-copy, .content_card-info-label-3-antii {
color: #000;
background-color: #0000;
border-radius: 10px 0 0 10px;
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
display: block;
}
.content_card-info-block-2-copy {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom: 0 solid #000;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 2.5fr 1.5fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: center start;
width: 47%;
min-width: 100%;
margin: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.artwork_presentation_web-tablet-anti {
margin-bottom: 0;
padding-bottom: 100px;
display: block;
}
.collection-item-anti {
justify-content: center;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
display: flex;
}
.lightbox-link-anti {
cursor: crosshair;
}
.images-web-anti {
cursor: crosshair;
min-height: 70vh;
max-height: 70vh;
}
.artwork_presentation_mobile-anti {
z-index: 90;
background-color: #fff;
border-bottom: 0 solid #000;
margin-top: 0;
margin-left: 0%;
padding: 30px 20px 100px;
display: none;
position: relative;
top: 0;
}
.details-mobile-anti {
display: none;
}
.content_card-info-mobile-anti {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: #f5f5f500;
border: 0 solid #000;
border-radius: 10px;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: start;
place-items: start;
max-width: none;
margin-top: 0;
display: grid;
}
.content_card-info-block-mobile-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom: 0 solid #000;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 2.5fr 1.5fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: center start;
width: 47%;
min-width: 100%;
margin: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.content_card-info-label-mobile-3 {
color: #000;
background-color: #0000;
border-radius: 10px 0 0 10px;
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
display: block;
}
.content_card-info-text-mobile-4 {
color: #444;
text-align: right;
background-color: #fff0;
border-radius: 20px;
flex-direction: row;
flex: 0 auto;
justify-content: flex-end;
align-items: flex-start;
width: auto;
margin-top: 0;
margin-left: 0;
padding: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
display: flex;
}
.artwork_info_box_web-anti {
z-index: 80;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff0;
grid-template: "Area"
"."
/ 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
width: 100%;
margin: 0;
padding-top: 0;
padding-bottom: 20px;
display: flex;
position: sticky;
inset: 130px 0% 0;
overflow: visible;
}
.frame-description-anti {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: end space-between;
max-width: 50%;
display: flex;
position: sticky;
top: 100px;
}
.description_artwork-anti {
z-index: 999;
margin-top: 40px;
margin-bottom: 40px;
position: sticky;
}
.margin-description-anti {
margin-left: 0;
margin-right: 20px;
}
.info-content-name-anti {
display: block;
}
.description_artwork_headline-anti {
color: #000;
letter-spacing: -.02em;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
display: block;
}
.description_artwork_dropdown-anti {
z-index: 400;
background-color: #0000;
max-width: none;
min-height: 60px;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
display: block;
overflow: hidden;
}
.dropdown-header-anti {
border-top: 0 solid #0000;
border-bottom: 0 solid #0000;
border-left: 0 solid #000;
justify-content: flex-start;
align-items: center;
min-width: 100%;
max-width: none;
min-height: 60px;
max-height: 60px;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: static;
}
.dropdown-header-anti:active {
min-height: 60px;
display: block;
}
.dropdown-header-anti.w--open {
aspect-ratio: auto;
justify-content: flex-start;
align-items: flex-start;
display: inline-block;
position: static;
}
.rotator-ii-anti {
min-width: 60px;
max-width: 60px;
min-height: 60px;
max-height: 60px;
display: block;
}
.arrow-dropdown-anti {
cursor: crosshair;
border-top: 30px solid #0000;
border-bottom: 30px solid #0000;
border-left: 30px solid #00d4ff;
max-width: 30px;
margin-left: 20px;
padding-left: 0;
display: block;
}
.rich-text-anti {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}
.dropdown-body-anti {
background-color: #fff;
height: auto;
display: flex;
position: absolute;
}
.dropdown-body-anti.w--open {
background-color: #fff0;
position: static;
}
.div-block-341 {
margin-top: 10px;
display: flex;
}
.image-262 {
cursor: crosshair;
}
.link-block-54 {
text-decoration: none;
}
.link-projects {
cursor: crosshair;
text-decoration: none;
}
.text-ae {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 5px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-weight: 400;
display: flex;
}
.antigravity-header {
background-color: #ddd0;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: 0% 0% auto auto;
}
.butto-ae {
z-index: 10;
justify-content: center;
align-items: center;
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
padding: 0;
display: flex;
position: fixed;
inset: 0% 0% auto auto;
}
.butto-ae.w--open {
opacity: 1;
background-color: #fff0;
min-width: 50px;
min-height: 90px;
}
.logo-ae {
color: var(--color--text);
justify-content: flex-start;
align-items: center;
min-height: 90px;
margin-bottom: 0;
padding-bottom: 20px;
font-family: Neuehaasunica, sans-serif;
font-size: 40px;
line-height: 40px;
display: flex;
}
.link-block-anti {
justify-content: flex-end;
align-items: center;
min-height: 50px;
padding-top: 5px;
padding-right: 20px;
font-size: 30px;
display: flex;
}
.link-anti {
text-decoration: none;
}
.text-block-164 {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 40px;
}
.nav-menu-7 {
background-color: #c8c8c800;
justify-content: flex-end;
align-items: center;
width: auto;
margin-top: 100px;
margin-right: 0;
display: flex;
}
.container-48 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.heading-year.h1 {
color: #000;
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
margin-top: 0;
margin-bottom: 8px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 50px;
}
.heading-year.h1-copy {
color: #000;
letter-spacing: normal;
text-transform: none;
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 20px;
}
.heading-year.h1-copy-copy {
color: #000;
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 20px;
}
.heading-year.hi-year {
color: var(--color--text);
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 20px;
}
.code_embed_exhibitions-white {
z-index: 5;
background-color: var(--invert);
color: var(--color--background);
border: 0 solid #fff0;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
padding-right: 0;
line-height: 0;
position: absolute;
}
.code_embed_exhibitions-white:hover {
color: var(--white);
display: none;
}
.exhibitions-template-desktop {
z-index: 91;
max-width: 20%;
text-decoration: none;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.exhibitions-template-desktop.w--current {
text-decoration: none;
display: flex;
}
.top {
margin: 100px 10%;
}
.header-web {
z-index: 99;
justify-content: center;
align-items: flex-start;
width: 100vw;
max-width: 100vw;
padding-top: 10px;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
overflow: clip;
}
.page-link {
color: #000;
justify-content: flex-start;
align-items: center;
width: 40px;
max-width: 30px;
height: 40px;
max-height: 30px;
margin-left: 10px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 0;
text-decoration: none;
display: flex;
overflow: clip;
}
.page-link:hover {
width: 140%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
}
.page-link.w--current {
max-height: 30px;
margin-left: 10px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
transition: opacity .2s;
display: none;
overflow: clip;
}
.icon-header {
min-width: 25px;
min-height: 27px;
padding: 1px;
display: block;
}
.code-embed-ex {
color: var(--random-color-a);
max-width: 25px;
max-height: 26px;
}
.page-name {
justify-content: flex-start;
align-items: center;
padding-left: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 25px;
display: block;
}
.page-name.expolre {
color: var(--random-color-a);
margin-left: 0;
margin-right: 20px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 0;
font-size: 20px;
}
.page-name.ehibitions {
color: var(--random-color-b);
margin-right: 20px;
padding-bottom: 3px;
font-size: 20px;
}
.page-name.in {
color: var(--random-color-e);
margin-right: 20px;
padding-bottom: 3px;
padding-left: 10px;
font-size: 20px;
line-height: 20px;
}
.page-name.co {
color: var(--random-color-d);
margin-right: 20px;
padding-bottom: 3px;
font-size: 20px;
}
.page-name.pro {
color: var(--random-color-c);
margin-right: 20px;
padding-bottom: 3px;
font-size: 20px;
}
.diagonal {
border-left: 4px solid var(--color--explore);
width: 3px;
min-height: 45px;
margin-top: 0;
margin-left: 0;
margin-right: 5px;
padding: 0;
overflow: clip;
transform: rotate(45deg);
}
.diagonal.expolre {
border-style: solid;
border-width: 1px 1px 1px 2px;
border-color: var(--color--explore);
opacity: .93;
min-height: 45px;
margin-top: 5px;
margin-left: 20px;
}
.diagonal.ex {
border-left-width: 3px;
border-left-color: var(--color--explore);
color: var(--color--explore);
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
overflow: clip;
}
.diagonal.in {
border-left-width: 3px;
border-left-color: var(--color--info);
min-height: 30px;
margin-top: 0;
margin-left: 2px;
}
.diagonal.eh {
border-left-width: 3px;
border-left-color: var(--exhibitions);
min-width: 40px;
min-height: 40px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: block;
}
.diagonal.exh {
border-left-width: 3px;
margin-top: 8px;
margin-left: -3px;
}
.diagonal.co {
border-left-width: 3px;
border-left-color: var(--contact);
min-height: 35px;
margin-top: 8px;
margin-left: -5px;
display: none;
}
.diagonal.pro {
border-left-width: 3px;
border-left-color: var(--color--projects);
min-height: 45px;
margin-top: 8px;
margin-left: -3px;
display: none;
}
.header-frame {
margin-top: 0;
display: flex;
}
.code-embed-eh {
color: var(--random-color-b);
max-width: 25px;
max-height: 25px;
font-size: 18px;
line-height: 1.5rem;
}
.code-embed-eh:hover {
color: var(--random-color-b);
}
.code-embed-co {
color: var(--random-color-d);
max-width: 25px;
max-height: 26px;
}
.code-embed-co:hover {
color: var(--random-color-d);
}
.code-embed-in {
color: var(--random-color-e);
max-width: 25px;
max-height: 27px;
}
.code-embed-in:hover {
color: var(--random-color-e);
}
.diagonal-frame {
justify-content: flex-start;
align-items: flex-start;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-left: 0;
display: flex;
}
.text-diagonal {
justify-content: flex-start;
align-items: center;
min-width: 130%;
min-height: 25px;
max-height: 25px;
display: flex;
overflow: clip;
}
.code-embed-pro {
color: var(--random-color-c);
max-width: 25px;
max-height: 26px;
padding: 0;
}
.code-embed-pro:hover {
color: var(--random-color-c);
}
.stripe {
color: var(--contact);
margin-top: -10px;
font-family: San Francisco, sans-serif;
font-size: 100px;
font-weight: 200;
transform: rotate(45deg);
}
.stripe.co {
color: var(--random-color-d);
min-width: 20px;
}
.stripe.pro {
color: var(--random-color-c);
min-width: 20px;
}
.stripe.in {
color: var(--random-color-e);
min-width: 20px;
}
.stripe.ex {
color: var(--random-color-a);
min-width: 20px;
min-height: auto;
max-height: none;
margin-top: 0;
padding-left: 0;
padding-right: 0;
position: relative;
overflow: clip;
}
.stripe.eh {
color: var(--random-color-b);
min-width: 20px;
position: relative;
}
.stripe.exhibitions {
color: var(--random-color-b);
display: block;
}
.stripe.eplo {
color: var(--random-color-a);
}
.pagename-web {
z-index: 100;
min-width: 200px;
min-height: auto;
margin-top: 10px;
margin-left: 2vw;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.info-content-ii {
z-index: 40;
background-color: #fff0;
min-width: auto;
margin-bottom: 0;
padding-bottom: 0;
display: block;
position: relative;
}
.text-diagonal-pagename {
justify-content: flex-start;
align-items: center;
min-width: 80px;
min-height: 25px;
max-height: 25px;
padding-top: 3px;
display: flex;
overflow: clip;
}
.page-link-info {
color: #000;
justify-content: flex-start;
align-items: center;
width: 40px;
max-width: 30px;
height: 40px;
max-height: 30px;
margin-left: 10px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 0;
text-decoration: none;
display: flex;
overflow: clip;
}
.page-link-info:hover {
width: 140%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
}
.page-link-info.w--current {
max-height: 30px;
margin-left: 10px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
transition: opacity .2s;
display: none;
overflow: clip;
}
.project-name-text {
color: var(--color--text);
margin-top: 0;
margin-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 40px;
}
.project-name-text.h1 {
color: #000;
letter-spacing: normal;
text-transform: none;
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
flex-direction: row;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 40px;
display: flex;
}
.project-name-text.h1-copy {
color: var(--color--text);
letter-spacing: normal;
text-transform: none;
background-color: #fff0;
border: 0 solid #fff;
border-radius: 0;
flex-direction: row;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.pagename-link-info {
text-decoration: none;
display: none;
}
.pagename-link-explore {
text-decoration: none;
display: flex;
}
.pagename-link-explore.w--current {
z-index: 3000;
margin-top: 10px;
margin-left: 0;
display: flex;
position: absolute;
inset: 0% auto auto 20px;
}
.pagename-link-exhibitions {
text-decoration: none;
display: none;
}
.pagename-link-exhibitions.w--current {
display: flex;
}
.pagename-link-projects-templete {
text-decoration: none;
display: flex;
}
.pagename-link-projects-templete.w--current {
z-index: 20;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.pagename-link-contact {
text-decoration: none;
display: none;
}
.pagename-link-contact.w--current {
display: flex;
}
.pagename-link-projects {
text-decoration: none;
display: none;
}
.pagename-link-projects.w--current {
z-index: 20;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.text-projectname {
justify-content: flex-start;
align-items: center;
min-width: 200px;
min-height: 25px;
max-height: 25px;
display: flex;
overflow: clip;
}
.project-name {
color: var(--explore);
justify-content: flex-start;
align-items: center;
padding-left: 10px;
padding-right: 20px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 25px;
display: block;
}
.project-name.expolre {
color: var(--random-color-a);
margin-left: 0;
margin-right: 20px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 0;
font-size: 20px;
}
.project-name.ehibitions {
color: var(--random-color-b);
margin-right: 20px;
padding-bottom: 3px;
font-size: 20px;
}
.project-name.in {
color: var(--color--info);
margin-right: 20px;
padding-bottom: 3px;
padding-left: 10px;
font-size: 20px;
line-height: 20px;
}
.project-name.co {
color: var(--random-color-d);
margin-right: 20px;
padding-bottom: 3px;
font-size: 20px;
}
.project-name.pro, .project-name.pro-copy {
color: var(--random-color-c);
margin-right: 20px;
padding-bottom: 3px;
font-size: 20px;
}
.pagename-projects-template {
z-index: 20;
margin-top: 10px;
margin-left: 20px;
position: absolute;
inset: 0% auto auto 0%;
}
.text-projecttype {
justify-content: flex-start;
align-items: center;
min-width: auto;
min-height: 25px;
max-height: 25px;
display: flex;
overflow: clip;
}
.stripe-grey {
color: var(--explore);
margin-top: -10px;
padding-right: 5px;
font-family: San Francisco, sans-serif;
font-size: 100px;
font-weight: 200;
transform: rotate(45deg);
}
.stripe-grey.co {
color: var(--random-color-d);
}
.stripe-grey.pro {
color: var(--random-color-c);
}
.stripe-grey.in {
color: var(--color--info);
}
.stripe-grey.ex {
color: var(--random-color-a);
}
.stripe-grey.eh {
color: var(--random-color-b);
}
.stripe-grey.pro-copy {
color: var(--random-color-c);
}
.background-image {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6782b4013eefa6a63839dc60_0094.1.jpg");
background-position: 0 0;
background-size: auto;
display: none;
}
.image-271 {
object-fit: cover;
min-width: 100vw;
min-height: 100vh;
position: absolute;
}
.pagename-frame {
z-index: 9999;
margin-top: 10px;
margin-left: 20px;
position: absolute;
inset: 0% auto auto 0%;
}
.year-number-name {
z-index: 100;
position: fixed;
inset: auto 20px 20px auto;
}
.year-number {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
display: block;
}
.collection-item-15 {
overflow: visible;
}
.year-number-frame {
max-height: 20px;
overflow: clip;
}
.collection-list-wrapper-26 {
display: none;
}
.footer_div-copy {
z-index: 4000;
justify-content: flex-end;
align-items: flex-end;
margin-bottom: 0;
margin-left: 10px;
margin-right: 0;
padding-left: 0;
display: flex;
position: fixed;
inset: auto 0% 0% auto;
}
.rich-text-block-2 {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
line-height: 1.3;
display: block;
}
.exhibition-name {
color: var(--explore);
justify-content: flex-start;
align-items: center;
padding-left: 10px;
padding-right: 20px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 25px;
display: block;
}
.exhibition-name.expolre {
color: var(--random-color-a);
margin-left: 0;
margin-right: 20px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 0;
font-size: 20px;
}
.exhibition-name.ehibitions {
color: var(--random-color-b);
margin-right: 20px;
padding-bottom: 3px;
font-size: 20px;
}
.exhibition-name.in {
color: var(--color--info);
margin-right: 20px;
padding-bottom: 3px;
padding-left: 10px;
font-size: 20px;
line-height: 20px;
}
.exhibition-name.co {
color: var(--random-color-d);
margin-right: 20px;
padding-bottom: 3px;
font-size: 20px;
}
.exhibition-name.pro, .exhibition-name.pro-copy {
color: var(--random-color-c);
margin-right: 20px;
padding-bottom: 3px;
font-size: 20px;
}
.exhibition-name-copy {
color: var(--explore);
justify-content: flex-start;
align-items: center;
padding-left: 10px;
padding-right: 20px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 25px;
display: block;
}
.exhibition-name-copy.expolre {
color: var(--random-color-a);
margin-left: 0;
margin-right: 20px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 0;
font-size: 20px;
}
.exhibition-name-copy.ehibitions {
color: var(--random-color-b);
margin-right: 20px;
padding-bottom: 3px;
font-size: 20px;
}
.exhibition-name-copy.in {
color: var(--color--info);
margin-right: 20px;
padding-bottom: 3px;
padding-left: 10px;
font-size: 20px;
line-height: 20px;
}
.exhibition-name-copy.co {
color: var(--random-color-d);
margin-right: 20px;
padding-bottom: 3px;
font-size: 20px;
}
.exhibition-name-copy.pro, .exhibition-name-copy.pro-copy {
color: var(--random-color-c);
margin-right: 20px;
padding-bottom: 3px;
font-size: 20px;
}
.pagename-web-exhibitiontemplate {
z-index: 20;
margin-top: 10px;
margin-left: 20px;
position: sticky;
inset: 10px auto auto 0%;
}
.pagename-link-exhibitions-templete-copy {
text-decoration: none;
display: flex;
}
.pagename-link-exhibitions-templete-copy.w--current {
z-index: 20;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.text-exhibition-date {
justify-content: flex-start;
align-items: center;
min-width: auto;
min-height: 25px;
max-height: 25px;
display: flex;
overflow: clip;
}
.text-exhibition-name {
justify-content: flex-start;
align-items: center;
min-width: 200px;
min-height: 25px;
max-height: 25px;
display: flex;
overflow: clip;
}
.exhibition-banner-wrap {
background-color: var(--color--background);
min-height: auto;
padding-left: 2vw;
padding-right: 2vw;
}
.exhibition-wrap {
z-index: 2;
background-color: var(--color--background);
margin-top: 0;
padding-top: 2vw;
padding-left: 2vw;
padding-right: 2vw;
position: relative;
overflow: clip;
}
.exhibition-banner {
z-index: 1;
object-fit: cover;
min-width: 100vw;
min-height: 50vh;
max-height: 50vh;
position: fixed;
inset: 0% 0% auto;
overflow: clip;
}
.splide-exhibition {
min-width: 100vw;
display: none;
}
.exhibition-text {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 30vh;
margin-top: 5vh;
padding-top: 0;
display: grid;
}
.exhibition-texts {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 50vh;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.section-insights {
width: 100%;
padding-top: 20vh;
padding-bottom: 20vh;
padding-left: 0;
overflow: clip;
}
.horizontal-scroll-container {
display: flex;
overflow: clip;
}
.scroll-content {
display: flex;
overflow: visible;
}
.disable-image-drag {
overflow: hidden;
}
.insights-list {
display: flex;
overflow: hidden;
}
.exhibitions-image-slider-image {
max-height: 60vh;
padding-left: 0%;
padding-right: 0%;
}
.card-wrapper {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
min-width: 30vw;
max-width: 50vw;
padding-left: 0;
padding-right: 0;
display: flex;
}
.exhibition-name-text {
display: none;
}
.collection-item-16 {
object-fit: contain;
max-height: none;
margin-right: 100px;
overflow: clip;
}
.exhibitions-date {
color: var(--color--text-light);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 1;
position: sticky;
top: 10px;
}
.exhibitions-details {
display: flex;
}
.exhibitions-location {
color: var(--color--text);
padding-right: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 1;
position: sticky;
top: 10px;
}
.exhibitions-head {
z-index: 5;
grid-column-gap: 2vh;
grid-row-gap: 2vh;
flex-flow: column;
display: flex;
position: sticky;
top: 50px;
}
.insights-list-wrapper {
overflow: hidden;
}
.clickanddrag-item {
align-items: flex-start;
width: 30vw;
height: auto;
margin-left: 50px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.code_embed_exhibitions_tab_mobile {
color: var(--random-color-b);
width: 25px;
height: 25px;
margin-right: 10px;
padding-right: 0;
font-size: 20px;
}
.body-1 {
cursor: crosshair;
}
.container-49 {
justify-content: center;
align-items: stretch;
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.button-face {
background-color: #2b20ff;
padding: 1rem 1.75rem;
}
.button-face.hover {
transform-origin: 50% 0;
transform-style: preserve-3d;
background-color: #2018bf;
position: absolute;
top: 100%;
transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}
.logo-client {
filter: invert();
height: 3rem;
max-height: 3rem;
}
.button-3d {
color: #fff;
text-transform: uppercase;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
text-decoration: none;
transition: transform .2s;
}
.button-3d:active {
transform: scale(.975);
}
.button-flex {
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.fade-in-wrapper {
position: relative;
overflow: hidden;
}
.fade-gradient {
z-index: 0;
pointer-events: none;
cursor: none;
background-image: linear-gradient(90deg, #fff0, #000 25%);
width: 200%;
position: absolute;
inset: 0%;
}
.logo-grid-track {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
align-items: center;
display: flex;
}
.flex-center {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
justify-content: center;
align-items: stretch;
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.button-inner {
position: relative;
}
.subhead-main {
opacity: 1;
text-align: center;
font-size: 31px;
font-weight: 600;
line-height: 1.4;
}
.subhead-main._80 {
text-align: center;
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
.logo-grid-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 8rem;
padding: 1.5rem 1rem;
display: flex;
}
.section-42 {
z-index: 200;
background-color: #000;
padding: 150px 3%;
position: relative;
}
.section-42.for-logo {
background-color: #0000;
margin-top: 100vh;
padding-bottom: 50px;
padding-left: 0%;
padding-right: 0%;
}
.logo-grid-list {
grid-column-gap: .2rem;
grid-row-gap: .2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
margin-left: auto;
margin-right: auto;
display: none;
}
.logo-grid-mask {
max-height: 3.5rem;
overflow: hidden;
}
.container-50 {
justify-content: center;
align-items: stretch;
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.section-43 {
z-index: 200;
background-color: #000;
padding: 150px 3%;
position: relative;
}
.section-43.for-logo {
background-color: #fff;
padding-bottom: 50px;
}
.text-block-166 {
text-transform: none;
}
.project-gallery-explore {
z-index: 5;
background-color: var(--invert);
min-height: auto;
margin-top: 100vh;
margin-bottom: 50vh;
padding: 0 2vw 0;
position: sticky;
bottom: 0;
}
.explore-item-frame {
max-width: 100%;
min-height: auto;
max-height: none;
margin-bottom: 0;
}
.item-explore-image {
cursor: auto;
object-fit: contain;
min-width: 100%;
max-width: 40vw;
min-height: auto;
max-height: 70vh;
overflow: clip;
}
.image-explore-collection {
color: #000;
cursor: crosshair;
object-fit: cover;
min-width: 100%;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
text-decoration: none;
}
.text-item-explore {
color: var(--color--text);
cursor: crosshair;
min-width: auto;
padding-top: 8px;
padding-left: 10px;
font-family: Neuehaasunica, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
overflow: visible;
}
.frame-explore-item {
cursor: auto;
min-width: 40vw;
max-width: 40vw;
margin-bottom: 200px;
}
.explore-frame-text-arrow {
justify-content: flex-start;
align-items: flex-start;
padding-top: 10px;
display: flex;
}
.link-block-55 {
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: #0000 #0000 #0000 var(--color--text);
cursor: crosshair;
max-width: none;
max-height: 30px;
margin-top: 10px;
}
.collection-item-explore {
cursor: auto;
max-width: 40vw;
}
.text-and-icon {
max-width: 30vw;
display: flex;
}
.date-and-title {
display: flex;
}
.icon-pagename {
padding: 1px;
}
.pagename-explore, .pagename-info {
z-index: 999;
margin-top: 10px;
margin-left: 2vw;
position: absolute;
inset: 0% auto auto 0%;
}
.div-block-343 {
border-top: 15px solid #0000;
border-bottom: 15px solid #0000;
border-left: 15px solid var(--color--text);
}
.footergap {
min-height: 50vh;
max-height: 50vh;
margin-top: 0;
position: relative;
}
.footergap.pro {
min-height: 60vh;
max-height: 60vh;
}
.footergap.inf {
min-height: 70vh;
max-height: 70vh;
}
.info-content {
background-color: var(--color--background);
margin-left: 0;
padding-left: 2vw;
}
.other-exhibitions {
z-index: 5;
background-color: var(--white);
margin-top: 0;
padding: 10vh 2vw 5vw;
position: relative;
}
.div-swiper-other-ex {
background-color: var(--color--background);
min-height: auto;
padding-bottom: 0;
}
.time-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--color--background);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
padding-bottom: 60px;
padding-left: 0;
display: grid;
}
.swiper-images-exhibition {
background-color: var(--color--background);
padding-bottom: 60px;
}
.projects-related {
background-color: var(--color--background);
color: var(--color--text);
flex-flow: row;
align-items: center;
padding-bottom: 3px;
padding-left: 20px;
padding-right: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 25px;
display: flex;
overflow: visible;
}
.related-project {
background-color: var(--color--background-mobile);
flex-flow: row;
align-content: flex-start;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-top: 1px;
display: flex;
position: static;
inset: 0% auto auto 0%;
}
.projects-details {
display: block;
}
.exhibition-images {
z-index: 2;
background-color: var(--white);
padding-left: 2vw;
padding-right: 2vw;
position: relative;
}
.collection-item-17 {
justify-content: center;
align-items: center;
margin-top: 10vh;
margin-bottom: 10vh;
display: flex;
}
.image-274 {
object-fit: cover;
min-width: 30vw;
max-height: 30vh;
}
.explore-content {
z-index: 10;
background-color: var(--white);
min-height: 100vh;
position: relative;
bottom: 0;
}
.body-explore {
background-color: var(--color--background-mobile);
color: #000;
cursor: auto;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.div-block-345 {
position: fixed;
inset: auto 0% 0%;
}
.exhibition-image-gallery {
z-index: 1;
background-color: var(--white);
min-height: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0 2vw 20vh;
display: block;
position: relative;
bottom: 0;
}
.exhibitions-images-frame {
max-width: 100%;
min-height: auto;
max-height: none;
margin-bottom: 0;
}
.exhibition-gallery-item {
cursor: auto;
max-width: 40vw;
min-height: 30vh;
padding-top: 10vh;
padding-bottom: 10vh;
}
.exhibition-gallery-image {
cursor: crosshair;
object-fit: cover;
min-width: 40vw;
max-width: 40vw;
margin-bottom: 0;
}
.image-exhibition-gallery {
color: #000;
object-fit: cover;
min-width: 100%;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
text-decoration: none;
}
.exhibition-image-text-arrow {
justify-content: flex-start;
align-items: flex-start;
padding-top: 10px;
display: flex;
}
.exhibition-image-link {
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: #0000 #0000 #0000 var(--color--text);
max-width: none;
max-height: 30px;
margin-top: 10px;
}
.text-item-exhibition-gallery {
color: var(--color--text);
min-width: auto;
padding-top: 8px;
padding-left: 10px;
font-family: Neuehaasunica, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
overflow: visible;
}
.item-exhibition-image {
object-fit: contain;
min-width: 100%;
max-width: 40vw;
min-height: auto;
max-height: 70vh;
overflow: clip;
}
.exhibition-gallery-text {
display: none;
}
.exhibition-gallery-image-text {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: var(--text-regular);
font-weight: 700;
}
.collection-list-13 {
cursor: auto;
}
.exhibition-content {
margin-top: 40vh;
}
.stripe-frame, .stripe-embed {
color: var(--random-color-d);
}
.stripe-embed.pro {
color: var(--random-color-c);
}
.stripe-embed.exh {
color: var(--random-color-b);
}
.stripe-embed.co {
margin-top: 0;
margin-right: 0;
}
.stripe-embed.in {
color: var(--random-color-e);
}
.exp.stripe-embed {
color: var(--random-color-a);
}
.pagename-template {
z-index: 100;
margin-top: 10px;
margin-left: 2vw;
padding-left: 0;
position: relative;
}
@media screen and (min-width: 1920px) {
.content_collection-list-2 {
grid-row-gap: 8rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.search-desktop-tablet {
top: 50px;
}
.text-block-124 {
color: var(--color--text);
}
.section_contact_studio {
min-height: 230vh;
}
.text_info {
color: var(--dark--info);
}
.navbar_web {
padding-left: 0;
left: -10px;
}
.searchbar {
border-right: 0 solid #fff;
padding-right: 2px;
}
.projects-site-name-web {
margin-right: 0;
padding-right: 0;
}
.projects_text_block {
padding-right: 1px;
}
.hourglass_box {
min-height: 230vh;
margin-top: -40vh;
}
.lightbox_artwork_presentation {
padding-bottom: 100px;
}
.artwork-image-web {
max-height: 60vh;
}
.prev-next_button {
z-index: 999;
margin-right: 0;
position: absolute;
right: 20px;
}
.fs-cc-prefs2_content {
min-width: 0%;
margin-right: 0;
}
.fs-cc-prefs2_form {
max-width: 500px;
}
.code_embed_projects2 {
color: var(--color--projects);
}
.code_embed_info1, .codeembe-info-mobile {
color: var(--color--info);
}
.collection-list-wrapper-22 {
z-index: 999;
min-width: 70px;
min-height: 70px;
margin-top: -70px;
position: absolute;
}
.paragraph-description {
font-size: 16px;
}
.code_embed_tab {
color: var(--color--info);
}
.code_embed_projects2-copy {
color: var(--color--projects);
}
.code_embed_projects_tabs {
color: var(--color--background);
}
.code_embed_projects_tabs-mobile {
color: var(--color--projects);
}
.studio_head_mobile {
display: none;
}
.triangle_sitename_projects {
margin-left: 0;
}
.grid-projects {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.butto-ae.w--open {
background-color: #c8c8c800;
justify-content: center;
align-items: center;
min-width: 50px;
min-height: 90px;
display: flex;
inset: 0% 0% auto auto;
}
.logo-ae {
justify-content: flex-start;
align-items: center;
width: auto;
min-width: 0;
height: auto;
min-height: 90px;
padding-top: 0;
padding-right: 0;
font-size: 50px;
position: fixed;
inset: auto;
}
.link-block-anti {
width: auto;
margin-top: 0;
padding-top: 5px;
padding-bottom: 0;
display: flex;
}
.link-anti {
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.text-block-164 {
font-size: 40px;
}
.nav-menu-7 {
background-color: #c8c8c800;
width: auto;
margin-top: 100px;
margin-right: 0;
display: flex;
}
.container-48 {
display: flex;
}
}
@media screen and (max-width: 991px) {
body {
background-color: var(--color--background-mobile);
}
.section {
padding-top: 100px;
padding-bottom: 100px;
}
.container-flex.call-to-action {
flex-direction: column;
align-items: flex-start;
}
.call-to-action-wrapper {
align-self: center;
margin-bottom: 40px;
padding-right: 0;
}
.menu-button {
order: 1;
transform: translate(18px);
}
.heading {
font-size: 55px;
}
.grid {
grid-column-gap: 26px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 72px;
}
.header1 {
background-color: #ddd;
border-bottom-left-radius: 20px;
font-weight: 500;
}
.text-block-5 {
margin-top: -114%;
}
.grid-3 {
margin: 10% 0 0;
}
.link-block-10 {
margin-top: 0;
padding-right: 0%;
}
.header-hamburger {
filter: none;
background-color: #fff0;
border-radius: 20px 0 0 20px;
display: block;
}
.header-hamburger:focus {
color: #000;
}
.menu-button-2, .menu-button-2.w--open {
background-color: #fff;
}
.div-block-14 {
margin-top: 50px;
margin-left: 0;
margin-right: 0;
}
.image-89 {
padding-top: 34%;
}
.menu-button-3 {
display: block;
}
.menu-button-3.w--open {
color: #000;
}
.div-block-21 {
border-radius: 20px 0 0;
margin-right: 0%;
}
.text-block-61 {
padding-top: 2%;
padding-bottom: 2%;
}
.footer_div {
border-bottom: 0 solid #df0909;
border-left: 0 solid #0000;
justify-content: flex-end;
align-items: flex-end;
margin-bottom: 0;
margin-left: 10px;
margin-right: 0;
position: relative;
}
.body-22 {
background-color: var(--body-grey-light);
}
.track {
height: auto;
display: none;
}
.camera {
width: auto;
height: auto;
overflow: visible;
}
.frame {
flex-direction: column;
}
.textblockmagda1 {
font-size: 12px;
}
.wohoo2 {
z-index: -1;
background-color: #fff0;
border-top-left-radius: 20px;
justify-content: center;
margin-left: 2%;
display: flex;
position: fixed;
top: auto;
left: 50em;
right: auto;
}
.map-contain {
font-size: 1.6vw;
}
.map {
font-size: 1.5em;
}
.container-28 {
padding-left: 3em;
padding-right: 3em;
}
.container-28.is--map {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
display: none;
}
.container-28.is--map-mobile {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
}
.container-28.is--map-copy {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
display: none;
}
.section-5.is--map-section {
display: block;
}
.body-24 {
background-color: #eee;
background-image: none;
}
.karte {
width: 62em;
height: 100px;
padding-right: 0;
}
.mapimage {
margin-right: 0;
}
.container-28-copy.is--map, .container-28-copy.is--map-copy {
padding-top: 10.5em;
padding-bottom: 16.8em;
}
.image-132 {
text-align: center;
margin-top: 20%;
margin-bottom: 20%;
display: block;
}
.header_exhibitions {
filter: none;
background-color: #ddd;
font-weight: 500;
}
.header_projects {
background-color: #ddd;
font-weight: 500;
}
.header_projects:active {
opacity: 1;
}
.header_home {
text-align: left;
background-color: #ddd;
border-top-left-radius: 20px;
font-weight: 500;
}
.column-21 {
flex-direction: row;
align-items: flex-end;
}
.div-block-33 {
padding-top: 0%;
}
.text-block-70 {
font-size: 60px;
}
.columns-8 {
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.columns-8-copy {
border-radius: 0;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.columns-7-copy {
background-color: #ffffff70;
margin-left: 2%;
margin-right: 2%;
}
.column-23 {
padding-left: 0;
padding-right: 0;
}
.top_input {
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 2%;
padding-left: 0%;
padding-right: 0%;
}
.content_input {
border-radius: 0;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.bottom_input {
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.column-24 {
padding-left: 2%;
}
.textblockinput2 {
font-size: 12px;
}
.headline_magda {
font-size: 35px;
}
.textblockmagda2-copy, .textblockmagda1-copy {
font-size: 12px;
}
.content_magdalena2 {
border-radius: 0;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.content_magdalena3 {
border-radius: 0;
margin-top: 0;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.content_magdalena4 {
border-radius: 0;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.headline_them {
font-size: 60px;
}
.the_massacre_data, .underline_magdalena_1 {
font-size: 12px;
}
.container-28-mobile {
padding-left: 3em;
padding-right: 3em;
}
.container-28-mobile.is--map {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
}
.container-28-mobile.is--map-mobile, .container-28-mobile.is--map-mobile-copy {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
font-size: 2em;
display: block;
position: absolute;
}
.map_mobile {
z-index: -1;
width: 62em;
height: 100px;
padding-right: 0;
font-size: 1em;
}
.map_mobile:hover {
font-size: 1em;
}
.section-7 {
position: absolute;
top: 1%;
left: 0%;
right: 0%;
}
.div-block-36 {
z-index: 0;
position: fixed;
inset: 2% 0% 0%;
overflow: auto;
}
.section-8 {
border-top-left-radius: 20px;
padding-top: 0;
display: none;
position: fixed;
top: 3%;
left: 5%;
right: 5%;
}
.section-8-copy {
border-top-left-radius: 20px;
padding-top: 0;
display: block;
position: fixed;
top: 3%;
left: 5%;
right: 5%;
}
.header-hamburger-2 {
filter: none;
background-color: #fff0;
border-radius: 20px 0 0 20px;
display: block;
}
.header-hamburger-2:focus {
color: #000;
}
.wohoo2-2 {
z-index: -1;
background-color: #fff0;
border-top-left-radius: 20px;
justify-content: center;
margin-left: 2%;
display: flex;
position: fixed;
top: auto;
left: 50em;
right: auto;
}
.menu-button-4 {
display: block;
}
.menu-button-4.w--open {
color: #000;
}
.div-block-37 {
border-radius: 20px 0 0;
margin-right: 0%;
}
.image-134 {
text-align: center;
margin-top: 20%;
margin-bottom: 20%;
display: block;
}
.sculptures_caroussel {
border-radius: 0;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.slider_magda_text {
font-size: 12px;
}
.slide-2 {
padding-top: 0%;
padding-left: 2%;
}
.slider_magda_headline {
font-size: 60px;
}
.div-block-space {
padding-top: 0%;
}
.slider-item {
width: 55%;
height: 40%;
padding-bottom: 9vw;
}
.main {
border-radius: 0;
}
.slider-navigation {
width: 70px;
}
.wrapper-nav {
display: none;
}
.div-block-33-copy {
padding-top: 0%;
}
.headline_sculptures {
font-size: 60px;
}
.column-26 {
padding-left: 0;
padding-right: 0;
}
.columns-9 {
border-bottom-width: 0;
margin-top: 0;
padding-top: 0;
}
.content_sculptures2 {
border-radius: 0;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.bottom_input-copy, .top_input-copy, .top_input-copy-copy {
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.container-29 {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.headline_rubric {
margin-bottom: 0%;
}
.textblock_paintings, .textblock_sculptures {
font-size: 12px;
}
.headline_paintings {
margin-left: 2%;
font-size: 50px;
}
.imaghe_paintings_head {
width: auto;
height: auto;
}
.div-headline {
padding-bottom: 0;
}
.image-140 {
width: 7%;
height: 7%;
}
.headline_rubric_sculptures-copy {
margin-bottom: 0%;
}
.headline_sculpturesv2 {
margin-left: 2%;
font-size: 50px;
}
.headline_rubric_sculptures-copy-copy, .headline_rubric_binary_period {
margin-bottom: 0%;
}
.headline_binary_period {
margin-left: 2%;
font-size: 50px;
}
.textblock_binary_period, .underline_binary-period {
font-size: 12px;
}
.body-31 {
background-color: #eee;
}
.hedline_contact {
margin-bottom: 0%;
}
.hedline_contact-text {
margin-left: 2%;
font-size: 50px;
}
.content_magdalena3-copy {
border-radius: 0;
margin-top: 0;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.content_magdalena4-copy {
border-radius: 0;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.headlinbe_rubric_kleksography {
margin-bottom: 0%;
}
.hedaline_text_kleksography {
margin-left: 2%;
font-size: 50px;
}
.underline_magdalena_1-copy {
font-size: 12px;
}
.headlinbe_rubric_abstracts {
margin-bottom: 0%;
}
.hedaline_text_abstracts {
margin-left: 2%;
font-size: 50px;
}
.underline_abstracts {
font-size: 12px;
}
.container-28-mobile-copy.is--map-mobile, .container-28-mobile-copy.is--map-mobile-copy {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
font-size: 2em;
display: block;
position: absolute;
}
.headline_quantums {
margin-bottom: 0%;
}
.hedline {
margin-left: 2%;
font-size: 50px;
}
.biography-headline-copy {
margin-bottom: 0%;
}
.biography-headline-text {
margin-left: 2%;
font-size: 50px;
}
.content_biography {
border-radius: 0;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.biography-headline-copy-copy {
margin-bottom: 0%;
}
.info_headline_text {
margin-left: 2%;
font-size: 50px;
}
.info_headline {
margin-bottom: 0%;
}
.content_middle_info {
border-radius: 0;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.colum_info-2 {
padding-left: 2%;
}
.body-35 {
background-color: #eee;
flex-flow: column;
display: flex;
}
.top_info {
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.image-140-copy {
width: 7%;
height: 7%;
}
.zeile, .zeile-imprint, .zeile_contact {
border-radius: 0;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.header_info {
background-color: #ddd;
border-bottom-left-radius: 20px;
font-weight: 500;
}
.zeile-e, .zeile-copy {
border-radius: 0;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.header_contact, .header_exhibi, .header_projec, .header_homsala {
background-color: #ddd;
border-bottom-left-radius: 20px;
font-weight: 500;
}
.navigation-item {
color: #000;
text-align: center;
padding: 15px 30px;
transition: background-color .4s, opacity .4s, color .4s;
}
.navigation-item:hover {
background-color: #f7f8f9;
}
.navigation-item:active {
background-color: #eef0f3;
}
.menu-button-5 {
padding: 0;
}
.menu-button-5.w--open {
background-color: #0000;
margin-top: 5%;
margin-right: 5%;
}
.menu-icon {
filter: invert();
display: block;
}
.navbar-13 {
transform: translate(0);
}
.menu {
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
margin-left: 30px;
padding-top: 0;
display: flex;
position: static;
}
.logo-link.w--current {
flex: 1;
}
.navigationhead {
background-color: #fff0;
flex: 0 auto;
justify-content: center;
width: 100%;
padding-left: 58%;
padding-right: 4%;
}
.logo-bg {
background-color: #fff0;
background-image: none;
width: 10%;
padding-bottom: 1em;
}
.logo-image {
width: 80px;
display: none;
}
.headeready {
margin-top: 0;
transform: translate(0);
}
.projects_item {
color: #000;
text-align: left;
justify-content: flex-start;
width: 12em;
margin-top: 100px;
margin-left: 4%;
margin-right: 4%;
padding: 15px 0 15px 20px;
font-size: 30px;
transition: background-color .4s, opacity .4s, color .4s;
display: flex;
}
.projects_item:hover {
background-color: #f7f8f9;
}
.projects_item:active {
background-color: #eef0f3;
}
.contact_item {
color: #000;
text-align: left;
margin-left: 4%;
margin-right: 4%;
padding: 15px 30px;
font-size: 30px;
transition: background-color .4s, opacity .4s, color .4s;
}
.contact_item:hover {
background-color: #f7f8f9;
}
.contact_item:active {
background-color: #eef0f3;
}
.info_item {
color: #000;
text-align: left;
margin-left: 4%;
margin-right: 4%;
padding: 15px 30px;
font-size: 30px;
transition: background-color .4s, opacity .4s, color .4s;
}
.info_item:hover {
background-color: #f7f8f9;
}
.info_item:active {
background-color: #eef0f3;
}
.exhibitions_item {
color: #000;
text-align: left;
margin-left: 4%;
margin-right: 4%;
padding: 15px 20px;
font-size: 30px;
transition: background-color .4s, opacity .4s, color .4s;
}
.exhibitions_item:hover {
background-color: #f7f8f9;
}
.exhibitions_item:active {
background-color: #eef0f3;
}
.projects_item2 {
color: #000;
text-align: left;
padding: 15px 30px 15px 20px;
font-size: 30px;
transition: background-color .4s, opacity .4s, color .4s;
}
.projects_item2:hover {
background-color: #f7f8f9;
}
.projects_item2:active {
background-color: #eef0f3;
}
.unter_item {
color: #000;
text-align: center;
padding: 15px 30px;
transition: background-color .4s, opacity .4s, color .4s;
}
.unter_item:hover {
background-color: #f7f8f9;
}
.unter_item:active {
background-color: #eef0f3;
}
.karte-copy {
width: 62em;
height: 100px;
padding-right: 0;
}
.vertical-timeline {
width: 100%;
}
.vertical-timeline-title {
font-size: 1.4em;
}
.vertical-timeline-title.tttil {
font-size: 1.6em;
}
.title-col, .title-col._220 {
width: 166px;
}
._50col {
width: 100%;
}
.container-32 {
padding-left: 20px;
padding-right: 20px;
}
.container-32.sticky {
position: relative;
top: 0%;
overflow: auto;
}
._2-col {
display: block;
}
.c-hero-img, .wrapper {
padding-left: 0;
padding-right: 0;
}
.section-15.expand {
height: auto;
overflow: hidden;
}
.nav_link {
margin-bottom: .5rem;
}
.nav_link.is-cta {
margin-left: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.filter_options {
height: auto;
min-height: auto;
max-height: 8em;
overflow: visible;
}
.filter_block-header {
align-items: start;
padding-left: 1rem;
}
.filter_grid {
grid-template-columns: 5fr;
}
.main-wrapper {
padding-top: 10px;
padding-left: 0;
padding-right: 0;
}
.filter_tags-wrapper {
margin-top: .5rem;
}
.footer_video-icon {
margin-top: 0;
}
.footer_video-wrapper {
text-align: center;
grid-template-columns: auto;
grid-auto-flow: row;
}
.filter_header {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
padding-left: 16px;
}
.nav_button {
color: #fff;
border: 2px solid #fff;
border-radius: .25rem;
margin-left: auto;
padding: .75rem;
}
.nav_button.w--open {
color: #000;
background-color: #fff;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.nav_menu {
background-color: #181818;
margin-left: auto;
margin-right: auto;
padding: 2rem;
}
.filter_block-2 {
min-width: 100%;
min-height: auto;
max-height: none;
display: block;
}
.content_collection-list-2 {
grid-template-columns: 1fr 1fr;
}
.filter_header-2 {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
padding-left: 16px;
}
.filter_column-2 {
border-radius: 0;
}
.filter_search-field-2 {
margin-left: 0;
padding-left: 0;
}
.content_card-list-wrapper, .content_card-info-text {
width: 100%;
}
.content_card-block {
padding: 0;
}
.filter_block-header-2 {
align-items: start;
padding-left: 1rem;
}
.filter_header-3 {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
padding-left: 16px;
}
.content_card-info-text-2 {
width: 100%;
}
.checkbox_input-3-1 {
width: 54px;
height: 54px;
margin-right: 0;
}
.checkbox_input-3-1.w--redirected-checked {
box-shadow: none;
opacity: 1;
background-color: #00f;
background-image: none;
width: 54px;
height: 54px;
margin-left: 0;
}
.image-152, .img-155 {
margin-left: -65.6%;
}
.img-156 {
margin-left: -51px;
}
.div-block-69 {
border-radius: 0;
}
.invertheadline {
margin-bottom: 0%;
}
.headline_sculpturesv2-copy {
margin-left: 2%;
font-size: 50px;
}
.unit-image-wrapper.more-programs {
height: 325px;
}
.she-creates-image {
width: auto;
max-width: 768px;
height: 389px;
}
.unit-program {
width: 340px;
}
.hero-2 {
display: none;
overflow: hidden;
}
.top_input-copy {
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.content_magdalena2-copy {
border-radius: 0;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.headline-exhibitions {
margin-bottom: 0%;
}
.headline-contact-v2 {
margin-left: 2%;
font-size: 50px;
}
.textblock_sculptures-copy {
font-size: 12px;
}
.content_sculptures2-copy {
border-radius: 0;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.headline-contact, .headline-news {
margin-bottom: 0%;
}
.headline-nes, .headline-newsv2 {
margin-left: 2%;
font-size: 50px;
}
.content_news {
border-radius: 0;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.div-block-72 {
width: 200vh;
margin-left: -280px;
}
.container-28-mobile-copy-copy {
padding-left: 3em;
padding-right: 3em;
}
.container-28-mobile-copy-copy.is--map {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
}
.container-28-mobile-copy-copy.is--map-mobile, .container-28-mobile-copy-copy.is--map-mobile-copy, .container-28-mobile-copy-copy.is--map-mobile-copy-copy {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
font-size: 2em;
display: block;
position: absolute;
}
.map_mobile-copy {
z-index: -1;
width: 62em;
height: 100px;
padding-right: 0;
font-size: 1em;
}
.mapimage-copy {
margin-right: 0;
}
.div-block-73 {
object-fit: none;
margin-right: 87px;
padding-right: 0;
display: block;
}
.image-156 {
max-width: none;
margin-right: -121px;
padding-right: 32px;
display: block;
}
.project-copy.binary-period-copy {
margin-top: 7.8em;
margin-left: 15.2em;
}
.consent {
display: flex;
}
.paragraph-4.centered {
font-size: 26px;
}
.hero-opening {
font-size: 70px;
line-height: 70px;
}
.hero-3 {
flex-direction: column;
justify-content: flex-end;
width: 90%;
height: 70vh;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: flex;
}
.image-158 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.container-36 {
padding-left: 30px;
padding-right: 30px;
}
.container-36.grey._2 {
flex-direction: column;
padding-left: 0%;
}
.sticky-container {
width: 100%;
}
.section-24._2 {
height: 70vh;
padding-top: 0%;
padding-bottom: 0;
}
.sticky-wrapper._1 {
width: 100%;
}
.flex-horizontal {
flex-direction: column;
}
.person, .person._2 {
height: 80vh;
inset: auto 0% 0%;
}
.person-name {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
inset: -13% 0% auto;
}
.person-name._2 {
top: -20%;
}
.slide-buttons {
justify-content: center;
padding-left: 0;
}
.col2 {
order: -1;
width: 100%;
}
.col1 {
align-items: flex-start;
width: 100%;
min-height: 200px;
padding-top: 35px;
}
.feature-2 {
flex-direction: column;
}
.feature-box {
width: 70%;
}
.mac-image {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/621df90cb84eb95910a6ce1c_keyboard_hero_fallback__fsmo5tlu3vqm_large_2x.jpg"), linear-gradient(to bottom, null, null);
background-size: contain, auto;
}
.paragraph-4-copy.centered, .paragraph-4-copy.centered-copy {
font-size: 26px;
}
.section-start-mobile._2, .section-24-copy._2 {
height: 70vh;
padding-top: 0%;
padding-bottom: 0;
}
.section-2-details-item.ultra-wide, .section-2-details-item.paintings {
margin-left: 0;
}
.section-2-line, .line-sculptures {
display: none;
}
.tiffany-copy {
font-size: 1em;
top: 391.891px;
left: -394px;
}
.container-28-mobile-copy {
padding-left: 3em;
padding-right: 3em;
}
.container-28-mobile-copy.is--map {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
}
.container-28-mobile-copy.is--map-mobile, .container-28-mobile-copy.is--map-mobile-copy {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
font-size: 2em;
display: block;
position: absolute;
}
.container-28-mobile-copy.is--map-mobile-copy {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 60vw;
margin: 0 0 0 auto;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
font-size: 2em;
display: none;
position: absolute;
}
.section-8-copy-copy {
border-top-left-radius: 20px;
padding-top: 0;
display: block;
position: fixed;
top: 3%;
left: 5%;
right: 5%;
}
.map_mobile-copy {
z-index: -1;
width: 60vw;
height: 100px;
margin-left: auto;
margin-right: auto;
padding-right: 0;
font-size: 1em;
position: relative;
left: auto;
right: 0%;
}
.map_mobile-copy:hover {
font-size: 1em;
}
.mapimage-copy {
width: 20em;
min-width: auto;
margin-right: 0;
}
.ffdd {
padding-left: 3em;
padding-right: 3em;
}
.ffdd.is--map {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
}
.ffdd.is--map-mobile, .ffdd.is--map-mobile-copy, .ffdd.is--map-mobile-copy, .ffdd.dfd {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
font-size: 2em;
display: block;
position: absolute;
}
.line-2d {
z-index: 10;
width: 75em;
}
.line-4d {
z-index: 10;
width: 75em;
height: 1em;
}
.mapimage-copy-copy {
width: 20em;
min-width: auto;
margin-right: 0;
display: block;
}
.div-block-82 {
width: 100vw;
display: block;
overflow: hidden;
}
.lines-general {
margin-top: 87%;
margin-left: 50%;
}
.dots-general {
margin-top: 0%;
position: relative;
}
.section-28 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: start;
margin-left: 10%;
margin-right: 10%;
display: grid;
}
.div-block-83 {
z-index: 30;
color: #303eff;
width: 5em;
margin-top: 7%;
margin-left: 37%;
position: fixed;
}
.div-block-84 {
margin-top: 0;
margin-left: 0;
position: relative;
}
.div-block-83-copy {
z-index: 30;
color: #2130235c;
width: 5em;
margin-top: 7%;
margin-left: 45%;
position: fixed;
}
.container-28-copy {
padding-left: 3em;
padding-right: 3em;
}
.container-28-copy.is--map {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
display: none;
}
.container-28-copy.is--map-mobile {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
}
.container-28-copy.is--map-copy {
margin: 0;
padding-top: 0;
padding-bottom: 77.7em;
padding-left: 0;
display: none;
}
.section-5-copy.is--map-section, .section-5-copy.is--map-section-copy {
display: block;
}
.line-architect {
z-index: 10;
width: 75em;
}
.line-relief {
z-index: 10;
width: 75em;
height: 1em;
}
.padding-vertical-copy {
padding-left: 0;
padding-right: 0;
}
.margin-bottom-copy {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.filter_grid-copy {
grid-template-columns: .66fr 1fr;
}
.checkbox_input-3-1-copy {
width: 54px;
height: 54px;
margin-right: 0;
}
.checkbox_input-3-1-copy.w--redirected-checked {
box-shadow: none;
opacity: 1;
background-color: #00f;
background-image: none;
width: 54px;
height: 54px;
margin-left: 0;
}
.img-156-copy {
margin-left: -51px;
}
.filter_block-header-copy {
align-items: start;
padding-left: 1rem;
}
.filter_header-2-copy {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
padding-left: 16px;
}
.filter_tags-wrapper-copy {
margin-top: .5rem;
}
.content_card-block-copy {
padding: 20px 24px 24px;
}
.content_card-info-text-copy {
width: 100%;
}
.body-41 {
background-color: #eee;
}
.home-item {
color: #000;
text-align: left;
width: 92.0022%;
margin-top: 100px;
margin-left: 4%;
margin-right: 4%;
padding: 15px 0 15px 20px;
font-size: 30px;
transition: background-color .4s, opacity .4s, color .4s;
display: flex;
}
.home-item:hover {
background-color: #f7f8f9;
}
.home-item:active {
background-color: #eef0f3;
}
.projects-item-3 {
color: #000;
text-align: left;
margin-left: 4%;
margin-right: 4%;
padding: 15px 20px;
font-size: 30px;
transition: background-color .4s, opacity .4s, color .4s;
}
.projects-item-3:hover {
background-color: #f7f8f9;
}
.projects-item-3:active {
background-color: #eef0f3;
}
.headeready-copy {
margin-top: 0;
transform: translate(0);
}
.checkbox_input-3-1-copy-copy {
width: 54px;
height: 54px;
margin-right: 0;
}
.checkbox_input-3-1-copy-copy.w--redirected-checked {
box-shadow: none;
opacity: 1;
background-color: #00f;
background-image: none;
width: 54px;
height: 54px;
margin-left: 0;
}
.img-156-copy-copy {
margin-left: -51px;
}
.search-mobile {
display: none;
}
.search-desktop-tablet {
z-index: 4;
background-color: #fff;
margin-top: 0;
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
display: block;
position: absolute;
top: 0;
}
._1024px_container {
padding-left: 0;
padding-right: 0;
}
.grid-11 {
display: none;
}
.hero_section {
align-items: center;
padding-top: 0;
}
.h2-2.white {
font-size: 5.4vw;
line-height: 5.8vw;
}
.line {
background-color: #000;
height: 3px;
min-height: 3px;
max-height: none;
padding-bottom: 0;
padding-right: 0;
}
.div-block-93 {
background-position: 50%;
background-size: cover;
}
.pay_the_new {
padding-left: 4vw;
padding-right: 4vw;
}
.div-block-9-copy {
background-image: none;
padding-left: 4vw;
}
.columns-16.mobile {
display: none;
}
.nav_list {
font-size: 1.3vw;
}
._2nd_section {
height: 112vw;
}
.wallet_int {
padding-top: 16vw;
}
.column-37 {
height: 100%;
}
._56vw_spacer {
height: 56vw;
}
.text-span-18 {
font-size: 5.4vw;
line-height: 5.5vw;
}
.text-span-20 {
font-size: 5.4vw;
}
.loyaltiy_and {
padding-left: 4vw;
}
.image-168 {
position: relative;
top: 0;
}
.headline_area {
height: 56vw;
}
.card-2.fff_card {
padding-left: 4vw;
padding-right: 3.5vw;
}
.cross {
background-size: 50%;
}
.h2.white {
font-size: 5.4vw;
line-height: 5.8vw;
}
.grid-12 {
grid-column-gap: .6vw;
grid-row-gap: .6vw;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.card-3.fff_card {
padding-left: 4vw;
padding-right: 3.5vw;
}
.columns-17 {
width: 100%;
height: 100%;
}
.hero_section-2 {
align-items: center;
padding-top: 0;
}
._2nd_section-2 {
height: 112vw;
}
.header-ready-mobile {
margin-top: 0;
transform: translate(0);
}
.text-image {
border-radius: 0;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.text-image-2 {
border-radius: 0;
margin-top: 0;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.content_magdalena4-copy-copy, .text-imgae-3 {
border-radius: 0;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
}
.bottom-protype {
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 0;
padding-left: 0%;
padding-right: 0%;
}
.image-172-copy-copy {
width: 70px;
min-width: 70px;
max-width: 70%;
height: 70px;
min-height: 70px;
max-height: 70px;
padding-top: 2px;
padding-left: 2px;
}
.info {
border-radius: 0;
margin-top: 0;
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
padding-right: 0%;
text-decoration: none;
display: block;
}
.info.w--current {
display: flex;
}
.checkbox_compass {
width: 54px;
height: 54px;
margin-right: 0;
}
.checkbox_compass.w--redirected-checked {
box-shadow: none;
opacity: 1;
background-color: #00f;
background-image: none;
width: 54px;
height: 54px;
margin-left: 0;
}
.div-block-156 {
width: 100%;
position: sticky;
inset: 0% 0% auto;
}
.image-209 {
max-width: 100%;
}
.text-block-95 {
margin-left: 0;
padding-left: 10px;
}
.serachbar-wrap {
max-width: 100%;
margin-left: 0%;
}
.dots-general-hub-2 {
display: none;
}
.circles-2-copy {
margin-top: -43.4em;
margin-left: 15.4em;
}
.div-block-136-copy {
margin-top: 294px;
padding-top: 0%;
display: block;
}
.compass-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
width: auto;
max-width: none;
height: auto;
max-height: none;
margin-top: 140px;
margin-left: 5%;
margin-right: 5%;
display: block;
}
.circles-2d {
margin-top: -29.4em;
margin-left: 23.4em;
}
.paintings-whoo-2 {
width: 3em;
margin-top: -37.8em;
margin-left: 35.4em;
font-size: 2vw;
}
.text-dot-2 {
color: #000;
min-width: 2em;
font-size: 1em;
line-height: 24px;
}
.collages-2 {
margin-top: -37.4em;
margin-left: 5.5em;
}
._3d-whee-2 {
width: 2em;
margin-top: -34.9em;
margin-left: 18.3em;
}
.text-dot-copy-copy-2 {
width: 0;
min-width: 2em;
margin-top: 0;
font-size: 1.5em;
position: static;
}
.university-projects-2 {
margin-top: -16em;
margin-left: 28.1em;
}
._2d-whoo-2 {
margin-top: -22.9em;
margin-left: 25.7em;
}
.map_mobile-copy-2 {
z-index: 1;
width: auto;
height: auto;
margin-left: 5%;
margin-right: 5%;
padding-right: 0;
font-size: 2vw;
position: relative;
left: auto;
right: auto;
}
.map_mobile-copy-2:hover {
font-size: 2vw;
}
.circles-4d {
margin-top: -28.9em;
margin-left: 7.8em;
}
.collages-dot {
margin-top: -28.9em;
margin-left: 35.4em;
}
.sculptures-dot {
width: 3em;
margin-top: -41.4em;
margin-left: 27.9em;
}
.mapimage-copy-copy-2 {
width: 100%;
min-width: 100%;
margin-right: 0;
display: block;
}
.midwoo-2 {
margin-top: -26.7em;
margin-left: 20.2em;
}
.intall-2 {
margin-top: -28.9em;
margin-left: 5.5em;
}
.div-block-149 {
display: block;
}
.movies-2 {
margin-top: -16em;
margin-left: 13.1em;
}
.abstracts-2 {
margin-top: -45.7em;
margin-left: 20.5em;
}
.products-2 {
margin-top: -11.9em;
margin-left: 20.5em;
}
.div-block-159 {
width: 100%;
margin-top: -414px;
margin-left: 0%;
padding: 5%;
}
.paint-copy-2 {
margin-top: -20.2em;
margin-left: 35.3em;
}
.whattt-2 {
width: 0;
min-width: 3em;
}
.anima-2 {
margin-top: -20.2em;
margin-left: 5.3em;
}
._4d-whee-2 {
margin-top: -24.8em;
margin-left: 12.9em;
}
.image-210 {
min-width: 3em;
}
.archi-dottii-2 {
margin-top: -41.4em;
margin-left: 13em;
}
.middle-2 {
min-width: 3em;
}
.div-block-160 {
width: 6em;
min-width: 6em;
height: auto;
min-height: 6em;
}
.image-211 {
width: 3em;
min-width: 3em;
max-width: 70%;
height: auto;
min-height: auto;
max-height: none;
}
.link-3 {
border-top-right-radius: 50px;
}
.headlinecontact {
margin-bottom: 0;
font-size: 40px;
}
.text-block-107 {
border-bottom-left-radius: 15px;
}
.div-block-contac {
border-radius: 15px 15px 0 0;
padding-top: 25px;
}
.text-date-block-contact {
font-size: 14px;
line-height: 18px;
}
.bd-image.event-logo {
width: 50px;
height: 50px;
}
.text-block-114 {
font-size: 15px;
line-height: 18px;
}
.div-block-116-copy {
min-width: auto;
max-width: 100%;
}
.div-block-133 {
max-width: 60%;
}
.text-block-112 {
font-size: 18px;
line-height: 20px;
}
.bd-div.bd-grid.event {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.bd-div.event-card {
min-width: 0%;
max-width: 100%;
}
.div-block-116 {
min-width: 100%;
max-width: 100%;
margin-top: 100px;
}
.date-block-contact-copy {
justify-content: flex-start;
}
.projectfield9, .projectfield8, .div-block-116-copy-copy {
min-width: auto;
max-width: 100%;
}
.text-block-115 {
font-size: 14px;
}
.image-215 {
max-width: 100%;
}
.projectfield7 {
min-width: auto;
max-width: 100%;
}
.content_card-info-text-3 {
width: auto;
font-size: 15px;
}
.content_card-info-mobile {
flex: 0 auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
align-self: flex-start;
place-items: start;
min-width: 100%;
margin-top: 0;
}
.projectfield6 {
min-width: auto;
max-width: 100%;
}
.bd-heading.h1, .bd-heading.h1-copy {
margin-top: -3px;
font-size: 45px;
}
.bd-container {
padding-left: 0;
padding-right: 0;
}
.bd-section.event-body {
padding-bottom: 0;
}
.text-block-116 {
border-top-right-radius: 15px;
}
.div-block-165 {
width: 100%;
}
._5d-whee-2-copy {
margin-top: -22.9em;
margin-left: 11.2em;
}
.sculptures_point {
flex-direction: column;
justify-content: flex-start;
width: 6em;
min-width: 6em;
height: 6em;
min-height: 6em;
margin-top: -40.3em;
margin-left: 22.3em;
}
.architecture_point {
justify-content: center;
width: 6em;
min-width: 6em;
height: 6em;
min-height: 6em;
margin-top: -40.4em;
margin-left: 8.1em;
}
.installations_point {
width: 8em;
min-width: 8em;
height: 8em;
margin-top: -27.9em;
margin-left: -.5em;
}
.movies_point {
flex-direction: column;
justify-content: center;
align-items: center;
width: 6em;
min-width: 6em;
height: 6em;
min-height: 6em;
margin-top: -12em;
margin-left: 15.2em;
}
.animations_point {
flex-direction: column;
justify-content: center;
align-items: center;
width: 6em;
min-width: 6em;
height: 6em;
min-height: 6em;
margin-top: -15.9em;
margin-left: 8.3em;
overflow: hidden;
}
.products_point {
flex-direction: column;
justify-content: center;
align-items: center;
width: 6em;
min-width: 6em;
height: 6em;
min-height: 6em;
margin-top: -36.3em;
margin-left: 1.4em;
}
.reliefs_poin {
flex-direction: column;
justify-content: center;
align-items: center;
width: 6em;
min-width: 6em;
height: 6em;
min-height: 6em;
margin-top: -36.5em;
margin-left: 29.3em;
}
.paintings_pointo {
flex-direction: column;
justify-content: center;
align-items: center;
width: 6em;
min-width: 6em;
height: 6em;
min-height: 6em;
margin-top: -19.8em;
margin-left: 29.4em;
}
.collages_point {
flex-direction: column;
justify-content: center;
align-items: center;
width: 6em;
min-width: 6em;
height: 6em;
min-height: 6em;
margin-top: -27.9em;
margin-left: 29.3em;
}
.photos_point {
flex-direction: column;
justify-content: center;
align-items: center;
width: 6em;
min-width: 6em;
height: 6em;
min-height: 6em;
margin-top: -15.9em;
margin-left: 22.4em;
}
.interactives_point {
flex-direction: column;
justify-content: center;
align-items: center;
width: 6em;
min-width: 6em;
height: 6em;
min-height: 6em;
margin-top: -19.9em;
margin-left: 1.3em;
}
.architecture_point-copy {
width: 6em;
min-width: 6em;
height: 6em;
min-height: 6em;
margin-top: -44.3em;
margin-left: 15.3em;
}
.projectscompasshead {
margin-top: 0;
}
.projectscompasstext {
margin-bottom: 0;
font-size: 40px;
}
.home-link {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 12%;
padding-left: 0;
padding-right: 0;
}
.footer {
z-index: 0;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
padding-top: 5px;
padding-bottom: 20px;
padding-right: 3vw;
display: flex;
position: relative;
}
.discover_link_text, .exhibitions-link-text, .projects_text_link, .about_link_text, .contact-icon {
font-size: 12px;
}
.text-block-95-copy {
margin-left: 0;
padding-left: 0;
}
.filter_search-field-2-copy {
margin-left: 0;
padding-left: 15px;
}
.exhibitions_link, .projects_link, .contact_link {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 12%;
padding-left: 0;
padding-right: 0;
}
.header_icon:hover {
padding-top: 1px;
padding-bottom: 1px;
padding-right: 1px;
}
.exhibitions_link_text, .projects_link_text, .contact_link_text, .info_link_text {
font-size: 12px;
}
.home-link-copy, .exhibitions_link_footer, .projects_link_footer, .contact_link_footer, .info_link_footer, .discover_link_footer {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 12%;
padding-left: 0;
padding-right: 0;
}
.nav-menu-mobile {
z-index: 100;
background-color: var(--color--background-mobile);
-webkit-backdrop-filter: blur(5px) grayscale();
backdrop-filter: blur(5px) grayscale();
border-top: 0 solid #3d945d;
border-bottom: 0 solid #9c8383;
border-right: 0 solid #0000;
flex-flow: row;
justify-content: flex-end;
align-items: center;
min-width: 100%;
min-height: 100vh;
margin-top: 0;
display: flex;
position: relative;
}
.footer_navbar:hover {
display: flex;
}
.div_projects_nav {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
min-width: auto;
min-height: 100vh;
margin-left: 0;
display: flex;
}
.text-block-footer {
color: #1010fe;
font-size: 20px;
}
.social-icon {
margin-right: 0;
}
.text-block-123 {
margin-left: 0;
padding-left: 10px;
}
.artwork_info {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
min-width: 50%;
margin-top: 0;
margin-left: 0;
display: flex;
position: sticky;
inset: 0 0 auto 0%;
}
.artwork_info_box {
flex-flow: column wrap;
justify-content: flex-start;
align-items: stretch;
min-width: 100%;
margin-top: 60px;
margin-bottom: 0;
display: flex;
position: relative;
}
.link-block-33 {
display: flex;
position: absolute;
}
.link-block-33.w--current {
z-index: 8;
display: flex;
top: 0;
left: 0;
}
._3d_content_box {
display: none;
}
.projects_head {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
max-width: none;
min-height: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
display: flex;
top: 20px;
}
.body-43 {
background-color: #eee;
}
.test_box {
display: block;
}
.div-block-196 {
justify-content: space-between;
min-width: auto;
min-height: auto;
}
.terms_of_service_head {
line-height: 40px;
}
.text-block-128 {
font-size: 16px;
}
.dropdown-info-content-tos {
grid-row-gap: 50px;
}
.info-content-name-text {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.terms_of_service_main {
font-size: 18px;
line-height: 25px;
}
.terms_of_service_num {
aspect-ratio: 1;
object-fit: contain;
flex: none;
justify-content: center;
align-items: center;
min-width: 25px;
max-width: 25px;
min-height: 25px;
max-height: 25px;
padding-bottom: 2px;
font-size: 18px;
line-height: 20px;
display: flex;
}
.dropdown-body {
height: 0;
position: static;
}
.dropdown-body.w--open {
height: 100%;
}
.dropdown_info {
z-index: 4;
}
.imprint_main {
font-size: 18px;
line-height: 25px;
}
.imprint_number {
aspect-ratio: 1;
object-fit: contain;
flex: none;
justify-content: center;
align-items: center;
min-width: 25px;
max-width: 25px;
min-height: 25px;
max-height: 25px;
padding-bottom: 2px;
font-size: 18px;
line-height: 20px;
display: flex;
}
.section_terms_of_service {
display: block;
}
.section_info {
padding-top: 50px;
}
.div-block-205 {
place-content: stretch space-between;
align-items: center;
min-height: 100vh;
position: absolute;
inset: 0% 0% auto;
}
.section_contact_studio {
background-color: #fff;
padding-top: 40px;
padding-bottom: 40px;
position: static;
}
.div-block-212 {
background-color: #fff0;
border-left: 0 solid #eee;
justify-content: flex-start;
align-items: center;
min-width: 100vw;
max-width: 100vw;
padding-bottom: 0;
padding-left: 0;
display: flex;
transform: rotate(0);
}
.header_24 {
display: block;
}
.the_solution_left {
border-top-width: 300px;
border-top-color: #eee0;
border-bottom-width: 0;
border-left-width: 300px;
border-left-color: var(--color--background);
opacity: 1;
background-color: #fff0;
max-height: 40vh;
}
.arrow_imprint {
border-top-width: 30px;
border-bottom-width: 30px;
border-left-width: 30px;
margin-left: 15px;
}
.arrow_imprint:active {
border-top-width: 40px;
border-bottom-width: 40px;
border-left-width: 40px;
}
.nav_link_explore {
display: flex;
}
.nav_link_contact, .nav_link_contact:hover {
min-width: 100%;
}
.nav_projects {
min-width: 100%;
max-width: 68%;
}
.nav_projects:hover, .nav_info, .nav_info:hover {
min-width: 100%;
}
.text_info {
color: var(--random-color-e);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
}
.text_info:hover, .text_info:active {
color: var(--random-color-e);
}
.text_contact {
color: var(--random-color-d);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
}
.text_contact:hover, .text_contact:active {
color: var(--random-color-d);
}
.text_exhibitions {
color: #3bb920;
font-size: 20px;
}
.nav_exhibitions {
color: #27b209;
flex-wrap: nowrap;
min-width: 100%;
font-size: 20px;
display: flex;
}
.nav_exhibitions:hover {
color: #47bc2e;
min-width: 100%;
font-size: 20px;
}
.nav_explore.w--current {
width: 100%;
min-width: 100%;
display: none;
}
.nav_explore2 {
min-width: 100px;
font-size: 20px;
}
.text_exploree {
color: #de0f0f;
font-size: 20px;
}
.navbar-20 {
padding-top: 5px;
display: block;
}
.nav_explore-copy.w--current {
width: 100%;
min-width: 100%;
display: none;
}
.navlink {
cursor: crosshair;
align-self: auto;
align-items: center;
max-width: none;
margin-left: 5px;
padding-left: 50vw;
text-decoration: none;
display: flex;
}
.navlink:hover {
min-height: 50px;
margin-left: 5px;
padding-left: 50vw;
}
.navlink.w--current {
justify-content: flex-start;
align-items: center;
margin-left: 5px;
padding-left: 50vw;
display: flex;
}
.navlink.w--current:hover {
background-color: #fff0;
}
.link-block-36 {
text-decoration: none;
display: flex;
}
.link-block-37 {
text-decoration: none;
}
.header_24-copy, .padding_header {
display: block;
}
.body-45 {
background-color: var(--color--background-mobile);
}
.exhibitions_text {
color: var(--random-color-b);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
}
.exhibitions_text:hover {
color: var(--random-color-b);
font-size: 20px;
}
.exhibitions_text:active {
color: var(--random-color-b);
}
.explore_text {
color: var(--random-color-a);
-webkit-text-stroke-color: var(--color--explore);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
}
.explore_text:hover {
color: var(--random-color-a);
font-size: 20px;
}
.explore_text:active {
color: var(--random-color-a);
}
.tsrm {
border-width: 50vw 0 50vw 50vw;
border-left-color: #939393;
border-right-style: solid;
border-right-color: #868686;
max-width: 50vw;
max-height: none;
margin-right: 0;
padding-right: 0;
display: block;
}
.wrapping-ii {
z-index: 91;
justify-content: flex-end;
align-items: stretch;
width: 100%;
min-width: 100%;
min-height: auto;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.div-block-217 {
background-color: #fff;
justify-content: flex-end;
align-items: center;
min-width: 100%;
min-height: 50px;
padding-bottom: 0;
padding-left: 1px;
padding-right: 0;
display: flex;
}
.menu_button_mobile {
background-color: #fff0;
border-radius: 0%;
margin-top: 10px;
margin-right: 2vw;
padding: 0;
}
.menu_button_mobile.w--open {
color: #fff;
background-color: #0000;
max-height: 2px;
}
.icon_menu_button_mobile {
color: #fff;
justify-content: center;
align-items: center;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
display: none;
}
.navbar_web {
padding-top: 5px;
display: none;
}
.header_mobile {
z-index: 9999;
background-color: #fff0;
border-top: 0 solid #7a2d2d00;
border-bottom: 0 solid #835353;
border-right: 0 solid #a84a4a00;
justify-content: flex-end;
align-items: flex-start;
min-width: 100vw;
min-height: 50px;
max-height: 50px;
margin-top: -1px;
margin-right: 0;
padding-top: 0;
display: flex;
position: fixed;
top: 0;
}
.header_mobile:hover {
max-height: 50px;
}
.wrapping {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
margin-right: 0;
display: flex;
}
.wrapping:hover {
min-width: 50%;
}
.text_projects {
color: var(--random-color-c);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
}
.text_projects:hover, .text_projects:active {
color: var(--random-color-c);
}
.div-block-219 {
justify-content: flex-start;
align-items: center;
display: flex;
position: static;
}
.head_tab_text_projects {
opacity: 1;
color: var(--color--projects);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
display: block;
position: static;
}
.gap-tab-head {
background-color: var(--color--background);
opacity: 1;
margin-left: 0;
padding-left: 0;
display: flex;
}
.div-block-222 {
min-width: 40px;
}
.search-input-2 {
margin-right: 20px;
padding-right: 0;
}
.empty-state-3 {
background-color: #fff;
}
.new {
color: #000;
}
.body-46 {
background-color: #eee;
}
.searchbar {
border-right: 0 solid #000;
min-width: 100%;
padding-right: 0;
}
.head_tab_text_contact {
color: var(--contact);
font-size: 30px;
}
.tab_link_echo_projects {
background-color: #ddd0;
display: none;
}
.text-current-tab-projects {
z-index: 101;
display: flex;
position: static;
inset: 0% auto auto 0%;
}
.image-223-copy {
min-width: 35px;
max-width: 35px;
min-height: 35px;
max-height: 35px;
}
.current-tab-projects {
border-bottom: 100vh solid #fff;
justify-content: flex-start;
min-width: 100vw;
max-width: 100vw;
padding-bottom: 0;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.div_head, .text-current-tab-projects-copy {
display: none;
}
.head_tab_text_exhibitions {
color: var(--exhibitions);
width: auto;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
}
.image-230 {
min-width: 95vw;
}
.future_head {
line-height: 40px;
}
.margin-copy {
padding-top: 10px;
padding-bottom: 10px;
}
.now_head, .past_head {
line-height: 40px;
}
.placeholder_exhibitions {
font-size: 30px;
line-height: 40px;
}
.section-36 {
z-index: 6;
background-color: #fff;
margin-top: 50px;
padding: 140px 20px 75vh;
position: relative;
}
.artwork_presentation_mobile {
margin-top: 50px;
padding-top: 20px;
}
.the_solution_left_left, .the_solution_left_right, .the_solution_left-copy {
border-top-width: 300px;
border-left-width: 300px;
}
.margin-copy {
min-width: 50%;
max-width: none;
margin-right: 0;
padding-top: 0;
display: block;
}
.projects_description {
font-size: 25px;
line-height: 40px;
}
.div-block-234 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
min-width: 50%;
display: flex;
top: 100px;
}
.related {
margin-top: 0;
}
.site_name_tab_dived {
display: none;
}
.dropdown-info-biography_cont {
grid-column-gap: 10px;
}
.projects-site-name-web {
display: none;
}
.projects_text_block {
font-size: 25px;
}
.projects-site-name-mobile {
z-index: 100;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.nav_menu_mobile {
z-index: 6;
background-color: #fff0;
max-width: 50%;
margin-top: 0;
margin-left: 50vw;
margin-right: 0;
display: block;
position: absolute;
}
.project_text_block-copy {
font-weight: 400;
}
.images_boxes {
display: none;
}
.image-slider-mobile {
object-fit: fill;
justify-content: center;
align-items: center;
max-width: 100%;
min-height: auto;
max-height: 70vh;
display: none;
position: relative;
}
.image-235 {
aspect-ratio: auto;
object-fit: fill;
min-width: auto;
max-width: 70vw;
min-height: auto;
max-height: 70vh;
overflow: hidden;
}
.lr {
object-fit: fill;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 45%;
bottom: 45%;
overflow: hidden;
}
.div-block-249 {
background-color: #78e3dc00;
border: 30px solid #0000;
border-left: 0 solid #4188b4;
border-right-color: #237996;
min-width: 30px;
padding-bottom: 0;
padding-right: 0;
}
.slide-1 {
object-fit: contain;
min-height: 70vh;
padding-left: 0;
padding-right: 0;
position: static;
overflow: hidden;
}
.slider-3 {
background-color: #ddd0;
flex-flow: wrap;
justify-content: center;
align-items: center;
min-height: 70vh;
max-height: 70vh;
display: flex;
position: static;
}
.left_arrow_triangle {
background-color: #78e3dc00;
border: 30px solid #0000;
border-left: 0 solid #4188b4;
border-right-color: #237996;
min-width: 30px;
padding-bottom: 0;
padding-right: 0;
}
.rr {
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
}
.right_arrow_triangle {
background-color: #78e3dc00;
border: 30px solid #0000;
border-left-color: #c6d33f;
border-right: 0 solid #237996;
min-width: 30px;
padding-bottom: 0;
padding-right: 0;
}
.slide-nav {
font-size: 5px;
}
.mask-2 {
object-fit: fill;
min-width: 100%;
max-width: 96vw;
min-height: 70vh;
max-height: 70vh;
position: relative;
overflow: visible;
}
.lightbox-link-2 {
object-fit: fill;
justify-content: center;
align-items: center;
min-width: 70vw;
max-height: none;
display: flex;
}
.slider-4 {
display: none;
}
.div-block-250 {
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 100%;
max-width: 100%;
min-height: 100%;
max-height: 100%;
padding-left: 10%;
padding-right: 10%;
display: flex;
}
.image_slider_1 {
aspect-ratio: auto;
object-fit: contain;
min-width: 100%;
max-width: 70vw;
min-height: auto;
max-height: 70vh;
overflow: visible;
}
.image_slider_2 {
aspect-ratio: auto;
object-fit: fill;
min-width: auto;
max-width: 70vw;
min-height: auto;
max-height: 70vh;
overflow: hidden;
}
.image_slider_3 {
aspect-ratio: auto;
object-fit: fill;
min-width: 100%;
max-width: 70vw;
min-height: 100%;
max-height: 70vh;
overflow: hidden;
}
.slide-1-copy {
object-fit: contain;
min-height: 70vh;
padding-left: 0;
padding-right: 0;
position: static;
overflow: hidden;
}
.div-block-252 {
align-items: flex-start;
display: block;
position: relative;
left: 0;
}
.artwork_info_box_phone {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
min-width: 100%;
margin-top: 60px;
display: none;
position: sticky;
}
.collection_list_dia {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.collection_item_dia {
min-width: 2%;
min-height: 2%;
}
.div_dia {
min-width: 200vw;
position: relative;
left: -55.6vw;
}
.div_block_dia {
padding-top: 100%;
}
.link_block_dia {
display: block;
}
.shadow_projects {
font-size: 25px;
}
.exhibitions_text-copy {
color: #20b101;
font-size: 20px;
}
.explore-desktop {
display: none;
}
.diagonal_gallery {
display: block;
}
.hourglass_box {
z-index: 6;
background-color: #fff;
margin-top: 0;
margin-bottom: 60px;
padding-top: 0;
padding-bottom: 0;
display: block;
top: 0;
bottom: 0;
}
.pe, .pe-bottom {
margin-left: 40px;
margin-right: 40px;
}
.site_name_tab_dived-copy {
display: none;
}
.related-artworks {
padding-top: 100px;
padding-bottom: 100px;
}
.text-block-139 {
margin-top: 60px;
font-size: 40px;
}
.pe-top2 {
margin-top: 40px;
margin-left: 40px;
margin-right: 40px;
}
.div-block-259, .pe-top-copy-copy-copy-copy {
margin-left: 40px;
margin-right: 40px;
}
.div-block-259-copy {
margin-bottom: 10px;
margin-left: 40px;
margin-right: 40px;
padding-bottom: 0;
}
.text-copyright {
padding-top: 2%;
padding-bottom: 2%;
}
.text-footer {
box-sizing: border-box;
color: var(--black);
object-fit: fill;
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
min-width: 100%;
padding: 0% 0 0% 10px;
font-size: 14px;
font-weight: 700;
display: flex;
}
.footer_2024 {
z-index: 3;
background-color: #fff0;
border-top: 0 solid #bdbdbd;
border-bottom: 0 solid #000;
border-left: 0 solid #0000;
justify-content: flex-end;
align-items: flex-end;
margin-top: 0;
padding-top: 0;
display: flex;
position: fixed;
inset: auto 0% 0% auto;
overflow: visible;
}
.link-block-42 {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: row;
justify-content: flex-end;
align-items: center;
max-width: 100%;
display: flex;
}
.footer-displacement {
margin-top: 0;
}
.footer_right {
z-index: 11;
padding-bottom: 0;
padding-right: 0;
position: static;
inset: auto 0% 0% auto;
}
.button-menu-test {
display: none;
}
.menubutton {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
position: fixed;
}
.div-block-262 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: 100%;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
max-width: 40px;
max-height: 40px;
display: grid;
overflow: hidden;
}
.div-block-263 {
background-color: #000;
}
.mbbc {
background-color: var(--color--text);
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
padding-bottom: 0;
padding-right: 0;
font-size: 0;
line-height: 0;
display: block;
overflow: visible;
}
.div-block-264 {
max-width: 15px;
max-height: 15px;
position: static;
}
.menu-button-white-corner {
background-color: #fff0;
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
padding-bottom: 0;
padding-right: 0;
}
.div-block-265 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #080707;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-width: 5px;
max-width: 5px;
min-height: 5px;
max-height: 5px;
display: block;
}
.menu_buttonfly {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
border-radius: 0%;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
min-width: 50px;
max-width: 50px;
min-height: 50px;
max-height: 50px;
display: grid;
overflow: hidden;
}
.slider-container {
min-height: 30vh;
}
.section_home {
justify-content: center;
align-items: center;
width: auto;
height: 60vh;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.mainslid {
display: block;
}
.containerslid {
flex: 0 auto;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.slide_image {
aspect-ratio: auto;
object-fit: contain;
width: 100%;
height: 40rem;
}
.div-block-266, .collection-list-wrapper-18 {
display: none;
}
.lightbox-link-3 {
width: 100vw;
}
.image-243 {
width: 90vw;
height: 60vh;
}
.div-block-267 {
display: none;
}
.splide__slide {
padding: 0 0;
}
.div-block-269 {
justify-content: flex-start;
align-items: center;
display: flex;
inset: 0% auto auto 0%;
}
.tsrm_pr {
display: none;
}
.tsrm_pr.w--current {
display: block;
position: absolute;
}
.tsrm-pr {
border-width: 50vw 0 50vw 50vw;
border-right-style: solid;
border-right-color: #868686;
border-left-color: var(--random-color-c);
max-width: 50vw;
max-height: none;
margin-right: 0;
padding-right: 0;
display: block;
position: relative;
}
.tsrm_ep {
display: none;
}
.tsrm_ep.w--current {
display: block;
position: absolute;
}
.tsrm-ep {
border-width: 50vw 0 50vw 50vw;
border-right-style: solid;
border-right-color: #868686;
border-left-color: var(--random-color-a);
max-width: 50vw;
max-height: none;
margin-right: 0;
padding-right: 0;
display: block;
}
.tsrm_eh {
display: none;
}
.tsrm_eh.w--current {
display: block;
}
.tsrm-eh {
border-width: 50vw 0 50vw 50vw;
border-right-style: solid;
border-right-color: #868686;
border-left-color: var(--random-color-b);
max-width: 50vw;
max-height: none;
margin-right: 0;
padding-right: 0;
display: block;
}
.tsrm_co {
display: none;
}
.tsrm_co.w--current {
display: block;
}
.tsrm-co {
border-width: 50vw 0 50vw 50vw;
border-right-style: solid;
border-right-color: #868686;
border-left-color: var(--random-color-d);
max-width: 50vw;
max-height: none;
margin-right: 0;
padding-right: 0;
display: block;
}
.tsrm_in {
display: none;
}
.tsrm_in.w--current {
display: block;
position: absolute;
}
.tsrm-in {
border-width: 50vw 0 50vw 50vw;
border-right-style: solid;
border-right-color: #868686;
border-left-color: var(--random-color-e);
max-width: 50vw;
max-height: none;
margin-right: 0;
padding-right: 0;
display: block;
}
.tsrm_pr_tp {
display: none;
}
.tsrm-pr-template {
border-width: 50vw 0 50vw 50vw;
border-left-color: #939393;
border-right-style: solid;
border-right-color: #868686;
max-width: 50vw;
max-height: none;
margin-right: 0;
padding-right: 0;
display: block;
}
.exhibitions_text_block {
color: var(--exhibitions);
padding-left: 40px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
}
.frame_block {
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-271 {
background-color: #868c84;
min-height: 100vh;
margin-top: 50px;
}
.pagename {
z-index: 9999;
background-color: #fff0;
margin-left: 3vw;
font-family: Neuehaasunicapro, Arial, sans-serif;
display: block;
position: absolute;
inset: 0% auto auto 0%;
}
.link-block-43 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-top: 10px;
padding-left: 10px;
display: flex;
}
.body-50 {
background-color: #331616;
}
.image-244 {
max-width: 40px;
max-height: 40px;
}
.projects {
text-decoration: none;
display: none;
}
.projects.w--current {
display: flex;
}
.current-tab {
z-index: 1;
border-bottom: 0 solid #fff;
justify-content: flex-start;
min-width: 100vw;
max-width: 100vw;
margin-left: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.link-block-44 {
background-color: #fff;
display: none;
}
.link-block-44.w--current {
background-color: #fff;
display: flex;
}
.div-block-272 {
opacity: 0;
padding-left: 60px;
}
.explore {
display: block;
}
.explore.w--current {
text-decoration: none;
display: block;
}
.head_tab_text_explore {
color: var(--explore);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.link_text_explore {
display: none;
}
.link_text_explore.w--current {
z-index: 8;
display: flex;
top: 0;
left: 0;
}
.tab_explore {
background-color: #fff;
display: none;
}
.tab_explore.w--current {
background-color: #fff;
display: flex;
}
.text-icon {
z-index: 10;
justify-content: flex-start;
align-items: center;
margin-top: 5px;
padding-left: 0;
text-decoration: none;
display: flex;
position: fixed;
}
.exhibitions {
display: none;
}
.exhibitions.w--current {
text-decoration: none;
display: flex;
}
.tab-mobile {
background-color: #fff0;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.contact {
text-decoration: none;
display: none;
}
.contact.w--current {
margin-top: 0;
padding-top: 0;
display: flex;
}
.head_tab_text_info {
color: var(--info);
font-size: 30px;
font-weight: 700;
}
.content {
z-index: 4;
background-color: #fff;
min-height: 100vh;
margin-top: 50px;
display: none;
position: relative;
}
.video-explore {
z-index: 2;
min-height: 100vh;
margin-top: 0;
display: none;
position: fixed;
}
.image-245 {
aspect-ratio: 2160 / 3840;
min-width: auto;
max-width: 100vw;
min-height: auto;
overflow: clip;
}
.div-block-273 {
z-index: 4;
position: static;
}
.video-explore-mobile-tab {
z-index: 5;
background-color: #eee0;
flex-flow: row;
justify-content: flex-start;
align-items: center;
min-width: 100vw;
min-height: 50px;
max-height: 50px;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: absolute;
}
.triangle-explore-head {
border-style: solid;
border-width: 50px 0 0 50px;
border-color: var(--body-grey-light) #0000 #0000;
min-width: 50px;
min-height: 50px;
padding-bottom: 0;
padding-right: 0;
}
.div-block-275 {
background-color: #eee;
min-width: 100%;
min-height: 50px;
padding-bottom: 0;
padding-right: 0;
}
.gap-transparent {
opacity: 1;
background-color: #fff0;
border-bottom-width: 0;
margin-left: 0;
padding-left: 60px;
display: flex;
}
.background-video-5 {
aspect-ratio: 2160 / 3840;
min-width: 100vw;
min-height: 100vh;
margin-top: 0;
padding-top: 0;
display: block;
overflow: visible;
}
.div-block-276 {
display: none;
}
.text-footer-info {
color: var(--color--text);
justify-content: flex-start;
align-items: center;
padding-top: 2%;
padding-bottom: 2%;
font-size: 20px;
font-weight: 700;
display: block;
}
.image-246 {
opacity: 1;
mix-blend-mode: luminosity;
}
.div-block-278 {
z-index: 2;
aspect-ratio: 1;
border-bottom: 200px solid #fe0000;
border-left: 200px solid #0000;
padding-bottom: 0;
padding-right: 0;
position: absolute;
}
.footer-triangle, .f-triangle, .f-frame {
z-index: 2;
aspect-ratio: 1;
border-bottom: 230px solid #fe0000;
border-left: 230px solid #0000;
padding-bottom: 0;
padding-right: 0;
position: absolute;
}
.gap-tab-head-copy {
opacity: 1;
background-color: #fff;
margin-left: 0;
padding-left: 60px;
display: flex;
}
.text-copyright-footer {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
}
.info-content {
z-index: 6;
background-color: #fff;
min-height: 100vh;
margin-top: 0;
display: block;
position: relative;
}
.bio-text-block {
font-size: 16px;
display: flex;
}
.f1 {
display: block;
}
.div-block-288 {
z-index: 50;
background-color: #fff;
min-height: 200px;
padding-bottom: 0;
padding-right: 0;
position: relative;
}
.div-block-289 {
min-height: 230px;
}
.desktop {
display: none;
}
.mobile {
margin-top: 0;
margin-left: 0;
display: flex;
}
.projects-desktop, .contact-desktop, .exhibitions-desktop, .info-desktop {
display: none;
}
.main_wrapper_exhib_slider {
background-color: var(--color--background);
margin-top: 0;
margin-left: 0;
padding-top: 50px;
padding-left: 3vw;
}
.swiper.is-exhibitions {
min-height: 70vh;
}
.swiper.is-now {
background-color: var(--color--background);
}
.exhibition-image-wrapper {
background-color: #fff0;
}
.text_exhibi_date {
color: var(--color--text-light);
}
.text-time {
font-size: 60px;
}
.text-now, .text-future {
font-size: 30px;
}
.exhibition-image {
object-fit: cover;
max-width: 30vw;
min-height: 40vh;
}
.gap-footer {
background-color: #fff;
min-height: 400px;
}
.pe-resume {
margin-left: 40px;
margin-right: 40px;
}
.artwork_presentation_web-tablet {
padding-bottom: 0;
display: block;
}
.artwork {
z-index: 4;
margin-top: 0;
padding: 10px 0 100px;
position: relative;
}
.greyfade {
background-image: linear-gradient(0deg, #eee, #fff);
}
.collection-list-9 {
grid-template-columns: 1fr 1fr;
}
.related-projects {
z-index: 200;
background-color: var(--color--background-mobile);
margin-top: 0;
position: relative;
}
.collection-list-wrapper-19 {
margin-top: 0;
margin-bottom: 40px;
}
.related-projects-list {
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 50px 20px 40px;
}
.rel-project-year {
margin-left: 8px;
}
.tab_link_echo_projects-template {
background-color: #ddd0;
padding-left: 100px;
display: block;
}
.pagename-mobile {
z-index: 1;
max-width: 100vw;
min-height: 50px;
display: block;
position: absolute;
overflow: clip;
}
.text-current-tab-projects-copy {
z-index: 10;
min-height: 0;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.link-block-33-copy {
z-index: 1001;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.link-block-33-copy.w--current {
z-index: 8;
display: flex;
top: 0;
left: 0;
}
.image-223-copy-copy {
min-width: 35px;
max-width: 35px;
min-height: 35px;
max-height: 35px;
}
.head_tab_text_projects-copy {
opacity: 1;
color: var(--color--projects);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
display: block;
position: static;
}
.current-tab-projects-copy {
z-index: 5;
border-bottom: 100vh solid #fff;
justify-content: flex-start;
min-width: 100vw;
max-width: 100vw;
padding-bottom: 0;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.gap-tab-head-copy {
background-color: var(--color--background);
opacity: 1;
min-height: auto;
margin-left: 0;
padding-left: 0;
display: flex;
}
.tab_link_echo_projects-template-copy {
background-color: #ddd0;
padding-left: 100px;
display: block;
}
.div-block-222-copy {
min-width: 40px;
display: none;
}
.head_tab_text_projects_echo-copy {
color: var(--invert);
background-color: #fff;
}
.the_solution_left-copy {
border-top-width: 300px;
border-top-color: #eee0;
border-bottom-width: 0;
border-left-width: 300px;
border-left-color: var(--color--background);
opacity: 1;
background-color: #fff0;
max-height: 40vh;
}
.site_name_tab_web {
display: none;
}
.project_text_block-copy-copy, .project_text_block-copy-copy-copy {
font-weight: 400;
}
.empty-state-9 {
background-color: #ddd0;
}
.artwork-echo {
background-color: #ddd0;
padding-left: 100px;
display: block;
}
.content-frame-left {
max-width: 50vw;
padding-right: 12%;
}
.div-block-304 {
max-width: 50vw;
}
.gap-footer-ii {
background-color: #fff;
min-height: 130vh;
margin-top: 50px;
}
.video-explore-web, .video-explore-copy {
z-index: 1;
min-height: 100vh;
margin-top: 0;
display: block;
position: fixed;
}
.custom-background-video {
display: block;
}
.c-e-web {
display: none;
}
.c-e-mobile {
display: block;
}
.exhibitions-content {
z-index: 1002;
background-color: #fff;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
}
.text-block-145 {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
}
.lightbox-link-4, .image-251 {
object-fit: contain;
min-width: 100%;
}
.div-block-308 {
min-width: 100%;
}
.exhibition-template-head {
font-weight: 400;
}
.body-51 {
background-color: #eee;
}
.sitename-exhibition-template-mobile {
padding-top: 0;
padding-left: 0;
display: flex;
position: absolute;
}
.text-block-147 {
color: var(--exhibitions);
padding-left: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
}
.link-block-45 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
text-decoration: none;
display: flex;
}
.div-block-309 {
min-width: 50px;
max-width: 50px;
min-height: 50px;
max-height: 50px;
}
.head-tab-text-exhibition-tmplate {
opacity: 1;
color: var(--exhibitions);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
position: static;
}
.exhibitions-text-template {
font-weight: 400;
}
.studio_mobile {
line-height: 40px;
}
.link-block-46 {
color: var(--color--text);
text-decoration: none;
}
.prev-next_button {
margin-top: 0;
}
.content_card-info-web {
flex: 0 auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
align-self: flex-start;
place-items: start;
min-width: 100%;
margin-top: 0;
}
.fs-cc-manager2_button {
display: none;
}
.fs-cc-manager2_component {
display: block;
}
.fs-cc-prefs2_component, .transparent_one_click {
display: none;
}
.text-block-150 {
color: var(--color--link-color);
}
.link-6 {
color: #000;
text-decoration: none;
}
.info-content-i {
margin-top: 0;
}
.search-result-item {
margin-bottom: 0;
padding-bottom: 0;
}
.div-block-319 {
background-color: var(--color--background);
padding-top: 15px;
padding-bottom: 15px;
}
.info_text_search {
font-weight: 400;
}
.sitename_text_mobile_info {
opacity: 1;
color: var(--info);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
display: block;
position: static;
}
.sitname_echo_info {
color: #fff0;
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.search-result-list {
padding-left: 20px;
}
.darkmode {
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-left: 20px;
margin-right: 70px;
padding-top: 0;
padding-bottom: 50px;
position: relative;
}
.toggle_wrap {
margin-right: 10px;
}
.darkmode-ii {
justify-content: flex-end;
align-items: flex-end;
margin-top: 0;
margin-bottom: 10px;
display: flex;
position: relative;
inset: 0 0% 0% 0;
}
.darkmode-web {
display: none;
}
.dark {
z-index: 14;
margin-right: 70px;
display: block;
position: absolute;
inset: 0% 0% auto auto;
}
.code-embed {
color: var(--color--text);
}
.diagonal_gallery-mobile {
display: none;
}
.div_dia_mobile {
min-width: 150vw;
position: relative;
left: -166px;
}
.collection_list_dia_mobile {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.collection_item_dia_mobile {
min-width: 2%;
min-height: 2%;
}
.div_block_dia_mobile {
padding-top: 100%;
}
.diagonal_gallery_web {
display: block;
}
.div_dia_web {
min-width: 200vw;
position: relative;
left: -55.6vw;
}
.transparent_one_click_web {
display: none;
}
.collection_list_dia_web {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.collection_item_dia_web {
min-width: 2%;
min-height: 2%;
}
.link_block_dia_web {
display: block;
}
.div_block_dia_web {
padding-top: 100%;
}
.code_embed_explore, .code_embed_exhibitions, .code_embed_projects, .code_embed, .code_embed_contact, .code_embed_info, .code_embed_exhibitions_hover, .shit, .code_embed_explode {
color: var(--color--text);
}
.explode_text {
color: #20b101;
font-size: 20px;
}
.code_embed_exhibitions-copy, .code_embed_projects2 {
color: var(--color--text);
}
.projects_text_header {
color: #20b101;
font-size: 20px;
}
.code_embed_exhibitions-copy, .code_embed_contact1 {
color: var(--color--text);
}
.text_contact_head {
color: #20b101;
font-size: 20px;
}
.code_embed_info1 {
color: var(--color--text);
}
.text_info_head {
color: #20b101;
font-size: 20px;
}
.code_embed_contact_mobile {
color: var(--color--text);
}
.codeembed-contact-mobile {
color: var(--random-color-d);
margin-right: 10px;
}
.codeembe-info-mobile {
color: var(--random-color-e);
}
.codeembed-exhibitions-mobile {
color: var(--random-color-b);
}
.codeembed-projects-mobile, .codeembed-projects-mobile:active {
color: var(--random-color-c);
}
.codeembed-explore-mobile {
color: var(--random-color-a);
-webkit-text-stroke-color: var(--color--explore);
}
.gap-footer-iii {
background-color: #fff;
min-height: 400px;
}
.paragraph-7 {
font-size: 14px;
}
.video-background-section-mobile {
z-index: 4;
min-width: 100vw;
min-height: 100vh;
margin-top: 0;
display: block;
position: fixed;
}
.video_background_web, .video-dia-web {
display: none;
}
.explore-video_mobile {
aspect-ratio: 2048 / 2732;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
min-width: 100vw;
min-height: 100vh;
margin-top: 0;
padding-top: 0;
display: flex;
overflow: visible;
transform: scale(1.1);
}
.description_artwork {
padding-top: 0;
}
.description_artwork_headline {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.description_artwork_dropdown {
z-index: 4;
}
.dropdown-description-content {
grid-row-gap: 50px;
}
.paragraph-description {
font-size: 14px;
}
.artwork_info_box_web {
flex-flow: column wrap;
justify-content: flex-start;
align-items: stretch;
min-width: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
}
.code_embed_tab_general {
min-width: 30px;
min-height: 30px;
}
.details-mobile {
z-index: 2000;
align-items: flex-start;
display: block;
position: sticky;
top: 80px;
left: 0;
}
.details-web {
align-items: flex-start;
display: none;
position: relative;
left: 0;
}
.code_embed_tab, .code_embed_projects2-copy, .code_embed_projects_tabs {
color: var(--color--text);
}
.code_embed_projects_tabs-mobile {
color: var(--color--projects);
position: static;
}
.tablink-projects {
z-index: 2000;
min-height: 50px;
max-height: 50px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 70px;
text-decoration: none;
display: flex;
position: absolute;
}
.tablink-projects.tablink {
padding-left: 60px;
}
.text-block-152 {
opacity: 0;
color: var(--invert);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.content-project {
margin-top: 5vh;
padding-left: 3vw;
padding-right: 3vw;
position: relative;
}
.text-block-153 {
opacity: 0;
color: #0000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.global-gap {
height: 230px;
}
.empty-state-project {
background-color: #ddd0;
}
.empty-state-project-text {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
transform: rotate(45deg);
}
.studio_head_mobile {
line-height: 40px;
display: none;
}
.image-254 {
object-fit: cover;
}
.details-web-copy, .details-web-copy-copy {
align-items: flex-start;
display: none;
position: relative;
left: 0;
}
.text-block-155 {
opacity: 0;
color: #0000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.tablink-info {
z-index: 2000;
min-height: 50px;
max-height: 50px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 70px;
text-decoration: none;
position: relative;
}
.text-block-156 {
opacity: 0;
color: #0000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.tablink-contact {
z-index: 2000;
min-height: 50px;
max-height: 50px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 70px;
text-decoration: none;
position: relative;
}
.text-block-157 {
opacity: 0;
color: #0000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.tablink-exhibitions {
z-index: 2000;
min-height: 50px;
max-height: 50px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 70px;
text-decoration: none;
position: relative;
}
.tablink-exhibitions.tablink {
position: absolute;
}
.text-block-158, .text-block-159 {
opacity: 0;
color: #0000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.arrow-dropdown-i {
border-left-color: var(--random-color-2);
}
.arrow-dropdown-ii {
border-left-color: var(--random-color-3);
}
.f1-copy {
display: block;
}
.explore_text_tab {
font-weight: 400;
}
.site_name_tab_explore {
display: none;
}
.code_embed_tab_mobile_projects {
min-width: 30px;
min-height: 30px;
}
.gap-tab-head-2 {
opacity: 1;
background-color: #fff;
margin-left: 0;
padding-left: 0;
display: flex;
}
.div-block-336 {
opacity: 0;
padding-left: 60px;
}
.head_tab_text_exhibitions-2 {
color: #00e669;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
}
.the_solution_left-2 {
opacity: 1;
background-color: #fff0;
border-top-width: 300px;
border-top-color: #eee0;
border-bottom-width: 0;
border-left-width: 300px;
border-left-color: #fff;
max-height: 40vh;
}
.heading-antigravity {
flex-direction: column;
}
.collection-list-12 {
grid-template-columns: 1fr 1fr;
}
.head-framing {
background-color: var(--color--background);
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.div-block-338 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
min-width: 50%;
display: flex;
top: 100px;
}
.projects_description-2 {
font-size: 25px;
line-height: 40px;
}
.dropdown-description-content-2 {
grid-row-gap: 50px;
}
.description_artwork_dropdown-2 {
z-index: 4;
}
.artwork-2 {
z-index: 4;
margin-top: 0;
padding-top: 10px;
padding-bottom: 100px;
position: relative;
}
.text-block-162 {
font-size: 16px;
}
.dropdown_info-2 {
z-index: 4;
}
.dropdown-body-2 {
height: 0;
position: static;
}
.dropdown-body-2.w--open {
height: 100%;
}
.div-block-340 {
justify-content: space-between;
min-width: auto;
min-height: auto;
}
.description_artwork_headline-2 {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.content_card-info-text-4 {
width: auto;
font-size: 15px;
}
.aenti-project {
z-index: 4;
margin-top: 0;
padding-top: 10px;
padding-bottom: 100px;
position: relative;
top: 0;
}
.projects-title {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
max-width: none;
min-height: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
display: flex;
top: 20px;
}
.block-gap {
justify-content: space-between;
min-width: auto;
min-height: auto;
}
.bd-heading-copy.h1, .bd-heading-copy.h1-copy {
margin-top: -3px;
font-size: 45px;
}
.details-web-anti {
align-items: flex-start;
display: none;
position: relative;
left: 0;
}
.content_card-info-web-anti {
flex: 0 auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
align-self: flex-start;
place-items: start;
min-width: 100%;
margin-top: 0;
}
.content_card-info-text-4-anti {
width: auto;
font-size: 15px;
}
.artwork_presentation_web-tablet-anti {
padding-bottom: 0;
display: block;
}
.artwork_presentation_mobile-anti {
margin-top: 50px;
padding-top: 20px;
}
.details-mobile-anti {
z-index: 2000;
align-items: flex-start;
display: block;
position: sticky;
top: 80px;
left: 0;
}
.content_card-info-mobile-anti {
flex: 0 auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
align-self: flex-start;
place-items: start;
min-width: 100%;
margin-top: 0;
}
.content_card-info-text-mobile-4 {
width: auto;
font-size: 15px;
}
.artwork_info_box_web-anti {
flex-flow: column wrap;
justify-content: flex-start;
align-items: stretch;
min-width: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
}
.frame-description-anti {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
min-width: 50%;
display: flex;
top: 100px;
}
.description_artwork-anti {
padding-top: 0;
}
.description_artwork_headline-anti {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.description_artwork_dropdown-anti {
z-index: 4;
}
.dropdown-body-anti {
height: 0;
position: static;
}
.dropdown-body-anti.w--open {
height: 100%;
}
.body-54 {
background-color: var(--color--background);
}
.antigravity-header {
justify-content: flex-end;
align-items: flex-start;
width: 100vw;
display: flex;
inset: 0% 0% auto auto;
}
.butto-ae {
z-index: 10;
padding: 0;
inset: 0% 0% auto auto;
}
.butto-ae.w--open {
z-index: 10;
background-color: #c8c8c800;
justify-content: center;
align-items: center;
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
padding: 0;
display: flex;
position: fixed;
}
.butto-ae.w--open:active {
background-color: #c8c8c800;
}
.logo-ae {
color: var(--color--text);
justify-content: center;
align-items: center;
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
font-family: Neuehaasunica, sans-serif;
font-size: 40px;
font-weight: 700;
display: flex;
}
.link-block-anti {
justify-content: flex-end;
align-items: flex-start;
width: 100vw;
display: flex;
}
.link-anti {
text-decoration: none;
}
.text-block-164 {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 40px;
font-weight: 700;
}
.nav-menu-7 {
background-color: var(--color--background);
min-width: 100vw;
max-width: none;
min-height: 100vh;
max-height: 100vh;
margin-top: 0;
margin-right: 0;
padding-top: 70px;
padding-right: 20px;
}
.container-48 {
width: 100vw;
margin-left: 0;
margin-right: 0;
}
.code_embed_exhibitions-white {
color: var(--color--text);
}
.exhibitions-template-desktop, .header-web {
display: none;
}
.page-name.co {
margin-right: 5px;
}
.page-name.pro {
margin-right: 5px;
line-height: 1.5rem;
}
.pagename-web {
margin-left: 10px;
}
.info-content-ii {
z-index: 6;
background-color: #fff;
min-height: auto;
margin-top: 0;
display: block;
position: relative;
}
.project-name-text.h1, .project-name-text.h1-copy {
margin-top: -3px;
font-size: 45px;
}
.footer_div-copy {
border-bottom: 0 solid #df0909;
border-left: 0 solid #0000;
justify-content: flex-end;
align-items: flex-end;
margin-bottom: 0;
margin-left: 10px;
margin-right: 0;
position: relative;
}
.code-embed-6 {
color: #000;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
display: none;
}
.image-273 {
min-width: 50px;
max-width: 50%;
min-height: 50px;
max-height: 50px;
}
.butterfly_icon {
color: var(--color--text);
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
}
.code_embed_exhibitions_tab_mobile {
color: var(--random-color-b);
width: 30px;
height: 30px;
margin-right: 10px;
}
.subhead-main {
font-size: 29px;
}
.subhead-main._80 {
max-width: 100%;
}
.pagename-explore, .pagename-info {
margin-left: 3vw;
}
.info-content {
z-index: 10;
background-color: var(--color--background-mobile);
min-width: auto;
min-height: auto;
margin-left: 0;
padding-left: 2vw;
padding-right: 2vw;
}
.related-project {
margin-top: 0;
}
.pagename-template {
margin-top: 15px;
padding-left: 3vw;
}
}
@media screen and (max-width: 767px) {
.section {
padding-left: 20px;
padding-right: 20px;
}
.container-flex {
padding-left: 24px;
padding-right: 24px;
}
.featured-text {
margin-bottom: 40px;
}
.grid-2-columns {
flex-direction: column;
display: flex;
}
.grid-2-columns.mobile-inverted {
flex-direction: column-reverse;
}
.footer-menu {
flex-wrap: wrap;
}
.brand {
padding-left: 0;
}
.footer-brand {
flex: 0 100%;
align-self: flex-start;
margin-bottom: 20px;
}
.container {
padding-left: 24px;
padding-right: 24px;
}
.subfooter {
text-align: left;
}
.text-block-2 {
margin-bottom: 4%;
padding-left: 4%;
}
.header1 {
background-color: #dddc;
}
.header1:hover {
color: #000;
}
.text-block-5 {
margin-top: -100%;
}
.link-block-10 {
padding-right: 0%;
}
.div-block-21 {
border-radius: 100%;
}
.footer_div {
z-index: 0;
margin-left: 0;
bottom: auto;
right: auto;
}
.track {
display: none;
}
.textblockmagda1 {
padding-left: 2%;
font-size: 14px;
font-weight: 400;
}
.wohoo2 {
margin-top: 2%;
margin-bottom: 2%;
}
.map-contain {
font-size: 1.8vw;
}
.item, .item-3 {
width: 90vw;
}
.map, .map:hover {
font-size: 1.6vh;
}
.container-28.is--map, .container-28.is--map-mobile, .container-28.is--map-copy, .container-28.is--map-copy, .container-28-copy.is--map, .container-28-copy.is--map-copy {
align-items: flex-start;
padding-left: 2.9em;
padding-right: 3em;
overflow: scroll;
}
.binary-period-dot:hover {
filter: none;
}
.image-132 {
margin-top: 0%;
}
.header_exhibitions {
filter: none;
background-color: #dddc;
}
.header_exhibitions:hover {
color: #000;
}
.header_projects {
background-color: #dddc;
}
.header_projects:hover {
color: #000;
}
.header_projects:active {
filter: none;
}
.header_home {
background-color: #dddc;
border-bottom-left-radius: 0;
}
.header_home:hover {
color: #000;
}
.div-block-33 {
padding-top: 0%;
}
.top_input {
border-top-left-radius: 26px;
border-top-right-radius: 26px;
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
padding-bottom: 10%;
}
.bottom_input {
margin-left: 0%;
margin-right: 0%;
}
.column-24 {
padding-top: 0;
padding-left: 0%;
}
.textblockinput2 {
padding-left: 2%;
}
.image_magda_1 {
padding-left: .5px;
padding-right: .5px;
}
.headline_magda {
margin-left: 2%;
padding-top: 0;
font-size: 35px;
}
.textblockmagda2-copy {
padding-left: 2%;
}
.textblockmagda1-copy {
padding-left: 0%;
}
.content_magdalena2 {
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
}
.image_magda2 {
padding-left: .5px;
padding-right: .5px;
}
.column-21-copy {
padding-left: 0;
padding-right: 0;
}
.body-28 {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf353a6df72279d793c448_MAgdalena%20Render%20side%20blur.jpg");
background-position: 0 0;
background-size: auto;
}
.the_massacre_data {
padding-left: 2%;
}
.underline_magdalena_1 {
padding-top: 0%;
padding-left: 2%;
}
.container-28-mobile.is--map, .container-28-mobile.is--map-mobile, .container-28-mobile.is--map-mobile-copy {
align-items: flex-start;
padding-left: 2.9em;
padding-right: 3em;
overflow: scroll;
}
.wohoo2-2 {
margin-top: 2%;
margin-bottom: 2%;
}
.div-block-37 {
border-radius: 100%;
}
.image-134 {
margin-top: 0%;
}
.slider_magda_text {
padding-left: 0%;
}
.div-block-space {
padding-top: 0%;
}
.slider-item {
width: 55%;
height: 40%;
padding-bottom: 80px;
}
.slider-navigation.prev-slide {
margin-left: 0;
}
.paragraph-2 {
font-size: 1.5em;
}
.wrapper-nav {
display: none;
}
.heading-5 {
margin-bottom: 1%;
font-size: 3em;
}
.div-block-33-copy {
padding-top: 0%;
}
.columns-9 {
border-bottom-width: 0;
}
.search-wrapper {
float: left;
margin-top: 20px;
}
.textblock_paintings, .textblock_sculptures {
padding-left: 0%;
}
.headline_paintings {
margin-left: 2%;
font-size: 40px;
}
.imaghe_paintings_head {
width: auto;
height: auto;
}
.div-headline {
padding-bottom: 10px;
}
.image-140 {
width: 8%;
height: 8%;
}
.caroussel_paintings_headline {
margin-bottom: 1%;
font-size: 3em;
}
.headline_sculpturesv2, .headline_binary_period {
margin-left: 2%;
font-size: 40px;
}
.textblock_binary_period, .underline_binary-period {
padding-left: 0%;
}
.body-31 {
background-color: #eee;
}
.hedline_contact-text {
margin-left: 2%;
font-size: 40px;
}
.content_magdalena-new {
margin-left: 5%;
margin-right: 5%;
}
.content_magdalena3-copy {
margin-left: 0%;
margin-right: 0%;
}
.content_magdalena4-copy {
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
}
.hedaline_text_kleksography {
margin-left: 2%;
font-size: 40px;
}
.underline_magdalena_1-copy {
padding-left: 0%;
}
.hedaline_text_abstracts {
margin-left: 2%;
font-size: 40px;
}
.underline_abstracts {
padding-left: 0%;
}
.container-28-mobile-copy.is--map, .container-28-mobile-copy.is--map-mobile, .container-28-mobile-copy.is--map-mobile-copy {
align-items: flex-start;
padding-left: 2.9em;
padding-right: 3em;
overflow: scroll;
}
.hedline {
margin-left: 2%;
font-size: 40px;
}
.container-28-copy.is--map, .container-28-copy.is--map-mobile, .container-28-copy.is--map-copy {
align-items: flex-start;
padding-left: 2.9em;
padding-right: 3em;
overflow: scroll;
}
.biography-headline-text, .info_headline_text {
margin-left: 2%;
font-size: 40px;
}
.body-35 {
background-color: #eee;
}
.image-140-copy {
width: 8%;
height: 8%;
}
.header_info {
background-color: #dddc;
}
.header_info:hover {
color: #000;
}
.header_contact {
background-color: #dddc;
}
.header_contact:hover {
color: #000;
}
.header_exhibi {
background-color: #dddc;
}
.header_exhibi:hover {
color: #000;
}
.header_projec {
background-color: #dddc;
}
.header_projec:hover {
color: #000;
}
.header_homsala {
background-color: #dddc;
}
.header_homsala:hover {
color: #000;
}
.menu-button-5 {
margin-top: 5%;
margin-right: 5%;
padding-right: 0;
}
.menu-icon {
position: static;
}
.navbar-13 {
margin-left: 2em;
margin-right: 2em;
}
.container-30 {
position: relative;
}
.logo-link {
padding-left: 0;
}
.mobile-bg-div {
display: block;
position: absolute;
inset: 0%;
}
.navigationhead {
flex: 0 auto;
justify-content: center;
width: 100%;
height: 1096.82vh;
padding-left: 0%;
padding-right: 0%;
}
.logo-bg, .logo-image {
display: none;
}
.headeready {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.projects_item {
width: 8em;
margin-top: 100px;
margin-left: 4%;
margin-right: 4%;
}
.contact_item {
width: 8em;
margin-left: 4%;
margin-right: 4%;
padding-top: 0%;
padding-bottom: 0%;
padding-left: 2%;
}
.info_item {
width: 8em;
margin-left: 4%;
margin-right: 4%;
padding-top: 0;
padding-bottom: 0;
padding-left: 2%;
}
.exhibitions_item {
width: 8em;
margin-left: 4%;
margin-right: 4%;
padding-top: 0;
padding-bottom: 0;
padding-left: 20%;
}
.container-28-copy.is--map, .container-28-copy.is--map-mobile, .container-28-copy.is--map-copy {
align-items: flex-start;
padding-left: 2.9em;
padding-right: 3em;
overflow: scroll;
}
.background-viideo-div {
z-index: -1;
display: block;
position: sticky;
}
.container-31 {
flex-direction: column;
}
.horizontal-timeline {
top: 56px;
}
.captions2 {
display: none;
}
.vertical-timeline-title {
padding-right: 0;
}
.vertical-timeline-title.tttil {
text-align: center;
width: auto;
padding-right: 0;
font-size: 1.4em;
}
.title-col {
padding-left: 20px;
}
.title-col._220 {
width: 100%;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
position: relative;
top: 0;
}
.page-padding {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.footer_finsweet-icon {
width: 24px;
}
.footer_finsweet {
margin-left: 0;
}
.filter_options {
flex-wrap: wrap;
width: auto;
min-width: 9em;
height: auto;
min-height: 8em;
max-height: 8em;
margin-top: 0;
margin-left: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
overflow: visible;
transform: rotate(-90deg);
}
.filter_options:active {
background-color: #0000;
}
.filter_block-header {
display: none;
}
.filter_grid {
grid-template-columns: 1fr;
}
.heading-small {
font-size: 1rem;
}
.main-wrapper {
padding-top: 10px;
padding-left: 0;
padding-right: 0;
}
.filter_tags-wrapper {
margin-top: 0;
margin-bottom: 1rem;
margin-right: 0;
font-size: 14px;
line-height: 1;
}
.fs-cmsfilter_highlight {
display: none;
}
.footer_video-links {
grid-template-columns: auto;
grid-auto-flow: row;
}
.nav_header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: auto;
grid-auto-flow: row;
}
.footer_wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.nav_container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.rangeslider_wrapper {
display: none;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-medium {
font-size: 1.5rem;
}
.filter_tag-remove {
opacity: 1;
margin-top: 0;
padding-top: 0;
}
.checkbox_field {
flex-direction: column;
justify-content: center;
align-items: center;
width: 5em;
height: 5em;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
transform: rotate(90deg);
}
.checkbox_label {
color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
margin-right: 0;
font-family: San Francisco, sans-serif;
font-size: .8rem;
display: flex;
}
.filter_block-2 {
border-bottom-width: 0;
flex-direction: column;
align-items: center;
display: block;
overflow: hidden;
}
.heading-small-3 {
font-size: 1rem;
}
.page-padding-2 {
padding-left: 0;
padding-right: 0;
}
.filter_header-2 {
background-color: #fff0;
border-color: #fff;
border-radius: 0;
min-height: auto;
}
.filter_search-field-2 {
border-radius: 20px;
margin-bottom: 20px;
}
.heading-small-4 {
font-size: 1rem;
}
.checkbox_input-3-1 {
background-color: #eee9;
border-color: #00f0;
width: 90px;
min-width: 90px;
height: 90px;
min-height: 90px;
margin-top: -76px;
margin-left: 0;
}
.checkbox_input-3-1.w--redirected-checked {
box-shadow: none;
background-color: #eee0;
border-width: 0;
border-radius: 0;
width: 90px;
min-width: 90px;
height: 90px;
min-height: 90px;
margin-top: -85px;
}
.img-156 {
margin-left: 0;
margin-right: 0;
}
.img-156:active {
border-width: 0;
}
.headline_sculpturesv2-copy {
margin-left: 2%;
font-size: 40px;
}
.background-video-4 {
height: 100vh;
}
.more-programs {
flex-direction: column;
}
.heading-7 {
letter-spacing: 0;
font-size: 40px;
line-height: 1.1em;
}
.subhead.more-programs {
margin-top: 30px;
}
.cta-link {
font-size: 19px;
}
.unit-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/620f59bce2adf684774611e7_she-creates.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.unit-column-wrapper {
max-width: none;
margin-left: auto;
margin-right: auto;
}
.paragraph-3 {
font-size: 19px;
font-weight: 400;
}
.module-content {
flex-direction: column;
}
.she-creates-image {
width: 100%;
max-width: none;
height: 100%;
}
.description.more-programs {
margin-top: 10px;
}
.unit-program {
margin-bottom: 40px;
}
.unit-tile {
padding: 0;
}
.unit-tile.unit-tile-9 {
transform: translate(-110px, -334px);
}
.unit-tile.unit-tile-0 {
transform: translate(-176px, 244px);
}
.unit-tile.unit-tile-1 {
transform: translate(214px, 300px);
}
.unit-tile.unit-tile-11 {
transform: translate(-383px, -57px);
}
.unit-tile.unit-tile-8 {
transform: translate(325px, 33px);
}
.unit-tile.unit-tile-2 {
transform: translate(190px, -267px);
}
.unit-bio {
z-index: 1000;
}
.cta-links.more-programs {
flex-direction: row;
margin-top: 10px;
}
.projects-images-mom, .section-21, .lukasjarsumbeck {
display: none;
}
.headline-contact-v2 {
margin-left: 2%;
font-size: 40px;
}
.textblock_sculptures-copy {
padding-left: 0%;
}
.headline-nes, .headline-newsv2 {
margin-left: 2%;
font-size: 40px;
}
.container-28-mobile-copy-copy.is--map, .container-28-mobile-copy-copy.is--map-mobile, .container-28-mobile-copy-copy.is--map-mobile-copy, .container-28-mobile-copy-copy.is--map-mobile-copy-copy {
align-items: flex-start;
padding-left: 2.9em;
padding-right: 3em;
overflow: scroll;
}
.mapimage-copy {
margin-top: 3.3em;
margin-left: -9.5em;
}
.image-156 {
max-width: none;
}
.div-block-74 {
height: 100vh;
}
.image-157 {
max-width: none;
height: 50em;
margin-top: 0;
margin-left: -8.3em;
}
.project-copy.binary-period-copy {
width: 11em;
margin-top: 12.2em;
margin-left: 10.3em;
}
.consent {
display: none;
}
.message {
width: 90%;
}
.paragraph-4.centered {
font-size: 17px;
}
.hero-opening {
font-size: 48px;
line-height: 50px;
}
.hero-3 {
height: auto;
}
.lottie-animation-2 {
display: none;
}
.hero-text {
width: 80%;
margin-left: auto;
margin-right: auto;
padding-left: 80px;
padding-right: 80px;
position: static;
}
.image-158 {
width: 400px;
display: block;
}
.lottie-animation {
margin-top: 35px;
}
.section-24 {
padding-top: 20px;
padding-bottom: 20px;
display: none;
}
.section-24._1 {
display: none;
}
.section-24._2 {
height: auto;
display: none;
}
.section-24.no-padding, .section-24.flex-vertical, .sec-2-bg {
display: none;
}
.heading-9 {
font-size: 48px;
}
.heading-9.centered {
text-align: center;
}
.zoom-div {
transform: scale(.7);
}
.blue-film, .red-film, .purple-film {
height: 450px;
margin-top: 60px;
}
.col2 {
min-height: 450px;
padding-left: 15px;
}
.green-film {
height: 450px;
margin-top: 60px;
}
.paragraph-4-copy.centered, .paragraph-4-copy.centered-copy {
font-size: 17px;
}
.section-start-mobile {
padding-top: 20px;
padding-bottom: 20px;
}
.section-start-mobile._2 {
height: auto;
}
.section-24-copy {
padding-top: 20px;
padding-bottom: 20px;
display: none;
}
.section-24-copy._2 {
height: auto;
}
.section-25, .background-viideo-div-copy {
display: none;
}
.container-28-copy.is--map, .container-28-copy.is--map-mobile, .container-28-copy.is--map-copy, .container-28-mobile-copy.is--map, .container-28-mobile-copy.is--map-mobile, .container-28-mobile-copy.is--map-mobile-copy {
align-items: flex-start;
padding-left: 2.9em;
padding-right: 3em;
overflow: scroll;
}
.container-28-mobile-copy.is--map-mobile-copy {
align-items: flex-start;
width: 10em;
margin-left: 38px;
padding-left: 2.9em;
padding-right: 3em;
overflow: scroll;
}
.map_mobile-copy {
margin-left: 484px;
padding-bottom: 529px;
left: -100%;
}
.binary-period-dot-copy:hover {
filter: none;
}
.ffdd.is--map, .ffdd.is--map-mobile, .ffdd.is--map-mobile-copy, .ffdd.is--map-mobile-copy, .ffdd.dfd, .container-28-copy.is--map, .container-28-copy.is--map-mobile, .container-28-copy.is--map-copy, .container-28-copy.is--map-copy {
align-items: flex-start;
padding-left: 2.9em;
padding-right: 3em;
overflow: scroll;
}
.general-hub {
z-index: 2000;
position: absolute;
}
.compass {
display: none;
}
.padding-vertical-copy {
padding-left: 0;
padding-right: 0;
}
.page-padding-2-copy {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.margin-bottom-copy {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.nav_header-copy {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: auto;
grid-auto-flow: row;
}
.filter_grid-copy {
grid-template-columns: 1fr;
}
.filter_column-2-copy {
background-color: #fff0;
border-style: solid;
border-width: 0;
}
.search-bar-mobile {
display: none;
}
.filter_block-2-copy {
border-bottom-width: 0;
display: block;
}
.filter_block-header-copy {
padding: 0;
display: none;
}
.checkbox_field-copy {
padding-bottom: 0;
}
.heading-small-3-copy {
font-size: 1rem;
}
.filter_content-copy {
margin-top: -82%;
}
.filter_header-2-copy {
display: none;
}
.filter_tags-wrapper-copy {
margin-bottom: 1rem;
margin-right: 0;
}
.content_filter-copy {
margin-top: 278px;
}
.image-149-copy {
border-bottom-left-radius: 0;
width: auto;
max-width: 100%;
min-height: auto;
}
.body-41 {
background-color: #eee;
}
.filter_options-copy-copy {
transform: rotate(-90deg);
}
.home-item {
width: auto;
margin-top: 100px;
margin-left: 4%;
margin-right: 4%;
}
.projects-item-3 {
margin-left: 4%;
margin-right: 4%;
}
.headeready-copy {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.filter_options-copy-copy-copy {
width: 100%;
min-height: 100px;
max-height: none;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
transform: rotate(-90deg);
}
.filter_options-copy-copy-2 {
transform: rotate(-90deg);
}
.try-it-out, .old-one-10-03-2022 {
width: 100%;
min-height: 100px;
max-height: none;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
transform: rotate(-90deg);
}
.try-it-out-copy {
width: 100%;
min-height: 100px;
max-height: none;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
transform: rotate(-90deg);
}
.collection-list-wrapper-6-copy {
justify-content: flex-end;
align-items: flex-start;
min-height: 50%;
margin-top: 0;
margin-left: 0;
padding-left: 137px;
display: flex;
}
.collection-list-5-copy {
width: 30%;
}
.collection-item-6-copy {
justify-content: center;
width: 100%;
height: 20%;
min-height: 24%;
max-height: 14%;
margin-top: 10px;
padding-top: 0;
display: flex;
}
.checkbox_field-copy-copy {
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
transform: rotate(90deg);
}
.checkbox_input-3-1-copy-copy {
border-width: 0;
width: 30%;
height: 60%;
margin-left: 0;
position: absolute;
}
.img-156-copy-copy {
width: 4rem;
height: 4rem;
margin-left: 0;
margin-right: 0;
font-size: 5rem;
position: static;
}
.checkbox_label-copy-copy {
color: #000;
margin-bottom: 0;
margin-right: 0;
font-family: San Francisco, sans-serif;
font-size: .8rem;
}
.type-search-mobilde-turned {
z-index: -60;
width: 100%;
min-height: 100vw;
max-height: none;
margin-top: -16%;
margin-left: 15%;
padding: 0 0 0;
transform: rotate(-90deg);
}
.type-search-mobile {
width: 100%;
min-height: 100px;
max-height: none;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
transform: rotate(-90deg);
}
.seachbar-mobile-turnes {
background-color: #fff;
border-radius: 20px;
margin-top: 0;
}
.filter_search-field-2-copy-copy {
z-index: 90000;
border-width: 0;
border-radius: 30px;
min-height: 2.5rem;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
position: relative;
}
.search-mobile {
display: block;
}
.search-desktop-tablet {
z-index: 4;
background-color: var(--color--background);
margin-top: 0;
padding-left: 10px;
padding-right: 10px;
display: block;
position: static;
}
.grid-10 {
width: 90%;
}
.grid-11 {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.hero_section {
display: none;
}
.lines {
cursor: pointer;
background-color: #fff0;
width: 16px;
height: auto;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-right: 0;
position: absolute;
}
.flip_card {
height: auto;
min-height: 70vw;
}
.column-33 {
justify-content: center;
height: 60%;
}
.text-span-35 {
display: block;
}
._1-5vw_spacer {
height: 2.5vw;
}
.div-block-91 {
padding-top: 1vw;
}
.pay_online {
height: 55%;
}
.line {
background-color: #b1b0af;
width: 100%;
height: 1px;
padding-bottom: 0;
padding-right: 0;
}
.line._2nd {
margin-top: 5.5px;
}
.wallet_icon {
background-color: #1e1e1f00;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61d1f80a70033aeb20f672c3_lukas_jarsumbeck_logo_color_tran.png");
background-position: 0 0;
background-size: contain;
width: 27vw;
height: 27vw;
display: none;
}
.column-34 {
margin-top: 2.5vw;
}
.div-block-93 {
width: 67%;
height: 106%;
display: flex;
top: 87%;
overflow: hidden;
}
.div-block-9-copy {
justify-content: flex-start;
align-items: flex-start;
padding-top: 9vw;
padding-left: 3vw;
}
.div-block-96 {
justify-content: center;
}
.column-35 {
padding-top: 3vw;
}
.columns-16 {
display: none;
}
.columns-16.mobile {
display: block;
}
.nav_list {
display: none;
}
.bold-text-5-copy {
text-align: left;
justify-content: center;
font-size: 2.4vw;
line-height: 3vw;
}
.bold-text-5 {
text-align: left;
font-size: 2.6vw;
line-height: 3vw;
}
.div-block-98 {
grid-template-rows: 50% 50%;
}
.wallet_body {
display: none;
}
._2nd_section {
height: 140vh;
display: none;
}
.pay_in_apps {
height: 55%;
}
.column-36 {
height: 100vw;
padding-right: 0;
}
.wallet_int {
padding-top: 17vw;
}
._56vw_spacer {
height: 70vh;
}
.text-span-18, .text-span-20 {
font-size: 6vw;
line-height: 6.7vw;
}
.div-block-102 {
height: 55%;
}
.half_card_column {
height: 90vw;
}
.div-block-104 {
background-color: #0000;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: relative;
}
.text-span-28 {
text-align: left;
}
.image-168 {
background-position: 50% 0;
height: 130%;
top: -19%;
}
.overview_iphone {
background-size: contain;
}
.nav_bar {
padding-left: 0;
padding-right: 8px;
}
.lines-wrap {
cursor: pointer;
align-items: center;
width: 25%;
height: 100%;
padding-left: 8px;
display: flex;
}
.headline_area {
justify-content: center;
width: auto;
max-width: 100vw;
height: auto;
min-height: 70vh;
padding-left: 0;
padding-right: 0;
}
.paragraph_wrap {
text-align: left;
display: block;
}
.paragraph_wrap.mobile {
display: none;
}
.column-38 {
height: 40%;
}
.div-block-106 {
padding-top: 3vw;
padding-left: 3vw;
}
.cross {
background-size: 50%;
width: 4.5vw;
height: 4.5vw;
}
.cross.white {
background-size: 9px;
}
.h2.wrap {
text-align: center;
font-size: 7.5vw;
}
.h2.blue {
font-size: 7.5vw;
line-height: 8vw;
}
.h2.black {
font-size: 6vw;
line-height: 6.7vw;
}
.h2.half_white {
color: #242424;
font-family: San Francisco, sans-serif;
font-size: 6vw;
font-weight: 700;
line-height: 6.7vw;
}
.overview_iphone-2 {
background-size: contain;
}
.card-3 {
border-radius: 4.5%;
width: 100%;
}
.card-3._2nd_black_card {
height: auto;
min-height: 70vw;
margin-top: 1.5vw;
}
.card-3.fff_card {
border-radius: 2.7%;
height: 110vw;
padding-right: 4vw;
}
.card-3.black_card {
height: 70vw;
}
.card_section._1st {
padding-left: 13vw;
padding-right: 13vw;
display: none;
}
.wallet_icon-2 {
width: 27vw;
height: 27vw;
}
._2nd_section-2 {
height: 140vh;
}
.para-2 {
text-align: left;
display: block;
}
.para-2.mobile, .background-viideo-div-copy {
display: none;
}
.grid-13 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
display: grid;
}
.div-block-111 {
background-color: #ffffff4d;
border-radius: 20px;
margin-left: 0%;
margin-right: 0%;
padding-top: 2%;
padding-left: 2%;
padding-right: 2%;
}
.link-block-26 {
border-radius: 100%;
padding: 10%;
}
.section-29 {
display: none;
}
.header-ready-mobile {
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: none;
}
.mobile-home {
display: block;
}
.div-block-112 {
justify-content: center;
display: flex;
}
.text-block-93 {
color: #000;
border-radius: 10px 10px 0 0;
flex-flow: row;
justify-content: center;
align-items: flex-end;
width: 100%;
padding: 5%;
font-size: 16px;
text-decoration: none;
display: flex;
}
.link-block-28 {
background-color: #7c7c7c52;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
flex-direction: column;
align-items: center;
text-decoration: none;
display: flex;
}
.wallet_icon-copy {
background-color: #1e1e1f00;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61d1f80a70033aeb20f672c3_lukas_jarsumbeck_logo_color_tran.png");
background-position: 0 0;
background-size: contain;
width: 27vw;
height: 27vw;
}
.wallet_body-copy, .navbar-15 {
display: none;
}
.menu-button-7 {
flex-direction: column;
align-items: center;
width: 70px;
height: 70px;
padding: 0;
display: flex;
}
.container-38 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav-try {
background-color: #fff0;
flex-direction: column;
align-items: center;
margin-bottom: 195px;
display: flex;
}
.jarsumbeckstudio {
margin-top: 0;
}
.text-block-94 {
color: #000;
text-align: center;
font-size: 6vw;
}
.filter_block-3 {
display: none;
}
.filter_options-3 {
width: 30%;
height: 100%;
max-height: 100%;
margin-top: -363px;
padding: 0 0 0;
transform: rotate(-90deg);
}
.collection-item-7 {
width: 80px;
height: 80px;
transform: translate(0);
}
.filter_block-2-copy {
display: none;
}
.collection-list-wrapper-7 {
width: 90px;
height: 100%;
}
.nav-try-copy {
background-color: #fff0;
flex-direction: column;
align-items: center;
margin-bottom: 195px;
display: none;
}
.container-38-copy {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.menu-button-7-copy {
flex-direction: column;
align-items: center;
width: 70px;
height: 70px;
padding: 0;
display: flex;
}
.image-172 {
width: 50px;
min-width: 50px;
max-width: 50%;
height: 50px;
min-height: 50px;
max-height: 50%;
margin-top: 1px;
padding-left: 1px;
}
.column-45 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.text-image {
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
}
.text-image-2 {
margin-left: 0%;
margin-right: 0%;
}
.content_magdalena4-copy-copy, .text-imgae-3 {
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
}
.bottom-protype {
margin-left: 0%;
margin-right: 0%;
}
.protype {
margin-left: 5%;
margin-right: 5%;
}
.image-172-copy, .image-172-copy-copy {
width: 50px;
min-width: 50px;
max-width: 50%;
height: 50px;
min-height: 50px;
max-height: 50%;
margin-top: 1px;
padding-left: 1px;
}
.info {
margin-left: 0%;
margin-right: 0%;
display: block;
position: static;
}
.info.w--current {
position: fixed;
inset: 0% auto auto 0%;
}
.image-173, .image-174, .image-175, .image-176, .image-177, .image-178, .image-179, .image-180, .image-181, .image-182, .image-183, .image-184, .image-185, .image-186, .image-187, .image-188, .image-189, .image-190, .image-191, .image-192, .image-193, .image-194, .image-195, .image-196, .image-197, .image-198, .image-199, .image-200, .image-201, .image-202, .image-203, .image-204, .image-205, .image-206, .image-207, .image-208 {
border-radius: 50%;
}
.checkbox_compass {
background-color: #eee0;
border-color: #00f0;
width: 54px;
min-width: 54px;
height: 54px;
min-height: 54px;
margin-top: -4.2em;
margin-left: 0;
}
.checkbox_compass.w--redirected-checked {
box-shadow: none;
background-color: #eee0;
border-width: 0;
border-radius: 0;
width: 90px;
min-width: 90px;
height: 90px;
min-height: 90px;
margin-top: -85px;
}
.image-209 {
max-width: 100%;
}
.filter_block-2-copy, .filter_block-2-copy-copy, .filter_block-2-copy-copy, .filter_block-2-copy {
border-bottom-width: 0;
flex-direction: column;
align-items: center;
display: flex;
overflow: hidden;
}
.filter_block-2-copy-copy {
border-bottom-width: 0;
flex-direction: column;
align-items: center;
display: none;
overflow: hidden;
}
.filter_block-2-copy, .filter_block-2-copy-copy {
border-bottom-width: 0;
flex-direction: column;
align-items: center;
display: flex;
overflow: hidden;
}
.text-block-95 {
margin-left: 0;
}
.serachbar-wrap {
max-width: 40%;
top: 60px;
}
.div-container-compass {
margin-bottom: 100px;
}
.dots-general-hub-2 {
margin-top: 0;
margin-left: 0;
display: none;
}
.div-block-136-copy {
border-bottom: 1px solid #000;
margin-top: 75%;
padding-left: 0%;
}
.compass-2 {
background-color: #fff0;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
max-width: none;
margin-top: 140px;
margin-left: 0%;
margin-right: 5%;
display: block;
position: static;
top: auto;
}
.paintings-whoo-2 {
margin-top: -43.8em;
margin-left: 41.5em;
}
.text-dot-2 {
color: #000;
font-size: 1.2em;
line-height: 24px;
}
.collages-2 {
margin-top: -42.9em;
margin-left: 6.4em;
}
._3d-whee-2 {
margin-top: -40em;
margin-left: 21.7em;
}
.text-dot-copy-copy-2 {
font-size: 2em;
}
.university-projects-2 {
margin-top: -17.7em;
margin-left: 32.6em;
}
._2d-whoo-2 {
margin-top: -25.7em;
margin-left: 30em;
}
.map_mobile-copy-2 {
height: Infinity% ;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-width: 100%;
margin-left: 3%;
margin-right: 0%;
padding-bottom: 0;
font-size: 2vw;
display: block;
left: auto;
right: auto;
}
.collages-dot {
margin-top: -33.5em;
margin-left: 41.5em;
}
.sculptures-dot {
margin-top: -48.5em;
margin-left: 32.8em;
}
.mapimage-copy-copy-2 {
width: 100%;
max-height: none;
font-size: 1%;
display: block;
}
.midwoo-2 {
width: 5em;
margin-top: -30.2em;
margin-left: 23.9em;
}
.intall-2 {
margin-top: -32.9em;
margin-left: 6.4em;
}
.div-block-149 {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.movies-2 {
margin-top: -17.9em;
margin-left: 15.1em;
}
.abstracts-2 {
margin-top: -53.5em;
margin-left: 24.2em;
}
.products-2 {
margin-top: -12.5em;
margin-left: 24.1em;
}
.div-block-159 {
background-color: #ddd0;
border-bottom: 0 solid #000;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
min-width: auto;
height: auto;
min-height: auto;
margin-top: -800px;
padding-top: 350px;
padding-bottom: 100px;
font-size: 2vw;
display: block;
}
.paint-copy-2 {
margin-top: -23em;
margin-left: 41.5em;
}
.whattt-2 {
min-width: 4em;
}
.anima-2 {
margin-top: -23em;
margin-left: 6.5em;
}
._4d-whee-2 {
margin-top: -27.8em;
margin-left: 15.2em;
}
.image-210 {
min-width: 4em;
}
.projects-compass-2 {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: block;
}
.archi-dottii-2 {
margin-top: -48.1em;
margin-left: 14.9em;
}
.middle-2 {
min-width: 4em;
padding-top: 0;
}
.image-211 {
width: 4em;
min-width: 4em;
}
.div-block-128-copy {
display: block;
}
.div-block-142-copy {
display: none;
}
.container-38-copy-2 {
background-color: #fff0;
border-radius: 0;
width: auto;
margin-left: 0;
padding-bottom: 0;
padding-right: 0%;
line-height: 18px;
display: block;
position: static;
}
.nav-link-10-copy {
background-color: #fffffffc;
border-width: 0;
}
.nav-link-9-copy {
background-color: #fff;
border-width: 0;
}
.navbar-17-copy {
width: 100%;
max-width: none;
margin-left: 5%;
margin-right: 5%;
padding-right: 10%;
display: none;
}
.textstudio {
font-size: 50px;
}
.container-39 {
width: auto;
margin-left: 0;
padding-bottom: 0;
padding-right: 0%;
line-height: 18px;
position: static;
}
.text-block-107 {
border-bottom-left-radius: 15px;
font-size: 14px;
line-height: 21px;
}
.div-block-contact-right {
display: block;
}
.text-block-108 {
font-size: var(--title-hight);
margin-bottom: 5px;
}
.text-date-block-contact {
width: auto;
font-size: 14px;
line-height: 18px;
}
.navbar-17 {
width: 100%;
max-width: none;
margin-left: 5%;
margin-right: 5%;
padding-right: 10%;
}
.bd-image.event-logo {
width: 50px;
height: 50px;
}
.div-block-133 {
max-width: 100%;
}
.text-block-112 {
display: none;
}
.bd-div.bd-grid.event {
padding-right: 0;
}
.content_card-info-label-2 {
color: var(--color--text);
background-color: #fff0;
border-radius: 0;
font-family: San Francisco, sans-serif;
}
.image-215 {
width: 100%;
max-width: none;
height: 60%;
min-height: auto;
}
.projects_name {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
}
.content_card-info-text-3 {
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.content_card-info-mobile {
display: block;
}
.bd-heading.h1, .bd-heading.h1-copy {
font-size: 35px;
}
.bd-container {
border-radius: 0 0 30px 30px;
padding-left: 0%;
padding-right: 0%;
}
.content_card-info-block-2 {
border: 0 solid #ddd;
grid-template-columns: auto auto;
}
.bd-section.event-body {
padding-left: 0;
padding-right: 0;
}
.text-block-116 {
color: #fff;
background-color: #000;
border-top-right-radius: 15px;
font-size: 12px;
line-height: 18px;
}
._5d-whee-2-copy {
margin-top: -25.7em;
margin-left: 13em;
}
.sculptures_point {
z-index: 2000;
width: 9em;
min-width: 9em;
height: 9em;
min-height: 9em;
margin-top: -47em;
margin-left: 25.9em;
}
.architecture_point {
width: 9em;
min-width: 9em;
height: 9em;
min-height: 9em;
margin-top: -47.7em;
margin-left: 9.8em;
}
.installations_point {
width: 9em;
min-width: 9em;
height: 9em;
min-height: 9em;
margin-top: -32.8em;
margin-left: 1.1em;
}
.movies_point {
width: 9em;
min-width: 9em;
height: 9em;
min-height: 9em;
margin-top: -13.9em;
margin-left: 17.7em;
}
.animations_point {
width: 9em;
min-width: 9em;
height: 9em;
min-height: 9em;
margin-top: -18.8em;
margin-left: 9.6em;
}
.products_point {
width: 9em;
min-width: 9em;
height: 9em;
min-height: 9em;
margin-top: -42.5em;
}
.reliefs_poin {
width: 9em;
min-width: 9em;
height: 9em;
min-height: 9em;
margin-top: -43.1em;
margin-left: 34.4em;
}
.paintings_pointo {
width: 9em;
min-width: 9em;
height: 9em;
min-height: 9em;
margin-top: -23.7em;
margin-left: 34.4em;
}
.collages_point {
width: 9em;
min-width: 9em;
height: 9em;
min-height: 9em;
margin-top: -33.2em;
margin-left: 34.4em;
}
.photos_point {
width: 9em;
min-width: 9em;
height: 9em;
min-height: 9em;
margin-top: -18.6em;
margin-left: 26.2em;
}
.interactives_point {
width: 9em;
min-width: 9em;
height: 9em;
min-height: 9em;
margin-top: -23.8em;
}
.architecture_point-copy {
z-index: 2000;
width: 9em;
min-width: 9em;
height: 9em;
min-height: 9em;
margin-top: -52.1em;
margin-left: 17.8em;
}
.projectscompasshead {
z-index: 2000;
position: absolute;
inset: 0% 0% auto;
}
.div_project_search {
padding-top: 10px;
}
.div-block-173 {
z-index: 9000;
background-color: #fff0;
margin-bottom: 0;
padding-bottom: 0;
display: inline-block;
}
.home-link {
width: 12%;
}
.footer {
z-index: 0;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: 0;
margin-top: 0;
margin-left: 0%;
margin-right: 0%;
padding: 0 5vw 20px 0;
position: relative;
inset: 0 0% 0%;
}
.text-block-95-copy {
margin-left: 0;
}
.filter_search-field-2-copy {
border-radius: 20px;
}
.exhibitions_link, .projects_link, .contact_link, .home-link-copy, .exhibitions_link_footer, .projects_link_footer, .contact_link_footer, .info_link_footer, .discover_link_footer {
width: 12%;
}
.nav-menu-mobile {
background-color: var(--color--background-mobile);
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
min-width: 100vw;
margin-top: 0;
position: static;
}
.footer_navbar {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
}
.div_projects_nav {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
margin-top: 0;
margin-left: 0;
display: flex;
}
.text-block-footer {
color: #000;
font-size: 14px;
font-weight: 700;
}
.info_link_nav, .contact_link_nav-copy.w--current, .exhibitions_link_nav {
flex-direction: row;
align-items: center;
}
.discover_link_nav.w--current {
flex-flow: row;
align-items: center;
display: flex;
}
.text-block-123 {
margin-left: 0;
}
.artwork_info_box {
width: auto;
min-width: auto;
margin-left: 2vw;
margin-right: 2vw;
}
.link-block-33 {
background-color: #fff0;
border-radius: 0;
min-height: 50px;
max-height: 50px;
padding-left: 2vw;
padding-right: 5vw;
}
.div-block-189 {
font-size: 40px;
}
.projects_head {
margin-left: 0;
}
.projects-type {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
}
.bd-heading-copy.h1-copy, .bd-heading-copy.h1-copy-copy {
font-size: 20px;
}
.project_page_icon {
min-height: 50px;
margin-left: 0;
padding-left: 0;
display: flex;
}
.terms_of_service_head {
padding-bottom: 5px;
font-size: 30px;
}
.div-block-201 {
display: flex;
position: sticky;
inset: 0% auto auto 0%;
}
.info-content-name-text {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
position: static;
}
.dropdown-body {
height: 0;
}
.dropdown-body.w--open {
height: 100%;
}
.dropdown_info {
margin-top: 10px;
}
.section_terms_of_service {
justify-content: center;
align-items: flex-start;
padding-bottom: 20px;
display: block;
}
.section_info {
margin-top: 0;
}
.section_contact_studio {
background-color: var(--color--background);
margin-top: 0;
padding-bottom: 0;
}
.menu-button-12 {
background-color: #000;
border-radius: 100%;
padding-top: 0;
padding-right: 0;
position: static;
}
.menu-button-12.w--open {
color: #fff;
background-color: #000;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
padding: 0;
display: flex;
}
.icon-4 {
border-radius: 100%;
justify-content: center;
align-items: center;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
display: flex;
}
.div-block-206 {
background-color: #fff;
padding-top: 50px;
}
.div-block-207 {
background-color: #fff0;
border-radius: 0;
justify-content: flex-start;
min-width: auto;
display: inline-block;
}
.div-block-208 {
background-color: #fff;
transform: rotate(45deg);
}
.top_frame {
background-color: #fff;
border-radius: 0;
justify-content: flex-start;
min-width: auto;
display: inline-block;
}
.container-45 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.nav_link_head {
flex-direction: row;
align-items: center;
}
.div-block-212 {
box-shadow: none;
background-color: #fff0;
border-left: 0 solid #eee;
justify-content: flex-start;
align-items: center;
min-width: 100vw;
max-width: 100vw;
min-height: 100vw;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.header_24 {
border-radius: 15px;
margin-top: 0;
margin-left: 20%;
margin-right: 0%;
padding: 5px 20px;
position: fixed;
inset: 0% 0% auto auto;
}
.the_solution_left {
border-top-width: 300px;
border-top-color: #eee0;
border-bottom-width: 0;
border-left-width: 300px;
max-height: 400px;
margin-right: 0;
}
.margin {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: block;
}
.padding {
max-width: 35%;
}
.nav_link_projects, .nav_link_explore, .nav_link_head-copy, .nav_link_contact, .nav_link_info, .nav_link_exhibitions, .nav_projects, .nav_info {
flex-direction: row;
align-items: center;
}
.text_info {
color: var(--random-color-e);
-webkit-text-stroke-color: var(--dark--info);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
}
.text_info:hover {
color: var(--random-color-e);
}
.text_contact {
color: var(--random-color-d);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
}
.text_contact:hover {
color: var(--random-color-d);
}
.text_exhibitions {
color: #000;
font-size: 14px;
font-weight: 700;
}
.nav_exhibitions, .nav_explore, .nav_explore2 {
flex-direction: row;
align-items: center;
}
.text_exploree {
color: #000;
font-size: 14px;
font-weight: 700;
}
.navbar-20 {
background-color: #fff0;
padding-top: 0;
}
.nav_explore-copy {
flex-direction: row;
align-items: center;
}
.navlink {
margin-left: 5px;
padding-left: 50vw;
}
.navlink:hover {
min-height: 50px;
margin-left: 5px;
padding-left: 50vw;
}
.navlink.w--current {
margin-left: 5px;
padding-left: 50vw;
}
.header_24-copy {
border-radius: 15px;
margin-top: 0;
margin-left: 20%;
margin-right: 0%;
padding: 5px 20px;
position: fixed;
inset: 0% 0% auto auto;
}
.padding_header {
z-index: 34;
border-radius: 15px;
min-width: 100%;
min-height: 50px;
max-height: 50px;
margin-top: 0;
margin-left: 0%;
margin-right: 0%;
padding: 0;
display: block;
position: fixed;
inset: 0% 0% auto auto;
}
.body-45 {
background-color: var(--color--background-mobile);
}
.exhibitions_text {
color: var(--random-color-b);
-webkit-text-stroke-color: var(--random-color-b);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
}
.exhibitions_text:hover {
color: var(--random-color-b);
font-size: 20px;
}
.exhibitions_text:active {
color: var(--random-color-b);
}
.explore_text {
color: var(--random-color-a);
-webkit-text-stroke-color: var(--color--explore);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
}
.explore_text:hover {
color: var(--random-color-a);
}
.tsrm {
border: 50vw solid #f000;
border-left-width: 0;
border-right-color: red;
min-width: 50vw;
max-width: 50vw;
min-height: auto;
margin-right: 0;
display: block;
}
.wrapping-ii {
z-index: 91;
justify-content: flex-end;
width: 100%;
min-width: 100%;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.div-block-217 {
background-color: #fff;
justify-content: flex-end;
align-items: center;
min-width: 100%;
min-height: 50px;
max-height: 50px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu_button_mobile {
color: #fff;
background-color: #0000;
border-radius: 100%;
margin-top: 5px;
margin-right: 10px;
padding: 0;
position: static;
}
.menu_button_mobile.w--open {
z-index: 91;
color: #fff;
background-color: #0000;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
padding: 0;
display: flex;
position: relative;
}
.icon_menu_button_mobile {
border-radius: 100%;
justify-content: center;
align-items: center;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-top: 0;
padding-top: 0;
display: none;
}
.navbar_web {
background-color: #fff0;
padding-top: 0;
display: none;
}
.header_mobile {
z-index: 9999;
background-color: #fff0;
align-items: flex-start;
min-width: 100vw;
max-width: 100vw;
min-height: 50px;
padding-top: 0;
padding-right: 0;
display: flex;
}
.header_mobile:hover {
min-height: 40px;
}
.wrapping {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
width: 50%;
display: flex;
}
.text_projects {
color: var(--random-color-c);
-webkit-text-stroke-color: var(--random-color-c);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
position: relative;
}
.text_projects:hover, .text_projects:active {
color: var(--random-color-c);
}
.div-block-219 {
justify-content: flex-end;
align-items: flex-start;
min-width: 100vw;
min-height: 100vh;
display: flex;
}
.project_page_icon-copy, .project_page_head {
min-height: 50px;
margin-left: 0;
padding-left: 0;
display: flex;
}
.current_tab {
max-width: none;
}
.gap-tab-head {
border-bottom-color: var(--color--background);
background-color: var(--color--background);
opacity: 1;
min-height: 200px;
max-height: 200px;
}
.tab_link_echo {
background-color: #fff;
border-radius: 0;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 18vw;
}
.head_tab_text_projects-copy {
color: #0202ff00;
}
.tab_link_echo_projects {
color: #00f0;
background-color: #fff;
border-radius: 0;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
}
.tab_link_echo_projects.w--current {
padding-left: 20px;
}
.head_tab_text_contact_echo, .head_tab_text_projects_echo {
color: #0202ff00;
}
.image-223-copy {
min-width: 35px;
max-width: 35px;
min-height: 35px;
max-height: 35px;
text-decoration: none;
}
.current-tab-contact {
max-width: none;
}
.current-tab-projects {
max-width: 100vw;
}
.current-tab-exhibitions {
max-width: none;
}
.head_tab_text_exhibitions {
font-family: Neuehaasunicapro, Arial, sans-serif;
position: static;
}
.tab_link_echo_exhibitions {
color: #00f0;
background-color: #fff;
border-radius: 0;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 5vw;
}
.head_tab_text_exhibitions_echo {
color: #0202ff00;
}
.section-35 {
background-color: #fff;
}
.future_head, .now_head, .past_head, .placeholder_exhibitions {
font-size: 30px;
}
.section-36 {
z-index: 6;
margin-top: 50px;
padding-top: 100px;
display: block;
}
.artwork_presentation_mobile {
margin-top: 0;
padding: 10px 0 0;
display: block;
}
.the_solution_left_left {
border-top-width: 200px;
border-left-width: 200px;
margin-right: 0;
}
.current-tab-projects-detail {
max-width: none;
}
.tab_link_echo_projects_detail {
color: #00f0;
background-color: #fff;
border-radius: 0;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 18vw;
}
.head_tab_text_projects_echo_detail {
color: #0202ff00;
}
.the_solution_left_right {
border-top-width: 200px;
border-left-width: 200px;
margin-right: 0;
}
.second-tab, .tabs {
max-width: none;
}
.the_solution_left-copy {
border-top-width: 200px;
border-left-width: 200px;
margin-right: 0;
}
.tab_link_echo_projects_detail-copy {
color: #00f0;
background-color: #fff;
border-radius: 0;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 18vw;
}
.head_tab_text_projects_echo_detail-copy {
color: #0202ff00;
}
.projects_description {
font-size: 20px;
}
.tabs-copy, .second-tab-copy {
max-width: none;
}
.gap {
justify-content: center;
align-items: flex-start;
padding-bottom: 0;
display: flex;
}
.projects-site-name-mobile {
position: fixed;
}
.nav_menu_mobile {
z-index: 90;
background-color: #fff0;
max-width: 100%;
min-height: 50px;
margin-top: 0;
margin-left: 0;
padding-left: 0;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.image-slider-mobile {
aspect-ratio: auto;
object-fit: fill;
flex-wrap: nowrap;
align-items: center;
min-height: auto;
display: flex;
overflow: visible;
}
.image-235 {
max-width: 300px;
display: block;
overflow: hidden;
}
.slide-1 {
max-width: none;
min-height: 70vh;
}
.slider-3 {
object-fit: fill;
flex-flow: row;
min-width: 0;
min-height: 70vh;
display: flex;
overflow: visible;
}
.mask-2 {
object-fit: fill;
min-width: 100%;
min-height: 70vh;
position: static;
overflow: hidden;
}
.lightbox-link-2 {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 0;
max-height: none;
display: flex;
}
.div-block-250 {
object-fit: contain;
min-width: 100%;
min-height: 100%;
overflow: visible;
}
.image_slider_1 {
object-fit: contain;
max-width: 70vw;
display: block;
overflow: visible;
}
.image_slider_2, .image_slider_3 {
max-width: 300px;
display: block;
overflow: hidden;
}
.slide-1-copy {
max-width: 100vw;
min-height: auto;
}
.artwork_info_box_phone {
width: auto;
min-width: auto;
margin-left: 2vw;
margin-right: 2vw;
display: flex;
}
.image-241 {
margin-bottom: 3px;
}
.exhibitions_text-copy {
color: #22b103;
font-size: 20px;
font-weight: 700;
}
.diagonal_gallery {
display: block;
}
.hourglass {
background-color: #fff;
}
.hourglass_right {
background-color: var(--random-color-1);
border-top-width: 0;
border-bottom-width: 0;
border-right-width: 0;
}
.hourglass_box {
background-color: #fff;
margin-top: 0;
}
.pe, .pe-bottom {
margin-left: 40px;
margin-right: 40px;
}
.related-artworks {
padding-left: 20px;
padding-right: 20px;
}
.pe-top2 {
margin-top: 40px;
margin-left: 40px;
margin-right: 40px;
}
.div-block-259-copy {
margin-bottom: 40px;
padding-bottom: 40px;
}
.footer_2024 {
z-index: 0;
object-fit: contain;
min-width: 100vw;
margin-top: 0;
position: fixed;
inset: auto 0% 0% auto;
}
.footer_right {
flex-flow: column;
justify-content: flex-end;
align-items: flex-end;
min-width: 200px;
min-height: 200px;
display: flex;
}
.social-media {
z-index: 12;
}
.menu_buttonfly {
margin-right: 5vw;
}
.div-block-269 {
min-width: 100vw;
position: fixed;
inset: 0% auto auto 0%;
}
.tsrm-pr {
border-style: solid;
border-width: 50vw 0 50vw 50vw;
border-color: #f000 red #f000 var(--random-color-c);
min-width: 50vw;
max-width: 50vw;
min-height: auto;
margin-right: 0;
display: block;
}
.tsrm_ep {
position: absolute;
}
.tsrm_ep.w--current {
display: block;
}
.tsrm-ep {
border-style: solid;
border-width: 50vw 0 50vw 50vw;
border-color: #f000 red #f000 var(--random-color-a);
min-width: 50vw;
max-width: 50vw;
min-height: auto;
margin-right: 0;
display: block;
}
.tsrm_eh {
position: absolute;
}
.tsrm-eh {
border-style: solid;
border-width: 50vw 0 50vw 50vw;
border-color: #f000 red #f000 var(--random-color-b);
min-width: 50vw;
max-width: 50vw;
min-height: auto;
margin-right: 0;
display: block;
}
.tsrm_co {
position: absolute;
}
.tsrm-co {
border-style: solid;
border-width: 50vw 0 50vw 50vw;
border-color: #f000 red #f000 var(--random-color-d);
min-width: 50vw;
max-width: 50vw;
min-height: auto;
margin-right: 0;
display: block;
}
.tsrm_in.w--current {
position: absolute;
}
.tsrm-in {
border-style: solid;
border-width: 50vw 0 50vw 50vw;
border-color: #f000 red #f000 var(--random-color-e);
min-width: 50vw;
max-width: 50vw;
min-height: auto;
margin-right: 0;
display: block;
position: relative;
}
.tsrm-pr-template {
border: 50vw solid #f000;
border-left-width: 0;
border-right-color: red;
min-width: 50vw;
max-width: 50vw;
min-height: auto;
margin-right: 0;
display: block;
}
.exhibitions_text_block {
color: var(--exhibitions);
font-size: 20px;
font-weight: 700;
}
.frame_block {
justify-content: flex-start;
align-items: center;
min-width: 100vw;
padding-left: 0;
display: flex;
}
.explore_block {
justify-content: flex-start;
align-items: center;
min-width: 100vw;
display: flex;
}
.pagename {
z-index: 100;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
margin-left: 5vw;
display: block;
position: relative;
inset: 0% auto auto 0%;
}
.projects {
z-index: 1;
text-decoration: none;
display: none;
position: static;
inset: 0% auto auto 0%;
}
.projects.w--current {
margin-top: 0;
display: block;
position: relative;
inset: 0% auto auto 0%;
}
.current-tab {
z-index: -3;
border-bottom-width: 0;
max-width: 100vw;
position: fixed;
}
.div-block-272 {
opacity: 0;
}
.explore {
display: block;
position: static;
inset: 0% auto auto 0%;
}
.explore.w--current {
text-decoration: none;
display: block;
position: relative;
}
.head_tab_text_explore {
color: var(--explore);
justify-content: flex-start;
align-items: center;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
display: flex;
}
.link_text_explore {
background-color: #fff0;
border-radius: 0;
min-height: 50px;
max-height: 50px;
padding-left: 2vw;
padding-right: 5vw;
}
.text-icon {
z-index: 10;
justify-content: flex-start;
align-items: center;
margin-top: 5px;
padding-top: 0;
padding-left: 0;
display: flex;
position: static;
inset: 0% auto auto 0%;
}
.exhibitions {
text-decoration: none;
display: none;
position: relative;
inset: 0% auto auto 0%;
}
.exhibitions.w--current {
text-decoration: none;
display: flex;
position: static;
}
.tab-mobile {
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.contact {
position: static;
inset: 0% auto auto 0%;
}
.contact.w--current {
display: flex;
}
.content {
padding-bottom: 0;
padding-right: 0;
}
.video-explore {
z-index: 2;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.gap-transparent {
opacity: 1;
}
.div-block-276 {
max-height: 50px;
display: none;
}
.f-frame {
display: block;
}
.gap-tab-head-copy {
opacity: 1;
}
.text-copyright-footer {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
}
.info-content {
z-index: 6;
min-height: auto;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 220px;
padding-right: 0;
display: block;
}
.div-block-285, .desktop {
display: none;
}
.mobile {
margin-top: 0;
margin-left: 0;
display: flex;
position: relative;
top: 0;
left: 0;
}
.main_wrapper_exhib_slider {
margin-top: 0;
margin-left: 0;
padding-top: 50px;
padding-left: 0;
padding-right: 0;
}
.swiper.is-exhibitions {
min-height: 60vh;
}
.swiper.is-future, .swiper.is-other {
z-index: 500;
position: relative;
}
.swiper-slide.is-future {
min-width: 480px;
margin-left: 5vw;
}
.exhibition-image-wrapper {
padding-left: 0;
}
.time {
padding-bottom: 20px;
}
.text-time {
padding-left: 5vw;
font-size: 60px;
}
.text-now, .text-future {
font-size: 30px;
}
.exhibition-image {
max-height: 40vh;
}
.gap-footer {
background-color: var(--color--background);
}
.empty-state-7 {
padding-bottom: 0;
}
.pe-resume {
margin-left: 40px;
margin-right: 40px;
}
.artwork_presentation_web-tablet {
display: none;
}
.artwork {
z-index: 4;
margin-top: 0;
padding-left: 5vw;
padding-right: 20px;
position: relative;
}
.related-projects {
padding-left: 5vw;
padding-right: 5vw;
}
.related-projects-list {
padding-left: 0;
padding-right: 0;
}
.tab_link_echo_projects-template {
color: #00f0;
background-color: #fff;
border-radius: 0;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
}
.tab_link_echo_projects-template.w--current {
padding-left: 20px;
}
.pagename-mobile {
z-index: 1;
max-width: 100vw;
position: absolute;
overflow: clip;
}
.text-current-tab-projects-copy {
z-index: 10;
}
.link-block-33-copy {
background-color: #fff0;
border-radius: 0;
min-height: 50px;
max-height: 50px;
padding-left: 2vw;
padding-right: 5vw;
}
.image-223-copy-copy {
min-width: 35px;
max-width: 35px;
min-height: 35px;
max-height: 35px;
text-decoration: none;
}
.head_tab_text_projects-copy {
z-index: 20;
color: var(--color--projects);
position: relative;
}
.current-tab-projects-copy {
z-index: 5;
max-width: 100vw;
position: relative;
inset: 0% auto auto 0%;
}
.gap-tab-head-copy {
opacity: 1;
min-height: 200px;
max-height: 200px;
}
.tab_link_echo_projects-template-copy {
color: #00f0;
background-color: #fff;
border-radius: 0;
min-height: 50px;
max-height: 50px;
padding-left: 20px;
padding-right: 0;
}
.tab_link_echo_projects-template-copy.w--current {
padding-left: 20px;
}
.head_tab_text_projects_echo-copy {
color: #0202ff00;
}
.the_solution_left-copy {
border-top-width: 300px;
border-top-color: #eee0;
border-bottom-width: 0;
border-left-width: 300px;
max-height: 400px;
margin-right: 0;
}
.image-234-copy-copy {
display: none;
}
.project_text_block-copy-copy-copy {
z-index: 12;
position: relative;
}
.artwork-echo {
color: #00f0;
background-color: #fff;
border-radius: 0;
min-height: 50px;
max-height: 50px;
padding-left: 90px;
padding-right: 0;
display: flex;
}
.artwork-echo.w--current {
padding-left: 20px;
}
.div-block-304 {
background-color: var(--random-color-1);
justify-content: flex-start;
align-items: flex-start;
min-height: 60vh;
padding-top: 5vw;
padding-left: 5vw;
}
.gap-footer-ii {
background-color: var(--color--background);
}
.video-explore-web, .video-explore-copy {
z-index: 1;
display: block;
position: fixed;
}
.custom-background-video {
display: none;
}
.c-e-mobile {
display: block;
}
.div-info-content-name {
display: flex;
position: sticky;
inset: 0% auto auto 0%;
}
.div-block-307 {
grid-template-columns: 1fr;
}
.exhibitions-content {
z-index: 4;
background-color: var(--color--background);
margin-top: 40vh;
padding: 10px 0 220px;
position: relative;
}
.head_tab_text_exhibitions_template, .head-tab-exhibitions-echo {
color: #0202ff00;
}
.studio_mobile {
padding-bottom: 5px;
font-size: 30px;
display: none;
}
.content_card-info-web {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.triangle_cookie {
min-height: 100%;
max-height: 100%;
}
.fs-cc-prefs2_close {
color: #000;
}
.fs-cc-prefs2_title {
color: var(--color--text);
font-size: 25px;
}
.fs-cc-banner2_text-link {
margin-right: 8px;
}
.fs-cc-banner2_container {
flex-direction: column;
align-items: flex-start;
}
.fs-cc-prefs2_content {
justify-content: center;
align-items: flex-start;
overflow: clip;
}
.fs-cc-prefs2_form {
max-height: 60vh;
overflow: clip;
}
.fs-cc-banner2_buttons-wrapper {
margin-top: 12px;
}
.fs-cc-banner2_button {
margin-left: 0;
margin-right: 8px;
}
.div-block-315 {
max-height: 100%;
}
.text-block-150 {
color: var(--random-color-e);
}
.info-content-i {
margin-top: 0;
padding-top: 10px;
}
.search-button-2 {
border-top: 25px solid #0000;
border-bottom: 25px solid #0000;
border-left: 25px solid #000;
margin-left: 0;
}
.div-block-319 {
padding-top: 10px;
padding-bottom: 10px;
}
.sitename_text_mobile_info {
z-index: 20;
color: var(--info);
position: relative;
}
.sitname_echo_info {
color: #0202ff00;
}
.search-result-list {
padding-left: 0;
}
.toggle_wrap {
padding-bottom: 3px;
}
.dark {
margin-left: 20px;
margin-right: 0;
inset: 0% auto auto 0%;
}
.div-block-320 {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.diagonal_gallery-mobile {
display: none;
}
.diagonal_gallery_web {
display: block;
}
.explode_text, .projects_text_header, .text_contact_head, .text_info_head {
color: var(--exhibitions);
font-size: 20px;
font-weight: 700;
}
.codeembed-contact-mobile {
margin-right: 10px;
}
.codeembe-info-mobile {
color: var(--random-color-e);
-webkit-text-stroke-color: var(--color--info);
}
.codeembed-projects-mobile {
color: var(--random-color-c);
-webkit-text-stroke-color: var(--color--projects);
}
.codeembed-explore-mobile {
color: var(--random-color-a);
}
.gap-footer-iii {
background-color: var(--color--background);
}
.dropdown-header.w--open {
margin-bottom: 10px;
}
.arrow-info-dropdown {
position: relative;
}
.video-background-section-mobile {
z-index: 4;
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.description_artwork_headline {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
position: static;
}
.description_artwork_dropdown {
margin-top: 10px;
}
.margin-description {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: block;
}
.artwork_info_box_web {
width: auto;
min-width: auto;
margin-left: 2vw;
margin-right: 2vw;
}
.arrow-dropdown {
max-height: 60px;
}
.div-block-331 {
min-height: 100%;
max-height: 32em;
margin-bottom: 0;
padding-bottom: 113px;
}
.div-block-333 {
max-height: 100%;
}
.triangle_cookie-_firstbanner {
min-height: 100%;
max-height: 100%;
}
.details-mobile {
z-index: 4;
margin-bottom: 40px;
display: block;
position: relative;
}
.content-project {
padding-left: 0;
}
.empty-state-project {
background-color: #ddd0;
}
.empty-state-project-text {
max-width: 80px;
max-height: 80px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 60px;
font-weight: 700;
transform: rotate(45deg);
}
.studio_head_mobile {
padding-bottom: 5px;
font-size: 30px;
display: none;
}
.arrow-dropdown-i, .arrow-dropdown-ii {
max-height: 60px;
}
.explore_text_tab {
z-index: 12;
position: relative;
}
.exhibitions-tab {
position: relative;
}
.gap-tab-head-2 {
opacity: 1;
background-color: #fff;
border-bottom-color: #fff;
min-height: 200px;
max-height: 200px;
}
.div-block-336 {
opacity: 0;
}
.head_tab_text_exhibitions-2 {
font-family: Neuehaasunicapro, Arial, sans-serif;
position: static;
}
.the_solution_left-2 {
border-top-width: 300px;
border-top-color: #eee0;
border-bottom-width: 0;
border-left-width: 300px;
max-height: 400px;
margin-right: 0;
}
.head-framing {
background-color: var(--color--background);
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.projects_description-2 {
font-size: 20px;
}
.div-block-339 {
font-size: 40px;
}
.description_artwork_dropdown-2 {
margin-top: 10px;
}
.artwork-2 {
z-index: 4;
margin-top: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.dropdown-header-2.w--open {
margin-bottom: 10px;
}
.arrow-dropdown-2 {
max-height: 60px;
}
.dropdown_info-2 {
margin-top: 10px;
}
.dropdown-body-2 {
height: 0;
}
.dropdown-body-2.w--open {
height: 100%;
}
.content_card-info-label-3 {
color: #000;
background-color: #fff0;
border-radius: 0;
font-family: San Francisco, sans-serif;
}
.description_artwork_headline-2 {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
position: static;
}
.content_card-info-text-4 {
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.aenti-project {
z-index: 4;
margin-top: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
top: 0;
}
.projects-title {
margin-left: 0;
}
.projects_name-text {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
}
.div-block-insert-1 {
font-size: 40px;
}
.bd-heading-copy.h1, .bd-heading-copy.h1-copy {
font-size: 35px;
}
.year-project-text.h1 {
font-size: 30px;
}
.year-project-text.h1-copy, .year-project-text.h1-copy-copy {
font-size: 20px;
}
.content_card-info-web-anti {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content_card-info-block-anti {
border: 0 solid #ddd;
grid-template-columns: auto auto;
}
.content_card-info-label-3-anti {
color: #000;
background-color: #fff0;
border-radius: 0;
font-family: San Francisco, sans-serif;
}
.content_card-info-text-4-anti {
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.content_card-info-block-2-anti {
border: 0 solid #ddd;
grid-template-columns: auto auto;
}
.content_card-info-label-3-copy, .content_card-info-label-3-antii {
color: #000;
background-color: #fff0;
border-radius: 0;
font-family: San Francisco, sans-serif;
}
.content_card-info-block-2-copy {
border: 0 solid #ddd;
grid-template-columns: auto auto;
}
.artwork_presentation_web-tablet-anti {
display: none;
}
.artwork_presentation_mobile-anti {
margin-top: 0;
padding: 10px 0 0;
display: block;
}
.details-mobile-anti {
z-index: 4;
margin-bottom: 40px;
display: block;
position: relative;
}
.content_card-info-mobile-anti {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content_card-info-block-mobile-2 {
border: 0 solid #ddd;
grid-template-columns: auto auto;
}
.content_card-info-label-mobile-3 {
color: #000;
background-color: #fff0;
border-radius: 0;
font-family: San Francisco, sans-serif;
}
.content_card-info-text-mobile-4 {
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.artwork_info_box_web-anti {
width: auto;
min-width: auto;
margin-left: 2vw;
margin-right: 2vw;
}
.margin-description-anti {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: block;
}
.description_artwork_headline-anti {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
position: static;
}
.description_artwork_dropdown-anti {
margin-top: 10px;
}
.dropdown-header-anti.w--open {
margin-bottom: 10px;
}
.arrow-dropdown-anti {
max-height: 60px;
}
.dropdown-body-anti {
height: 0;
}
.dropdown-body-anti.w--open {
height: 100%;
}
.text-ae {
justify-content: flex-start;
align-items: center;
font-size: 20px;
font-weight: 700;
text-decoration: none;
}
.bold-text-12 {
font-style: normal;
}
.butto-ae.w--open {
position: fixed;
}
.logo-ae {
font-family: Neuehaasunica, sans-serif;
}
.link-block-anti {
padding-right: 0;
}
.nav-menu-7 {
width: auto;
min-width: auto;
max-width: none;
padding-left: 20px;
padding-right: 20px;
}
.heading-year.h1 {
font-size: 30px;
}
.heading-year.h1-copy, .heading-year.h1-copy-copy, .heading-year.hi-year {
font-size: 20px;
}
.top {
margin-top: 40px;
margin-left: 5%;
margin-right: 5%;
}
.image-263 {
margin-top: 10px;
padding-top: 10px;
padding-bottom: 0;
}
.image-264 {
padding-top: 10px;
padding-bottom: 0;
}
.image-265, .image-266, .image-267, .image-268, .image-269, .image-270 {
padding-top: 10px;
}
.page-name.co, .page-name.pro {
margin-right: 5px;
}
.pagename-web {
display: none;
}
.info-content-ii {
z-index: 6;
min-height: auto;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 220px;
padding-right: 0;
display: block;
}
.project-name-text.h1, .project-name-text.h1-copy {
font-size: 35px;
}
.footer_div-copy {
z-index: 0;
margin-left: 0;
bottom: auto;
right: auto;
}
.exhibition-wrap {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.exhibition-text {
padding-top: 10vh;
}
.exhibition-texts {
padding-left: 20px;
}
.butterfly_icon {
color: var(--color--text);
min-width: 50px;
max-width: 50px;
min-height: 50px;
max-height: 50px;
}
.code_embed_exhibitions_tab_mobile {
color: var(--random-color-b);
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
margin-right: 10px;
padding-top: 0;
}
.logo-client {
max-height: 3rem;
}
.subhead-main {
font-size: 22px;
}
.logo-grid-wrapper {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.logo-grid-list {
grid-template-columns: 1fr 1fr;
}
.project-gallery-explore {
min-height: auto;
}
.pagename-explore, .pagename-info {
margin-left: 5vw;
}
.info-content {
margin-top: 40px;
padding-left: 5vw;
padding-right: 5vw;
}
.time-copy {
padding-bottom: 20px;
}
.exhibition-image-gallery {
min-height: auto;
}
.pagename-template {
margin-top: 15px;
padding-left: 3vw;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 2.4em;
}
.section {
padding: 80px 10px;
}
.section.overflow-none {
display: none;
}
.grid-3-columns {
grid-column-gap: 20px;
}
.footer-menu {
flex-direction: column;
margin-bottom: 40px;
}
.footer-label {
margin-top: 15px;
}
.feature-heading {
font-size: 2em;
line-height: 1;
}
.footer-brand, .footer-column {
margin-bottom: 20px;
}
.grid {
grid-row-gap: 13px;
grid-template-rows: 57px auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-left: 15px;
margin-right: 22px;
}
.text-block-2 {
margin-top: 15%;
margin-bottom: 10%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
}
.div-block-6 {
background-position: 10% 10%;
background-size: cover;
padding-bottom: 42%;
}
.text-block-3 {
margin-top: -21%;
margin-left: 3%;
}
.container-3 {
padding-top: 17%;
}
.div-block-9 {
padding: 0;
}
.header1 {
background-color: #ddd;
font-size: 50px;
}
.header1:active, .header1:visited {
color: #0012ff;
}
.header1.w--current {
background-color: #fff;
font-size: 50px;
}
.text-block-5 {
margin-bottom: 45%;
margin-left: 3%;
}
.body {
background-color: var(--color--background-mobile);
}
.column {
margin-top: -269px;
}
.footer-link-2 {
background-color: #fff;
}
.navbar-8 {
margin-left: 2%;
margin-right: 2%;
padding-left: 0%;
}
.wohoo {
background-color: #fff;
}
.im-17 {
padding: 0;
}
.div-block-10 {
margin: 2%;
}
.column-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin: 50px 0;
display: grid;
}
.image-20 {
padding: 0 5px 5px 0;
}
.image-21 {
padding-top: 0;
}
.container-6 {
margin-top: -10px;
margin-bottom: 1px;
padding-bottom: 0;
}
.image-22 {
padding-top: 10px;
}
.container-7 {
margin-top: 25%;
}
.text-block-7 {
margin-top: 0%;
margin-left: 3%;
}
.image-29 {
padding: 10px;
}
.text-block-8 {
font-size: 12px;
}
.container-9 {
margin-top: 0%;
margin-bottom: 50%;
}
.text-block-12 {
font-size: 12px;
}
.image-39, .image-40 {
padding-top: 0;
}
.text-block-13 {
font-size: 12px;
}
.header-hamburger {
filter: none;
background-color: #fff0;
border-radius: 20px 0 0 20px;
flex: 0 auto;
justify-content: center;
width: 100%;
height: 100vh;
margin-bottom: 0;
margin-left: 0;
padding: 25% 2% 2px;
display: flex;
position: fixed;
}
.div-block-12 {
margin-top: 10%;
}
.text-block-17 {
margin-top: 0%;
padding-left: 3%;
}
.container-11 {
margin-top: 100px;
padding: 10px;
}
.column-4 {
margin-bottom: 0;
}
.text-block-18, .text-block-19, .text-block-20, .text-block-21 {
font-size: 12px;
}
.body-10 {
margin-left: 0%;
}
.text-block-25 {
font-size: 12px;
}
.grid-4, .grid-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.text-block-30 {
margin-left: 38px;
}
.grid-6 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.text-block-33 {
margin-left: 6%;
font-size: 20px;
}
.div-block-20 {
margin-left: 0%;
margin-right: 0%;
}
.image-95 {
padding-top: 73%;
}
.grid-7 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 0%;
}
.image-96 {
padding-top: 0;
}
.image-103, .image-104, .image-105, .image-106 {
padding-top: 0%;
}
.text-block-40 {
margin-top: -37%;
}
.text-block-41 {
margin-top: 4%;
padding-top: 0%;
}
.text-block-42 {
margin-top: -64%;
padding-top: 13%;
}
.body-16 {
background-image: none;
}
.text-block-43 {
margin-top: -37%;
}
.text-block-44 {
margin-top: -74%;
}
.text-block-45 {
margin-top: 2%;
}
.text-block-46 {
margin-top: 1%;
padding-top: 0%;
}
.column-9 {
padding-top: 0%;
}
.text-block-49 {
margin-top: 94%;
}
.text-block-50 {
margin-top: -36%;
}
.text-block-51 {
margin-top: -21%;
}
.body-19 {
background-color: #eee;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/6246fc28bddc05e5e9c5f982_606%20Background%20V2.jpg");
background-position: 0 0;
background-size: cover;
}
.text-block-52 {
margin-top: 2%;
}
.text-block-53, .text-block-54 {
margin-top: -18%;
}
.text-block-55, .text-block-56 {
margin-top: 4%;
}
.text-block-57 {
margin-top: 3%;
}
.text-block-58 {
margin-top: -22%;
}
.text-block-59 {
margin-top: -18%;
}
.text-block-60 {
margin-top: -18%;
padding-top: 24%;
}
.menu-button-3 {
background-color: #fff0;
border-radius: 20px;
flex: 0 auto;
justify-content: center;
margin-top: 2%;
margin-right: 2%;
padding: 0%;
display: flex;
transform: translate(0);
}
.menu-button-3:active {
transform: rotate(-180deg);
}
.menu-button-3.w--open {
background-color: #fff;
}
.icon {
background-color: #fff0;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61b86bdf8dcef29aac511f9d_Header%20Dot.png");
background-position: 0 0;
background-size: auto;
border-radius: 20px;
}
.container-24 {
background-color: #fff;
}
.image-113 {
margin: 5% 10px;
padding-left: 0%;
padding-right: 0;
}
.column-13 {
padding-bottom: 14%;
}
.div-block-21 {
border-radius: 0%;
justify-content: center;
width: 30px;
margin-left: 0%;
margin-right: 0%;
display: flex;
}
.div-block-21:active {
height: auto;
}
.text-block-61 {
margin-left: 0%;
padding-left: 0;
}
.footer_div {
z-index: 0;
box-sizing: border-box;
background-color: var(--random-color-4);
object-fit: scale-down;
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
min-width: 100vw;
min-height: 50vh;
max-height: 50vh;
margin: 0 0 0;
padding: 0 5vw 5vw 0;
display: flex;
position: fixed;
inset: auto 0% 0% auto;
overflow: visible;
}
.image-114 {
padding: 2%;
}
.text-block-62 {
color: #000;
font-size: 14px;
}
.text-block-63 {
color: #000;
margin-top: -21%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
.image-115 {
padding: 3%;
}
.image-116 {
padding: 2%;
}
.image-117 {
padding: 4px;
}
.image-118, .image-119 {
padding: 2%;
}
.track {
display: none;
}
.textblockmagda1 {
padding-left: 0%;
}
.wohoo2 {
background-color: #fff0;
border-bottom: 0 solid #000;
justify-content: flex-end;
margin-left: 0%;
margin-right: 5%;
padding-top: 2%;
padding-bottom: 2%;
position: static;
}
.wohoo2:active {
border-radius: 20px;
}
.map-contain {
font-size: 2.2vw;
}
.header1-2 {
font-size: 50px;
}
.header1-2:active, .header1-2:visited {
color: #0012ff;
}
.header1-2.w--current {
background-color: #fff;
font-size: 50px;
}
.map, .map:hover {
font-size: 1.6vh;
}
.container-28.is--map, .container-28.is--map-mobile, .container-28.is--map-copy, .container-28.is--map-copy {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.body-24 {
color: #404040;
}
.project._3d, .project.home {
display: none;
}
.project._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
.project.reliefs, .project.sculptures, .project.university {
display: none;
}
.project.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.project.standing, .project._2d-v2 {
display: none;
}
.project._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
.project.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.project._2d-v2-copy {
display: none;
}
.project.binary-period-copy {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.container-28-copy.is--map, .container-28-copy.is--map-copy {
padding-top: 9.1em;
padding-bottom: 25.5em;
}
.binary-period-dot {
position: relative;
}
.body-26 {
background-color: #ffffff3b;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/62059f7b141ff9ff12d22c25_Render%20Home%204.4.1.jpg");
background-position: 50% 0;
background-size: cover;
}
.image-132 {
opacity: .9;
border-radius: 0%;
display: block;
}
.image-132:hover {
opacity: 1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
transform: rotate(180deg);
}
.image-132:active {
-webkit-backdrop-filter: none;
backdrop-filter: none;
perspective: none;
transform: translate(0)rotate(180deg);
}
.header_exhibitions {
letter-spacing: 0;
background-color: #ddd;
margin-bottom: 1px;
padding-left: 5%;
font-size: 30px;
}
.header_exhibitions:active, .header_exhibitions:visited {
color: #0012ff;
}
.header_exhibitions.w--current {
background-color: #fff;
font-size: 50px;
}
.header_projects {
letter-spacing: 0;
background-color: #ddd;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-bottom: 1px;
padding-left: 5%;
font-size: 30px;
}
.header_projects:active, .header_projects:visited {
color: #0012ff;
}
.header_projects.w--current {
background-color: #fff;
font-size: 50px;
}
.header_home {
color: #000;
text-align: left;
letter-spacing: 0;
background-color: #ddd;
border-top-right-radius: 20px;
width: auto;
margin-bottom: 1px;
margin-left: 0;
margin-right: 0;
padding-top: 5%;
padding-left: 5%;
font-size: 30px;
font-weight: 500;
line-height: 1.5;
}
.header_home:active, .header_home:visited {
color: #0012ff;
}
.header_home.w--current {
background-color: #fff;
font-size: 50px;
}
.body-27 {
-webkit-text-fill-color: inherit;
object-fit: fill;
object-position: 0% 0%;
background-size: contain;
background-attachment: fixed;
background-clip: border-box;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
overflow: visible;
}
.column-21 {
flex-direction: row;
align-items: center;
padding-top: 0;
padding-left: 0;
display: flex;
}
.wohoo3:active, .wohoo3-copy:active {
border-radius: 20px;
}
.section-6-copy {
background-image: none;
}
.div-block-33 {
padding-top: 0%;
}
.column-23 {
padding-left: 0;
padding-right: 0;
}
.top_input {
background-color: #fff0;
border-top-left-radius: 26px;
border-top-right-radius: 26px;
margin-bottom: 0;
}
.bottom_input {
background-color: #fff0;
margin-top: 0;
margin-bottom: 25%;
padding-bottom: 0;
}
.column-24 {
margin-bottom: 1px;
padding-top: 0;
padding-left: 2%;
padding-right: 2%;
}
.column-25 {
padding-left: 0%;
padding-right: 0%;
}
.div-block-34 {
background-image: none;
}
.image-133 {
margin-right: 0;
}
.background_input {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf353a6df72279d793c448_MAgdalena%20Render%20side%20blur.jpg");
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
width: 100vw;
height: 100%;
position: fixed;
inset: 0;
}
.textblockinput2 {
padding-left: 0%;
}
.content_magdalena {
background-image: none;
}
.image_magda_1 {
margin-right: 0;
}
.headline_magda {
white-space: nowrap;
flex-direction: row;
flex: 1;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 24%;
margin-top: 0%;
margin-left: 2%;
padding-bottom: 0;
padding-left: 2%;
font-size: 20px;
font-weight: 300;
display: block;
}
.textblockmagda2-copy, .textblockmagda1-copy {
padding-left: 0%;
}
.content_magdalena2 {
background-color: #fff0;
margin-bottom: 0;
}
.image_magda2 {
margin-right: 0;
}
.content_magdalena4 {
margin-bottom: 0;
}
.content_them {
background-image: none;
}
.the_massacre_data {
padding-left: 0%;
}
.underline_magdalena_1 {
color: #828282;
text-align: right;
padding: 2% 2% 2% 0%;
font-size: 10px;
font-style: italic;
}
.container-28-mobile.is--map {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.container-28-mobile.is--map-mobile {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 2em;
display: block;
}
.container-28-mobile.is--map-mobile-copy {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 2em;
}
.map_mobile {
font-size: 1em;
}
.map_mobile:hover {
font-size: 2em;
}
.section-8, .section-8-copy {
width: 100%;
}
.background_sculptures {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf353a6df72279d793c448_MAgdalena%20Render%20side%20blur.jpg");
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
width: 100vw;
height: 100%;
position: fixed;
inset: 0;
}
.header-hamburger-2 {
filter: none;
background-color: #fff0;
border-radius: 20px 0 0 20px;
justify-content: center;
width: 100%;
margin-bottom: 0;
margin-left: 0;
padding-top: 5%;
padding-left: 5%;
padding-right: 0;
display: block;
}
.wohoo2-2 {
background-color: #fff0;
position: static;
}
.wohoo2-2:active {
border-radius: 20px;
}
.menu-button-4 {
background-color: #fff0;
border-radius: 20px;
margin-top: 2%;
margin-right: 2%;
padding: 0%;
transform: translate(0);
}
.menu-button-4:active {
transform: rotate(-180deg);
}
.menu-button-4.w--open {
background-color: #fff;
}
.div-block-37 {
border-radius: 0%;
margin-left: 0%;
margin-right: 0%;
}
.image-134 {
border-radius: 0%;
}
.image-134:hover {
opacity: 1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
transform: rotate(180deg);
}
.image-134:active {
-webkit-backdrop-filter: none;
backdrop-filter: none;
perspective: none;
transform: translate(0)rotate(180deg);
}
.slider_magda_text {
padding-left: 0%;
}
.slide-2 {
min-height: 100%;
top: 0%;
}
.div-block-space {
padding-top: 0%;
}
.container-slider {
border: 0 solid #000;
flex-direction: column;
justify-content: flex-start;
width: 100%;
height: 80%;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 1em;
display: flex;
}
.slider-item {
width: 85%;
height: 80%;
margin-right: 1em;
padding-bottom: 60px;
}
.main {
color: #cdcdcd;
background-color: #e1e1e1;
border: 0 solid #000;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
align-items: stretch;
height: 80%;
min-height: 80%;
}
.header {
flex-direction: column;
align-items: flex-start;
margin-bottom: 1em;
}
.paragraph-2 {
font-size: 2em;
}
.wrapper-nav {
display: none;
}
.heading-5 {
font-size: 1.5em;
}
.heading-6 {
font-size: 100%;
}
.text-block-73 {
padding-top: 2%;
}
.div-block-33-copy {
padding-top: 0%;
}
.image_magda_1-copy {
margin-right: 0;
}
.headline_sculptures {
font-size: 40px;
}
.column-26 {
height: auto;
padding-left: 0;
padding-right: 0;
}
.columns-9 {
border-bottom-width: 0;
padding-left: 2%;
}
.column-27 {
padding-bottom: 0%;
}
.content_sculptures2 {
margin-bottom: 0;
}
.bottom_input-copy {
margin-top: 1px;
margin-left: 0%;
margin-right: 0%;
}
.top_input-copy {
background-color: #fff0;
}
.content_rubric {
background-color: #fff9;
}
.collection-item-2 {
display: inline-block;
}
.dynamic-item {
padding-left: 0;
padding-right: 0;
}
.button-embed {
margin-right: 4px;
display: inline-block;
}
.collection-list-2 {
display: inline-block;
}
.filters-wrap {
flex-flow: wrap;
}
.button-group {
flex-direction: column;
padding-left: 0;
padding-right: 0;
display: flex;
}
.headline_rubric {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 0%;
}
.content_rubric_info {
background-color: #fff9;
}
.body-30 {
background-color: #eee;
}
.image_paintings {
margin-right: 0;
}
.content_paintings {
background-image: none;
}
.textblock_paintings, .textblock_sculptures {
padding-left: 0%;
}
.image_sculptures {
margin-right: 0;
}
.content_sculptures {
background-image: none;
}
.headline_paintings {
margin-left: 2%;
font-size: 35px;
}
.imaghe_paintings_head {
width: auto;
height: auto;
display: inline-block;
}
.div-headline {
margin-left: 0%;
padding-bottom: 5px;
}
.image-140 {
width: 14%;
height: 10%;
}
.caroussel_paintings_headline {
font-size: 1.2em;
}
.headline_rubric_sculptures-copy {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 0%;
}
.headline_sculpturesv2 {
margin-left: 2%;
font-size: 35px;
}
.headline_rubric_sculptures-copy-copy {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 0%;
}
.headline_rubric_binary_period {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-top: 100px;
margin-bottom: 2%;
}
.headline_binary_period {
margin-left: 2%;
font-size: 35px;
}
.content_rubric_binary_period {
background-color: #fff9;
}
.image_binary_period {
margin-right: 0;
}
.textblock_binary_period {
padding-left: 0%;
}
.underline_binary-period {
color: #828282;
text-align: right;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 0%;
font-size: 10px;
font-style: italic;
}
.text-block-74 {
padding-bottom: 5%;
}
.body-31 {
background-color: #eee;
display: block;
overflow: visible;
}
.hedline_contact {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-top: 100px;
margin-bottom: 0%;
}
.hedline_contact-text {
margin-left: 2%;
font-size: 35px;
}
.content_magdalena-new {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #fff9;
background-image: none;
border-width: 0;
border-color: #eee;
border-radius: 25px;
margin-top: 100px;
margin-left: 4%;
margin-right: 4%;
}
.content_magdalena3-copy, .content_magdalena4-copy {
background-color: #fff0;
margin-bottom: 0;
}
.headlinbe_rubric_kleksography {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 2%;
}
.hedaline_text_kleksography {
margin-left: 2%;
font-size: 35px;
}
.content_kleksography {
background-color: #ffffff17;
}
.image_kleksography {
margin-right: 0;
}
.body-32 {
background-color: #eee;
}
.underline_magdalena_1-copy {
color: #828282;
text-align: right;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 0%;
font-size: 10px;
font-style: italic;
}
.headlinbe_rubric_abstracts {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 2%;
}
.hedaline_text_abstracts {
margin-left: 2%;
font-size: 35px;
}
.content_rubric_abstracts {
background-color: #fff9;
}
.underline_abstracts {
color: #828282;
text-align: right;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 0%;
font-size: 10px;
font-style: italic;
}
.image_abstracts {
margin-right: 0;
}
.hompage.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.section-11 {
justify-content: center;
display: flex;
}
.link-block-12 {
z-index: 5;
justify-content: center;
margin-top: -128%;
margin-bottom: 300%;
margin-left: -11em;
display: block;
position: relative;
overflow: visible;
}
.image-141 {
width: 50px;
height: 50px;
}
.container-28-mobile-copy.is--map {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.container-28-mobile-copy.is--map-mobile {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 2em;
}
.container-28-mobile-copy.is--map-mobile-copy {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 2em;
display: none;
}
.headline_quantums {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 0%;
}
.hedline {
margin-left: 2%;
font-size: 35px;
}
._3d-dot._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
}
._3d-dot.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.arch_dot._2d {
z-index: 10;
margin-top: 8.9em;
margin-left: 35.5em;
}
.arch_dot._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
}
.arch_dot.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.container-28-copy.is--map, .container-28-copy.is--map-mobile {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.container-28-copy.is--map-copy {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
display: block;
}
._3d-for-move._2d {
margin-top: 8.9em;
margin-left: 35.5em;
}
._3d-for-move._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
}
._3d-for-move.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.map-mobile {
width: 100vw;
max-width: 100%;
height: 100vh;
}
._3d-movepoint._2d {
margin-top: 8.9em;
margin-left: 35.5em;
}
._3d-movepoint._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
}
._3d-movepoint.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
._3d-movepoint.binary-period-copy, ._3d-movepoint._3d-movepoint2 {
margin-top: 17.2em;
margin-left: 15em;
}
.project-copy._2d {
margin-top: 8.9em;
margin-left: 35.5em;
}
.project-copy.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
}
.project-copy._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
}
.project-copy._3d-point-2 {
justify-content: center;
align-items: center;
margin-top: 16.1em;
margin-left: 14.3em;
display: flex;
position: relative;
inset: 50%;
}
.sculptures-move-point._2d {
margin-top: 8.9em;
margin-left: 35.5em;
}
.sculptures-move-point.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
}
.sculptures-move-point._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
}
.sculptures-move-point.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.sculptures-move-point._3d-point-2, .sculptures-move-point._3d-point-2-copy {
margin-top: 16.1em;
margin-left: 14.3em;
}
.sculptures-move-point.sculptures-move-point-2 {
margin-top: 30.9em;
margin-left: 14.5em;
position: relative;
inset: auto;
}
.sculpturesv4._2d {
margin-top: 8.9em;
margin-left: 35.5em;
}
.sculpturesv4.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
}
.sculpturesv4._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
}
.sculpturesv4.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.sculpturesv4._3d-point-2 {
margin-top: 16.1em;
margin-left: 14.3em;
}
.sculpturesv4.sculpturesv4-1 {
margin-top: -1.4em;
margin-left: 14.5em;
padding-top: 0%;
padding-left: 0;
position: sticky;
top: 50%;
}
.fick {
margin-top: 300px;
margin-left: 68px;
}
.image-142 {
width: 2em;
max-width: none;
height: 2em;
font-size: 2em;
position: absolute;
inset: 50% 50% 0%;
}
.image-143 {
width: 20px;
height: 20px;
display: block;
}
.link-block-13 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
margin-top: 48px;
margin-left: .5em;
display: flex;
}
.biography-headline-copy {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-top: 100px;
margin-bottom: 0%;
}
.biography-headline-text {
margin-left: 2%;
font-size: 35px;
}
.content_rubric_info-copy {
background-color: #fff0;
}
.content_sculptures-copy {
background-image: none;
}
.content_biography {
margin-bottom: 0;
}
.biography-headline-copy-copy {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 0%;
}
.info_headline_text {
margin-left: 2%;
font-size: 35px;
}
.info_headline {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 0%;
}
.content_info {
background-color: #fff0;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.content_sculptures-copy-copy {
background-image: none;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.content_middle_info {
margin-bottom: 0;
}
.colum_info-2 {
margin-bottom: 1px;
padding-top: 0;
padding-left: 2%;
padding-right: 2%;
}
.colum_info1 {
padding: 2%;
}
.body-35 {
background-color: #eee;
height: 100%;
}
.text-block-77 {
font-size: 20px;
}
.link-block-14 {
flex: 1;
}
.top_info {
padding-top: 0;
}
.image-140-copy {
width: 40px;
min-width: 40px;
height: 10%;
padding-top: 0%;
}
.zeile {
margin: 1px 0% 0;
}
.text-block-77-copy {
font-size: 20px;
}
.zeile-imprint {
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
}
.image-144 {
width: 40px;
min-width: 35px;
}
.image-145 {
opacity: 1;
width: 35px;
min-width: 35px;
}
.zeile_contact {
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
}
.textblock_contact {
font-size: 20px;
}
.image-144-copy {
width: 35px;
min-width: 35px;
margin-top: 0%;
margin-bottom: 0%;
margin-left: 0%;
padding-bottom: 0;
}
.header_info {
letter-spacing: 0;
background-color: #ddd;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: 1px;
padding-left: 5%;
font-size: 30px;
}
.header_info:active, .header_info:visited {
color: #0012ff;
}
.header_info.w--current {
background-color: #fff;
font-size: 50px;
}
.column-28 {
padding-bottom: 0;
}
.zeile-e {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
}
.image-145-copy {
opacity: 0;
width: 35px;
min-width: 35px;
}
.zeile-copy {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin: 0 0%;
}
.colum_info1-copy {
padding: 2%;
}
.image-144-copy-copy {
width: 35px;
min-width: 35px;
margin-top: 0%;
margin-bottom: 0%;
margin-left: 0%;
padding-bottom: 0;
}
.header_contact {
letter-spacing: 0;
background-color: #ddd;
padding-bottom: 5%;
padding-left: 5%;
font-size: 30px;
}
.header_contact:active, .header_contact:visited {
color: #0012ff;
}
.header_contact.w--current {
background-color: #fff;
font-size: 50px;
}
.header_exhibi {
letter-spacing: 0;
background-color: #ddd;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: 1px;
padding-left: 5%;
font-size: 30px;
}
.header_exhibi:active, .header_exhibi:visited {
color: #0012ff;
}
.header_exhibi.w--current {
background-color: #fff;
font-size: 50px;
}
.header_projec {
letter-spacing: 0;
background-color: #ddd;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: 1px;
padding-left: 5%;
font-size: 30px;
}
.header_projec:active, .header_projec:visited {
color: #0012ff;
}
.header_projec.w--current {
background-color: #fff;
font-size: 50px;
}
.header_homsala {
letter-spacing: 0;
background-color: #ddd;
border-radius: 20px 20px 0 0;
margin-bottom: 1px;
padding-top: 5%;
padding-left: 5%;
font-size: 30px;
}
.header_homsala:active, .header_homsala:visited {
color: #0012ff;
}
.header_homsala.w--current {
background-color: #fff;
font-size: 50px;
}
.navigation-item {
text-align: left;
text-transform: none;
background-color: #fff9;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
font-size: 30px;
font-weight: 500;
}
.menu-button-5 {
flex: none;
margin-top: 5%;
margin-right: 10%;
padding-right: 0;
}
.menu-button-5.w--open {
flex-direction: column;
flex: none;
align-items: flex-end;
margin-top: 5%;
margin-right: 5%;
padding-top: 0;
padding-right: 0%;
display: flex;
position: static;
}
.menu-icon {
margin-right: 0%;
padding-top: 0;
}
.container-30 {
flex-direction: column;
align-items: flex-end;
margin-top: 5%;
margin-right: 0%;
display: flex;
}
.menu {
text-transform: none;
background-color: #fff0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
max-width: none;
margin-left: 0;
margin-right: 0%;
font-family: San Francisco, sans-serif;
}
.logo-link {
display: none;
}
.mobile-bg-div {
background-image: none;
padding-right: 75px;
}
.navigationhead {
z-index: 500;
box-shadow: none;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #fff0;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: 100%;
min-width: 100vw;
height: auto;
margin-top: -100px;
margin-left: 0%;
margin-right: 0%;
padding-top: 252px;
padding-left: 0%;
padding-right: 7%;
display: flex;
position: static;
top: 0;
transform: none;
}
.logo-bg {
display: block;
}
.headeready {
z-index: 20000;
background-color: #fff0;
flex-direction: column;
align-items: flex-start;
margin: 0 0% 35px 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0%;
display: flex;
position: absolute;
}
.projects_item {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
text-align: left;
text-transform: none;
background-color: #fff9;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 100%;
margin: 100px 0% 1px 4%;
padding-top: 3%;
padding-bottom: 3%;
padding-left: 5%;
font-family: San Francisco, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 15px;
}
.contact_item {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
text-align: left;
text-transform: none;
background-color: #fff9;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
width: 100%;
margin: 0% 4% 100%;
padding: 3% 30% 3% 5%;
font-size: 20px;
font-weight: 500;
line-height: 15px;
}
.info_item {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
text-align: left;
text-transform: none;
background-color: #fff9;
border-radius: 0;
width: 100%;
margin-bottom: 1px;
margin-left: 4%;
margin-right: 4%;
padding: 3% 0 3% 5%;
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
.exhibitions_item {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
text-align: left;
text-transform: none;
background-color: #fff9;
border-radius: 0;
width: 100%;
margin-bottom: 1px;
margin-left: 4%;
margin-right: 4%;
padding: 3% 0 3% 5%;
font-size: 20px;
font-weight: 500;
line-height: 15px;
}
.projects_item2 {
text-align: left;
text-transform: none;
background-color: #eee;
border-radius: 0;
width: 99.7182%;
margin-bottom: 1px;
margin-left: 2%;
margin-right: 2%;
padding-left: 20px;
padding-right: 0;
font-size: 20px;
font-weight: 500;
line-height: 15px;
}
.navbar-14 {
margin-top: -56px;
}
.unter_item {
text-align: left;
text-transform: none;
background-color: #eee;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
padding-bottom: 15px;
padding-left: 20px;
font-size: 30px;
font-weight: 500;
}
.div-block-49 {
background-color: #fffffff5;
width: 196.678vw;
height: 200vh;
margin-top: -244px;
margin-left: -170px;
padding-top: 0;
padding-left: 61px;
padding-right: 99px;
display: none;
position: absolute;
}
.container-28-copy.is--map, .container-28-copy.is--map-mobile, .container-28-copy.is--map-copy {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.karte-copy, .mapimage-copy, .div-block-50 {
display: none;
}
.div-block-51 {
width: auto;
height: auto;
display: block;
position: sticky;
top: 0;
}
.html-embed-7 {
display: block;
}
.image-146 {
display: none;
}
.image-147 {
width: 100em;
}
.column-29 {
display: block;
}
.section-13 {
width: 100%;
margin-top: 238%;
}
.background-viideo-div {
z-index: -1;
width: 100vw;
height: 100vh;
display: none;
position: sticky;
top: 0;
}
.section-14 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding-top: 5px;
padding-bottom: 0;
}
.column-30 {
padding: 30px 34px 96px 30px;
}
.columns-10 {
display: none;
}
.text-block-79 {
color: #000;
text-align: center;
font-family: San Francisco, sans-serif;
font-size: 10px;
text-decoration: none;
}
.year-container-dynamic-content {
padding-bottom: 50px;
}
.container-31 {
padding-top: 0;
}
.month {
font-size: 1em;
line-height: 1;
}
.month.year {
font-size: 1em;
}
.vertical-timeline {
padding-top: 0;
}
.horizontal-timeline {
top: 56px;
}
.timeline-content-container {
min-height: 470px;
}
.captions {
padding-top: 4px;
}
.vertical-timeline-title {
text-align: right;
font-size: 1.1em;
}
.vertical-timeline-title.tttil {
padding-top: 20px;
font-size: 1.2em;
position: relative;
top: 0;
}
.vertical-timeline-title.sub2 {
text-align: center;
position: relative;
}
.title-col {
flex: none;
width: 110px;
top: 586px;
}
.title-col._220 {
z-index: 1000;
background-color: #1f1e1d;
border-bottom: 1px solid #2c2c2c;
margin-top: 0;
padding-bottom: 10px;
padding-left: 0;
position: sticky;
top: 520px;
}
.title-col._46.exception {
width: 100vw;
}
.timeline-wrapper {
z-index: 500;
position: relative;
}
.extra-section {
display: none;
}
.timeline-content-container-2020, .timeline-content-container-2019 {
min-height: 470px;
}
.timeline-header {
font-size: 2em;
}
.header-2 {
font-size: 2.5em;
line-height: 1.2em;
}
.subheader {
font-size: 2em;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.content_filter {
width: 100%;
}
.footer_finsweet {
font-size: 14px;
}
.filter_options {
z-index: 100;
clear: none;
object-fit: fill;
flex: 0 auto;
order: 0;
align-self: auto;
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-height: none;
margin-top: 0%;
margin-left: 0%;
padding-top: 0;
padding-left: 0;
display: flex;
position: relative;
overflow: visible;
}
.filter_block-header {
display: none;
overflow: visible;
}
.filter_grid {
margin-top: 100px;
}
.main-wrapper {
background-color: #0000;
width: 100%;
min-width: auto;
max-width: none;
padding-top: 10px;
padding-left: 0;
padding-right: 0;
}
.nav_logo-text {
display: none;
}
.filter_content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.filter_tags-wrapper, .fs-cmsfilter_highlight {
display: none;
}
.filter_empty {
min-height: 80vw;
}
.footer_component {
text-align: left;
}
.footer_wrapper {
text-align: center;
flex-direction: column;
grid-auto-columns: 1fr;
}
.filter_form {
background-color: #fff0;
}
.rangeslider_wrapper {
display: none;
}
.filter_form-wrapper {
background-color: var(--color--background);
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-small {
margin-bottom: 0;
display: block;
}
.checkbox_field {
width: 9em;
min-width: 9px;
max-width: none;
height: 9em;
min-height: 9px;
}
.filter_block-2 {
z-index: 100;
opacity: 1;
object-fit: fill;
border-bottom-width: 0;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
margin-left: 0%;
padding-bottom: 0;
position: sticky;
inset: 0% 0% auto;
overflow: visible;
}
.content_collection-list-2 {
grid-template-columns: 1fr;
}
.page-padding-2 {
padding-left: 0;
padding-right: 0;
}
.filter_header-2 {
display: none;
}
.container-34 {
width: 100%;
display: block;
}
.filter_column-2 {
max-height: 30px;
display: block;
}
.filter_search-field-2 {
z-index: 2000;
border: 0 solid #fff;
border-radius: 20px;
min-width: 100%;
max-height: 23px;
margin-top: 0;
margin-bottom: 5px;
margin-left: 0;
padding: 0 0 0 0;
font-family: San Francisco, sans-serif;
font-size: 14px;
line-height: 23px;
position: relative;
}
.div-block-68 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.content_card-info {
grid-template-columns: 1fr;
}
.content_card-title {
padding-left: 0;
font-size: 14px;
}
.content_card-header {
align-items: flex-start;
}
.content_card-block {
padding: 0;
}
.container-35 {
width: 92.0054%;
}
.div-block-69 {
background-color: #f0f0f0;
border-radius: 0;
}
.invertheadline {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 0%;
}
.headline_sculpturesv2-copy {
margin-left: 2%;
font-size: 35px;
}
.background-video-4 {
height: 100vh;
}
.grid-9 {
grid-template-columns: 1fr;
}
.headline {
margin-top: 20px;
margin-bottom: 40px;
}
.heading-7 {
line-height: 1.1em;
}
.subhead {
font-size: 24px;
}
.cta-link {
margin-top: 10px;
}
.unit-image-wrapper {
background-image: none;
width: 280px;
}
.unit-image-wrapper.matrix-1 {
background-image: none;
}
.unit-column-wrapper {
grid-column-gap: 0px;
grid-template-columns: repeat(auto-fit, 280px);
justify-items: center;
margin-left: 0;
margin-right: 0;
}
.unit-canvas-wrapper.unit-canvas-wrapper-0 {
overflow: hidden;
}
.unit-canvas-wrapper.unit-canvas-wrapper-1 {
width: 1800px;
height: 1600px;
}
.unit-copy-container {
width: 280px;
max-width: none;
}
.unit-copy-container.more-programs {
flex-wrap: wrap;
justify-content: center;
align-items: center;
max-width: none;
}
.description.more-programs {
max-width: 360px;
margin-top: 0;
}
.unit-program {
width: auto;
}
.unit-tile.unit-tile-14 {
width: 236px;
transform: translate(-404px, 273px);
}
.unit-tile.unit-tile-15 {
width: 136px;
transform: translate(595px, -234px);
}
.unit-tile.unit-tile-9 {
width: 236px;
transform: translate(-93px, -229px);
}
.unit-tile.unit-tile-13 {
width: 136px;
transform: translate(-658px, -153px);
}
.unit-tile.unit-tile-0 {
width: 135px;
transform: translate(-162px, 257px);
}
.unit-tile.unit-tile-18 {
width: 184px;
transform: translate(454px, 286px);
}
.unit-tile.unit-tile-17 {
width: 136px;
transform: translate(6px, 541px);
}
.unit-tile.unit-tile-4 {
width: 281px;
transform: translate(24px, -458px);
}
.unit-tile.unit-tile-6 {
width: 183px;
transform: translate(-360px, -480px);
}
.unit-tile.unit-tile-16 {
width: 136px;
transform: translate(383px, -190px);
}
.unit-tile.unit-tile-7 {
width: 281px;
transform: translate(-279px, 496px);
}
.unit-tile.unit-tile-3 {
width: 236px;
transform: translate(-393px, -191px);
}
.unit-tile.unit-tile-1 {
width: 281px;
transform: translate(200px, 248px);
}
.unit-tile.unit-tile-20 {
width: 236px;
transform: translate(553px, 76px);
}
.unit-tile.unit-tile-10 {
width: 183px;
transform: translate(343px, -428px);
}
.unit-tile.unit-tile-5 {
width: 183px;
transform: translate(-579px, 480px);
}
.unit-tile.unit-tile-11 {
width: 236px;
transform: translate(-361px, 14px);
}
.unit-tile.unit-tile-8 {
width: 136px;
transform: translate(284px, 13px);
}
.unit-tile.unit-tile-19 {
width: 236px;
transform: translate(327px, 507px);
}
.unit-tile.unit-tile-12 {
width: 281px;
transform: translate(-690px, 84px);
}
.unit-tile.unit-tile-2 {
width: 135px;
transform: translate(151px, -190px);
}
.unit-bio {
display: none;
}
.heading-8 {
margin-top: 0;
}
.hero-2 {
display: none;
}
.project-item {
min-width: 100%;
max-width: 100%;
}
.div-img-content {
width: auto;
height: 100vh;
}
.projects-images-mom {
width: auto;
height: 100vh;
margin-bottom: 0;
display: none;
}
.position-img {
flex: 1;
width: 100vw;
}
.section-21 {
display: none;
}
.lukasjarsumbeck {
margin-top: 5%;
margin-left: 5%;
font-size: 25px;
display: none;
}
.content_magdalena-new-copy {
background-image: none;
border-width: 0;
margin-top: 100px;
}
.content_magdalena2-copy {
margin-bottom: 0;
}
.headline-exhibitions {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 0%;
}
.headline-contact-v2 {
margin-left: 2%;
font-size: 35px;
}
.content_rubric-copy {
background-color: #fff9;
}
.textblock_sculptures-copy {
padding-left: 0%;
}
.content_sculptures2-copy {
margin-bottom: 0;
}
.image_sculptures-copy {
margin-right: 0;
}
.headline-contact {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 0%;
}
.headline-news {
border-bottom: 0 solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-top: 75px;
margin-bottom: 0%;
}
.headline-nes, .headline-newsv2 {
margin-left: 2%;
font-size: 35px;
}
.content_rubric-copy-copy {
background-color: #fff9;
}
.content_news {
margin-bottom: 0;
}
.new-2 {
background-color: #fff9;
}
.new-2-image {
margin-right: 0;
}
.projects-images-mom-copy {
width: 300vw;
height: 100vh;
margin-bottom: 0;
display: block;
position: sticky;
top: 0;
}
.div-block-72 {
width: 150vh;
margin-left: -327px;
margin-right: 323px;
padding-left: 0;
padding-right: 50px;
}
.section-22 {
width: 100vw;
height: 100vh;
}
.image-155 {
width: 100%;
height: auto;
}
.project-copy._3d, .project-copy.home {
display: none;
}
.project-copy.reliefs, .project-copy.sculptures, .project-copy.university {
display: none;
}
.project-copy.standing, .project-copy._2d-v2 {
display: none;
}
.project-copy._2d-v2-copy, .project-copy._3d, .project-copy.home {
display: none;
}
.project-copy.reliefs, .project-copy.sculptures, .project-copy.university {
display: none;
}
.project-copy.standing, .project-copy._2d-v2 {
display: none;
}
.container-28-mobile-copy-copy.is--map {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.container-28-mobile-copy-copy.is--map-mobile {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 2em;
}
.container-28-mobile-copy-copy.is--map-mobile-copy, .container-28-mobile-copy-copy.is--map-mobile-copy-copy {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 2em;
display: none;
}
.mapimage-copy {
opacity: 1;
width: 200vw;
height: 0;
margin-top: .4em;
margin-left: 1em;
font-size: 30em;
display: block;
position: sticky;
top: 0;
left: 0;
}
.project-copy._3d, .project-copy.home {
display: none;
}
.project-copy.reliefs, .project-copy.sculptures, .project-copy.university {
display: none;
}
.project-copy.standing, .project-copy._2d-v2 {
display: none;
}
.project-copy._2d-v2-copy, .project-copy._3d-copy {
display: none;
}
.div-block-73 {
margin-right: 0;
padding-right: 0;
display: block;
position: static;
}
.image-156 {
width: auto;
max-width: none;
height: 100%;
min-height: 100%;
display: block;
}
.div-block-74 {
height: 40em;
margin-right: 6.8em;
}
.image-157 {
max-width: none;
height: 100%;
margin-left: 0;
}
.project-copy._3d, .project-copy.home {
display: none;
}
.project-copy._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
.project-copy.reliefs, .project-copy.sculptures, .project-copy.university {
display: none;
}
.project-copy.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.project-copy.standing, .project-copy._2d-v2 {
display: none;
}
.project-copy._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
.project-copy.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.project-copy._2d-v2-copy {
display: none;
}
.project-copy.binary-period-copy {
opacity: 0;
width: 8.5em;
margin-top: 11.4em;
margin-left: 4.5em;
display: block;
}
.project-copy.binary-period-copy:active {
opacity: 1;
}
.div-block-75 {
background-color: #ff7a7a;
width: 200%;
height: 200%;
margin: -49px 86px 88px -42px;
padding: 0;
position: absolute;
}
.div-block-75:active {
width: 0%;
height: 0%;
}
.div-block-76 {
opacity: .1;
width: 2em;
margin-top: -3.2em;
margin-left: 2.1em;
font-size: 3em;
position: absolute;
}
.div-block-76:active {
opacity: 1;
}
.link-block-16 {
opacity: 1;
width: 0%;
height: 0%;
padding-bottom: 0;
padding-right: 0;
}
.link-block-16:active {
width: 100%;
height: 100%;
}
.consent {
display: none;
}
.message {
padding: 45px 15px 20px;
}
.paragraph-4 {
background-color: #fff;
padding-left: 5%;
font-size: 18px;
}
.close {
width: 25px;
height: 25px;
}
.hero-opening {
text-align: left;
margin-bottom: 100%;
font-size: 48px;
line-height: 50px;
}
.lottie-animation-2 {
display: block;
}
.hero-text {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.image-158 {
display: none;
}
.container-36 {
margin-bottom: 0%;
margin-left: 5%;
margin-right: 5%;
padding-left: 0;
padding-right: 0;
}
.sticky-container, .sticky-container._2 {
margin-left: 0%;
margin-right: 0%;
}
.lottie-animation, .section-24 {
display: none;
}
.section-24._1 {
background-color: #eee;
padding-bottom: 0;
}
.section-24._2 {
background-color: #eee;
}
.section-24.flex-vertical {
display: none;
}
.sticky-wrapper._2 {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
.small-text {
font-size: 12px;
line-height: 12px;
}
.small-text.grey {
font-size: 10px;
line-height: 10px;
}
.feature-row-1 {
width: 30%;
height: 30%;
}
.heading-9 {
font-size: 48px;
}
.h1.centered.white {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: #fff;
width: 100vw;
max-width: 100vw;
height: 100vh;
max-height: 100vh;
margin-top: -176px;
padding-top: 230px;
font-size: 30px;
font-weight: 200;
}
.zoomed-mac {
background-color: #eee;
margin-left: 0%;
margin-right: 0;
}
.zoom-div {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/62100efa523105e4a9be59c4_Render%20Home%208.1.jpg");
border-radius: 20px;
flex: 0 auto;
align-self: flex-end;
width: 100vw;
inset: 0%;
transform: none;
}
.person {
border: 0 solid #eee;
border-radius: 20px;
width: auto;
margin-left: 5%;
margin-right: 5%;
}
.grey-box {
background-color: #fff0;
}
.person-profession {
color: #949494;
font-family: San Francisco, sans-serif;
}
.recent-artwork-name {
margin-bottom: 5%;
padding-bottom: 0%;
font-family: San Francisco, sans-serif;
font-size: 20px;
}
.person-wrapper {
background-color: #fff0;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.person-name {
border: 0 solid #fff;
border-radius: 20px;
align-items: center;
}
.col1 {
padding-bottom: 100px;
}
.me {
width: 200px;
height: 200px;
}
.paragraph-4-copy.centered-copy.white {
padding-top: 0%;
}
.section-start-mobile {
width: 100%;
}
.discover-latest-artworks {
color: #949494;
font-family: San Francisco, sans-serif;
}
.discover-artworks {
text-align: center;
border: 1px solid #797979;
border-radius: 8px;
flex: 0 auto;
align-self: center;
max-height: 25px;
margin-bottom: 5%;
padding: 0% 5% 5%;
line-height: 0;
text-decoration: none;
}
.section-24-copy {
display: none;
}
.h1-copy.centered.white, .h1-copy.centered-copy.white {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: #fff;
width: 100vw;
max-width: 100vw;
height: 100vh;
max-height: 100vh;
margin-top: -176px;
padding-top: 230px;
font-size: 30px;
font-weight: 200;
}
.h1-copy.centered-copy.white-copy {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: #000;
background-color: #ffffff4d;
width: 100vw;
max-width: 100vw;
height: 100vh;
max-height: 100vh;
margin-top: -176px;
padding-top: 230px;
font-size: 30px;
font-weight: 200;
}
.section-25 {
display: none;
}
.background-viideo-div-copy {
z-index: -1;
width: 100vw;
height: 100vh;
display: block;
position: sticky;
top: 0;
}
.projects-images-mom-copy {
width: auto;
height: 100vh;
margin-bottom: 0;
display: none;
}
.div-img-content-copy {
width: auto;
height: 100vh;
}
.position-img-copy {
flex: 1;
width: 100vw;
}
.container-28-copy.is--map, .container-28-copy.is--map-mobile, .container-28-copy.is--map-copy, .container-28-mobile-copy.is--map {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.container-28-mobile-copy.is--map-mobile, .container-28-mobile-copy.is--map-mobile-copy {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 2em;
display: block;
}
.section-8-copy-copy {
width: 100%;
}
.map_mobile-copy {
font-size: 1em;
}
.map_mobile-copy:hover {
font-size: 2em;
}
.binary-period-dot-copy {
position: relative;
}
._2d-home._3d, ._2d-home.home {
display: none;
}
._2d-home._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
._2d-home.reliefs, ._2d-home.sculptures, ._2d-home.university {
display: none;
}
._2d-home.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
._2d-home.standing, ._2d-home._2d-v2 {
display: none;
}
._2d-home._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
._2d-home.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
._2d-home._2d-v2-copy {
display: none;
}
._2d-home.binary-period-copy, ._2d-home._2d-home2 {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.ffdd.is--map {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.ffdd.is--map-mobile, .ffdd.is--map-mobile-copy, .ffdd.dfd {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 2em;
display: block;
}
._2d-home-copy._3d, ._2d-home-copy.home {
display: none;
}
._2d-home-copy._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
._2d-home-copy.reliefs, ._2d-home-copy.sculptures, ._2d-home-copy.university {
display: none;
}
._2d-home-copy.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
._2d-home-copy.standing, ._2d-home-copy._2d-v2 {
display: none;
}
._2d-home-copy._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
._2d-home-copy.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
._2d-home-copy._2d-v2-copy {
display: none;
}
._2d-home-copy.binary-period-copy, ._2d-home-copy._2d-home2, ._2d-home-copy._3d-home2-copy {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
._2d-home-copy-copy._3d, ._2d-home-copy-copy.home {
display: none;
}
._2d-home-copy-copy._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
._2d-home-copy-copy.reliefs, ._2d-home-copy-copy.sculptures, ._2d-home-copy-copy.university {
display: none;
}
._2d-home-copy-copy.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
._2d-home-copy-copy.standing, ._2d-home-copy-copy._2d-v2 {
display: none;
}
._2d-home-copy-copy._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
._2d-home-copy-copy.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
._2d-home-copy-copy._2d-v2-copy {
display: none;
}
._2d-home-copy-copy.binary-period-copy, ._2d-home-copy-copy._2d-home2, ._2d-home-copy-copy._3d-home2-copy, ._2d-home-copy-copy._4d-home {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
._4d-home-2._3d, ._4d-home-2.home {
display: none;
}
._4d-home-2._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
._4d-home-2.reliefs, ._4d-home-2.sculptures, ._4d-home-2.university {
display: none;
}
._4d-home-2.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
._4d-home-2.standing, ._4d-home-2._2d-v2 {
display: none;
}
._4d-home-2._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
._4d-home-2.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
._4d-home-2._2d-v2-copy {
display: none;
}
._4d-home-2.binary-period-copy, ._4d-home-2._2d-home2, ._4d-home-2._3d-home2-copy, ._4d-home-2._4d-home {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
._4d-home-2-copy._3d, ._4d-home-2-copy.home {
display: none;
}
._4d-home-2-copy._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
._4d-home-2-copy.reliefs, ._4d-home-2-copy.sculptures, ._4d-home-2-copy.university {
display: none;
}
._4d-home-2-copy.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
._4d-home-2-copy.standing, ._4d-home-2-copy._2d-v2 {
display: none;
}
._4d-home-2-copy._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
._4d-home-2-copy.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
._4d-home-2-copy._2d-v2-copy {
display: none;
}
._4d-home-2-copy.binary-period-copy, ._4d-home-2-copy._2d-home2, ._4d-home-2-copy._3d-home2-copy, ._4d-home-2-copy._4d-home, ._4d-home-2-copy._4d-home-copy {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.architecture-home._3d, .architecture-home.home {
display: none;
}
.architecture-home._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
.architecture-home.reliefs, .architecture-home.sculptures, .architecture-home.university {
display: none;
}
.architecture-home.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.architecture-home.standing, .architecture-home._2d-v2 {
display: none;
}
.architecture-home._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
.architecture-home.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.architecture-home._2d-v2-copy {
display: none;
}
.architecture-home.binary-period-copy, .architecture-home._2d-home2, .architecture-home._3d-home2-copy, .architecture-home._4d-home, .architecture-home._4d-home-copy, .architecture-home._4d-home-copy-copy, .architecture-home.architecture-home-2 {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.architecture-home-copy._3d, .architecture-home-copy.home {
display: none;
}
.architecture-home-copy._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
.architecture-home-copy.reliefs, .architecture-home-copy.sculptures, .architecture-home-copy.university {
display: none;
}
.architecture-home-copy.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.architecture-home-copy.standing, .architecture-home-copy._2d-v2 {
display: none;
}
.architecture-home-copy._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
.architecture-home-copy.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.architecture-home-copy._2d-v2-copy {
display: none;
}
.architecture-home-copy.binary-period-copy, .architecture-home-copy._2d-home2, .architecture-home-copy._3d-home2-copy, .architecture-home-copy._4d-home, .architecture-home-copy._4d-home-copy, .architecture-home-copy._4d-home-copy-copy, .architecture-home-copy.architecture-home-2, .architecture-home-copy.architecture-home-2-copy {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.line-3d._3d, .line-3d.home {
display: none;
}
.line-3d._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
.line-3d.reliefs, .line-3d.sculptures, .line-3d.university {
display: none;
}
.line-3d.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.line-3d.standing, .line-3d._2d-v2 {
display: none;
}
.line-3d._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
.line-3d.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.line-3d._2d-v2-copy {
display: none;
}
.line-3d.binary-period-copy, .line-3d._2d-home2, .line-3d._3d-home2-copy, .line-3d._3d-home2-copy-copy {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.midpoint2._3d, .midpoint2.home {
display: none;
}
.midpoint2._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
.midpoint2.reliefs, .midpoint2.sculptures, .midpoint2.university {
display: none;
}
.midpoint2.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.midpoint2.standing, .midpoint2._2d-v2 {
display: none;
}
.midpoint2._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
.midpoint2.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.midpoint2._2d-v2-copy {
display: none;
}
.midpoint2.binary-period-copy, .midpoint2._2d-home2, .midpoint2._3d-home2-copy, .midpoint2.midpoint {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
._3d-dotto._3d, ._3d-dotto.home {
display: none;
}
._3d-dotto._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
._3d-dotto.reliefs, ._3d-dotto.sculptures, ._3d-dotto.university {
display: none;
}
._3d-dotto.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
._3d-dotto.standing, ._3d-dotto._2d-v2 {
display: none;
}
._3d-dotto._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
._3d-dotto.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
._3d-dotto._2d-v2-copy {
display: none;
}
._3d-dotto.binary-period-copy, ._3d-dotto._2d-home2, ._3d-dotto._3d-dottooo {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.sculpture-home._3d, .sculpture-home.home {
display: none;
}
.sculpture-home._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
.sculpture-home.reliefs, .sculpture-home.sculptures, .sculpture-home.university {
display: none;
}
.sculpture-home.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.sculpture-home.standing, .sculpture-home._2d-v2 {
display: none;
}
.sculpture-home._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
.sculpture-home.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.sculpture-home._2d-v2-copy {
display: none;
}
.sculpture-home.binary-period-copy, .sculpture-home._2d-home2, .sculpture-home._3d-home2-copy, .sculpture-home._4d-home, .sculpture-home._4d-home-copy, .sculpture-home._4d-home-copy-copy, .sculpture-home.architecture-home-2, .sculpture-home.architecture-home-2-copy, .sculpture-home.sculpture-home-2 {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.dot-pink-2._3d, .dot-pink-2.home {
display: none;
}
.dot-pink-2._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
.dot-pink-2.reliefs, .dot-pink-2.sculptures, .dot-pink-2.university {
display: none;
}
.dot-pink-2.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.dot-pink-2.standing, .dot-pink-2._2d-v2 {
display: none;
}
.dot-pink-2._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
.dot-pink-2.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.dot-pink-2._2d-v2-copy {
display: none;
}
.dot-pink-2.binary-period-copy, .dot-pink-2._2d-home2, .dot-pink-2._3d-dottooo, .dot-pink-2._3d-dottooo-copy, .dot-pink-2.dot-pink {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.dot-pink-2-copy._3d, .dot-pink-2-copy.home {
display: none;
}
.dot-pink-2-copy._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
.dot-pink-2-copy.reliefs, .dot-pink-2-copy.sculptures, .dot-pink-2-copy.university {
display: none;
}
.dot-pink-2-copy.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.dot-pink-2-copy.standing, .dot-pink-2-copy._2d-v2 {
display: none;
}
.dot-pink-2-copy._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
.dot-pink-2-copy.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.dot-pink-2-copy._2d-v2-copy {
display: none;
}
.dot-pink-2-copy.binary-period-copy, .dot-pink-2-copy._2d-home2, .dot-pink-2-copy._3d-dottooo, .dot-pink-2-copy._3d-dottooo-copy, .dot-pink-2-copy.dot-pink, .dot-pink-2-copy.dot-green {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.dot-green2._3d, .dot-green2.home {
display: none;
}
.dot-green2._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
.dot-green2.reliefs, .dot-green2.sculptures, .dot-green2.university {
display: none;
}
.dot-green2.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.dot-green2.standing, .dot-green2._2d-v2 {
display: none;
}
.dot-green2._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
.dot-green2.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.dot-green2._2d-v2-copy {
display: none;
}
.dot-green2.binary-period-copy, .dot-green2._2d-home2, .dot-green2._3d-dottooo, .dot-green2._3d-dottooo-copy, .dot-green2.dot-pink, .dot-green2.dot-green {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.dot-blue2._3d, .dot-blue2.home {
display: none;
}
.dot-blue2._2d {
margin-top: 8.9em;
margin-left: 35.5em;
display: none;
}
.dot-blue2.reliefs, .dot-blue2.sculptures, .dot-blue2.university {
display: none;
}
.dot-blue2.binary-period {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.dot-blue2.standing, .dot-blue2._2d-v2 {
display: none;
}
.dot-blue2._3d-v2-copy {
width: 4em;
margin-top: 18.3em;
display: none;
}
.dot-blue2.homepagedot {
width: 3.5em;
margin-top: 22.6em;
margin-left: 28.1em;
}
.dot-blue2._2d-v2-copy {
display: none;
}
.dot-blue2.binary-period-copy, .dot-blue2._2d-home2, .dot-blue2._3d-dottooo, .dot-blue2._3d-dottooo-copy, .dot-blue2.dot-pink, .dot-blue2.dot-green, .dot-blue2.dot-blue {
margin-top: 8.2em;
margin-left: 8.7em;
display: none;
}
.div-block-83 {
width: Infinity% ;
margin-top: 11%;
margin-left: 22.7%;
}
.div-block-84 {
margin-top: 0;
margin-left: 0;
}
.div-block-83-copy {
width: Infinity% ;
margin-top: 11%;
margin-left: 51%;
}
.container-28-copy.is--map, .container-28-copy.is--map-mobile, .container-28-copy.is--map-copy, .container-28-copy.is--map-copy {
width: 100em;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.compass {
display: block;
}
.page-wrapper-copy {
width: 100vw;
}
.main-wrapper-copy {
width: 100vw;
}
.padding-vertical-copy {
padding-left: 0;
padding-right: 0;
}
.container-34-copy {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
.margin-bottom-copy {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.nav_header-copy {
z-index: 500;
background-color: #eee;
width: 130vw;
margin-bottom: 0;
margin-left: -14%;
margin-right: 0;
padding-bottom: 0;
padding-left: 0;
position: relative;
}
.text-block-81-copy {
z-index: 10000;
margin-bottom: -15px;
padding-top: 0;
padding-bottom: 0;
padding-left: 42%;
font-size: 30px;
position: relative;
}
.filter_grid-copy {
width: 100%;
}
.filter_column-2-copy {
background-color: #fff0;
border-style: solid;
border-width: 0;
border-top-color: #dfdfdf00;
width: 100%;
}
.search-bar-mobile {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
display: none;
}
.filter_search-field-2-copy {
z-index: 12;
background-color: #f8f8f8;
background-position: 5%;
border-radius: 30px;
min-height: 2.5rem;
max-height: 2.5rem;
margin-top: 35px;
margin-bottom: -8px;
padding-top: .125rem;
padding-bottom: 0;
font-family: San Francisco, sans-serif;
position: absolute;
}
.filter_block-2-copy {
border-bottom-width: 0;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
width: 100%;
margin-left: 0;
padding-left: 0;
display: none;
}
.checkbox_field-copy {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.checkbox_input-3-1-copy {
z-index: 800;
background-color: #fff0;
border-width: 0;
width: 71px;
height: 70px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0;
position: absolute;
}
.checkbox_input-3-1-copy:active {
border-width: 0;
border-color: #00ccffc4;
border-radius: 40px;
width: 54px;
}
.checkbox_input-3-1-copy.w--redirected-checked {
background-color: #fff0;
border-width: 0;
border-color: #00ccff96;
border-radius: 50%;
width: 70px;
height: 70px;
margin-top: -20px;
position: absolute;
box-shadow: 1px 1px 20px #0cf;
}
.img-156-copy {
z-index: 4;
border: 0 solid #fff0;
border-radius: 50%;
width: 60px;
min-width: 60px;
height: 60px;
min-height: 60px;
margin-left: 0;
margin-right: 0;
display: block;
position: relative;
}
.img-156-copy:active {
border: 0 solid #00ccffb5;
border-radius: 40px;
width: 60px;
height: 60px;
}
.checkbox_label-copy {
color: #555;
font-family: San Francisco, sans-serif;
font-size: .8rem;
font-weight: 400;
}
.option-results-copy {
font-family: San Francisco, sans-serif;
}
.filter_block-header-copy {
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
display: block;
overflow: visible;
}
.rangeslider_wrapper-copy {
display: none;
}
.filter_block-header-copy {
display: none;
overflow: visible;
}
.filter_options-copy {
display: none;
}
.filter_content-copy {
z-index: 202;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
max-width: 100%;
margin-top: -75%;
margin-bottom: 0;
margin-left: 0%;
padding-bottom: 0;
display: grid;
position: relative;
}
.filter_header-2-copy {
display: none;
}
.content_filter-copy {
z-index: 4000;
width: 100%;
margin-top: 0%;
position: relative;
}
.collection-list-wrapper-4-copy, .content_collection-list-2-copy, .collection-item-4-copy {
width: 100%;
}
.div-block-68-copy {
background-color: #ffffff80;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: 100%;
margin-top: 0;
}
.image-149-copy {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 0;
max-width: 100%;
}
.content_card-block-copy {
grid-template-rows: auto auto auto;
grid-template-columns: 1.25fr;
max-width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.content_card-header-copy {
border-bottom: .5px solid #fff0;
align-items: flex-start;
}
.content_card-title-copy {
color: #000;
background-color: #eee;
border: .5px solid #eee;
border-radius: 20px;
margin-left: -7px;
padding: 5px 10px;
font-size: 15px;
font-weight: 400;
}
.content_card-info-copy {
grid-template-columns: 1fr 1fr;
}
.content_card-info-label-copy {
font-family: San Francisco, sans-serif;
font-size: .7rem;
font-weight: 300;
}
.content_card-info-text-copy {
padding: 0 .2rem 0 .4rem;
font-size: .7rem;
}
.filter_empty-copy {
background-color: #fff0;
}
.footer_component-copy {
text-align: left;
}
.body-41 {
background-color: #eee;
padding-top: 0;
}
.filter_options-copy-copy {
z-index: 6;
width: 100%;
height: 30%;
min-height: 100vw;
max-height: 4rem;
margin: -51px 0 -16px;
padding: 0 20px 0 0;
transform: rotate(-90deg);
}
.collection-item-5 {
flex-direction: column;
align-items: center;
margin-top: -13px;
padding: 0 0 0 9px;
display: flex;
transform: rotate(90deg);
}
.collection-list-wrapper-5 {
object-fit: fill;
}
.collection-list-4 {
height: auto;
margin-top: 5%;
}
.text-block-89 {
color: #949494;
font-family: San Francisco, sans-serif;
font-size: 12px;
}
.home-item {
text-align: left;
text-transform: none;
background-color: #eee;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: auto;
margin: 100px 4% 1px;
padding-left: 20px;
font-family: San Francisco, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 15px;
}
.projects-item-3 {
text-align: left;
text-transform: none;
background-color: #eee;
border-radius: 0;
margin-bottom: 1px;
margin-left: 4%;
margin-right: 4%;
padding-left: 20px;
padding-right: 0;
font-size: 20px;
font-weight: 500;
line-height: 15px;
}
.headeready-copy {
z-index: 20000;
background-color: #fff0;
margin: 0 0% -30px 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0%;
position: relative;
}
.filter_options-copy-copy-copy {
z-index: 6;
white-space: normal;
width: 100%;
height: 30%;
min-height: 100vw;
max-height: 4rem;
margin: -51px 0 -16px;
padding: 0 20px 0 0;
transform: rotate(-90deg);
}
.filter_options-copy-copy-2 {
z-index: 6;
width: 100%;
height: 30%;
min-height: 100vw;
max-height: 4rem;
margin: -51px 0 -16px;
padding: 0 20px 0 0;
transform: rotate(-90deg);
}
.collection-list-wrapper-6 {
object-fit: fill;
}
.collection-list-5 {
height: auto;
margin-top: 1%;
margin-bottom: 0;
margin-left: 71px;
padding-top: 14px;
padding-bottom: 0;
}
.collection-item-6 {
flex-direction: row;
align-items: flex-end;
width: 60px;
height: 60px;
margin-top: 24px;
padding: 0;
display: flex;
transform: rotate(90deg);
}
.try-it-out {
z-index: 6;
white-space: normal;
width: 100%;
height: 30%;
min-height: 100vw;
max-height: 4rem;
margin: -51px 0 -16px;
padding: 0 20px 0 0;
display: block;
transform: rotate(-90deg);
}
.old-one-10-03-2022 {
z-index: 6;
white-space: normal;
width: 100%;
height: 30%;
min-height: 100vw;
max-height: 4rem;
margin: -51px 0 -16px;
padding: 0 20px 0 0;
display: none;
transform: rotate(-90deg);
}
.try-it-out-copy {
z-index: 6;
white-space: normal;
width: 100%;
height: 30%;
min-height: 100vw;
max-height: 4rem;
margin: -51px 0 -16px;
padding: 0 20px 0 0;
transform: rotate(-90deg);
}
.collection-list-wrapper-6-copy {
object-fit: fill;
}
.collection-list-5-copy {
height: auto;
margin-top: 5%;
}
.collection-item-6-copy {
flex-direction: column;
align-items: center;
margin-top: -13px;
padding: 0 0 0 9px;
display: flex;
transform: rotate(90deg);
}
.checkbox_field-copy-copy {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.checkbox_input-3-1-copy-copy {
z-index: 80000;
background-color: #fff0;
border-width: 0;
width: 30%;
height: 60%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0;
position: absolute;
}
.checkbox_input-3-1-copy-copy:active {
border-width: 1px;
border-color: #00ccffc4;
border-radius: 40px;
width: 54px;
}
.checkbox_input-3-1-copy-copy.w--redirected-checked {
filter: invert();
background-color: #fff0;
border-width: 0;
border-color: #00ccff96;
border-radius: 40px;
margin-top: -75px;
}
.img-156-copy-copy {
border: 2px solid #fff0;
border-radius: 40px;
width: 4rem;
height: 4rem;
margin-left: 0;
margin-right: 0;
}
.img-156-copy-copy:active {
border: 1px solid #00ccffb5;
border-radius: 40px;
width: 5rem;
height: 5rem;
}
.checkbox_label-copy-copy {
color: #555;
font-family: San Francisco, sans-serif;
font-size: .8rem;
font-weight: 400;
}
.option-results-copy-copy {
font-family: San Francisco, sans-serif;
}
.type-search-mobilde-turned {
z-index: 6;
white-space: normal;
width: 100%;
height: 30%;
min-height: 100vw;
max-height: 4rem;
margin: -51px 0 -16px;
padding: 0 20px 0 0;
display: none;
transform: rotate(-90deg);
}
.type-search-mobile {
z-index: 6;
white-space: normal;
width: 100%;
height: 30%;
min-height: 100vw;
max-height: 4rem;
margin: -51px 0 -16px;
padding: 0 20px 0 0;
display: block;
transform: rotate(-90deg);
}
.seachbar-mobile-turnes {
border-bottom-width: 0;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
position: static;
}
.filter_search-field-2-copy-copy {
z-index: 12;
background-color: #f8f8f899;
background-position: 5%;
border-radius: 30px;
max-width: 100%;
min-height: 2.5rem;
max-height: 2.5rem;
margin-top: 35px;
margin-bottom: -8px;
padding-top: .125rem;
padding-bottom: 0;
font-family: San Francisco, sans-serif;
position: static;
}
.search-mobile {
z-index: 199;
width: 100vw;
display: none;
}
.search-desktop-tablet {
z-index: 10;
background-color: var(--color--background-mobile);
width: auto;
min-width: auto;
max-width: none;
min-height: 100vh;
margin-top: 0;
margin-bottom: 0;
padding: 0 5vw 50px;
display: block;
position: static;
top: 0%;
}
.grid-10 {
grid-column-gap: 0px;
width: 100%;
}
.hero_section {
background-color: #eee0;
display: none;
}
.h2-2 {
text-align: left;
margin-bottom: 0;
font-size: 38px;
line-height: 39px;
display: block;
}
.h2-2.white {
width: 50%;
font-family: San Francisco, sans-serif;
font-weight: 500;
text-decoration: none;
}
.flip_card {
width: auto;
}
.column-33 {
height: 50%;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.text-span-35 {
background-color: #fff0;
background-image: none;
border-radius: 10px;
padding: 5%;
}
.clone-button-sc {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 25vw;
padding-left: 0;
display: none;
}
._1-5vw_spacer {
height: 3vw;
}
.div-block-91 {
padding-top: 3vw;
}
.text-span-12 {
font-size: 8.5vw;
line-height: 9.5vw;
}
.wallet_icon {
background-color: #fff0;
background-image: none;
width: 100vw;
height: 100vh;
margin-top: 0%;
display: none;
}
.column-34 {
margin-top: 3vw;
}
.div-block-9-copy {
justify-content: flex-start;
padding-left: 7vw;
}
.div-block-96 {
flex-direction: column;
justify-content: flex-start;
margin-bottom: 184px;
display: flex;
}
.paragraph-5 {
color: #3f3f3f;
text-align: left;
margin-left: 4%;
margin-right: 4%;
font-family: San Francisco, sans-serif;
font-size: 19px;
font-weight: 400;
line-height: 23px;
display: block;
}
.text-span-6 {
display: flex;
}
.bold-text-5-copy {
justify-content: center;
margin-top: auto;
display: flex;
}
.button-3 {
color: #fff;
background-color: #585858;
background-image: linear-gradient(126deg, #eaff00, #fffb00 7%, #0ff 53%, #d0f 98%, #fff);
margin-top: 20px;
margin-bottom: 180px;
padding: 12px 22px;
font-family: San Francisco, sans-serif;
font-size: 17px;
font-weight: 400;
display: block;
}
.div-block-98 {
overflow: hidden;
}
.bold-text-4 {
font-size: 8px;
}
.wallet_body {
display: none;
}
._2nd_section {
background-color: #eee0;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
min-width: 100vw;
height: auto;
display: none;
}
.wallet_int {
flex-direction: column;
padding-top: 0;
}
.clone {
text-align: center;
padding-left: 0;
padding-right: 0;
}
._56vw_spacer {
height: 100vh;
}
.heading-10 {
letter-spacing: 0;
font-family: San Francisco, sans-serif;
font-size: 8vw;
font-weight: 400;
}
.text-span-13 {
font-size: 8.5vw;
line-height: 9.5vw;
}
.text-span-18 {
font-size: 6.5vw;
line-height: 7vw;
}
.credits {
text-align: center;
padding-left: 40px;
padding-right: 40px;
font-size: 14px;
}
.text-span-20 {
z-index: 4;
font-size: 6.5vw;
line-height: 7vw;
position: relative;
}
.loyaltiy_and {
display: none;
}
.text-span-43 {
display: block;
}
.text-span-28 {
font-size: 48px;
line-height: 52px;
display: block;
}
.image-168 {
background-image: none;
flex: 0 auto;
width: auto;
max-width: none;
height: auto;
display: block;
top: -6vw;
}
.payment_reward {
padding-left: 8vw;
padding-right: 7vw;
}
.headline_area {
height: 100vh;
}
.paragraph_wrap {
display: none;
}
.paragraph_wrap.mobile {
text-align: left;
margin-bottom: 0;
font-size: 15px;
display: block;
}
.card-2 {
width: 349px;
height: 256px;
}
.card-2.fff_card {
display: none;
}
.card-2.fff_card.mobile {
border-radius: 3%;
width: auto;
height: 120vw;
min-height: auto;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: block;
}
.column-38 {
height: 30%;
}
.cross, .cross.white {
background-size: 50%;
}
.h2 {
text-align: left;
margin-bottom: 0;
font-size: 48px;
font-weight: 600;
line-height: 52px;
display: block;
}
.h2.wrap {
text-align: left;
margin-bottom: 20px;
}
.h2.blue {
font-size: 8.5vw;
line-height: 9vw;
}
.h2.half_white {
font-size: 6vw;
}
.hero_int {
flex-direction: column;
align-items: center;
width: 100vw;
height: 126.188vw;
margin-left: 0;
margin-right: 0;
display: flex;
}
.card-3 {
border-radius: 5%;
width: 100%;
}
.card-3.white_under_black {
width: auto;
display: none;
}
.card-3._2nd_black_card, .card-3.fff_card {
display: none;
}
.card_section._1st {
background-color: #eee;
height: auto;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 5%;
padding-right: 5%;
display: none;
}
.columns-17 {
display: none;
}
.wallet_icon-2 {
width: 32vw;
height: 32vw;
}
._2nd_section-2 {
height: 200vh;
}
.big-disc.big-disc-three {
background-color: #00e6ff;
box-shadow: -13px 0 21px -7px #006e659e, inset 1px -1px 0 -8px #ffffff29;
}
.big-disc.big-disc-four {
background-color: #fbff00;
box-shadow: 0 -6px 10px 2px #fff20042, inset 1px 1px #f2ff0024;
}
.big-disc.big-disc-five {
background-color: #f08;
background-image: linear-gradient(#d235a0b3, #f7c1e67d);
top: 14px;
box-shadow: inset -1px 0 #ffffff3d, 14px 9px 20px -4px #ad003dad;
}
.big-disc.big-disc-four-copy {
background-color: #fbff00;
box-shadow: 0 -6px 10px 2px #fff20042, inset 1px 1px #f2ff0024;
}
.logo-structure-400px {
display: none;
}
.logo-container {
max-width: 100%;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
transition: all .5s;
}
.legal-notice {
background-color: #eee;
margin-top: 4%;
margin-left: 4%;
margin-right: 4%;
}
.column-39 {
padding-top: 10px;
padding-bottom: 10px;
}
.link-block-22 {
background-color: #ffffff80;
border-radius: 20px;
width: 100%;
}
.div-block-110 {
z-index: 70000;
background-color: #06ffff;
border-radius: 50%;
width: 150vw;
height: 150vw;
position: static;
left: 100%;
}
.circle-two {
width: 100vw;
height: 100vw;
}
.card-6 {
background-color: #fff9;
border-radius: 20px;
margin-bottom: 15%;
padding: 5%;
box-shadow: 0 2px 8px -5px #000;
}
.link-block-23 {
text-decoration: none;
}
.image-169 {
z-index: 3;
border-top-right-radius: 10px;
max-width: 80%;
margin-top: 0;
margin-left: 0;
padding-left: 0;
position: relative;
top: -56px;
left: 10px;
}
.column-40 {
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
padding-left: 0;
padding-right: 0;
display: flex;
}
.link-block-24 {
justify-content: flex-end;
margin-bottom: -47px;
padding-bottom: 0;
display: flex;
}
.text-span-44 {
color: #0df;
}
.column-41 {
padding-left: 0;
padding-right: 0;
}
.image-170 {
width: 15%;
max-width: none;
margin-left: -27px;
padding-left: 0;
display: block;
}
.text-block-90 {
color: #0ef;
flex: 1;
max-width: 50%;
font-family: San Francisco, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 2;
text-decoration: none;
}
.link-block-25 {
justify-content: flex-end;
text-decoration: none;
display: flex;
}
.para-2 {
display: none;
}
.para-2.mobile {
text-align: left;
margin-bottom: 0;
font-size: 15px;
display: block;
}
.text-block-90-copy {
color: #0ef;
flex: 1;
max-width: 50%;
font-family: San Francisco, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 2;
text-decoration: none;
}
.background-viideo-div-copy {
z-index: -1;
width: 100vw;
height: 100vh;
min-height: 100vw;
display: block;
position: fixed;
top: 0;
}
.grid-13 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.div-block-111 {
z-index: 400;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff4d;
border-radius: 20px;
margin: 201% 0% 93px;
padding: 2% 2% 0%;
position: relative;
}
.link-block-26 {
border-radius: 50%;
width: 100%;
padding: 10%;
}
.section-29 {
display: none;
}
.header-ready-mobile {
z-index: 20000;
background-color: #fff0;
margin: 0 0% 35px 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0%;
display: none;
position: static;
}
.mobile-home {
width: auto;
margin-bottom: 25%;
display: block;
}
.link-block-27 {
flex-direction: column;
flex: 1;
align-items: center;
display: flex;
}
.heading-jarsumbeckstudio, .js {
letter-spacing: 0;
font-family: San Francisco, sans-serif;
font-size: 8vw;
font-weight: 400;
}
.section-30 {
z-index: 700;
border-radius: 20px;
margin-top: 0%;
margin-left: 0%;
margin-right: 0%;
padding-top: 0%;
position: relative;
inset: auto 0% 0;
}
.text-block-91 {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 16px;
text-decoration: underline;
}
.column-42 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff4d;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-bottom: 1px;
}
.column-43 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
margin-top: 1px;
margin-bottom: 1px;
}
.text-block-92 {
color: #000;
font-family: San Francisco, sans-serif;
font-size: 16px;
}
.column-44 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff4d;
margin-bottom: 1px;
}
.link-f-r-nav-menu {
flex-direction: column;
flex: 1;
align-items: center;
display: flex;
}
.div-block-112 {
flex-direction: column;
align-items: center;
margin-top: 10%;
margin-bottom: 0%;
display: flex;
}
.text-block-93 {
color: #000;
background-color: #7c7c7c52;
border-radius: 10px 10px 0 0;
flex-direction: column;
align-items: center;
width: 100%;
margin-left: 0;
padding: 5%;
font-family: San Francisco, sans-serif;
font-size: 16px;
line-height: 1;
text-decoration: none;
display: flex;
}
.link-block-28 {
color: #000;
background-color: #7c7c7c00;
flex-direction: column;
align-items: center;
width: 45%;
text-decoration: none;
display: flex;
}
.link-f-r-nav-menu-copy {
flex-direction: column;
flex: 1;
align-items: center;
display: flex;
}
.wallet_icon-copy {
background-color: #fff0;
background-image: none;
width: 32vw;
height: 32vw;
margin-top: -21%;
}
.logo-container-copy {
transition: all .5s;
}
.wallet_body-copy {
display: none;
}
.logo-structure-400px-copy-copy {
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61d1f80a70033aeb20f672c3_lukas_jarsumbeck_logo_color_tran.png");
background-position: 0 0;
background-size: cover;
flex-direction: column;
align-items: center;
width: 100px;
height: 100px;
transition: opacity .2s;
display: flex;
transform: scale(.8);
}
.big-disc-copy.big-disc-four-copy {
background-color: #fbff00;
display: none;
box-shadow: 0 -6px 10px 2px #fff20042, inset 1px 1px #f2ff0024;
}
.big-disc-copy.big-disc-three-copy {
background-color: #00e6ff;
display: none;
box-shadow: -13px 0 21px -7px #006e659e, inset 1px -1px 0 -8px #ffffff29;
}
.big-disc-copy.big-disc-three {
background-color: #00e6ff;
box-shadow: -13px 0 21px -7px #006e659e, inset 1px -1px 0 -8px #ffffff29;
}
.big-disc-copy.big-disc-four {
background-color: #fbff00;
box-shadow: 0 -6px 10px 2px #fff20042, inset 1px 1px #f2ff0024;
}
.big-disc-copy.big-disc-five {
background-color: #f08;
background-image: linear-gradient(#d235a0b3, #f7c1e67d);
top: 14px;
box-shadow: inset -1px 0 #ffffff3d, 14px 9px 20px -4px #ad003dad;
}
.big-disc-copy.big-disc-four-copy {
background-color: #fbff00;
box-shadow: 0 -6px 10px 2px #fff20042, inset 1px 1px #f2ff0024;
}
.big-disc-copy.big-disc-five-copy {
background-color: #f08;
background-image: linear-gradient(#d235a0b3, #f7c1e67d);
display: none;
top: 14px;
box-shadow: inset -1px 0 #ffffff3d, 14px 9px 20px -4px #ad003dad;
}
.menu-button-6 {
flex-direction: column;
align-items: center;
display: flex;
}
.menu-button-6:active {
opacity: 1;
}
.menu-button-6.w--open {
background-color: #c8c8c800;
}
.navbar-15 {
background-color: #ddd0;
flex-direction: column;
align-items: center;
width: 100%;
display: none;
transform: scale(1.1);
}
.container-37 {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.menu-button-7 {
flex-direction: column;
align-items: center;
width: 70px;
height: 70px;
padding: 0;
display: flex;
}
.menu-button-7.w--open {
background-color: #c8c8c800;
}
.container-38 {
flex-direction: column;
align-items: center;
display: flex;
}
.image-171 {
width: 100px;
}
.navbar-16 {
-webkit-backdrop-filter: blur();
backdrop-filter: blur();
background-color: #ddd0;
flex-direction: column;
align-items: center;
display: flex;
}
.nav-menu-2 {
background-color: #e4e4e400;
margin-top: -437px;
margin-bottom: 475px;
padding-top: 454px;
padding-bottom: 312px;
}
.nav-link-15 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff4d;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin: 5% 5% 1px;
padding: 2% 5%;
font-family: San Francisco, sans-serif;
}
.nav-link-16 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff4d;
margin-bottom: 1px;
margin-left: 5%;
margin-right: 5%;
padding: 2% 5%;
}
.nav-link-17 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff4d;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-left: 5%;
margin-right: 5%;
padding: 2% 0% 2% 5%;
}
.nav-try {
z-index: 4;
background-color: #ddd0;
flex-direction: column;
align-items: center;
margin-top: 55%;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.text-block-94 {
color: #000;
text-align: center;
font-family: San Francisco, sans-serif;
font-size: 8vw;
position: relative;
top: 121px;
}
.filter_block-2-copy {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.collection-list-wrapper-7 {
float: none;
clear: none;
object-fit: fill;
width: auto;
height: auto;
overflow: auto;
}
.nav-try-copy {
z-index: 4000;
background-color: #ddd0;
flex-flow: row;
justify-content: flex-end;
align-items: flex-start;
min-width: 100%;
margin-top: 0%;
margin-bottom: 0;
display: none;
position: static;
inset: 0% 0% auto;
}
.container-38-copy {
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
min-width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0%;
padding-top: 0;
display: flex;
}
.nav-menu-2-copy {
z-index: 600;
background-color: #e4e4e400;
align-items: flex-start;
min-width: 100%;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: static;
}
.nav-link-15-copy {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff4d;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin: 5% 5% 1px;
padding: 2% 5%;
font-family: San Francisco, sans-serif;
}
.nav-link-16-copy {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff4d;
margin-bottom: 1px;
margin-left: 5%;
margin-right: 5%;
padding: 2% 5%;
}
.nav-link-17-copy {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff4d;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-left: 5%;
margin-right: 5%;
padding: 2% 0% 2% 5%;
}
.menu-button-7-copy {
flex-direction: column;
align-items: flex-end;
width: 70px;
height: 70px;
padding: 0;
display: flex;
}
.menu-button-7-copy.w--open {
z-index: 900;
background-color: #c8c8c800;
position: static;
}
.image-171-copy {
width: 100px;
padding: 10%;
}
.collection-list-6 {
overflow: auto;
}
.blend-scrollbar {
z-index: 201;
background-color: #eee;
width: 120vw;
height: 50vw;
margin-top: 0;
margin-left: -20%;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: absolute;
bottom: -50px;
overflow: auto;
}
.image-172 {
width: 50px;
min-width: 50px;
max-width: 50px;
height: 50px;
min-height: 50px;
max-height: 50px;
margin-top: 1px;
margin-left: 1px;
padding-top: 0;
padding-left: 0;
}
.column-45 {
padding-left: 0;
padding-right: 0;
}
.text-image, .text-image-2, .content_magdalena4-copy-copy, .text-imgae-3 {
background-color: #fff0;
margin-bottom: 0;
}
.bottom-protype {
background-color: #fff0;
margin-top: 0;
margin-bottom: 25%;
padding-bottom: 0;
}
.protype {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #fff9;
background-image: none;
border-width: 0;
border-color: #eee;
border-radius: 25px;
margin-top: 100px;
margin-left: 4%;
margin-right: 4%;
}
.background-protype {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/604fcc6d69686ba418f2cb95/61bf353a6df72279d793c448_MAgdalena%20Render%20side%20blur.jpg");
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
width: 100vw;
height: 100%;
position: fixed;
inset: 0;
}
.image-172-copy {
width: 50px;
min-width: 50px;
max-width: 50px;
height: 50px;
min-height: 50px;
max-height: 50px;
margin-top: 1px;
margin-left: 1px;
padding-top: 0;
padding-left: 0;
}
.image-172-copy-copy {
border-radius: 50%;
width: 50px;
min-width: 50px;
max-width: 50px;
height: 50px;
min-height: 50px;
max-height: 50px;
margin-top: 1px;
margin-left: 1px;
padding-top: 0;
padding-left: 0;
display: block;
}
.info {
background-color: #fff0;
margin-bottom: 0;
display: block;
position: relative;
}
.grid-14 {
grid-template-columns: 1fr;
}
.image-173, .image-174, .image-175, .image-176, .image-177, .image-178, .image-179, .image-180, .image-181, .image-182, .image-183, .image-184, .image-185, .image-186, .image-187, .image-188, .image-189, .image-190, .image-191, .image-192 {
border-radius: 50%;
}
.checkbox_compass.w--redirected-checked {
width: 54px;
min-width: 54px;
height: 54px;
min-height: 54px;
margin-top: -4.2em;
}
.div-block-156 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
height: 100vw;
}
.image-209 {
border-radius: 0;
max-width: none;
height: 100vw;
display: block;
overflow: visible;
}
.filter_block-2-copy {
z-index: 100;
opacity: 1;
object-fit: fill;
z-index: 100;
opacity: 1;
object-fit: fill;
border-bottom-width: 0;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
min-width: 130%;
max-width: 130%;
min-height: 300%;
max-height: 300%;
margin-left: -24px;
padding-bottom: 0;
overflow: auto;
}
.filter_block-2-copy-copy {
z-index: 100;
opacity: 1;
object-fit: fill;
z-index: 100;
opacity: 1;
object-fit: fill;
border-bottom-width: 0;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
min-width: 130%;
max-width: 130%;
min-height: 300%;
max-height: 300%;
margin-left: -24px;
padding-bottom: 0;
display: none;
overflow: auto;
}
.filter_block-2-copy {
z-index: 100;
opacity: 1;
object-fit: fill;
border-bottom-width: 0;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
min-width: 130%;
max-width: 130%;
min-height: 300%;
max-height: 300%;
margin-left: -24px;
padding-bottom: 0;
overflow: auto;
}
.filter_block-2-copy-copy {
z-index: 100;
opacity: 1;
object-fit: fill;
border-bottom-width: 0;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
min-width: 130%;
max-width: 130%;
min-height: 300%;
max-height: 300%;
margin-left: -24px;
padding-bottom: 0;
display: none;
overflow: auto;
}
.text-block-95 {
background-color: #fff0;
margin-left: 7px;
padding-left: 0%;
font-size: 30px;
line-height: 50px;
}
.serachbar-wrap {
flex-direction: row;
align-items: center;
min-width: 100%;
max-width: 100%;
margin-left: 0;
padding-top: 10px;
padding-left: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
line-height: 0;
position: sticky;
inset: 60px 0% auto;
}
.div-container-compass {
min-height: 100%;
margin-bottom: 0;
}
.div-block-136-copy {
background-color: #fff;
border: 0 solid #000;
margin-top: 100%;
display: block;
}
.compass-2 {
background-color: #fff0;
justify-content: center;
margin: 40px 0% 50px;
display: block;
position: static;
top: 100vw;
}
.paintings-whoo-2 {
margin-top: -45.4em;
margin-left: 43.6em;
}
.text-dot-2 {
color: #000;
font-size: 1.5em;
line-height: 15px;
}
.collages-2 {
margin-top: -45.7em;
margin-left: 7.4em;
}
._3d-whee-2 {
margin-top: -42.3em;
margin-left: 23.2em;
}
.text-dot-copy-copy-2 {
font-size: 2em;
line-height: 15px;
}
.university-projects-2 {
margin-top: -18.8em;
margin-left: 34.8em;
}
._2d-whoo-2 {
margin-top: -27.3em;
margin-left: 31.7em;
}
.map_mobile-copy-2 {
background-color: #fff;
min-width: 100vw;
margin-bottom: 60px;
margin-left: 0%;
margin-right: 5%;
padding-bottom: 0;
font-size: 2vw;
display: block;
}
.map_mobile-copy-2:hover {
font-size: 2em;
}
.collages-dot {
margin-top: -35.3em;
margin-left: 43.3em;
}
.sculptures-dot {
margin-top: -50.9em;
margin-left: 34.4em;
}
.mapimage-copy-copy-2 {
background-color: #fff;
}
.midwoo-2 {
margin-top: -31.4em;
margin-left: 25.1em;
}
.intall-2 {
margin-top: -35.6em;
margin-left: 6.9em;
}
.div-block-149 {
background-color: #fff0;
border: 0 solid #0000;
margin-top: 0;
padding-top: 100px;
padding-bottom: 0;
display: block;
}
.movies-2 {
margin-top: -18.7em;
margin-left: 16.6em;
}
.abstracts-2 {
margin-top: -56.2em;
margin-left: 25.4em;
}
.products-2 {
margin-top: -13.6em;
margin-left: 25.1em;
}
.div-block-159 {
background-color: #fff0;
border-bottom: 0 solid #000;
margin-top: -800px;
padding-top: 350px;
padding-bottom: 10px;
font-size: 2vw;
}
.paint-copy-2 {
margin-top: -23.9em;
margin-left: 43.3em;
}
.whattt-2 {
min-width: 5em;
}
.anima-2 {
width: 2em;
margin-top: -24.4em;
margin-left: 7.1em;
}
._4d-whee-2 {
width: 2em;
margin-top: -30em;
margin-left: 16em;
font-size: 2vw;
}
.image-210 {
min-width: 5em;
}
.archi-dottii-2 {
margin-top: -51em;
margin-left: 15.8em;
}
.project_search_content {
width: 100%;
max-width: none;
}
.sectionshit {
display: none;
}
.image-211 {
width: 5.5em;
min-width: 5.5em;
overflow: visible;
}
.div-block-128-copy {
margin-right: 0%;
bottom: 0;
}
.nav-link-25 {
color: #fff;
font-size: 60px;
font-weight: 400;
}
.div-block-142-copy {
background-color: #fff0;
justify-content: flex-end;
padding-right: 0%;
display: flex;
}
.text-block-107-copy {
color: #000;
-webkit-text-stroke-color: #fff0;
background-color: #0000;
border-radius: 15px 0 0 15px;
justify-content: flex-end;
width: auto;
padding-left: 15px;
padding-right: 5%;
font-size: 10px;
line-height: 20px;
display: flex;
}
.menu-button-11 {
padding-top: 5px;
}
.background-video-copy {
min-width: 1vh;
height: auto;
display: block;
}
.div-block-144-copy {
background-color: #fff;
border-radius: 0;
width: 20px;
max-height: 20px;
padding-bottom: 0;
padding-right: 0;
}
.li3 {
color: #fff;
font-size: 60px;
}
.container-38-copy-2 {
background-color: #fff0;
}
.nav-menu-4-copy {
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
width: 90vw;
padding-bottom: 20px;
padding-left: 10px;
display: block;
}
.nav-link-10-copy {
color: #000;
background-color: #fff;
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
line-height: 20px;
}
.nav-link-10-copy:visited {
color: #000;
background-color: #fff;
}
.link-3 {
margin-top: -1px;
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
line-height: 20px;
top: 0;
}
.nav-link-9-copy {
background-color: #fff;
max-width: 50%;
font-size: 10px;
line-height: 20px;
}
.nav-link-9-copy:hover {
color: #4e4e4e;
}
.nav-link-9-copy:visited {
color: #000;
background-color: #fff;
}
.navbar-17-copy {
color: #000;
background-color: #ddd0;
justify-content: flex-start;
margin-left: 0%;
margin-right: 0%;
padding-right: 0%;
font-size: 10px;
display: flex;
}
.textstudio {
font-size: 30px;
line-height: 60px;
}
.navmenu9 {
z-index: 2002;
margin-top: 100px;
}
.viewprojectscompass {
margin-top: 50%;
margin-left: 10%;
}
.navbar23 {
z-index: 1999;
width: 100%;
margin-top: 0;
position: sticky;
inset: 0% 0% auto;
}
.image-213 {
width: 45px;
min-width: 45px;
height: 45px;
min-height: 45px;
}
.image-213:focus {
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
}
.div-block-143-copy {
background-color: #000;
width: 20px;
max-width: 20px;
height: 20px;
max-height: 20px;
display: block;
}
.div-block-161 {
display: none;
inset: auto 0% 0%;
}
.cont1 {
background-color: #fff0;
font-size: 16px;
}
.nav-link-26 {
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
line-height: 14px;
}
.div-block-142 {
justify-content: flex-end;
padding-right: 0%;
display: flex;
}
.headlinecontact {
background-color: #0000;
margin-bottom: 0;
padding-bottom: 0%;
font-size: 30px;
font-weight: 400;
line-height: 40px;
}
.date-contact {
display: none;
}
.date-block-contact {
justify-content: flex-start;
display: flex;
}
.nav-link-29 {
max-width: 50%;
font-size: 14px;
line-height: 14px;
}
.nav-link-29:visited {
color: #fff;
background-color: #000;
}
.text-block-107 {
color: #fff;
background-color: #000;
border-radius: 20px 0 0 20px;
justify-content: flex-end;
width: auto;
padding-left: 10px;
padding-right: 5%;
font-family: San Francisco, sans-serif;
font-size: 12px;
line-height: 18px;
display: flex;
}
.div-block-128 {
margin-right: 0%;
}
.div-block-contact-right {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 5px;
display: block;
}
.image-214 {
width: auto;
min-width: auto;
height: 100vw;
min-height: 100vw;
display: block;
}
.text-block-108 {
font-size: var(--title-hight);
}
.text-contact {
margin-right: 5%;
}
.nav-menu-4 {
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
width: 90vw;
padding-bottom: 20px;
padding-left: 0%;
display: block;
}
.grid-15 {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: .75fr;
display: block;
}
.div-block-144 {
background-color: #fff;
border-radius: 0;
width: 20px;
max-height: 20px;
padding-bottom: 0;
padding-right: 0;
}
.div-block-contac {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding-top: 10px;
}
.text-date-block-contact {
border-top-right-radius: 15px;
justify-content: flex-start;
width: auto;
font-size: 14px;
line-height: 21px;
display: flex;
}
.navbar-17 {
background-color: #ddd0;
justify-content: flex-start;
margin-left: 0%;
margin-right: 0%;
padding-right: 0%;
display: flex;
}
.div-block-143 {
background-color: #000;
width: 20px;
max-width: 20px;
height: 20px;
max-height: 20px;
display: none;
}
.bd-image.event-logo {
width: 40px;
height: 40px;
}
.div-block-116-copy {
border: 1px solid #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
min-width: 100%;
padding-left: 0;
}
.text-block-112 {
font-size: 12px;
line-height: 14px;
display: block;
}
.bd-div.bd-grid.event {
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
border-radius: 0;
margin-top: 0;
padding-top: 0;
padding-left: 0%;
padding-right: 0;
}
.bd-div.event-card {
border-radius: 6px;
}
.div-block-116 {
border: 1px solid #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
min-width: 100%;
margin-top: 60px;
margin-bottom: 60px;
}
.date-block-contact-copy {
justify-content: flex-start;
display: flex;
}
.projectfield9, .projectfield8 {
border: 1px solid #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
min-width: 100%;
}
.content_card-info-label-2 {
color: var(--color--text);
background-color: #fff0;
margin-top: 0;
margin-bottom: -1px;
padding-top: 0;
padding-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
line-height: 14px;
text-decoration: none;
}
.div-block-116-copy-copy {
border: 1px solid #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
min-width: 100%;
}
.headproject {
padding-left: 0;
}
.column-46 {
padding-left: 10px;
padding-right: 0;
}
.text-block-115 {
border-bottom-right-radius: 10px;
padding-left: 5px;
padding-right: 10px;
font-size: 10px;
line-height: 14px;
}
.projectsmaintext {
margin-top: 5px;
}
.image-215 {
border-radius: 0;
max-width: none;
height: auto;
display: block;
overflow: visible;
}
.bd-richtext {
margin-left: 20px;
font-size: 12px;
}
.projectfield7 {
border: 1px solid #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
min-width: 100%;
}
.projects_name {
width: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
position: static;
inset: auto 0% 8%;
}
.content_card-info-text-3 {
color: var(--color--text-light);
font-size: 13px;
line-height: 14px;
}
.content_card-info-mobile {
grid-column-gap: 20px;
grid-row-gap: 7px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.projectfield6 {
border: 1px solid #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
min-width: 100%;
}
.bd-heading.h1, .bd-heading.h1-copy {
color: var(--color--text);
min-width: 100%;
margin-left: 0;
padding-left: 0;
padding-right: 5px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
}
.bd-container {
border-radius: 20px;
padding-left: 0%;
padding-right: 0%;
}
.bd-paragraph.event-detail, .bd-paragraph.event-detail.highlight {
font-size: 12px;
}
.content_card-info-block-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 0 solid #000;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: auto;
min-width: auto;
margin-right: 0;
padding-top: 0;
padding-bottom: 10px;
line-height: 20px;
}
.bd-section.event-body {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.text-block-116 {
border-bottom-right-radius: 10px;
padding-left: 5px;
padding-right: 10px;
font-size: 10px;
line-height: 14px;
}
.div-block-114 {
display: none;
}
.cont1-2 {
background-color: #fff0;
}
._5d-whee-2-copy {
width: 2em;
margin-top: -27.4em;
margin-left: 13.9em;
font-size: 2vw;
}
.sculptures_point {
width: 9em;
min-width: 9em;
max-width: 9px;
height: 9em;
min-height: 9em;
max-height: 9em;
margin-top: -45.3em;
margin-left: 29.2em;
overflow: visible;
}
.architecture_point {
margin-top: -46.8em;
margin-left: 9.6em;
}
.installations_point {
margin-top: -30.1em;
margin-left: -.5em;
}
.movies_point {
margin-top: -11.6em;
margin-left: 18.4em;
overflow: visible;
}
.animations_point {
margin-top: -16.4em;
overflow: visible;
}
.products_point {
margin-top: -41.8em;
margin-left: 1.2em;
}
.reliefs_poin {
margin-top: -41.2em;
margin-left: 35.6em;
overflow: visible;
}
.paintings_pointo {
margin-top: -21.1em;
margin-left: 35.6em;
overflow: visible;
}
.collages_point {
margin-top: -31.3em;
margin-left: 35.6em;
}
.photos_point {
margin-top: -15.9em;
margin-left: 27.4em;
overflow: visible;
}
.interactives_point {
margin-top: -21.1em;
}
.text-block-117 {
min-width: 20%;
}
.div-block-169 {
justify-content: center;
}
.div-block-170 {
margin-top: 0;
}
.div-block-171 {
max-height: 18px;
margin-top: 0;
display: flex;
}
.lottie-animation-4 {
min-width: 100px;
max-width: 100px;
min-height: 100px;
max-height: 100px;
}
.architecture_point-copy {
margin-top: -50.4em;
margin-left: 18.9em;
}
.projectscompasshead {
z-index: 1998;
background-color: #fff0;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 22px;
display: none;
position: absolute;
inset: 0% 0% auto;
}
.projectscompasstext {
color: #fff;
mix-blend-mode: normal;
background-color: #0000;
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 0%;
font-family: San Francisco, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 50px;
display: none;
}
.div_project_search {
z-index: 5;
background-color: var(--invert);
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
position: static;
inset: 0% 0% auto;
}
.div-block-172 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #fffc;
margin-top: 10px;
margin-bottom: 0;
margin-left: 0%;
padding-left: 0%;
}
.div-block-173 {
z-index: 9000;
background-color: #fff0;
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
position: relative;
top: 0;
}
.div-block-174 {
align-items: center;
display: flex;
}
.div-block-175 {
width: 25%;
}
.nav-link-30 {
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
padding: 0;
display: block;
}
.image-217 {
width: 100%;
height: 100%;
}
.nav-menu-6 {
background-color: #fff;
border-radius: 15px;
}
.div-block-176 {
margin: 10px;
}
.navbar-18 {
background-color: #ddd0;
}
.nav-link-31 {
width: 10%;
}
.contact-link {
width: 20%;
}
.home-link {
flex-direction: column;
align-items: center;
width: 16%;
padding: 2%;
text-decoration: none;
display: flex;
}
.footer {
z-index: 0;
background-color: var(--invert);
box-shadow: none;
color: #000;
border-radius: 0;
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
min-width: 100vw;
min-height: 50vh;
margin: 0;
padding: 0 0 5vh 0%;
display: block;
position: relative;
inset: auto 0% 0%;
}
.text-block-119, .text-block-119-copy {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
text-decoration: none;
}
.discover_link_text {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 12px;
display: flex;
}
.image-218, .footer-icon {
display: block;
}
.exhibitions-link-text, .projects_text_link, .about_link_text, .contact-icon {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
text-decoration: none;
}
.text-block-95-copy {
background-color: #fff0;
margin-left: -15px;
padding-left: 0%;
font-size: 40px;
line-height: 50px;
}
.filter_search-field-2-copy {
z-index: 2000;
border: 0 solid #fff;
border-radius: 20px;
min-width: 100%;
max-height: 23px;
margin-top: -1px;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
font-family: San Francisco, sans-serif;
line-height: 23px;
position: relative;
}
.div-block-68-copy {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.div-block-172-copy {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #fffc;
margin-left: 15px;
padding-left: 0%;
}
.div-block-173-copy {
position: sticky;
top: 0;
}
.exhibitions_link, .projects_link, .contact_link {
flex-direction: column;
align-items: center;
width: 16%;
padding: 2%;
text-decoration: none;
display: flex;
}
.header_icon {
color: #000;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-right: 10px;
padding-right: 0%;
display: block;
}
.exhibitions_icon {
display: block;
}
.exhibitions_link_text, .projects_link_text, .contact_link_text, .info_link_text {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 12px;
display: flex;
}
.home-link-copy, .exhibitions_link_footer, .projects_link_footer, .contact_link_footer, .info_link_footer, .discover_link_footer {
flex-direction: column;
align-items: center;
width: 16%;
padding: 2%;
text-decoration: none;
display: flex;
}
.nav-menu-mobile {
z-index: 999;
background-color: var(--color--background-mobile);
color: #fff;
flex-direction: row;
justify-content: flex-start;
min-width: 100vw;
max-width: none;
min-height: 110vh;
margin-top: 0;
padding-top: 50px;
position: static;
inset: 0% 0% auto;
overflow: clip;
}
.footer_navbar {
background-color: #fff0;
flex-direction: column;
flex: 0 auto;
align-items: flex-end;
min-width: 100vw;
margin-top: 0;
padding-top: 0;
display: block;
position: static;
inset: 0% 0% auto;
}
.div_projects_nav {
background-color: #eee0;
justify-content: flex-start;
align-items: flex-start;
min-width: auto;
min-height: 100vh;
margin-top: 50vw;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
position: static;
top: 0;
}
.projects_link_nav {
color: #000;
}
.projects_link_nav.w--current:visited {
color: #19197f;
display: flex;
}
.text-block-footer {
font-size: 20px;
line-height: 20px;
}
.info_link_nav {
color: #000;
align-items: center;
}
.contact_link_nav-copy {
color: #000;
}
.contact_link_nav-copy.w--current {
color: #000;
align-items: center;
}
.exhibitions_link_nav {
color: #000;
align-items: flex-start;
}
.discover_link_nav.w--current {
color: #000;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
max-height: 30px;
display: flex;
}
.image-220 {
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
}
.text_block_contact_details {
color: var(--color--text);
font-size: 12px;
}
.social-icon {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.success-message {
background-color: #fff0;
padding-top: 0;
}
.container-43 {
display: none;
}
.error-message {
background-color: #fff0;
}
.text-block-122 {
font-size: 12px;
}
.project_template_head {
background-color: #fff0;
margin: 10px 0% 0;
padding-left: 0%;
}
.image-223 {
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
}
.text-block-123 {
background-color: #fff0;
margin-left: 7px;
padding-left: 0%;
font-size: 30px;
line-height: 50px;
}
.artwork_info {
grid-template-columns: 1fr;
grid-auto-flow: column;
justify-content: space-between;
min-width: auto;
}
.image-225 {
max-width: none;
min-height: 100vh;
padding-left: 0;
padding-right: 0;
}
.artwork_info_box {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
width: auto;
margin-top: 40px;
margin-left: 10px;
margin-right: 10px;
display: none;
position: relative;
}
.gerneral_magring {
margin-left: 0%;
margin-right: 0%;
display: none;
}
.link-5 {
color: #000;
font-size: 12px;
font-weight: 400;
}
.link-block-33 {
background-color: #fff0;
max-width: none;
padding-left: 10px;
padding-right: 0;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.link-block-33.w--current {
z-index: 8;
padding-top: 10px;
padding-left: 10px;
inset: 0% auto auto 0%;
}
.div-block-189 {
padding-left: 0;
padding-right: 0;
position: static;
bottom: 0;
}
.scrollable_content {
margin-left: 10px;
margin-right: 10px;
}
.first_imaage_box {
grid-template-columns: 1fr;
margin-top: 40px;
margin-left: 10px;
margin-right: 10px;
}
._3d_content_box, .placeholder, .div-block-190, .div-block-191 {
display: none;
}
.div-block-192 {
width: 100%;
display: block;
}
.projects_head {
z-index: 10;
color: var(--color--text);
background-color: #fff0;
max-width: 80%;
max-height: 100px;
margin: 0 0% 30px 0;
padding-top: 5px;
padding-left: 0%;
position: sticky;
inset: 10px 0% auto;
}
.body-43 {
background-color: #eee;
}
.projects-type {
justify-content: center;
align-items: flex-start;
width: auto;
max-height: 15px;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
font-size: 15px;
line-height: 15px;
display: flex;
position: static;
inset: auto 0% 8%;
}
.bd-heading-copy.h1 {
margin-left: 0;
padding-left: 0;
padding-right: 5px;
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.bd-heading-copy.h1-copy, .bd-heading-copy.h1-copy-copy {
color: #000;
margin-left: 0;
padding-left: 0;
padding-right: 5px;
font-size: 12px;
font-weight: 400;
line-height: 30px;
}
.year_head {
padding-left: 0;
position: static;
bottom: 0;
}
.image-229 {
min-width: 25px;
max-width: 25px;
min-height: 25px;
max-height: 25px;
}
.second_image_box-copy, .test_box {
grid-template-columns: 1fr;
margin-top: 40px;
margin-left: 10px;
margin-right: 10px;
}
.div-block-195 {
display: none;
}
.div-block-196 {
min-height: auto;
}
.footer_infos {
display: none;
}
.fist_image_box {
grid-template-columns: 1fr;
margin-top: 40px;
margin-left: 10px;
margin-right: 10px;
}
.terms_of_service_head {
justify-content: flex-start;
align-items: center;
padding-bottom: 5px;
font-size: 30px;
display: none;
}
.text-block-128 {
min-width: 100%;
font-size: 14px;
}
.dropdown-info-content-tos {
grid-column-gap: 0px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-width: 85vw;
max-width: 85vw;
margin-top: 5vw;
margin-left: 5vw;
display: grid;
}
.info-content-name-text {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: var(--headline-hight);
font-weight: 700;
}
.text-block-129 {
color: #000;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
}
.terms_of_service_sub {
font-size: 14px;
}
.terms_of_service_main {
font-size: 16px;
line-height: 18px;
}
.terms_of_service_num {
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
margin-right: 0;
font-size: 16px;
}
.div-block-204 {
margin-left: 35px;
}
.terms_of_service_text_div {
max-width: 80vw;
margin-left: 5vw;
}
.dropdown-body {
z-index: 5;
height: 0;
}
.dropdown-body.w--open {
flex-direction: row;
justify-content: space-between;
height: 100%;
display: block;
}
.toggle_info {
max-width: 30px;
margin-left: 0;
margin-right: 0;
display: block;
}
.dropdown_info {
z-index: 4;
min-width: 100%;
max-width: 90vw;
margin-top: 0;
display: block;
position: relative;
}
.imprint_main {
font-size: 16px;
line-height: 18px;
}
.imprint_number {
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
font-size: 16px;
}
.section_info {
margin-top: 0;
padding-top: 0;
}
.div-block-205 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--color--background);
flex-flow: row;
grid-template-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
inset: 0% 0% auto;
}
.section_contact_studio {
min-height: 120vh;
max-height: none;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
top: 0;
overflow: clip;
}
.menu-button-12 {
align-self: flex-start;
padding: 10px 10px 0 0;
display: block;
}
.menu-button-12.w--open {
z-index: 200;
background-color: #fff;
min-width: auto;
max-width: none;
padding: 10px 10px 0 0;
position: fixed;
inset: 0% 0% auto auto;
}
.icon-4 {
color: #fff;
background-color: #000;
justify-content: center;
align-items: center;
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
display: flex;
}
.container-45 {
background-color: #0000;
align-items: flex-end;
margin-left: 0;
margin-right: 0;
}
.div-block-209 {
object-fit: fill;
background-color: #cdacac00;
border-top: 60px solid #0000;
border-bottom: 0 solid #fff0;
border-left: 60px solid #000;
border-top-right-radius: 0;
min-width: 0;
max-width: 0;
min-height: 0;
max-height: 30px;
padding-bottom: 0;
padding-right: 0;
}
.the_solution {
object-fit: fill;
background-color: #cdacac00;
border-top: 60px solid #0000;
border-bottom: 0 solid #fff0;
border-left: 60px solid #fff;
border-top-right-radius: 0;
min-width: 0;
max-width: 0;
min-height: 0;
max-height: 30px;
padding-bottom: 0;
padding-right: 0;
}
.the_solution_right {
object-fit: cover;
background-color: #cdacac00;
border-top: 100px solid #0000;
border-bottom: 0 solid #fff0;
border-left: 0 solid #fff;
border-right: 100px solid #fff;
border-top-right-radius: 0;
min-width: 0;
max-width: 0;
min-height: auto;
max-height: none;
margin-top: -40px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.div-block-210 {
display: none;
}
.div-block-211 {
background-color: #fff;
min-width: 100%;
max-width: 100%;
min-height: auto;
max-height: none;
padding-bottom: 0;
padding-right: 0;
}
.nav_link_head {
color: #000;
align-items: center;
}
.div-block-212 {
box-shadow: none;
min-width: 100vw;
max-width: 100vw;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.header_24 {
z-index: 34;
box-shadow: none;
color: #000;
background-color: #fff0;
border-radius: 0;
flex-direction: row;
justify-content: center;
align-items: flex-end;
min-width: 100vw;
min-height: 100px;
margin: 28px 0 0;
padding: 0 0% 0%;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.the_solution_left {
z-index: -1;
border-style: solid none none solid;
border-width: 300px 0 300px 300px;
border-color: #eee0 #0000 #fff0 var(--color--background);
object-fit: fill;
background-color: #f1f1f100;
border-top-right-radius: 0;
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
margin-top: 0;
margin-left: 0;
padding: 0;
display: block;
position: relative;
top: auto;
left: auto;
right: 0;
overflow: visible;
}
.margin {
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.padding {
max-width: 50%;
display: flex;
}
.the_solution_right_web {
object-fit: cover;
background-color: #cdacac00;
border-top: 100px solid #0000;
border-bottom: 0 solid #fff0;
border-left: 0 solid #fff;
border-right: 100px solid #fff;
border-top-right-radius: 0;
min-width: 0;
max-width: 0;
min-height: auto;
max-height: none;
margin-top: -40px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: none;
}
.arrow_terms_of_service {
border-left-color: #007e6d;
}
.arrow_imprint {
z-index: 2;
border-top-width: 30px;
border-bottom-width: 30px;
border-left-width: 30px;
border-left-color: #ceaf03;
margin-left: 20px;
position: relative;
}
.arrow_imprint:active {
background-color: #0000;
border-top-width: 30px;
border-bottom-width: 30px;
border-left-width: 30px;
}
.div-block-214 {
background-color: #0000;
}
.nav_link_projects, .nav_link_explore, .nav_link_head-copy, .nav_link_contact, .nav_link_info, .nav_link_exhibitions, .nav_projects, .nav_info {
color: #000;
align-items: center;
}
.text_info {
color: var(--random-color-e);
-webkit-text-stroke-color: var(--random-color-e);
font-size: 20px;
line-height: 20px;
}
.text_info:hover {
color: var(--random-color-e);
}
.text_contact {
color: var(--random-color-d);
-webkit-text-stroke-color: var(--random-color-d);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
line-height: 20px;
}
.text_contact:hover {
color: var(--random-color-d);
background-color: #0000;
}
.text_contact:active {
background-color: #0000;
}
.text_exhibitions {
font-size: 20px;
line-height: 20px;
}
.nav_exhibitions, .nav_explore, .nav_explore2 {
color: #000;
align-items: center;
}
.icon_explore {
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
}
.text_exploree {
font-size: 20px;
line-height: 20px;
}
.nav_explore-copy {
color: #000;
align-items: center;
}
.navlink {
cursor: crosshair;
background-color: #fff0;
min-height: 50px;
font-size: 20px;
}
.navlink:hover {
background-color: var(--invert);
padding-left: 50vw;
}
.navlink:active, .navlink:focus, .navlink:focus-visible, .navlink[data-wf-focus-visible] {
background-color: var(--invert);
}
.navlink.w--current {
justify-content: flex-start;
align-items: center;
display: flex;
}
.header_24-copy {
z-index: 34;
box-shadow: none;
color: #000;
background-color: #fff0;
border-radius: 0;
flex-direction: row;
justify-content: center;
align-items: flex-end;
min-width: 100vw;
min-height: 100px;
margin: 28px 0 0;
padding: 0 0% 0%;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.padding_header {
z-index: 1000;
box-shadow: none;
color: #000;
background-color: #fff0;
border-radius: 0;
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
min-width: 20vw;
max-width: 20vw;
min-height: 50px;
margin: 0;
padding: 0 0% 0%;
display: flex;
position: fixed;
inset: 0% 0% auto auto;
}
.padding_header:hover {
display: flex;
}
.body-45 {
background-color: var(--color--background-mobile);
flex-flow: column;
display: flex;
overflow: visible;
}
.exhibitions_text {
color: var(--random-color-b);
-webkit-text-stroke-color: var(--random-color-b);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
line-height: 20px;
}
.exhibitions_text:hover {
color: var(--random-color-b);
font-size: 20px;
}
.exhibitions_text:active {
color: var(--random-color-b);
}
.the_solution_left-copy {
object-fit: cover;
background-color: #cdacac00;
border-top: 100px solid #0000;
border-bottom: 0 solid #fff0;
border-left: 0 solid #fff;
border-right: 100px solid #fff;
border-top-right-radius: 0;
min-width: 0;
max-width: 0;
min-height: auto;
max-height: none;
margin-top: -40px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.explore_text {
color: var(--random-color-a);
-webkit-text-stroke-color: var(--random-color-a);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
line-height: 20px;
}
.explore_text:hover {
color: var(--random-color-a);
}
.tsrm {
object-fit: cover;
background-color: #fff0;
border-top: 50vw solid #0000;
border-bottom: 50vw solid #fff0;
border-left: 50vw solid #4f4f4f;
border-right: 0 solid red;
border-top-right-radius: 0;
min-width: auto;
max-width: none;
min-height: 50px;
max-height: 50px;
margin-top: 115px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: static;
}
.wrapping-ii {
justify-content: flex-end;
align-items: stretch;
min-width: 50vw;
max-width: 50vw;
display: flex;
inset: 0% 0% auto auto;
}
.div-block-217 {
min-height: 50px;
}
.menu_button_mobile {
align-self: auto;
margin-top: 10px;
margin-right: 0;
padding: 0 0 0 0;
display: block;
}
.menu_button_mobile.w--open {
z-index: 40;
color: #fff;
background-color: #0000;
align-self: auto;
min-width: auto;
max-width: none;
margin-right: 0;
padding: 0;
position: relative;
inset: auto;
}
.icon_menu_button_mobile {
color: #fff;
background-color: #000;
justify-content: center;
align-items: center;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
display: none;
}
.navbar_web {
display: none;
}
.header_mobile {
z-index: 5000;
background-color: #fff0;
align-self: flex-start;
min-width: 100vw;
max-width: 100vw;
min-height: auto;
max-height: none;
display: flex;
overflow: visible;
}
.header_mobile:hover {
min-height: 50px;
}
.header_mobile:active {
min-width: 100vw;
max-width: 100vw;
}
.wrapping {
z-index: 2000;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
position: relative;
}
.text_projects {
color: var(--random-color-c);
-webkit-text-stroke-color: var(--random-color-c);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 20px;
line-height: 20px;
}
.text_projects:hover, .text_projects:active {
color: var(--random-color-c);
}
.div-block-219 {
background-color: #fff0;
min-width: 100vw;
min-height: 100vh;
margin-left: 0;
margin-right: 0;
display: flex;
}
.project_page_head {
display: block;
}
.current_tab {
max-width: 100%;
display: flex;
}
.project_text_icon {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #fffc;
margin-top: 20px;
margin-bottom: 0;
margin-left: 0%;
padding-left: 0%;
}
.head_tab_text_projects {
z-index: 10;
color: var(--color--projects);
position: relative;
}
.gap-tab-head {
background-color: var(--color--background);
opacity: 1;
border-bottom-width: 300px;
min-width: auto;
min-height: 50px;
max-height: 50px;
padding-left: 0;
display: block;
position: static;
}
.tab_link_echo {
max-width: none;
padding-right: 0;
}
.div-block-222 {
min-width: 30px;
max-width: 30px;
}
.search-input-2 {
color: var(--color--text);
border-radius: 0;
margin-right: 0;
}
.search-input-2::placeholder {
color: var(--color--text);
}
.heading-12 {
font-size: var(--headline-hight);
letter-spacing: var(--headline-letter);
}
.searchbar {
border-right: 0 solid #000;
min-width: auto;
max-width: none;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 2px;
padding-left: 10px;
font-size: 18px;
line-height: 18;
display: block;
position: static;
inset: 60px 0% auto 10px;
}
.head_tab_text_contact {
color: var(--random-color-d);
padding-left: 0;
}
.tab_link_echo_projects {
max-width: none;
padding-right: 0;
display: block;
}
.tab_link_echo_projects.w--current {
align-items: center;
display: flex;
}
.text-current-tab-projects {
display: flex;
position: static;
}
.image-223-copy {
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-right: 5px;
}
.current-tab-contact {
max-width: 100%;
display: flex;
}
.current-tab-projects {
z-index: -1;
flex-wrap: nowrap;
justify-content: flex-start;
min-width: 100vw;
max-width: 100vw;
display: flex;
position: fixed;
inset: auto 0 auto auto;
}
.div_head {
min-width: 100%;
max-width: 100%;
display: none;
}
.div-block-224 {
border-top: 20px solid #0000;
border-bottom: 20px solid #0000;
border-left: 20px solid var(--color--text);
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
}
.current-tab-exhibitions {
flex-wrap: nowrap;
justify-content: flex-start;
min-width: 100vw;
max-width: 100%;
display: flex;
inset: 0% auto auto 0%;
}
.head_tab_text_exhibitions {
color: var(--random-color-b);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
}
.tab_link_echo_exhibitions {
max-width: none;
padding-right: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
}
.section-35 {
z-index: 60;
background-color: #fff;
margin-top: 50px;
padding: 0 10px 100vh;
position: relative;
}
.future_head, .now_head, .past_head, .placeholder_exhibitions {
font-size: 30px;
}
.section-36 {
z-index: 7;
min-height: 100vh;
margin-top: 60px;
padding-top: 40px;
padding-bottom: 0;
display: none;
position: relative;
}
.artwork_presentation_mobile {
background-color: #fff0;
min-width: 100%;
max-width: none;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: static;
top: 0;
left: 0;
overflow: clip;
}
.the_solution_left_left {
object-fit: cover;
background-color: #cdacac00;
border-top: 300px solid #0000;
border-bottom: 0 solid #fff0;
border-left: 300px solid #fff;
border-right: 0 solid #fff;
border-top-right-radius: 0;
min-width: 50px;
max-width: 50px;
min-height: 50px;
max-height: 50px;
margin-top: 0;
margin-left: 0;
padding: 0;
display: block;
position: static;
left: 0;
}
.current-tab-projects-detail {
flex-wrap: nowrap;
justify-content: flex-start;
min-width: 100vw;
max-width: 100%;
display: flex;
inset: 0% auto auto 0%;
}
.div-block-220-copy {
min-width: auto;
position: relative;
}
.tab_link_echo_projects_detail {
max-width: none;
padding-right: 0;
}
.the_solution_left_right {
object-fit: cover;
background-color: #cdacac00;
border-top: 300px solid #0000;
border-bottom: 0 solid #fff0;
border-left: 300px solid #fff;
border-right: 0 solid #fff;
border-top-right-radius: 0;
min-width: 50px;
max-width: 50px;
min-height: 50px;
max-height: 50px;
margin-top: 0;
margin-left: 0;
padding: 0;
display: block;
position: static;
left: 0;
}
.second-tab, .tabs {
flex-wrap: nowrap;
justify-content: flex-start;
min-width: 100vw;
max-width: 100%;
display: flex;
inset: 0% auto auto 0%;
}
.the_solution_left-copy {
object-fit: cover;
background-color: #cdacac00;
border-top: 300px solid #0000;
border-bottom: 0 solid #fff0;
border-left: 300px solid #fff;
border-right: 0 solid #fff;
border-top-right-radius: 0;
min-width: 50px;
max-width: 50px;
min-height: 50px;
max-height: 50px;
margin-top: 0;
margin-left: 0;
padding: 0;
display: block;
position: static;
left: 0;
}
.arrow_second_tab {
border-top: 20px solid #0000;
border-bottom: 20px solid #0000;
border-left: 20px solid #000;
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
}
.tab_link_echo_projects_detail-copy {
max-width: none;
padding-right: 0;
}
.arrow_second_tab-copy {
border-top: 20px solid #0000;
border-bottom: 20px solid #0000;
border-left: 20px solid #000;
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
}
.margin-copy {
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-width: 100%;
margin-right: 0;
display: block;
}
.projects_description {
font-size: 20px;
}
.projects_description_content {
grid-column-gap: 0px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 10px;
display: grid;
}
.project_description_text {
margin-left: 35px;
}
.div-block-234 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-width: 100%;
max-width: 100%;
display: grid;
position: sticky;
top: 220px;
}
.artwork_info_box-_old_colums {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
margin-left: 10px;
margin-right: 10px;
position: static;
}
.section-37 {
display: none;
}
.middle_size_text {
font-size: var(--title);
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
line-height: 40px;
}
.related {
margin-bottom: 5vh;
padding-top: 2px;
padding-left: 5vw;
}
.div_head_web {
min-width: 100%;
max-width: 100%;
display: none;
}
.link-block-33-copy {
max-width: none;
padding-right: 0;
inset: 0% auto auto 0%;
}
.link-block-33-copy.w--current {
padding-left: 10px;
}
.image-223-copy-copy {
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
}
.tabs-copy, .second-tab-copy {
flex-wrap: nowrap;
justify-content: flex-start;
min-width: 100vw;
max-width: 100%;
display: flex;
inset: 0% auto auto 0%;
}
.gap {
padding-bottom: 0;
}
.dropdown-info-biography_cont {
grid-column-gap: 0px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 5vw;
display: grid;
}
.arrow_biography {
border-left-color: #7e0071;
flex-flow: wrap;
align-items: center;
width: auto;
min-width: auto;
max-width: none;
height: auto;
min-height: auto;
max-height: none;
display: block;
overflow: visible;
}
.projects-site-name-web {
display: none;
}
.projects-site-name-mobile {
min-width: 0%;
max-width: none;
display: block;
top: 0;
}
.nav_menu_mobile {
z-index: 2000;
background-color: #fff0;
justify-content: flex-end;
align-items: flex-start;
max-width: 50vw;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.image-slider-mobile {
min-height: auto;
max-height: 50vh;
margin-top: 20px;
display: none;
position: static;
}
.lr {
flex: 0 auto;
width: auto;
height: auto;
top: 44%;
bottom: 44%;
overflow: hidden;
}
.slide-1 {
max-width: none;
height: 100%;
min-height: 50vh;
max-height: none;
padding-left: 0;
padding-right: 0;
position: static;
top: 50%;
bottom: 50%;
overflow: hidden;
}
.slider-3 {
flex-direction: row;
align-items: center;
height: auto;
min-height: 50vh;
max-height: 50vh;
}
.rr {
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-top: 0;
margin-bottom: 0;
top: 44%;
bottom: 44%;
}
.mask-2 {
max-width: 100vw;
height: auto;
min-height: 50vh;
max-height: 50vh;
}
.lightbox-link-2 {
cursor: crosshair;
object-fit: fill;
background-color: #0000;
justify-content: space-between;
align-items: stretch;
min-width: 70vw;
max-width: 100vw;
padding-left: 0;
display: flex;
}
.lightbox-link-2:active {
object-fit: scale-down;
padding: 20px;
}
.lightbox-link-2:visited {
padding-left: 20px;
padding-right: 20px;
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.div-block-250 {
object-fit: fill;
justify-content: center;
height: 50vh;
min-height: 100%;
max-height: 100%;
padding-left: 0%;
padding-right: 0%;
display: flex;
position: relative;
overflow: visible;
}
.image_slider_1 {
object-fit: scale-down;
min-width: 100vw;
max-width: 100vw;
min-height: auto;
max-height: none;
overflow: visible;
}
.slide-1-copy {
padding-left: 10px;
padding-right: 10px;
}
.image-236 {
min-width: auto;
max-width: 100%;
min-height: auto;
max-height: none;
}
.mask-3 {
background-color: #721e1e;
min-height: 60vh;
position: relative;
top: 50%;
bottom: 50%;
overflow: visible;
}
.slider-5 {
background-color: #722222;
align-items: flex-end;
display: none;
}
.left-arrow-3 {
flex-flow: column;
justify-content: flex-end;
align-items: center;
display: flex;
}
.slide-4 {
object-fit: contain;
}
.div-block-251 {
display: flex;
position: sticky;
}
.div-block-252 {
margin-bottom: 40px;
position: relative;
}
.artwork_info_box_phone {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
width: auto;
margin-top: 40px;
margin-left: 0;
margin-right: 0;
display: none;
position: relative;
bottom: -200px;
}
.list_wrapper_dia {
min-width: 495vw;
max-width: 460vw;
max-height: 550vh;
}
.collection_item_dia {
min-width: 10%;
min-height: 10%;
}
.div_dia {
z-index: 3;
min-width: auto;
max-width: 100vw;
min-height: auto;
max-height: 100vh;
top: -15em;
left: -16.2em;
overflow: visible;
}
.collection-list-wrapper-16 {
display: none;
}
.exhibitions_text-copy {
font-size: 20px;
line-height: 20px;
}
.explore-desktop {
display: none;
}
.diagonal_gallery {
z-index: 3;
background-color: var(--color--background-mobile);
max-height: 100vh;
display: none;
inset: 0% auto auto 0%;
}
.hourglass {
display: none;
}
.hourglass_left {
border-top-width: 40vw;
border-bottom-width: 40vw;
border-left-width: 40vw;
min-width: 40vw;
max-width: 40vw;
position: absolute;
}
.hourglass_right {
border-top-width: 0;
border-bottom-width: 0;
border-right-width: 0;
border-radius: 0;
max-width: 60vw;
left: 10vw;
overflow: visible;
}
.hourglass_box {
z-index: 6;
background-color: var(--color--background);
border-bottom: 100vh solid #fff;
justify-content: center;
align-items: center;
min-width: 0;
max-width: 100vw;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
top: 0;
overflow: clip;
}
.pe, .pe-bottom {
margin-left: 10px;
margin-right: 10px;
}
.related-artworks {
padding: 80px 10px;
}
.related-artworks.overflow-none {
display: none;
}
.text-block-139 {
margin-top: 20px;
font-size: 20px;
}
.pe-top2 {
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
}
.div-block-259 {
margin-bottom: 3px;
margin-left: 10px;
margin-right: 10px;
}
.pe-top-copy-copy-copy-copy, .div-block-259-copy {
margin-left: 10px;
margin-right: 10px;
}
.text-copyright {
margin-left: 0%;
padding-left: 0;
}
.text-footer {
object-fit: fill;
flex-flow: column;
justify-content: flex-end;
align-items: flex-end;
min-width: 59%;
max-width: 70%;
margin-left: 0%;
padding-left: 0;
font-size: 12px;
display: flex;
}
.footer_2024 {
z-index: 3;
box-sizing: border-box;
opacity: 1;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: fixed;
inset: auto 0% 0%;
overflow: visible;
transform: translate(0);
}
.footer-displacement {
margin-top: 0;
display: none;
}
.bold-text-10 {
max-width: none;
}
.footer_right {
z-index: 30;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-end;
min-width: 180px;
min-height: 200px;
margin-top: 0;
display: flex;
position: static;
inset: auto 0% 0%;
overflow: visible;
}
.div_space_footer {
display: none;
}
.social-media {
z-index: 12;
margin-top: 0;
position: relative;
}
.mbbc {
color: var(--color--text);
-webkit-text-stroke-color: var(--color--text);
}
.menu_buttonfly {
border-radius: 0%;
justify-content: flex-end;
align-items: flex-start;
margin-right: 5vw;
display: flex;
}
.section_home {
height: auto;
margin-top: 0;
}
.mainslid {
margin-top: 20px;
display: block;
}
.containerslid {
padding-left: 0;
padding-right: 0;
}
.splide {
min-width: 100%;
overflow: clip;
}
.slide_image-wrap {
min-width: 100%;
}
.slide_image {
height: auto;
}
.div-block-266, .collection-list-wrapper-18, .div-block-268 {
display: none;
}
.splide__track, .splide__list {
min-width: 100%;
}
.splide__slide {
min-width: 100%;
padding: 0 0;
}
.scd-projects {
background-color: #00f;
display: none;
}
.gap_div {
margin-bottom: 21.7vw;
}
.div-block-269 {
min-width: 100vw;
display: flex;
position: fixed;
}
.tsrm_pr {
display: none;
position: absolute;
}
.tsrm_pr.w--current {
display: block;
position: absolute;
}
.tsrm-pr {
border-style: solid;
border-width: 50vw 0 50vw 50vw;
border-color: #0000 red #fff0 var(--random-color-c);
object-fit: cover;
background-color: #fff0;
border-top-right-radius: 0;
min-width: auto;
max-width: none;
min-height: 50px;
max-height: 50px;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: relative;
}
.tsrm_ep {
display: none;
}
.tsrm_ep.w--current {
display: block;
position: absolute;
}
.tsrm-ep {
border-style: solid;
border-width: 50vw 0 50vw 50vw;
border-color: #0000 red #fff0 var(--random-color-a);
object-fit: cover;
background-color: #fff0;
border-top-right-radius: 0;
min-width: 50vw;
max-width: 50vw;
min-height: auto;
max-height: none;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: block;
position: relative;
}
.tsrm_eh {
display: none;
}
.tsrm_eh.w--current {
display: block;
}
.tsrm-eh {
border-style: solid;
border-width: 50vw 0 50vw 50vw;
border-color: #0000 red #fff0 var(--random-color-b);
object-fit: cover;
background-color: #fff0;
border-top-right-radius: 0;
min-width: auto;
max-width: none;
min-height: 50px;
max-height: 50px;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: block;
position: static;
}
.tsrm_co {
display: none;
}
.tsrm_co.w--current {
display: block;
}
.tsrm-co {
border-style: solid;
border-width: 50vw 0 50vw 50vw;
border-color: #0000 red #fff0 var(--random-color-d);
object-fit: cover;
background-color: #fff0;
border-top-right-radius: 0;
min-width: auto;
max-width: none;
min-height: 50px;
max-height: 50px;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: static;
}
.tsrm_in {
display: none;
position: absolute;
}
.tsrm_in.w--current {
margin-top: 0;
padding-top: 0;
display: block;
position: absolute;
}
.tsrm-in {
border-style: solid;
border-width: 50vw 0 50vw 50vw;
border-color: #0000 red #fff0 var(--random-color-e);
object-fit: cover;
background-color: #fff0;
border-top-right-radius: 0;
min-width: auto;
max-width: none;
min-height: 50px;
max-height: 50px;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: relative;
}
.div-block-270 {
margin-top: 0;
}
.tsrm_pr_tp {
display: none;
}
.tsrm_pr_tp.w--current {
display: block;
}
.tsrm-pr-template {
object-fit: cover;
background-color: #fff0;
border-top: 50vw solid #0000;
border-bottom: 50vw solid #fff0;
border-left: 50vw solid #00f;
border-right: 0 solid red;
border-top-right-radius: 0;
min-width: auto;
max-width: none;
min-height: 50px;
max-height: 50px;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: static;
}
.exhibitions_text_block {
font-size: 20px;
line-height: 20px;
}
.frame_block {
background-color: #0000;
flex-flow: row;
min-height: 0;
display: flex;
}
.pagename {
z-index: 100;
justify-content: flex-start;
align-items: center;
max-width: 80vw;
min-height: 0;
margin-top: 15px;
margin-left: 5vw;
display: flex;
position: relative;
inset: auto auto auto 0%;
}
.projects {
z-index: 1;
font-size: 30px;
font-weight: 700;
text-decoration: none;
display: none;
position: sticky;
inset: 0% auto auto 0%;
}
.projects.w--current {
z-index: auto;
font-size: 18px;
font-weight: 400;
position: relative;
}
.projects.template {
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-top: 0;
display: flex;
}
.current-tab {
z-index: -3;
background-color: #fff0;
border-bottom-width: 0;
border-radius: 14px;
flex-wrap: nowrap;
justify-content: flex-start;
min-width: 100vw;
max-width: 100vw;
margin-bottom: 0;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.link-block-44.w--current {
z-index: -1;
background-color: #fff0;
display: flex;
position: relative;
}
.div-block-272 {
opacity: 0;
min-width: 0;
padding-left: 40px;
}
.explore {
text-decoration: none;
display: block;
position: relative;
}
.explore.w--current {
display: block;
position: relative;
}
.head_tab_text_explore {
color: var(--explore);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
}
.link_text_explore {
background-color: #fff0;
max-width: none;
padding-left: 10px;
padding-right: 0;
inset: 0% auto auto 0%;
}
.link_text_explore.w--current {
z-index: 8;
padding-top: 10px;
padding-left: 10px;
inset: 0% auto auto 0%;
}
.tab_explore.w--current {
z-index: -1;
background-color: #fff0;
display: flex;
position: relative;
}
.text-icon {
z-index: 10;
justify-content: flex-start;
align-items: center;
margin-top: 5px;
margin-left: 0;
padding-top: 0;
padding-left: 0;
display: flex;
position: static;
inset: 0% auto auto 0%;
}
.exhibitions {
text-decoration: none;
display: none;
position: relative;
}
.exhibitions.w--current {
background-color: #0000;
display: flex;
position: static;
}
.tab-mobile {
background-color: #fff0;
margin-top: 0;
position: relative;
}
.contact {
position: relative;
}
.contact.w--current {
display: block;
}
.content {
z-index: 4;
background-color: #fff;
min-height: 100vh;
margin-top: 50px;
padding-top: 0;
display: block;
top: 0;
left: 0;
}
.video-explore {
z-index: 4;
min-height: 100vh;
max-height: 0;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.image-245 {
display: none;
}
.div-block-273 {
max-width: 100vw;
overflow: hidden;
}
.video-explore-mobile-tab {
display: none;
position: sticky;
top: 0;
}
.gap-transparent {
opacity: 1;
background-color: #fff0;
border-bottom-width: 0;
min-width: auto;
padding-left: 50px;
display: block;
position: static;
}
.background-video-copy-2, .background-video-mobile {
height: auto;
display: none;
}
.background-video-5 {
min-width: 100vw;
max-width: 100vw;
min-height: auto;
max-height: none;
margin-top: 0;
position: static;
overflow: clip;
}
.div-block-276 {
display: none;
}
.div-block-277 {
z-index: 8;
background-color: #1f4844;
min-height: 100px;
margin-top: 220px;
position: relative;
}
.text-footer-info {
margin-left: 0%;
padding-left: 0;
font-size: 20px;
}
.footer-triangle, .f-triangle {
border-bottom-width: 200px;
border-left-width: 200px;
}
.f-frame {
z-index: 1;
box-sizing: border-box;
object-fit: scale-down;
border-top: 0 solid #0000;
border-bottom-width: 200px;
border-left-width: 200px;
min-height: 50px;
max-height: 50px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
position: absolute;
inset: 0% 0% auto auto;
overflow: visible;
}
.div-block-279 {
min-height: 100vh;
max-height: 100vh;
padding-bottom: 0;
padding-right: 0;
display: block;
}
.gap-for-footer {
min-height: 100vh;
max-height: 100vh;
margin-top: 200px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: block;
}
.gap-tab-head-copy {
opacity: 1;
background-color: #fff;
border-bottom-width: 200px;
min-width: auto;
min-height: 50px;
max-height: 50px;
padding-left: 0;
display: none;
position: static;
}
.another-gap {
background-color: #354367;
min-height: 100vh;
display: block;
}
.div-block-280 {
z-index: 2;
max-height: 200px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
display: none;
position: relative;
inset: -112px 0% 0%;
overflow: visible;
}
.div-block-281 {
z-index: -20;
display: block;
position: relative;
}
.placeholder-copy {
background-color: #203a7d;
min-width: 100vw;
min-height: 100vh;
max-height: 100vh;
padding-bottom: 0;
padding-right: 0;
display: block;
}
.div-block-282 {
z-index: 6;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
overflow: visible;
}
.div-block-283 {
min-width: auto;
min-height: 200px;
padding-bottom: 0;
padding-right: 0;
}
.div-block-284 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: flex-end;
align-items: stretch;
display: block;
}
.text-block-140, .text-copyright-footer {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
}
.info-content {
z-index: 6;
background-color: var(--color--background);
min-height: 100vh;
margin-top: 0;
padding-top: 0;
padding-bottom: 400px;
display: block;
position: relative;
top: 0;
left: 0;
}
.dropdown-list-bio {
z-index: 5;
}
.dropdown-list-bio.w--open {
flex-direction: row;
justify-content: space-between;
display: block;
}
.bio-text {
margin-left: 5vw;
}
.bio-text-block {
min-width: 85vw;
max-width: 85vw;
margin-bottom: 0;
padding-bottom: 0;
font-size: 14px;
}
.f1 {
min-height: 10px;
padding-bottom: 0;
padding-right: 0;
display: block;
position: sticky;
}
.div-block-285 {
display: none;
position: absolute;
}
.div-block-286 {
min-height: 150vh;
display: block;
position: static;
}
.image-247 {
min-height: 150vh;
}
.navbar-21 {
z-index: 12;
box-sizing: border-box;
opacity: 1;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
}
.navbar-22 {
z-index: 12;
box-sizing: border-box;
opacity: .99;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
transform: translate(0);
}
.navbar-23, .navbar-24 {
z-index: 12;
box-sizing: border-box;
opacity: .86;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
transform: translate(0);
}
.navbar-25, .navbar-26, .navbar-27, .navbar-28 {
z-index: 12;
box-sizing: border-box;
opacity: 0;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
transform: translate(0);
}
.navbar-29 {
z-index: 12;
box-sizing: border-box;
opacity: .99;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
transform: translate(0);
}
.navbar-30 {
z-index: 12;
box-sizing: border-box;
opacity: .96;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
transform: translate(0);
}
.navbar-31, .navbar-32, .navbar-33, .navbar-34, .navbar-35, .navbar-36 {
z-index: 12;
box-sizing: border-box;
opacity: 0;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
transform: translate(0);
}
.navbar-37 {
z-index: 12;
box-sizing: border-box;
opacity: .99;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
transform: translate(0);
}
.navbar-38 {
z-index: 12;
box-sizing: border-box;
opacity: .89;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
transform: translate(0);
}
.navbar-39, .navbar-40, .navbar-41 {
z-index: 12;
box-sizing: border-box;
opacity: .13;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
transform: translate(0);
}
.navbar-42, .navbar-43, .navbar-44, .navbar-45, .navbar-46 {
z-index: 12;
box-sizing: border-box;
opacity: 1;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
}
.navbar-47, .navbar-48 {
z-index: 12;
box-sizing: border-box;
opacity: .94;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
transform: translate(0);
}
.navbar-49 {
z-index: 12;
box-sizing: border-box;
opacity: .16;
object-fit: contain;
background-color: #fff0;
min-width: 100vw;
margin-top: -200px;
margin-left: 0%;
margin-right: 0%;
padding-top: 0;
padding-left: 0%;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
transform: translate(0);
}
.arrow-i {
justify-content: flex-start;
align-items: center;
margin-top: 0;
display: flex;
}
.div-block-289 {
min-height: 200px;
}
.bold-text-11 {
font-size: 20px;
}
.mobile {
margin-top: 0;
position: relative;
top: 0;
left: 0;
}
.video-explore-mobile {
display: block;
}
.video-explore-desktop, .projects-desktop, .contact-desktop, .exhibitions-desktop, .info-desktop {
display: none;
}
.main_wrapper_exhib_slider {
z-index: 1;
background-color: var(--color--background);
width: auto;
height: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 2vh;
padding-bottom: 0;
padding-left: 0;
position: relative;
inset: 0% 0% auto;
}
.section-38 {
height: auto;
margin-bottom: 0;
padding-top: 0;
position: static;
}
.swiper.is-exhibitions {
min-height: 60vh;
}
.swiper.is-now, .swiper.is-past {
position: relative;
}
.swiper.is-future {
z-index: 0;
position: relative;
}
.swiper.is-other {
z-index: 0;
max-width: 100vw;
margin-right: 40px;
position: relative;
}
.swiper-wrapper.is-exhibitions {
justify-content: flex-start;
align-items: stretch;
}
.swiper-wrapper.is-past {
justify-content: flex-start;
align-items: stretch;
width: auto;
}
.swiper-wrapper.is-future {
width: auto;
min-width: 100vw;
overflow: visible;
}
.swiper-slide.is-exhbitions {
flex-flow: row;
width: 20rem;
display: flex;
}
.swiper-slide.is-past {
min-width: 85vw;
max-width: 85vw;
margin-left: 5vw;
}
.swiper-slide.is-future {
min-width: 80vw;
max-width: 80vw;
margin-left: 5vw;
}
.swiper-slide.is-now {
margin-left: 5vw;
}
.exhibition-image-wrapper {
z-index: 0;
width: 100%;
min-width: 80vw;
max-width: 80vw;
margin-left: 0;
padding-top: 0;
padding-left: 0;
position: relative;
overflow: hidden;
}
.image-248 {
box-sizing: border-box;
aspect-ratio: 1;
object-fit: cover;
}
.div-block-291 {
border-top-width: 30px;
border-right-width: 30px;
}
.text-block-141 {
word-break: keep-all;
margin-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 1;
}
.text_exhibi_location {
word-break: keep-all;
padding-right: 5px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 1.1;
}
.exhibitions-descriptions {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 0;
display: grid;
}
.text_exhibi_title {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: var(--headline-hight);
word-break: keep-all;
margin-bottom: 0;
padding-top: 7px;
font-weight: 700;
line-height: 1;
}
.div-block-292 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.text_exhibi_date {
color: #6c6c6c;
word-break: keep-all;
padding-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 1.1;
}
.time {
z-index: 100;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--invert);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: start;
margin-top: 0;
margin-right: 0;
padding-bottom: 20px;
padding-left: 5vw;
display: flex;
position: sticky;
top: 0;
}
.text-block-142 {
font-size: 20px;
}
.time-wrapper {
background-color: #fff0;
flex-flow: row;
padding-left: 0;
display: flex;
position: sticky;
top: 0;
}
.text-time {
color: var(--color--text);
flex: 0 auto;
margin-left: -4px;
padding-left: 0;
font-size: 60px;
}
.text-now, .text-future {
font-size: 25px;
}
.image-248-copy {
box-sizing: border-box;
aspect-ratio: 1;
object-fit: cover;
}
.exhibition-image {
box-sizing: border-box;
aspect-ratio: 1;
object-fit: cover;
width: 100%;
min-width: auto;
max-width: none;
height: 100%;
min-height: 40vh;
margin-right: 0;
}
.gap-footer {
z-index: 0;
background-color: var(--color--background-mobile);
height: 1px;
min-height: auto;
margin-top: 0;
padding-bottom: 0;
padding-right: 0;
display: block;
position: sticky;
inset: auto 0% 0%;
}
.div-swiper-now {
background-color: var(--color--background-mobile);
padding-bottom: 0;
padding-left: 0;
position: static;
}
.div-swiper-future {
background-color: var(--color--background-mobile);
padding-top: 50px;
padding-left: 0;
position: static;
}
.div-swiper-past {
background-color: var(--color--background-mobile);
margin-bottom: 0;
padding-top: 50px;
padding-bottom: 0;
padding-left: 0;
position: static;
}
.empty-state-text {
justify-content: flex-start;
align-items: center;
min-width: 50px;
max-width: 50px;
min-height: 50px;
max-height: 50px;
padding-left: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 80px;
font-weight: 400;
display: flex;
position: static;
transform: rotate(45deg);
}
.empty-state-5 {
background-color: #fff0;
padding: 0 0 0 20px;
display: flex;
}
.empty-state-6 {
background-color: #fff;
padding: 0 0 0 20px;
}
.empty-state-7 {
background-color: #fff0;
margin-left: 0;
padding: 0;
}
.gap-footer-exhi {
height: 400px;
min-height: 400px;
margin-bottom: 0;
padding-bottom: 0;
padding-right: 0;
display: block;
}
.pe-resume {
margin-left: 10px;
margin-right: 10px;
}
.artwork_presentation_web-tablet {
display: none;
}
.artwork {
z-index: 4;
border-bottom: 0 solid #000;
min-width: 100vw;
max-width: 100vw;
margin-top: 0;
padding-top: 2vw;
padding-left: 5vw;
padding-right: 5vw;
top: 0;
left: 0;
overflow: clip;
}
.greyfade {
min-height: 100px;
}
.collection-list-9 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.related-projects {
z-index: 4;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 5vw;
padding-right: 5vw;
display: block;
position: relative;
}
.related-projects-list {
object-fit: contain;
justify-content: flex-start;
align-items: center;
min-height: auto;
margin-bottom: 0;
padding: 0;
display: flex;
}
.rel-project-name {
color: var(--color--text);
text-decoration: none;
}
.text-mobile {
font-family: Neuehaasunica, sans-serif;
}
.tab-name {
display: flex;
position: absolute;
}
.new-tab-mobile {
display: none;
}
.div-block-301 {
max-height: 50px;
display: flex;
}
.text-block-143 {
background-color: var(--white);
color: var(--projects);
padding-right: 10px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
display: flex;
}
.tab_link_echo_projects-template {
max-width: none;
padding-right: 40px;
display: block;
}
.tab_link_echo_projects-template.w--current {
align-items: center;
display: flex;
}
.pagename-mobile {
z-index: 1;
max-width: 100vw;
max-height: none;
display: flex;
position: absolute;
overflow: clip;
}
.text-current-tab-projects-copy {
z-index: 10;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.link-block-33-copy {
background-color: #fff0;
max-width: none;
padding-left: 10px;
padding-right: 0;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.link-block-33-copy.w--current {
z-index: 8;
padding-top: 10px;
padding-left: 10px;
inset: 0% auto auto 0%;
}
.image-223-copy-copy {
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
margin-right: 5px;
}
.head_tab_text_projects-copy {
z-index: 10;
color: var(--color--projects);
font-size: 25px;
display: block;
position: relative;
}
.current-tab-projects-copy {
z-index: 5;
flex-wrap: nowrap;
justify-content: flex-start;
min-width: 100vw;
max-width: 100vw;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.gap-tab-head-copy {
border-bottom-width: 200px;
border-bottom-color: var(--color--background);
background-color: var(--color--background);
opacity: 1;
min-width: auto;
min-height: 50px;
max-height: 50px;
padding-left: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
display: block;
position: static;
}
.tab_link_echo_projects-template-copy {
max-width: none;
padding-right: 40px;
display: block;
}
.tab_link_echo_projects-template-copy.w--current {
align-items: center;
display: flex;
}
.div-block-222-copy {
opacity: 0;
min-width: 30px;
max-width: 30px;
}
.head_tab_text_projects_echo-copy {
background-color: #fff0;
}
.the_solution_left-copy {
z-index: -1;
border-style: solid none none solid;
border-width: 300px 0 300px 300px;
border-color: #eee0 #0000 #fff0 var(--color--background);
object-fit: fill;
background-color: #fff0;
border-top-right-radius: 0;
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
margin-top: 0;
margin-left: 0;
padding: 0;
display: block;
position: relative;
top: auto;
left: auto;
right: 0;
overflow: visible;
}
.the_solution_right_web-copy {
object-fit: cover;
background-color: #cdacac00;
border-top: 100px solid #0000;
border-bottom: 0 solid #fff0;
border-left: 0 solid #fff;
border-right: 100px solid #fff;
border-top-right-radius: 0;
min-width: 0;
max-width: 0;
min-height: auto;
max-height: none;
margin-top: -40px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: none;
}
.artwork-echo {
background-color: var(--color--background);
max-width: none;
padding-left: 60px;
padding-right: 0;
display: block;
}
.artwork-echo.w--current {
align-items: center;
display: flex;
}
.empty-state-10 {
background-color: #ddd0;
}
.image-250 {
aspect-ratio: auto;
vertical-align: bottom;
object-fit: contain;
min-height: auto;
display: block;
}
.div-block-302 {
justify-content: flex-start;
align-items: center;
min-width: auto;
max-width: none;
min-height: 0%;
}
.div-block-303 {
justify-content: flex-start;
align-items: center;
min-width: 60vw;
margin-left: 0;
padding-left: 0;
}
.content-frame-left {
justify-content: flex-start;
align-items: center;
min-width: 35vw;
max-width: 35vw;
margin-left: 0;
padding-left: 5vw;
padding-right: 0%;
}
.div-block-304 {
min-width: 60vw;
max-width: 60vw;
padding-left: 5vw;
padding-right: 0;
}
.div-block-305 {
display: none;
}
.gap-footer-ii {
z-index: -1;
background-color: var(--color--background);
min-width: 100vw;
height: 250px;
min-height: 250px;
max-height: 250px;
margin-top: 0;
padding-bottom: 0;
padding-right: 0;
display: block;
position: static;
inset: auto 0% 0% auto;
}
.video-explore-web, .video-explore-copy {
z-index: 1;
min-height: 100vh;
max-height: 0;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.custom-background-video {
z-index: 2;
flex-flow: row;
justify-content: center;
align-items: center;
min-width: 100vw;
max-width: none;
min-height: 100vh;
display: none;
overflow: clip;
}
.c-e-mobile {
object-fit: contain;
justify-content: center;
align-items: center;
max-width: none;
height: 103vh;
min-height: 103vh;
display: flex;
overflow: visible;
}
.div-block-307 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.exhibitions-content {
z-index: 4;
background-color: var(--color--background);
margin: 0 0 0;
padding: 0 0 0;
display: block;
position: relative;
}
.exhibitions-title {
font-size: 40px;
line-height: 1;
}
.text-block-145 {
font-size: 14px;
}
.lightbox-link-4 {
display: none;
}
.head-tab-text-exhibition-tmplate {
z-index: 10;
color: var(--exhibitions);
font-size: 25px;
display: block;
position: relative;
}
.exhibitions-text-template {
z-index: 12;
position: relative;
}
.text-block-148 {
z-index: 5;
position: relative;
}
.site_name-exhibitions {
z-index: 6;
position: relative;
}
.div-block-310 {
min-height: 20px;
}
.studio_mobile {
justify-content: flex-start;
align-items: center;
margin-left: 0;
padding-bottom: 5px;
font-size: 30px;
display: block;
}
.link-block-46 {
text-decoration: none;
}
.prev-next_button {
justify-content: flex-end;
align-items: center;
margin-top: 0;
margin-right: 10px;
padding-bottom: 20px;
position: absolute;
inset: auto 0% 0% auto;
}
.div-block-312 {
justify-content: flex-end;
align-items: center;
}
.fs-prevnext_row {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.arrow_prev {
border-top-width: 10px;
border-bottom-width: 10px;
border-right-width: 10px;
min-width: 15px;
max-width: 20px;
min-height: 10px;
max-height: 10px;
margin-right: 0;
display: flex;
}
.next-button {
flex-flow: column;
justify-content: center;
align-items: center;
}
.arrow-next {
border-top-width: 10px;
border-bottom-width: 10px;
border-left-width: 10px;
justify-content: center;
align-items: center;
min-width: 15px;
max-width: 15px;
min-height: 20px;
max-height: 20px;
margin-right: 0;
padding-left: 0;
display: block;
}
.text_arrow {
margin-right: 0;
padding-left: 0;
font-size: 14px;
}
.prev-button {
justify-content: flex-start;
align-items: center;
min-width: 50px;
margin-right: 0;
}
.content_card-info-web {
grid-column-gap: 10px;
grid-row-gap: 7px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.triangle_cookie {
border-top-width: 40px;
border-right-width: 40px;
min-height: 46vh;
max-height: 46vh;
margin-right: 0;
}
.fs-cc-prefs2_option {
padding-top: 5px;
padding-bottom: 5px;
}
.fs-cc-prefs2_close {
color: #000;
background-color: #fff;
margin-top: 0;
margin-right: -30px;
padding: 8px;
}
.fs-cc-prefs2_label {
font-size: 14px;
}
.fs-cc-prefs2_form-wrapper {
padding-top: 140px;
padding-left: 10px;
padding-right: 10px;
}
.fs-cc-banner2_component {
width: auto;
max-height: 100%;
display: flex;
bottom: 10px;
left: 10px;
right: 10px;
overflow: clip;
}
.set-all-components-to-display-none-and-use-this-div-to-create-a-symbol, .fs-cc-manager2_component {
display: none;
}
.fs-cc-banner2_text {
font-size: 14px;
}
.fs-cc-prefs2_title {
font-size: 20px;
}
.fs-cc-prefs2_button {
font-size: 14px;
line-height: 1.2;
}
.fs-cc-prefs2_button.fs-cc-button-alt {
border-width: 0;
margin-bottom: 8px;
font-size: 14px;
line-height: 1.2;
}
.fs-cc-banner2_container {
background-color: var(--random-color-4);
max-height: none;
margin-right: auto;
}
.fs-cc-prefs2_content {
border-top-right-radius: 0;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
min-height: 100%;
max-height: 100%;
padding: 0;
display: flex;
}
.fs-cc-prefs2_checkbox.w--redirected-checked {
background-color: #000;
background-image: none;
border-width: 5px;
border-color: #fff;
border-radius: 20px;
}
.fs-cc-prefs2_form {
justify-content: center;
align-items: flex-start;
max-width: none;
max-height: 46vh;
display: flex;
overflow: clip;
}
.fs-cc-prefs2_submit {
margin-top: 8px;
margin-bottom: 186px;
font-size: 14px;
line-height: 1.2;
}
.fs-cc-prefs2_component {
padding: 20px 24px 24px 20px;
display: none;
}
.fs-cc-preferences2_close-icon {
color: #000;
cursor: crosshair;
}
.fs-cc-banner2_button {
font-size: 16px;
}
.fs-cc-prefs2_checkbox-field {
min-width: 30px;
min-height: 30px;
}
.div-block-315 {
min-height: auto;
}
.div-block-316 {
border-right: 0 solid #000;
min-width: 40px;
min-height: auto;
max-height: 25em;
margin-right: -1px;
}
.transparent_one_click {
z-index: 3;
background-color: var(--invert);
display: block;
position: fixed;
}
.search_info {
padding-left: 20px;
padding-right: 20px;
}
.search_input_info {
background-color: #fff0;
}
.text-block-150 {
color: var(--random-color-e);
flex-flow: row;
max-width: 60vw;
font-size: 14px;
display: block;
overflow: clip;
}
.link-6 {
color: var(--color--text);
font-size: 16px;
font-weight: 700;
}
.info-content-i {
margin-top: 0;
padding-top: 0;
padding-bottom: 10px;
overflow: visible;
}
.search-button-2 {
border-style: solid;
border-width: 25px 0 25px 25px;
border-color: #0000 black #0000 var(--color--text);
background-image: none;
flex: none;
width: 10px;
max-width: 10px;
height: 10px;
max-height: 10px;
margin-left: 0;
display: block;
}
.search-result-item {
margin-bottom: 0;
padding-left: 0;
}
.div-block-318 {
justify-content: flex-start;
align-items: center;
overflow: clip;
}
.triangle_search {
background-color: var(--color--text);
border: 2px solid #000;
border-radius: 50%;
width: 10px;
height: 10px;
}
.div-block-319 {
background-color: var(--invert);
padding-top: 0;
padding-bottom: 0;
}
.sitename_text_mobile_info {
z-index: 10;
color: var(--info);
font-size: 25px;
display: block;
position: relative;
}
.search_info_main {
color: var(--color--text);
margin-top: 20px;
}
.darkmode {
z-index: 3000;
padding-top: 0;
position: fixed;
inset: 0% auto auto 0%;
}
.toggle_inner {
width: 20px;
height: 20px;
}
.toggle_wrap {
width: 40px;
height: 24px;
}
.body_50 {
max-width: 100vw;
max-height: 1000vh;
overflow: clip;
}
.darkmode-web {
display: none;
}
.dark {
z-index: 300;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
display: flex;
position: relative;
top: 0%;
}
.div-block-320 {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 20vh;
display: flex;
}
.diagonal_gallery-mobile {
z-index: 3;
background-color: var(--color--background);
display: none;
}
.div_dia_mobile {
min-width: 300vw;
top: -6.6vh;
left: -100vw;
}
.div-block-321 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
position: relative;
left: 71px;
transform: rotate(45deg);
}
.image-253 {
display: block;
}
.collection-list-wrapper-21 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.collection-list-10 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
transform: rotate(-7deg);
}
.div-block-322 {
transform: rotate(-45deg);
}
.diagonal_gallery_web {
z-index: 3;
background-color: var(--color--background);
display: none;
inset: 0% auto auto 0%;
}
.div_dia_web {
z-index: 3;
min-width: 300vw;
top: -4.8em;
left: -16.2em;
}
.transparent_one_click_web {
z-index: 3;
background-color: var(--invert);
display: block;
position: fixed;
}
.explode_text, .projects_text_header, .text_contact_head, .text_info_head {
font-size: 20px;
line-height: 20px;
}
.code_embed_contact_mobile {
color: var(--random-color-d);
}
.codeembed-contact-mobile {
color: var(--random-color-d);
margin-right: 10px;
}
.codeembe-info-mobile {
color: var(--random-color-e);
}
.codeembed-exhibitions-mobile {
color: var(--random-color-b);
}
.codeembed-projects-mobile {
color: var(--random-color-c);
}
.codeembed-explore-mobile {
color: var(--random-color-a);
}
.gap-footer-iii {
z-index: 0;
background-color: var(--color--background-mobile);
height: 1px;
min-height: 500px;
margin-top: 0;
padding-bottom: 0;
padding-right: 0;
display: block;
position: relative;
inset: auto 0% 0%;
}
.toggle-info-imprint {
max-width: 30px;
margin-left: 0;
margin-right: 0;
display: block;
}
.toggle-info-imprint:active {
transform: rotate(45deg);
}
.dropdown-header {
flex: none;
min-width: 90vw;
max-width: 90vw;
margin-left: 0;
margin-right: 0;
display: flex;
}
.dropdown-header:active {
display: block;
overflow: visible;
}
.dropdown-header.w--open:active {
transform: none;
}
.arrow-info-dropdown {
margin-left: 5vw;
}
.info-imprint {
margin-top: 0;
padding-top: 40px;
}
.arrow-info-dropdown-2, .arrow-info-dropdown-3 {
margin-left: 5vw;
}
.rotator:active {
position: absolute;
}
.video-background-section-mobile {
z-index: 4;
min-width: auto;
min-height: 110vh;
max-height: 0;
display: block;
position: static;
inset: 0% 0% 50px;
}
.video-dia-web {
z-index: 4;
display: none;
position: sticky;
}
.video-dia-mobile {
z-index: 4;
background-color: var(--white);
min-height: 100vh;
max-height: 100vh;
display: block;
position: sticky;
inset: 0% auto 0 0%;
}
.explore-video_mobile {
min-width: auto;
max-width: 100vw;
min-height: 100vh;
max-height: none;
margin-top: 0;
display: block;
position: static;
overflow: clip;
}
.body-52 {
background-color: var(--color--explore);
}
.video-background-section {
display: block;
}
.code-embed-video {
position: absolute;
}
.description_artwork {
margin-top: 0;
margin-bottom: 60px;
padding-top: 0;
top: 120px;
}
.description_artwork_headline {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: var(--headline-hight);
font-weight: 700;
}
.description_artwork_dropdown {
z-index: 4;
flex: none;
min-width: 0;
max-height: 100%;
display: block;
position: relative;
}
.dropdown-description-content {
grid-column-gap: 0px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-height: 100%;
margin-top: 0;
margin-bottom: 60px;
display: block;
}
.margin-description {
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-top: 0;
margin-right: 0;
display: flex;
}
.artwork_info_box_web {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
width: auto;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
display: flex;
position: relative;
}
.div-block-329 {
min-height: 220px;
max-height: 220px;
}
.div-block-330 {
justify-content: flex-start;
align-items: flex-end;
min-height: 20vh;
display: flex;
}
.div-block-331 {
border-bottom: 0px solid var(--random-color-4);
justify-content: center;
align-items: flex-start;
min-height: 46vh;
max-height: 46vh;
margin-top: 0;
margin-bottom: 0;
padding-right: 40px;
display: block;
position: static;
overflow: clip;
}
.triangle_cookie-_firstbanner {
border-top-width: 40px;
border-right-width: 40px;
min-height: auto;
max-height: none;
margin-right: 0;
}
.previous_button {
margin-right: 0;
}
.prev-next-container {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
}
.button-prevnex {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: var(--color--text);
flex-flow: row;
justify-content: flex-end;
align-items: center;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.details-mobile {
z-index: 4;
margin-bottom: 40px;
position: relative;
}
.details-web {
margin-bottom: 40px;
position: relative;
}
.tablink-projects {
z-index: 2002;
min-width: 80vw;
max-width: 80vw;
margin-bottom: 0;
display: block;
position: static;
}
.content-project {
margin-top: 0;
padding-left: 0;
padding-right: 0;
overflow: clip;
}
.global-gap {
display: block;
}
.empty-state-project {
background-color: #ddd0;
}
.empty-state-project-text {
max-width: 50px;
max-height: 50px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 40px;
font-weight: 700;
transform: rotate(45deg);
}
.studio_head_mobile {
justify-content: flex-start;
align-items: center;
margin-left: 0;
padding-bottom: 0;
font-size: 30px;
display: block;
position: static;
inset: 50% auto 50% 0%;
}
.details-web-copy, .details-web-copy-copy {
margin-bottom: 40px;
position: relative;
}
.tablink-info {
min-width: 80vw;
max-width: 80vw;
display: block;
position: static;
}
.tablink-info.w--current {
position: static;
}
.tablink-contact.w--current {
z-index: 10;
min-width: 80vw;
max-width: 80vw;
padding-left: 0;
position: static;
}
.tablink-exhibitions {
z-index: 1000;
max-width: 70vw;
display: inline-block;
position: static;
}
.image-255 {
min-width: 100%;
}
.f1-copy {
min-height: 10px;
padding-bottom: 0;
padding-right: 0;
display: block;
position: sticky;
}
.bio-image {
margin-left: 20px;
}
.image-256 {
min-width: 80vw;
max-width: 80vw;
}
.explore_dive {
background-color: var(--color--explore);
}
.explore_text_tab {
font-weight: 700;
}
.triangle_sitename_explore {
border-left-color: var(--color--explore);
}
.site_name_tab_explore {
display: block;
}
.code_embed_video_mobile {
min-width: 100vw;
min-height: 110vh;
margin-top: -20vh;
display: none;
position: fixed;
inset: 0% 0% 0;
transform: scale(1.1);
}
.code_embed_tab_mobile_projects {
color: var(--color--projects);
}
.gap-tab-head-2 {
opacity: 1;
background-color: #fff;
border-bottom-width: 300px;
min-width: auto;
min-height: 50px;
max-height: 50px;
padding-left: 0;
display: block;
position: static;
}
.div-block-336 {
opacity: 0;
min-width: 0;
padding-left: 40px;
}
.head_tab_text_exhibitions-2 {
color: #00e669;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
}
.the_solution_left-2 {
z-index: -1;
object-fit: fill;
background-color: #f1f1f100;
border-top: 300px solid #eee0;
border-bottom: 300px #fff0;
border-left: 300px solid #fff;
border-right: 0 #0000;
border-top-right-radius: 0;
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
margin-top: 0;
margin-left: 0;
padding: 0;
display: block;
position: relative;
top: auto;
left: auto;
right: 0;
overflow: visible;
}
.header-antigravity {
min-width: 50px;
max-width: 50px;
min-height: 50px;
max-height: 50px;
display: block;
}
.heading-antigravity {
margin-left: 10px;
margin-right: 10px;
}
.date-project {
font-size: 14px;
}
.text-i {
color: #bababa;
font-size: 40px;
}
.text-igravity {
color: #888;
font-size: 40px;
}
.text-project {
color: var(--color--text);
font-size: 14px;
}
.text-aent {
font-size: 40px;
}
.render-projects-collection {
margin-top: 100px;
margin-left: 10px;
margin-right: 10px;
}
.collection-list-12 {
grid-template-columns: 1fr;
}
.aentihgravity-footer {
margin-left: 10px;
margin-right: 10px;
}
.text-block-160 {
font-size: 14px;
}
.head-framing {
background-color: var(--color--background);
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 20px;
}
.text-block-161 {
font-size: 20px;
}
.image-258 {
min-width: 25px;
max-width: 25px;
min-height: 25px;
max-height: 25px;
}
.div-block-338 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-width: 100%;
max-width: 100%;
display: grid;
position: sticky;
top: 220px;
}
.text_arrow-2 {
color: var(--color--text);
padding-left: 0;
font-size: 14px;
}
.projects_description-2 {
font-size: 20px;
}
.div-block-339 {
padding-left: 0;
padding-right: 0;
position: static;
bottom: 0;
}
.arrow-next-2 {
border-right-color: var(--color--text);
border-left-color: var(--color--text);
justify-content: center;
align-items: center;
min-width: 20px;
max-width: 20px;
padding-left: 0;
display: block;
}
.empty-state-text-2 {
justify-content: flex-start;
align-items: center;
min-width: 80px;
max-width: 80px;
min-height: 80px;
max-height: 80px;
padding-left: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 100px;
font-weight: 400;
display: flex;
position: static;
transform: rotate(45deg);
}
.dropdown-description-content-2 {
grid-column-gap: 0px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-height: 100%;
margin-top: 0;
margin-bottom: 60px;
display: block;
}
.description_artwork_dropdown-2 {
z-index: 4;
flex: none;
min-width: 0;
max-height: 100%;
display: block;
position: relative;
}
.artwork-2 {
z-index: 4;
border-bottom: 0 solid #000;
min-width: 100vw;
max-width: 100vw;
margin-top: 0;
padding-left: 10px;
padding-right: 10px;
top: 0;
left: 0;
overflow: clip;
}
.dropdown-header-2 {
flex: none;
max-width: none;
margin-left: 0;
margin-right: 0;
display: flex;
}
.dropdown-header-2:active {
display: block;
overflow: visible;
}
.dropdown-header-2.w--open:active {
transform: none;
}
.text-block-162 {
min-width: 100%;
font-size: 14px;
}
.dropdown_info-2 {
z-index: 4;
min-width: 100%;
display: block;
position: relative;
}
.dropdown-body-2 {
z-index: 5;
height: 0;
}
.dropdown-body-2.w--open {
flex-direction: row;
justify-content: space-between;
height: 100%;
display: block;
}
.content_card-info-label-3 {
color: #000;
background-color: #fff0;
margin-top: 0;
margin-bottom: -1px;
padding-top: 0;
padding-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
line-height: 14px;
text-decoration: none;
}
.div-block-340 {
min-height: auto;
}
.image-261 {
min-width: 100%;
}
.arrow_prev-2 {
border-right-color: var(--color--text);
min-width: 20px;
max-width: 20px;
display: flex;
}
.description_artwork_headline-2 {
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
}
.content_card-info-text-4 {
color: #444;
font-size: 13px;
line-height: 14px;
}
.aenti-project {
z-index: 4;
background-color: var(--color--background);
border-bottom: 0 solid #000;
min-width: 100vw;
max-width: 100vw;
margin-top: 0;
padding-left: 10px;
padding-right: 10px;
top: 0;
left: 0;
overflow: clip;
}
.projects-title {
z-index: 10;
background-color: #fff0;
max-width: 80%;
max-height: 100px;
margin: 0 0% 20px 0;
padding-top: 0;
padding-left: 0%;
position: sticky;
inset: 10px 0% auto;
}
.block-gap {
min-height: auto;
}
.projects_name-text {
width: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
position: static;
inset: auto 0% 8%;
}
.div-block-insert-1 {
padding-left: 0;
padding-right: 0;
position: static;
bottom: 0;
}
.bd-heading-copy.h1 {
min-width: 100%;
margin-left: 0;
padding-left: 0;
padding-right: 5px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
}
.bd-heading-copy.h1-copy {
color: var(--color--text);
min-width: 100%;
margin-left: 0;
padding-left: 0;
padding-right: 5px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
}
.year-project {
padding-left: 0;
line-height: 15px;
position: static;
bottom: 0;
}
.icon-year {
min-width: 25px;
max-width: 25px;
min-height: 25px;
max-height: 25px;
}
.year-project-text.h1 {
margin-left: 0;
padding-left: 0;
padding-right: 5px;
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.year-project-text.h1-copy {
color: #000;
margin-left: 0;
padding-left: 0;
padding-right: 5px;
font-size: 12px;
font-weight: 400;
line-height: 30px;
}
.year-project-text.h1-copy-copy {
color: var(--color--text);
margin-left: 0;
padding-left: 0;
padding-right: 5px;
font-size: 12px;
font-weight: 400;
line-height: 15px;
}
.details-web-anti {
margin-bottom: 40px;
position: relative;
}
.content_card-info-web-anti {
grid-column-gap: 10px;
grid-row-gap: 7px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.content_card-info-block-anti {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 0 solid #000;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: auto;
min-width: auto;
margin-right: 0;
padding-top: 0;
padding-bottom: 10px;
line-height: 20px;
}
.content_card-info-label-3-anti {
color: #000;
background-color: #fff0;
margin-top: 0;
margin-bottom: -1px;
padding-top: 0;
padding-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
line-height: 14px;
text-decoration: none;
}
.content_card-info-text-4-anti {
color: #444;
font-size: 13px;
line-height: 14px;
}
.content_card-info-block-2-anti {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 0 solid #000;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: auto;
min-width: auto;
margin-right: 0;
padding-top: 0;
padding-bottom: 10px;
line-height: 20px;
}
.content_card-info-label-3-copy, .content_card-info-label-3-antii {
color: #000;
background-color: #fff0;
margin-top: 0;
margin-bottom: -1px;
padding-top: 0;
padding-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
line-height: 14px;
text-decoration: none;
}
.content_card-info-block-2-copy {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 0 solid #000;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: auto;
min-width: auto;
margin-right: 0;
padding-top: 0;
padding-bottom: 10px;
line-height: 20px;
}
.artwork_presentation_web-tablet-anti {
display: none;
}
.artwork_presentation_mobile-anti {
background-color: #fff0;
min-width: 100%;
max-width: none;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: static;
top: 0;
left: 0;
overflow: clip;
}
.details-mobile-anti {
z-index: 4;
margin-bottom: 40px;
position: relative;
}
.content_card-info-mobile-anti {
grid-column-gap: 10px;
grid-row-gap: 7px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.content_card-info-block-mobile-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 0 solid #000;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: auto;
min-width: auto;
margin-right: 0;
padding-top: 0;
padding-bottom: 10px;
line-height: 20px;
}
.content_card-info-label-mobile-3 {
color: var(--color--text);
background-color: #fff0;
margin-top: 0;
margin-bottom: -1px;
padding-top: 0;
padding-bottom: 0;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 14px;
line-height: 14px;
text-decoration: none;
}
.content_card-info-text-mobile-4 {
color: #919191;
font-size: 13px;
line-height: 14px;
}
.artwork_info_box_web-anti {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
width: auto;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
display: flex;
position: relative;
}
.frame-description-anti {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-width: 100%;
max-width: 100%;
display: grid;
position: sticky;
top: 220px;
}
.description_artwork-anti {
margin-top: 0;
padding-top: 0;
top: 120px;
}
.margin-description-anti {
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-top: -50px;
margin-right: 0;
display: flex;
}
.description_artwork_headline-anti {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
}
.description_artwork_dropdown-anti {
z-index: 4;
flex: none;
min-width: 0;
max-height: 100%;
display: block;
position: relative;
}
.dropdown-header-anti {
flex: none;
max-width: none;
margin-left: 0;
margin-right: 0;
display: flex;
}
.dropdown-header-anti:active {
display: block;
overflow: visible;
}
.dropdown-header-anti.w--open:active {
transform: none;
}
.dropdown-body-anti {
z-index: 5;
height: 0;
}
.dropdown-body-anti.w--open {
flex-direction: row;
justify-content: space-between;
height: 100%;
display: block;
}
.text-ae {
font-size: 14px;
}
.body-54 {
background-color: var(--color--background);
}
.antigravity-header {
background-color: #ddd0;
justify-content: center;
align-items: center;
min-width: 50px;
max-width: 50px;
min-height: 50px;
max-height: 50px;
display: flex;
position: fixed;
inset: 0% 0% auto auto;
}
.antigravity-header:active {
background-color: #fff;
}
.butto-ae:active {
background-color: #0000;
}
.butto-ae.w--open {
z-index: 10;
background-color: #c8c8c800;
}
.logo-ae {
color: var(--color--text);
font-family: Neuehaasunica, sans-serif;
font-size: 35px;
font-weight: 700;
}
.nav-link-33 {
font-family: Neuehaasunicapro, Arial, sans-serif;
}
.link-block-anti {
justify-content: flex-end;
align-items: flex-start;
width: auto;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 0;
display: block;
}
.link-anti {
justify-content: flex-end;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-block-164 {
color: var(--color--text);
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
}
.nav-menu-7 {
background-color: var(--color--background);
min-width: 100vw;
min-height: 100vh;
margin-top: 0;
padding-top: 70px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.container-48 {
display: flex;
}
.heading-year.h1 {
margin-left: 0;
padding-left: 0;
padding-right: 5px;
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.heading-year.h1-copy, .heading-year.h1-copy-copy {
color: #000;
margin-left: 0;
padding-left: 0;
padding-right: 5px;
font-size: 12px;
font-weight: 400;
line-height: 30px;
}
.heading-year.hi-year {
color: var(--color--text);
margin-left: 0;
padding-left: 0;
padding-right: 5px;
font-size: 12px;
font-weight: 400;
line-height: 30px;
display: none;
}
.exhibitions-template-desktop {
display: none;
}
.page-name.expolre, .page-name.ehibitions, .page-name.in, .page-name.co, .page-name.pro {
margin-right: 5px;
}
.diagonal.ex {
padding-left: 5px;
}
.code-embed-pro {
color: var(--random-color-c);
min-width: auto;
min-height: auto;
max-height: 25px;
margin-top: 0;
padding-top: 0;
line-height: 0;
display: block;
position: static;
top: 0;
}
.stripe.ex {
margin-top: -10px;
margin-left: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
position: static;
overflow: clip;
}
.pagename-web {
display: none;
}
.info-content-ii {
z-index: 6;
background-color: var(--color--background);
min-height: auto;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
top: 0;
left: 0;
}
.text-diagonal-pagename {
grid-column-gap: 0px;
grid-row-gap: 0px;
min-width: auto;
padding-top: 0;
}
.project-name-text {
font-size: var(--title);
margin-top: 0;
}
.project-name-text.h1, .project-name-text.h1-copy {
color: var(--color--text);
min-width: 100%;
margin-left: 0;
padding-left: 0;
padding-right: 5px;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
}
.pagename-link-explore {
display: block;
}
.pagename-link-explore.w--current {
z-index: 1;
margin-top: 5vw;
margin-left: 5vw;
position: fixed;
inset: 0% auto auto 0%;
}
.pagename-projects-template {
z-index: 100;
justify-content: flex-start;
align-items: center;
max-width: 50vw;
max-height: 0;
margin-top: 15px;
margin-left: 5vw;
font-family: Neuehaasunicapro, Arial, sans-serif;
line-height: 1.5;
display: flex;
position: relative;
}
.stripe-grey {
padding-right: 5px;
}
.year-number-name {
bottom: 10px;
right: 5vw;
}
.footer_div-copy {
z-index: 0;
box-sizing: border-box;
object-fit: scale-down;
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
max-height: none;
margin: 0 0 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
position: relative;
inset: auto 0% 0% auto;
overflow: visible;
}
.rich-text-block-2 {
font-size: var(--text-regular);
line-height: 16px;
}
.exhibition-name {
padding-left: 0;
}
.pagename-web-exhibitiontemplate {
display: flex;
}
.pagename-link-exhibitions-templete-copy {
display: block;
}
.text-exhibition-date {
padding-left: 35px;
}
.exhibition-banner-wrap {
z-index: 0;
min-height: 60vh;
position: fixed;
inset: 0% 0% auto;
}
.exhibition-wrap {
margin-top: 0;
padding-top: 5vw;
padding-left: 5vw;
padding-right: 5vw;
}
.exhibition-banner {
z-index: -1;
object-fit: cover;
min-height: 50vh;
}
.splide-exhibition {
min-width: 100%;
overflow: clip;
}
.exhibition-text {
white-space: normal;
word-break: normal;
mix-blend-mode: normal;
grid-template-columns: 1fr;
min-height: auto;
margin-top: 3vh;
padding-top: 3vh;
}
.exhibition-texts {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.section-insights {
padding-top: 0;
padding-bottom: 10vh;
padding-left: 0;
}
.insights-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
max-width: 100vw;
overflow: hidden;
}
.exhibitions-image-slider-image {
aspect-ratio: auto;
object-fit: cover;
width: 100%;
min-width: 75vw;
max-width: 75vw;
height: 40vh;
min-height: 40vh;
max-height: 40vh;
margin-right: 0;
}
.card-wrapper {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: 80vw;
max-width: 80vw;
min-height: auto;
position: relative;
}
.exhibition-name-text {
text-align: left;
background-color: #fff;
font-family: Neuehaasunicapro, Arial, sans-serif;
font-size: 16px;
font-weight: 700;
text-decoration: none;
display: none;
}
.exhibitions-date {
color: var(--color--text-light);
font-size: 16px;
line-height: 1;
}
.exhibitions-details {
margin-top: 1vh;
}
.exhibitions-location {
font-size: 16px;
line-height: 1;
}
.exhibitions-head {
position: static;
}
.clickanddrag-item {
width: 80vw;
margin-left: 5vw;
}
.butterfly_icon {
color: var(--color--text);
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
display: block;
}
.code_embed_exhibitions_tab_mobile {
color: var(--random-color-b);
width: 30px;
height: 30px;
margin-right: 10px;
}
.swiper-wrap {
justify-content: flex-start;
align-items: center;
min-height: 10vh;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0;
display: flex;
}
.subhead-main {
font-size: 20px;
}
.section-42, .section-43 {
padding-top: 100px;
padding-bottom: 100px;
}
.project-gallery-explore {
z-index: 5;
background-color: var(--invert);
min-height: auto;
margin-top: 100vh;
margin-bottom: 0;
padding: 0 0 0;
bottom: 0;
}
.explore-item-frame {
min-height: auto;
max-height: none;
position: sticky;
}
.item-explore-image {
max-height: 40vh;
}
.text-item-explore {
font-size: var(--text-small);
line-height: 1.2;
}
.frame-explore-item {
min-width: 70vw;
max-width: 70vw;
margin-bottom: 20vh;
}
.div-block-342 {
margin-top: 0;
padding-top: 0;
}
.text-and-icon {
display: flex;
}
.date-and-title {
display: none;
}
.pagename-explore, .pagename-info {
margin-left: 5vw;
}
.div-block-343 {
border-left-color: var(--color--text);
}
.footergap {
display: block;
position: relative;
}
.info-content {
min-width: auto;
min-height: auto;
margin-top: 80px;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
padding-left: 5vw;
padding-right: 5vw;
top: 0;
}
.butterfly-image {
border-radius: 0;
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
display: none;
}
.collection-list-wrapper-27 {
background-color: var(--invert);
padding-left: 5vw;
padding-right: 5vw;
}
.footerwrap {
z-index: 0;
position: fixed;
bottom: 0;
}
.other-exhibitions {
z-index: 4;
background-color: var(--white);
max-width: 100vw;
margin-top: 0;
padding-bottom: 10vw;
padding-left: 0;
position: relative;
overflow: clip;
}
.div-swiper-other-ex {
padding-top: 10vh;
}
.time-copy {
z-index: 100;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--invert);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: start;
margin-top: 0;
margin-right: 0;
padding-bottom: 20px;
padding-left: 0;
display: flex;
position: sticky;
top: 0;
}
.gap-exhi {
background-color: #fff;
min-height: 20vh;
position: relative;
}
.footer-white {
background-color: var(--color--background-mobile);
min-width: 100vw;
min-height: 50vh;
max-height: 50vh;
padding-bottom: 0;
padding-right: 0;
}
.swiper-images-exhibition {
padding-top: 10vh;
display: none;
}
.projects-related {
font-size: var(--headline-hight);
line-height: var(--headline-hight);
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
}
.related-project {
margin-bottom: 5vh;
padding-top: 0;
padding-left: 0;
}
.projects-details {
padding-bottom: 2vh;
}
.swiper-wrap-other {
justify-content: flex-start;
align-items: center;
min-height: 10vh;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.exhibition-images {
background-color: var(--white);
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.collection-item-17 {
min-height: 20vh;
padding-top: 0;
padding-bottom: 0;
}
.image-274 {
min-height: 10vh;
}
.explore-content {
z-index: 10;
background-color: var(--white);
min-width: 100vw;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
position: relative;
inset: 0% 0% 0;
overflow: clip;
}
.footerwrap-explore {
z-index: -10;
margin-top: 50vh;
position: relative;
inset: auto 0% 0%;
}
.div-block-344 {
min-height: 50vh;
max-height: 50vh;
}
.body-explore {
background-color: var(--color--background-mobile);
margin-bottom: 50vh;
}
.exhibition-image-gallery {
z-index: 5;
background-color: var(--white);
min-height: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0 0 0;
bottom: 0;
}
.exhibitions-images-frame {
min-height: auto;
max-height: none;
position: sticky;
}
.collection-list-exhibition-gallery {
background-color: var(--invert);
padding-left: 5vw;
padding-right: 5vw;
}
.exhibition-gallery-item {
max-width: 60vw;
min-height: 30vh;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.exhibition-gallery-image {
min-width: 70vw;
max-width: 70vw;
margin-bottom: 5vh;
}
.text-item-exhibition-gallery {
font-size: var(--text-small);
line-height: 1.2;
}
.item-exhibition-image {
min-width: 60vw;
max-width: 60vw;
min-height: 30vh;
max-height: 30vh;
}
.exhibition-gallery-text {
display: none;
}
.exhibition-content {
margin-top: 30vh;
}
.stripe-embed.co {
display: block;
}
.stripe-embed.in {
color: var(--random-color-e);
}
.exp {
color: var(--random-color-a);
}
.fixed-background {
z-index: -1;
background-color: #0a907a;
min-height: 100vh;
max-height: 100vh;
padding-bottom: 0;
padding-right: 0;
position: fixed;
inset: 0% 0% auto;
}
.projects-template {
position: sticky;
}
.pagename-template {
margin-top: 15px;
padding-left: 5vw;
}
}
#w-node-_25e49bae-fd0b-f58c-4cb9-b74e779cb8f3-cc3cab89, #w-node-_25e49bae-fd0b-f58c-4cb9-b74e779cb8f6-cc3cab89, #w-node-_25e49bae-fd0b-f58c-4cb9-b74e779cb8f9-cc3cab89 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_25e49bae-fd0b-f58c-4cb9-b74e779cb8fc-cc3cab89 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-_25e49bae-fd0b-f58c-4cb9-b74e779cb8ff-cc3cab89 {
justify-self: start;
}
#w-node-a3a1af5d-7e5b-acc8-1636-d6a93c3831f8-cc3caba3 {
justify-self: auto;
}
#w-node-_46177e46-3abc-a9e0-9960-5f923e39d46e-cc3cabc1 {
place-self: end;
}
#w-node-_46177e46-3abc-a9e0-9960-5f923e39d474-cc3cabc1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_46177e46-3abc-a9e0-9960-5f923e39d475-cc3cabc1 {
justify-self: auto;
}
#w-node-_46177e46-3abc-a9e0-9960-5f923e39d478-cc3cabc1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_46177e46-3abc-a9e0-9960-5f923e39d47c-cc3cabc1, #w-node-_9d28e324-841e-4c5d-c59d-2d32661cf983-cc3cabc1 {
justify-self: start;
}
#w-node-_4062086d-4d55-13a5-e179-a53555cdb48a-cc3cabc1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0846fac9-0e03-c7c3-2f45-8887ebd0b49a-cc3cabc1 {
justify-self: stretch;
}
#w-node-_0846fac9-0e03-c7c3-2f45-8887ebd0b49b-cc3cabc1 {
justify-self: auto;
}
#w-node-_0846fac9-0e03-c7c3-2f45-8887ebd0b49e-cc3cabc1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-_0846fac9-0e03-c7c3-2f45-8887ebd0b49f-cc3cabc1 {
justify-self: auto;
}
#w-node-_0846fac9-0e03-c7c3-2f45-8887ebd0b4a2-cc3cabc1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-_0846fac9-0e03-c7c3-2f45-8887ebd0b4a6-cc3cabc1, #w-node-_0846fac9-0e03-c7c3-2f45-8887ebd0b4aa-cc3cabc1 {
justify-self: stretch;
}
#w-node-_260082a0-4bd7-6dae-ac00-de0e17e5b83b-cc3cabc1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_260082a0-4bd7-6dae-ac00-de0e17e5b83c-cc3cabc1 {
justify-self: auto;
}
#w-node-_260082a0-4bd7-6dae-ac00-de0e17e5b83f-cc3cabc1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_260082a0-4bd7-6dae-ac00-de0e17e5b843-cc3cabc1, #w-node-_260082a0-4bd7-6dae-ac00-de0e17e5b847-cc3cabc1 {
justify-self: start;
}
#w-node-d885adc3-21c6-ef82-82d0-82ff63d6d952-cc3cabc1, #w-node-_77f71800-1bb3-5858-b89e-847b289d6c74-cc3cabc1 {
place-self: center;
}
#w-node-_706865bc-5b24-6235-62b8-9652d8512f1f-cc3cabc1 {
align-self: end;
}
#w-node-_12944a29-1a52-81df-0e46-9c23f5d99a48-cc3cabe2, #w-node-aba15c7f-fb5e-1244-42bb-7ef913575773-cc3cabe2 {
place-self: center start;
}
#w-node-_5a0d30ff-f00a-86c4-abdd-6005d70fedb0-cc3cabe2, #w-node-_2a6e878d-d03d-08c4-0706-9f9eb11a08e4-cc3cabe2, #w-node-_5e0f5558-687c-aaa6-31c1-51d672df6fea-cc3cabe2, #w-node-_1a50353d-19ed-4949-04ee-b07f1ac9c5cf-cc3cac00 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_89cf0a7b-973e-498c-4d78-39394e48dca3-cc3cac00 {
justify-self: start;
}
#w-node-_89cf0a7b-973e-498c-4d78-39394e48dccc-cc3cac00 {
place-self: stretch;
}
#w-node-_89cf0a7b-973e-498c-4d78-39394e48dcce-cc3cac00 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_89cf0a7b-973e-498c-4d78-39394e48dccf-cc3cac00 {
align-self: start;
}
#w-node-_89cf0a7b-973e-498c-4d78-39394e48dcd0-cc3cac00 {
align-self: auto;
}
#w-node-_97757de6-1edd-52f8-4e64-418d1a9a7761-cc3cac4f, #w-node-cc9af611-0e1b-5b27-7942-cf605ad3b076-cc3cac4f, #w-node-cc9af611-0e1b-5b27-7942-cf605ad3b07a-cc3cac4f, #w-node-cc9af611-0e1b-5b27-7942-cf605ad3b07d-cc3cac4f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cc9af611-0e1b-5b27-7942-cf605ad3b082-cc3cac4f {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-cc9af611-0e1b-5b27-7942-cf605ad3b085-cc3cac4f, #w-node-cc9af611-0e1b-5b27-7942-cf605ad3b088-cc3cac4f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cc9af611-0e1b-5b27-7942-cf605ad3b0ab-cc3cac4f {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-cc9af611-0e1b-5b27-7942-cf605ad3b0ae-cc3cac4f, #w-node-cc9af611-0e1b-5b27-7942-cf605ad3b0b1-cc3cac4f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cc9af611-0e1b-5b27-7942-cf605ad3b0fa-cc3cac4f {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-cc9af611-0e1b-5b27-7942-cf605ad3b0fd-cc3cac4f, #w-node-cc9af611-0e1b-5b27-7942-cf605ad3b100-cc3cac4f, #w-node-_79a362ea-aa18-1dc2-2f6c-5171aa0a2caa-cc3cac4f, #w-node-_79a362ea-aa18-1dc2-2f6c-5171aa0a2cb4-cc3cac4f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3dc31ade-309e-7c2f-028e-7e4a3fd31cd6-725834ee {
align-self: end;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e2be-4f9b58d1 {
place-self: end;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e2c0-4f9b58d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e2c1-4f9b58d1 {
justify-self: auto;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e2ca-4f9b58d1 {
justify-self: start;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e2cf-4f9b58d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e2ea-4f9b58d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e2fe-4f9b58d1 {
justify-self: stretch;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e2ff-4f9b58d1 {
justify-self: auto;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e303-4f9b58d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e304-4f9b58d1 {
justify-self: auto;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e308-4f9b58d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e30d-4f9b58d1, #w-node-de49c578-bd68-9f84-91da-50c5e073e312-4f9b58d1 {
justify-self: stretch;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e319-4f9b58d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e31a-4f9b58d1 {
justify-self: auto;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e323-4f9b58d1, #w-node-de49c578-bd68-9f84-91da-50c5e073e328-4f9b58d1 {
justify-self: start;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e376-4f9b58d1, #w-node-de49c578-bd68-9f84-91da-50c5e073e37b-4f9b58d1 {
place-self: center;
}
@media screen and (max-width: 479px) {
#w-node-_25e49bae-fd0b-f58c-4cb9-b74e779cb8f4-cc3cab89, #w-node-_25e49bae-fd0b-f58c-4cb9-b74e779cb8f7-cc3cab89, #w-node-_25e49bae-fd0b-f58c-4cb9-b74e779cb8fa-cc3cab89, #w-node-_25e49bae-fd0b-f58c-4cb9-b74e779cb900-cc3cab89 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_46177e46-3abc-a9e0-9960-5f923e39d46e-cc3cabc1 {
justify-self: start;
}
#w-node-_12944a29-1a52-81df-0e46-9c23f5d99a48-cc3cabe2, #w-node-aba15c7f-fb5e-1244-42bb-7ef913575773-cc3cabe2 {
place-self: center start;
}
#w-node-_72426f67-3d63-f812-4f74-f721e05da4c7-cc3cabe2 {
align-self: end;
}
#w-node-cc9af611-0e1b-5b27-7942-cf605ad3b100-cc3cac4f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-de49c578-bd68-9f84-91da-50c5e073e2be-4f9b58d1 {
justify-self: start;
}
}