@import url("https://use.typekit.net/zed3rvh.css");
@import url("https://use.typekit.net/wnr5cln.css");

:root {
    --fluid-screen: 100vw;
    --fluid-bp: calc((var(--fluid-screen) - 20rem) / 2240);
    --step--2: calc(0.691875rem + 2.57 * var(--fluid-bp));
    --step--1: calc(0.831875rem + 4.01 * var(--fluid-bp));
    --step-0: calc(1rem + 6 * var(--fluid-bp));
    --step-1: calc(1.201875rem + 8.71 * var(--fluid-bp));
    --step-2: calc(1.445rem + 12.36 * var(--fluid-bp));
    --step-3: calc(1.736875rem + 17.27 * var(--fluid-bp));
    --step-4: calc(2.0875rem + 23.83 * var(--fluid-bp));
    --step-5: calc(2.509375rem + 32.53 * var(--fluid-bp));
    --step-6: calc(3.01625rem + 44.05 * var(--fluid-bp));
    --step-7: calc(3.625rem + 59.23 * var(--fluid-bp));
    --step-8: calc(4.3575rem + 79.17 * var(--fluid-bp));
    --step-9: calc(5.2375rem + 105.28 * var(--fluid-bp));
    --step-10: calc(6.295625rem + 139.41 * var(--fluid-bp));
    --space-3xs: calc(0.25rem + 1.5 * var(--fluid-bp));
    --space-2xs: calc(0.5rem + 3 * var(--fluid-bp));
    --space-xs: calc(0.75rem + 4.5 * var(--fluid-bp));
    --space-s: calc(1rem + 6 * var(--fluid-bp));
    --space-m: calc(1.5rem + 9 * var(--fluid-bp));
    --space-l: calc(2rem + 12 * var(--fluid-bp));
    --space-xl: calc(3rem + 18 * var(--fluid-bp));
    --space-2xl: calc(4rem + 24 * var(--fluid-bp));
    --space-3xl: calc(6rem + 36 * var(--fluid-bp));
    --space-4xl: calc(8rem + 48 * var(--fluid-bp));
    --space-3xs-2xs: calc(0.25rem + 7 * var(--fluid-bp));
    --space-2xs-xs: calc(0.5rem + 8.5 * var(--fluid-bp));
    --space-xs-s: calc(0.75rem + 10 * var(--fluid-bp));
    --space-s-m: calc(1rem + 17 * var(--fluid-bp));
    --space-m-l: calc(1.5rem + 20 * var(--fluid-bp));
    --space-l-xl: calc(2rem + 34 * var(--fluid-bp));
    --space-xl-2xl: calc(3rem + 40 * var(--fluid-bp));
    --space-2xl-3xl: calc(4rem + 68 * var(--fluid-bp));
    --space-3xl-4xl: calc(6rem + 80 * var(--fluid-bp));
    --space-s-xl: calc(1rem + 50 * var(--fluid-bp));
    --container-padding: var(--space-s-xl);
    --gutter-x: var(--space-s-xl);
    --gutter-y: var(--space-s-xl);
    --color-black: #000;
    --color-white: #fff;
    --color-gray: #eaeced;

    --color-placeholder: rgb(0 0 0 / 5%);
    --theme-color: var(--color-gray);
    --body-font-family:  "kumbh-sans-variable", neue-haas-grotesk-display,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,sans-serif;
    --body-font-weight: 500;
    --heading-font-family: "kumbh-sans-variable", neue-haas-grotesk-display, sans-serif;
    --actual-vh: 1vh;
    --initial-vh: 1vh;
    --space-section: var(--space-3xl-4xl);
    --space-header: calc(var(--space-section) + var(--site-header-height));
    --logo-height: var(--space-xl-2xl);
    --logo-width: calc(var(--logo-height) * 164 / 40);
    --heading-line-height: 1.25;
    --site-header-padding: var(--space-l);
    --site-header-height: calc(var(--logo-height) + var(--site-header-padding) * 2);
}
@media (min-width: 768px) {
    :root {
        --container-padding: var(--space-s-xl);
        --gutter-y: var(--space-s-xl);
        --gutter-x: var(--space-s-xl);
    }
}
@media (min-width: 1440px) {
    :root {
        --container-padding: calc((100vw - 1440px) / 8 + var(--space-s-xl));
    }
}

