@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Extra+Condensed:ital,wght@1,800;1,900&display=swap');

:root	{
	--color-black: #000;
	--color-white: #fff;
	--color-prm: #AAFF03;
	--color-sec: #2094A9;
	--font-entt: "Sofia Sans Extra Condensed", sans-serif;
	--font-entx: "sofia-pro",sans-serif;
}
/* ------------ FONT
.sofia-sans-extra-condensed-<uniquifier> {
  font-family: "Sofia Sans Extra Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: italic;
}
.tk-sofia-pro { font-family: "sofia-pro",sans-serif; }

------------- */

#contents { margin: 0 auto; }
#lgzcontents	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0; margin: 0; letter-spacing: 0; font-style: normal; line-height:1.75; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased; container-type: inline-size; position: relative; }
#lgzcontents *	{ letter-spacing:0; }
#lgzcontents .en	{ font-family: var(--font-en); font-optical-sizing: auto; font-weight: 400; font-style: normal; }
#lgzcontents img, 
#lgzcontents picture,
#lgzcontents video	{ width: 100%; height: auto; vertical-align: bottom; line-height: 1; }
#lgzcontents img	{ width: 100%; height: auto; vertical-align: bottom; line-height: 0; }
#lgzcontents ul:before,
#lgzcontents ol:before,
#lgzcontents dl:before, 
#lgzcontents ul:after, 
#lgzcontents ol:after, 
#lgzcontents li:after, 
#lgzcontents dl:after	{ display: none!important; }
#lgzcontents .small	{ font-size:80%; }
#lgzcontents .center-text	{ text-align: center; }
.speedoFooter	{ margin-top: 0!important; }

/* ------------ FADEIN ------------- */
.scrollIn	{ opacity: 0; transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); }
.scrollIn.active	{ opacity: 1; transition-delay: .3s; }
.scrollActive	{ opacity: 0; transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); }
.scrollActive.active	{ opacity: 1; transition-delay: .3s; }
@keyframes fadein	{ 
	from	{ opacity: 0; }
	to	{ opacity: 1; }
}

