/*!
Theme Name: twotwo
Theme URI: https://2m2design.com/
Author: YESON YE
Author URI: https://yesonstyle.com/
Description: twotwo wordpress theme for Atelier 2M2.
Version: 1.0
Text Domain: twotwo
Tags: Clean, Minimalism, Custom-menu, Featured-images
*/

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    src: local('SF Pro Display'), url('fonts/SFPRODISPLAYREGULAR.woff') format('woff');
}
@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    src: local('SF Pro Display'), url('fonts/SFPRODISPLAYMEDIUM.woff') format('woff');
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.lazyload, .lazyloading {
	opacity: 0
}

.lazyloaded {
	opacity: 1;
	-webkit-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms
}
img{
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-transition: all .3s ease-in-out; 
    -moz-transition: all .3s ease-in-out; 
    -ms-transition: all .3s ease-in-out; 
    -o-transition: all .3s ease-in-out; 
    transition: all .3s ease-in-out; 
}
body {
    font-family: 'SF Pro Display',Helvetica, 'Helvetica Neue', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    color: #000000;
	font-size: 14px;
    line-height: 1.3;
}
.container, body, html {
    width: 100%;
    height: 100%;
    overflow: hidden; 
}

.container {
    margin: 0 auto;
    padding:60px 0px;
}
a {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: underline;
}
a.is-active{
    text-decoration: underline;
}

.page-shroud{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
    background: rgba(255, 255, 255,1);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.bg9{
    background: rgba(255, 255, 255,.9);
}
.page-shroud.is-active{
    display: block;
}
.is-about-active .page-shroud, .page-shroud.is-active {
	display: block
}
.Absurdity,.Reality,.Reason,.Criticism,.Practice,.Atelier{
    display: none;
}
.Absurdity.is-active,.Reality.is-active,.Reason.is-active,.Criticism.is-active,.Practice.is-active,.Atelier.is-active{
    display: block;
}

.menu-list div{
    display: none;

}
.menu-list div.is-active{
    display: block;

}
.menu-list.is-active{
    visibility: visible;
}
.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}
.menu ul li{
    display: inline-block;
}
.menu-list{
    position: absolute;
    top: 0;
    z-index: 11;
    width:100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
	visibility: hidden;
    overflow: hidden;
    background-color: #FFF;
}
.project-list{
    position: absolute;
    z-index: 30;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    touch-action: none; 
}
.project-list ul {
    margin: 0;
    padding: 0;
    font-size: 0px;
    list-style: none;
    display: inline-block;
    display: flex;
    touch-action: pan-x; /* 允许水平滚动 */
    transition: transform 0.1s ease-out; /* 平滑过渡 */

    justify-content: center;
    align-items: center;
}
.project-list ul li{
    font-size: 14px;
    padding: 4px;
    display: inline-block;
    
}
.project-list ul li img{
    max-height: 150px;
    width:auto;
}


.swiper,.swiper-works{
    width:100%;
    height:100%;
}
.swiper-wrapper{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
    width:100%;
    height:100%;
    display: -webkit-inline-box;
}
.swiper-slide{
    width:100%;
    height:100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 60px;
}
.gallery-item img {
    width:100%;
    height:100%;
    transform: scale(1); /* 缩小到60% */
    object-fit: contain;
}
.onlyone img{
    transform: scale(1); /* 缩小到50% */
}
.gallery-item{
    width: 100%;
    height: 100%;
}
.gallery > div:first-child a{
    padding-right: 0px;
}
.gallery > div:last-child a{
    padding-left: 0px;
}
.gallery-item.onlyone a{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 100%; /* 占满整个视口高度 */
    width: 100%; /* 占满整个视口宽度 */
}
.gallery-item.onlyone{
    width: 100%;
    height: 100%;
}
.gallery-item.mulitem{
    width: 50%;
    height: 100%;
}
.gallery-item.mulitem a{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 100%; /* 占满整个视口高度 */
    width: 100%; /* 占满整个视口宽度 */
}

.works-item.active {
    display: block;
}
.works{
    width: 100%; 
    height: 100%;
    cursor: pointer;
}

.works-cover,.works-two,.works-one,.works-info{
    width: 100%;
    height: 100%;
    display: flex
;
}

.works-cover div,.works-two div,.works-info div{
    width:50%;
    height: 100%;
    text-align: center;
}
.works-one div{
    width:100%;
    height: 100%;
    text-align: center;
}
.works-cover div img,.works-two div img,.works-one div img,.works-info div img{
    width:100%;
    height:100%;
    transform: scale(1); 
    object-fit: contain;
}

