.elementor-kit-66{--e-global-color-primary:#1F4D3A;--e-global-color-secondary:#2B2B2B;--e-global-color-text:#2E2E2E;--e-global-color-accent:#7A7A7A;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;}.elementor-kit-66 e-page-transition{background-color:#FFBC7D;}.elementor-kit-66 button,.elementor-kit-66 input[type="button"],.elementor-kit-66 input[type="submit"],.elementor-kit-66 .elementor-button{border-radius:6px 6px 6px 6px;}.elementor-kit-66 img{border-radius:0px 0px 0px 0px;opacity:1;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== 当前页面（Active）文字颜色 ===== */
.elementor-nav-menu--main .elementor-item.elementor-item-active {
	color: #ffffff !important;
}

/* ===== 下划线指示器（关键！原本是蓝色） ===== */
.elementor-nav-menu--main .elementor-item::after {
	background-color: #ffffff !important;
}

/* ===== Ciaoleaf Highlights Swiper ===== */

.ciao-highlights .ciao-swiper{
  width: 100%;
  overflow: visible; /* 允许露出边缘，更高级 */
}

.ciao-highlights .swiper-slide{
  width: 510px;              /* 1:1 关键：固定卡片宽度 */
  margin-right: 60px;        /* 1:1 关键：固定间距 */
}

.ciao-highlights a{
  display: block;
  text-decoration: none;
  color: inherit;
}

.ciao-highlights .wrap-img{
  overflow: hidden;
}

.ciao-highlights .wrap-img img{
  width: 100%;
  height: auto;
  display: block;
  transition: transform .6s ease;
  will-change: transform;
}

.ciao-highlights .swiper-slide:hover .wrap-img img{
  transform: scale(1.05);
}

.ciao-highlights .wrap-text{
  padding-top: 14px;
}

.ciao-highlights .wrap-text .h3{
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

.ciao-highlights .wrap-text .p_secondary{
  margin: 6px 0 0;
  font-size: 13px;
  opacity: .75;
}

/* Progressbar */
.ciao-highlights .ciao-progress.swiper-pagination-progressbar{
  position: relative;
  height: 1px;
  background-color: rgba(0,0,0,0.2);
  margin-top: 28px;
}

.ciao-highlights .ciao-progress .swiper-pagination-progressbar-fill{
  background-color: #000;
}

/* 响应式：平板/手机适当缩小卡片 */
@media (max-width: 1024px){
  .ciao-highlights .swiper-slide{
    width: 340px;
    margin-right: 24px;
  }
}

@media (max-width: 767px){
  .ciao-highlights .swiper-slide{
    width: 260px;
    margin-right: 16px;
  }
}


/* =================================================
   Projects Swiper · 470 × 588 · Hover Zoom-Out
================================================= */

.ciao-projects-section{
  position: relative;
  --swiper-theme-color: #000;
  --swiper-pagination-color: #000;
}

/* Header */
.ciao-projects-header{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 22px;
}
.ciao-title{
  margin: 0;
  font-size: 22px;
  font-weight: 400;
}
.ciao-link{
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  opacity: .8;
}

/* Swiper */
.ciao-projects-swiper{
  overflow: visible;
}

/* 卡片尺寸 */
.ciao-projects-swiper .swiper-slide{
  width: 470px;
  margin-right: 25px;
}

/* ===============================
   Hover Zoom-Out 核心逻辑
=============================== */

/* 裁切框 */
.ciao-project .ciao-img{
  position: relative;
  width: 100%;
  height: 588px;                 /* 470 × 588 = 4:5 */
  overflow: hidden;
  background: none !important;
}

/* 图片层：默认“靠近”（裁掉一圈） */
.ciao-project .ciao-img::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--ciao-bg);
  background-size: cover;
  background-position: center top;
  transform: scale(1.08);        /* ✅ 默认更近 */
  transition: transform 1.1s ease;
  will-change: transform;
}

/* Hover：慢慢缩回，露出更多空间 */
.ciao-project:hover .ciao-img::before{
  transform: scale(1);
}

/* 文本 */
.ciao-project .ciao-name{
  margin: 14px 0 0;
  font-size: 17px;
  font-weight: 400;
}
.ciao-project .ciao-meta{
  margin: 6px 0 0;
  font-size: 13px;
  opacity: .7;
}

/* Progressbar */
.ciao-projects-progress.swiper-pagination-progressbar{
  height: 1px;
  background: rgba(0,0,0,0.2);
  margin-top: 26px;
}
.ciao-projects-progress .swiper-pagination-progressbar-fill{
  background: #000;
}

/* 箭头（极简） */
.ciao-nav{
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 5;
}
.ciao-projects-prev{ left: -60px; }
.ciao-projects-next{ right: -60px; }

.ciao-nav::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}
.ciao-projects-prev::before{
  transform: translate(-50%, -50%) rotate(-135deg);
}
.ciao-projects-next::before{
  transform: translate(-50%, -50%) rotate(45deg);
}