body {
    font-variation-settings: "wght" 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--body-color,#000);
    font-family: var(--body-font-family);
    font-size: var(--body-font-size,var(--step-0));
    font-weight: var(--body-font-weight,400);
    line-height: var(--body-line-height,1.5);
    background-color: var(--body-bg,#fff);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    background-color: var(--color-white);
}
canvas, img, picture, svg, video {
    display: block;
    width: 100%;
    max-width: 100%;
}
ul{
    padding: 0;
    margin: 0;
}
p {
    margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6, p {
    overflow-wrap: break-word;
    margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6, p {
    max-width: var(--measure,100%);
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: var(--heading-line-height);
}
h1 {
    font-size: var(--step-6);
}
h3 {
    font-size: var(--step-3);
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: var(--container-padding);
    padding-left: var(--container-padding);
}
.pluz__main {
    --flow: var(--space-section);
    position: relative;
}
.u-flow {
    --flow: var(--space-s);
}
.u-flow-m {
    --flow: var(--space-m);
}
.u-flow-0 {
    --flow: 0;
}
.c-exhibition {
    --gutter-y: var(--space-l-xl);
    --flow: var(--space-l-xl);
    padding-top: var(--space-header);
}
.pluz__site__header {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    padding: var(--site-header-padding) 0;
    mix-blend-mode: exclusion;

}
.pluz__logo__header {
    position: relative;
    z-index: 1;
    display: block;
    height: var(--logo-height);
}
.pluz__logo__header svg {
    position: relative;
    height: 100%;
    fill: var(--color-white);
}
.navbar {
    padding: 0;
}
.nav-link {
    padding-bottom: 0.25rem;
}
.nav-link, .nav-link:focus, .nav-link:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .btn {
    color: var(--color-white)
}
.offcanvas.show .nav-link, .offcanvas.show .nav-link:focus, .offcanvas.show .nav-link:hover, .offcanvas.show .navbar-nav .nav-link.active, .offcanvas.show .navbar-nav .nav-link.show, .offcanvas.show .btn {
        color: var(--color-black);
}
.dropdown-menu {
    --bs-dropdown-font-size: ;
    --bs-dropdown-item-padding-y: 0.5rem;
    border: 0;
    border-radius: 0;
    opacity: 0;
    padding: 0;
}
.dropdown-item sub {
    transform: translate(-2px, -1px);
    display: inline-block;  
}
@keyframes slideaway {
    from { display: none; }
    to { opacity: 1;}
}
.show { 
    animation: slideaway 200ms forwards;
}
.btn-lg {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-border-radius: 0;
    --bs-btn-font-size: ;
    --bs-btn-border-color: #fff;
    --bs-border-width: 2px;
    padding-left: var(--step-1);
    padding-right: var(--step-1);
    padding-bottom: 0;
}

.btn-lg:hover {
    color: #212529;
    background-color: #fff;
    border-color: #fff;
}
.btn-outline-secondary.btn-lg:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-outline-dark.btn-lg:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-color);
}

.pluz__main__item {
    width: 100vw;
    height: 100vh;
}
.pluz__main__image {
    width: 100% !important;
    height: 100%;
    object-fit: cover;

}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        flex-grow: 0;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--step--1);
        padding-left: var(--step--1);
    }
}
@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: var(--bs-offcanvas-transition);
    }
    .nav-link {
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    }
    .btn {
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
}

/* Feel free to change duration  */ 
.animated {
    -webkit-animation-duration: 1000 ms;
    animation-duration: 1000 ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* .owl-animated-out - only for current item */
/* This is very important class. Use z-index if you want move Out item above In item */
.owl-animated-out {
    z-index: 1
}

/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */
.owl-animated-in {
    z-index: 0
}

/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-carousel .owl-item {
    /* transform: translateX(0) !important; */
}

.owl-dots {
    position: absolute;
    bottom: 0;
}

.normal-content {
    position: relative;
    height: 100vh;
    background-color: var(--color-white);
    padding-top: var(--site-header-height);
    overflow-y: auto;
}

.form-floating:not(.form-control:disabled)::before {
    background-color: transparent;
    pointer-events: none;
}

.form-floating > .form-control {
    border-radius: 0;
    border-width: 0 0 1px;
    padding-left: 0;
    padding-right: 0;
    height: calc(5rem + calc(var(--bs-border-width) * 2));
    font-size: 2rem;
}

.form-floating > .form-control:focus {
    --bs-btn-color: #63656a;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--bs-btn-color);
    outline: 0;
    box-shadow: none;
}

.form-floating > label {
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    pointer-events: none;
    padding-left: 0;
    padding-right: 0;
    line-height: 1;
    display: flex;
    align-items: center;
}

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    transform: scale(.85) translateY(-0.75rem) translateX(0);
    align-items: start;
}


.btn-outline-secondary {
    --bs-btn-color: #63656a;
    --bs-btn-border-color: #63656a;
    --bs-btn-hover-bg: #63656a;
    --bs-btn-hover-border-color: #63656a;
    --bs-btn-active-bg: #63656a;
    --bs-btn-active-border-color: #63656a;
    --bs-btn-disabled-color: #63656a;
    --bs-btn-disabled-border-color: #63656a;
    color: var(--bs-btn-color);
}

.white-gradient-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: calc(var(--site-header-height) + var(--site-header-padding));
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.normal-content h1 {
    font-size: var(--step-9);
    text-transform: uppercase;
    letter-spacing: -0.005em;
    line-height: 1;
    font-variation-settings: "wght" 600;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 3px;
}
.normal-content p {
    letter-spacing: -0.025em;
    text-align: justify;
    font-variation-settings: "wght" 300;
}
.normal-content p + p {
    margin-top: 1.5em;
}
.border-top {
    width: 100%;
    border-top: 1px solid #000;
}
.border-bottom {
    width: 100%;
    border-bottom: 1px solid #000;
}