.cover-text{
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.news-text{
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.news-text p{
    max-width: 480px;
    margin: 0 auto;
}
.cover-text >p:last-child{
    margin-top:70px;
}
.cover-text >p:first-child{
    margin-top:0px;
}
.info-text{
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cover-text p,.info-text p{
    max-width:432px;
    margin: 0 auto;
}
.works-title{
    position: absolute;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    width: 100%;
    bottom:55px;
}
.works-img video,.gallery-item video,.wp-block-video video{
    width: 60%;
    height: 60%;
    object-fit: contain;
}
.works-video,.wp-block-video{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    align-items: center;
    width:100%;
    height:100%;
}

.footer {
    position:absolute;
    text-align: center;
    width:100%;
    font-size: 14px;
    bottom:0px;
    z-index: 100;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    background-color: rgba(255, 255, 255, .72);
    padding-bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.footer h3 {
    font-weight: normal;
    margin-bottom: 5px;
}

.about-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 15;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	visibility: hidden;
	-webkit-tap-highlight-color:transparent;
    padding-bottom: 80px;
}

.is-about-active .about-overlay{
	visibility: visible;
}
.is-about-active .page-shroud, .page-shroud.is-active {
	display: block
}

.about-overlay a:hover {
	color: rgba(0, 0, 0, .8)
}

.about-section {
	position: relative;
	width: 100%;
	margin: 0 auto;
	max-width: 297px
}
.about-section:not(:last-child).about-section--list {
	margin-bottom: 5.2em
}
.about-overlay__close {
	position: fixed;
	position: -webkit-sticky;
	position: sticky;
	float: right;
	top: 0;
	right: 0;
	z-index: 30;
	width: 20px;
	height: 20px;
	text-align: left;
	padding: 10px 0
}
.about-overlay__wrap {
	padding: 8px 22px;
}
.no-scroll {
    overflow: hidden;
}
.about-main-title {
	display: none
}
.about-title{
    padding-top: 135px;
    padding-bottom: 35px;
}
.about-title,.t-paragraphs p,.t-paragraphs h2{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 18px;
}
.t-paragraphs h2{
    padding-top:135px;
    padding-bottom:35px;
}
.t-paragraphs > p:last-child{
    margin-bottom: 5.2em;
}
.about-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about-section ul li{
    text-align: center;
}

.show-on-mobile {
    display: none !important
}
.mobile-menu{
    position: absolute;
    top:0px;
    padding-top: 15px;
    width: 100%;
    text-align: center;
    z-index: 14;
}
.align-list{
    left: 0%;
    top: 50%;
    transform: translate(0%, -50%);
}


img.lazyloaded {
    opacity: 1;
}
.mouse-hint {
    position: fixed;
    color: #000;
    padding: 6px 6px;
    font-size: 11px;
    pointer-events: none; /* 防止提示框干扰鼠标事件 */
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.logo-menu ul li{
    font-size: 14px;
    padding: 1px;
    display: inline-block;
}
.onmenu-text{
    text-decoration: underline;
}
.project-list img.lazyload {
  display: block;
  width: 100%;
  height: auto;
  background-color: #f9f9f9; /* 占位背景色 */
  background-image: url('data:image/gif;base64,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'); /* 简单的加载图标 */
  background-position: center;
  background-repeat: no-repeat;
}


  /* 小于640px - 通常是手机竖屏 */
  @media (max-width: 639px) {
    .show-on-mobile {
		display: block !important
	}
    .hide-on-mobile {
		display: none !important
	}
    .project-list ul li img{
        max-height: 170px;
        width:auto;
    }
    
    .gallery{
        align-content: center;
        justify-content: center;
        padding:0px 30px
    }
    .gallery-item.mulitem{
        width:100%;
        height:50%
    }
    .gallery-item.mulitem a{
        height: 100%;
        width: 100%;
    }
    
    .works-img video,.gallery-item video{
        width: 100%;
        height: 100%;
    }

    .works-cover, .works-two, .works-one, .works-info {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: space-around;
        width: 100%;
        height: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
    }
    .works-cover div, .works-two div, .works-info div {
        width:100%;
        height: 50%;
    }
   

    .works-one div{
        width:100%;
        height: 100%;
    }
    .works-info div{
        padding-bottom: 55px;
        height: 100%;
    }
    .works > div:last-child .works-info{
        flex-direction: column-reverse;
    }
    .works-title {
        top: 31px;
        bottom: auto;
    }
    .cover-text, .info-text {
        width:447px;
    }
    .works-item{
        padding:0 30px
    }
    .works-video, .wp-block-video{
        height:50%;
    }
    .works-img video, .gallery-item video, .wp-block-video video {
        width: 100%;
        height: 100%;
    }
    .cover-text >p:last-child{
        display: none;
    }
    .cover-text >p:first-child{
        display: block;
    }
    div[reason] .last-real-slide > div:first-child div:last-child,div[absurdity] .last-real-slide > div:first-child div:last-child,div[reality] .last-real-slide > div:first-child div:last-child,div[criticism] .last-real-slide > div:first-child div:last-child,div[practice] .last-real-slide > div:first-child div:last-child{
        display:none;
    }
  }
  
  /* 640px至768px - 大手机/小平板竖屏 */
  @media (min-width: 640px) and (max-width: 767px) {
    .hide-on-mobile {
		display: none !important
	}
    .show-on-mobile {
		display: block !important
	}
    .about-section {
        max-width: 75%
    }
    .project-list ul li img{
        max-height: 170px;
        width:auto;
    }
    
    .gallery{
        align-content: center;
        justify-content: center;
    }
    .gallery-item.mulitem{
        width:100%;
        height:50%
    }
    .gallery-item.mulitem a{
        height: 100%;
        width: 100%;
    }
    
    .works-img video,.gallery-item video{
        width: 100%;
        height: 100%;
    }
    .works-title {
        top: 31px;
        bottom: auto;
    }
    .works-cover, .works-two, .works-one, .works-info {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: space-around;
        width: 100%;
        height: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
    }
    .works-cover div, .works-two div, .works-info div {
        width:100%;
        height: 50%;
    }
    .works-one div{
        width:100%;
        height: 100%;
    }
    .works-info div{
        height: 100%;
    }
    .works > div:last-child .works-info{
        flex-direction: column-reverse;
    }
    .cover-text, .info-text {
        width:447px;
    }
    .works-item{
        padding:0 30px
    }
    .cover-text >p:last-child{
        display: none;
    }
    .cover-text >p:first-child{
        display: block;
    }
    .works-video, .wp-block-video {
        height: 50%;
    }
  }
  
  /* 768px至1024px - 竖版 - 平板竖屏/小笔记本 */
  @media (min-width: 768px) and (max-width: 1023px) {
    .about-section {
        max-width: 75%
    }
    .footer{
        display: flex;
        flex-flow: column-reverse;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: center;
    }
    .logo-text{
        margin-right: 17px;
    }
    .project-list ul li img{
        max-height: 170px;
        width:auto;
    }
    .gallery{
        padding: 0 60px;
    }
    .gallery-item.mulitem{
        width:100%;
        height:50%
    }
    .gallery-item.mulitem a{
        height: 100%;
        width: 100%;
    }
    .gallery-item img{ 
        transform: scale(1);
    }
    .gallery-item {

        padding: 30px 0;
        max-width: calc((100vh - (59px * 2)) / 2);
    }
    .works-img video,.gallery-item video{
        width: 100%;
        height: 100%;
    }
    .works-title {
        top: 20px;
        bottom: auto;
    }
    .works-cover, .works-two, .works-one, .works-info {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: space-around;
        width: 100%;
        height: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
    }
    .works-cover div, .works-two div, .works-info div {
        width:100%;
        height: 50%;
    }
    
    .works-one div{
        width:100%;
        height: 100%;
    }
    .works-info{
        flex-direction: column-reverse;
    }
    
    .cover-text, .info-text {
        width:447px;
    }
    .works-item{
        padding:0 30px
    }
    .works-img video, .gallery-item video, .wp-block-video video {
        width: 90%;
        height: 90%;
    }
    .works-video, .wp-block-video {
        height: 50%;
    }
  }
  /* 768px至1024px - 竖版 - 平板竖屏/小笔记本 */
  @media (min-width: 1024px) and (max-width: 1279px) and (orientation: portrait) {
    .about-section {
        max-width: 447px
    }
    .footer{
        display: flex;
        flex-flow: column-reverse;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: center;
    }

    .logo-text{
        margin-right: 17px;
    }
    .project-list ul li img{
        max-height: 170px;
        width:auto;
    }
    .gallery{
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .gallery-item.mulitem{
        width:100%;
        height:50%
    }
    .gallery-item img{
        transform: scale(1);
    }
    .works-cover, .works-two, .works-one, .works-info {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: space-around;
        width: 100%;
        height: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
    }
    .works-cover div, .works-two div, .works-info div {
        width:100%;
        height: 50%;
    }

    .works-img video,.gallery-item video{
        width: 100%;
        height: 100%;
    }
    .works-one div{
        width:100%;
        height: 100%;
    }
    .works-info{
        flex-direction: column-reverse;
    }
    .works-title {
        top: 12px;
        bottom: auto;
    }
    .works-item{
        padding:0 30px
    }
    .cover-text, .info-text {
        width:447px;
    }
    .works-img video, .gallery-item video, .wp-block-video video {
        width: 90%;
        height: 90%;
    }
    .works-video, .wp-block-video {
        height: 50%;
    }
  }

  /* 1024px至1440px - 横版 - 平板横屏/小桌面 */
  @media (min-width: 1024px) and (max-width: 1279px)  and (orientation: landscape) {
    .about-section {
        max-width: 447px
    }
    .footer{
        display: flex;
        flex-flow: column-reverse;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: center;
    }
    .logo-text{
        margin-right: 17px;
    }
    .project-list ul li img{
        max-height: 170px;
        width:auto;
    }
    .gallery{
        padding: 0 30px;
    }
    .gallery-item{
        padding: 0 15px;
    }
    .gallery-item img{
        max-width: 100%;
        transform: scale(1);
        width: calc(100vh - 118px);
        max-height: calc(50vw - 88.5px);
    }
    .onlyone img{
        width:100%
    }
   
    .works-title {
        top: 12px;
        bottom: auto;
    }
    .cover-text p, .info-text p, .news-text p {
        max-width: 320px;
        margin: 0 auto;
    }
    .news-text >p:last-child {
        margin-top: 40px;
    }
    .works-item{
        padding:0 30px
    }
  }
  @media (min-width: 1280px) and (max-width: 1439px) {
    .works-cover div img, .works-two div img, .works-one div img, .works-info div img{
        max-width: none;
        width:100%;
    }
    .works-item{
        padding:0 60px
    }
  }
  /* 1440px至1920px - 标准桌面显示器 */
  @media (min-width: 1440px) and (max-width: 1919px) {
    .about-section {
        max-width: 297px
    }
    .project-list ul li img{
        max-height: 150px;
        width:auto;
    }
    .works-cover div img, .works-two div img, .works-one div img, .works-info div img{
        width:100%;
    }
    .works-item{
        padding:0 60px
    }
        
  }
  
  /* 大于1920px - 大屏幕显示器 */
  @media (min-width: 1920px) {
    .about-section {
        max-width: 400px
    }
    .project-list ul li img{
        max-height: 180px;
        width:auto;
    }
    .works-item{
        padding:0 60px
    }
  }

/* */
@media (orientation:landscape) {
	.img-container, .text-container {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding: 0 15px;
		height: 100%;
		width: 50%
	}

}

@media (orientation:landscape) and (min-width:768px) {
	.img-container, .text-container {
		padding: 0 15px
	}

}

@media (orientation:landscape) and (min-width:1280px) {
	.img-container, .text-container {
		padding: 0 30px
	}

}

@media (orientation:portrait) {
	.img-container, .text-container {
		width: 100%;
		height: 50%;
		padding: 15px 0
	}

	.img-container:first-child, .text-container:first-child {
		padding-top: 0
	}

	.img-container:last-child, .text-container:last-child {
		padding-bottom: 0
	}

}

@media (orientation:portrait) and (min-width:768px) {
	.img-container, .text-container {
		padding: 30px 0
	}

}

@media (orientation:landscape) {
	.img-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 50%
	}

	.img-container img {
		width: calc(100vh - 86px);
		max-width: 100%;
		max-height: calc(50vw - 108px);
		margin: 0 auto
	}

	.img-container.img-container--wide {
		width: 100%;
		max-width: 100%
	}

	.img-container.img-container--wide img {
		width: 100%
	}

}

@media (orientation:landscape) and (min-width:768px) {
	.img-container img {
		width: calc(100vh - 118px);
		max-height: calc(50vw - 88.5px)
	}

}

@media (orientation:landscape) and (min-width:1280px) {
	.img-container img {
		width: calc(100vh - 144px);
		max-height: calc(50vw - 148px)
	}

}

@media (orientation:landscape) and (min-width:1680px) {
	.img-container {
		padding: 0
	}

	.img-container img {
		max-width: 60%;
		max-height: 60%
	}

}

@media (orientation:landscape) and (min-width:1024px) and (max-height:567px) {
	.img-container img {
		width: 450px
	}

}

@media (orientation:portrait) {
	.img-container {
		max-width: calc((100vh)/2)
	}

}

@media (orientation:portrait) and (min-width:768px) {
	.img-container {
		max-width: calc((100vh - (59px * 2))/2)
	}

}

.swiper-container {
  touch-action: pan-y; /* 垂直方向允许触摸滚动 */
  /* 或者 */
  touch-action: none; /* 完全由 JavaScript 控制触摸行为 */
}

.img-container img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.menu ul > li:not(:last-child)::after {
    content: ", ";
}