/* W01-W10: fixed card designs independent of application appearance. No media filters. */
.card-face[class*="face-design_w"]{border-radius:4px;padding:25px;min-height:230px;align-content:space-between;gap:22px;box-shadow:none;grid-template-columns:minmax(0,1fr);text-align:left;line-height:1.45;background:#fff;color:#17222b}
.card-face[class*="face-design_w"] .face-monogram,.card-face[class*="face-design_w"] .face-photo,.card-face[class*="face-design_w"] .face-rule{display:none}
.card-face[class*="face-design_w"] .face-name{font-size:clamp(24px,7cqi,38px)!important;letter-spacing:-.03em!important;line-height:1.15!important}
.card-face[class*="face-design_w"] .face-english{font-size:clamp(12px,3.5cqi,18px)!important;letter-spacing:.04em}
.card-face[class*="face-design_w"] .face-role{font-size:clamp(12px,3.4cqi,17px)!important;font-weight:400;margin-top:10px!important}
.card-face[class*="face-design_w"] .face-role>span{overflow-wrap:anywhere}
.card-face[class*="face-design_w"] .face-headline{font-size:clamp(11px,3cqi,14px)!important}
.card-face[class*="face-design_w"] .face-contact{font-size:clamp(11px,3cqi,15px);flex-direction:column;gap:3px}
.card-face[class*="face-design_w"] .face-contact-item{max-width:100%}
.card-face[class*="face-design_w"] .face-contact-item b{display:none}
.face-design_w01{background:#f9f9f5!important;color:#171b1e!important;padding-right:20%!important;border-top:4px solid #171b1e}
.face-design_w01 .face-art i:first-child{right:0;top:0;bottom:0;width:13%;background:#e44f35}
.face-design_w01 .face-name{font-weight:800!important;letter-spacing:-.055em!important}
.face-design_w01 .face-contact{border-top:1px solid #171b1e;padding-top:10px}
.face-design_w02{background:#102b46!important;color:#f1f4f7!important;padding-left:35%!important;border-bottom:6px solid #a9b9c7}
.face-design_w02 .face-art i:first-child{inset:0 auto 0 0;width:27%;background:linear-gradient(155deg,#345772,#19364d);border-right:1px solid #9cb1bf}
.card-face.face-design_w02 .face-monogram{display:grid;place-items:center;left:3%;right:auto;top:35px;bottom:auto;width:21%;height:auto;font:400 clamp(24px,8cqi,48px)/1.1 Georgia,serif;letter-spacing:-.03em;color:#d1dbe2}
.card-face.face-design_w02 .face-monogram.has-avatar{width:21%;height:auto;aspect-ratio:1;top:35px}
.face-design_w02 .face-role,.face-design_w02 .face-contact{color:#cedae3}
.face-design_w03{background:#f1f0e4!important;color:#2d4c3e!important;padding-right:23%!important}
.face-design_w03 .face-art i:first-child{width:58%;height:140%;background:#8fa88c;border-radius:50% 0 45% 40%;right:-34%;top:-20%;transform:rotate(-17deg)}
.card-face.face-design_w03 .face-name{font-family:Georgia,'Noto Serif TC',serif;font-weight:400!important}
.face-design_w04{background:#fbf3e5!important;color:#702f42!important;text-align:center!important;border:8px solid #702f42;padding:30px 22px!important}
.face-design_w04 .face-art{inset:6px;border:1px solid #b88f7a}
.card-face.face-design_w04 .face-name{font-family:Georgia,'Noto Serif TC',serif;font-weight:400!important;letter-spacing:-.025em!important}
.face-design_w04 .face-role{letter-spacing:.05em}.face-design_w04 .face-contact{align-items:center}
.face-design_w05{background:#153e34!important;color:#eee5ce!important;text-align:center!important;padding:70px 28px 27px!important}
.face-design_w05 .face-art{inset:12px;border:1px solid #afaa83}
.card-face.face-design_w05 .face-monogram{display:grid;place-items:center;top:20px;bottom:auto;left:calc(50% - 20px);right:auto;width:40px;height:40px;border:1px solid #afaa83;border-radius:50%;font:400 17px/1 Georgia,serif;letter-spacing:0}
.card-face.face-design_w05 .face-monogram.has-avatar{width:40px;height:40px;top:20px}
.card-face.face-design_w05 .face-name{font-family:Georgia,'Noto Serif TC',serif;font-weight:400!important;letter-spacing:.02em!important}
.face-design_w05 .face-contact{align-items:center;border-top:1px solid #afaa8370;padding-top:12px}
.face-design_w06{background:#f7dfc6!important;color:#54372b!important}
.face-design_w06 .face-art i:first-child{width:45%;aspect-ratio:1;right:-10%;bottom:-17%;background:#e4765c;border-radius:50%}
.face-design_w06 .face-art i:nth-child(2){width:30%;aspect-ratio:1;right:7%;bottom:-5%;background:#efb44e;border-radius:50%}
.card-face.face-design_w06 .face-name{font-weight:800!important;max-width:85%;letter-spacing:-.05em!important}
.face-design_w07{background:#0e1729!important;color:#f1f5ff!important;border-left:5px solid #4d9cff;padding-right:20%!important}
.face-design_w07 .face-art i:first-child{width:50%;height:160%;right:-24%;top:-20%;transform:skew(-21deg);border-left:1px solid #63adff;background:linear-gradient(130deg,#245b9e50,#11283c00);box-shadow:-13px 0 0 #4d9cff18,-26px 0 0 #4d9cff12}
.face-design_w07 .face-role{color:#7bb8ff}.face-design_w07 .face-contact{font-family:monospace;color:#b8cee8}
.face-design_w08{background:#fcfcfa!important;color:#18191b!important;padding-left:47%!important}
.face-design_w08 .face-art i:first-child{inset:0 auto 0 0;width:40%;background:#17191b}
.card-face.face-design_w08 .face-monogram{display:block;color:#f9f8f4;left:4%;right:auto;top:45px;bottom:auto;width:31%;height:auto;font:400 clamp(38px,15cqi,82px)/1 Georgia,serif;letter-spacing:-.08em;overflow-wrap:anywhere}
.card-face.face-design_w08 .face-monogram.has-avatar{width:29%;height:auto;aspect-ratio:1;top:40px}
.card-face.face-design_w08 .face-name{font-family:Georgia,'Noto Serif TC',serif;font-weight:400!important;letter-spacing:-.04em!important;font-size:clamp(23px,6.5cqi,35px)!important}
.face-design_w09{background:#fafaf5!important;color:#1f496d!important;padding-bottom:0!important}
.card-face.face-design_w09 .face-name{font-family:Georgia,'Noto Serif TC',serif;font-weight:400!important}
.face-design_w09 .face-contact{background:#237cb1;color:#fff;width:calc(100% + 50px);margin:0 -25px;padding:25px 25px 17px;border-radius:45% 35% 0 0 / 18px 14px 0 0;border-top:7px solid #a6d6df}
.face-design_w10{background:#f4f0e5!important;color:#24252a!important}
.face-design_w10 .face-copy{padding-right:22%}
.face-design_w10 .face-art i:first-child{right:22px;top:24px;width:15%;aspect-ratio:1;background:#ce3f30;border-radius:50%}
.face-design_w10 .face-art i:nth-child(2){right:12%;top:64px;width:16%;aspect-ratio:1;background:#edbd3d}
.face-design_w10 .face-art i:nth-child(3){right:14px;top:70px;width:15%;height:65px;background:#2752a0;clip-path:polygon(0 0,100% 100%,0 100%)}
.face-design_w10 .face-contact{border-left:4px solid #2752a0;padding-left:10px}
@media(prefers-reduced-motion:reduce){.card-face[class*="face-design_w"]{animation:none}}