/* ============ 上師介紹子頁（沿用奶油主題 about.css） ============ */

/* 區段標題：菩提標誌 ＋ 分隔線（兩端小圓點）＋ 創辦人 Founder */
.intro-eyebrow{
  text-align:center;padding:30px 24px 14px;
}
.intro-eyebrow .mark{width:72px;margin:0 auto 20px;display:block;}
.intro-eyebrow .mark img{width:100%;height:auto;display:block;
  filter:drop-shadow(0 2px 6px rgba(120,90,70,.18));}
.intro-eyebrow .divider{
  position:relative;height:1px;background:rgba(122,78,73,.55);
  max-width:430px;margin:0 auto 22px;
}
.intro-eyebrow .divider::before,
.intro-eyebrow .divider::after{
  content:"";position:absolute;top:50%;width:7px;height:7px;border-radius:50%;
  background:#3a2723;transform:translateY(-50%);   /* 實心深色圓點 */
}
.intro-eyebrow .divider::before{left:-3px;}
.intro-eyebrow .divider::after{right:-3px;}

/* 上師介紹頁背景：奶油磨砂紙質紋理，滿版固定（覆蓋 about.css 的波浪） */
.bg-about{
  background-color:var(--cream) !important;
  background-image:url(../images/cream-frost.jpg) !important;
  background-repeat:repeat-y !important;      /* 只縱向重複，橫向滿頁寬→無左右接縫 */
  background-size:100% auto !important;        /* 整條紋理縮到頁寬，顆粒變細，貼近設計稿 */
  background-position:top center !important;
}
/* 桌機：磨砂紋理擴大到頁寬（≈1200），外側仍維持純奶油（body 底色） */
body.view-desktop .bg-about{max-width:1200px !important;}
.intro-eyebrow .label{display:inline-block;line-height:0;}
.intro-eyebrow .label img{height:42px;width:auto;display:block;}
body.view-desktop .intro-eyebrow .label img{height:48px;}

/* 主視覺：照片在左 ＋ 直書姓名在右（酒紅、於奶油底上）＋ 英文名置中 */
.intro-hero{
  max-width:440px;margin:18px auto 0;padding:0 18px;
}
.intro-hero .ih-row{display:flex;gap:6px;align-items:stretch;justify-content:center;}
.intro-hero .photo{
  flex:0 0 58%;border-radius:8px;overflow:hidden;
  box-shadow:0 10px 26px rgba(90,60,50,.22);
}
.intro-hero .photo img{width:100%;height:100%;object-fit:cover;display:block;}
.intro-hero .name-col{           /* 寬度只取文字本身，緊鄰照片 */
  flex:0 0 auto;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:16px;padding:4% 2px;
}
.intro-hero .cn-name{
  writing-mode:vertical-rl;
  color:#fff;text-shadow:0 2px 7px rgba(110,72,67,.55);
  font-family:"Noto Serif TC",serif;font-weight:700;
  font-size:1.95rem;letter-spacing:.3em;
}
.intro-hero .title{
  writing-mode:vertical-rl;
  color:#fff;text-shadow:0 2px 6px rgba(110,72,67,.55);
  font-family:"Noto Serif TC",serif;
  font-size:1.05rem;letter-spacing:.14em;
}
.intro-hero .en-name{
  text-align:center;color:var(--maroon);font-family:"Noto Serif TC",serif;
  font-size:1.08rem;letter-spacing:.1em;margin:18px 0 4px;
}

/* 內文 */
.intro-body{
  max-width:600px;margin:0 auto;padding:24px 22px 30px;
}
.intro-body h2{
  color:var(--maroon);font-size:1.4rem;font-weight:700;
  text-align:center;margin:8px 0 20px;letter-spacing:.04em;
}
.intro-body p{
  font-family:"Noto Sans TC",sans-serif;
  color:var(--ink);font-size:1rem;line-height:2;letter-spacing:.01em;
  margin-bottom:18px;text-align:justify;
}
.intro-body .body-subtitle{
  text-align:center;color:var(--maroon);font-family:"Noto Sans TC",sans-serif;
  font-size:.95rem;font-weight:500;letter-spacing:.1em;margin:-10px 0 20px;
}
/* 上師名單（傳承上師等）置中列表 */
.intro-body .name-list{
  list-style:none;text-align:center;margin:4px auto 18px;
  font-family:"Noto Sans TC",sans-serif;
}
.intro-body .name-list li{color:var(--ink);font-size:1rem;line-height:1.95;}

/* 職稱／專長 */
.intro-credits{
  max-width:600px;margin:0 auto;padding:6px 22px 40px;
}
.intro-credits ul{list-style:none;}
.intro-credits li{
  font-family:"Noto Sans TC",sans-serif;
  color:var(--ink);font-size:.98rem;line-height:1.9;
  padding-left:18px;position:relative;
}
.intro-credits li::before{content:"・";color:var(--maroon);position:absolute;left:0;}
.intro-credits .spec{
  margin-top:14px;font-family:"Noto Sans TC",sans-serif;
  color:var(--ink);font-size:.98rem;line-height:1.9;
}

/* 桌機 */
body.view-desktop .intro-hero{max-width:480px;}
body.view-desktop .intro-hero .cn-name{font-size:2.4rem;}
body.view-desktop .intro-body,
body.view-desktop .intro-credits{max-width:680px;}
