/* Confined to duplicated preview pages. */
.mtc-detail-preview .people-section .link-list { width:100%; }
.mtc-detail-preview .people-section .link-list-item a .inner {
  width:43%; max-width:none; padding:0; min-width:0; left:auto; right:0; transform:translateY(-50%); z-index:1;
}
.mtc-detail-preview .people-section .link-list-item .img-wrap { width:100%; }
.mtc-detail-preview .people-section .link-list-item .img-wrap img { width:100%; height:auto; }
.mtc-detail-preview.page-single .kv-section { position:relative; }
.mtc-detail-preview.page-single .kv-section .inner { left:50%; width:44%; max-width:none; padding:0; transform:none; z-index:1; }
.mtc-detail-preview.page-single .kv-section .img-wrap img { width:100%; height:auto; }
@media(max-width:767px){
 .mtc-detail-preview .people-section .link-list-item a { min-height:440px; }
 .mtc-detail-preview .people-section .link-list-item .img-wrap { width:100%; }
 .mtc-detail-preview .people-section .link-list-item .img-wrap img { height:440px; object-fit:cover; object-position:38% center; }
 .mtc-detail-preview .people-section .link-list-item a .inner { width:53%; height:100%; right:0; top:0; transform:none; padding:24px 16px 24px 0; align-items:flex-end; text-align:right; }
 .mtc-detail-preview .people-section .link-list-item a .ttl-h3 { font-size:16px; }
 .mtc-detail-preview .people-section .link-list-item a .name-txt { margin-top:16px; }
 .mtc-detail-preview .people-section .link-list-item a .inner .btn-more { width:160px; text-align:left; }
 .mtc-detail-preview.page-single .kv-section { padding-top:0; }
 .mtc-detail-preview.page-single .kv-section .inner { position:relative;left:0;width:100%;padding:32px 24px 0; }
 .mtc-detail-preview.page-single .kv-section .img-wrap { width:100vw; max-width:none; margin-top:8vw; margin-left:calc(-50vw + 50%); margin-right:0; }
 .mtc-detail-preview.page-single .kv-section .img-wrap img { height:330px;object-fit:cover;object-position:22% center; }
}
@media(min-width:768px){
 .mtc-detail-preview .people-section .ttl-h2._2 { margin-bottom:0; transform:translateY(50%); }
}
/* About Member cards follow the home interview proportions (980:360 / 327:360). */
.mtc-detail-preview.page-aboutmember .people-section { --u:calc(100vw / 1366); }
.mtc-detail-preview.page-aboutmember .people-section > .inner { width:calc(980 * var(--u)); max-width:none; padding:0; }
.mtc-detail-preview.page-aboutmember .people-section .link-list { display:grid; gap:calc(30 * var(--u)); margin-top:calc(60 * var(--u)); }
.mtc-detail-preview.page-aboutmember .people-section .link-list-item { margin:0; }
.mtc-detail-preview.page-aboutmember .people-section .link-list-item a { height:calc(360 * var(--u)); min-height:0; border-radius:calc(8 * var(--u)); overflow:hidden; display:block; position:relative; }
.mtc-detail-preview.page-aboutmember .people-section .link-list-item a .inner { display:block; left:auto; right:calc(80 * var(--u)); top:calc(64 * var(--u)); width:calc(336 * var(--u)); height:auto; transform:none; padding:0; margin:0; text-align:left; }
.mtc-detail-preview.page-aboutmember .people-section .link-list-item a .ttl-h3 { font-size:calc(24 * var(--u)); line-height:1.5; letter-spacing:normal; }
.mtc-detail-preview.page-aboutmember .people-section .link-list-item a .name-txt { font-size:calc(24 * var(--u)); line-height:1.5; margin-top:calc(18 * var(--u)); }
.mtc-detail-preview.page-aboutmember .people-section .link-list-item a .name-txt .en-font2:empty { display:none; }
.mtc-detail-preview.page-aboutmember .people-section .link-list-item a .txt { font-size:calc(12 * var(--u)); line-height:1.5; margin-top:calc(2 * var(--u)); }
.mtc-detail-preview.page-aboutmember .people-section .link-list-item .img-wrap { position:absolute; inset:0; width:100%; height:100%; margin:0; }
.mtc-detail-preview.page-aboutmember .people-section .link-list-item .img-wrap picture { display:block; width:100%; height:100%; }
.mtc-detail-preview.page-aboutmember .people-section .link-list-item .img-wrap img { width:100%; height:100%; object-fit:cover; object-position:center; }
@media(max-width:767px) {
 .mtc-detail-preview.page-aboutmember .people-section { --u:calc(100vw / 375); }
 .mtc-detail-preview.page-aboutmember .people-section > .inner { width:calc(327 * var(--u)); }
 .mtc-detail-preview.page-aboutmember .people-section .link-list { gap:calc(16 * var(--u)); }
 .mtc-detail-preview.page-aboutmember .people-section .link-list-item a { border-radius:calc(10 * var(--u)); }
 .mtc-detail-preview.page-aboutmember .people-section .link-list-item a .inner { top:calc(36 * var(--u)); right:calc(32 * var(--u)); width:calc(180 * var(--u)); text-align:right; }
 .mtc-detail-preview.page-aboutmember .people-section .link-list-item a .ttl-h3 { font-size:calc(18 * var(--u)); line-height:1.6; }
 .mtc-detail-preview.page-aboutmember .people-section .link-list-item a .name-txt { font-size:calc(20 * var(--u)); margin-top:calc(24 * var(--u)); }
 .mtc-detail-preview.page-aboutmember .people-section .link-list-item a .txt { margin-top:calc(9 * var(--u)); }
 .mtc-detail-preview.page-aboutmember .people-section .link-list-item a .btn-more { position:absolute; top:calc(244 * var(--u)); right:calc(-8 * var(--u)); margin:0; width:calc(160 * var(--u)); padding:calc(16 * var(--u)) calc(20 * var(--u)); font-size:calc(16 * var(--u)); text-align:left; }
}
.mtc-detail-preview.page-aboutmember .people-section .ttl-h2._2 { transform:none; margin-bottom:calc(110 * var(--u)); }
.mtc-detail-preview.page-aboutmember .people-section .link-list { grid-template-columns:minmax(0,1fr); }
.mtc-detail-preview.page-aboutmember .people-section .link-list-item { min-width:0; }
.mtc-detail-preview.page-aboutmember .people-section .link-list-item a .ttl-h3,
.mtc-detail-preview.page-aboutmember .people-section .link-list-item a .name-txt { margin-bottom:0; }
@media(max-width:767px) {
 .mtc-detail-preview.page-aboutmember .people-section .ttl-h2._2 { margin-bottom:calc(50 * var(--u)); }
}
.mtc-detail-preview.page-aboutmember .people-section > .inner { min-width:0; }
.mtc-person-break { display:none; }
@media(max-width:767px) {
 .mtc-detail-preview.page-aboutmember .people-section .link-list-item a .ttl-h3 { max-width:calc(150 * var(--u)); margin-left:auto; }
 .mtc-person-break { display:block; }
 .mtc-person-divider { display:none; }
}
/* Wider cards with the established aspect ratios and proportional type/layout. */
@media(min-width:768px) {
 .mtc-detail-preview.page-aboutmember .people-section { --u:calc(100vw / 1366 * 1200 / 980); }
 .mtc-detail-preview.page-aboutmember .people-section > .inner { margin-left:calc(50% - 490 * var(--u)); }
}
@media(max-width:767px) {
 .mtc-detail-preview.page-aboutmember .people-section { --u:calc(100vw / 375 * 351 / 327); }
 .mtc-detail-preview.page-aboutmember .people-section > .inner { margin-left:calc(50% - 163.5 * var(--u)); }
}
@media(max-width:767px) {
 .mtc-detail-preview.page-aboutmember .people-section .link-list-item .img-wrap img { object-position:center; }
}
/* Anchor both arrow strokes together; card padding must not separate the arrowhead. */
.mtc-detail-preview .people-section .btn-more:before,
.mtc-detail-preview .people-section .btn-more:after {
  position:absolute; top:50%; right:1.4641288433vw;
}
.mtc-detail-preview .people-section .btn-more:after { transform:translateY(-50%); }
@media(max-width:767px) {
 .mtc-detail-preview .people-section .btn-more:before,
 .mtc-detail-preview .people-section .btn-more:after { right:5.3333333333vw; }
}