/* ------------ MASK ANIMATION TXT ------------- */
.maskani	{ 
	-webkit-mask-image: linear-gradient(to right, #000 0%, #000 45%, rgba(0,0,0,0.6) 50%, transparent 55%);
	mask-image: linear-gradient(to right, #000 0%, #000 45%, rgba(0,0,0,0.6) 50%, transparent 55%);
	-webkit-mask-size: 200% 100%;
	mask-size: 200% 100%;
	-webkit-mask-position: 100% 0;
	mask-position: 100% 0;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	transition: -webkit-mask-position 1.6s cubic-bezier(0.1, 0.6, 0.2, 1);
	transition: mask-position 1.6s cubic-bezier(0.1, 0.6, 0.2, 1);
}
.maskani.active 	{
	-webkit-mask-image: linear-gradient(to right, #000 0%, #000 50%, transparent 50%);
	mask-image: linear-gradient(to right, #000 0%, #000 50%, transparent 50%); 
	-webkit-mask-position: 0 0; 
	mask-position: 0 0; 
	transition-delay: .6s; 
}
.maskani	{ transform: translateX(-1cqw); opacity: 0; transition: mask-position 1.8s ease, transform 1.8s ease, opacity 1s ease; }
.maskani.active 	{ transform: translateX(0); opacity: 1; }

/* ------------ MASK ANIMATION IMG ------------- */
.imgmask	{ position: relative; overflow: hidden; clip-path: inset(0 0 100% 0); transition: clip-path 1.8s cubic-bezier(0.25, 1, 0.5, 1);  }
.imgmask.active	{ clip-path: inset(0 0 0 0); -webkit-transition-delay: .3s; transition-delay: .3s; }
.imgmask.is-bottom	{ clip-path: inset(100% 0 0 0); }
.imgmask.is-bottom.active	{ clip-path: inset(0 0 0 0); -webkit-transition-delay: .3s; transition-delay: .3s; }
@media (max-width: 766.9px)	{ 
	.imgmask.spactive	{ clip-path: inset(0 0 0 0); -webkit-transition-delay: .3s; transition-delay: .3s; }
}



/* ------------ MAIN ------------- */
.splash_wrapper	{ width: 100%; display: flex; flex-direction: column; position: relative; }
.mainimg_wrapper	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: var(--color-prm); }
.mainimg_inner	{ width: 100%; display: flex; align-items: center; justify-content: center; }
.mainimg_inner > ul	{ width: 100%; display: flex; }
.mainimg_inner > ul > li	{ width: 50%; display: flex; flex-grow: 1; }
.mainimg_inner > ul > li.imgmask.active	{ -webkit-transition-delay: .6s; transition-delay: .6s; }
.mainimg_inner > ul > li:nth-child(2).imgmask.active	{ -webkit-transition-delay: .8s; transition-delay: .8s; }
@media (min-width: 767px)	{ 
	.mainimg_wrapper	{ height: 100%; aspect-ratio: 720 / 469; position: -webkit-sticky; position: sticky; top: 70px; left: 0; right: 0; }
	.mainimg_wrapper.spview	{ display: none; }
	.mainimg_inner > ul > li:first-child	{ margin-right: -1px;  }
}
@media (max-width: 766.9px)	{ 
	.mainimg_wrapper.pcview	{ display: none; }
	.mainimg_wrapper	{ height: calc(50vh - 37px); height: calc(50svh - 37px); position: -webkit-sticky; position: sticky; top: 49px; left: 0; right: 0; margin: 0 0 -1px; }
	.mainimg_inner > ul	{ flex-wrap: wrap; position: relative; }
	.mainimg_inner > ul > li	{ width: 100%; position: -webkit-sticky; position: sticky; top: 49px; left: 0; right: 0; }
}

/* ------------ MIDDLE IMG ------------- */
.middleimg_wrapper	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: var(--color-prm); z-index: 1; }
.middleimg_inner	{ width: 100%; display: flex; align-items: center; justify-content: center; }
.middleimg_inner > ul	{ width: 100%; display: flex; }
.middleimg_inner > ul > li	{ width: 50%; display: flex; }
@media (min-width: 767px)	{ 
	.middleimg_wrapper	{ position: -webkit-sticky; position: sticky; top: 70px; left: 0; right: 0; overflow: hidden; }
	.middleimg_wrapper.spview	{ display: none; }
	.middleimg_inner > ul > li.imgmask.active	{ -webkit-transition-delay: .6s; transition-delay: .6s; }
	.middleimg_inner > ul > li:nth-child(2).imgmask.active	{ -webkit-transition-delay: .8s; transition-delay: .8s; }
	.middleimg_inner > ul > li:first-child	{ margin-right: -1px;  }
	.middleimg_inner > ul > li:nth-child(2)	{ margin-right: -2px; }
}
@media (max-width: 766.9px)	{ 
	.middleimg_wrapper	{ position: -webkit-sticky; position: sticky; top: 49px; left: 0; right: 0; }
	.middleimg_wrapper.pcview	{ display: none; }
	.middleimg_inner > ul	{ flex-wrap: wrap; position: relative; }
	.middleimg_inner > ul > li	{ width: 100%; position: -webkit-sticky; position: sticky; top: 49px; left: 0; right: 0; }
}

/* ------------ MAIN LOGO ------------- */
.mainlogo_wrapper	{ width: 100%; height: auto; aspect-ratio: 2000 / 1303; max-height: calc(100vh - 80px); max-height: calc(100svh - 80px); position: absolute; top: 0; left: 0; right: 0; z-index: 6; }
.mainlogo_inner	{ width: 100%; height: 100%; inset: 0; display: flex; align-items: flex-end; justify-content: center; }
.logo-container	{ width: 64%; margin: 0 0 3cqw; }
.splash-logo	{ color: var(--color-prm); width: 100%; height: auto; }
.splash-logo path {
  --delay-base: 1s;
  opacity: 1;
  transform: translateY(100%) translateZ(0); 
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.1, 0.6, 0.2, 1), opacity 0.8s cubic-bezier(0.1, 0.6, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.1, 0.6, 0.2, 1), opacity 0.8s cubic-bezier(0.1, 0.6, 0.2, 1);
}
.logo-container.active .splash-logo path { opacity: 1; transform: translateY(0) translateZ(0); }
.logo-container.active .splash-logo path:nth-child(1)  { transition-delay: calc(var(--delay-base) + 0.08s); }
.logo-container.active .splash-logo path:nth-child(2)  { transition-delay: calc(var(--delay-base) + 0.16s); }
.logo-container.active .splash-logo path:nth-child(3)  { transition-delay: calc(var(--delay-base) + 0.24s); }
.logo-container.active .splash-logo path:nth-child(4)  { transition-delay: calc(var(--delay-base) + 0.32s); }
.logo-container.active .splash-logo path:nth-child(5)  { transition-delay: calc(var(--delay-base) + 0.40s); }
.logo-container.active .splash-logo path:nth-child(6)  { transition-delay: calc(var(--delay-base) + 0.48s); }
.logo-container.active .splash-logo path:nth-child(7)  { transition-delay: calc(var(--delay-base) + 0.56s); }
.logo-container.active .splash-logo path:nth-child(8)  { transition-delay: calc(var(--delay-base) + 0.64s); }
.logo-container.active .splash-logo path:nth-child(9)  { transition-delay: calc(var(--delay-base) + 0.72s); }
.logo-container.active .splash-logo path:nth-child(10) { transition-delay: calc(var(--delay-base) + 0.80s); }
.logo-container.active .splash-logo path:nth-child(11) { transition-delay: calc(var(--delay-base) + 0.88s); }
.logo-container.active .splash-logo path:nth-child(12) { transition-delay: calc(var(--delay-base) + 0.96s); }
@media (max-width: 766.9px)	{ 
	.mainlogo_wrapper	{ height: calc(50vh - 20px); height: calc(50svh - 20px); }
	.mainlogo_inner	{ height: 100%; }
	.logo-container	{ width: 87.6%; margin: 0; }
}

/* ------------ INTRODUCTION ------------- */
.introduction_wrapper	{ width: 100%; height: 100%; aspect-ratio: 4 / 5; opacity: 1; background-color: var(--color-prm); position: relative;  z-index: 1;}
.introduction_inner	{ width: 100%; height: 100%; position: absolute; inset: 0; z-index: 2; }
.introduction_inner > p	{ position: absolute; color: #fff; font-size: 6.736cqw; font-family: var(--font-entt); font-weight: 800; font-style: italic; line-height: 1; }
.introduction_inner > p.sun	{ left: 15.3cqw; top: 24cqw; }
.introduction_inner > p.fun	{ left: 28.8cqw; top: 56cqw; }
@media (max-width: 766.9px)	{ 
	.introduction_wrapper	{ aspect-ratio: 2 / 5; }
	.introduction_inner > p	{ font-size: 15.384cqw; line-height: 1.1666; }
	.introduction_inner > p.sun	{ left: 13cqw; top: 16cqw; }
	.introduction_inner > p.fun	{ left: 43cqw; top: 75cqw; }
}

/* ------------ ITEM AREA ------------- */
.itemarea_wrapper { width: 100%; padding: 1.75cqw 3cqw 1.75cqw 1.75cqw; background-color: var(--color-prm); position: relative; z-index: 1; }
.itemarea_inner { width: 100%; display: flex; }
.item_imgarea { width: 48.25cqw; position: relative; }
.item_txtarea { flex-grow: 1; position: relative; }

/* -- TITLE -- */
.ttlanm	{ position: absolute; display: flex; align-items: center; justify-content: flex-start; top: 7cqw; left: 43cqw; width: 28.5cqw; z-index: 2; }
.ttlanm > h3	{ display: flex; min-width: 28.5cqw; container-type: inline-size; }
.ttlanm > h3 > p	{ overflow: hidden; padding: 0 .5em 0 0; display: flex; }
.ttlanm > h3 > p, 
.ttlanm > h3 > p span	{ font-size: 23cqw; color: var(--color-sec); font-family: var(--font-entt); font-weight: 800; font-style: italic; line-height: 1; text-align: left; }
.ttlanm > h3 > p span	{ 
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.6, 0.2, 1) !important;
          transition-timing-function: cubic-bezier(0.1, 0.6, 0.2, 1) !important;
  will-change: transform;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: transform 1s ease; transform: translateY(100%); overflow: visible; }
.ttlanm > h3 > p span.on	{ transform: translateY(0); }

.ttlanm.hoy > h3 > p span:last-child	{ transform: translateY(100%) translateX(-1cqw) ; }
.ttlanm.hoy > h3 > p span.on:last-child	{ transform: translateY(0) translateX(-1cqw) ; }

/* -- LOOK -- */
.lookwrapper { position: relative; width: 100%; }
.swiper.swiper-main { width: 100%; margin: 0; }
.swiper.swiper-main .swiper-slide	{ width: 100%; inset: 0; overflow: hidden; }
.swiper.swiper-main .swiper-slide picture, 
.swiper.swiper-main .swiper-slide img { width: 100%; height: auto; display: block; object-fit: cover; vertical-align: bottom; opacity: 0; transform: scale(1.1); transition: opacity .4s, transform 1s; transition-timing-function: cubic-bezier(.24,.155,.275,.945); }
.active .swiper.swiper-main .swiper-slide picture,
.active .swiper.swiper-main .swiper-slide img { opacity: 1; transform: scale(1); -webkit-transition-delay: .4s; transition-delay: .4s; }
.swiper-thumbnail .swiper-slide	{ aspect-ratio: 51 / 70; position: relative; overflow: hidden; }
.swiper-thumbnail .swiper-slide p	{ width: 100%; inset: 0; }
.swiper-thumbnail .swiper-slide p.tnmt	{ position: absolute; top: 0; left: 0; transition: opacity .3s ease; }
.swiper-thumbnail .swiper-slide-thumb-active p.tnmt { opacity: 0; } 
.swiper-main > .swiper-wrapper { 
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.6, 0.2, 1) !important;
          transition-timing-function: cubic-bezier(0.1, 0.6, 0.2, 1) !important;
  will-change: transform;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.swiper-thumbnail .swiper-slide p picture,
.swiper-thumbnail .swiper-slide p img	{ opacity: 0; transform: scale(1.2); transition: opacity 1s, transform 2s; transition-timing-function: cubic-bezier(.24,.155,.275,.945); }
.active .swiper-thumbnail .swiper-slide p picture,
.active .swiper-thumbnail .swiper-slide p img { opacity: 1; transform: scale(1); -webkit-transition-delay: .2s; transition-delay: .2s; }
.active .swiper-thumbnail .swiper-slide:nth-child(1) p picture,
.active .swiper-thumbnail .swiper-slide:nth-child(1) p img { -webkit-transition-delay: .2s; transition-delay: .2s; }
.active .swiper-thumbnail .swiper-slide:nth-child(2) p picture,
.active .swiper-thumbnail .swiper-slide:nth-child(2) p img { -webkit-transition-delay: .3s; transition-delay: .3s; }
.active .swiper-thumbnail .swiper-slide:nth-child(3) p picture,
.active .swiper-thumbnail .swiper-slide:nth-child(3) p img { -webkit-transition-delay: .4s; transition-delay: .4s; }
.active .swiper-thumbnail .swiper-slide:nth-child(4) p picture,
.active .swiper-thumbnail .swiper-slide:nth-child(4) p img { -webkit-transition-delay: .5s; transition-delay: .5s; }
.active .swiper-thumbnail .swiper-slide:nth-child(5) p picture,
.active .swiper-thumbnail .swiper-slide:nth-child(5) p img { -webkit-transition-delay: .6s; transition-delay: .6s; }
.active .swiper-thumbnail .swiper-slide:nth-child(6) p picture,
.active .swiper-thumbnail .swiper-slide:nth-child(6) p img { -webkit-transition-delay: .7s; transition-delay: .7s; }
@media (min-width: 767px) { 
	.item_txtarea { display: flex; justify-content: flex-end; padding-top: 7.8cqw; } 
	.swiper.swiper-thumbnail	{ width: 45cqw; position: absolute; top: 37.4cqw; left: 2.8cqw; overflow: visible; }
	.swiper-thumbnail .swiper-wrapper	{ display: flex !important; transform: none !important; flex-wrap: wrap; justify-content: center; gap: 3px; }
	.swiper-thumbnail .swiper-slide	{ width: 5.6cqw!important; margin: 0!important; cursor: pointer; }
}
@media (max-width: 766.9px) { 
	.itemarea_wrapper { padding: 8cqw 0 0; }
	.itemarea_inner { flex-wrap: wrap; padding-top: 6.6cqw; }
	.item_imgarea { width: 100%; padding: 0 6.2cqw; }
	.ttlanm	{ top: -9cqw; left: 0; width: 100%; }
	.ttlanm > h3, 
	.ttlanm > h3 > p	{ width: 100%; justify-content: center; padding: 0; }
	.ttlanm > h3 > p, 
	.ttlanm > h3 > p span	{ font-size: 18.4cqw; }
	.item_txtarea { width: 100%; padding: 6cqw 0 2cqw; }
	.swiper.swiper-thumbnail	{ width: 100%; padding: 0 9cqw 0 6.2cqw; overflow: hidden; }
	.swiper-thumbnail .swiper-wrapper	{ gap: 3px; }
	.swiper-thumbnail .swiper-slide	{ width: auto; }
}

/* ------------ TEXT AREA ------------- */
.item_txt_wrapper	{ width: 23cqw; display: flex; }
.item_txt_inner	{ width: 100%; display: flex; flex-direction: column; gap: 1cqw; }
.item_txt_inner > a	{ display: flex; align-items: flex-end; justify-content: space-between; padding-right: 1px;}
.item_txt_inner > a.soon	{ pointer-events: none; }
.item_txt_inner > a > p	{ display: flex; flex-direction: column; gap: .5cqw; }
.item_txt_inner > a > p b	{ display: flex; flex-wrap: wrap; gap: .5cqw; }
.item_txt_inner > a > p b,
.item_txt_inner > a > p b span	{ font-size: .8333cqw; color: var(--color-sec); font-family: var(--font-entx); font-weight: 400!important; line-height: 1; }
.item_txt_inner > a > strong	{ width: 4.1666cqw; aspect-ratio: 30 / 11; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-sec); transition: background-color .4s ease; }
.item_txt_inner > a > strong span	{ font-size: .8333cqw; color: var(--color-sec); font-family: var(--font-entx); font-weight: 400!important; line-height: 1; transition: color .4s ease; }