.mae-seal, .mma-seal {
    position: relative;
    margin-bottom: 3rem;
    display: inline-block;
}
.mma-seal {
    margin-left: 1rem;
}

.mae-seal svg, .mma-seal svg{
    width: auto;
    height: 120px;
}
    
@media screen and (min-width: 992px) {
    .mae-seal {
        position: fixed;
        bottom: 3rem;
        margin-bottom: 0;
    }
    .mma-seal {
        position: fixed;
        bottom: 3rem;
        margin-bottom: 0;
        margin-left: 200px;
    }
    .mae-seal.contact, .mma-seal.contact {
        position: relative;
        bottom: auto;
        margin-left: 0;
    }
    .mae-seal svg, .mma-seal svg{
        width: auto;
        height: 144px;
    }
}

.nav-pluz {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 35px;
    z-index: 10;
}

.scroll-down-wrap {
    position: fixed;
    left: 45%;
    bottom: 0;
    transform: translateX(-55%);
    z-index: 100;
    padding: var(--site-header-padding) var(--container-padding);
    mix-blend-mode: exclusion;
}
.scroll-down-wrap.position-2 {
    left: 0;
    transform: none;
}

.scroll-down-wrap.position-3 {
    left: 50%;
    transform: translateX(-50%);
}
.mousey {
    position: relative;
    width: 20px;
    height: 30px;
    border-radius: 9px;
    padding: 0 6px;
    border: 2px solid #fff;
    box-sizing: border-box;
    z-index: 10;
}

.scroller {
    position: relative;
    left: 50%;
    top: 6px;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 4px;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite;
}

@keyframes scroll {
	0% {
		opacity: 0;
	}
	10% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(10px);
		opacity: 0;
	}
}

.scroll-down-wrap span {
    position: relative;
    margin-left: 16px;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    z-index: 10;
    letter-spacing: 2.7px;
}

@media screen and (max-width: 991.98px) {
    .pluz__main {
        --flow: var(--space-section);
        position: relative;
        overflow: hidden;
        height: 100vh;
    }
    .scroll-down-wrap {
        display: none !important;
    }
}

.navbar-toggler {
    color: var(--color-white);
    border-color: var(--color-white);    
}
.navbar-toggler-icon {
    background-image: none;
}
.navbar-toggler-icon svg {fill: var(--color-white);}

.navbar-toggler-icon svg .cls-1{fill:none;}

.offcanvas {
    --bs-offcanvas-width: 350px;
}
.offcanvas-backdrop {
    background-color: rgba(0,0,0,0.9);
}
.index--fixed--logo {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.index--fixed--logo svg {
    position: relative;
    width: 60vw;
    height: auto;
    fill: #8a8a8d;
}
@media screen and (min-width: 1200px) {
    .index--fixed--logo svg {
        width: 30vw;
    }
}

.loading-area {
	display: grid;
	place-items: center;
	height: auto;
    margin-top: 8rem;
}
.loader div {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	transform: scale(0);
	animation: animate 1.5s ease-in-out infinite;
	display: inline-block;
	margin: .5rem;
}
.loader div:nth-child(0) {
	animation-delay: 0s;
}
.loader div:nth-child(1) {
	animation-delay: 0.2s;
}
.loader div:nth-child(2) {
	animation-delay: 0.4s;
}
.loader div:nth-child(3) {
	animation-delay: 0.6s;
}
.loader div:nth-child(4) {
	animation-delay: 0.8s;
}
.loader div:nth-child(5) {
	animation-delay: 1s;
}
.loader div:nth-child(6) {
	animation-delay: 1.2s;
}
.loader div:nth-child(7) {
	animation-delay: 1.4s;
}
@keyframes animate {
	0%, 100% {
		transform: scale(0.2);
		background-color: #4a4c4f;
	}
	40% {
		transform: scale(1);
		background-color: #898b8d;
	}
	50% {
		transform: scale(1);
		background-color: #d2d1d1;
	}
}

.side-col h6 {
    font-size: 1em;
    line-height: 1.5;
    color: #8a8a8d;
    margin-bottom: 1rem;
    font-variation-settings: "wght" 600;
}
.side-col p, .side-col a {
    font-size: 1em;
    line-height: 1.5;
    color: #141414;
    margin-bottom: 5rem;
    display: block;
    font-variation-settings: "wght" 400;
    text-align: start;
}

.side-col a {
    white-space: nowrap;
}

.plot--arch {
    width: auto;
    height: 70px;
    fill: #fff;
    mix-blend-mode: exclusion;
    display: inline-block;
    align-self: end;
    margin: 20px calc(var(--container-padding) / 2) 0 0;
}