/* Membership page */
.membership-hero{position:relative;min-height:560px;display:flex;align-items:flex-end;overflow:hidden;color:#fffef9;background:#14283d}
.membership-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 53%/cover no-repeat;filter:brightness(1.08) saturate(.94)}
.membership-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,19,32,.86),rgba(7,20,34,.60) 48%,rgba(7,20,34,.13))}
.membership-hero-inner{position:relative;z-index:1;padding:108px 0 78px}
.membership-hero .eyebrow{color:#eeeae0}
.membership-hero h1{max-width:1040px;margin:0;font:normal clamp(52px,6.5vw,88px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.045em}
.membership-hero h1 em{font-weight:normal}
.membership-hero-inner>p:last-child{max-width:720px;margin:28px 0 0;font:21px/1.5 Georgia,'Times New Roman',serif;color:#f5f2e9}
.membership-intro{background:#fbfaf6}
.membership-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10%;align-items:start}
.membership-intro h2{max-width:640px}
.membership-intro-copy{padding-top:24px;color:var(--ink-soft);font:17px/1.7 Georgia,'Times New Roman',serif}
.membership-intro-copy .lead{margin:0 0 18px;color:var(--ink);font-size:25px;line-height:1.35}
.membership-mission-link{display:inline-block;margin-top:12px;color:var(--ink);font:700 11px/1.2 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;text-underline-offset:5px}
.membership-options{background:#f0eee6;padding:12px 0 92px}
.membership-stack{display:grid;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.membership-card{display:grid;grid-template-columns:86px minmax(0,.92fr) minmax(0,1.08fr);gap:42px;background:#f8f7f2;padding:42px 0}
.membership-card-number{padding-left:4px;font:18px Georgia,'Times New Roman',serif;color:#58799a}
.membership-card-heading{padding-right:22px}
.membership-card-heading .eyebrow{margin-bottom:13px}
.membership-card-heading h2{font-size:clamp(34px,3.7vw,52px);line-height:1.03;margin:0 0 18px}
.membership-card-heading>p:last-child{margin:0;color:var(--ink-soft);font:17px/1.55 Georgia,'Times New Roman',serif}
.membership-card-body{border-left:1px solid var(--line);padding:3px 42px 0 42px;min-width:0}
.membership-card-body h3{margin:0 0 18px;font:24px Georgia,'Times New Roman',serif}
.membership-card-body ul{margin:0 0 30px;padding:0;list-style:none}
.membership-card-body li{position:relative;margin:0;padding:10px 0 10px 23px;border-top:1px solid var(--line);font:14px/1.55 Arial,sans-serif;color:var(--ink-soft)}
.membership-card-body li:last-child{border-bottom:1px solid var(--line)}
.membership-card-body li:before{content:'';position:absolute;left:1px;top:17px;width:7px;height:7px;border:1px solid #4c6a88;border-radius:50%}
.membership-application-actions{display:grid;gap:10px}
.membership-apply-online,.membership-download{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;padding:18px 20px;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}
.membership-apply-online{background:#172e45;color:#fff!important;border:1px solid #172e45}
.membership-apply-online:hover,.membership-apply-online:focus-visible{background:#24405d;border-color:#24405d}
.membership-download{background:transparent;color:#172e45!important;border:1px solid #172e45}
.membership-download:hover,.membership-download:focus-visible{background:#e4e8ec}
.membership-apply-online span,.membership-download span{font:700 10px/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.membership-apply-online span{color:#bcc9d5}
.membership-download span{color:#4e6a87}
.membership-apply-online strong,.membership-download strong{font:19px/1.25 Georgia,'Times New Roman',serif}
.membership-contact{background:#dfe4e9}
.membership-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.membership-contact h2{max-width:720px}
.membership-contact-copy{font:19px/1.55 Georgia,'Times New Roman',serif;color:var(--ink-soft)}
.membership-contact-copy>p{margin-top:0}
.membership-contact-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:28px}
.membership-contact-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border:1px solid #172e45;color:#172e45;text-decoration:none;font:700 11px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.membership-contact-actions .membership-contact-primary{background:#172e45;color:#fff}
.membership-contact-actions a:hover,.membership-contact-actions a:focus-visible{background:#fff}
.membership-contact-actions .membership-contact-primary:hover,.membership-contact-actions .membership-contact-primary:focus-visible{background:#24405d;color:#fff}
@media(max-width:900px){
  .membership-intro-grid,.membership-contact-grid{grid-template-columns:1fr;gap:24px}
  .membership-intro-copy{padding-top:0}
  .membership-card{grid-template-columns:58px 1fr;gap:24px}
  .membership-card-body{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:28px 24px 0 0}
}
@media(max-width:700px){
  .membership-hero{min-height:530px}
  .membership-hero-inner{padding:80px 0 58px}
  .membership-hero h1{font-size:clamp(43px,10vw,65px)}
  .membership-hero-inner>p:last-child{font-size:18px}
  .membership-options{padding-bottom:62px}
  .membership-card{grid-template-columns:1fr;gap:13px;padding:32px 0}
  .membership-card-number{padding:0}
  .membership-card-heading{padding:0}
  .membership-card-body{grid-column:auto;padding:24px 0 0}
  .membership-apply-online,.membership-download{grid-template-columns:1fr;gap:7px}
}

.membership-application-actions,.membership-apply-online,.membership-download{min-width:0;max-width:100%}
.membership-apply-online strong,.membership-download strong{overflow-wrap:anywhere}