:root{
  --feature-ink:#201d18;
  --feature-muted:#6f685e;
  --feature-paper:#f3ede2;
  --feature-paper-deep:#e8dfd0;
  --feature-card:#fbf8f2;
  --feature-rust:#8b3f2c;
  --feature-gold:#aa7b39;
  --feature-line:rgba(67,55,40,.18);
  --feature-serif:"Noto Serif TC","Songti TC","PMingLiU",Georgia,serif;
  --feature-sans:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--feature-ink);
  background:var(--feature-paper);
  font-family:var(--feature-sans);
  text-rendering:optimizeLegibility;
}
img,video{max-width:100%}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid var(--feature-rust);outline-offset:4px}
.interview-noscript-pixel{position:absolute;width:1px;height:1px;overflow:hidden}

.interview-topbar{
  position:relative;
  z-index:10;
  display:flex;
  min-height:78px;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:17px clamp(22px,5vw,76px);
  border-bottom:1px solid var(--feature-line);
  background:rgba(243,237,226,.96);
}
.interview-brand{display:inline-flex;align-items:center;text-decoration:none}
.interview-brand img{display:block;width:142px;height:auto}
.interview-topbar nav{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:750;letter-spacing:.08em}
.interview-topbar nav a{text-decoration:none}
.interview-topbar nav a:hover{color:var(--feature-rust)}
.interview-topbar__profile{
  padding:11px 16px;
  border:1px solid var(--feature-ink);
  border-radius:999px;
}

.interview-article{overflow:hidden}
.interview-masthead{
  display:grid;
  min-height:680px;
  grid-template-columns:minmax(0,1.22fr) minmax(420px,.78fr);
  border-bottom:1px solid var(--feature-line);
}
.interview-masthead__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:62px clamp(42px,6vw,92px) 58px;
}
.interview-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:38px;
  color:var(--feature-muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
}
.interview-breadcrumb a{text-decoration:none}
.interview-breadcrumb a:hover{color:var(--feature-rust)}
.interview-rubric,.interview-section-label{
  margin:0;
  color:var(--feature-rust);
  font-size:11px;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.interview-masthead h1{
  max-width:760px;
  margin:18px 0 22px;
  font-family:var(--feature-serif);
  font-size:clamp(44px,3.85vw,58px);
  font-weight:600;
  letter-spacing:-.035em;
  line-height:1.3;
  text-wrap:balance;
}
.interview-deck{
  max-width:660px;
  margin:0;
  color:#4f4941;
  font-family:var(--feature-serif);
  font-size:clamp(17px,1.25vw,20px);
  line-height:1.8;
}
.interview-byline{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin-top:34px;
  padding-top:17px;
  border-top:1px solid var(--feature-line);
  color:var(--feature-muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
}
.interview-masthead__portrait{
  position:relative;
  min-height:680px;
  margin:0;
  overflow:hidden;
  background:#211f1b;
}
.interview-masthead__portrait::after{
  position:absolute;
  inset:0;
  content:"";
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.64));
  pointer-events:none;
}
.interview-masthead__portrait img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 37%;
  filter:saturate(.75) contrast(1.04);
}
.interview-masthead__portrait figcaption{
  position:absolute;
  z-index:1;
  right:30px;
  bottom:24px;
  left:30px;
  color:rgba(255,255,255,.78);
  font-size:11px;
  letter-spacing:.05em;
}

.interview-editor-note{
  display:grid;
  grid-template-columns:150px minmax(0,760px);
  justify-content:center;
  gap:54px;
  padding:64px clamp(24px,6vw,90px);
  border-bottom:1px solid var(--feature-line);
  background:var(--feature-card);
}
.interview-editor-note h2{
  margin:0 0 18px;
  font-family:var(--feature-serif);
  font-size:clamp(27px,2.35vw,36px);
  font-weight:600;
  line-height:1.35;
  text-wrap:balance;
}
.interview-editor-note div>p{
  margin:0;
  color:var(--feature-muted);
  font-size:15px;
  line-height:1.9;
}

