.about-page { background: var(--paper); }
.about-hero { display: grid; grid-template-columns: 1.1fr .9fr; min-height: 540px; background: #e8eef1; }
.about-hero img { width: 100%; height: 540px; object-fit: cover; object-position: center; mix-blend-mode: multiply; }
.about-hero > div { align-self: center; padding: 70px 10vw 70px 6vw; }
.about-hero h1 { margin: 0; font-size: clamp(70px, 9vw, 130px); line-height: .83; }
.about-copy { max-width: 900px; padding: 105px 10vw 130px; }
.about-copy h2 { margin: 30px 0 25px; font-size: clamp(55px, 7vw, 88px); line-height: .86; }
.about-copy p { max-width: 560px; color: var(--muted); font-size: 14px; line-height: 1.85; }
.about-copy .primary-action { display: inline-block; margin-top: 25px; text-decoration: none; }
.contributors-section { padding: 90px 10vw 110px; border-top: 1px solid var(--line); background: #eef3f5; }
.contributors-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; max-width: 1120px; margin: 0 auto 32px; }
.contributors-heading h2 { margin: 25px 0 0; font-size: clamp(48px, 6vw, 78px); line-height: .86; }
.add-contributor-button { height: 38px; padding: 0 14px; border: 1px solid #1769ff; background: #1769ff; color: #fff; font: 800 10px var(--body); letter-spacing: .7px; text-transform: uppercase; }
.add-contributor-button:hover { background: #0b57d0; }
.contributors-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; max-width: 1120px; margin: 0 auto; }
.contributor-card { overflow: hidden; border: 1px solid #c7d2da; border-radius: 6px; background: #fff; box-shadow: 0 10px 24px rgba(23,32,43,.08); }
.contributor-card-head { display: flex; align-items: center; gap: 12px; padding: 16px; border-bottom: 1px solid #dfe4e8; }
.contributor-card-head img, .contributor-preview img { width: 46px; height: 46px; flex-shrink: 0; border: 2px solid #1769ff; border-radius: 50%; object-fit: cover; background: #eaf0f3; }
.contributor-card-head strong, .contributor-role { display: block; }
.contributor-card-head strong { color: #17202b; font: 700 20px var(--display); text-transform: uppercase; }
.contributor-role { width: max-content; margin-top: 4px; padding: 3px 7px; border-radius: 999px; color: #fff; font: 800 8px var(--body); letter-spacing: .5px; text-transform: uppercase; }
.contributor-role-admin { background: #e63946; }
.contributor-role-editor { background: #1769ff; }
.contributor-role-lead_editor { background: #f7a531; color: #17202b; }
.contributor-role-member { background: #68727e; }
.contributor-plan { margin: 14px; padding: 14px 15px; border: 1px solid #b9c9d5; border-left: 4px solid #1769ff; border-radius: 3px; background: #f8fbfc; }
.contributor-plan p { margin: 0; color: #4d5f73; font-size: 13px; line-height: 1.65; }
.edit-contributor-button { margin-left: auto; padding: 6px 8px; border: 1px solid #b9c9d5; background: #fff; color: #1769ff; font: 800 9px var(--body); letter-spacing: .6px; text-transform: uppercase; }
.edit-contributor-button:hover { border-color: #1769ff; background: #eef7ff; }
.contributors-empty { grid-column: 1 / -1; margin: 0; padding: 30px; border: 1px dashed #b9c9d5; color: #68727e; text-align: center; }
.contributor-editor { position: fixed; top: 0; right: 0; z-index: 30; width: min(460px, 100%); height: 100vh; padding: 82px 30px 34px; overflow-y: auto; background: #f7f8f6; box-shadow: -18px 0 50px rgba(0,0,0,.28); transform: translateX(100%); transition: transform .25s ease; }
.contributor-editor.open { transform: translateX(0); }
.contributor-editor .panel-close { top: 24px; right: 26px; }
.contributor-editor h2 { margin: 8px 0 26px; color: #17202b; font-size: 46px; line-height: .9; }
.contributor-editor form { display: grid; gap: 16px; }
.contributor-editor label { display: grid; gap: 6px; color: #4d5f73; font: 800 10px var(--body); letter-spacing: .7px; text-transform: uppercase; }
.contributor-editor select, .contributor-editor textarea { width: 100%; padding: 10px; border: 1px solid #b9c9d5; border-radius: 0; background: #fff; color: #17202b; font: 13px var(--body); }
.contributor-editor textarea { resize: vertical; }
.contributor-editor-actions { display: flex; align-items: center; gap: 10px; }
.delete-contributor-button { padding: 12px 14px; border: 1px solid #e63946; background: #fff; color: #e63946; font: 800 10px var(--body); letter-spacing: .7px; text-transform: uppercase; }
.delete-contributor-button:hover { background: #e63946; color: #fff; }
.contributor-preview { display: flex; align-items: center; gap: 12px; min-height: 76px; padding: 14px; border: 1px solid #b9c9d5; background: #fff; }
.contributor-preview strong { display: block; color: #17202b; font: 700 20px var(--display); text-transform: uppercase; }
#contributorMessage { min-height: 16px; color: #c43e31; font: 600 11px var(--body); }
@media (max-width: 980px) { .contributors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .about-hero { display: flex; flex-direction: column-reverse; } .about-hero img { height: 330px; } .about-hero > div, .about-copy { padding: 70px 8vw; } }
@media (max-width: 760px) { .contributors-section { padding: 70px 8vw; } .contributors-heading { display: block; } .add-contributor-button { margin-top: 22px; } .contributors-grid { grid-template-columns: 1fr; } }