/* About page: editorial companion to the Belfast Interface Project homepage */
.about-hero{position:relative;min-height:550px;display:flex;align-items:flex-end;color:#fffef9;overflow:hidden;background:#16283a}
.about-hero-image{position:absolute;inset:0;background:url('https://www.belfastinterfaceproject.org/sites/default/files/styles/flexslider_full/public/slides/slide02.png?itok=oTElBaEM') center 54%/cover no-repeat}
.about-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,19,32,.91),rgba(7,20,34,.69) 48%,rgba(7,20,34,.12))}
.about-hero-inner{position:relative;z-index:1;padding:105px 0 78px}
.about-hero .eyebrow{color:#eeeae0}
.about-hero h1{max-width:970px;margin:0;font:normal clamp(52px,6.7vw,90px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.045em}
.about-hero h1 em{font-weight:normal;font-style:italic}
.about-hero p:last-child{max-width:660px;margin:28px 0 0;font:21px/1.5 Georgia,'Times New Roman',serif}
.about-chapters{background:#eae8e0;border-bottom:1px solid var(--line)}
.about-chapters .page-shell{display:flex;justify-content:center;gap:clamp(24px,4vw,64px)}
.about-chapters a{padding:22px 0 19px;white-space:nowrap;text-decoration:none;font:16px Georgia,'Times New Roman',serif;border-bottom:2px solid transparent}
.about-chapters a:hover,.about-chapters a:focus-visible{border-color:var(--ink)}
.about-intro{background:#fbfaf6}
.about-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10%;align-items:start}
.about-intro h2{max-width:680px}
.about-intro-copy{padding-top:25px;color:var(--ink-soft);font:17px/1.7 Georgia,'Times New Roman',serif}
.about-intro-copy .lead{margin:0 0 21px;color:var(--ink);font-size:25px;line-height:1.35}
.about-intro-copy p:last-child{margin-bottom:0}
.principles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:66px;border-top:1px solid var(--line)}
.principle{padding:24px 22px 6px;border-right:1px solid var(--line)}
.principle:first-child{padding-left:0}.principle:last-child{border-right:0}
.principle span{display:block;font:11px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#4b6682}
.principle p{font:21px/1.32 Georgia,'Times New Roman',serif}
.values-line{display:grid;grid-template-columns:180px 1fr;gap:36px;align-items:baseline;border-top:1px solid var(--line);margin-top:45px;padding-top:23px}
.values-line strong{font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.values-line p{font:17px/1.65 Georgia,'Times New Roman',serif;color:var(--ink-soft);margin:0}
.history-section{background:#13283d;color:#fffef9}
.history-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%}
.history-heading{position:sticky;top:35px;align-self:start}
.history-heading h2{font-size:clamp(40px,4.4vw,61px)}
.history-heading>p:last-child{max-width:440px;font:18px/1.55 Georgia,'Times New Roman',serif;color:#d2d9df}
.timeline{border-top:1px solid #ffffff44}
.timeline article{display:grid;grid-template-columns:96px 1fr;gap:22px;border-bottom:1px solid #ffffff44;padding:25px 0}
.timeline time{font:22px Georgia,'Times New Roman',serif;color:#adc0d4}
.timeline h3{font-size:26px;line-height:1.1;margin:0 0 8px}
.timeline p{font:15px/1.55 Arial,sans-serif;margin:0;color:#d2d9df}
.history-quote{padding-top:67px;font:italic clamp(24px,3.4vw,42px)/1.2 Georgia,'Times New Roman',serif;max-width:790px;text-align:center}
.members-section{background:#f6f4ed}
.members-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:end;margin-bottom:45px}
.members-intro p:last-child{margin:0 0 7px;color:var(--ink-soft);font:17px/1.6 Georgia,'Times New Roman',serif}
.member-directory{border-top:1px solid var(--line)}
.member-directory details{border-bottom:1px solid var(--line)}
.member-directory summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;padding:24px 0;cursor:pointer}
.member-directory summary::-webkit-details-marker{display:none}
.member-directory summary span{font:clamp(24px,2.4vw,34px) Georgia,'Times New Roman',serif}
.member-directory summary small{font:12px Arial,sans-serif;color:var(--ink-soft)}
.member-directory summary small:after{content:' +';font-size:20px;vertical-align:middle;margin-left:10px}
.member-directory details[open] summary small:after{content:' −'}
.member-columns{columns:3;column-gap:36px;list-style:none;padding:0 0 30px;margin:0}
.member-columns li{break-inside:avoid;border-top:1px solid var(--line);padding:10px 0;font:14px/1.35 Arial,sans-serif}
.people-section{background:#fbfaf6}
.people-section>div>h2{max-width:830px}
.people-subheading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin:55px 0 19px;border-bottom:1px solid var(--line)}
.people-subheading h3{margin:0 0 13px;font:32px Georgia,'Times New Roman',serif}
.people-subheading p{font:13px/1.5 Arial,sans-serif;color:var(--ink-soft)}
.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.staff-grid article{background:#efede6;border-top:3px solid #4c6a88;padding:27px 26px;min-height:245px}
.staff-grid span{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#48637e}
.staff-grid h4{font:30px Georgia,'Times New Roman',serif;margin:15px 0}
.staff-grid p{font:15px/1.55 Arial,sans-serif;color:var(--ink-soft);margin:0}
.board-heading{margin-top:75px}
.board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 26px}
.board-grid div{border-bottom:1px solid var(--line);padding:14px 0 17px}
.board-grid b{display:block;font:20px Georgia,'Times New Roman',serif}
.board-grid span{display:block;font:13px/1.35 Arial,sans-serif;color:var(--ink-soft);margin-top:4px}
.support-section{background:#e5e9ec}
.support-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%}
.support-layout h2{max-width:550px}
.support-layout p:last-child{font:17px/1.6 Georgia,'Times New Roman',serif;color:var(--ink-soft);max-width:480px}
.support-layout ul{margin:0;padding:0;list-style:none;columns:2;column-gap:30px}
.support-layout li{break-inside:avoid;padding:15px 0;border-bottom:1px solid var(--line);font:19px/1.25 Georgia,'Times New Roman',serif}
.source-note{padding-top:28px;padding-bottom:32px;color:#4f6c89;font-size:12px;line-height:1.7}
.source-note a{color:var(--ink)}
@media(max-width:980px){.about-hero{min-height:490px}.about-intro-grid,.history-layout,.members-intro,.support-layout{gap:6%}.principles{grid-template-columns:repeat(2,1fr)}.principle:nth-child(2){border-right:0}.principle:nth-child(-n+2){border-bottom:1px solid var(--line)}.principle:nth-child(3){padding-left:0}.board-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
  .about-hero{min-height:520px}.about-hero-inner{padding:78px 0 55px}.about-hero h1{font-size:clamp(43px,10vw,67px)}.about-hero p:last-child{font-size:18px}
  .about-chapters{overflow:auto}.about-chapters .page-shell{justify-content:flex-start;gap:28px;width:max-content;min-width:100%;padding:0 17px}.about-chapters a{font-size:14px;padding:17px 0}
  .about-intro-grid,.history-layout,.members-intro,.support-layout{grid-template-columns:1fr;gap:22px}
  .about-intro-copy{padding-top:0}.about-intro-copy .lead{font-size:22px}.principles{margin-top:40px}.principle{padding:18px 15px}.principle p{font-size:18px}
  .values-line{grid-template-columns:1fr;gap:10px}.history-heading{position:static}.timeline article{grid-template-columns:72px 1fr;gap:13px}.timeline time{font-size:18px}
  .history-quote{padding-top:44px}.member-columns{columns:2}.members-intro{margin-bottom:28px}.people-subheading{display:block}.people-subheading p{margin:0 0 12px}
  .staff-grid{grid-template-columns:1fr}.staff-grid article{min-height:0}.board-grid{grid-template-columns:repeat(2,1fr)}.support-layout ul{columns:2}
}
@media(max-width:480px){.member-columns,.board-grid,.support-layout ul{columns:1;grid-template-columns:1fr}.about-hero h1{font-size:43px}}