.members-page{--m-bg-elev: var(--color-surface-container-low);--m-bg-elev-2: var(--color-surface-container);--m-border: color-mix(in srgb, var(--color-outline-variant) 60%, transparent);--m-border-str: var(--color-outline-variant);--m-text: var(--color-on-background);--m-dim: var(--color-on-surface-variant);--m-faint: var(--color-on-surface-variant);--m-accent-bg: var(--color-primary);--m-accent-fg: var(--color-on-primary);--m-font-jp: "Noto Sans JP", sans-serif;--m-font-serif: "Libre Baskerville", "Noto Sans JP", serif;--m-radius: 18px;--m-overlay: color-mix(in srgb, black 58%, transparent);--m-scrim-bottom: color-mix(in srgb, black 90%, transparent);--m-glass-bg: color-mix(in srgb, black 42%, transparent);--m-glass-bg-hover: color-mix(in srgb, black 62%, transparent);--m-glass-border: color-mix(in srgb, white 22%, transparent);--m-glass-text: white;--m-glass-text-dim: color-mix(in srgb, white 75%, transparent)}.m-wrap{max-width:1180px;margin:0 auto;padding:0 28px}.m-header{padding:48px 0 32px}.m-page-title{font-family:var(--m-font-serif);font-size:40px;font-weight:700;letter-spacing:-.02em;color:var(--m-text);margin-bottom:8px}.m-page-desc{font-size:15px;color:var(--m-dim)}.m-empty{grid-column:1 / -1;padding:64px 0;text-align:center;color:var(--m-dim);font-size:15px}.m-roleline{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:56px 0 8px}.m-rolechip{font-size:13px;color:var(--m-dim);border:1px solid var(--m-border);padding:7px 16px;border-radius:999px;background:var(--m-bg-elev);cursor:pointer;transition:border-color .2s,background .2s,color .2s}.m-rolechip[aria-pressed=true]{background:var(--m-accent-bg);color:var(--m-accent-fg);border-color:transparent;font-weight:700}.m-rolechip:hover{border-color:var(--m-border-str)}.m-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:34px 0 90px}.m-card{background:var(--m-bg-elev);border:1px solid var(--m-border);border-radius:var(--m-radius);padding:24px 22px;cursor:pointer;position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.2,.7,.3,1),border-color .28s}.m-card:after{content:"";position:absolute;inset:0;border-radius:var(--m-radius);background:radial-gradient(140% 120% at 100% 0,color-mix(in srgb,var(--m-text) 6%,transparent),transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}.m-card:hover{transform:translateY(-5px);border-color:var(--m-border-str)}.m-card:hover:after{opacity:1}.m-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.m-thumb{position:relative;width:68px;height:68px;border-radius:15px;overflow:hidden;flex-shrink:0;border:1px solid var(--m-border);background:var(--m-bg-elev-2)}.m-thumb .photo{position:absolute;inset:0;background-size:cover;background-position:center top;filter:grayscale(1) contrast(1.04);transition:filter .35s ease}.m-card:hover .m-thumb .photo{filter:grayscale(.12) contrast(1.02)}.m-thumb.ph .photo{background:var(--m-bg-elev-2)}.m-thumb .ph-init{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);font-family:var(--m-font-jp);font-weight:900;font-size:30px;line-height:1;color:color-mix(in srgb,var(--m-text) 20%,transparent)}.m-name-en{font-family:var(--m-font-serif);font-size:15px;letter-spacing:.05em;color:var(--m-dim)}.m-name-jp{font-family:var(--m-font-jp);font-weight:700;font-size:21px;margin:2px 0 3px;color:var(--m-text)}.m-role{font-size:13.5px;color:var(--m-text);font-weight:500}.m-field{font-size:13px;color:var(--m-dim);margin-top:2px}.m-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.m-tag{font-size:11.5px;letter-spacing:.03em;color:var(--m-dim);border:1px solid var(--m-border);border-radius:6px;padding:4px 9px}.m-cardfoot{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--m-border)}.m-socials{display:flex;gap:14px}.m-socials a{color:var(--m-faint);transition:color .2s}.m-socials a:hover{color:var(--m-text)}.m-socials svg{width:17px;height:17px;display:block}.m-more{margin-left:auto;font-family:var(--m-font-serif);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-dim);display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:0}.m-more:focus-visible{outline:2px solid var(--m-text);outline-offset:3px;border-radius:4px}.m-card:hover .m-more{color:var(--m-text)}.m-more svg{width:13px;height:13px}.m-modal-back{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:22px;background:var(--m-overlay);backdrop-filter:blur(7px)}.m-modal-back.open{display:grid;animation:m-fade .25s ease}@keyframes m-fade{0%{opacity:0}to{opacity:1}}.m-modal{position:relative;width:min(560px,100%);max-height:88vh;overflow:auto;background:var(--m-bg-elev);border:1px solid var(--m-border-str);border-radius:22px;animation:m-pop .3s cubic-bezier(.2,.7,.3,1)}@keyframes m-pop{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.m-modal-photo{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-top-left-radius:22px;border-top-right-radius:22px}.m-modal-photo .photo{position:absolute;inset:0;background-size:cover;background-position:center top;filter:grayscale(1) contrast(1.04)}.m-modal-photo.ph .photo{background:var(--m-bg-elev-2)}.m-modal-photo .ph-init{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);font-family:var(--m-font-jp);font-weight:900;font-size:96px;line-height:1;color:color-mix(in srgb,var(--m-text) 14%,transparent)}.m-modal-photo .scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,var(--m-scrim-bottom),transparent 60%)}.m-modal-mname{position:absolute;left:24px;bottom:18px;color:var(--m-glass-text)}.m-modal-mname .en{font-family:var(--m-font-serif);font-size:15px;letter-spacing:.06em;color:var(--m-glass-text-dim)}.m-modal-mname .jp{font-family:var(--m-font-jp);font-weight:900;font-size:30px;line-height:1.1}.m-modal-cat{position:absolute;top:14px;left:14px;font-family:var(--m-font-serif);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--m-glass-text);background:var(--m-glass-bg);border:1px solid var(--m-glass-border);padding:5px 11px;border-radius:999px;backdrop-filter:blur(3px)}.m-modal-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;cursor:pointer;background:var(--m-glass-bg);border:1px solid var(--m-glass-border);color:var(--m-glass-text)}.m-modal-close:hover{background:var(--m-glass-bg-hover)}.m-modal-close svg{width:17px;height:17px}.m-modal-body{padding:8px 26px 26px}.m-modal-row{display:grid;grid-template-columns:118px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--m-border)}.m-modal-row dt{font-family:var(--m-font-serif);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-dim);padding-top:2px}.m-modal-row dd{font-size:14.5px;color:var(--m-text)}.m-modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.m-modal-tags .m-tag{font-size:12px;padding:5px 10px}.m-hitokoto{font-family:var(--m-font-jp);font-weight:700;font-size:18px;line-height:1.6;margin:20px 0 4px;padding-left:16px;border-left:2px solid var(--m-text);color:var(--m-text)}.m-modal-socials{display:flex;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--m-border)}.m-modal-socials a{color:var(--m-faint);transition:color .2s}.m-modal-socials a:hover{color:var(--m-text)}.m-modal-socials svg{width:18px;height:18px;display:block}.m-modal-nav-row{display:flex;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--m-border)}.m-modal-nav-btn{display:flex;align-items:center;gap:6px;font-family:var(--m-font-serif);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-dim);background:none;border:1px solid var(--m-border);border-radius:999px;padding:7px 16px;cursor:pointer;transition:color .2s,border-color .2s}.m-modal-nav-btn:hover:not(:disabled){color:var(--m-text);border-color:var(--m-border-str)}.m-modal-nav-btn:disabled{opacity:.3;cursor:default}.m-modal-nav-btn svg{width:14px;height:14px}@media(max-width:640px){.m-modal-row{grid-template-columns:96px 1fr;gap:12px}}@media(prefers-reduced-motion:reduce){.members-page *{transition:none!important;animation:none!important}}