@media(max-width:767px) {
 .mtc-detail-preview.page-aboutmember .people-section .link-list-item a .btn-more {
  --u:calc(100vw / 375); width:calc(160 * var(--u)); height:auto; min-height:0;
  padding:calc(14 * var(--u)) calc(20 * var(--u)); font-size:calc(16 * var(--u)); line-height:1.5;
  border:none; border-radius:calc(4 * var(--u)); letter-spacing:.06em;
 }
}

.mtc-job-person-mobile { display:none; }
@media(max-width:767px) {
 .mtc-job-person { --u:calc(100vw / 375); }
 .mtc-job-person .mtc-job-person-desktop { display:none; }
 .mtc-job-person .mtc-job-person-mobile { display:initial; }
 .mtc-detail-preview .people-section .mtc-job-person .link-list-item a { height:calc(360 * var(--u)); min-height:0; overflow:hidden; position:relative; }
 .mtc-detail-preview .people-section .mtc-job-person .link-list-item a .inner { display:block; position:absolute; left:auto; right:calc(32 * var(--u)); top:calc(36 * var(--u)); width:calc(180 * var(--u)); height:auto; margin:0; padding:0; transform:none; text-align:right; }
 .mtc-detail-preview .people-section .mtc-job-person .link-list-item a .ttl-h3 { font-size:calc(18 * var(--u)); line-height:1.6; letter-spacing:normal; margin:0; }
 .mtc-detail-preview .people-section .mtc-job-person .link-list-item a .name-txt { font-size:calc(20 * var(--u)); line-height:1.5; margin:calc(24 * var(--u)) 0 0; }
 .mtc-job-person .name-txt .en-font2 { display:none; }
 .mtc-detail-preview .people-section .mtc-job-person .link-list-item a .txt { font-size:calc(12 * var(--u)); line-height:1.5; margin:calc(9 * var(--u)) 0 0; }
 .mtc-detail-preview .people-section .mtc-job-person .link-list-item a .inner .btn-more { position:absolute; top:calc(244 * var(--u)); right:calc(-8 * var(--u)); width:calc(160 * var(--u)); height:auto; margin:0; padding:calc(14 * var(--u)) calc(20 * var(--u)); border:0; font-size:calc(16 * var(--u)); line-height:1.5; text-align:left; }
 .mtc-detail-preview .people-section .mtc-job-person .link-list-item .img-wrap img { height:calc(360 * var(--u)); }
}

/* Match the engineering page's spacing above the avatar banner. */
@media (min-width:768px) {
 .mtc-detail-preview.page-sales .jobdiscription-section:has(+ .bnr-wrap) { padding-bottom:14.2752562225vw; }
}
