/* Supplied MJ founder artwork, rebuilt with responsive, selectable body text. */
.founder-page { background:#020712; overflow-x:clip; }
.founder-content { color:#fff; background:#020712; overflow:hidden; font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif; }
.founder-content *, .founder-content *::before, .founder-content *::after { box-sizing:border-box; }
.founder-content section, .founder-content h1, .founder-content h2, .founder-content h3, .founder-content p { margin:0; }
.founder-content img { max-width:100%; height:auto; display:block; }
.founder-content ul, .founder-content ol { padding:0; margin:0; }
.founder-content .founder-sr-only, .founder-content .founder-art-heading>span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.founder-hero { position:relative; height:46.6vw; max-height:1193px; overflow:hidden; isolation:isolate; background:#082237; }
.founder-portrait { position:absolute; inset:0; z-index:-1; }
.founder-portrait img { width:101.5%; max-width:none; height:auto; position:absolute; left:-.75%; top:-4.8vw; }
.founder-content .founder-name { position:absolute; left:6%; top:24%; width:35%; height:auto; font-size:inherit; }
.founder-name img { width:100%; height:auto; }
.founder-roles { position:absolute; top:35%; left:59%; right:5%; list-style:none; display:grid; gap:3.5vw; font-family:"Noto Serif TC","PMingLiU",serif; font-weight:700; font-size:clamp(20px,2.25vw,56px); line-height:1.35; letter-spacing:.58em; white-space:nowrap; }
.founder-roles li { width:max-content; max-width:100%; padding:.12em .25em .12em .6em; background:linear-gradient(90deg,transparent,#b9d2ec30,transparent); }
.founder-roles li:nth-child(2) { margin-left:9%; }
.founder-roles li:nth-child(3) { margin-left:15%; letter-spacing:.45em; }
.founder-side { position:absolute; top:42%; writing-mode:vertical-rl; font:600 clamp(9px,.75vw,19px)/1.4 Arial,sans-serif; letter-spacing:.4em; }
.founder-side--free { left:3%; }
.founder-side--heart { right:2.2%; }
.founder-biography { min-height:55.6vw; background:#061731 url('/assets/founder-mj/biography-desktop.webp') center/cover no-repeat; text-align:center; padding:8.2vw 20px 8vw; }
.founder-biography-inner { max-width:1520px; margin:auto; }
.founder-content .founder-unique-title { width:58vw; max-width:1470px; margin:0 auto; }
.founder-content .founder-dual-role { width:max-content; max-width:100%; margin:-3.5vw auto 0; position:relative; font-family:"Noto Serif TC","PMingLiU",serif; font-size:clamp(26px,3vw,70px); font-weight:700; letter-spacing:.12em; line-height:1.5; text-shadow:0 1px 5px #000; }
.founder-biography-copy { max-width:66%; margin:4.4vw auto 0; font-size:clamp(16px,1.28vw,31px); font-weight:500; line-height:2.3; letter-spacing:.06em; }
.founder-content .founder-biography-copy p+p { margin-top:2.7vw; }
.founder-experience { min-height:55.7vw; padding:2.5vw 7.5% 4.5vw; background:#020712 url('/assets/founder-mj/journey-desktop.webp') center center/cover no-repeat; text-align:center; }
.founder-content .founder-journey-title { width:47vw; max-width:1190px; margin:0 auto; }
.founder-content .founder-experience-intro { display:table; max-width:100%; margin:1vw auto 3.1vw; padding:.28em 1.2em; color:#73d8fa; border:1px solid #3bafdb; background:#00102155; font-family:"Noto Serif TC","PMingLiU",serif; font-size:clamp(17px,1.5vw,34px); line-height:1.45; font-weight:700; letter-spacing:.08em; }
.founder-credentials { display:grid; grid-template-columns:repeat(3,1fr); max-width:2160px; margin:0 auto; gap:0; }
.founder-credential { position:relative; border:1.5px solid #f4ad13; border-radius:50%; padding:3.6vw 2.4vw 4vw; min-height:26.3vw; background:#00061650; }
.founder-credential+.founder-credential { margin-left:-1vw; }
.founder-content .founder-credential h3 { position:relative; margin:0 -1.1vw 1.5vw; padding:.17em .2em; color:#080d13; background:linear-gradient(90deg,#ffe68b,#e99a02); font-family:"Noto Serif TC","PMingLiU",serif; font-size:clamp(20px,2.1vw,50px); font-weight:700; line-height:1.35; letter-spacing:.06em; white-space:nowrap; }
.founder-credential ul { padding-left:1.25em; text-align:left; font-size:clamp(12px,1.05vw,26px); line-height:1.85; letter-spacing:.04em; }
.founder-credential li { padding-left:.2em; }
.founder-paths { position:relative; min-height:55.6vw; display:grid; grid-template-columns:56% 44%; padding:7.5vw 3.2% 5.7vw; isolation:isolate; background:#01090f url('/assets/founder-mj/paths-desktop.webp') center/cover no-repeat; }
.founder-paths::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,transparent 43%,#0008 81%); pointer-events:none; }
.founder-paths-art { position:relative; min-width:0; }
.founder-companions { width:120%; max-width:none!important; margin-left:-14%; margin-top:0; }
.founder-content .founder-paths-title { position:relative; width:100%; margin-top:-11vw; margin-left:-1vw; filter:drop-shadow(0 3px 5px #0007); }
.founder-path-list { list-style:none; display:grid; gap:3.7vw; }
.founder-path-list>li { display:grid; grid-template-columns:6.9vw 1fr; gap:1.4vw; }
.founder-path-number { position:relative; font-family:"Times New Roman",serif; font-size:clamp(48px,5.5vw,130px); line-height:.95; color:#56cceb; }
.founder-path-list>li:not(:last-child) .founder-path-number::after { content:""; display:block; height:5.1vw; min-height:28px; width:1px; margin:1.7vw auto 0; background:#39abc2; }
.founder-content .founder-path-list h3 { margin:0 0 1.15vw; font-size:clamp(19px,2vw,46px); font-family:"Noto Serif TC","PMingLiU",serif; color:#5ad2f4; font-weight:700; line-height:1.35; letter-spacing:.04em; }
.founder-path-list p { max-width:36em; font-size:clamp(14px,1.1vw,27px); line-height:2.3; letter-spacing:.055em; }
/* Keep the original Chinese title artwork; English is actual HTML text. */
.founder-content[data-founder-locale="en"] .founder-art-heading>img { display:none; }
.founder-content[data-founder-locale="en"] .founder-art-heading>span { position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto; white-space:normal; display:block; }
.founder-content[data-founder-locale="en"] .founder-art-heading { font:italic 500 clamp(42px,6vw,128px)/1.12 Georgia,serif; }
.founder-content[data-founder-locale="en"] .founder-unique-title { color:#f8d594; margin-bottom:2vw; }
.founder-content[data-founder-locale="en"] .founder-dual-role { margin-top:0; font-size:clamp(23px,2.6vw,62px); letter-spacing:.025em; }
.founder-content[data-founder-locale="en"] .founder-journey-title { color:#80dfe0; margin:2vw auto; }
.founder-content[data-founder-locale="en"] .founder-roles { gap:2.8vw; font-size:clamp(17px,1.9vw,45px); white-space:normal; letter-spacing:.02em; }
.founder-content[data-founder-locale="en"] .founder-roles li:nth-child(3) { letter-spacing:.02em; }
.founder-content[data-founder-locale="en"] .founder-biography-copy { letter-spacing:0; line-height:1.9; }
.founder-content[data-founder-locale="en"] .founder-experience-intro { font-size:clamp(16px,1.35vw,30px); letter-spacing:0; }
.founder-content[data-founder-locale="en"] .founder-credential { padding-left:2.8vw; padding-right:2.8vw; }
.founder-content[data-founder-locale="en"] .founder-credential h3 { white-space:normal; font-size:clamp(19px,1.7vw,40px); letter-spacing:0; }
.founder-content[data-founder-locale="en"] .founder-credential ul { letter-spacing:0; line-height:1.65; }
.founder-content[data-founder-locale="en"] .founder-paths-title { margin-top:-5vw; font-size:clamp(35px,4.5vw,105px); max-width:88%; }
.founder-content[data-founder-locale="en"] .founder-path-list h3 { font-family:Georgia,serif; letter-spacing:0; }
.founder-content[data-founder-locale="en"] .founder-path-list p { letter-spacing:0; line-height:1.9; }
@media (min-width:2561px) {
  .founder-hero { height:46.6vw; max-height:none; }
}
@media (min-width:768px) and (max-width:1100px) {
  .founder-experience { padding-left:4%; padding-right:4%; }
  .founder-credential { padding-left:2vw; padding-right:2vw; min-height:31vw; }
  .founder-biography-copy { max-width:78%; }
}
@media (max-width:767px) {
  .founder-hero { height:115vw; min-height:370px; max-height:none; }
  .founder-portrait img { width:133%; left:-16.5%; top:-14.5vw; }
  .founder-content .founder-name { left:8%; top:49%; width:84%; height:26%; }
  .founder-name img { width:100%; height:100%; object-fit:contain; object-position:center; }
  .founder-roles { top:auto; bottom:5.5%; left:18%; right:18%; gap:1.7vw; text-align:center; font-size:clamp(16px,4.7vw,30px); line-height:1.25; letter-spacing:.45em; }
  .founder-roles li { width:100%; padding:.18em .1em .18em .5em; }
  .founder-roles li:nth-child(2), .founder-roles li:nth-child(3) { margin-left:0; letter-spacing:.45em; }
  .founder-side { display:none; }
  .founder-biography { position:relative; min-height:168vw; padding:11vw 6% 14vw; background:#020510; isolation:isolate; }
  .founder-biography::before { content:""; position:absolute; z-index:-1; top:0; left:0; right:0; height:110vw; background:linear-gradient(180deg,transparent 60%,#020510 100%),url('/assets/founder-mj/lighthouse-mobile.webp') 3% center/230% auto no-repeat; }
  .founder-content .founder-unique-title { width:100%; max-width:none; }
  .founder-content .founder-dual-role { margin-top:59vw; font-size:clamp(25px,6.5vw,48px); line-height:1.5; letter-spacing:0; }
  .founder-biography-copy { max-width:100%; margin:6vw auto 0; font-size:clamp(15px,3.65vw,24px); line-height:1.95; letter-spacing:.03em; }
  .founder-content .founder-biography-copy p+p { margin-top:5.5vw; }
  .founder-experience { min-height:0; padding:10vw 7% 13vw; background-image:linear-gradient(180deg,transparent 110vw,#020510 190vw),url('/assets/founder-mj/journey-mobile.webp'); background-position:center top; background-size:100% 100%,146% auto; background-repeat:no-repeat; }
  .founder-content .founder-journey-title { width:86%; max-width:none; margin:auto; }
  .founder-content .founder-experience-intro { margin:2.5vw auto 17vw; padding:.4em .7em; font-size:clamp(15px,3.3vw,23px); line-height:1.55; letter-spacing:.04em; }
  .founder-credentials { display:grid; grid-template-columns:1fr; gap:4vw; width:min(100%,440px); }
  .founder-credential { min-height:0; aspect-ratio:1; border-radius:50%; padding:12% 11% 13%; background:#00071670; display:flex; flex-direction:column; justify-content:flex-start; }
  .founder-credential+.founder-credential { margin-left:0; }
  .founder-content .founder-credential h3 { margin:0 -5.5% 6%; padding:.22em .15em; font-size:clamp(20px,5.3vw,32px); letter-spacing:.03em; }
  .founder-credential ul { font-size:clamp(12px,3.05vw,18px); line-height:1.8; letter-spacing:0; }
  .founder-paths { min-height:0; display:block; padding:15vw 6% 10vw; background-size:auto 112vw; background-position:40% top; background-color:#01070d; background-repeat:no-repeat; background-image:url('/assets/founder-mj/paths-mobile.webp'); }
  .founder-paths::before { background:linear-gradient(180deg,transparent 0 62vw,#01070d 106vw); }
  .founder-paths-art { height:84vw; }
  .founder-companions { width:140%; margin-left:-20%; padding-top:11vw; }
  .founder-content .founder-paths-title { width:106%; margin-top:-23vw; margin-left:-3%; }
  .founder-path-list { gap:8vw; }
  .founder-path-list>li { grid-template-columns:15vw 1fr; gap:3vw; }
  .founder-path-number { font-size:clamp(43px,13vw,82px); }
  .founder-path-list>li:not(:last-child) .founder-path-number::after { height:11vw; margin:4vw auto 0; }
  .founder-content .founder-path-list h3 { margin:0 0 3vw; font-size:clamp(19px,4.8vw,32px); line-height:1.4; letter-spacing:.03em; }
  .founder-path-list p { font-size:clamp(14px,3.6vw,22px); line-height:1.95; letter-spacing:.025em; }
  .founder-content[data-founder-locale="en"] .founder-roles { left:10%; right:10%; font-size:clamp(15px,4vw,26px); gap:2vw; }
  .founder-content[data-founder-locale="en"] .founder-hero { min-height:410px; }
  .founder-content[data-founder-locale="en"] .founder-roles li { letter-spacing:.02em; }
  .founder-content[data-founder-locale="en"] .founder-art-heading { font-size:clamp(36px,10vw,65px); }
  .founder-content[data-founder-locale="en"] .founder-unique-title { margin-top:4vw; }
  .founder-content[data-founder-locale="en"] .founder-dual-role { margin-top:72vw; font-size:clamp(22px,6vw,38px); }
  .founder-content[data-founder-locale="en"] .founder-biography-copy { font-size:clamp(15px,3.65vw,23px); }
  .founder-content[data-founder-locale="en"] .founder-journey-title { margin:0 auto 6vw; }
  .founder-content[data-founder-locale="en"] .founder-experience-intro { font-size:clamp(15px,3.6vw,23px); }
  .founder-content[data-founder-locale="en"] .founder-credential { padding:11% 8% 12%; }
  .founder-content[data-founder-locale="en"] .founder-credential:first-child { min-height:350px; aspect-ratio:auto; }
  .founder-content[data-founder-locale="en"] .founder-credential h3 { font-size:clamp(18px,4.7vw,28px); }
  .founder-content[data-founder-locale="en"] .founder-credential ul { font-size:clamp(12px,2.95vw,17px); line-height:1.55; }
  .founder-content[data-founder-locale="en"] .founder-paths-title { max-width:100%; margin-top:-13vw; font-size:clamp(32px,9vw,56px); }
}
@media (prefers-reduced-motion:reduce) {
  .founder-content { scroll-behavior:auto; }
}