.swiper-button-disabled{
  opacity: .25;
  pointer-events: none;
}

/* 响应式 */
@media (max-width: 1024px){
  .ciao-projects-swiper .swiper-slide{ width: 340px; margin-right: 18px; }
  .ciao-project .ciao-img{ height: 425px; }
  .ciao-projects-prev{ left: -40px; }
  .ciao-projects-next{ right: -40px; }
}

@media (max-width: 767px){
  .ciao-projects-swiper .swiper-slide{ width: 260px; margin-right: 14px; }
  .ciao-project .ciao-img{ height: 325px; }
  .ciao-nav{ display: none; }
}

/* ===== 建筑远景：缩回时更保留建筑立面/天空 ===== */
.ciao-project .ciao-img::before{
  background-position: center 18% !important;  /* 关键：向上取景 */
  transform: scale(1.10) !important;           /* 默认更近一点，Hover 缩回更明显 */
  transition: transform 1.2s ease !important;  /* 更像大牌“慢慢呼吸” */
}

/* Hover：缩回看到更多空间 */
.ciao-project:hover .ciao-img::before{
  transform: scale(1) !important;
}

/* ===== Fix progressbar position: place it under the slider ===== */
.ciao-projects-section .ciao-projects-progress{
  position: relative !important;   /* 取消 Swiper 默认 absolute */
  left: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  margin-top: 26px !important;     /* 距离卡片底部 */
  height: 1px !important;
  z-index: 1 !important;
}

/* 轨道 + 填充 */
.ciao-projects-section .ciao-projects-progress.swiper-pagination-progressbar{
  background: rgba(0,0,0,0.2) !important;
}
.ciao-projects-section .ciao-projects-progress .swiper-pagination-progressbar-fill{
  background: #000 !important;
}

/* 确保 Swiper 本体不把 progressbar 覆盖或挤压 */
.ciao-projects-section .ciao-projects-swiper{
  position: relative;
}



/* 只作用在你的 Projects Swiper：把 Swiper 主题色改成黑色 */
.ciao-projects-section {
  --swiper-theme-color: #000;
  --swiper-pagination-color: #000;
}

/* ===============================
   Video with Progressbar
=============================== */

.ciao-video-section{
  width: 100%;
}

/* 视频容器 */
.ciao-video-wrap{
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* 视频本体 */
.ciao-video{
  width: 100%;
  height: auto;
  display: block;
  cursor: pointer;
}

/* 进度条轨道 */
.ciao-video-progress{
  position: relative;
  width: 100%;
  height: 1px;
  margin-top: 26px;
  background: rgba(0,0,0,0.2);
  overflow: hidden;
}

/* 进度条填充 */
.ciao-video-progress-fill{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #000;
  transition: width 0.15s linear;
}

/* 只影响 Projects Swiper：把 Swiper 默认蓝色变量改为黑色 */
.ciao-projects-section{
  --swiper-theme-color: #000 !important;
  --swiper-pagination-color: #000 !important;  /* 兼容 Swiper 新旧写法 */
}

/* === Hamburger icon button (independent from global buttons) === */
.ciao-hamburger{
  all: unset;                 /* 彻底脱离 button 系统 */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  color: #ffffff;             /* 默认纯白 */
}

/* hover / focus 不变色、不加框 */
.ciao-hamburger:hover,
.ciao-hamburger:focus,
.ciao-hamburger:active{
  color: #ffffff;
}

/* SVG 继承颜色 */
.ciao-hamburger svg{
  display: block;
  color: currentColor;
}

/* 禁止浏览器 focus-visible 红框 */
.ciao-hamburger:focus-visible{
  outline: none;
}


/* ===== Lock hamburger color to white even if parent <a>:hover changes color ===== */
.elementor-location-header a:hover .ciao-hamburger,
.elementor-location-header a:focus .ciao-hamburger,
.elementor-location-header a:active .ciao-hamburger{
  color: #fff !important;
}

/* 强制 SVG 线条永远白色（防止 stroke 被覆盖） */
.ciao-hamburger line{
  stroke: #fff !important;
}

/* 如果主题给了 hover 的背景/边框/滤镜，一并清掉 */
.ciao-hamburger,
.ciao-hamburger:hover,
.ciao-hamburger:focus,
.ciao-hamburger:active{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* 汉堡按钮基础 */
.hamburger-float{
  appearance:none;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
  color:#ffffff;
  line-height:0;
}
.hamburger-float svg{display:block;}
.hamburger-float line{stroke:currentColor; stroke-width:1;}
.hamburger-float:hover{opacity:.7;}

/* 关键：让 Elementor 容器变成全屏层 */
.ciao-fullmenu{
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: #111; /* 你要白底就改 #fff */
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px);
  transition: opacity .12s ease, transform .12s ease;
}

.ciao-fullmenu.is-open{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}/* End custom CSS */