/* ============================================== */
/* acorn-about.css — 關於頁羊皮紙設計 v1           */
/* 套用首頁 acorn-home.css 的 --paper --brown --gold --slate 變數  */
/* 套設計稿 Layout_關於.jpg 頭尾 + 橡果_BG.jpg     */
/* ============================================== */

/* ── 頁面容器 ── */
.acorn-about-page{max-width:1350px;margin:0 auto;padding:0;background:transparent}

/* ── Hero Banner (設計稿:透明 + 米色 body 浮水印 + 細裝飾線) ── */
.about-hero{
  background:transparent!important;
  box-shadow:none!important;
  padding:40px 20px 20px!important;
  text-align:center;
  max-width:900px!important;
  margin:0 auto;
  position:relative;
}
.about-hero>*{position:relative;z-index:1}
.about-hero-fleuron,
.about-hero-rule{
  display:none!important;
}
.about-hero-rule{
  display:none!important;
}
.about-hero-divider{
  display:none!important;
}
.about-hero h1{
  color:#573409!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-family:"Noto Serif TC","Source Han Serif TC",Georgia,serif!important;
  font-size:1.8rem!important;
  font-weight:700!important;
  padding:0!important;
  margin:0 0 20px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:15px;
  line-height:1.4!important;
  letter-spacing:.05em;
  max-width:none;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.about-hero h1::before,
.about-hero h1::after{
  content:"";
  display:block;
  width:80px;
  height:1px;
  background-color:#b08d57;
  flex:0 0 80px;
}
.about-hero-sub{
  color:var(--brown,#573409);
  font-size:.95rem;
  line-height:1.8;
  margin-top:15px;
  font-family:"Noto Serif TC","Source Han Serif TC",Georgia,serif;
  font-weight:400;
  max-width:none;
}

/* ── 羊皮紙內容區 ── */
.about-paper{
  padding:60px 24px 80px;
  background:var(--paper,#f4ead5);
  background-image:url('/橡果_BG.jpg');
  background-size:cover;
  background-attachment:fixed;
  background-position:center;
}
.about-paper::before{
  content:"";
  display:block;position:relative;
}
.about-paper>*{position:relative}

/* ── Section 通用 ── */
.about-section{
  max-width:780px;
  margin:0 auto 60px;
}
.about-section-title{
  display:flex;align-items:center;gap:12px;
  color:var(--brown,#573409);
  font-size:clamp(1.35rem,2vw,1.7rem);
  font-weight:600;
  margin:0 0 18px;
  font-family:"Noto Serif TC",Georgia,serif;
  letter-spacing:.03em;
}
.about-section-title::before{
  content:"";
  width:36px;height:36px;
  flex:0 0 36px;
  background-image:url('/acorn-mission-icon.png');
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}
.about-section p,
.about-section .about-block{
  color:var(--slate,#32403e);
  font-size:clamp(.95rem,1.15vw,1.05rem);
  line-height:2;
  margin:0 0 14px;
  font-family:"Noto Serif TC",Georgia,serif;
}
.about-section .about-block blockquote{
  margin:18px 0;
  padding:12px 18px;
  border-left:4px solid var(--brown,#573409);
  background:rgba(255,250,235,.5);
  font-style:italic;
  color:var(--brown,#573409);
  line-height:1.85;
}

/* ── 3 大使命 (從附圖截圖內容) ── */
.about-missions ol{
  list-style:none;
  padding:0;margin:18px 0 0;
  counter-reset:mission-counter;
}
.about-missions ol li{
  counter-increment:mission-counter;
  position:relative;
  padding:18px;
  margin-bottom:14px;
  background:rgba(255,250,235,.55);
  border:1px solid rgba(150,90,16,.25);
  border-radius:4px;
  color:var(--slate,#32403e);
  line-height:1.85;
}
.about-missions ol li strong{
  color:var(--brown,#573409);
  font-size:1.05rem;
  display:block;
  margin-bottom:4px;
}

/* ── CTA 按鈕列 ── */
.about-cta-row{
  display:flex;justify-content:center;
  gap:24px;flex-wrap:wrap;
  max-width:780px;margin:0 auto 60px;padding:0;
}
.about-cta-row a{
  display:inline-block;
  padding:14px 36px;
  background:var(--brown,#573409);
  color:#f5ead0;
  text-decoration:none;
  border:1px solid #b08d57;
  border-radius:4px;
  font-family:"Noto Serif TC",Georgia,serif;
  font-size:1.05rem;
  font-weight:500;
  letter-spacing:.06em;
  transition:all .2s;
}
.about-cta-row a:hover{
  background:#7a4f1c;
  border-color:#e8cb76;
  box-shadow:0 0 16px rgba(232,203,118,.4);
}
.about-cta-row a.secondary{
  background:transparent!important;
  color:var(--brown,#573409)!important;
  border:1.5px solid var(--gold,#B8924A)!important;
}
.about-cta-row a.secondary:hover{
  background:var(--gold,#B8924A)!important;
  color:#fff!important;
  border-color:var(--gold,#B8924A)!important;
  box-shadow:0 0 16px rgba(184,146,74,.4)!important;
}

/* ── 4 欄 Footer (設計稿) ── */
.about-footer{
  background:#2d1a08;
  color:#f0e6d2;
  padding:60px 24px 30px;
  font-family:"Noto Sans TC",sans-serif;
}
.about-footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:32px;
  max-width:1280px;
  margin:0 auto 36px;
}
.about-footer-brand .footer-brand-icon{height:64px;width:auto;margin-bottom:12px}
body:not(.acorn-home) .about-footer-brand .footer-brand-text,body:not(.acorn-home) .about-footer-brand .footer-brand-text-en{display:none!important}
.about-footer-brand .footer-tagline{color:#f0e6d2;font-size:.88rem;line-height:1.7;margin:0 0 6px}
.about-footer-brand .footer-note{color:#b08d57;font-size:.78rem;margin:0}
.about-footer-col h4{
  color:#e8cb76;
  font-size:.95rem;
  font-weight:bold;
  margin:0 0 14px;
  letter-spacing:.06em;
  font-family:"Noto Serif TC",Georgia,serif;
}
.about-footer-col ul{list-style:none;padding:0;margin:0}
.about-footer-col li{margin-bottom:10px}
.about-footer-col a{
  color:#f0e6d2;
  text-decoration:none;
  font-size:.88rem;
  transition:color .2s;
}
.about-footer-col a:hover{color:#e8cb76}
.about-footer-col li{color:#b08d57;font-size:.85rem}
.about-footer-copyright{
  text-align:center;
  color:#b08d57;
  font-size:.82rem;
  padding-top:24px;
  border-top:1px solid rgba(232,203,118,.15);
  max-width:1280px;
  margin:0 auto;
}

/* ── 手機版 ≤768px ── */
@media(max-width:768px){
  .about-hero{padding:48px 18px 36px}
  .about-hero h1{font-size:1.2rem}
  .about-hero-fleuron{font-size:1.1rem;margin:0 8px}
  .about-hero-sub{font-size:.9rem;margin-top:16px}
  .about-paper{padding:36px 18px 50px;background-attachment:scroll}
  .about-section{max-width:100%;margin-bottom:36px}
  .about-section-title{font-size:1.1rem;gap:10px}
  .about-section-title::before{width:20px;height:20px;flex-basis:20px}
  .about-section p,.about-section .about-block{font-size:.92rem;line-height:1.85}
  .about-missions ol li{padding:14px;font-size:.9rem}
  .about-cta-row{flex-direction:column;gap:12px;padding:0 16px}
  .about-cta-row a{width:100%;text-align:center;padding:12px 20px;font-size:.95rem}
  .about-footer-grid{grid-template-columns:1fr 1fr;gap:24px 20px}
  .about-footer-brand{grid-column:1/-1;text-align:center}
  .about-footer-brand .footer-brand-icon{display:inline-block}
  .about-footer-col h4{font-size:.88rem}
  .about-footer-col a,.about-footer-col li{font-size:.82rem}
  .about-footer-copyright{font-size:.75rem;padding-top:18px}
}

/* ── 手機版 ≤360px (最窄) ── */
@media(max-width:360px){
  .about-hero h1{font-size:1.05rem}
  .about-hero-fleuron{margin:0 4px}
  .about-footer-grid{grid-template-columns:1fr;gap:18px;text-align:center}
  .about-footer-brand{text-align:center}
}