:root{--action:#145a94;--action-hover:#104778}
html{scroll-padding-top:90px} body{overflow-wrap:break-word} .brand{padding:20px 24px;gap:20px}.brand img{width:96px;height:96px;object-fit:contain;clip-path:circle(48%);background:transparent;border:0;border-radius:0;flex-shrink:0}.brand h1{font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.13;letter-spacing:0}.brand .sub{font-size:.86rem;letter-spacing:0;color:#e2c56e}
.hero{min-height:420px}.hero h2{font-size:clamp(2.15rem,4.6vw,3.8rem);line-height:1.08;text-transform:none}.hero .content{padding:64px 24px}.section{padding:56px 0}h2,h3{line-height:1.18}h3{font-size:clamp(1.8rem,3.2vw,2.5rem)}
.navbar{gap:28px;justify-content:center;overflow:visible}.navbar a{font-size:.95rem}.navbar a:hover{color:var(--action)}
.button,.card a.button{background:var(--action);color:#fff;border:1px solid var(--action);font-weight:700;text-transform:none;letter-spacing:0;min-height:48px;line-height:1.3}.button:hover{background:var(--action-hover);color:#fff}.button.secondary{background:#fff;color:#16466f;border-color:#aebdc9}.button.secondary:hover{background:#edf4fa;color:#132b42}
.kicker,.card .mini,.calendar-date,.calendar-tag,.who-value strong{text-transform:none;letter-spacing:.02em}.kicker,.card .mini{color:#795b16}.band .kicker{color:#e2c56e}.topics{background:#fff;border-bottom:1px solid var(--line);padding:32px 0}.topics h2{font-size:1.65rem;color:var(--navy);margin:6px 0 22px}.topic-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.topic-links a{border:1px solid #d5dde4;border-radius:8px;padding:15px 18px;text-decoration:none;color:var(--navy);font-weight:700}.topic-links a:hover{background:#edf4fa;border-color:var(--action)}.topic-links span{display:block;font-weight:400;font-size:.9rem;margin-top:4px;color:#526170}.membership-options{display:grid;gap:12px}.form-note{font-size:.9rem;color:#596674}.form-note a{text-decoration:underline}.skip-link{position:absolute;top:-100px;left:16px;padding:12px;background:white;color:#132b42;z-index:100}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #287dbe;outline-offset:4px}.band a:focus-visible{outline-color:#fff}
@media(max-width:760px){.brand{padding:16px 18px}.topic-links{grid-template-columns:1fr 1fr}.topics{padding:28px 0}.topic-links a{padding:13px}.brand h1{font-size:1.35rem}.brand .sub{font-size:.7rem}.columns>*{min-width:0}.navbar{gap:0}footer a{overflow-wrap:anywhere}}
@media(max-width:400px){.topic-links{grid-template-columns:1fr}.brand{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Introduce the new identity alongside the existing circular badge. */
.brand .brand-new-logo{width:210px;height:105px;object-fit:contain;clip-path:none;border-radius:3px;margin-left:auto;flex-shrink:0}
/* Give the club name its own row on phones; retain the heritage badge beside the Mount logo. */
@media(max-width:760px){
  .brand{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:14px 18px;align-items:center}
  .brand>div{grid-column:1/-1;grid-row:1;min-width:0}
  .brand h1{font-size:clamp(1.45rem,6vw,2rem);line-height:1.15}
  .brand .sub{font-size:.75rem;line-height:1.4}
  .brand>img:not(.brand-new-logo){grid-column:2;grid-row:2;width:52px !important;height:52px !important}
  .brand .brand-new-logo{grid-column:1;grid-row:2;width:100% !important;max-width:260px;height:auto !important;margin:0;justify-self:start}
}