@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 {
    --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-serif);
    min-height: 100%;
    min-height: fill-available;
    min-height: -webkit-fill-available;
    color: var(--c-bg);
    line-height: 1.5;
    font-weight: 300;
}

body {
    margin: 0;

    min-height: 100%;
    min-height: fill-available;
    min-height: -webkit-fill-available;
}

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;
    }

   
}
/*
.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-bg);
    cursor: pointer;
}

.cta {
    text-align: center;
}

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

    cursor: pointer;
}

.cta a.btn:hover {
    background-color: var(--c-bg);
    color: var(--c-gold);
}


.popup .cta a.btn {
    color: var(--c-bg);
    border: 1px solid var(--c-gold);

    background-color: var(--c-gold);
}

.popup .cta a.btn:hover {
    background-color: var(--c-gold);
    color: var(--c-bg);
    opacity: 0.7;
}


.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;

    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-blue);
    opacity: 0.9;
    
}
.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;
}
.pano-wrap .close,
.popup-container:not(.pdf) .close {

    display: block;
    width: 3em;
    height: 3em;
    background-image: url(images/icon_close_bg.svg);
    background-repeat: no-repeat;
    background-size: 1.5em;
    background-position: center;
    cursor: pointer;
    float: right;
    margin: -0.5em -0.5em 0.5em 0;
}

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

.popup.txt {
    padding: 0.5em 1em;
    height: 100%;
    max-width: 64em;
    max-height: 85dvh;
}
.popup.txt p {
    line-height: 1.25;
    font-size: 0.65em;
}
@media screen and (min-width:48em) {

    .popup.txt {
        padding: 2em;
    }

}

.popup.disclaimer {
    text-align: center;
}
.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;
}

section {

    margin: 0 0 0 0;
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    overflow: hidden;
}

.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;
}

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: center;
}

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;
}


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:1151px) {

    header {
        background-color: var(--c-mono);
    }

    .nav-on {
        overflow: hidden;
    }

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

    .nav-toggle a {
        background-color: var(--c-grey2);
        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-bg);
        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;

    }

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

    }

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

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

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

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

    nav.main {
        position: absolute;
        top: 0;
        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: 4em 1.5em;
        height: 100dvh;
        overflow-y: auto;
    }

    .nav-on nav.main {

        background-color: var(--c-burgundy);
        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;

    }


    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-grey2);
    }

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

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

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



@media screen and (min-width:72em) {
    header {
        background-color: var(--c-grey2);
        display: flex;
        align-items: center;
    }

    .nav-toggle {
        display: none;
    }
    header .logo a {
        padding: 1em;
        display: block;
    }
    header .logo span {
        display: block;
        width:1.5em;
        height:1.5em;
        background-image: url(images/brand_logo.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%;
    }

    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;
        position: relative;
        line-height: 1.25;

    }

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

    }
    nav.main .sales>ul>li.has-submenu>a {
        padding:1em 2em 1em 1em;
    }
    nav.main .sales .submenu {
        position: absolute;
        
        top: 3.6em;
        left: 0;
        background-color: var(--c-grey2);
        min-width: 100%;
        padding: 0.5em 0;
    }

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

    nav.main .sales .submenu a {
        display: block;
        font-size: var(--f-xxs);
        padding: 1.5em 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;
}

*/





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

.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;
}

.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;
}

@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%;
}


main {
    position: relative;
    z-index: 2;
    color: var(--c-light);
    text-align: center;
}


.content-wrap>* {
    margin:2em auto;
}

section:not(.poem) hgroup {
    text-transform: uppercase;
}

section:not(.poem) hgroup h2 {
    font-size: var(--f-xs);
    line-height: 1;
    padding-bottom: 1.5em;
    position: relative;
    margin: 0;
    margin-bottom: 1.5em;
}

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

    section:not(.poem) hgroup h2 {
        font-size: var(--f-sm);
    }
}

section:not(.poem) hgroup h2:after {
    content: '';
    width: 3em;
    display: block;
    height: 1px;
    background-color: var(--c-bg);
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1.5em;
}

section:not(.poem) hgroup {
    max-width: 48em; 

    margin: 0 auto 2em auto;
}

section:not(.poem) hgroup h3 {
    font-size: var(--f-l); 
    margin: 0;
    font-family: var(--f-sans);

} 


section.landing {
    color:var(--c-white);
}
section.landing hgroup {

    margin: auto;
    position: absolute;
    bottom: 10em;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 18em;
    z-index: 2;
    display:none;
}



