/* ============ 關於我們頁 — 奶油底 + 酒紅字主題 ============ */
:root{
  --cream:#e7e4df;
  --ink:#4d3b36;        /* 內文 */
}

/* 底色：覆蓋首頁的山景／漸層 */
body.about-page,
body.about-page.view-desktop{
  background:var(--cream);
}
.page.about{background:transparent;}
/* 奶油頁：柔化頁面陰影（原本深色 0,0,0,.25 在奶油底上像黑框），頂部選單改奶油色 */
.page.about{box-shadow:0 0 40px rgba(150,118,92,.13);}
body.view-desktop .page.about{box-shadow:0 0 60px rgba(150,118,92,.13);}
body.about-page .topbar{background:linear-gradient(to bottom,rgba(231,228,223,.94),rgba(231,228,223,0));backdrop-filter:none;-webkit-backdrop-filter:none;}

/* 固定背景：奶油底 + 波浪裝飾，捲動時固定不動；鎖成與內容欄等寬、置中 */
.bg-about{
  position:fixed;top:0;bottom:0;
  left:50%;transform:translateX(-50%);
  width:100%;max-width:var(--max);   /* 與 .page 等寬（手機 480） */
  z-index:-1;pointer-events:none;
  background-color:var(--cream);
  background-image:url(../images/about-waves.png);
  background-repeat:repeat-y;
  background-position:top center;
  background-size:100% auto;
}
/* 桌機：奶油底＋波浪都固定不動、鋪滿整頁；波浪放大到 760，
   一般高度視窗仍能看到完整波浪曲線（前景捲動、背景不動） */
body.view-desktop .bg-about{max-width:1200px;background-size:760px auto;}

/* 頂部選單在淺底上的可讀性（桌機橫向選單改酒紅字） */
body.about-page.view-desktop .topbar{
  background:linear-gradient(to bottom,rgba(231,228,223,.97),rgba(231,228,223,.35));
}
body.about-page.view-desktop .topbar-brand,
body.about-page.view-desktop .topnav>a,
body.about-page.view-desktop .nav-item>a{
  color:var(--maroon);text-shadow:none;
}
body.about-page.view-desktop .topnav>a:hover,
body.about-page.view-desktop .nav-item:hover>a{border-color:var(--maroon);}

/* ---- 內容容器 ---- */
.about-main{
  max-width:600px;margin:0 auto;
  padding:8px 0 40px;
}
body.view-desktop .about-main{max-width:720px;}

/* ---- 起源 ---- */
.ab-hero{text-align:center;padding:44px 24px 26px;}
.ab-mark{width:96px;margin:0 auto 14px;}
.ab-mark img{width:100%;height:auto;display:block;
  filter:drop-shadow(0 2px 6px rgba(120,90,70,.18));}
.ab-title{
  color:var(--maroon);font-size:2rem;font-weight:700;letter-spacing:.1em;
  display:inline-block;border-bottom:2px solid rgba(122,78,73,.55);
  padding-bottom:8px;margin-bottom:22px;
}
.ab-lead{color:var(--ink);font-size:1.02rem;line-height:2.05;letter-spacing:.02em;}

/* ---- 一般段落區塊 ---- */
.ab-sec{
  display:flex;gap:12px;align-items:flex-start;
  max-width:600px;margin:0 auto;
  padding:34px 18px;
}
.ab-sec.no-label{display:block;}
.sec-body{flex:1;min-width:0;text-align:center;}

/* 側邊直書標籤 ＋ 紅圈 */
.sec-label{
  position:relative;
  flex:0 0 56px;
  display:flex;flex-direction:column;align-items:center;
  padding-top:6px;
}
.sec-label .enso{
  position:absolute;top:0;left:50%;
  transform:translateX(-50%);
  width:56px;height:56px;object-fit:contain;   /* 紅圈套在第一個字上，圓形不壓扁 */
  z-index:1;pointer-events:none;
}
.sec-label .vtext{
  position:relative;z-index:0;
  margin-top:16px;          /* 讓第一個字落在紅圈內 */
  writing-mode:vertical-rl;text-orientation:upright;
  color:var(--maroon);font-weight:600;
  font-size:1.2rem;letter-spacing:.22em;line-height:1.6;
  white-space:nowrap;
}

/* 標題與內文 */
.ab-h2{
  color:var(--maroon);font-size:1.5rem;font-weight:700;
  letter-spacing:.04em;line-height:1.5;margin-bottom:14px;
}
.ab-h2.lead-h{font-size:1.42rem;}
.ab-h2.center{text-align:center;}
.ab-h2.underline{
  display:inline-block;border-bottom:2px solid rgba(122,78,73,.5);
  padding-bottom:6px;
}
.sec-body p{
  color:var(--ink);font-size:1rem;line-height:1.95;letter-spacing:.02em;
  margin-bottom:16px;
}
.sec-body p.tight{margin-bottom:6px;}

/* 條列 */
.ab-list{
  list-style:none;display:inline-block;text-align:left;
  margin:0 auto 16px;
}
.ab-list li{
  color:var(--ink);font-size:1rem;line-height:1.95;
  position:relative;padding-left:20px;
}
.ab-list li::before{
  content:"•";color:var(--maroon);font-weight:700;
  position:absolute;left:3px;
}
.ab-list.icon li::before{content:"❁";font-size:.85em;left:2px;top:1px;}

/* 照片 */
.ab-photo{margin:24px auto;max-width:360px;}
.ab-photo img{
  width:100%;height:auto;display:block;border-radius:16px;
  box-shadow:0 8px 22px rgba(90,60,50,.20);
}

/* 宗旨理念卡片 */
.ab-cards{display:flex;flex-direction:column;gap:18px;margin-top:22px;}
.ab-card{
  background:rgba(255,255,255,.5);
  border:1px solid rgba(122,78,73,.16);
  border-radius:20px;padding:22px 20px;text-align:center;
  box-shadow:0 4px 16px rgba(120,90,70,.08);
}
.ab-card h3{color:var(--maroon);font-size:1.16rem;font-weight:700;margin-bottom:10px;}
.ab-card p{color:var(--ink);font-size:.95rem;line-height:1.85;margin:0;}
body.view-desktop .ab-cards{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;
}

/* 使命卡 ＋ 願景 */
.ab-card.mission{margin-top:6px;}
.ab-card.mission .ab-list{display:block;}
.ab-card.mission .ab-list li{text-align:center;padding-left:0;}
.ab-card.mission .ab-list li::before{content:"";}
.ab-vision{
  color:var(--maroon);font-size:1.22rem;font-weight:600;
  line-height:1.8;text-align:center;margin-top:30px;letter-spacing:.03em;
}