/*
Theme Name:WATV
Theme URI:https://messiahorchestra.com
Author:메시아오케스트라 messiah orchestra
Description:메시아오케스트라는 각박한 세상을 사는 이들에게 연주를 통해 따듯한 감동과 희망, 사랑의 메시지를 전달합니다.
Version:1.0
*/

/* Common ======================================== */
body, th, td, input, select, textarea, button, p{font-size:var(--body-text); color:var(--text-body); font-weight:300}

*::before,
*::after{background-repeat:no-repeat; background-position:center; background-size:100%}

/* Header */
:root{
  /* Hearder 모바일 높이 설정 */
  --header-height-mobile:75px;

  /* Hearder 데스크탑 높이 설정 */
  --header-height-desktop:100px;

  /* Header 상단 추가 여백(데스크탑 전용) 설정 */
  --header-desktop-top-padding-set:14px;
  --header-desktop-top-padding-set:1px;

  /* 위의 'Header 상단 여백 수치'를 음수로 변환 */
  --header-desktop-top-padding-set-minus:calc( var(--header-desktop-top-padding-set) * (-1) );

  /* 'Header' 높이 값 만큼 '.contents'에 -margin 값을 설정하기 */
  /* '--header-height-desktop-minus' WDS에 기본값 설정되어 있음 */
  /* 'Header'의 기본 높이 값에 위에서 설정한 --header-desktop-top-padding-set 값을 추가해서 -margin 값을 설정 */
  --header-desktop-top-margin:calc( var(--header-height-desktop-minus) + var(--header-desktop-top-padding-set-minus) );

  /* 'search-bar'의 'top' 여백은 위에 계산된 '--header-desktop-top-margin'값을 다시 양수로 변환 */
  /* WDS에 작성되어 있음 */
}


/* Header ======================================== */
/* Logo */
/* Logo Dark (화이트 버전) */
.site-logo > a{width:106px; height:36px; background-size:100%; background-repeat:no-repeat; background-position:center}
.site-logo > a,
#header.headroom--not-top .site-logo a,
body.header-dark.active-search-btn #header.headroom--top .site-logo a{background-image:url('/wp-content/themes/watv/images/ui/logo_m.svg')}
/* 검색 UI 활성화시 + 헤더 다크모드 일 때 상위 아이콘 다크모드 색상 설정  */
body.header-dark .site-logo > a{background-image:url('/wp-content/themes/watv/images/ui/logo_dark_m.svg')}

@media(min-width:1070px){
  .header{padding-top:0}
  /* body.header-lift .contents{margin-top:var(--header-desktop-top-margin)} */
  .site-logo > a{width:145px; height:58px}
  .header .lang-btn .ico-earth{font-size:24px}
  .site-logo > a,
  #header.headroom--not-top .site-logo a,
  body.header-dark.active-search-btn #header.headroom--top .site-logo a{background-image:url('/wp-content/themes/watv/images/ui/logo.svg')}
  body.header-dark .site-logo > a{background-image:url('/wp-content/themes/watv/images/ui/logo_dark.svg')}
}

.header div[class^="menu-main-nav"] > .menu > .menu-item{margin-left:var(--unit-2x); margin-right:var(--unit-2x)}
.header div[class^="menu-main-nav"] > .menu > .menu-item > a{font-family:'NotoSerifKR', serif}
.header div[class^="menu-main-nav"] > .menu > .menu-item > .sub-menu{min-width:170px; max-width:250px}
.header .site-nav{justify-content:space-between}

.header .nav-mobile-btn{margin-right:-10px}

/* 페이지별 Header Color 조절 */
.page-newsroom .headroom--pinned.headroom--not-top{background-color:var(--bg-brown-1)}

.category-media .headroom--pinned.headroom--not-top,
.single .headroom--pinned.headroom--not-top{background-color:var(--bg-dark)}
.category-media .header .nav-wrap a,
.category-media #header button,
.single .header .nav-wrap a,
.single #header button{color:var(--white)}

.category-media #header .site-logo a,
.single #header .site-logo a{background-image:url('/wp-content/themes/watv/images/ui/logo_dark_m.svg')}

@media(min-width:1070px){
  .category-media #header .site-logo a,
  .single #header .site-logo a{background-image:url('/wp-content/themes/watv/images/ui/logo_dark.svg')}
}

