.committee-page { --committee-navy:#082650; --committee-blue:#176bb6; --committee-orange:#ef5b3c; --committee-line:#dbe4ec; --committee-text:#1b2b43; --committee-muted:#728196; color:var(--committee-text); background:#fff; }
.committee-page__hero { position:relative; overflow:hidden; color:#fff; background:linear-gradient(106deg,rgba(4,26,58,.98),rgba(8,48,97,.87) 56%,rgba(18,113,183,.55)),url("assets/hero-prototype-background.png") 59% 49%/cover; }
.committee-page__hero::after { position:absolute; inset:0; content:""; background:radial-gradient(circle at 82% 12%,rgba(89,203,255,.25),transparent 23%),linear-gradient(90deg,rgba(5,23,51,.38),transparent); pointer-events:none; }
.committee-page__hero-inner { position:relative; z-index:1; width:min(1200px,calc(100% - 64px)); margin:0 auto; padding:78px 0 82px; }
.committee-page__hero p,.committee-page__overline { margin:0; color:#6bd8ff; font:700 12px/1 "Oswald",sans-serif; letter-spacing:2px; }
.committee-page__hero h1 { margin:18px 0 16px; font:600 clamp(42px,4.7vw,66px)/1 "Oswald",sans-serif; letter-spacing:.3px; text-transform:uppercase; }
.committee-page__hero h1::after { display:block; width:108px; height:3px; margin-top:24px; content:""; background:var(--committee-orange); box-shadow:0 0 16px rgba(239,91,60,.5); }
@media (min-width:901px) { .committee-page__hero h1 { white-space:nowrap; font-size:clamp(40px,4vw,60px); } }
.committee-page__hero span { display:block; font:600 12px/1.4 "Montserrat",sans-serif; letter-spacing:1px; text-transform:uppercase; }
.committee-page__content { width:min(1200px,calc(100% - 64px)); margin:0 auto; padding-bottom:105px; }
.committee-page__breadcrumb { display:flex; flex-wrap:wrap; gap:10px; padding:24px 0; border-bottom:1px solid var(--committee-line); color:#718095; font:700 11px/1 "Montserrat",sans-serif; letter-spacing:.7px; text-transform:uppercase; }
.committee-page__breadcrumb a { color:#2e65a0; text-decoration:none; }.committee-page__breadcrumb a:hover { color:var(--committee-orange); }.committee-page__breadcrumb b { color:var(--committee-text); }
.committee-page__intro { max-width:830px; padding:71px 0 58px; }.committee-page__intro h2 { margin:16px 0 18px; font:600 clamp(33px,3.55vw,48px)/1 "Oswald",sans-serif; letter-spacing:.15px; text-transform:uppercase; }.committee-page__intro>p:not(.committee-page__overline) { max-width:700px; margin:0; color:var(--committee-muted); font:400 16px/1.85 "Montserrat",sans-serif; }
.committee-page__status { display:flex; align-items:center; gap:19px; margin-top:36px; padding:18px 22px; border-left:4px solid var(--committee-orange); background:#f3f7fa; }.committee-page__status>span { color:var(--committee-blue); font:600 43px/.8 "Oswald",sans-serif; }.committee-page__status p { margin:0; color:#66788e; font:400 12px/1.55 "Montserrat",sans-serif; }.committee-page__status strong { color:#163f72; font-weight:800; letter-spacing:.25px; text-transform:uppercase; }
.committee-groups { display:grid; gap:72px; }.committee-group { position:relative; }.committee-group__heading { display:flex; align-items:end; justify-content:space-between; gap:22px; margin-bottom:21px; border-bottom:1px solid var(--committee-line); }.committee-group__heading h2 { position:relative; margin:0; padding:0 0 17px; color:var(--committee-navy); font:600 clamp(27px,2.8vw,36px)/1 "Oswald",sans-serif; letter-spacing:.15px; text-transform:uppercase; }.committee-group__heading h2::after { position:absolute; bottom:-1px; left:0; width:54px; height:3px; content:""; background:var(--committee-orange); }.committee-group__heading span { padding-bottom:19px; color:#8a9aac; font:700 10px/1 "Montserrat",sans-serif; letter-spacing:1px; text-transform:uppercase; }
.committee-member-head,.committee-member { display:grid; grid-template-columns:220px minmax(210px,1.05fr) minmax(300px,1.55fr); column-gap:28px; }.committee-member-head { padding:0 20px 12px; color:#8493a4; font:700 10px/1 "Montserrat",sans-serif; letter-spacing:1px; text-transform:uppercase; }.committee-member { align-items:center; min-height:76px; padding:17px 20px; border-top:1px solid #e5ebf0; background:#fff; transition:background .2s ease,transform .2s ease; }.committee-member:last-child { border-bottom:1px solid #e5ebf0; }.committee-member:hover { z-index:1; background:#f5f9fc; transform:translateX(6px); }.committee-member__role { white-space:nowrap; color:var(--committee-orange); font:700 12px/1.35 "Montserrat",sans-serif; }.committee-member__name { color:#173e70; font:700 clamp(16px,1.55vw,20px)/1.25 "Montserrat",sans-serif; }.committee-member__profile { color:inherit; text-decoration:none; transition:color .2s ease; }.committee-member__profile span { display:inline-block; margin-left:6px; color:var(--committee-orange); font:700 12px/1 Arial,sans-serif; transform:translateY(-1px); }.committee-member__profile:hover { color:var(--committee-orange); text-decoration:underline; text-underline-offset:4px; }.committee-member__affiliation { color:#5f7288; font:500 14px/1.5 "Montserrat",sans-serif; }.committee-member__affiliation small { display:block; margin-top:3px; color:#9aa8b6; font:600 10px/1.2 "Montserrat",sans-serif; letter-spacing:.7px; text-transform:uppercase; }
.committee-group--large .committee-member { min-height:76px; }.committee-page__note { display:flex; align-items:center; gap:16px; margin-top:76px; padding:21px 25px; color:#5e7288; border:1px solid var(--committee-line); background:#f7fafc; }.committee-page__note span { color:var(--committee-orange); font:600 28px/1 "Oswald",sans-serif; }.committee-page__note p { margin:0; font:500 13px/1.6 "Montserrat",sans-serif; }
@media (max-width:900px) { .committee-page__hero-inner,.committee-page__content { width:calc(100% - 36px); }.committee-page__hero-inner { padding:63px 0 67px; }.committee-page__intro { padding:55px 0 45px; }.committee-groups { gap:54px; }.committee-member-head { display:none; }.committee-member { grid-template-columns:1fr; gap:7px; padding:19px 12px; }.committee-member__role { font-size:10px; }.committee-member__affiliation small { display:inline; margin:0 0 0 8px; }.committee-member:hover { transform:none; }.committee-group__heading { align-items:start; flex-direction:column; gap:7px; }.committee-group__heading span { padding-bottom:12px; }.committee-group__heading h2 { padding-bottom:14px; } }
@media (max-width:520px) { .committee-page__hero-inner,.committee-page__content { width:calc(100% - 32px); }.committee-page__hero h1 { font-size:40px; }.committee-page__intro h2 { font-size:31px; }.committee-page__status { padding:16px; }.committee-page__status>span { font-size:37px; }.committee-group__heading h2 { font-size:28px; }.committee-page__note { align-items:flex-start; padding:18px; } }