section.landing hgroup h1 {
    text-align: left;
    text-indent: -99999em;
    width: 100%;
    padding-bottom: 53%;
    background-image: url(images/landing_logo.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    height: 0;
}
section.landing hgroup h2 {
    display: none;
}

section.landing hgroup h2:after {
    content:none;
}
section.landing hgroup figure {
    margin: 0;
}
section.landing hgroup figure img {
    display:block;
    margin: 2em auto 0 auto;
    width:3em;
    height:3em;
    object-fit: contain;
    filter: brightness(2) grayscale(1);
}
/*
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.landing .arrow .txt {
    font-family: var(--f-serif);
}

section.landing .video-wrap {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100dvh;
    margin:0;
    z-index: 1;
}
section.landing .foot-disclaimer {
    z-index: 2;
    max-height: 2.25em;
    line-height: 1.5;
}

.ver section.landing .video-wrap video.desktop {
    display: none;
}

.sq section.landing .video-wrap video.mobile,
.hor section.landing .video-wrap video.mobile {
        display: none;
}



.ver section.landing {
    justify-content: start;
} 
.ver section.landing .content-wrap {
    padding: 0 0 0 0;
}

section.landing .guide-arrow {
    display: none;
}
section.landing .video-wrap {
    overflow: hidden;
}
section.landing .video-wrap video.mobile {
    position: absolute;
    top: calc(50% + 2em);
    left: 50%;
    z-index: 1;
    display: block;
    transform: translate(-50%, -50%);
    min-height: calc(100dvh);
    height: 190vw;
}


.hor section.landing .video-wrap video.desktop {
  
    position: absolute;
    top: 3em;
    left: 50%;
    z-index: 1;
    display: block;
    transform: translateX(-50%);
    height: calc(110dvh);
}
.sq section.landing .video-wrap video.desktop {
    
 
    position: absolute;
    top: 3em;
    left: 50%;
    z-index: 1;
    display: block;
    transform: translateX(-50%);
    height: calc(110dvh);
}

.wide section.landing .video-wrap video.desktop {
  
    position: absolute;
    bottom: -9vw;
    left: 0;
    z-index: 2;
    display: block;
    width:100vw;
}
section.poem hgroup {
    width: 7em; 
}

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

    section.poem hgroup {
        width: 11em; 
    }
}

section.poem .txt-wrap {

    font-size: var(--f-xs);
    font-style: italic; position: relative;
    z-index: 3;
}

@media screen and (min-width:48em) {
section.poem .txt-wrap {

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

section.poem .txt-wrap span {
    display: block;
    margin: 0em auto;
}
section.poem .bg,
section.poem .bg img,
section.poem .bg-mask {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
z-index: 1;
}
/*
section.poem .bg {
z-index: 1;
}
section.poem .bg img {
opacity: 0.2;
}
section.poem .bg-mask {
    z-index: 2;
    background-color:var(--c-grey2);
}
*/

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

    section:not(.txt-wrap) hgroup h3 {

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


section.heritage .collage {
    
    position: relative;
    height:120vw;

    margin: 0 -1.25em;
}

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

section.heritage .collage {

    height:45vw;
    margin:0 -4em;
}
}

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

    section.heritage .collage {
        height:40em;
        width:90em;
        margin:auto;
    }
    }

section.heritage .collage >figure {
    position: absolute;
}

section.heritage .collage >figure> img {
    box-shadow: 0 0.2em 0.3em rgba(0,0,0,0.25);
}
section.heritage .collage .club {

    width: 42%;
    bottom: 14%;
    left: 6%;
    z-index: 2;
}
section.heritage .collage .cheung {
    width: 29%;
    bottom: 0;
    right: 4%;
}
section.heritage .collage .harry {

    width: 34%;
    top: 0;
    left: -4%;
}
section.heritage .collage .roof {

    width: 50%;
    top: 39%;
    left: 20%;
}
section.heritage .collage .cinema {

    width: 50%;
    top: 7%;
    right: -1%;
} 


@media screen and (min-width:48em) {
    section.heritage .collage .club {

        width: 21%;
        bottom: 2%;
        left: 18%;
    }
    section.heritage .collage .cheung {
      
    width: 16%;
    bottom: 0;
    right: 12%;
    }
    section.heritage .collage .harry {
    
        width: 22%;
        top: 0;
        left: -4%;
    }
    section.heritage .collage .roof {
    
        width: 33%;
        top: 22%;
        left: 27%;
    }
    section.heritage .collage .cinema {
    
      
    width: 29%;
    top: 6%;
    right: 4%;
    } 
    
}


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-active header {
    transform:translateY(-150%);
}
.pano-active .section-nav {
    position:relative;
       z-index: 12;
}

.pano-active .section-nav {
}
.pano-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    clip-path: inset( 100% 0 0 0);
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    background-color:rgba(0,0,0,0.8);
    margin:0;
    opacity: 0; 
}
.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;
} 
.pano-active .pano-wrap {
    clip-path: inset(0 0 0 0);
    opacity: 1;
}

.pano-active .neighborhood .section-nav {
    position: absolute;

    bottom: 4em;
    left: 0;
    width: 100%;
    padding:0 1em;

}

.pano-active .neighborhood .section-nav ul {

    border: none;
    display: flex;
    gap: 1em;
    align-items: center;
    justify-content: center;

    max-width: 16em;
    margin: auto;
}

.pano-active .neighborhood .section-nav ul li {
 
border:none; 
}
.pano-active .neighborhood .section-nav a {
    background-color: rgba(255, 255, 255, 0.8);
    color:var(--c-black);
}

.pano-active .neighborhood .section-nav a.active {
    color:var(--c-gold);
}
.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 .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: 3em;
    height: 3em; 
    font-size: 1em;
    color:#fff;
    margin-left: 0em;
    line-height: 3.5em;
    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:3em;
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/slider_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width:3em;
    height:3em;
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;
        width:90%;
    }
    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 .item{
    margin:2em auto;
    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 {
    text-align: left;
}
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:-3em;
    }
    .swiper-buttons>.swiper-button-next {
        right:-3em;
    }
}
@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;
}