/* search-bar */
.search-bar{padding-top:calc(var(--header-height-mobile) + 50px); padding-bottom:100px}
.search-bar .input-field::placeholder{color:var(--black-40)}
.search-bar .search-state strong{color:var(--primary)}
.search-bar .search-ui .input-right-addon{padding-right:16px}

/* input 동일 적용 */
.input .ico{color:var(--text-gray)}
.search-bar .input,
.search .input{border-radius:var(--unit-05x); font-size:var(--typo-paragraph-2)}
.search-bar .input .input-field,
.search .input .input-field{height:48px; padding-left:var(--unit-2x); padding-right:var(--unit-2x); font-size:var(--typo-paragraph-4)}
.search-bar .search-ui .input-field::placeholder,
.search .input .input-field::placeholder{color:var(--black-40); font-family:'NotoSerifKR', serif}
.search .input:hover,
.search .input:focus-within,
.search .input.input-focus,
.search-bar .input:hover,
.search-bar .input:focus-within,
.search-bar .input.input-focus{box-shadow:inset 0 0 0 1px var(--secondary)!important}

@media(min-width:1070px){
  .search-bar{padding-top:calc(var(--header-height-desktop) + 60px)}
  .search-bar .input .input-field,
  .search .input .input-field{height:56px}
}

