:root{--red:#d71920;--deep:#b80f17;--ink:#171717;--muted:#666;--soft:#f5f5f5;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:#fff}a{color:inherit}.top{height:76px;display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #eee}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;letter-spacing:.02em;margin-right:auto}.rose{color:var(--red);font-size:28px}.top nav{display:flex;align-items:center;gap:24px}.top nav a{text-decoration:none;font-size:14px;font-weight:700}.nav-cta{background:var(--red);color:#fff;padding:11px 15px;border-radius:4px}.menu{display:none;background:none;border:0;font-size:28px}.hero{min-height:570px;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(110deg,rgba(20,20,20,.88),rgba(80,0,0,.66)),url('assets/team.png') center 28%/cover}.hero-inner{max-width:900px;padding:70px 24px}.eyebrow,.kicker{font-size:13px;letter-spacing:.18em;font-weight:800;color:var(--red)}.hero h1{font-size:clamp(46px,7vw,86px);line-height:.98;margin:10px 0 20px}.lead{font-size:22px}.strap{font-size:18px;font-weight:800;margin:26px 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{display:inline-block;padding:13px 18px;border-radius:4px;text-decoration:none;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.02em}.primary{background:var(--red);color:#fff}.ghost{border:1px solid rgba(255,255,255,.75);color:#fff}.white{background:#fff;color:var(--red)}.section{padding:82px 24px}.wrap{max-width:var(--max);margin:auto}.section h2,.surgery h2,.newsletter h2{font-size:clamp(32px,4vw,52px);line-height:1.08;margin:5px 0 12px}.intro{color:var(--muted);margin-bottom:34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06)}.photo{height:330px;background:#f1f1f1;display:grid;place-items:center;overflow:hidden}.photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.pad{padding:22px}.pad h3{margin:0 0 4px;font-size:23px}.pad p{margin:6px 0;color:#555}.pad a{color:var(--deep)}.soft{background:var(--soft)}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.help-grid a{background:#fff;border:1px solid #e7e7e7;border-radius:7px;padding:24px;text-decoration:none;font-size:26px;transition:.2s}.help-grid a:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.08)}.help-grid b,.help-grid span{display:block;font-size:17px;margin-top:10px}.help-grid span{font-size:14px;color:#666;margin-top:4px}.surgery{background:var(--red);color:#fff;padding:76px 24px}.light{color:#fff}.surgery-grid,.news-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:40px}.big{font-size:21px}.quote{font-size:29px;font-weight:900;line-height:1.35;border-left:5px solid #fff;padding-left:28px}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.work-grid article{border-top:4px solid var(--red);background:var(--soft);padding:25px}.work-grid span{font-size:32px}.work-grid h3{margin-bottom:6px}.work-grid p{color:#555}.newsletter{padding:65px 24px;background:#202020;color:#fff}.dark{background:#111;color:#fff}.dark p{color:#ddd;max-width:750px}.dark .actions{justify-content:flex-start;margin-top:26px}footer{background:#080808;color:#ddd;padding:32px 24px;border-top:1px solid #333}.footer{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer p{margin:5px 0;font-size:13px}.footer-strap{font-weight:800;color:#fff;text-align:right}@media(max-width:820px){.top{height:auto;min-height:68px;padding:14px 20px;flex-wrap:wrap}.menu{display:block}.top nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:10px}.top nav.open{display:flex}.top nav a{padding:12px 0}.nav-cta{text-align:center}.cards,.help-grid,.work-grid,.surgery-grid,.news-grid{grid-template-columns:1fr}.hero{min-height:530px}.hero h1{font-size:50px}.photo{height:360px}.quote{margin-top:15px}.footer{display:block}.footer-strap{text-align:left;margin-top:20px}}

.community-section{background:#fff}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.gallery figure{margin:0;background:#fff;border:1px solid #e7e7e7;border-radius:8px;overflow:hidden;box-shadow:0 7px 20px rgba(0,0,0,.06)}.gallery img{display:block;width:100%;height:260px;object-fit:cover}.gallery figcaption{padding:14px 16px;font-weight:700;font-size:14px}.gallery figure:first-child img,.gallery figure:nth-child(2) img{object-position:center 35%}@media(max-width:820px){.gallery{grid-template-columns:1fr 1fr}.gallery img{height:220px}}@media(max-width:520px){.gallery{grid-template-columns:1fr}.gallery img{height:260px}}
/* =========================================================
   NEW HOW TO FIND HELP SECTION
   ========================================================= */

#help {
  background: #f5f5f5;
}

#help .intro {
  max-width: 760px;
  margin-bottom: 32px;
}

/* Six-card layout */
#help .help-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  align-items: stretch;
}

/* Individual card */
#help .help-card {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  box-shadow: 0 3px 12px rgba(0,0,0,0.05);
}

/* Icon */
#help .help-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fce8e8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 17px;
  color: #d92d20;
  font-weight: 700;
}

/* Card heading */
#help .help-card > b {
  display: block;
  font-size: 20px;
  line-height: 1.25;
  margin-bottom: 10px;
  color: #171717;
}

/* Description */
#help .help-card > span:not(.help-icon) {
  display: block;
  font-size: 15px;
  line-height: 1.55;
  color: #5f5f5f;
  margin-bottom: 18px;
}

/*
 IMPORTANT:
 Overrides the old .help-grid a rules
 */
#help .help-card a {
  display: block;
  width: 100%;
  box-sizing: border-box;

  background: none;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-radius: 0;

  padding: 11px 0;
  margin: 0;

  color: #d92d20;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;

  text-decoration: none;
  box-shadow: none;
}

/* First link gets slightly more separation */
#help .help-card > span:not(.help-icon) + a {
  margin-top: auto;
}

/* Hover */
#help .help-card a:hover {
  color: #a91f18;
  text-decoration: underline;
  background: none;
  transform: none;
}

/* Card hover */
#help .help-card:hover {
  box-shadow: 0 7px 22px rgba(0,0,0,0.09);
  transform: translateY(-2px);
  transition: 0.2s ease;
}


/* TABLET */
@media (max-width: 950px) {

  #help .help-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}


/* MOBILE */
@media (max-width: 650px) {

  #help .help-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  #help .help-card {
    padding: 21px;
  }

  #help .help-card > b {
    font-size: 19px;
  }

}
/* Labour rose in main header */

.brand-logo {
  width: 48px;
  height: 48px;
  object-fit: contain;
  flex-shrink: 0;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media (max-width: 650px) {

  .brand-logo {
    width: 38px;
    height: 38px;
  }

  .brand {
    gap: 8px;
  }

  .brand span {
    font-size: 15px;
  }

}