.item_txt_inner > a.soon > strong	{ width: 5cqw; aspect-ratio: 30 / 6; border: 0; }
.item_txt_inner > a.soon > strong span	{ font-size: .7888cqw; text-align: center; line-height: 1; }

@media (min-width: 767px)	{ 
	.item_txt_inner > a:hover > strong	{ background-color: var(--color-sec); }
	.item_txt_inner > a:hover > strong span	{ color: var(--color-prm); }
}
@media (max-width: 766.9px) { 
	.item_txt_wrapper	{ width: 100%; padding: 6cqw 6.2cqw; }
	.item_txt_inner	{ gap: 3.2cqw; }
	.item_txt_inner > a > p	{ gap: 1.8cqw; }
	.item_txt_inner > a > p b	{ gap: 2cqw; }
	.item_txt_inner > a > p b,
	.item_txt_inner > a > p b span	{ font-size: 3cqw; }
	.item_txt_inner > a > strong	{ width: 15.38cqw; }
	.item_txt_inner > a > strong span	{ font-size: 3cqw; }
	.item_txt_inner > a.soon > strong	{ width: 18cqw; }
	.item_txt_inner > a.soon > strong span	{ font-size: 2.6cqw; }
}

/* ------------ SWIPER CUSTOMISE ------------- */
.style_button	{ display: -webkit-flex; display: flex; align-items: center; width: 7.5cqw; height: 14.5cqw; position: absolute; top: 38%; cursor: pointer; z-index: 1; transition: opacity .8s ease; opacity: 0; }
.active .style_button	{ opacity: 1;  -webkit-transition-delay: 1s; transition-delay: 1s; }
.style_button > b	{ width: 100%; height: 100%; inset: 0; line-height: 1; display: -webkit-flex; display: flex; align-items: center; justify-content: center; transition: opacity .4s ease; }
.style_button > b > span	{ width: 100%; height: 100%; position: relative; }
.style_button > b > span::before, 
.style_button > b > span::after	{ content: ""; position: absolute; top: 50%; right: 20%; width: 2.6cqw; height: 2px; border-radius: 9999px; background-color: #fff; transform-origin: 100% 50%; }
.style_button > b > span::before	{ transform: rotate(45deg); }
.style_button > b > span::after	{ transform: rotate(-45deg); }
.style_button.style_swiper-button-prev > b > span	{ transform: rotate(180deg); }
.style_button.style_swiper-button-prev	{ left: 0; justify-content: flex-end; }
.style_button.style_swiper-button-next	{ right: 0; }
@media (min-width: 767px)	{ 
	.style_button:hover > b	{ opacity: .4; }
}
@media (max-width: 766.9px)	{ 
	.style_button	{ width: 15cqw; height: 30cqw; top: 38%; }
	.style_button > b > span::before, 
	.style_button > b > span::after	{ width: 12cqw; }
	.style_button.style_swiper-button-prev	{ left: -6cqw; }
	.style_button.style_swiper-button-next	{ right: -6cqw; }
}

/* ------------ VIEW ALL ITEMS ------------- */
.view_all_items_wrapper	{ width: 100%; height: 100%; aspect-ratio: 361 / 256; overflow: hidden; position: relative; z-index: 1; }
.view_all_items_wrapper img,
.view_all_items_wrapper picture	{ object-fit: cover; width: 100%; height: 100%; }
.view_all_items_wrapper > a	{ position: absolute; top: 47%; left: 50%; transform: translate(-50%,-50%); display: flex; }
.view_all_items_wrapper > a > span	{ font-size: 5cqw; color: #fff; font-family: var(--font-entt); font-weight: 900; font-style: italic; line-height: 1; position: relative; transition: color .8s ease; white-space: nowrap; }
.view_all_items_wrapper > p	{ position: absolute; width: 100%; bottom: 0; left: 0; right: 0; text-align: center; padding: 1.15cqw; font-size: .8333cqw; color: #fff; font-family: var(--font-entx); font-weight: 400!important; line-height: 1; }

@media (min-width: 767px)	{ 
	.view_all_items_wrapper > a > span::after	{ content:""; position: absolute; left: 0; bottom: .5cqw; right: 100%; width: 0; height: 2px; transition: width .8s ease, background-color .8s ease; background-color: $fff; }
	.view_all_items_wrapper > a:hover > span	{ color: var(--color-prm); opacity: 1!important; }
	.view_all_items_wrapper > a:hover > span::after	{ right: 0; width: 100%; background-color: var(--color-prm); opacity: 1!important; }
}
@media (max-width: 766.9px)	{ 
	.view_all_items_wrapper	{ aspect-ratio: 390 / 554; }
	.view_all_items_wrapper > a > span	{ font-size: 10.256cqw; }
	.view_all_items_wrapper > p	{ padding: 5cqw; font-size: 2.56cqw; }
}

/* ------------ PARALLAX ------------- */
.parallax	{ position: relative; overflow: hidden; width: 100%; }
.parallax picture,
.parallax img	{ display: block; width: 100%; height: auto; will-change: transform; object-fit: cover; }
@media (min-width: 767px) {
	.parallax picture,
	.parallax img { transform: scale(1); transform-origin: bottom; }
}

/* ------------ BLOCK ------------- */
@media (min-width: 767px)	{ .pconly { display: block; } }
@media (max-width: 766.9px)	{ .sponly { display: block; } }
@media (min-width: 767px)	{ .sponly { display: none!important; } }
@media (max-width: 766.9px)	{ .pconly { display: none!important; } }

.no-transition * {
  transition: none !important;
}

.low-priority-area {
  content-visibility: auto;
  contain-intrinsic-size: 1000px; 
}