.elementor-kit-6{--e-global-color-primary:#E8472C;--e-global-color-secondary:#1A1815;--e-global-color-text:#F2EDE3;--e-global-color-accent:#C53E26;--e-global-color-1c80314:#0E0D0C;--e-global-color-f8d5254:#050504;--e-global-color-b29da62:#B5AEA4;--e-global-color-516e6e3:#908A80;--e-global-color-5470279:#2D2A26;--e-global-color-58ce5cb:#1C1A18;--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Noto Serif TC";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Noto Serif TC";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:400;background-color:#0E0D0C;color:#F2EDE3;font-family:"Noto Sans TC", Sans-serif;font-size:15px;font-weight:400;line-height:1.6px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.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 *//* ====== 凝視設計 全站樣式 Token ====== */

/* 朱赤斜體強調 — 在標題裡包 <span class="em">vision.</span> */
.em {
  font-style: italic;
  color: var(--e-global-color-primary);
  font-variation-settings: "opsz" 144, "SOFT" 80;
}

/* Fraunces 大標的 SOFT 軸 — 讓字看起來更有編輯感 */
.elementor h1,
.elementor h1.elementor-heading-title,
.elementor h2.elementor-heading-title {
  font-variation-settings: "opsz" 144, "SOFT" 30;
}

/* 中英文混排:Fraunces 沒中文,自動 fallback 到 Noto Serif TC */
.elementor h1,
.elementor h2,
.elementor h3,
.elementor .elementor-heading-title {
  font-family: 'Fraunces', 'Noto Serif TC', 'PingFang TC', serif !important;
}

/* 平滑捲動到錨點(內頁跳轉用) */
html { scroll-behavior: smooth; }

/* Eyebrow 標籤(小斜體大寫字,我們會大量用到)*/
.eyebrow {
  font-family: 'Fraunces', serif;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--e-global-color-secondary);
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.eyebrow::before {
  content: '';
  width: 28px;
  height: 1px;
  background: var(--e-global-color-primary);
}

/* 朱赤左邊框引文(設計哲學那種引用樣式) */
.pull-quote {
  font-family: 'Fraunces', 'Noto Serif TC', serif;
  font-style: italic;
  color: var(--e-global-color-primary);
  border-left: 2px solid var(--e-global-color-primary);
  padding-left: 24px;
}
.ning-scroll-line {
  display: inline-block !important;
  width: 2px !important;
  height: 40px !important;
  background: #E8472C !important;
  margin-left: 16px !important;
  vertical-align: middle !important;
  animation: ningScrollPulse 2s ease-in-out infinite;
  transform-origin: top center;
}

@keyframes ningScrollPulse {
  0%, 100% { transform: scaleY(0.4); opacity: 0.35; }
  50%      { transform: scaleY(1);   opacity: 1; }
}


/* === Hero 底部 meta row + 閃爍指示 === */

/* 讓 HTML widget 佔滿寬度 + 推到底部 */
.hero-meta-widget {
  margin-top: auto !important;
  width: 100% !important;
  align-self: stretch !important;
}

.ning-hero-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100%;
  padding-top: 80px;
  font-family: 'Fraunces', serif;
  font-style: italic;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.3em;
  color: #908A80;
}

.ning-hero-meta-right {
  display: inline-flex !important;
  align-items: center !important;
}

.ning-scroll-line {
  display: inline-block !important;
  width: 2px !important;
  height: 40px !important;
  background: #E8472C !important;
  margin-left: 16px !important;
  vertical-align: middle !important;
  animation: ningScrollPulse 2s ease-in-out infinite;
  transform-origin: top center;
}

@keyframes ningScrollPulse {
  0%, 100% { transform: scaleY(0.4); opacity: 0.35; }
  50%      { transform: scaleY(1);   opacity: 1; }
}

/* 手機版 */
@media (max-width: 768px) {
  .ning-hero-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-top: 40px;
    font-size: 10px;
    letter-spacing: 0.25em;
  }
  .ning-scroll-line { height: 30px; }
}


/* ═══════════════════════════════════════════ */
/* === HOVER 互動效果 全套 === */
/* ═══════════════════════════════════════════ */


/* ─── A. 服務列表(每列滑過去整列亮起來 + 標題變朱赤 + 箭頭右移) ─── */

.service-row {
  cursor: default;
  transition: background 0.5s cubic-bezier(0.22, 1, 0.36, 1),
              padding 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.service-row:hover {
  background: rgba(232, 71, 44, 0.05);
  padding-left: 24px !important;
}

/* 服務英文標題 hover 變朱赤 */
.service-row .elementor-heading-title {
  transition: color 0.4s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.service-row:hover h3,
.service-row:hover h3 .elementor-heading-title {
  color: #E8472C !important;
}

/* 最右邊的箭頭 → 滑過去往右移 + 變朱赤 */
.service-row > div:last-child .elementor-heading-title,
.service-row > .e-con:last-child .elementor-heading-title {
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
              color 0.4s ease;
}

.service-row:hover > div:last-child .elementor-heading-title,
.service-row:hover > .e-con:last-child .elementor-heading-title {
  transform: translateX(12px);
  color: #E8472C !important;
}


/* ─── B. 作品卡片(原本有圖片放大,再加標題變朱赤) ─── */

.work-card .elementor-heading-title,
.a-work .elementor-heading-title {
  transition: color 0.4s ease !important;
}

.work-card:hover h3 .elementor-heading-title,
.a-work:hover h3 .elementor-heading-title,
.work-card:hover .elementor-heading-title,
.a-work:hover .elementor-heading-title {
  color: #E8472C !important;
}


/* ─── C. 統計格(7+ / 40+ / 100+ / 5)滑過去格子加亮 ─── */

.stat-cell {
  transition: background 0.4s ease !important;
  cursor: default;
}

.stat-cell:hover {
  background: #221E1A !important;
}


/* ─── D. 信念卡片(Look longer / Mind the details 等 4 張)─── */

.value-card {
  transition: background 0.4s ease !important;
  cursor: default;
}

.value-card:hover {
  background: #221E1A !important;
}

.value-card .elementor-heading-title {
  transition: color 0.4s ease;
}


/* ─── E. 所有按鈕(寄信聯繫、看看作品、更多關於、View all)滑過去輕微上抬 ─── */

.elementor-button {
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(232, 71, 44, 0.25);
}


/* ─── F. 篩選按鈕(作品集頁的 全部 / 品牌識別 / ...)─── */

.filter-btn {
  transition: all 0.3s ease !important;
  cursor: pointer;
}

.filter-btn:hover {
  border-color: #E8472C !important;
  background: rgba(232, 71, 44, 0.08) !important;
}

.filter-btn:hover .elementor-text-editor *,
.filter-btn:hover p,
.filter-btn:hover span {
  color: #E8472C !important;
}


/* ─── G. 凝 / 視 兩列字解釋(關於頁)hover 加亮 ─── */

.about-char-row {
  transition: padding 0.4s ease, background 0.4s ease;
}

.about-char-row:hover {
  background: rgba(232, 71, 44, 0.04);
  padding-left: 12px !important;
}


/* ─── H. 服務頁 5 個快速跳轉卡 ─── */

.svc-jump {
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.svc-jump:hover {
  background: #221E1A !important;
  border-color: #E8472C !important;
  transform: translateY(-4px);
}


/* ─── I. 服務頁詳細列(Includes / For / Process / Pricing)─── */

.svc-detail-row {
  transition: background 0.3s ease, padding 0.3s ease;
}

.svc-detail-row:hover {
  background: rgba(232, 71, 44, 0.03);
  padding-left: 8px !important;
}/* End custom CSS */