/* logo-write */
.logo-write{width:100%;max-width:584px}
.logo-write svg{width:100%;height:auto;display:block}
.visual .item[data-anim="true"] .logo-write svg{visibility:hidden}
.logo-write .mask-path{fill:none;stroke:#fff;stroke-width:25;stroke-linecap:round;stroke-linejoin:round;will-change:stroke-dashoffset,opacity}
.logo-write g[mask] path{fill:#000}
.dark .logo-write g[mask] path{fill:#fff}


/* Footer ======================================== */
.footer{padding-top:var(--unit-6x); padding-bottom:var(--unit-7x); background-color:var(--gray-900)}
.footer .logo .site-logo-img{width:130px; opacity:.7; content:url('/wp-content/themes/watv/images/ui/logo_dark.svg')}
.footer .footer-title{font-size:var(--typo-paragraph-5); text-transform:uppercase; color:var(--white-90)}
.scroll-top .ico{display:flex; align-items:center; justify-content:center}

/* sitemap */
.footer .sitemap{display:flex; flex-direction:column; gap:28px}
.footer .sitemap-head{display:flex; align-items:center; justify-content:space-between}
.footer .sitemap-head .toggle-btn i{color:var(--white-90); transition:transform .2s ease}
.footer .sitemap-menu{display:none}
.footer .sitemap.on .sitemap-menu{display:block}
.footer .sitemap.on .sitemap-head .toggle-btn i{transform:rotate(180deg)}
.footer .sitemap-menu > div > ul.menu > li > a{display:block; font-size:var(--typo-paragraph-5); text-transform:uppercase; color:var(--white-60); transition:.3s ease}
.footer .sitemap-menu .sub-menu .menu-item{margin-top:10px}
.footer .sitemap-menu .sub-menu .menu-item a{display:block; font-size:var(--typo-paragraph-6); color:var(--white-30); transition:.3s ease}
/* footer-bottom */
.footer-bottom{display:flex; flex-direction:column}
.footer-bottom .info{display:flex; flex-direction:column; gap:var(--unit-3x)}
.footer .family::before{content:''; width:100%; height:1px; display:block; background-color:var(--white-5); margin-bottom:var(--unit-4x)}
.footer .family .menu .menu-item{font-size:var(--typo-paragraph-6)}
/* .footer .family .menu .menu-item:not(:first-child){margin-top:12px} */
.footer .family .menu .menu-item a{color:var(--white-30); transition:all .3s ease}
.footer .info .btn-share{padding:12px 18px; border-radius:2px; display:flex; align-items:center; justify-content:center; background-color:var(--white-10)}
.footer .btn-share span{color:var(--white-80)}
.footer .ico-share{background-image:url('/wp-content/themes/watv/images/ui/ico_share_w.svg'); opacity:.8}
.footer-bottom .info .copy{font-size:var(--typo-paragraph-6); color:var(--white-30)}

@media (max-width:1069px){
  .footer .sitemap-menu > div > ul.menu > li > a:not(:first-child),
  .footer .sitemap-menu > div > ul.menu > li:not(.menu-item-has-children){margin-top:20px}
  .footer .family .menu{margin-top:20px}
  .footer .family .menu .menu-item:not(:first-child){margin-top:12px}
}

@media (min-width:1070px){
  .footer{padding-top:var(--unit-10x); padding-bottom:120px}
  .footer .logo .site-logo-img{width:180px}
  .footer .sitemap-head{display:none}
  .footer .sitemap-menu{display:block !important}
  .footer .sitemap-menu > div > ul.menu{display:flex; gap:var(--unit-15x); align-items:flex-start; justify-content:flex-end}
  .footer .sitemap-menu > div > ul.menu > li{flex:0 0 auto; margin:0 !important}
  .footer .family{display:flex; flex:1; gap:var(--unit-3x); height:fit-content}
  .footer .family::before{display:none}
  .footer .family .footer-title{white-space:nowrap; color:rgba(255,255,255,.5)}
  .footer .family .menu{display:flex; column-gap:16px; row-gap:8px; flex-wrap:wrap}
  .footer .family .menu .menu-item{margin:0}
  .footer .sns-share span{display:none}
  .footer .copy{display:flex; justify-content:flex-end}
  .footer-bottom{padding-top:var(--unit-4x); flex-direction:row; align-items:center; gap:var(--unit-5x); position:relative}
  .footer-bottom::before{content:''; width:100%; height:1px; display:block; background-color:var(--white-5); margin-bottom:40px; position:absolute; left:0; right:0; top:0}
  .footer-bottom .sitemap{flex:1}
  .footer-bottom .info{flex-direction:row; align-items:center}
  .footer-bottom .info .copy{order:-1}
  .footer-bottom .info .btn-share{width:var(--unit-5x); height:var(--unit-5x)}
}

/* hover */
@media (hover:hover) and (pointer:fine){
  .footer .sitemap-menu > div > ul.menu > li a:hover{color:var(--white-90)}
  .footer .sitemap-menu .sub-menu .menu-item:hover a{transform:translateX(8px); color:var(--white-80)}
  .footer .family .menu .menu-item:hover a{color:var(--white-80)}
}


/* Page ======================================== */
/* Next banner Img */
.greetings .next-banner{background-image:url('/wp-content/themes/watv/images/next_greetings.jpg')}
.history .next-banner{background-image:url('/wp-content/themes/watv/images/next_history.jpg')}
.organization .next-banner{background-image:url('/wp-content/themes/watv/images/organ.jpg')}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .greetings .next-banner{background-image:url('/wp-content/themes/watv/images/next_greetings@2x.jpg')}
  .history .next-banner{background-image:url('/wp-content/themes/watv/images/next_history@2x.jpg')}
  .organization .next-banner{background-image:url('/wp-content/themes/watv/images/organ@2x.jpg')}
}

/* 페이지별 Header, Footer, search container 넓이 조절 */
.page-about-us .header .site-nav,
.page-about-us .footer .site-footer,
.page-about-us .search-bar .search-ui,
.page-greetings .header .site-nav,
.page-greetings .footer .site-footer,
.page-greetings .search-bar .search-ui,
.page-organization .header .site-nav,
.page-organization .footer .site-footer,
.page-organization .search-bar .search-ui,
.page-history .header .site-nav,
.page-history .footer .site-footer,
.page-history .search-bar .search-ui,
.page-awards .header .site-nav,
.page-awards .footer .site-footer,
.page-awards .search-bar .search-ui,
.page-press .header .site-nav,
.page-press .footer .site-footer,
.page-press .search-bar .search-ui
{max-width:var(--container-xxl)}


/* Newsroom page ======================================== */
.newsroom .page-title{padding-top:calc(var(--header-height-desktop) + 40px); padding-bottom:var(--unit-3x)}
.newsroom .page-title .title{font-size:var(--typo-display-1)!important}
.newsroom .btn-wrap{display:flex; justify-content:center}

@media(min-width:1070px){
  .newsroom .page-title{padding-top:calc(var(--header-height-desktop) + 100px); padding-bottom:var(--unit-8x)}
}


/* Media page ======================================== */
.media .visual{padding-bottom:var(--unit-5x); position:relative; overflow:hidden}
.media .visual::before{content:''; background-image:url('./images/bg_media@2x.jpg'); background-size:cover; position:absolute; inset:0; z-index:0}
.media .visual::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(22,22,22,0) 0%,rgba(22,22,22,0.15) 45%,rgba(22,22,22,0.4) 65%,rgba(22,22,22,0.7) 82%, #161616 100%); z-index:0}
.media .visual > *{position:relative; z-index:1}
.media .page-title{padding-top:calc(var(--header-height-desktop) + 40px)}
.media .category-featured{margin-top:var(--unit-5x)}

.media .highlight .list-item.recent .info{padding-top:20px}
.media .highlight .list-item.recent .info .title{font-family:'NotoSerifKR', serif; font-size:var(--typo-display-6); color:var(--white)}
.media .highlight .list-item.recent .info *:not(:first-child){margin-top:12px}
.media .highlight .list-item.recent .info .category{display:inline-block; padding:6px 12px; border-radius:999px; border:1px solid rgba(185, 147, 104, 0.50); color:var(--secondary); font-size:var(--typo-paragraph-6)}
.media .highlight .list-item.recent .info .category *{color:var(--secondary)}

.media .nav-category .category-menu{margin-bottom:var(--unit-4x); justify-content:flex-start}

@media(min-width:1070px){
  .media .visual{padding-bottom:var(--unit-8x)}
  .media .page-title{padding-top:calc(var(--header-height-desktop) + 100px)}
  .media .category-featured{margin-top:var(--unit-8x)}
  .media .nav-category{max-width:1600px; margin:0 auto; padding-left:var(--container-w-pd); padding-right:var(--container-w-pd)}
  .media .nav-category .category-menu{margin-bottom:var(--unit-6x); padding:0}
}

@media(min-width:1070px){
  .media .highlight .list-item.recent .list-link{position:relative; display:block; box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2)}
  .media .highlight .list-item.recent .thum{position:relative; overflow:hidden}
  .media .highlight .list-item.recent .thum::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); z-index:1}
  .media .highlight .list-item.recent .info{padding:var(--unit-6x); position:absolute; left:0; right:0; bottom:0; z-index:2}
  .media .highlight .list-item.recent .info .title{font-size:var(--typo-display-5)}
  .media .highlight .list-item.recent .info .play-time{color:var(--white-80)}
  .media .highlight .list-item.recent .info *:not(:first-child){margin-top:var(--unit-2x)}
}

