:root{--bg:#101211;--surface:#191c1a;--gold:#c5aa70;--text:#f2f0e9;--muted:#b2b6af;--line:#343833}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,a,iframe{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--gold)}a:hover{color:var(--gold)}.skip{position:absolute;left:10px;top:-100px;background:var(--gold);color:#111;padding:10px;z-index:10}.skip:focus{top:10px}.preview{padding:7px 5%;background:#24271f;color:var(--gold);font-size:10px;letter-spacing:2px}.preview span{float:right;letter-spacing:.5px;color:var(--muted)}header{display:flex;align-items:center;justify-content:space-between;padding:18px 5%;gap:25px;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;align-items:center;gap:14px;font-size:14px;letter-spacing:1.2px;font-weight:bold;white-space:nowrap}.brand img{width:128px;height:128px;object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:4px}nav{display:flex;align-items:center;gap:25px;font-size:12px}.member{border:1px solid #737969;padding:10px 16px}#menu-toggle{display:none}.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,10,.97),rgba(9,12,10,.63) 45%,rgba(9,12,10,.12)),linear-gradient(0deg,#101211,transparent 50%),url('assets/two-up.png') center/cover no-repeat;filter:saturate(.6)}.hero-content{position:relative;padding:70px 7% 110px;max-width:850px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:2.4px;font-weight:bold;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(55px,6.5vw,94px);font-weight:normal;line-height:1.04;letter-spacing:-3px;margin-bottom:28px}.intro{font-size:19px;color:#d3d6ce;line-height:1.7}.actions{display:flex;gap:32px;align-items:center;margin-top:35px}.button{display:inline-flex;gap:35px;align-items:center;background:var(--gold);color:#141612;padding:15px 23px;font-size:13px;font-weight:bold;border:1px solid var(--gold)}.button:hover{background:#dfc48d;color:#111}.text-link{font-size:13px;border-bottom:1px solid #6b6c5e;padding-bottom:8px;display:inline-block}.hero-bottom{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:var(--muted)}.values{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:23px 7%;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.section{padding:95px 7%;scroll-margin-top:20px}h2{font:normal clamp(32px,3.5vw,49px)/1.15 Georgia,serif;letter-spacing:-1px;margin-bottom:25px}.chapters{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.chapters p:not(.eyebrow){color:var(--muted);max-width:460px}.outline{background:transparent;color:var(--text);margin:15px 0}.caption{font-size:11px;color:var(--muted)}.map{border:1px solid var(--line);background:var(--surface)}.map iframe{width:100%;height:380px;border:0;display:block}.map>a{display:block;padding:12px 20px;font-size:12px}.events{background:#171a18}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.event-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.ride-photo{position:relative;min-height:350px;overflow:hidden}.ride-photo img{width:100%;height:100%;object-fit:cover;object-position:55% center;position:absolute;filter:saturate(.55)}.ride-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090c0b,transparent)}.ride-photo>div{position:absolute;bottom:12px;padding:25px;z-index:1}.ride-photo .eyebrow{margin-bottom:10px}h3{font:normal 29px/1.2 Georgia,serif}.ride-photo h3{margin:0}.event-panel{padding:30px;background:#202420;border:1px solid var(--line);display:flex;flex-direction:column}.index{font-size:10px;letter-spacing:1.5px;color:var(--gold);margin-bottom:35px}.event-panel p{font-size:14px;color:var(--muted)}.event-panel a{margin-top:auto;align-self:start}.heritage{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;border-bottom:1px solid var(--line)}.year{font:normal clamp(90px,13vw,180px)/1 Georgia,serif;color:var(--gold)}.year span{display:block;font:10px Arial,sans-serif;letter-spacing:5px;margin-top:24px}.heritage p:not(.eyebrow){color:var(--muted)}.awards{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.awards article{padding:35px 30px 25px 0}.awards article+article{border-left:1px solid var(--line);padding-left:40px}.awards h3{font-size:42px;margin-bottom:12px}.awards p:last-child{color:var(--muted);font-size:14px}.honour{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}.honour a{display:flex;justify-content:space-between;gap:20px;align-items:center}.honour span{font-size:12px;color:var(--muted)}.honour strong{font-size:14px;font-weight:normal}.join{text-align:center;background:#21271f;padding:75px 20px}.join h2{font-size:48px}footer{padding:50px 7% 20px}.footer-brand{display:flex;gap:18px;align-items:center}.footer-brand img{width:62px;height:62px;object-fit:contain}.footer-brand p{font-size:13px;letter-spacing:1px;margin:0}.footer-brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:0;margin-top:5px}footer nav{margin:35px 0;flex-wrap:wrap;gap:30px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted)}@media(min-width:1500px){header,.section,footer{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:1150px){header{flex-wrap:wrap}.brand{font-size:12px}header nav{gap:18px}.chapters{gap:35px}.event-grid{grid-template-columns:1fr 1fr}.ride-photo{grid-column:1/-1;min-height:260px}}@media(max-width:760px){html{scroll-padding-top:20px}.preview span{display:none}header{padding:14px 6%;gap:0}.brand img{width:96px;height:96px}.brand{font-size:11px;gap:10px}.brand small{font-size:8px;letter-spacing:1.2px}#menu-toggle{display:flex;gap:15px;align-items:center;background:none;color:var(--text);border:1px solid var(--line);padding:10px;font:12px Arial}header nav{display:none;width:100%;padding:20px 0 0;align-items:stretch;gap:0}header nav.open{display:flex;flex-direction:column}header nav a{padding:14px 4px;border-bottom:1px solid var(--line);font-size:14px}.member{margin-top:10px;text-align:center}.hero{min-height:590px}.hero-content{padding:65px 7% 100px}.hero-image{background-position:center,center,72% top}.hero-bottom{font-size:8px;letter-spacing:1px;gap:20px}.hero-bottom span{max-width:140px}h1{font-size:60px;letter-spacing:-2px}.intro{font-size:17px}.actions{gap:23px;flex-wrap:wrap}.values{flex-direction:column;gap:10px;font-size:10px;padding:22px 7%}.section{padding:60px 7%}.chapters,.heritage{grid-template-columns:1fr;gap:32px}.map iframe{height:350px}.section-heading{align-items:start;flex-direction:column;gap:20px}.event-grid{grid-template-columns:1fr}.ride-photo{grid-column:auto}.event-panel{min-height:300px}.year{font-size:115px}.heritage{gap:40px}.awards{grid-template-columns:1fr}.awards article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.honour{grid-template-columns:1fr;gap:25px}.honour a{align-items:start;flex-direction:column;gap:8px}.join h2{font-size:36px}.footer-bottom{flex-direction:column}footer nav{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Sandy review revision: complete current-site header and lighter content sections. */
header{flex-wrap:wrap;gap:18px}header #navigation{width:100%;justify-content:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;gap:14px 28px;font-size:13px}.gallery-menu{position:relative}.gallery-menu summary{cursor:pointer}.gallery-menu summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.gallery-menu>div{position:absolute;top:calc(100% + 10px);left:0;min-width:180px;z-index:5;background:#202420;border:1px solid var(--line);padding:8px}.gallery-menu>div a{display:block;padding:10px;white-space:nowrap}.chapters,.heritage,.recognition{background:#eeece5;color:#252b25;--muted:#596157;--line:#c9c9bc;--gold:#79602d}.chapters .outline{color:#252b25}.chapters .map{background:#e2e2d8}.events{background:#dedfd5;color:#252b25;--muted:#596157;--line:#c1c6ba;--gold:#79602d}.event-panel{background:#f1f0e9}.ride-photo{color:#f2f0e9}.ride-photo .eyebrow{color:#d3b77d}.values{background:#e0e1d7;color:#444e41;border-color:#c9c9bc}.join{background:#cfd5c5;color:#252b25}.join .eyebrow{color:#715a2d}.hero,.ride-photo{--gold:#c5aa70}.hero .eyebrow{color:#d8bd87}@media(max-width:760px){header{gap:0}header #navigation{display:none;padding-top:15px;margin-top:14px;gap:0}header #navigation.open{display:flex}.gallery-menu{padding:14px 4px;border-bottom:1px solid var(--line)}.gallery-menu>div{position:static;border:0;padding:8px 0 0 14px;background:transparent}.gallery-menu>div a{font-size:13px}}




/* Double the header wordmark and subtitle sizes at each existing breakpoint. */
.brand{font-size:28px}.brand small{font-size:18px}
@media(max-width:1150px){.brand{font-size:24px}}
@media(max-width:760px){.brand{font-size:22px;white-space:normal}.brand small{font-size:16px}header{column-gap:12px;row-gap:14px}.brand>span{min-width:0}.brand img{flex-shrink:0}}

/* Visible, keyboard-accessible invitation to continue below the hero. */
.hero-bottom {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
}
.hero-bottom > span:last-child {
    text-align: right;
}
.hero-scroll {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 4px 12px;
    color: #f2f0e9;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
}
.hero-scroll span {
    color: var(--gold);
    font-size: 25px;
    line-height: 1.1;
}
@media (max-width: 760px) {
    .hero-bottom {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        bottom: 16px;
    }
    .hero-scroll {
        grid-column: 1 / -1;
        grid-row: 1;
    }
    .hero-content {
        padding-bottom: 155px;
    }
}

/* Match Sandy's Doyalson reference: white arrow above bold bottom-centred text. */
.hero-scroll {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    gap: 3px;
    padding: 4px 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .3px;
    line-height: 1.4;
    white-space: nowrap;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .8);
}
.hero-scroll span {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
}
.hero-scroll:hover { color: #fff; }
.hero-bottom { bottom: 24px; grid-template-columns: 1fr 1fr; }
@media (max-width: 760px) {
    .hero-bottom { bottom: 88px; }
    .hero-scroll { bottom: 12px; font-size: 13px; }
}

/* Approved desktop hero height; top-aligned photograph keeps both helmets visible. */
@media (min-width: 761px) {
    .hero {
        min-height: 0;
        height: min(620px, var(--hero-available-height, calc(100svh - 280px)));
    }
    .hero-image {
        background-position: center, center, center top;
    }
    .hero-content {
        padding-top: 24px;
        padding-bottom: 100px;
    }
    .hero h1 {
        font-size: clamp(46px, 6vw, 72px);
        margin-bottom: 20px;
    }
    .hero .eyebrow { margin-bottom: 16px; }
    .hero .intro { font-size: 18px; margin-bottom: 16px; }
    .hero .actions { margin-top: 20px; }
}



/* Club motto beside the logo and club name; a separate row on phones. */
.header-motto {
    flex: 1 1 300px;
    max-width: 520px;
    margin: 0 0 0 auto;
    color: var(--gold);
    font: italic 22px/1.45 Georgia, serif;
    text-align: right;
}
@media (max-width: 760px) {
    header .brand { order: 0; }
    #menu-toggle { order: 1; }
    .header-motto {
        order: 2;
        flex-basis: 100%;
        max-width: none;
        margin: 0;
        padding-top: 10px;
        font-size: 18px;
        text-align: center;
    }
    header #navigation { order: 3; }
}

/* Sandy's revision: one red line, with font size adapted to available width. */
.header-motto {
    max-width: none;
    color: #ef3434;
    font-size: clamp(11px, 1.1vw, 22px);
    white-space: nowrap;
}
@media (max-width: 760px) {
    .header-motto {
        font-size: clamp(7px, 2vw, 15px);
    }
}