@charset "UTF-8";

/* CSS Document */
@font-face {
    font-family: Intrinseca;
    font-weight: 300;
    src: url(fonts/Intrinseca_Light.woff2);
}

@font-face {
    font-family: Intrinseca;
    font-weight: 400;
    src: url(fonts/Intrinseca_Book.woff2);
}

@font-face {
    font-family: Intrinseca;
    font-weight: 500;
    src: url(fonts/Intrinseca_Regular.woff2);
}

@font-face {
    font-family: Plantin;
    font-weight: 300;
    src: url(fonts/Monotype_PlantinMTStd_Light.woff2);
}

@font-face {
    font-family: Plantin;
    font-weight: 300;
    font-style: italic;
    src: url(fonts/Monotype_PlantinMTStd_LightItalic.woff2);
}

@font-face {
    font-family: Plantin;
    font-weight: 400;
    src: url(fonts/Monotype_PlantinMTStd_Regular.woff2);
}

@font-face {
    font-family: Plantin;
    font-weight: 400;
    font-style: italic;
    src: url(fonts/Monotype_PlantinMTStd_Italic.woff2);
}
.fp-watermark {
display: none;
}
:root {
    /*kln*/

  --c-grey-dark: #222;
  --c-brown: #665643;
  --c-grey-light: #a9a9aa;
  --c-grey-ultra-light: #f2f2f2;
  --c-grey-ultra-light-90: rgba(242, 242, 242, 0.9);
  --c-white: #fff;
  --c-yellow:#ddceb2;










    /*st3*/
    --f-sans: "Intrinseca", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif";
    --f-serif: "Plantin", "Noto Serifs SC", "Noto Serif SC", "Microsoft JhengHei", "Microsoft YaHei", "Garamond", "Times New Roman", "Serif";
    --c-white: #FFFFFF;
    --c-black: #000000;
    --c-bg: #F0EEEA;
    --c-gold: rgb(179, 141, 104);
    --c-gold-o6: rgba(183, 152, 94, 0.6);
    --c-red: #9E1B2C;
    --c-burgundy: rgba(142,24,56,1);
    --c-dark-red:rgba(80, 0, 30, 1);
    --c-grey2: #888D91;
    --c-grey: rgb(198, 200, 202);
    --c-grey-o4:rgba(198, 200, 202, 0.4);
    --c-blue: #343E46;
    --c-mono: #ACACAC;
    --c-mono-2: #D9D9D9;
    --c-light-o4: rgba(255,255,255,0.4);
    --f-xxs: 13px;
    --f-xs: 14px;
    --f-s: 16px;
    --f-sm: 18px;
    --f-m: 20px;
    --f-ml: 24px;
    --f-l: 28px;
    --f-xl: 32px;
    --f-xxl: 40px;

}

html {
    font-family: var(--f-sans);  
    line-height: 1.5;
    font-weight: 300;
    color: var(--c-grey-dark);
}

body { 
    margin:0;
}  

 
body::-webkit-scrollbar {
    display: none;
}

/* Legacy browsers with `::-webkit-scrollbar-*` support */
@supports selector(::-webkit-scrollbar) {
   ::-webkit-scrollbar-thumb {
        background:  rgba(0,0,0,0.5);
        border-radius: 1em;
    }
    ::-webkit-scrollbar-track {
        background: rgba(0,0,0,0);
    }
     ::-webkit-scrollbar {
        max-width: 0.4em;
        max-height:  0.4em;
    }
    ::-webkit-scrollbar-handle {
        display: none;
    }
}

/* Panorama fallback styling */
.panorama.paver--fallback {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.panorama.paver--fallback img {
    max-width: none;
    height: auto;
}
/*
.dev-mask{
    z-index: 9999;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:85%;
    background-color:var(--c-bg);
    display: none;
    display: block;
}*/

a {
    text-decoration: none;
    color: var(--c-grey-dark);
    cursor: pointer;
}

.cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
    flex-wrap: wrap;
}

.cta a.btn {
    color: var(--c-grey-dark);
    cursor: pointer;
    transition-duration: 0.2s;
    display: block;
    border: 1px solid var(--c-grey-dark);
    padding: 1.25em 1em 1em 1em ;
    border-radius: 0.5em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    max-width:20em; 

    cursor: pointer;
}

.cta a.btn:hover {
    background-color: var(--c-grey-dark);
    color: var(--c-white);
}


.popup .cta a.btn {
    color: var(--c-grey-dark);
    border: 1px solid var(--c-grey-dark);
 
}

.popup .cta a.btn:hover {
    background-color: var(--c-grey-dark);
    color: var(--c-white);
}


.cta a.txt.more,
.cta a.txt.video {
    color: var(--c-grey2);
    font-size:var(--f-xs);
    line-height: 1;
}

.cta a.txt.video:after {
    content: '▶';
    display: inline-block;
    width: 2em;
    height: 2em;
    vertical-align: middle;
    font-size: 0.75em;
    border: 1px solid var(--c-grey2);
    /* padding: 0.25em; */
    margin-left: 0.75em;
    line-height: 2.4;
    text-align: center;
} 

    .cta a.txt.video:after {
    border-radius: 100%;
    }

.cta a.txt.more:after {
    content: '>';
    display:inline-block;
    margin-left:0.5em; 
    vertical-align: middle;
}
p {
    line-height: 2;
}

* {
    box-sizing: border-box;
}

figure {
    margin:auto;
}
img {
    width:100%;
    display: block;
}
.debug {
    position: fixed;
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0.5em;
    font-size: 12px;
    color: #fff;
    border-radius: 0.25em;
    z-index: 99;
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
text-transform:uppercase;
    letter-spacing: 0.1em;
    line-height:1.25;
}

.dark-overlay {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: var(--c-grey-ultra-light-90);
    
}
.date-of-last-update {
    margin-top: 1em;
    display: block;
    text-align: center;
}
.date-of-last-update iframe {
    display: inline-block;
    border: none;
    height: 1em;
    overflow: hidden;
}
.footer .date-of-last-update {
    filter: brightness(3);
}
.popup-container {
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;

    overflow: hidden;

    box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
}
.bohemian-collection .wrap .close,
.pano-wrap .close,
.popup-container:not(.pdf) .close {

    display: block;
    width: 3em;
    height: 3em;
    background-image: url(images/popup_close.svg);
    background-repeat: no-repeat;
    background-size: 1.5em;
    background-position: center;
    cursor: pointer;  
    position: absolute;
    top: 0;
    right: 0;
z-index: 1;
}

.popup {
    background: var(--c-grey-ultra-light);
    clear: both;
    overflow-y: auto;
    color: var(--c-blue);
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    width: 95dvw;
    max-width: 80em;
    font-family: var(--f-sans);
}

.popup.txt {

    padding: 1em 7dvw;
    height: 100%;
    max-width: 64em;
    max-height: 85dvh;
}
.popup.txt p {
    line-height: 1.25;
    font-size: 0.65em;
} 
.popup.disclaimer {
    text-align: center;
    background: var(--c-white);
 
}
.popup.video {
    background-color: var(--c-black);
}
.popup video {
    width: 100%;
    display: block;
    max-height:80dvh;
}


.popup-container.ballot .popup,
.popup-container.roi .popup {
    padding: 1em 2em 2em 2em;
    max-width: 20em;
}

.popup-container.weather .popup p,
.popup-container.ballot .popup p,
.popup-container.roi .popup p {
  /*  font-size:var(--f-xs);*/
    text-align: center;
    line-height: 1.5;
}
 

.content-container {

    width: 100%;
}

section.footer {
    margin: 0;
}
/*

.a-item {
    transition-duration: 1s;
    transition-timing-function: ease-out;
    opacity: 0;
}

.a-item.a-zoom-out {
    transform: scale(1.1);
}

.a-item.a-bottom-top {
    transform: translate(0, 100%);
}

.a-item.a-top-bottom {
    transform: translate(0, -100%);
}
.a-item.a-left-right {
    transform: translate(-10%, 0);
}

.a-item.a-right-left {
    transform: translate(10%, 0);
}

.a-full {
    opacity: 1 !important;
    transform: scale(1) translate(0%, 0%) !important;

}

.a-done {
    transition-delay: 0s !important;
}*/
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    font-family: var(--f-sans);
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    text-transform: uppercase;

    background-color: var(--c-white);
    padding-bottom: 0.4em;
}
header:before {
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;
background-color:var(--c-grey-dark);
}

header:after {
  content:'';
  position:absolute;
  bottom:0.2em;
  left:0;
  width:100%;
  height:0.2em;
  background-color:var(--c-grey-dark);
    }

nav a {
    cursor: pointer;
}

nav ul {
    margin: 0;
    padding: 0;
}

nav li {
    list-style: none;
}

nav li a {
    cursor: pointer;
}


nav.function {
    display: flex;
    align-items: stretch;
    position: relative;
    z-index: 2;
}


nav.function * {
    display: flex;
    align-items: stretch;
}


nav.function .lang li {

    display: flex;
    align-items: stretch;
}

nav.function .lang li a {
    display: flex;
    align-items: center;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    line-height: 1;
    white-space: nowrap;
    justify-content: center;
}

nav.function .audio a {
 

    display: flex;
    align-items: center;
}