@media (hover:hover) and (pointer:fine) and (min-width:1070px){
  .media .highlight .list-item.recent .list-link{transition:transform .3s ease, box-shadow .3s ease; will-change:transform; transform:translateZ(0)}
  .media .highlight .list-item.recent .thum,
  .media .highlight .list-item.recent .thum-img,
  .media .highlight .list-item.recent .thum::after{transform:translateZ(0); backface-visibility:hidden}
  .media .highlight .list-item.recent:hover .list-link{transform:scale(1.05); box-shadow:0 28px 60px rgba(0,0,0,.6)}
}



/* Awards page ======================================== */
.awards header{padding-top:var(--unit-5x); padding-bottom:var(--unit-4x)}
/* .page-awards .awards-section{padding-top:var(--unit-5x)} */
/* .award-active{background-color:#F6F7FB} */
@media(min-width:1070px){
  .awards header{padding-top:100px; padding-bottom:var(--unit-8x)}
  /* .page-awards .awards-section{padding-top:100px; padding-bottom:20px} */
}

@media (hover:hover) and (pointer:fine){
  .awards .btn-filled.square:hover{transform:translateY(-2px); box-shadow:0 10px 25px rgba(0,0,0,.18)}
}



/* Media coverage page ======================================== */
.press header{padding-bottom:var(--unit-5x)}
.page-press .press-section{padding-top:var(--unit-5x); padding-bottom:var(--unit-10x); }


@media(min-width:1070px){
  .press header{padding-bottom:var(--unit-8x)}
  .page-press .press-section{padding-top:100px; padding-bottom:var(--unit-15x)}
}


