/* ===========================================================
   HIBACHI W · BRAND PAGE (hibachi-w.css)
   只给 hibachi-w 品牌页用的样式（依赖 theme-base.css）
=========================================================== */

/* ================== HERO 区域 ================== */
.hibachiw-page strong {
  font-weight: 600;
  color: #333;
}

.hibachiw-page .hero {
  position: relative;
  min-height: 80vh;
  background: #0e0e0e url("https://hibachiw.s3.us-east-2.amazonaws.com/images/poster/hero/home/hibachi-w-hero-desktop-poster.webp") center/cover no-repeat;
  color: #fff;
  overflow: hidden;
}

@media (max-width: 767.98px) {
  .hibachiw-page .hero {
    min-height: 520px;
    background-image: url("https://hibachiw.s3.us-east-2.amazonaws.com/images/poster/hero/home/hibachi-w-hero-mobile-poster.webp");
  }
}

@media (prefers-reduced-motion: reduce) {
  .hibachiw-page .hero__video {
    display: none;
  }
}

/* 桌面 / 移动切换（视频用） */
.hibachiw-page .show-desktop { display: block; }
.hibachiw-page .show-mobile  { display: none; }

@media (max-width: 767.98px) {
  .hibachiw-page .show-desktop { display: none; }
  .hibachiw-page .show-mobile  { display: block; }
}

.hibachiw-page .hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  pointer-events: none;
}

.hibachiw-page .hero__overlay {
  position: relative;
  z-index: 1;
  max-width: var(--overlay-maxw, 960px);
  margin-inline: auto;
  padding: calc(var(--overlay-pad-top, 70px) + env(safe-area-inset-top, 0px))
           var(--overlay-pad-x, 20px)
           var(--overlay-pad-bottom, 40px);
  text-align: center;
  color: #fff;
}

.hibachiw-page .hero__overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.15) 60%,
    rgba(0, 0, 0, 0) 100%
  );
}

/* 品牌名大一点 */
.hibachiw-page .hero__title-brand {
  display: block;
  font-size: clamp(40px, 6vw + 4px, 48px);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.1;
  margin: 10px 0 25px;
  text-shadow:
    0 2px 6px rgba(0, 0, 0, .65),
    0 10px 28px rgba(0, 0, 0, .35);
}

.hibachiw-page .hero__title-brand-highlight {
  color: #00ff26;
  text-shadow: 0 2px 6px rgba(0,0,0,.65);
}

.hibachiw-page .hero__subtitle {
  display: block;
  font-size:clamp(26px, 5.5vw + 4px, 34px);
  font-weight:700;
  line-height:1.25;
  margin:0 0 10px;
  text-align: center;
  color: #fff;
  font-family: sans-serif;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
}
/* 标语小一点 */
.hibachiw-page .hero__title-tagline {
    font-size: clamp(18px, 2.4vw, 20px);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 16px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
    color: #fff;
}

.hibachiw-page .hero__price{
  font-size: clamp(16px, 2.2vw, 18px);
  color: #fff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
  margin-bottom: 8px;
}

.hibachiw-page .hero__description{
  font-size: clamp(14px, 2.2vw, 17px); 
  line-height:1.5; 
  opacity: .95; 
  font-weight:400;
  color: #fff;
  margin: 0  0 5px;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
}

.hibachiw-page .hero__cta{
   position:relative; 
   z-index:3;
}
.hibachiw-page .hero__noscript{
  width: 100%;
  height: auto;
  display: block;
}

.hibachiw-page .hero__min{
  opacity:.9;
  font-weight:500;
}

/* 4️⃣ Invert —— Hero / 深色背景（定稿版） */
.hw-btn--invert {
  --btn-bg: #ffffff;
  --btn-bg-hover: #d7d3d3;
  --btn-text: var(--hw-text-main);
  --btn-text-hover: #495e59;
  --btn-border: var(--hw-border);
  font-size: 17px;
  font-weight: 700;
  line-height: 18px;
  padding: 18px 42px;
  margin: 40px 0 0;
  box-shadow: none;
  text-shadow: none;
}

/* ================== SECTION 通用 ================== */

.hibachiw-page .section {
  padding: 60px 0;
}

.hibachiw-page .section-title {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 16px;
}

.hibachiw-page .section-lead {
  text-align: center;
  max-width: 800px;
  margin: 16px auto 12px;
  color: #555;
  font-size: clamp(15px, 2.2vw, 17px); 
}

.hibachiw-page .hw-clean-list{
  font-size: clamp(15px, 2.2vw, 17px); 
}

/* Story lead：一段就够 */
.hibachiw-page .section-lead-story {
  text-align: left;
}

/* 正文段落 */
.hibachiw-page .story-paragraph {
  max-width: 800px;
  margin: 0 auto 12px;
  font-size: clamp(15px, 2.2vw, 17px); 
  line-height: 1.6;
  color: #555;
}

/* 这一层控制整块卡片宽度 + 居中 */
.hibachiw-page .hw-container {
  max-width: 1080px;
  margin: 0 auto;
}

/* 这一层控制正文阅读宽度 + 左对齐 */
.hibachiw-page .hw-section-content {
  max-width: 820px;
  margin: 0 auto;
  text-align: left;
}

.hibachiw-page .hw-section-content-chefs {
  max-width: 780px;
  margin: 0 auto;
  text-align: left;
}


.hibachiw-page .hw-section-content-mission {
  max-width: 660px;
  margin: 0 auto;
  text-align: left;
}


.hibachiw-page .hw-section-content-works {
  max-width: 560px;
  margin: 0 auto;
  text-align: left;
}

.hibachiw-page .hw-section-content-serve{
  max-width: 640px;
  margin: 0 auto;
  text-align: left;
}

.hibachiw-page .hw-section-content-do{
  max-width: 680px;
  margin: 0 auto;
  text-align: left;
}
.hibachiw-page .hw-section-content-say{
  max-width: 780px;
  margin: 0 auto;
  text-align: left;
}

.hibachiw-page .hw-btn-center {
  text-align: center;
  margin: 30px 0 20px;
}

@media (max-width: 768px) {
  .hibachiw-page .section {
    padding: 50px 0;
  }

  .hibachiw-page .section-title {
    font-size: 24px;
  }

  .hibachiw-page .section-lead {
    font-size: 16px;
  }
}
/* ================== Brand Entity Definition ================== */
/* 放在 Our Story 标题下，用于 SEO 实体定义 */

.hibachiw-page .hw-entity-definition {
  max-width: 820px;
  margin: 8px auto 18px;
  font-size: 16px;
  line-height: 1.55;
  color: #555;
  text-align: left;
}

/* 移动端微调 */
@media (max-width: 768px) {
  .hibachiw-page .hw-entity-definition {
    font-size: 15px;
    margin-bottom: 14px;
  }
}