/* Identity, film titles and controls stay uppercase; reading copy keeps its case. */
body { text-transform:uppercase; }
button,select,option { text-transform:inherit; }
input,textarea { text-transform:none; }
.scroll-statement p,.bio-copy p,.contact-intro,.contact-email,
.film-description,.film-description p,.award-note,.recognition-row p,.recognition-row small {
  text-transform:none;
}
.bio-copy .bio-lead { text-transform:uppercase; }

/* A quieter reading rhythm beneath the compact identity. */
.bio-copy p:not(.bio-lead),.page-onepage .bio-copy p:not(.bio-lead) {
  font:400 16px/1.75 var(--sans);
  letter-spacing:0;
  max-width:42ch;
  margin-bottom:24px;
  text-wrap:pretty;
}
.bio-copy p:last-child:not(.bio-lead),.page-onepage .bio-copy p:last-child:not(.bio-lead) {
  font-size:13px;
  line-height:1.7;
  color:#aaa;
  margin-top:28px;
  margin-bottom:0;
}
.contact-details .contact-intro {
  font:400 15px/1.65 var(--sans);
  letter-spacing:0;
  max-width:36ch;
  margin-bottom:18px;
  text-wrap:pretty;
}
.contact-email,.page-onepage .contact-email {
  font:500 clamp(28px,3.1vw,54px)/1.25 var(--display);
  letter-spacing:-.025em;
  min-height:44px;
  max-width:100%;
  overflow-wrap:anywhere;
}
@media(max-width:760px) {
  .bio-copy p:not(.bio-lead),.page-onepage .bio-copy p:not(.bio-lead) {
    font-size:15px;
    line-height:1.7;
    margin-bottom:20px;
  }
  .bio-copy p:last-child:not(.bio-lead),.page-onepage .bio-copy p:last-child:not(.bio-lead) {
    font-size:13px;
    margin-top:26px;
    margin-bottom:0;
  }
  .contact-details .contact-intro { font-size:14px; margin-bottom:16px; }
  .contact-email,.page-onepage .contact-email { font-size:clamp(22px,6.4vw,34px); }
}

/* Keep each professional role intact and group it closely with the name. */
.bio-copy .bio-roles,.page-onepage .bio-copy .bio-roles {
  display:grid;
  gap:4px;
  max-width:none;
  margin:0 0 28px;
  color:#bdbdbd;
  font:400 clamp(24px,2.5vw,40px)/1.16 'Replica Pro',Helvetica,Arial,'Noto Sans TC',sans-serif;
  letter-spacing:-.02em;
}
.bio-role { display:block; white-space:nowrap; }
.page-onepage .bio-copy .about-name {
  font:500 clamp(24px,2.2vw,32px)/1.1 var(--display);
  letter-spacing:-.025em;
  margin-bottom:15px;
}
@media(max-width:760px) {
  .bio-copy .bio-roles,.page-onepage .bio-copy .bio-roles {
    font-size:clamp(22px,6.4vw,30px);
    line-height:1.2;
    gap:3px;
    margin-bottom:26px;
  }
  .page-onepage .bio-copy .about-name { font-size:24px; margin-bottom:14px; }
}