.interview-watch{
  padding:78px clamp(24px,6.5vw,104px) 84px;
  color:#f4eee5;
  background:#1d1b18;
}
.interview-watch__intro{
  display:grid;
  grid-template-columns:180px minmax(0,1fr) minmax(220px,380px);
  gap:36px;
  align-items:end;
  max-width:1320px;
  margin:0 auto 38px;
}
.interview-watch .interview-section-label{color:#d9ab68}
.interview-watch__intro h2{
  margin:0;
  font-family:var(--feature-serif);
  font-size:clamp(36px,3.4vw,50px);
  font-weight:500;
  text-wrap:balance;
}
.interview-watch__intro>p:last-child{
  margin:0;
  color:rgba(255,255,255,.58);
  font-size:13px;
  line-height:1.8;
}
.interview-watch__layout{
  display:grid;
  grid-template-columns:minmax(280px,440px) minmax(360px,1fr);
  gap:clamp(44px,6vw,88px);
  align-items:center;
  max-width:1200px;
  margin:0 auto;
}
.interview-video{margin:0}
.interview-video video{
  display:block;
  width:min(100%,340px);
  height:auto;
  aspect-ratio:9/16;
  margin:0 auto;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:#080808;
  object-fit:contain;
  box-shadow:0 24px 58px rgba(0,0,0,.32);
}
.interview-video figcaption{
  margin-top:13px;
  color:rgba(255,255,255,.5);
  font-size:10px;
  letter-spacing:.08em;
  text-align:center;
}
.interview-chapters{
  margin:0;
  padding:0;
  border-top:1px solid rgba(255,255,255,.16);
  list-style:none;
}
.interview-chapters li{border-bottom:1px solid rgba(255,255,255,.16)}
.interview-chapters button{
  display:grid;
  width:100%;
  grid-template-columns:68px minmax(0,1fr);
  gap:20px;
  align-items:start;
  padding:19px 4px;
  border:0;
  color:inherit;
  background:none;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.interview-chapters time{
  color:#d9ab68;
  font-family:var(--feature-serif);
  font-size:16px;
}
.interview-chapters strong,.interview-chapters small{display:block}
.interview-chapters strong{font-family:var(--feature-serif);font-size:19px;font-weight:600}
.interview-chapters small{margin-top:7px;color:rgba(255,255,255,.52);font-size:12px;line-height:1.6}
.interview-chapters button:hover strong{color:#e4bc81}
.interview-chapters[aria-busy="true"] button{cursor:progress;opacity:.58}
.interview-chapters button:disabled{pointer-events:none}
.interview-seek-status{
  margin:18px 0 0;
  color:#e4bc81;
  font-size:13px;
  line-height:1.6;
}
.interview-seek-status.is-error{color:#ffd5d1}

.interview-reading-shell{
  display:grid;
  max-width:1180px;
  grid-template-columns:130px minmax(0,880px);
  justify-content:center;
  gap:clamp(42px,6vw,86px);
  margin:0 auto;
  padding:88px clamp(24px,5vw,72px);
}
.interview-rail{
  position:sticky;
  top:28px;
  align-self:start;
  padding-top:10px;
  color:var(--feature-muted);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.interview-rail::before{
  display:block;
  width:38px;
  height:3px;
  margin-bottom:22px;
  background:var(--feature-rust);
  content:"";
}
.interview-rail strong{
  display:block;
  margin:13px 0 20px;
  color:var(--feature-ink);
  font-family:var(--feature-serif);
  font-size:22px;
  font-weight:600;
  letter-spacing:0;
  line-height:1.5;
  text-transform:none;
}
.interview-rail p{line-height:1.8}
.interview-transcript__header{
  max-width:760px;
  margin-bottom:46px;
  padding-bottom:26px;
  border-bottom:1px solid var(--feature-line);
}
.interview-transcript__header h2{
  margin:14px 0 12px;
  font-family:var(--feature-serif);
  font-size:clamp(38px,3.5vw,50px);
  font-weight:600;
  letter-spacing:-.04em;
  text-wrap:balance;
}
.interview-transcript__header>p:last-child{margin:0;color:var(--feature-muted);font-size:13px}
.interview-qa{
  display:grid;
  grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);
  gap:clamp(40px,5vw,70px);
  padding:48px 0;
  border-bottom:1px solid var(--feature-line);
}
.interview-qa__question time{
  display:block;
  margin-bottom:25px;
  color:var(--feature-gold);
  font-family:var(--feature-serif);
  font-size:18px;
}
.interview-qa__question>p,.interview-speaker{
  margin:0 0 10px;
  color:var(--feature-rust);
  font-size:10px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.interview-qa__question h3{
  margin:0;
  font-family:var(--feature-serif);
  font-size:clamp(23px,1.85vw,28px);
  font-weight:600;
  line-height:1.55;
  text-wrap:balance;
}
.interview-qa__answer>p:not(.interview-speaker){
  margin:0 0 1.3em;
  color:#3e3933;
  font-family:var(--feature-serif);
  font-size:19px;
  line-height:1.95;
}
.interview-qa__answer>p:last-child{margin-bottom:0}
.interview-pullquote{
  position:relative;
  margin:62px 0;
  padding:50px clamp(32px,5vw,62px);
  color:#f7f0e6;
  background:var(--feature-rust);
}
.interview-pullquote::before{
  position:absolute;
  top:19px;
  left:24px;
  color:rgba(255,255,255,.18);
  content:"“";
  font-family:Georgia,serif;
  font-size:78px;
  line-height:1;
}
.interview-pullquote p{
  position:relative;
  margin:0;
  font-family:var(--feature-serif);
  font-size:clamp(27px,2.45vw,36px);
  font-weight:500;
  letter-spacing:-.025em;
  line-height:1.55;
}
.interview-pullquote cite{
  display:block;
  margin-top:24px;
  color:rgba(255,255,255,.66);
  font-size:11px;
  font-style:normal;
  letter-spacing:.09em;
}
.interview-pullquote--light{
  color:var(--feature-ink);
  background:var(--feature-paper-deep);
}
.interview-pullquote--light::before{color:rgba(139,63,44,.16)}
.interview-pullquote--light cite{color:var(--feature-muted)}
.interview-context{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:34px;
  margin:38px 0 6px;
  padding:26px 30px;
  border-left:3px solid var(--feature-gold);
  background:rgba(255,255,255,.46);
}
.interview-context>p:last-child{margin:0;color:var(--feature-muted);font-size:13px;line-height:1.9}
.interview-qa--closing{border-bottom:0}

.interview-closing-quote{
  position:relative;
  display:grid;
  min-height:430px;
  place-items:center;
  padding:82px 24px;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(15,14,12,.92),rgba(15,14,12,.68)),
    url("/img/brand/mor-a/photos/mor-a-documentary-v1.webp?v=20260710mora1") center 40%/cover;
}
.interview-closing-quote>span{
  position:absolute;
  top:-62px;
  color:rgba(255,255,255,.08);
  font-family:Georgia,serif;
  font-size:360px;
  line-height:1;
}
.interview-closing-quote blockquote{position:relative;margin:0;text-align:center}
.interview-closing-quote p{
  margin:0;
  font-family:var(--feature-serif);
  font-size:clamp(36px,3.7vw,54px);
  font-weight:500;
  letter-spacing:-.035em;
  line-height:1.55;
}
.interview-closing-quote cite{
  display:block;
  margin-top:34px;
  color:#dfbd87;
  font-size:12px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
}

.interview-disclaimer{
  display:grid;
  grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);
  gap:60px;
  max-width:1000px;
  margin:0 auto;
  padding:66px 28px;
  border-bottom:1px solid var(--feature-line);
}
.interview-disclaimer h2{
  margin:0;
  font-family:var(--feature-serif);
  font-size:26px;
  font-weight:600;
}
.interview-disclaimer p{margin:0 0 12px;color:var(--feature-muted);font-size:13px;line-height:1.9}
.interview-next{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:80px;
  max-width:1160px;
  margin:0 auto;
  padding:78px 28px;
  align-items:center;
}
.interview-next h2{
  margin:14px 0 12px;
  font-family:var(--feature-serif);
  font-size:clamp(32px,3vw,44px);
  font-weight:600;
  text-wrap:balance;
}
.interview-next>div>p:last-child{max-width:590px;margin:0;color:var(--feature-muted);font-size:14px;line-height:1.8}
.interview-next__links{display:flex;min-width:280px;flex-direction:column;gap:11px}
.interview-button{
  display:flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  padding:13px 20px;
  border:1px solid var(--feature-ink);
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
.interview-button:hover{color:#fff;background:var(--feature-ink)}
.interview-button--primary{border-color:var(--feature-rust);color:#fff;background:var(--feature-rust)}
.interview-button--primary:hover{border-color:#622b1f;background:#622b1f}
.interview-text-link{margin-top:6px;color:var(--feature-rust);font-size:12px;font-weight:800;text-align:center;text-decoration:none}
.interview-text-link:hover{text-decoration:underline}
.interview-site-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:38px clamp(24px,6vw,90px);
  border-top:1px solid var(--feature-line);
  background:var(--feature-paper-deep);
}
.interview-site-footer img{display:block;width:138px;height:auto}
.interview-site-footer p{margin:0;color:var(--feature-muted);font-family:var(--feature-serif);font-size:13px}

@media (max-width:980px){
  .interview-masthead{min-height:auto;grid-template-columns:1fr}
  .interview-masthead__copy{padding:54px 34px}
  .interview-breadcrumb{margin-bottom:34px}
  .interview-masthead__portrait{min-height:0;aspect-ratio:16/10}
  .interview-watch__intro{grid-template-columns:1fr 1fr}
  .interview-watch__intro .interview-section-label{grid-column:1/-1}
  .interview-watch__layout{grid-template-columns:minmax(260px,440px) minmax(280px,1fr);gap:44px}
  .interview-reading-shell{grid-template-columns:1fr;gap:0}
  .interview-rail{display:none}
  .interview-pullquote{margin:70px -24px}
  .interview-next{grid-template-columns:1fr;gap:38px}
  .interview-next__links{max-width:420px}
}

@media (max-width:720px){
  html{scroll-padding-top:20px}
  .interview-topbar{min-height:68px;padding:14px 18px}
  .interview-brand img{width:124px}
  .interview-topbar nav{gap:9px}
  .interview-topbar nav>a:not(.interview-topbar__profile){display:none}
  .interview-topbar__profile{padding:9px 12px;font-size:10px}
  .interview-masthead__copy{padding:34px 20px 38px}
  .interview-breadcrumb{margin-bottom:26px}
  .interview-masthead h1{margin:13px 0 18px;font-size:30px;line-height:1.34;letter-spacing:-.02em;text-wrap:wrap}
  .interview-deck{font-size:16px;line-height:1.72}
  .interview-byline{display:grid;gap:5px;margin-top:27px;padding-top:15px}
  .interview-masthead__portrait{min-height:0;aspect-ratio:4/3}
  .interview-masthead__portrait img{object-position:50% 38%}
  .interview-editor-note{grid-template-columns:1fr;gap:16px;padding:48px 20px}
  .interview-editor-note h2{margin-bottom:13px;font-size:25px;line-height:1.45}
  .interview-editor-note div>p{font-size:14px;line-height:1.85}
  .interview-watch{padding:54px 18px 60px}
  .interview-watch__intro{grid-template-columns:1fr;gap:13px;margin-bottom:28px}
  .interview-watch__intro .interview-section-label{grid-column:auto}
  .interview-watch__intro h2{font-size:30px}
  .interview-watch__intro>p:last-child{font-size:12px;line-height:1.7}
  .interview-watch__layout{grid-template-columns:1fr;gap:34px}
  .interview-video{max-width:286px;margin:0 auto}
  .interview-chapters button{grid-template-columns:54px minmax(0,1fr);gap:14px;padding:16px 2px}
  .interview-chapters time{font-size:14px}
  .interview-chapters strong{font-size:16px}
  .interview-chapters small{margin-top:5px;font-size:11px}
  .interview-reading-shell{padding:60px 20px}
  .interview-transcript__header{margin-bottom:26px;padding-bottom:22px}
  .interview-transcript__header h2{font-size:34px}
  .interview-qa{grid-template-columns:1fr;gap:20px;padding:36px 0}
  .interview-qa__question time{margin-bottom:10px;font-size:16px}
  .interview-qa__question h3{font-size:22px;line-height:1.55}
  .interview-qa__answer>p:not(.interview-speaker){font-size:17px;line-height:1.85}
  .interview-pullquote{margin:42px -20px;padding:42px 24px}
  .interview-pullquote::before{top:14px;left:17px;font-size:66px}
  .interview-pullquote p{font-size:25px;line-height:1.6}
  .interview-context{grid-template-columns:1fr;gap:10px;margin-top:30px;padding:20px}
  .interview-context>p:last-child{font-size:12px;line-height:1.8}
  .interview-closing-quote{min-height:390px;padding:64px 20px}
  .interview-closing-quote p{font-size:30px;line-height:1.55;text-wrap:balance}
  .interview-closing-quote p br{display:none}
  .interview-disclaimer{grid-template-columns:1fr;gap:16px;padding:48px 20px}
  .interview-disclaimer h2{font-size:23px}
  .interview-next{gap:30px;padding:58px 20px}
  .interview-next h2{font-size:29px;line-height:1.4}
  .interview-next__links{min-width:0}
  .interview-site-footer{align-items:flex-start;flex-direction:column;padding:30px 20px}
}

@media (max-width:370px){
  .interview-masthead h1{font-size:27px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}