header .audio span {
    width: var(--f-sm);
    height: var(--f-sm);
    background-image: url(images/audio_off.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}


.nav-on header .audio span {
    filter: brightness(0) invert(1);
}
header .audio .playing span {

    background-image: url(images/audio_on.svg);
}

nav.main .sales .submenu {
    display: none;
}

nav.main .sales .submenu-on .submenu {
    display: block;
}


nav.main .sales .has-submenu>a:after {
    content: '';
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-left: 0.25em;
    vertical-align: middle;
    background-image: url(images/nav_item_arrow_down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-top: -0.25em;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

nav.main .sales .submenu-on>a:after {
    transform: rotate(180deg);
}

@media screen and (max-width:1439px) {
 
    .nav-on {
        overflow: hidden;
    }

    .nav-on header {
        background-color: var(--c-grey-dark);
    }

    .nav-toggle a { 
        padding: 1em 1.1em;
        display: block;
        transition-duration: 0.4s;
        transition-timing-function: ease-out;
    }

    .nav-toggle a span {
        display: block;
        width: 1.5em;
        height: 1.5em;
        position: relative;
    }

    .nav-toggle span:before,
    .nav-toggle span:after {
        position: absolute;
        content: '';
        background-color: var(--c-grey-dark);
        width: 1.5em;
        height: 0.125em;
        display: block;
        transition-duration: 0.4s;
        transition-timing-function: ease-out;
    }

    .nav-toggle span:before {
        top: 0.4em;
    }

    .nav-toggle span:after {
        bottom: 0.4em;
    }

    .nav-on .nav-toggle span:before {

        top: 0;
        transform: rotate(-45deg);

        transform-origin: 1.6em 0.4em;
        background-color: var(--c-white);

    }

    .nav-on .nav-toggle span:after {
        bottom: 0;
        transform: rotate(45deg);
        transform-origin: 1.55em -0.25em;

        background-color: var(--c-white);

    }

    .nav-on .nav-toggle a { 
        background-color: var(--c-grey-dark);
    }

    .nav-on .nav-toggle span:first-child {}

    .nav-on .nav-toggle span:last-child {}

    .nav-on nav.function {
        background-color: var(--c-grey-dark);
        }        

    nav.main {
        position: absolute;
        top: 3.9em;
        left: 0;
        width: 100%;
        z-index: 1;
        background-color: var(--c-grey);
        transition-duration: 0.4s;
        transition-timing-function: ease-out;
        transform: translateY(-150%);
        padding: 0 1.5em 4em 1.5em;
        height: calc(100dvh - 3.9em);
        overflow-y: auto;
    }

    .nav-on nav.main {

        background-color: var(--c-grey-dark);
        transform: translateY(0%);
    }

    /*   nav.main,
    nav.main a {
        color:var(--c-bg);
    }*/

    nav.main .sales li a, 
    nav.main .section li a {
        padding: 0.5em 0em;
        font-size: 150%;
        display: block;
        text-align: center;
        transition-duration: 0.2s;
        transition-timing-function: ease-out;
        line-height: 1.25;
        color:var(--c-white);

    }


    nav.main .sales li a br, 
    nav.main .section li a br {
        display: none;
    }
    nav.main .sales li[data-name="roi"] a,
    nav.main .sales li[data-name="ballot"] a {
            border: 1px solid var(--c-bg);
            line-height: 1;
            padding: 0.8em 1em 0.6em 1em;
            margin: 0.5em auto 1.5em auto;
            border-radius: 0.5em;
        }

    nav.main .section {
        margin: 1em 0;
        border-top: 1px solid var(--c-bg);
        padding: 1.5em 0;
    }




    nav.main .sales .title {
        margin: 1em;
        padding: 1em 0;
        border-top: 1px solid var(--c-bg);
        display: none;
    }

/*

    nav.main .section a {
        padding: 0.25em 1em;
        display: block;
    }
*/
    nav.main .section a br {
        display: none;
    }


/*
    nav.main .section .submenu>li>a {

        padding-left: 2em;
    }*/

    nav.function .lang {
        width: 100%;
        justify-content: center;
    }

    nav.function .lang li a {
        width: 4em;
        height: 4em;
        line-height: 4em;
        font-size: var(--f-xs);
    }

    nav.function .lang li a.active,
    nav.function .lang li a:hover {

        background-color: var(--c-grey-dark);
        color:var(--c-white);
    }
    .nav-on nav.function .lang li a {
        color:var(--c-white);
    }

    .nav-on nav.function .lang li a.active,
    .nav-on nav.function .lang li a:hover {

        background: none;
        color: var(--c-yellow);
    }

    nav.function .audio a {
        padding: 1em;
    }
    header>.audio {
     display: none;
    }
}



@media screen and (min-width:90em) {
    nav.function .lang li a.active,
    nav.function .lang li a:hover {

        background-color: var(--c-grey-dark);
        color:var(--c-white);
    }
    header {
        display: flex;
        align-items: center;

        align-items: stretch;
    }

    .nav-toggle {
        display: none;
    }
    header .logo a {
        padding: 0.5em 1em;
        display: flex;
        align-items: center;
        gap:1em;
    }
    header .logo span.logo-pattern {
        display: block;
        width:3em;
        height:3em;
        background-image: url(images/logo_m.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; 

    /*filter: brightness(2) grayscale(1);*/ 
    }
    header .logo span.logo-text{
        display: block;
        width:12em;
        height:3em;
        background-image: url(images/logo_type_h.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; 

    /*filter: brightness(2) grayscale(1);*/ 
    }



    nav.function .lang a {

        font-size: var(--f-xxs);
    }

    nav.main .section,
    nav.main .sales .title {
        display: none;
    }


    nav.main,
    nav.main .sales,
    nav.main .sales>ul {
        display: flex;
                align-items: stretch;
                width: 100%;
                position: relative;
                z-index: 1;
                justify-content: center;
    }

    nav.main .sales>ul>li {
        /* flex: 1; */
        display: table;
        /* width: 100%; */
        height: 100%;
        position: relative;
        min-height: 3.6em;
        max-width: 10em;

    }

    nav.main .sales>ul>li>a {

        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        font-size: var(--f-xxs);
        padding: 1em 1.5dvw;
        position: relative;
        line-height: 1.25;
        text-align: center;
        white-space: nowrap;

    }


    nav.main .sales>ul>li[data-name="roi"]>a,
    nav.main .sales>ul>li[data-name="ballot"]>a {
    background-color: var(--c-yellow); 

    }

    nav.function .lang li a:hover,    
    nav.main .sales>ul>li a:hover {
        background-color: var(--c-grey-dark);
        color:var(--c-white);
    }
    nav.main .sales>ul>li.has-submenu>a {
        padding:1em 2em 1em 1em;
    }
    nav.main .sales .submenu {
        position: absolute;
        
        top: 4em;
        left: 0;
        background-color: var(--c-white);
        
        min-width: 100%;
        padding: 0.5em 0;
    }

    nav.main .sales .submenu li {
        margin: -0.5em 0;
    }

    nav.main .sales .submenu a {
        display: block;
        font-size: var(--f-xxs);
        padding: 1em 1em;
    }  
    nav.function .audio a {
        padding: 1em;
    }
    header .audio {
    }
    header .audio  a{
        
        padding: 1em;
    
        display: block;
    }

    nav.function .lang a {
        padding:  1em;
    }

    nav.main .sales .has-submenu>a:after {
        position: absolute;
        top: 50%;
        right: 0.4em;
        width: 1.25em;
        height: 1.25em;
        margin: 0;
        margin-top: calc(-1.25em / 2);
    }
    
}


@media screen and (min-width:48em) {
.nav-bullets {
position: fixed;
top:50%;
right:0.5em;
z-index: 99;
transform:translateY(-50%);
}
.nav-bullets ul {
    margin:0;
    padding:0;
}
.nav-bullets ul li {
    list-style: none;
    margin:0.875em;
    position: relative;
}


.nav-bullets ul li.active {
}


.nav-bullets ul li .txt {
    position: absolute;
    right:1.75em;
    white-space: nowrap;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing: 0.1em; 
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    color:var(--c-grey);
    background-color: var(--c-grey2);
    color: var(--c-white);
    font-size: 0.75em;
    padding: 0.4em 0.4em 0.2em 0.4em; 
 
    top: 50%;
    line-height: 1;
    margin-top: -0.75em;
    opacity: 0; 
    transform:translateX(100%);
}


.nav-bullets ul li .txt:after {
    content: '';
    position: absolute;
    right: -0.25em;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 0.4em;
    height: 0.4em;
    background-color: var(--c-grey2);
}

.nav-bullets ul li:hover .txt {
    opacity: 1; 
    transform:translateX(0);
}
.nav-bullets ul li .icon {
    width:0.875em;
    height:0.875em;
    border:1px solid var(--c-grey);
    display: block;
    border-radius:100%;
    position: relative;
    padding:0.15em;
}

.nav-bullets ul li .icon:before {
    content:'';
    display: block; 
    border-radius:100%;
    width:100%;
    height:100%;
background-color: var(--c-grey);
opacity: 0;
transition-duration: 0.4s;
transition-timing-function: ease-out;
}
.nav-bullets ul li:hover .icon:before,
.nav-bullets ul li.active .icon:before{
   opacity: 1;
}

.nav-bullets ul li {
}

.nav-bullets ul li {
}

.nav-bullets ul li {
}
}
 

.section-nav ul{
    border-top:1px solid var(--c-light-o4);
    margin: 0;
    padding: 0;
    }
    .section-nav ul li{
        border-bottom:1px solid var(--c-light-o4);
        list-style: none;
    }
    .section-nav ul li a {
        color:var(--c-bg);
        padding:1.25em 1em 1em 1em;
        display: block;
        text-transform: uppercase;
        cursor: pointer;
        line-height: 1;
        white-space: nowrap;
        letter-spacing: 0.1em;
        transition-duration: 0.4s;
        transition-timing-function: ease-out;
        font-size: 0.875em;
    }
    .section-nav ul li a.active,
    .section-nav ul li a:hover {
        color:var(--c-gold);
    }
    
    @media screen and (min-width:64em) {
    
    .section-nav ul{
        border:1px solid var(--c-bg);
        display:flex;
        align-items:center;
        border-radius: 0.5em;
        max-width:54em;
        margin: auto;
    }
    .neighborhood .section-nav ul {
        max-width: 24em;
    }
    .section-nav ul li{
        border:none;
        flex:1;
    }
    .section-nav ul li a {
        position: relative;
    }
    .section-nav ul li:nth-child(n+2) a:before{
    content:'';
    position: absolute;
    width:1px;
    height:1.75em;
    margin-top:-0.875em;
    top:50%;
    left:0;
    background-color:var(--c-bg);
    }
    }

    .fp-overflow {
        overflow-x: hidden;
    }
.content-container {
    
    width: 100%;
} 


main>section .content-wrap {

    padding: 5em 1.25em 1.25em 1.25em;
}
@media screen and (min-width:48em) {

    main>section  .content-wrap {
        padding: 6em 6em 2em 6em;
    }
}
/*
.fp-overflow {
    display:table;
    position: relative;
    width:100%;
    height:calc(100% - 4em);
    margin-top:4em;
}

 .content-wrap {
    text-align: center;
	width:100%;
 height:90%;
	position: relative;
  vertical-align: middle;
    overflow-x: hidden;
    width: 100%;
    display: table-cell;
}*/
/*
.fp-scroll-mac .fp-overflow::-webkit-scrollbar {
	width:0;
}

*/
.global-swiper-container,
.global-swiper-container .swiper {
    position: relative;
    z-index: 1;
    width:100dvw;
    height:100dvh;
    overflow:hidden;
}

main {
    height: calc(100dvh - 6.6em);
    margin-top: 3.9em;
}
.sections-wrapper {
    height: calc(100dvh - 6.6em);
}
@media screen and (min-width:48em) {
main {
height: calc(100dvh - 6.7em);
margin-top: 4em;
}
.sections-wrapper {
    height: calc(100dvh - 6.7em);
}
}

section[for="klncity"] {
    background-color: var(--c-grey-ultra-light);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: calc(100dvh - 6.7em);
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center;
    position: relative;
    width: 100dvw;
    padding: 4dvw;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

section[for="klncity"]>.wrap {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 2em 3dvw;
}
 

section.home {
    padding:0;
}

section.home .wrap {
    width: 100%;
    padding:0;
    position: relative;
}

section.home .video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image:url(images/home_bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat;
    overflow: hidden;
}
section.home video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 

    z-index: 1;
}

section.home .ver video {
 
    max-width: 100%;
    max-height: 120%;
}
section.home .hor video {
    width: 100%;
}
.ver section.home .video-wrap.ver,
.hor section.home .video-wrap.hor {
    display: block;
}
.ver section.home .video-wrap.hor,
.hor section.home .video-wrap.ver {
    display: none;
}
section.home .tagline {
    display: flex;
    flex-direction: column;
    gap: 1em;
    align-items: center;
    justify-content: center; 
}

@media screen and (min-width:72em) {
    section.home .tagline {
        flex-direction: row;
    }
}
@media screen and (min-width:48em) {
    .home .kv {
        padding-bottom:33%;
    }
    section.home .wrap {
        display: flex
;
        align-items: stretch;
        justify-content: center;
        gap: 0;
        flex-direction: row;
        padding: 0;
    }
    section.home .wrap >div {
        padding-bottom: 0;
    }
section.home .wrap .img-wrap img {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
section.home .wrap .img-wrap {
    flex:3; 
    position: relative;
}
section.home .wrap .txt-wrap {
    flex:2; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}
}
/*
.renderings .swiper-wrapper,
.booklets .swiper-wrapper {
    padding: 0 4dvw;
}*/
section.home hgroup h1 {

        display: block;
        width:10.5em;
        height:3em;
        background-image: url(images/logo.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; 
        text-indent:-99999em;
        margin:1em auto;

}
section.home .slogan {
    text-transform: uppercase;
    font-size: 1.5em;
}

section.home .tagline {
    margin-top:4em;

    letter-spacing: 0.8em;

}
section.story {
    background-image:url(images/story_bg.webp);
}
@media screen and (min-width:48em) {
    section.story {
        background-position: top center;
    }
}

section.story .wrap {
    background-color: var(--c-grey-ultra-light-90);
    margin:auto;
    padding: 2em 4dvw;
    width: 94dvw;
    
    max-width: 30em;
    min-height: 0;
}
section.bohemian-collection {
background-image: url(images/bg.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
section.bohemian-collection .collage {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 1;  
    transform: translate(-50%, -50%);
    overflow: hidden;
}

section.bohemian-collection .collage .item {

    position: absolute; 
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
}


section.bohemian-collection .collage .item .label {
    position: absolute;
    bottom:0;
    left:0;
    color:var(--c-white);
    padding:0.5em;
}
@keyframes float {
    0% {
        transform:   translateY(0);
    }
    50% {
        transform:  translateY(-10px);
    }
    100% {
        transform:   translateY(0);
    }
}

section.bohemian-collection .collage .item {
    /* add floating animation */
   /* animation: float 5s ease-in-out infinite;*/

   /*filter: contrast(0);*/
}
/*
section.bohemian-collection .collage .item figure {
    display: block;
    margin:0;
    width:100%;
    padding-bottom:66%;
    position: relative;
}*/
 

section.bohemian-collection .collage .item figure {
 
}

section.bohemian-collection .collage img {
 
    display: block;
    margin:0; 
    width: 100%;

}

/*    
collage below images class around, with floating animation
'property',
      'kitchen',
      'entrance',
      'timber_house_clubhouse',
      'timber_house_entrace',
      'living_room_3',
      'clubhouse'
      */


section.bohemian-collection .collage .item.property figure {
    transform: translate(-7em, -18em);
    width: 12em;
    z-index: 3; 
}
section.bohemian-collection .collage .item.kitchen figure {
 
    transform: translate(8em, -15em);
    width: 15em;
    z-index: 4; 
    
}
section.bohemian-collection .collage .item.entrance figure {
 
    transform: translate(-7em, -2em);
    width: 16em;
    z-index: 2;
}
section.bohemian-collection .collage .item.timber_house_clubhouse figure {
 
    transform: translate(7em, -1em);
    width: 15em;
    z-index: 5; 
}
section.bohemian-collection .collage .item.timber_house_entrace figure {

    transform: translate(-7em, 9em);
    width: 12em;
    z-index: 1; 
}
section.bohemian-collection .collage .item.living_room_3 figure {
 

    transform: translate(5em, 12em);
    width: 15em;
    z-index: 6;
}
section.bohemian-collection .collage .item.clubhouse figure {
    z-index: 6;
    transform: translate(-3em, 19em);
    width: 13em;
    z-index: 7; 
}
@media screen and (min-width:48em) {

    section.bohemian-collection .collage .item.property figure {

        transform: translate(-16em, -16em);
        width: 13em;
        z-index: 3; 
    }
    section.bohemian-collection .collage .item.kitchen figure {
     
  
        transform: translate(0em, -15em);
        width: 16em;
        z-index: 4; 
        
    }
    section.bohemian-collection .collage .item.entrance figure {

        transform: translate(18em, -17em);
        width: 17em;
        z-index: 2;
    }
    section.bohemian-collection .collage .item.timber_house_clubhouse figure {
     
        transform: translate(-21em, -2em);
        width: 18em;
        z-index: 5; 
    }
    section.bohemian-collection .collage .item.timber_house_entrace figure {
        transform: translate(21em, -2em);
        width: 18em;
        z-index: 1; 
    }
    section.bohemian-collection .collage .item.living_room_3 figure {
     
  
        transform: translate(-17em, 12em);
        width: 20em;
        z-index: 6;
    }
    section.bohemian-collection .collage .item.clubhouse figure {
 
        transform: translate(14em, 14em);
        width: 21em;
        z-index: 7; 
    }
}

@media screen and (min-width:90em) {

    section.bohemian-collection .collage .item.property figure {
        transform: translate(-19dvw, -14em);
        width: 14em;
        z-index: 3; 
    }
    section.bohemian-collection .collage .item.kitchen figure {
     
  
        transform: translate(0em, -14em);
        width: 18em;
        z-index: 4; 
        
    }
    section.bohemian-collection .collage .item.entrance figure {
        transform: translate(21dvw, -15em);
        width: 19em;
        z-index: 2;
    }
    section.bohemian-collection .collage .item.timber_house_clubhouse figure {
     
      
        transform: translate(-28dvw, -2em);
        width: 20em;
        z-index: 5; 
    }
    section.bohemian-collection .collage .item.timber_house_entrace figure {
        transform: translate(31dvw, -3em);
        width: 22em;
        z-index: 1; 
    }
    section.bohemian-collection .collage .item.living_room_3 figure {
     
        transform: translate(-19dvw, 12em);
        width: 26em;
        z-index: 6;
    }
    section.bohemian-collection .collage .item.clubhouse figure {
        z-index: 6;
        transform: translate(20dvw, 12em);
        width: 27em;
        z-index: 7; 
    }
}



section.bohemian-collection .wrap {

    position: relative;
    z-index: 2;
    background-color: var(--c-grey-ultra-light-90);
    padding: 2em 3dvw;
    width: auto; 
    margin: auto;
    min-height: 0;
}
section.press {
    background-image:url(images/bg.webp);
    text-align: left;
}

section.disclaimer {
    background-image:url(images/bg.webp);
    position: relative;

    overflow-x: hidden;
    overflow-y: auto; 
}


section.disclaimer .wrap:before {
    content:'';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%; 
    background-image:url(images/bohemian_collection_pattern.svg);
    background-size: 140dvh;
    background-position: center;
    background-repeat: repeat;
    z-index: 1;
    opacity: 0.05;

}
 
section.disclaimer .wrap {
    position: relative;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;

}
section.story h2 {
    font-size: 1.25em;
    padding: 0 2em 1.5em 2em;
    position: relative; 
    margin:0;
}
section.story h2:before {
    content:'';
    display: block;
    width:100%;
    height:1px;
    background-color: var(--c-grey-dark);
    margin-bottom:0.5em;
    position: absolute;
    bottom:0;
    left:0;
}

section.story hgroup {
    display: flex;
    justify-content:center;

    margin-bottom: 1em;
}
section.story h2:after {
    content:'';
    display: block;
    width:100%;
    height:0.2em;
    background-color: var(--c-grey-dark);
    margin-bottom:0.2em;
    position: absolute;
    bottom:0.5em;
    left:0;
}

section.story .poem,
section.bohemian-collection .desc {
 
    text-align: center;
    font-size: 0.875em;
    letter-spacing: 0.15em;
    line-height: 1.75;
}

section.bohemian-collection .desc {
    display: none;
}
section.bohemian-collection h2 {
    margin-top:0;
}
@media screen and (max-width:767px) {
    section.bohemian-collection h2 {
        font-size: 140%;
    }
section.story .poem,
section.bohemian-collection .desc {
  
    letter-spacing: 0.1em;
}

section.bohemian-collection .desc {
    font-size: 0.75em;
}
}
section.bohemian-collection .cta {
    margin-top:1em; 
    flex-direction: column;
    align-items: stretch;
 }
 
 section.bohemian-collection .cta .btn {
     padding-left:2em;
     padding-right:2em;
 }


 section.bohemian-collection .cta .btn.explore {

 }

 @media screen and (min-width:48em) {
    section.bohemian-collection .cta .btn.explore {
        display: none!important;
    }
    section.bohemian-collection .desc {
        display: block!important;
    }

section.bohemian-collection .cta {
    margin-top:2em;
    flex-direction: row;
}
    }
section.neighbourhood>.wrap {
    display: none;
}
section.neighbourhood {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    padding: 0;
}

@media screen and (min-width:48em) {

section.neighbourhood {
    flex-direction: row;
}
}
section.neighbourhood .subsection {
 
    overflow-x:hidden;
    overflow-y:auto;
    flex:1;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    position: relative;
    display: flex
;
    align-items: center;
}

section.neighbourhood .subsection .txt-wrap {
    background: #ffffff;
    background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:100%;
    padding:0 1em;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
} 
section.neighbourhood .subsection hgroup {
    
}

section.neighbourhood .subsection hgroup h2 {
    margin:0;
}

@media screen and (min-width:48em) {

section.neighbourhood .subsection hgroup h2 {
    width:1em;
}

}
section.neighbourhood .subsection .wrap {
    padding: 0;
}

section.neighbourhood .subsection .img-wrap figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    filter:sepia(100%);
}
section.neighbourhood .subsection .img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.neighbourhood .subsection .content {
    display: none;
}

section.neighbourhood .subsection .wrap {
    
}
section.neighbourhood .subsection.active {
   flex:8;align-items: flex-start;

}
@media screen and (min-width:48em) {
    section.neighbourhood .subsection.active {
        flex:10;
     
     }
     }
section.neighbourhood .subsection.active .wrap {
    overflow-x:hidden;
    overflow-y:auto;
    display: flex;
    flex-direction: column;
    gap: 2em;
    position: relative;
    padding:2em 4dvw;
z-index: 2;}

section.neighbourhood .school-list h3 {
    border-bottom:1px solid var(--c-brown);
    padding-bottom: 1em;
    color:var(--c-brown);
}
@media screen and (min-width:48em) {
    section.neighbourhood .school-list {
        display: flex;
        align-items: start;
        gap:2dvw;
        width:100%;
    }
}
section.neighbourhood .subsection.active .wrap:before {
    content:'';
    display: block;
    position: absolute;
    top:6em;
    left:0;
    right:0;
    bottom:0;
    background-image:url(images/bg.webp);


}

@media screen and (min-width:48em) {

section.neighbourhood .subsection.active .wrap {
 
    padding:2em 4dvw;
    flex-direction: row; 
 
    min-height: 100%;
    width: 100%;

}

section.neighbourhood .subsection.active .wrap>div {
    flex:1;

    align-items: start;
    justify-content: start;
}

section.neighbourhood .subsection.active .wrap .txt-wrap {
    padding-top:8em;
}
}
section.neighbourhood .subsection.active .img-wrap figure {
    position: relative;
    top: auto;
    left: auto;
    width: 50%;
    height: auto;
    padding-bottom: 50%;
    filter: none;
    margin:auto;
}
section.neighbourhood .subsection.active .img-wrap figure img {
}
@media screen and (min-width:48em) {

section.neighbourhood .subsection.active .img-wrap figure {
    width:100%;
    padding-bottom:100%;
}
section.neighbourhood .subsection.active .txt-wrap hgroup h2 {
    width:auto;
}
}
section.neighbourhood .subsection.active .content {
    display: block;
}
section.neighbourhood .subsection .content {
    text-align: left;
}
section.neighbourhood .subsection .content img {
    margin:2em auto;
}
section.neighbourhood .subsection.active .txt-wrap {    background: none;
    position: relative;
    bottom: auto;
    left: auto;
    height: auto;
    padding: 0;
    flex-direction: column;
}
section.neighbourhood .subsection.active .txt-wrap hgroup {
}
section.neighbourhood .subsection.active .txt-wrap hgroup h2 {
}
section.neighbourhood .subsection.active .txt-wrap {
}
section.neighbourhood .subsection.active {
}
section.neighbourhood .subsection.active {
}
section.gallery  {
    padding:0;
}
section.gallery .sub-section {
    width:100%;
}
section.gallery .wrap {
    padding:0;
}
section.disclaimer .tam-nwd-wrap {
    display: flex;
    justify-content: start;
    gap:3dvw;
    align-items: end; 
}
section.disclaimer .tam-nwd-wrap .label,
section.disclaimer  .disclaimer{
    font-size:0.75em;
}

section.disclaimer .tam-nwd-wrap .label  {
margin-bottom: 1em;
}
section.disclaimer {
text-align: left;

padding: 0;  
}
section.disclaimer .tam-nwd-wrap .tam {
    width:10em;
    height:auto;
}

section.disclaimer .tam-nwd-wrap .nwd {
    width:10em;
}
@media screen and (min-width:48em) {

section.disclaimer .tam-nwd-wrap .tam {
    width:14em;
    height:auto;
}

section.disclaimer .tam-nwd-wrap .nwd {
    width:14em;
}
}
section.disclaimer .disclaimer {
text-align: center;
    margin-top: 2em;

    max-width: 120em;
}
/*
.home .kv {
    width:100%; 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image:url(images/kv.webp);
}*/

.bg-media {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    height: fill-available;
    height: -webkit-fill-available;
    background: #000;
    display: none;
}

.bg-media video {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 133%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition-duration: 1s;
    transition-timing-function: ease-out;
}

.bg-media .img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition-duration: 1s;
    transition-timing-function: ease-out;
    margin: 0;
}


.bg-media .color {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.bg-media .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bg-media >* {
opacity: 0;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
}
.bg-media .active {
opacity: 1;
}
/*
.bg-media .media.active video,
.bg-media .media.active img {

    opacity: 0.9;
}*/

.bg-media.video-landscape video {
    height: auto;
    width: 100%;
}

.bg-media .img[data-menuanchor="poem"] img {
    opacity: 0.2;
}
.bg-media .color[data-menuanchor="landing"] {
    background-color: var(--c-gold);    
}

.bg-media .img[data-menuanchor="poem"] {
    background-color: var(--c-blue);    
}
.bg-media .color[data-menuanchor="heritage"] {
    background-color: var(--c-red);
}

.bg-media .color[data-menuanchor="unveil"] {
    /*background-color: rgb(185, 139, 97);*/
    background-color: var(--c-gold);
}

.bg-media .color[data-menuanchor="residences"] {
    background-color: var(--c-blue);
}

.bg-media .color[data-menuanchor="designers"] {
    background-color: var(--c-bg);
}

.bg-media .color[data-menuanchor="gallery"] {
    background-color: var(--c-blue);
}

.bg-media .color[data-menuanchor="neighborhood"] {
    background-color: var(--c-dark-red);
    background-image:url(images/bg_pattern_b.webp);
    background-size: 140vw;
    background-position: top center;
}

@media screen and (min-width:48em) {
    .bg-media .color[data-menuanchor="neighborhood"] {
        background-size: 70vw;
    }
    }
    @media screen and (min-width:64em) {
        .bg-media .color[data-menuanchor="neighborhood"] {
            background-size: 50vw;
        }
        }
    
    @media screen and (min-width:90em) {
        .bg-media .color[data-menuanchor="neighborhood"] {
            background-size: 30vw;
        }
        }
.bg-media .color[data-menuanchor="press"] {
    background-color: var(--c-bg);
}

.bg-media .color[data-menuanchor="propinfo"] {
    background-color: var(--c-gold);
}

.bg-media .color[data-menuanchor="footer"] {
    background-color: var(--c-dark-red);
}

.bg-media .color[data-menuanchor="footer"] {
    background-image:url(images/bg_pattern_w.webp);
    background-size: 140vw;
    background-position: top center;
}
@media screen and (min-width:48em) {
.bg-media .color[data-menuanchor="footer"] {
    background-size: 70vw;
}
}
@media screen and (min-width:64em) {
    .bg-media .color[data-menuanchor="footer"] {
        background-size: 50vw;
    }
    }

@media screen and (min-width:90em) {
    .bg-media .color[data-menuanchor="footer"] {
        background-size: 30vw;
    }
    }
.swiper-container {
    position: relative;
    width:100%;
}

.swiper-container .swiper {
    width:100%;
}
.swiper-container .swiper-pagination{
    display:flex;
    margin-top:2em;
    align-items:center;
    justify-content: center;
    gap:0.5em;
    position: relative;
    bottom: auto;
    top:auto;
    left: auto;

    flex-wrap: wrap;
}

.swiper-container .swiper-pagination-bullet{
    display: block;
    width:1em;
    height:1em;
    position: relative;
    border-radius: 100%;
    background: none;
    cursor: pointer;
}

.swiper-container .swiper-pagination-bullet:after{
    position: absolute;
    top:50%;
    left:50%;
    width:0.625em;
    height:0.625em;
    transform:translate(-50%,-50%);
    background-color:var(--c-bg);
    border-radius: 100%;
    content:'';
    opacity: 1;
}
.swiper-container .swiper-pagination-bullet-active{
    border:1px solid var(--c-bg);
}
.swiper-buttons>div {

}

.section-tab {
}

.section-tab ul {
    margin: 0;
    padding: 0;
    margin-top:-1em;
    display: flex;
    align-items: center;
    gap: 4dvw;
    justify-content: center;
    margin-bottom: 2em;
}

@media screen and (min-width:48em) {
    .section-tab ul {
        display: flex;
        gap:2em;
        align-items:center;
        justify-content: center;
    }
}
.section-tab ul li {
    list-style: none;
    text-align: center;
}

.section-tab ul li a {
 text-transform:uppercase;   
 font-size:var(--f-xs);
 padding: 1em 0 0.2em 0;
 position: relative;
 display:inline-block;
 letter-spacing: 0.1em;
}

.section-tab ul li a:after {
    content:'';
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    width:0%;
    height:1px;
    background-color:var(--c-gold);
    position: absolute;
    bottom:0;
    left:0;
}

.section-tab ul li:hover a:after,
.section-tab ul li.active a:after {
    width:100%;
}

.content-wrap>* {
    margin:2em auto; 
}
/*
section.landing .foot-disclaimer {
    background:none;
}*/

.guide-arrow {
    bottom: 4em;
    left: 50%;
    position: absolute;
    display: block;
    margin:auto;
    transform:translateX(-50%);
    cursor: pointer;
    z-index: 2;
}
.guide-arrow .txt {
    font-size: 0.75em;
    text-transform: uppercase;
    margin: auto;
    display: block;
}
.guide-arrow .icon {
    width: 1.5em;
    height: 1.5em;
    background-image: url(images/landing_arrow_down.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; 
    display: block;
    margin: auto;
    margin-top:0.5em;
}

 


section.press {
    color:var(--c-gold);
}


section.press hgroup h2:after {
    background-color:var(--c-gold);
}

section.press .section-nav {
display: none;
}


section.press .section-nav ul{
    border-top:1px solid var(--c-grey-o4);
 
    }
    
section.press .section-nav ul li{
        border-bottom:1px solid var(--c-grey-o4);
       
    }
    
section.press .section-nav ul li a {
        color:var(--c-grey2);
    } 

    section.press .section-nav ul li h4 a {
        color:var(--c-gold);
    }
section.press .section-nav ul li  a:hover,
section.press  .section-nav ul li a.active {
    color:var(--c-gold);
}


@media screen and (min-width:64em) {
    section.press .section-nav ul{
        border:1px solid var(--c-gold-o6);
     
        }
        
    section.press .section-nav ul li:nth-child(n+2) a:before{
            background-color:  var(--c-gold-o6);
           
        }
        
    section.press .section-nav ul li a {
            color:var(--c-gold);
        } 
    
    section.press .section-nav ul li  a:hover,
    section.press  .section-nav ul li a.active {
        color:var(--c-blue);
    }

}



section.designers {
    color:var(--c-blue);
}

section.designers a {

    color:var(--c-blue);
}

section.designers hgroup h2:after {
    background-color:var(--c-blue);
}



section.unveil .video-wrap,
section.unveil figure {
    position: relative;
}
 
section.unveil .video-wrap {
    position: relative;
    margin: 2em -1.25em;

    padding: 0 0 0 0;
}
@media screen and (max-width:767px) {

section.unveil .video-wrap {
    padding-bottom: 1em;
}
}

section.unveil .video-wrap a:before {
    content: '';
    position: absolute;

    top: -2em;
    left: -2em;
    right: -2em;
    bottom: -2em;
    z-index: 2;
    background-color: var(--c-gold);  
    mix-blend-mode: screen;
    cursor: pointer;
}
section.unveil .video-wrap video {

    position:relative;
    z-index: 1;
    width:100%;  
    border:none;
    
}

section.unveil .video-wrap .caption {
    position: absolute;
    bottom: 0em;
    right: 1em; 
    color:var(--c-bg);
    z-index: 3;
    font-size: 0.75em;
    font-family: var(--f-sans);

    text-align: right;
    line-height: 1.25;
}

@media screen and (min-width:48em) {


    section.unveil .video-wrap,
section.unveil figure {
    margin:auto;
 display: inline-block;

 margin-bottom: 1em;
    }
    
section.unveil .video-wrap video,
section.unveil figure img {
    width:90dvh;
    max-width:100%;
}
}

section.unveil .section-nav ul li a.active,
section.unveil .section-nav ul li a:hover {
    color:var(--c-bg);
}

section.residences {
    color:var(--c-gold);
}

section.residences {
}

section.residences hgroup h2:after {
    background-color:var(--c-gold);
}


section.residences .icon {
    width:2em; 
}


section.residences .desktop {
display: none;
}
section.residences .kv {
    position: relative;
}


@media screen and (min-width:64em) {

section.residences .mobile {
    display: none;
    }

    section.residences .kv {

    position: absolute;
    top: 0;
    left: 0; 
    height:100%;
    width: 50%;
    margin:0;
    }
section.residences .desktop {
    display: block;
    position: absolute;
    top: 0;
    left: 0; 
    height:100%;
    width: 100%;
    object-fit: cover;
    }
    section.residences .content-container ,
    section.residences .content-wrap {
        padding:0;
        position: unset;
    
    }
    section.residences .content-wrap {
        padding: 6em 4em 2em 4em;

        padding-left: calc(50% + 4em);
    }

 

}

section.residences .txt-wrap {
    color: var(--c-bg);
    
    max-width: 36em;
}
.listing ul {
    margin: 0;
    padding: 0;
}
.listing ul li {
    list-style: none;  
}
section.designers .listing ul {
    
    border-top:1px solid var(--c-gold-o6);
}
section.designers .listing ul li{
 
 display:flex;

 border-bottom:1px solid var(--c-gold-o6);
 padding:1.5em 0;
 align-items: start;
}
section.designers .listing ul li .img-wrap {
    width:14em;
    margin:0;;
}
section.designers .listing ul li .txt-wrap {
    color:var(--c-gold);
    text-align:left;
    padding-left:1.5em;
    width:100%;
}
section.designers .listing ul li .txt-wrap h4 {
    margin:0;
    padding-bottom:1em;
    margin-bottom:1em;
    position: relative;
    text-transform: uppercase;

}
section.designers .listing ul li .txt-wrap h4:after {
    content: '';
    position: absolute;
    bottom:0;
    left:0;
    width:2.5em;
    height:1px;
    background-color:var(--c-gold);
}
section.designers .listing ul li .txt-wrap .job {
 font-style: italic;   
}
section.designers .listing ul li .cta{
    text-align: left;    
    margin-top:0.5em;
}


@media screen and (min-width:64em) {

section.designers .listing ul {
    border:none;
    display:flex;
    align-items: stretch; 
    margin:0 -3.5em;
}
section.designers .listing ul li {
    border:none;
    display: block;
    padding:0em 3.5em; 
    flex:1;
    text-align:center;
cursor: pointer;
}
section.designers .listing ul li:nth-child(n+2) {
    border-left: 1px solid var(--c-white);
}
section.designers .listing ul li .txt-wrap {
text-align: center;
    padding: 0 ;
    
}
section.designers .listing ul li .txt-wrap h4:after {
    left:50%;
    margin-left:-1.25em;
}
section.designers .listing ul li .txt-wrap .cta {
    text-align:center;
    margin:1.5em auto;
}
section.designers .listing ul li .img-wrap {
    width:100%;
    margin:3em auto;
    position: relative;
    padding-bottom: 60%;
}
section.designers .listing ul li .img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.designers .listing ul {
    
}
}
/*
section.neighborhood .kv {
width:100%;
padding-bottom:66%;
position: relative;
overflow: hidden;
background-color: var(--c-black);
}

@media screen and (min-width:64em) {

section.neighborhood .kv {
width:100%;
padding-bottom:50%;
}
        
}

section.neighborhood .kv img {
position: absolute;
height:100%;
top:50%;
left:50%; 
width:auto;
transform:translate(-50% , -50%) scale(1);
animation: panning 10s linear infinite 0s;
opacity: 1;
}

@keyframes 
panning {
0% {
opacity: 0;
transform:translate(-50% , -50%) scale(1.2);
}
10% {

opacity: 0.5; 
}
20%{ 
    opacity:1; 
}
30% {

    opacity:1; 
}
40% { 

    opacity:1; 
}
50% { 

    opacity:1; 
}
60% {
 opacity: 0.5;  
}
70% {

 opacity: 0; 
 transform:translate(-50% , -50%) scale(1);
}
100% { 

}
}



section.neighborhood .kv img.day {
    animation-delay:0s;
}

section.neighborhood .kv img.night {
    animation-delay:5s;
}


section.neighborhood .kv img.active {
 transform:translate(-50% , -50%) scale(1.1);
 animation:none;
 opacity: 1;
 z-index: 2;
}
*/
/*
section.neighborhood .kv {
    position: relative;
}
section.neighborhood .kv img {
    position: absolute;
    height:100%;
    top:50%;
    left:50%; 
    width:auto;
    transform:translate(-50% , -50%) scale(1);
    transition-duration: 1s;
    transition-timing-function: ease-out;
    opacity: 0;
    }

section.neighborhood .kv img.active {

 transform:translate(-50% , -50%) scale(1.1);
 opacity: 1;
}
 */
 section.neighborhood .kv {
    display:none;
 }
 section.neighborhood .kv a {
    display: none;
    cursor: default;
}
section.neighborhood .kv  a.active {
    display: block;
}
@media screen and (min-width:48em) {

 section.neighborhood .kv img {
 max-height:55dvh;
 width:100%;
}
section.neighborhood .kv {
    display: inline-block;
display: none;
    margin: auto;
}
}

.pano.popup-container {

}
.pano-hint {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -68px;
    margin-left: -135px;
    width: 270px;
    height: 135px;
    background-color: rgba(0, 0, 0, 0.6);
    background-image: url(images/pano_hint.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    border-radius: 10px;
    z-index: 5;
    display: none;
}
.pano-wrap .close,
.pano.popup-container .close {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    float: none;
    margin: 0;
    z-index: 4;
}

.pano.popup-container .popup {

    width: 100vw;
    height: 100dvh;
    max-width: 100vw;
}

.pano.popup-container .popup .foot-disclaimer {
z-index: 2;
}
 
.pano-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10; 
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    background-color:rgba(0,0,0,0.8);
    margin:0;
    opacity: 1; 
}
.pano-wrap .panorama {
transition-duration: 0.5s;
transition-timing-function: ease-out;
}
.pano-wrap .panorama.day {
transform:scale(1.5);
opacity: 0;
z-index: 1;
}
.pano-wrap .panorama.night {
    transform:scale(1.5);
    opacity: 0;
    z-index: 1;
} 
.pano-wrap.day-active .panorama.day {
    transform:scale(1);
    opacity: 1;
    z-index: 2;
}
.pano-wrap.night-active .panorama.night {
    transform:scale(1);
    opacity: 1;
    z-index: 2;
}  

.panorama {
	overflow:hidden;
}
.paver--ready div.paver__scroller {
    opacity: 1;
    display: none;
}
.panorama.paver--fallback img {
  
}
.panorama.paver--fallback {
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
    scroll-behavior: smooth;
 /*   position: relative;*/ /* Add positioning context */
    width: 100%; /* Ensure full width */

}

.panorama.paver--fallback img {
    width: auto;
    height:100dvh; 
    width: auto;
    height: 100dvh;
    position: relative;
   
    min-width: 150%;
   
}
   .panorama { 
    overflow: hidden; /* Hide scroll bars */
    -ms-overflow-style: none;  /* Internet Explorer and Edge */
    scrollbar-width: none;  /* Firefox */

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.paver__fallbackMessage {
    display: none;
}
.panorama::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

.foot-disclaimer {
    display: block; 
    color: #fff;
    text-align: left;
    padding: 0.5em;
    transition-duration: 0.5s;
    position: absolute;
    bottom: 0;
    left: 0;
    transform-origin: bottom left;
    margin: 0;
    width: 100%;
    margin: 0;
    background-color: rgba(0,0,0,0.6);
    /* transform: scale(0.5); */
    font-family: var(--f-sans);
    line-height: 1.25;
    max-height: 5em;
    overflow-y: auto;
    font-size: 0.5em;
    z-index: 2;
}

.fancybox-active .foot-disclaimer {
    z-index: 99993;
}
.foot-disclaimer strong{
    display: block;
}
.foot-disclaimer p {
    line-height: 1;
    margin: 0;
}

section.gallery .section-nav {
    margin-top:2em;
}

section.gallery .section-nav .active a {
color:var(--c-gold);
}

/*section.heritage .content-wrap,*/
/*
section.gallery .content-wrap {
    padding-left:0;
    padding-right: 0;
}*/
section.heritage .content-wrap .cta {
    padding-left:1.25em;
    padding-right: 1.25em;
}
section.heritage .content-wrap .swiper-slide figcaption {
    margin-top:1em;
    text-transform: uppercase;
}

@media screen and (max-width:47.9999em) {
section.heritage .content-wrap .swiper-container {
    width:90%;
}
section.gallery .sub-section.booklets .item {
    width:100%;
}
}
section.gallery .sub-section.videos ul {
margin: 0;
padding: 0 1em;
 
gap:2em; 
display:flex;
flex-wrap: wrap;
align-items: start;
justify-content: center;
}

section.gallery .sub-section.videos ul li {
list-style: none;
width:calc((100% - 2em) / 2);
display:inline-block;
}

section.gallery .sub-section.booklets .item {
    width:43%;
}
@media screen and (min-width:48em) {

section.gallery .sub-section.videos ul,
section.gallery .sub-section.booklets ul {
 
    max-width: 48em;
    margin: auto;

gap:2em; 
}

section.gallery .sub-section.videos ul li {
    width:calc((100% - 4em) / 3);
}
 
section.gallery .sub-section.booklets .item {
    width:20%;
}
}
/*
@media screen and (min-width:64em) {

    section.gallery .sub-section.videos ul li {
        width:calc((100% - 8em) / 5);
    }
}*/
section.gallery .sub-section.videos ul li figure,
section.gallery .sub-section.booklets .item figure {
    width:100%;
    padding-bottom:100%;
    position:relative;

}

section.gallery .sub-section.booklets .item figure {
padding-bottom:150%;
box-shadow: 0 0.2em 0.8em rgba(0,0,0,0.25);
}

section.gallery .sub-section.renderings {
    width:100%;
}
section.gallery .sub-section.renderings .swiper-slide  {
    width:100%!important;
}
section.gallery .sub-section.renderings .swiper-slide .txt-wrap {
 
    font-size: 0.75em;
    width: auto; 
    display: block;
    line-height:1.25;
    margin-top:1em;
}
section.gallery .sub-section.renderings .swiper-container.general .swiper-slide img{
    width: 100%;
    height:auto;
}
@media screen and (min-width:768px) {

section.gallery .sub-section.renderings .swiper-slide  {
    width:auto!important;
}
    section.gallery .sub-section.renderings .swiper-slide  {
        position: relative;
        height: calc(40vh + 3.75em);
        }
        
section.gallery .sub-section.renderings .swiper-slide .txt-wrap {

    position: absolute;
    left: 0;
    right: 0;
    top: calc(40dvh);
    max-height:3.75em;
    overflow: hidden;
}
    section.gallery .sub-section.renderings .swiper-container.general .swiper-slide img{
        width: auto;
        height:40dvh;
    }
    }
section.gallery .sub-section.renderings .swiper-pagination {
 display: none;
}
section.gallery .sub-section.videos ul li figure a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.swiper-buttons>div,
section.gallery .sub-section.videos ul li figure a:after {

    content: '▶';
    display: block;
    width: 2em;
    height: 2em; 
    font-size: 1em;
    color:#fff;
    margin-left: 0em;
    line-height: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
/*    background-color: rgba(255, 255, 255, 0.2);*/
}

section.gallery .sub-section.videos ul li figure a:after {
    background-color: rgba(255, 255, 255, 0.4);
    border:1px solid #fff;
}
.swiper-buttons>div {
line-height:2;
transform:translateY(-50%);
}

.swiper-buttons>div.swiper-button-disabled {
    opacity: 0;
}
.fancybox-navigation .fancybox-button div svg {
display:none;
}
.fancybox-navigation .fancybox-button div:after,
.swiper-buttons>div:after {
    display: block;
    content:'';

    background-image:url(images/nav_arrow_next.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width:2em;
    height:2em;
font-size:1em;
    margin:auto;
}  

.swiper-buttons>.swiper-button-prev {
    left:8%;
}


.swiper-buttons>.swiper-button-next {
 left:auto;
 right:8%;
}
.fancybox-navigation .fancybox-button {
    
    height: auto;
    padding: 0;
width:auto;
}
.fancybox-navigation .fancybox-button div {
    padding: 0;
    width:3em;
    height:3em;
}
.fancybox-navigation .fancybox-button--arrow_left div:after,
.swiper-buttons>.swiper-button-prev:after {
    transform:rotate(180deg);
}
.fancybox-navigation .fancybox-button--arrow_left {
    left:1%;
}
.fancybox-navigation .fancybox-button--arrow_right {
    right:1%;
}
/*.swiper-buttons>.swiper-button-prev:after {
    content:'←';
    font-size:1.5em;
}
.swiper-buttons>.swiper-button-next:after {
    content:'→';
    font-size:1.5em;
}*/
section.gallery .sub-section.videos ul li figure img,
section.gallery .sub-section.booklets .item figure img {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
}
section.gallery .sub-section.videos ul li .txt-wrap,
section.gallery .sub-section.booklets .item .txt-wrap {

}
section.gallery .sub-section.videos ul li .txt-wrap a,
section.gallery .sub-section.booklets .item .txt-wrap a {
padding: 1em 0; 
display: block;
font-size:var(--f-xs);
position: relative;

min-height: 5em;
}

section.gallery .sub-section.videos ul li .txt-wrap a:before,
section.gallery .sub-section.booklets .item .txt-wrap a:before {
    content:'';
    width:100%;
    height:1px;
    background-color:var(--c-gold);
    position: absolute;
    bottom:0;
    left:0;
    opacity: 0.4;

    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

section.gallery .sub-section.videos ul li:hover .txt-wrap a:before,
section.gallery .sub-section.booklets .item:hover .txt-wrap a:before {
    opacity: 1;
}
section.gallery .sub-section.booklets .item .txt-wrap a:after {
    content:'';

    background-image: url(images/icon_download.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width:0.86em;
    height:0.86em;
    display:inline-block;
    vertical-align: middle;
    margin-left:0.25em;
}
section.gallery .sub-section.videos ul li,
section.gallery .sub-section.booklets ul li {

}
section.gallery .sub-section.videos ul li,
section.gallery .sub-section.booklets ul li {

}
 /*
.swiper-container.general .swiper-slide {
    position: relative;
    width:100%;
    padding-bottom:66.6666667%;
    opacity: 0.4;
}
  
.swiper-container.general .swiper-slide-active {
    opacity: 1;
}
@media screen and (min-width:48em) {

.swiper-container.general .swiper-slide {
    width:50%;
    padding-bottom:33.33333333%;
}
}

.swiper-container.general .swiper-slide img{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: contain;
}
    */

    .swiper-container.general .swiper-slide {
        width: auto!important;
    } 
.swiper-container.general .swiper-slide img{
    width: auto;
    height:40dvh;
}
 
@media screen and (max-width:47.9999em) {

.swiper-container.general .swiper-buttons {
    display: none;
}
}


@media screen and (max-width:47.9999em) {
    .sub-section.booklets .swiper-container{
        width:90%;
        margin:auto;
    }
    section.press .swiper-container.mobile{
        display: block;
    }
    section.press .swiper-container.desktop{
        display: none;
    }
}

@media screen and (min-width:48em) {
    section.press .swiper-container.desktop{
        display: block;
    }
    section.press .swiper-container.mobile{
        display: none;
    }
}

section.press .swiper-container .swiper-buttons>div {
    filter: invert(0.5);
}
section.press .swiper-slide {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap:2em;
    flex-direction: column;
}
section.press .item{ 
    text-align: left;
}
 
section.press  .item .img-wrap figure {
width:100%;
padding-bottom:56%;
position: relative;
}
section.press .item .img-wrap figure img {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
}
section.press .item .txt-wrap {
    margin-top:1em;
}

section.press .item .txt-wrap a {
    color:var(--c-blue);
}

section.press .item .txt-wrap h4 a {
    color:var(--c-gold);
}
section.press .item .tag {
display:inline-block;
padding:0.4em 0.4em 0.2em 0.4em ;
color:var(--c-blue);
border:1px solid var(--c-blue);
line-height:1;
border-radius:0.25em;
font-size:var(--f-xs);
font-family: var(--f-sans);
display:none;
}

section.press .item h4 {
    font-size:var(--f-m);
    margin:0.5em 0;
    letter-spacing: 0;
}

section.press .item .info {  
    color:var(--c-blue); 
    
    font-size:var(--f-xs);
    font-family: var(--f-sans);
    }
    
section.press .item .info span {
      display:inline-block;
}
/*
section.press .listing .info span.press {
    margin-left:0.5em;
    padding-left:0.5em;
    border-left:1px solid var(--c-blue);
}*/

section.press .item .info span.press:before {
    content:'|';
    display:inline-block;
    margin:0 0.25em;
    vertical-align: middle;
    }
    
section.press .item .cta {
justify-content: start;
}
section.press .item .cta a {  
    color:var(--c-blue);
    display: inline-block;
    margin-top: 0.25em;
    text-transform: uppercase;

}
section.press .item .cta a:after {  
    content: '→';
    display: inline-block;
    margin-left: 0.25em;
    vertical-align: middle;
}
/*

@media screen and (min-width:64em) {
    section.press .content-wrap {
        padding-bottom:6em;
    }
    section.press .section-nav {
        bottom:0;
        position: absolute;
        width: 100%;

        left: 0;
    }
*/

@media screen and (max-width:47.99999999em) {
    .swiper-buttons>.swiper-button-prev {
        left:-2em;
    }
    .swiper-buttons>.swiper-button-next {
        right:-2em;
    }
}
@media screen and (min-width:48em) {
        .swiper-buttons>.swiper-button-prev {
            left:-3.5em;
        }
        .swiper-buttons>.swiper-button-next {
            right:-3.5em;
        }
}
@media screen and (min-width:64em) {


    section.press .listing ul {
        display:flex;
        align-items:start;
        margin:2em -2em;
        position: relative;
        flex-wrap: wrap;
        gap: 2%;
        justify-content: space-around;
    
    }
    section.press .item:nth-child(n+2) {
    }
}
section.propinfo hgroup,
section.propinfo .address{
    text-align:left;
    max-width:100%;
}

section.propinfo hgroup h2:after {
    left:0;
    margin:0;
}
section.propinfo .map {
    background-color:var(--c-bg);
    width:100%; 
    position: relative;

    position: absolute;
    top: 0;
    left: 0;
    height:100dvh;
}


section.propinfo .gmap {
position: absolute;
top: 0;
left: 0;
right:0;
bottom: 0;
}


@media screen and (min-width:64em) {

section.propinfo .txt-map-wrap {
display: flex;
align-items:start;
gap:2em;
}
section.propinfo .txt-wrap {
    width:40%;
}
section.propinfo .map-wrap {
    width:60%;
    max-width:48em;
}

section.propinfo .map {
    margin:0;
}
}

section.propinfo .disclaimer {
    font-size:var(--f-xs);
    text-align: left;
}
section.footer .vendor  {
    margin:4em auto;
    position: relative;
    max-width: 40em;
}
section.footer .vendor figure {
    max-width:40em;
    margin:2em auto;
}
section.footer .vendor figure img {
    width:100%;
}

section.footer .vendor .txt  {
position: absolute;
    bottom: 95%;
    left: 60.5%;
    text-align: left;
    font-size: var(--f-xxs);
    line-height: 1.25;
}
@media screen and (max-width:767px) {

section.footer .vendor .txt  {
    font-size: 0.5em;
}
}
section.footer .custom-disclaimer {
    font-size:var(--f-xxs);
    line-height: 1.5;

    max-width: 73em;
}
section.footer .url, 
section.footer .vendor .address,
section.footer .disclaimer,
section.footer .date {
    font-size:var(--f-xs);
    line-height: 1.5;
}
section.footer .disclaimer {
    max-width:68em;
}

section.footer .url, 
section.footer .address {
    display: none!important;
}
.logo-kr {
    width:8em;
    height:8em;
    margin: 0em auto 6em auto;
    background-size:contain;
    background-repeat: no-repeat;
    background-image:url(images/logo_kr.gif);
    display: block;
}
.designer .logo-kr {
 background:none;
}
.designer .logo-kr img{
    width:8em;
    height:8em;
    display: block;
}
.flip-page-active {
    overflow: hidden;
}
.flip-page {
    height:100vh;
    position: fixed;
    z-index: 98;
    top:0;
    left:100%;
    width:100vw;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    overflow-x: hidden;
    overflow-y: auto;
}
.flip-page {
    background-color: var(--c-bg);
    color:var(--c-blue);
}


.flip-page  .close {
    filter:invert(1);
}


.page.designer .intro {
min-height: 100dvh;
}
.flip-page .close {
    position: absolute;
    top:1em;
    right:1em;
    width:1.5em;
    height:1.5em;
    background-image: url(images/icon_close_w.svg);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
    cursor: pointer;
    z-index: 2;
}
.flip-wrap {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 1;
    overflow-y: auto;
}
.flip-wrap section {
    padding:0 1.25em;
}
@media screen and (min-width:48em) {
   
.flip-wrap section {
    padding: 2em 4em 0 4em;
} 
}
.flip-page.heritage {
    background-color:var(--c-red);
    color:var(--c-bg);
}
.flip-page.heritage .close {
    filter:invert(0);
}

.page.heritage .quote {
    min-height:100dvh;
    text-align: center; 
}
.the-dot {

    margin-left: -0.1em;
    display: inline-block;
    font-size: 0.75em;
    vertical-align: middle;
}
.page.heritage .quote {
    background-image:url(images/bg_pattern_w.webp);
    background-size: 140vw;
    background-position: top center;
}
@media screen and (min-width:48em) {
    .page.heritage .quote {
    background-size: 70vw;
}
}
@media screen and (min-width:64em) {
    .page.heritage .quote {
        background-size: 50vw;
    }
    }

@media screen and (min-width:90em) {
    .page.heritage .quote{
        background-size: 30vw;
    }
    }

.page.heritage .quote .txt-wrap {
    font-family: var(--f-sans);
    font-size:1.75em;
    max-width: 19em;

}
.page.heritage .name-job-wrap {
    color:var(--c-gold);
    font-family: var(--f-serif);
}
.page.heritage .name-job-wrap  {
margin-top:1em;
}

.page.heritage .txt-wrap .title {
    text-transform: uppercase;
}
.page.heritage .txt-wrap .desc:before{
    content: '';
    display: block;
    margin: 1em auto;
    border-top: 1px solid var(--c-gold);
    height: 1px;
    width: 2em;
}

.page.heritage .name-job-wrap .name {
    text-transform: uppercase;
}
.page.heritage .name-job-wrap .job:before {

    content: '';
    display: block;
    margin: 1em auto;
    border-top: 1px solid var(--c-gold);
    height: 1px;
    width: 2em;
}
.page.heritage .name-job-wrap .job {
    font-style: italic;
}

.page.heritage .comp {
    text-align: center;
    max-width:90em;
    margin:auto;
}

.page.heritage .eileen .img-wrap img {
    max-width: 60%;
    margin:auto;
}
@media screen and (min-width:48em) {
.page.heritage .comp.img-txt .content-wrap,
.page.heritage .comp.txt-img .content-wrap {
    display: flex; 
    align-items: start;
    justify-content: space-around;
}

.page.heritage .comp.txt-img .content-wrap {
flex-direction: row-reverse;
}

.page.heritage .comp.img-txt .content-wrap .img-wrap,
.page.heritage .comp.txt-img .content-wrap .txt-wrap {
    width:50%;
}


.page.heritage .comp.img-txt .content-wrap .txt-wrap,
.page.heritage .comp.txt-img .content-wrap .img-wrap {
    width:35%;
}
.page.heritage .comp .txt-wrap {
    text-align: left;
}

.page.heritage .comp .name-job-wrap {
    text-align: left;
}

.page.heritage .eileen .img-wrap img {
    margin:0;
}
.page.heritage .comp .txt-wrap .desc:before{
    margin:1em 0;
}
.page.heritage .comp .name-job-wrap .job:before {
    margin:1em 0;
}
}
 
.page.unveil .flip-wrap  {
    padding-top:2em;
}
.page.unveil .img-wrap figure {
    position: relative;
}
.page.unveil .title {
    color:var(--c-gold);
}

.page.unveil .txt-wrap {
    text-align: center;
}


.page.unveil .txt-wrap .title {
    text-transform: uppercase;
}
.page.unveil .txt-wrap .desc:before{
    content: '';
    display: block;
    margin: 1em auto;
    border-top: 1px solid var(--c-gold);
    height: 1px;
    width: 2em;
}

@media screen and (min-width:48em) {
    .page.unveil section {
        padding: 0;
    margin: 4em auto;
    }
    .page.unveil section .content-wrap {
        display: flex;
        align-items: start;
        justify-content: space-around;
    }

    .page.unveil section .content-wrap>div {
        
        width:40%;
    }

    .page.unveil section .content-wrap figure {
        margin:0;
    }
    .page.unveil section .content-wrap .txt-wrap {
        text-align: left;
    }

.page.unveil .txt-wrap .desc:before{
    margin: 1em 0;
}


}

.popup-container.unveil .popup {
    
    padding: 1em;

    max-height: 80dvh;
    overflow-y: auto;

    display: flex;
    flex-direction: column;
    gap: 2em;

}

.popup-container.unveil .title {
    color:var(--c-gold);
}


.popup-container.unveil .txt-wrap {
    text-align: center;
}



.popup-container.unveil .txt-wrap .title {
    text-transform: uppercase;
}

.popup-container.unveil .txt-wrap .desc:before{
    content: '';
    display: block;
    margin: 1em auto;
    border-top: 1px solid var(--c-gold);
    height: 1px;
    width: 2em;
}


.popup-container.unveil   .popup  figcaption {
    margin-top:0.5em;
    font-size:var(--f-xs);
}
@media screen and (min-width:48em) {
   
.popup-container.unveil .popup {
 
    display: table;
    padding:1.5em;
} 

.popup-container.unveil .popup >div {
    display: table-cell;
    vertical-align: top;
    width:50%;
}

 

.popup-container.unveil   .popup  figure {
    margin:0;
}

.popup-container.unveil   .popup .txt-wrap {
    text-align: left;
    padding-left:1.5em;
}


.popup-container.unveil .txt-wrap .desc:before{
margin: 1em 0;
}

}


.page.designer .intro {
    text-align: center;
}

.page.designer .intro .name-job-wrap {
    color:var(--c-gold);
}
.page.designer .intro .name {
    text-transform: uppercase;
}
.page.designer .intro .job {
    font-style: italic;
}

.page.designer .intro .video-play-btn {
    margin-top:3em;
}
.page.designer .intro .desc {
    margin-top:3em;
}

.page.designer .intro .job:before{
    content: '';
    display: block;
    margin: 1em auto;
    border-top: 1px solid var(--c-gold);
    height: 1px;
    width: 2em;
}

.page.designer .gallery figcaption {
margin-top:0.75em;
font-family: var(--f-sans);
}
.page.designer .gallery {
    border-top:1px solid var(--c-grey-o4);
}
.page.designer .intro .content-wrap {
    max-width:48em;
    margin:auto;

    padding-bottom: 8em;
}
.page.designer .gallery .content-wrap {
    max-width:90em;
    margin:auto;
}
.page.designer .gallery .title {
    text-align: center;
    font-size:1.5em;
    margin:2em;
    text-transform: uppercase;
    font-family: var(--f-sans);
}

.page.designer .gallery figure {
    margin:4em auto;
}
@media screen and (min-width:48em) {

.page.designer .gallery .title {
    font-size:2.5em;
}
.page.designer .guide-arrow {
    color:var(--c-blue);
}

.page.designer .guide-arrow .icon {
    background-image:url(images/landing_arrow_down_blue.svg);
}
.page.we .item1 {
    margin-left:17%;
    width:66%;
    width:61%;
}

.page.we .item2 {
    margin-left:0%;
    width:50%;
    width:45%;
}


.page.we .item3 {
    margin-left:60%;
    width:40%;
    width:35%;
    margin-top:-12em;
}
.page.we .item4 {

    margin-left: 9%;
    width: 57%;

    width: 52%;

}

.page.we .item5 {
    margin-left: 43%;
    width: 56%;
    width: 51%;
}


.page.we .item6 {
    margin-left:0;
    width:32%;
    width:27%;
    margin-top:-12em;
}

.page.we .item7 {

    margin-left: 40%;
    width: 40%;
    width: 35%;
    margin-top: -12em;
}
.page.ll .item1 {
    width: 50%;
    width: 45%;
    margin-left: 0;
}
.page.ll .item2 {

    width: 41%;
    width: 36%;
    margin-left: 59%;
}
.page.ll .item3 {

    margin-left: 9%;
    width: 58%;
    width: 53%;
}
.page.ll .item4 {
    margin-left: 42%;
    width: 50%;
    width: 45%;
}
.page.ll .item5 {
    width: 58%;
    margin-left: 0;
    width: 53%;
}
.page.ll .item6 {

    margin-left: 25%;
    width: 50%;
    width: 45%;
}
.page.pl .item1 {
    margin-left: 8%;
    width: 41%;
    width: 36%;
}

.page.pl .item2 {

    margin-left: 51%;
    width: 49%;
    width: 44%;
}
.page.pl .item3 {
    margin-left: 0;
    width: 41%;
    width: 36%;
    margin-top: -13em;
}
.page.pl .item4 {
    margin-left: 25%;
    width: 50%;
    width: 45%;
}
.page.pl .item5 {
    margin-left: 8%;
    width: 75%;
    width: 70%;
}
.page.pl .item6 {
    margin-left: 42%;
    width: 58%;
    width: 53%;
}
}




.fancybox-button {
    background: none;
}

button[data-fancybox-thumbs],
button[data-fancybox-play] {
    display: none;
}

.fancybox-show-caption .fancybox-caption {
 font-family: var(--f-sans);
padding: 1em;
text-align: center; 
bottom: auto;
top: 0;
margin-top: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
padding:4em 1em 1em 1em;
}


@media screen and (min-width:64em) {

.fancybox-show-caption .fancybox-caption {
 padding: 1em 7em;
}
}
/*
.fancybox-show-caption .fancybox-caption .media-disclaimer {
	font-size:0.2em;
	line-height: 1;
	margin-top:1em;
}
.media-disclaimer .media-disclaimer-wrap {
    position: absolute;
    bottom:0;
    left:-100%;
    width:200%;
    z-index: 99993;
    display: flex;
    align-items:end;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
height:0;  
}
 
.media-disclaimer.active  .media-disclaimer-wrap {
    
    left:0;
}
*/






#pdf-reader {
    margin:0;
}
#pdf-reader .turn-page{
	background-color:#ccc;
}
 
#pdf-reader div img {
    display: block;
    width:100%;
}
/*
#pdf-reader div.page {
    background-repeat: no-repeat;
    background-size: cover;
}

#pdf-reader div.page.double {

}*/ 
.popup-container.pdf .cta { 
    margin-top:1em;
}
.popup-container.pdf .controls {
    padding: 0;
}

.popup-container.pdf .pagination {
    white-space: nowrap;
    font-size:0.75em;
}

.popup-container.pdf .cta a { 
display: inline-block;
font-size: 0.75em;
}


.popup-container.pdf,
.popup-container.pdf .popup ,
.popup-container.pdf .pdf-reader-container {
    position: fixed!important;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform:none;
    overflow:hidden;
    min-width:100%;
    padding:0;
}

.pdf-reader-container .container{
	position:absolute;
	top:50%;
	left:50%;
	margin:auto;
}


.pdf-reader-container .magazine{
 
}
.magazine-viewport .zoomer .region{
	display:none;
}

.popup-container.pdf .controls {

    position: absolute;
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.6);
z-index: 9;
}


.popup-container.pdf .controls,
.popup-container.pdf .controls a {
    color:#fff;
}

.popup-container.pdf .controls,
.popup-container.pdf .controls>div {
    display:flex;
    align-items: center;
    
}

.popup-container.pdf .controls a {
    width: 2.5em;
    height: 2.5em;
    background-size: 40%;
    background-position: center;
    display: block;
    background-repeat: no-repeat;

    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

.popup-container.pdf .controls a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.popup-container.pdf .controls .zoom a {
    background-image: url(images/pdf-reader_icon_zoom-in.svg);
}


.popup-container.pdf .controls .zoom a.zoomed {
    background-image: url(images/pdf-reader_icon_zoom-out.svg);
}


.popup-container.pdf .controls .prev a {
    background-image: url(images/pdf-reader_icon_prev.svg);
}

.popup-container.pdf .controls .next a {
    background-image: url(images/pdf-reader_icon_next.svg);
}

.popup-container.pdf .controls .close a {
    background-image: url(images/pdf-reader_icon_close.svg);
}
.popup-container.pdf .controls .download a {
    background-image: url(images/pdf-reader_icon_download.svg);
}

.popup-container.pdf .controls .pagination {

    padding: 0px 1em 0 1px;
    line-height: 1;
}

.popup-container.pdf .controls .pagination input {
    display: block;
    width: 3em;
    height: 3em;
    border: none;
    text-align: center;
    padding: 0; 
    outline: none;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    margin-right:0.5em;
    line-height: 1;
}


.popup-container.pdf .controls .pagination input[type=number]::-webkit-inner-spin-button,
.popup-container.pdf .controls .pagination input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
/*
.popup-container.pdf .magazine-viewport {

    display: flex;
    align-items: center;
}*/
#pdf-reader .page-content {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.exit-message {
    position: fixed;
    z-index: 999;
    top: 1em;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 0.5em 1em;
    font-size: 1em;
}


.magazine .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.magazine-viewport .zoomer .region{
	display:none;
}
.magazine .region{
	position:absolute;
	overflow:hidden;
	background:#0066FF;
	opacity:0.2;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.magazine .region:hover{
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.magazine .region.zoom{
	opacity:0.01;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}

.magazine .region.zoom:hover{
	opacity:0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}



.magazine-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.magazine .even .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

.magazine .odd .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}

.magazine-viewport .zoom-in .even .gradient,
.magazine-viewport .zoom-in .odd .gradient{

	display:none;

}
 

.magazine-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}
 

.animated{
	-webkit-transition:margin-left 0.5s;
	-moz-transition:margin-left 0.5s;
	-ms-transition:margin-left 0.5s;
	-o-transition:margin-left 0.5s;
	transition:margin-left 0.5s;
}

/* Horizontal Scroll Styles */
body.horizontal-scroll {
    overflow-x: hidden;
    overflow-y: hidden;
}

body.horizontal-scroll main {
    overflow: hidden;
    width: 100vw;
    position: relative;
}

body.horizontal-scroll header {
    width: 100vw;
    max-width: 100vw; 
}

body.horizontal-scroll header,
body.horizontal-scroll nav,
body.horizontal-scroll .nav-dots,
body.horizontal-scroll .nav-buttons {
    max-width: 100vw;
    box-sizing: border-box;
}

body.horizontal-scroll .sections-wrapper {
    position: relative;
    transform: translateX(0);
}

/* Navigation Dots */
.nav-container {
    position: fixed;
    bottom: 0;
    left:0;
    width:100dvw;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    padding: 0.5em;
    background-color: var(--c-white);
}
.nav-dots {

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
}
.nav-dots .dot {
    width: 0.75em;
    height: 0.75em;
    border-radius: 50%;
    border:1px solid var(--c-grey-dark);
    cursor: pointer;
    position: relative;
    display: block;
    
}
.nav-dots .item {
    position: relative;
}
.nav-dots .item:hover .dot{
    background-color: var(--c-grey-dark);
}

.nav-dots .item.active .dot{
    background-color: var(--c-grey-dark);
}

.nav-dots .item .label {
    position: absolute;
    bottom:1em;
    left: 50%;  
    font-size:0.75em;
    opacity: 0;
    transform:translateX(-50%);
    white-space: nowrap;
}


.nav-dots .item:hover .label {
    bottom:1em;
    opacity: 1;

}
/* Section active states */
section[for="klncity"] {
    opacity: 0.3;
    transition: opacity 0.5s ease;
}

section[for="klncity"].active {
    opacity: 1;
}
 
.nav-btn {

    }
    .nav-btn .icon {
        display: block;

    width: 2em;
    height: 2em;

    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center; 

    transition: all 0.3s ease;

    background-image:url(images/nav_arrow_next.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    } 
    .nav-btn.prev-btn {
        left:0em;
    }

    .nav-btn.prev-btn .icon {
        transform: rotate(180deg);
    }
    .nav-btn.next-btn {
        right:0em;
    }

.nav-btn:hover { 
    transform: scale(1.2) ;
}
    @media screen and (min-width:48em) {
  

    .nav-btn.prev-btn {
        left:1em;
    }
    .nav-btn.next-btn {
        right:1em;
    }
    }

.nav-btn.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}
/*
.nav-btn .icon {
    width: 20px;
    height: 20px;
    position: relative;
}
 
.nav-btn.prev-btn .icon {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid var(--c-gold);
    position: relative;
}

.nav-btn.next-btn .icon {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid var(--c-gold);
    position: relative;
}
*/
/* Mobile responsive adjustments */
@media screen and (max-width: 767px) {

}