/* About page content; shared components belong to common.css. */
#main{--page:#b71f2d;--panel:#141414;--raised:#c72b39;--muted:#c7c7c7;color:#fff;background:var(--page);}
#main .hero{position:relative;display:grid;width:100%;max-width:100%;min-height:330px;aspect-ratio:3.24 / 1;overflow:hidden;background:#141414;}
#main .hero::before{position:absolute;inset:0;z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg, rgba(20, 20, 20, 0.86) 0%, rgba(20, 20, 20, 0.78) 35%, rgba(20, 20, 20, 0.38) 58%, rgba(20, 20, 20, 0.04) 82%, rgba(20, 20, 20, 0) 100%);}
#main .cover{position:absolute;top:0;right:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
#main .inner, #main .content{width:calc(100% - var(--site-gutter) * 2);margin:0 auto;}
#main .inner{position:relative;z-index:2;display:flex;align-items:center;padding:36px 0;}
#main .copy{padding-left:22px;}
#main .hero .eyebrow{margin:0 0 7px;color:#e4e4e4;font-size:11px;line-height:18px;font-weight:800;letter-spacing:1.5px;}
#main .hero h1{margin:0;font-size:44px;line-height:54px;font-weight:900;}
#main .hero strong{display:block;margin-top:5px;color:#fff;font-size:19px;line-height:29px;font-weight:700;}
#main .copy > p:not(.eyebrow){margin:8px 0 0;color:#e4e4e4;font-size:14px;line-height:24px;}
#main .content{display:grid;gap:32px;padding:32px 0 40px;}
#main .panel{min-width:0;padding:28px;border-radius:16px;background:var(--raised);}
#main .heading{display:grid;align-content:start;margin-bottom:24px;}
#main .heading > span{color:#f6d9dd;font-size:11px;line-height:18px;font-weight:800;letter-spacing:1px;}
#main .heading h2{margin:0;font-size:24px;line-height:32px;font-weight:900;}
#main .heading p{margin:4px 0 0;color:#f6d9dd;font-size:13px;line-height:20px;}
#main .grid{display:grid;gap:20px;}
#main .grid article{min-width:0;border-radius:16px;background:var(--panel);}
#main .icon{display:block;object-fit:contain;}
#main .grid h3{margin:0;font-size:17px;line-height:24px;font-weight:800;}
#main .grid p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:20px;}
#main .members .grid{grid-template-columns:repeat(5, minmax(0, 1fr));}
#main .members article{display:grid;grid-template-rows:68px auto auto;align-content:start;justify-items:center;min-height:180px;padding:22px 12px;text-align:center;}
#main .members .icon{width:64px;height:64px;}
#main .members h3{margin-top:8px;}
#main .members p{display:grid;gap:3px;}
#main .support .grid{grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px;}
#main .support a{display:grid;grid-template-columns:36px minmax(0, 1fr);align-items:center;gap:14px;min-width:0;min-height:104px;padding:20px;border-radius:16px;color:#fff;background:var(--panel);transition:color 0.2s ease, background-color 0.2s ease;}
#main .support .icon{width:36px;height:36px;}
#main .support a > span{display:grid;min-width:0;gap:5px;}
#main .support b{font-size:14px;line-height:20px;font-weight:800;}
#main .support em{color:inherit;opacity:0.78;font-size:11px;line-height:18px;font-style:normal;}
#main .support a:hover, #main .support a:focus-visible{color:#141414;background:#fff;}
#main .support a:hover .icon, #main .support a:focus-visible .icon{filter:brightness(0);}
@media (max-width: 1100px){
#main .members .grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
#main .support .grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width: 720px){
#main .hero{min-height:390px;aspect-ratio:auto;}
#main .cover{top:auto;bottom:0;height:190px;object-position:right center;}
#main .hero::before{background:linear-gradient(180deg, rgba(20, 20, 20, 1) 0%, rgba(20, 20, 20, 0.98) 48%, rgba(20, 20, 20, 0.25) 72%, rgba(20, 20, 20, 0.04) 100%);}
#main .inner{align-items:flex-start;padding:28px 0 90px;}
#main .copy{max-width:350px;padding:0;}
#main .hero .eyebrow{font-size:10px;}
#main .hero h1{font-size:34px;line-height:43px;}
#main .hero strong{font-size:16px;line-height:24px;}
#main .copy > p:not(.eyebrow){font-size:12px;line-height:21px;}
#main .content{gap:24px;padding:24px 0 28px;}
#main .panel{padding:20px 16px;}
#main .heading{margin-bottom:20px;}
#main .heading h2{font-size:21px;line-height:29px;}
#main .heading p{font-size:12px;line-height:19px;}
#main .members .grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;}
#main .members h3{font-size:15px;line-height:21px;}
#main .members p{font-size:11px;line-height:18px;}
#main .members article{grid-template-rows:60px auto auto;min-height:168px;padding:18px 8px;}
#main .members article:last-child{grid-column:1 / -1;}
#main .members .icon{width:56px;height:56px;}
#main .support .grid{gap:12px;}
#main .support a{grid-template-columns:28px minmax(0, 1fr);gap:9px;min-height:92px;padding:14px 10px;}
#main .support .icon{width:28px;height:28px;}
#main .support b{font-size:13px;line-height:19px;}
#main .support em{font-size:11px;line-height:17px;}
}