/* 404 page ======================================== */
.error404{background-color:var(--bg-brown-1)}
.error404 .error{min-height:500px; padding-top:var(--unit-8x); padding-bottom:120px; display:flex; flex-direction:column; align-items:center; justify-content:center}
.error404 .error .heading::before{content:''; background-image:url('./images/ui/ico_404.gif'); width:100px; height:100px; display:block; margin:0 auto 16px}
.error404 .error .desc{color:var(--text-gray)}
.error404 .error .btns{display:flex; justify-content:center;gap:var(--unit-1x)}
.error404 .error .btns .btn-filled.round{transition:transform .25s ease, box-shadow .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease, filter .25s ease}

@media (hover:hover) and (pointer:fine){
  .error404 .error .btns .btn-filled.round:hover{scale:1; transform:translateY(-2px); box-shadow:0 10px 25px rgba(0,0,0,.18)}
}

@media(min-width:1070px){
  .error404 .error{min-height:800px; padding-top:120px; padding-bottom:var(--unit-20x)}
  .error404 .error .heading::before{width:124px; height:124px}
}


/* share ======================================== */
.modal-share{position:fixed; display:flex; display:none; justify-content:center; align-items:center; top:0; right:0; bottom:0; left:0; z-index:999; background-color:rgba(0,0,0,0.5)}
.modal-share.on{display:flex; max-width:100%}
.modal-contents{width:300px; border-radius:14px; padding:20px 20px 15px 20px; background-color:#FFF; z-index:101; position:relative}
.modal-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:15px}
.modal-title{font-size:18px; font-weight:500}
.modal-close{display:inline-block; width:15px; height:15px; background-image:url('/wp-content/themes/watv/images/sns/ico_share_close.svg'); background-size:100%; background-repeat:no-repeat; cursor:pointer}
.modal-share .sns-share .addtoany_shortcode{display:inline}
.modal-share .sns-share .addtoany_shortcode .addtoany_list{display:flex; flex-wrap:wrap}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a,
.modal-share .sns-share .kakaotalk{display:flex; flex-direction:column; align-items:center; width:25%; height:auto; padding-bottom:10px; margin:0 !important; opacity:1; overflow:hidden; position:relative; background-image:inherit}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a::before,
.modal-share .sns-share .kakaotalk::before{content:''; position:relative; display:block; width:40px; height:40px; border-radius:14px; top:0; right:0; bottom:0; left:0; background-position:center; background-size:auto; background-repeat:no-repeat; box-shadow:0px 0px 0px 1px rgb(0 0 0 / 7%) inset}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_facebook::before {background-color:#3F5594; background-image:url('/wp-content/themes/watv/images/sns/ico_share_facebook.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_twitter::before  {background-color:#1B97F0; background-image:url('/wp-content/themes/watv/images/sns/ico_share_twitter.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_email::before    {background-color:#7D7D7D; background-image:url('/wp-content/themes/watv/images/sns/ico_share_mail.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_line::before     {background-color:#21CD5B; background-image:url('/wp-content/themes/watv/images/sns/ico_share_line.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_kakao::before    {background-color:#FDBF00; background-image:url('/wp-content/themes/watv/images/sns/ico_share_story.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_sms::before      {background-color:#4F67ED; background-image:url('/wp-content/themes/watv/images/sns/ico_share_sms.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_copy_link::before{background-color:#FFFFFF; background-image:url('/wp-content/themes/watv/images/sns/ico_share_link.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_x::before        {background-color:#000000; background-image:url('/wp-content/themes/watv/images/sns/ico_share_x.svg')}
.modal-share .sns-share .kakaotalk::before {background-color:#FFE300; background-image:url('/wp-content/themes/watv/images/sns/ico_share_kakaotalk.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list > a:after,
.modal-share .sns-share .kakaotalk:after{content:attr(title); position:relative; display:block; text-align:center; font-size:11px; font-weight:500; color:var(--text-body); margin-top:2px}



/* Search ======================================== */
.search .search-state{margin-top:var(--unit-4x); font-size:var(--typo-paragraph-1); font-weight:400; letter-spacing:-0.2px}
.search .search-state strong{font-weight:400; color:var(--primary)}

/* search-results */
.search-results .page-title{padding-top:var(--unit-5x); padding-bottom:var(--unit-4x)}
.search-results .lists{row-gap:4px}
.search-results .lists .row div[class*="col"]{padding-left:0; padding-right:0}
.search-results .lists .list-link{padding-top:var(--unit-2x); padding-bottom:var(--unit-2x); border:none}
.search-results .lists .list-link .thum-img{padding-bottom:56%}
.search-results .lists .list-link .info{height:100%}
.search-results .lists .list-link .info .post-excerpt{display:none}
.search-results .lists .list-link .info .post-excerpt br{display:none}
.search-results .lists .list-link .info .post-date{margin-top:var(--unit-05x); font-size:var(--typo-paragraph-7); color:var(--text-gray-light)}

@media(min-width:1070px){
  .search .search-wrap{min-height:800px}
  .search-results .page-title{padding-top:100px; padding-bottom:var(--unit-7x)}
  .search-results .search-state{margin-top:var(--unit-7x)}
  .search-results .lists{row-gap:0}
  .search-results .lists .list-link{padding-top:var(--unit-3x); padding-bottom:var(--unit-3x); border:none}
  .search-results .lists .list-link .info .post-excerpt{display:-webkit-box}
  .search-results .lists .list-link .info .post-date{margin-top:var(--unit-1x); font-size:var(--typo-paragraph-6)}
}

/* no-results */
.search-no-results .search-wrap{padding-top:var(--unit-2x); padding-bottom:120px}
.search-no-results .no-result{margin-top:var(--unit-4x)}
.search-no-results .no-result::before{content:''; background-image:url('./images/ui/ico_3d_search.gif'); width:92px; height:92px; display:block; background-size:120%}
.search-no-results .no-result ul li{font-size:var(--typo-paragraph-3); color:var(--text-gray); display:flex; gap:8px; line-height:1.5}
.search-no-results .no-result ul li:not(:first-child){margin-top:4px}
.search-no-results .no-result ul li::before{content:''; display:inline-block; width:3px; height:3px; background-color:var(--text-gray); border-radius:999px; flex-shrink:0; margin-top:8px}

@media(min-width:1070px){
  .search-no-results .search-wrap{padding-top:60px; padding-bottom:var(--unit-20x)}
  .search-no-results .no-result{margin-top:var(--unit-8x)}
}


/* Owl ======================================== */
.owl-carousel.owl-theme .owl-dots{display:flex; justify-content:center; align-items:center; margin-top:var(--unit-3x); position:relative; left:50%; transform:translateX(-50%); width:max-content}
.owl-carousel.owl-theme .owl-dots .owl-dot{padding:12px 4px}
.owl-carousel.owl-theme .owl-dots .owl-dot span{margin:0; background:rgba(0,0,0,0.1)}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span{width:8px; background:var(--primary)}



/* Ken Burns Effect ======================================== */
.visual .visual-carousel .owl-item.active .photo:not(.video),
.kenburns{
  --speed:3.5s;
	animation:kenburns-move var(--speed) ease !important;
	-ms-animation:kenburns-move var(--speed) ease !important;
	-webkit-animation:kenburns-move var(--speed) ease !important;
	-o-animation:kenburns-move var(--speed) ease !important;
	-moz-animation:kenburns-move var(--speed) ease !important;
	animation-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
	transform:translateZ(0) scale(1) rotate(0deg);
	transition:1800ms;
  -webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);
  transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);
}


@-webkit-keyframes kenburns-move {
  0% {
    -webkit-transform-origin:center center;
    -moz-transform-origin:center center;
    -ms-transform-origin:center center;
    -o-transform-origin:center center;
    transform-origin:center center;
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
    opacity:0
  }
  100% {
    transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    -moz-transform:scale(1);
    opacity:1
  }
}

.visual .photo{transform:translateZ(0)}


/* ===== YouTube Layer Popup ===== */
.yt-trigger{cursor:pointer}
.yt-popup-overlay{position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.82); z-index:99999}
.yt-popup-overlay.is-open{display:flex}
.yt-popup-inner{position:relative; width:min(1280px, 92vw); aspect-ratio:16/9}
.yt-popup-inner iframe{width:100%; height:100%; border:0}
.yt-popup-close{position:absolute; top:-40px; right:0; color:#fff; background:none; border:0; cursor:pointer}