/* Team portraits remain unchanged; the page uses the shared AzerothTV design. */
.about-main{padding-bottom:56px}
.about-hero{padding:14px 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line)}
.about-hero h1{margin:12px 0 14px;font-size:clamp(46px,5vw,64px);line-height:1.05}
.about-hero h1 span{color:var(--gold)}
.about-intro-paragraph{color:#c4cecf;font-size:17px;line-height:1.7}
.about-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.about-person{min-width:0;overflow:hidden;border:1px solid var(--line);border-top:2px solid #a4864e;border-radius:14px;background:var(--panel)}
.about-portrait{display:flex;align-items:flex-end;justify-content:center;height:350px;padding:18px 22px 0;background:radial-gradient(ellipse at 50% 95%,#d9ad5126,transparent 64%),linear-gradient(145deg,#243033,#151c1f);border-bottom:1px solid var(--line)}
.about-portrait img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 20px #0004)}
.about-person-copy{padding:24px 29px 28px}
.about-person-heading{margin-bottom:13px}
.about-person-role{margin-bottom:6px;color:var(--gold-light);font-size:11px;line-height:1.6;font-weight:600;letter-spacing:1.3px;text-transform:uppercase}
.about-person h2{font-size:37px;line-height:1.1}
.about-person-nickname{margin-top:7px;color:var(--gold-light);font-size:14px;line-height:1.5}
.about-person-paragraph{color:#c4cecf;font-size:15px;line-height:1.8;max-width:460px}
.about-community{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px;padding:25px 29px;border:1px solid #e4b75e35;border-radius:14px;background:linear-gradient(110deg,#3a322421,transparent),var(--panel)}
.about-community h2{font-size:29px;line-height:1.15;margin-top:9px}
.about-community-actions{display:flex;flex-wrap:wrap;gap:11px;flex-shrink:0}
.about-community-actions .button{min-height:46px}
@media(max-width:1000px){.about-community{align-items:flex-start;flex-direction:column}.about-portrait{height:330px}.about-person-copy{padding:22px 25px 25px}}
@media(max-width:760px){.about-main{padding-bottom:38px}.about-hero{padding:12px 0 25px;margin-bottom:24px}.about-people{grid-template-columns:1fr;gap:22px}.about-portrait{height:360px}.about-person h2{font-size:36px}.about-community{padding:24px;margin-top:24px}.about-intro-paragraph{font-size:16px}}
@media(max-width:480px){.about-hero h1{font-size:46px}.about-portrait{height:320px;padding-top:17px}.about-person-copy{padding:22px}.about-person-paragraph{font-size:14px;line-height:1.8}.about-community{padding:22px}.about-community h2{font-size:27px}.about-community-actions{width:100%}.about-community-actions .button{flex:1 1 140px}}
@media print{.about-main{padding-bottom:0}.about-hero h1{font-size:30pt}.about-hero h1 span,.about-person-role{color:#222}.about-people{grid-template-columns:repeat(2,minmax(0,1fr))}.about-person{background:white;border-color:#aaa;break-inside:avoid}.about-portrait{height:210px;background:#eee}.about-intro-paragraph,.about-person-paragraph{color:#333}.about-community{display:none}}
