/* Hills Run Club v6. Part 1: the design system's components/bundle.css, verbatim.
   Part 2: the homepage's overrides and page layer. Edit the system, not this. */
/* Hills Run Club v6, component stylesheet.
   Loaded after tokens.css. Every value reads a token; nothing reads a literal
   colour except the two rgba tints, which need an alpha the token set has no
   syntax for. Classes match the WordPress implementation exactly. */

/* ── box model and links ──────────────────────────────────────────────────
   Every v6 element and everything inside it is border-box, and a link inside
   one inherits its colour and carries no underline. A consuming page that
   already resets these loses nothing. */
[class*="v6-"],[class*="v6-"] *,[class*="v6-"] *::before,[class*="v6-"] *::after{box-sizing:border-box}
[class*="v6-"] a{color:inherit;text-decoration:none}
[class*="v6-"] button{font:inherit;color:inherit}
[class*="v6-"] img{max-width:100%;display:block}

/* ── bands ───────────────────────────────────────────────────────────────
   A section flips from paper to ink by redeclaring seven aliases. No
   component carries a dark variant of its own. */
.v6-band-ink{
  --surface:var(--ink); --surface-hover:var(--ink-hover);
  --on-surface:var(--paper); --on-surface-2:var(--grey-on-ink);
  --rule:var(--line-ink);
  --accent:var(--orange); --accent-tint:rgba(252,75,31,.16);
}
.v6-band-paper{
  --surface:var(--paper); --surface-hover:var(--paper-hover);
  --on-surface:var(--ink); --on-surface-2:var(--grey);
  --rule:var(--line);
  --accent:var(--orange); --accent-tint:var(--orange-tint);
}
.v6-sec{background:var(--surface);color:var(--on-surface)}
.v6-wrap{width:min(var(--container),100% - var(--margin)*2);margin-inline:auto}
.v6-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}
.v6-rule{height:1px;background:var(--rule)}
.v6-mu{color:var(--on-surface-2)}
.v6-accent{color:var(--accent)}
.v6-num{font-variant-numeric:tabular-nums}

/* ── type ─────────────────────────────────────────────────────────────── */
.v6-display{font:500 58px/1.02 var(--font-sans);letter-spacing:-.025em;text-wrap:balance}
.v6-h2{font:500 42px/1.10 var(--font-sans);letter-spacing:-.022em;max-width:24em;text-wrap:balance}
.v6-h2 .qual{color:var(--on-surface-2)}
.v6-h3{font:500 22px/1.25 var(--font-sans);letter-spacing:-.015em}
.v6-lead{font:400 20px/1.45 var(--font-sans)}
.v6-body{font:400 16px/1.56 var(--font-sans)}
.v6-small{font:400 13px/1.46 var(--font-sans)}
.v6-series{font:400 13px/1.46 var(--font-sans);color:var(--accent)}
.v6-plusmark{font:italic 900 92px/.92 var(--font-sans);letter-spacing:-.03em}

@media (max-width:1180px){
  .v6-display{font-size:46px} .v6-h2{font-size:34px} .v6-h3{font-size:20px}
  .v6-wrap{--margin:40px}
}
@media (max-width:720px){
  .v6-display{font-size:36px} .v6-h2{font-size:27px} .v6-h3{font-size:19px}
  .v6-wrap{--margin:20px}
}

/* ── actions ──────────────────────────────────────────────────────────────
   Rounded rectangle at radius-action. Never a pill. */
.v6-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:48px;padding:0 var(--space-5);border-radius:var(--radius-action);
  font:500 16px/1 var(--font-sans);letter-spacing:-.006em;white-space:nowrap;
  border:1px solid transparent;cursor:pointer;text-decoration:none;
  transition:background-color .3s var(--ease-action),color .3s var(--ease-action),
             border-color .3s var(--ease-action);
}
.v6-btn.is-primary{background:var(--orange);border-color:var(--orange);color:#fff}
.v6-btn.is-primary:hover{background:var(--orange-press);border-color:var(--orange-press)}
.v6-btn.is-ghost{background:transparent;border-color:var(--rule);color:var(--on-surface)}
.v6-btn.is-ghost:hover{background:var(--accent-tint);border-color:var(--accent-tint);color:var(--accent)}
.v6-band-ink .v6-btn.is-ghost:hover{color:var(--on-surface);border-color:rgba(252,75,31,.5)}
.v6-btn.is-light{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.v6-btn.is-sm{height:40px;padding:0 18px;font-size:14px;gap:8px}
.v6-quiet{
  display:inline-flex;align-items:center;gap:8px;color:var(--accent);
  font:500 16px/1 var(--font-sans);letter-spacing:-.006em;cursor:pointer;text-decoration:none;
}
.v6-quiet.is-sm{font-size:14px}
.v6-chev{transition:transform .6s var(--ease-glyph)}
.v6-quiet:hover .v6-chev,.v6-btn:hover .v6-chev{transform:translateX(4px)}
.v6-ico{
  width:40px;height:40px;flex:none;border:0;border-radius:var(--radius-chip);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:var(--accent-tint);color:var(--accent);
  transition:background-color .3s var(--ease-action),color .3s var(--ease-action);
}
.v6-ico:hover,.v6-card:hover .v6-ico,.is-hover .v6-ico{background:var(--orange);color:#fff}
.v6-tile{
  width:40px;height:40px;flex:none;border-radius:var(--radius-chip);
  display:flex;align-items:center;justify-content:center;
  background:rgba(252,75,31,.14);color:var(--accent);
}
.v6-chip{
  display:inline-flex;align-items:center;height:32px;padding:0 10px;
  border:1px solid var(--rule);border-radius:var(--radius-chip);
  font:400 13px/1 var(--font-sans);color:var(--on-surface-2);
}
.v6-dot{width:7px;height:7px;border-radius:var(--radius-dot);background:var(--accent);display:block}
.v6-btn:focus-visible,.v6-ico:focus-visible,.v6-quiet:focus-visible,.v6-card:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;
}

/* ── the card ─────────────────────────────────────────────────────────────
   Four layers. The outer element is filled in the hairline colour with 1px of
   padding: that fill IS the border. A 560px bloom sits between it and the
   opaque inner surface, invisible until hover. */
.v6-cards{display:grid;gap:var(--gutter)}
.v6-cards.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.v6-cards.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.v6-cards.is-2,.v6-cards.is-3{grid-template-columns:minmax(0,1fr)}}

.v6-card{
  position:relative;display:block;width:100%;text-align:left;
  padding:var(--rim);border:0;border-radius:var(--radius-card);
  background:var(--rule);overflow:hidden;cursor:pointer;
}
.v6-card__bloom{
  position:absolute;inset:0;border-radius:var(--radius-card);overflow:hidden;
  opacity:0;transition:opacity .25s linear;pointer-events:none;
}
.v6-card__bloom i{
  position:absolute;display:block;width:560px;height:560px;left:50%;top:50%;
  margin:-280px 0 0 -280px;opacity:.55;
  background:radial-gradient(circle,var(--orange-lift),var(--orange) 33%,var(--rule) 66%);
  transition:transform 1s var(--ease-glyph);
}
.v6-card:hover .v6-card__bloom,.is-hover .v6-card__bloom{opacity:1}
.v6-card__inner{
  position:relative;height:100%;border-radius:var(--radius-inner);
  background:var(--surface);color:var(--on-surface);overflow:hidden;
}
.v6-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  padding:var(--space-6) var(--space-6) 0}
.v6-card__title{transition:transform .8s var(--ease-card)}
.v6-card:hover .v6-card__title,.is-hover .v6-card__title{transform:translate(-5px,-4px)}
.v6-card__figure{transition:transform .8s var(--ease-card)}
.v6-card:hover .v6-card__figure,.is-hover .v6-card__figure{transform:scale(1.035)}
.v6-card__pad{padding:0 var(--space-6) var(--space-6)}
.v6-dl{margin:0}
.v6-dl > div{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--rule)}
.v6-dl dt{width:104px;flex:none;color:var(--on-surface-2)}
.v6-dl dd{margin:0}

/* ── rows, the tally, the stat block ─────────────────────────────────────
   Every one of these carries 16px of bleed so the hover highlight runs past
   the text to the column edge. */
.v6-hov{transition:background-color .3s var(--ease-action)}
.v6-hov:hover,.is-hover.v6-hov{background:var(--surface-hover)}

.v6-rows{border-top:1px solid var(--rule)}
.v6-row{
  display:grid;grid-template-columns:156px minmax(0,1fr) auto;gap:var(--gutter);
  align-items:center;min-height:var(--row-height);
  padding:var(--space-5) var(--bleed);margin-inline:calc(var(--bleed)*-1);
  border-bottom:1px solid var(--rule);
}
.v6-row__date{font:500 16px/1.3 var(--font-sans)}
.v6-row__meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:9px}
.v6-row__meta span{display:inline-flex;align-items:center;gap:7px;
  font:400 13px/1.46 var(--font-sans);color:var(--on-surface-2)}
.v6-row__meta svg{color:var(--accent);opacity:.85;flex:none}
.v6-row__act{display:flex;gap:10px}
@media (max-width:860px){
  .v6-row{grid-template-columns:minmax(0,1fr);gap:12px}
  .v6-row__act{flex-wrap:wrap}
}

.v6-tally{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-9);
  grid-auto-flow:column;grid-template-rows:repeat(6,auto)}
.v6-tally__head{display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:14px var(--bleed);margin-inline:calc(var(--bleed)*-1);
  border-radius:var(--radius-action);text-decoration:none;color:inherit}
.v6-tally__row{
  display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px;
  padding:13px var(--bleed);margin-inline:calc(var(--bleed)*-1);
  border-bottom:1px solid var(--rule);font:400 13px/1.46 var(--font-sans);
}
.v6-tally__row b{font-weight:400}
@media (max-width:720px){.v6-tally{grid-template-columns:minmax(0,1fr);
  grid-auto-flow:row;grid-template-rows:none}}

.v6-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule)}
.v6-stat{padding:var(--space-7) 21px;border-left:1px solid var(--rule)}
.v6-stat:first-child{border-left:0;padding-left:0}
.v6-stat__figure{font:400 48px/1 var(--font-sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.v6-stat__label{font:400 13px/1.46 var(--font-sans);color:var(--on-surface-2);margin-top:14px}
.v6-stat.is-accent{border-top:1px solid var(--accent);margin-top:-1px}
.v6-stat.is-accent .v6-stat__figure{
  background:linear-gradient(95deg,#ffc79a 6%,var(--orange-lift) 42%,var(--orange) 92%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
@media (max-width:860px){.v6-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v6-stat,.v6-stat:first-child{padding-left:21px;border-left:1px solid var(--rule)}}

/* ── photography ─────────────────────────────────────────────────────────── */
.v6-photo{position:relative;overflow:hidden;border-radius:var(--radius-card);
  background:var(--ink) center/cover no-repeat}
.v6-photo__cap{
  position:absolute;left:var(--space-3);bottom:var(--space-3);
  display:inline-flex;align-items:center;height:30px;padding:0 13px;
  border-radius:var(--radius-action);background:rgba(255,255,255,.94);color:var(--ink);
  font:500 13px/1 var(--font-sans);
}

/* ── the reel ─────────────────────────────────────────────────────────────
   Ten panels, 8px apart. The open panel takes 830 of the free space and the
   rest decay away from it. flex-grow ratios, so the row re-proportions
   instead of jumping. */
.v6-reel{display:flex;gap:var(--space-1);overflow:hidden}
.v6-reel__panel{
  position:relative;height:var(--reel-height);flex:0 1 auto;min-width:7px;
  border-radius:var(--radius-card);overflow:hidden;border:0;padding:0;cursor:pointer;
  background:var(--ink) center/cover no-repeat;
  transition:flex-grow .6s var(--ease-glyph);
}
.v6-reel__panel::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,11,12,0) 42%,rgba(11,11,12,.82) 100%)}
.v6-reel__label{
  position:absolute;left:var(--space-6);bottom:var(--space-6);z-index:2;
  display:flex;align-items:center;gap:14px;color:#fff;
  font:900 21px/1 var(--font-sans);letter-spacing:-.01em;
}
.v6-reel__label img{height:24px;width:auto;display:block}
.v6-reel__chip{
  position:absolute;right:var(--space-4);top:var(--space-4);z-index:2;
  display:inline-flex;align-items:center;height:32px;padding:0 13px;white-space:nowrap;
  border-radius:var(--radius-action);background:rgba(255,255,255,.94);color:var(--ink);
  font:500 13px/1 var(--font-sans);font-variant-numeric:tabular-nums;
}
.v6-reel__panel:not(.is-open) .v6-reel__label,
.v6-reel__panel:not(.is-open) .v6-reel__chip{display:none}
.v6-reel__caption{display:flex;align-items:flex-start;justify-content:space-between;
  gap:var(--space-9);padding-top:30px}
.v6-reel__caption p{font:400 20px/1.45 var(--font-sans);max-width:860px;margin:0}
.v6-reel__caption b{font-weight:500}
.v6-reel__caption .qual{color:var(--on-surface-2)}
@media (max-width:860px){
  .v6-reel{overflow-x:auto;scroll-snap-type:x mandatory}
  .v6-reel__panel{flex:0 0 82%;scroll-snap-align:start;height:360px}
  .v6-reel__panel .v6-reel__label,.v6-reel__panel .v6-reel__chip{display:flex}
}

/* ── partner strip ───────────────────────────────────────────────────────── */
.v6-partners{display:flex;align-items:center;flex-wrap:wrap;gap:24px var(--space-9);
  padding-block:46px;border-top:1px solid var(--rule)}
.v6-partners img{height:21px;width:auto;opacity:.8}
.v6-partner{font:500 17px/1 var(--font-sans);letter-spacing:-.012em;color:var(--grey-mark)}

/* ── HRC+ band ───────────────────────────────────────────────────────────── */
.v6-plus{position:relative;overflow:hidden}
.v6-plus__glow{position:absolute;right:-180px;top:-140px;width:1000px;height:820px;
  pointer-events:none;
  background:radial-gradient(45% 45% at 62% 42%,rgba(252,75,31,.44),rgba(252,75,31,.16) 46%,rgba(11,11,12,0) 74%)}
.v6-plus__list{border-top:1px solid var(--rule)}
.v6-plus__item{display:flex;gap:18px;align-items:flex-start;
  padding:var(--space-3);margin-inline:calc(var(--bleed)*-1);
  border-bottom:1px solid var(--rule);border-radius:var(--radius-action)}

/* ── reduced motion ─────────────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .v6-btn,.v6-ico,.v6-chev,.v6-hov,.v6-card__bloom,.v6-card__bloom i,
  .v6-card__title,.v6-card__figure,.v6-reel__panel{transition:none!important}
  .v6-card:hover .v6-card__title,.v6-card:hover .v6-card__figure{transform:none}
}


/* ── the navigation ───────────────────────────────────────────────────────
   The live site's mega menu, kept exactly in structure and timing and
   restyled to the tokens. Geometry: utility bar 44, header 100, measure
   1320. Timings: panel 340ms, content 260ms after 40ms, stagger 320ms, all
   on ease-nav; a 160ms grace before a panel closes. */
.v6-topbar{position:relative;z-index:var(--z-topbar);background:#000;color:var(--paper);
  border-bottom:1px solid var(--line-ink)}
.v6-topbar__in{display:flex;align-items:center;gap:var(--space-5);height:44px;
  max-width:1320px;margin-inline:auto;padding-inline:32px;font:400 13.5px/1 var(--font-sans)}
.v6-topbar__plus{font:italic 900 15px/1 var(--font-sans);letter-spacing:-.02em}
.v6-topbar__msg{color:var(--grey-on-ink);flex:1}
.v6-topbar__join{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px;
  border-radius:var(--radius-action);background:var(--orange);color:#fff;font-weight:500;
  transition:background-color var(--dur-action) var(--ease-action)}
.v6-topbar__join:hover{background:var(--orange-press)}
.v6-topbar__dot{width:6px;height:6px;border-radius:var(--radius-dot);background:var(--orange);
  box-shadow:0 0 0 3px rgba(252,75,31,.18)}

.v6-hdr{position:relative;z-index:var(--z-nav);background:var(--ink);color:var(--paper)}
.v6-hdr__in{position:relative;z-index:2;display:flex;align-items:center;gap:32px;height:100px;
  max-width:1320px;margin-inline:auto;padding-inline:32px}
.v6-hdr__logo img,.v6-hdr__logo svg{height:22px;width:auto;display:block}
.v6-nav{display:flex;align-items:center;gap:6px;margin-inline:auto;list-style:none;padding:0}
.v6-nav__btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;
  border:0;background:transparent;border-radius:var(--radius-action);cursor:pointer;
  font:400 19px/1 var(--font-sans);color:var(--paper);
  transition:color var(--dur-action) var(--ease-nav),background-color var(--dur-action) var(--ease-nav)}
.v6-nav__btn svg{width:12px;height:12px;opacity:.75;transition:transform 240ms var(--ease-nav)}
.v6-nav__btn:hover{background:rgba(255,255,255,.06)}
.v6-hdr.is-open .v6-nav__btn{color:rgba(255,255,255,.55)}
.v6-hdr.is-open .v6-nav__item.is-active .v6-nav__btn{color:var(--paper);background:rgba(255,255,255,.06)}
.v6-nav__item.is-active .v6-nav__btn svg{transform:rotate(180deg);opacity:1}
.v6-hdr__actions{display:flex;align-items:center;gap:14px}

.v6-mega{position:absolute;left:0;right:0;top:100%;z-index:1;overflow:hidden;height:0;
  background:var(--ink-panel);color:var(--paper);
  transition:height var(--dur-panel) var(--ease-nav);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.v6-mega::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--line-ink)}
.v6-mega.is-open{height:auto}
.v6-panel{position:absolute;inset:0 0 auto;opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity var(--dur-panel-item) var(--ease-nav),transform var(--dur-panel-item) var(--ease-nav),
             visibility 0s linear var(--dur-panel-item)}
.v6-panel.is-active{opacity:1;visibility:visible;transform:none;transition-delay:40ms,40ms,0s;position:relative}
.v6-panel__in{display:grid;grid-template-columns:minmax(0,1fr) 340px;max-width:1320px;margin-inline:auto}
.v6-panel__main{padding:40px 32px 36px}
.v6-panel__rail{padding:40px 32px 36px;background:var(--ink-rail);border-left:1px solid var(--line-ink)}
.v6-panel__in.no-rail{grid-template-columns:1fr}
.v6-eyebrow{margin:0 0 18px;font:500 13px/1.46 var(--font-sans);color:var(--grey-on-ink)}
.v6-panel__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.v6-panel__list{list-style:none;margin:0;padding:0}
.v6-panel__row{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-inline:-12px;
  border-radius:var(--radius-action);border-left:2px solid transparent;color:var(--paper);
  transition:background-color var(--dur-action) var(--ease-nav),border-color var(--dur-action) var(--ease-nav)}
.v6-panel__row:hover,.v6-panel__row:focus-visible{background:rgba(255,255,255,.05);border-left-color:var(--orange)}
.v6-panel__row .lbl{display:block;font:400 16px/1.3 var(--font-sans)}
.v6-panel__row .sub{display:block;margin-top:2px;font:400 14px/1.4 var(--font-sans);color:var(--grey-on-ink)}
.v6-panel__row .tag{margin-left:auto;padding:3px 8px;border-radius:var(--radius-chip);
  background:rgba(252,75,31,.16);color:var(--orange-lift);font:500 11px/1.4 var(--font-sans);white-space:nowrap}
.v6-panel__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v6-panel__card{display:block;padding:14px;border-radius:var(--radius-card);border:1px solid var(--line-ink);
  border-left:2px solid var(--line-ink);color:var(--paper);
  transition:background-color var(--dur-action) var(--ease-nav),border-color var(--dur-action) var(--ease-nav)}
.v6-panel__card:hover,.v6-panel__card:focus-visible{background:rgba(255,255,255,.05);border-left-color:var(--orange)}
.v6-panel__card .pic{height:110px;border-radius:var(--radius-action);background:var(--ink-rail) center/cover;margin-bottom:12px}
.v6-panel__card strong{display:block;font:500 16px/1.3 var(--font-sans)}
.v6-panel__card span{display:block;margin-top:4px;font:400 13.5px/1.45 var(--font-sans);color:var(--grey-on-ink)}
.v6-panel .v6-panel__col,.v6-panel .v6-panel__card,.v6-panel__rail > *{opacity:0;transform:translateY(8px);
  transition:opacity var(--dur-panel-stagger) var(--ease-nav),transform var(--dur-panel-stagger) var(--ease-nav)}
.v6-panel.is-active .v6-panel__col,.v6-panel.is-active .v6-panel__card,.v6-panel.is-active .v6-panel__rail > *{opacity:1;transform:none}
.v6-scrim{position:fixed;inset:0;z-index:var(--z-scrim);background:rgba(0,0,0,.45);opacity:0;pointer-events:none;
  transition:opacity var(--dur-panel) var(--ease-nav)}
.v6-scrim.is-on{opacity:1;pointer-events:auto}
@media (max-width:1280px){.v6-nav,.v6-mega{display:none}}

/* ── the footer ─────────────────────────────────────────────────────────── */
.v6-footer{padding-top:88px}
.v6-footer__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);padding:52px 0 60px}
.v6-footer__col a{display:block;font:400 14.5px/2.05 var(--font-sans);color:var(--on-surface-2);
  transition:color var(--dur-action) var(--ease-action)}
.v6-footer__col a:hover{color:var(--accent)}
.v6-footer__hd{font:500 13px/1.4 var(--font-sans);color:var(--on-surface);margin-bottom:12px}
.v6-footer__legal{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:26px 0 46px}
.v6-footer__social{display:flex;gap:22px;color:var(--on-surface-2)}
.v6-footer__social a{transition:color var(--dur-action) var(--ease-action)}
.v6-footer__social a:hover{color:var(--accent)}
@media (max-width:860px){.v6-footer__grid{grid-template-columns:repeat(2,1fr)}
  .v6-footer__grid > *{grid-column:auto!important}}

/* ── the hero ───────────────────────────────────────────────────────────── */
.v6-hero{position:relative;height:var(--hero-height);overflow:hidden;background:var(--ink);color:var(--paper)}
.v6-hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 36%}
.v6-hero__scrim{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,11,12,.62) 0%,rgba(11,11,12,.06) 30%,rgba(11,11,12,.30) 64%,rgba(11,11,12,.80) 100%)}
.v6-hero__wrap{position:absolute;left:50%;transform:translateX(-50%);width:min(var(--container),100% - var(--margin)*2);bottom:64px}
.v6-hero__next{display:flex;align-items:center;gap:12px;font:400 13px/1.46 var(--font-sans)}
.v6-hero__actions{display:flex;align-items:center;gap:12px;margin-top:34px;flex-wrap:wrap}
@media (max-width:480px){.v6-hero{height:560px}.v6-hero__actions .v6-btn{width:100%}}

/* ── the dialog: what a card's expand control opens ─────────────────────── */
.v6-dialog{position:fixed;inset:0;z-index:var(--z-dialog);overflow:auto;background:var(--overlay);
  opacity:0;visibility:hidden;transition:opacity var(--dur-bloom-in) linear,visibility 0s linear var(--dur-bloom-in)}
.v6-dialog.is-open{opacity:1;visibility:visible;transition-delay:0s}
.v6-dialog__sheet{position:relative;width:min(1184px,100% - 64px);margin:10vh auto 10vh;
  background:var(--surface);color:var(--on-surface);border-radius:var(--radius-card);
  padding:72px 72px 112px;transform:translateY(200px);
  transition:transform var(--dur-glyph) var(--ease-glyph)}
.v6-dialog.is-open .v6-dialog__sheet{transform:none}
.v6-dialog__close{position:absolute;top:24px;right:24px}
html.v6-locked{overflow:hidden}
@media (max-width:720px){.v6-dialog__sheet{width:100%;margin:12vh 0 0;min-height:88vh;
  border-radius:var(--radius-card) var(--radius-card) 0 0;padding:56px 24px 96px}}

/* ── the accordion ──────────────────────────────────────────────────────── */
.v6-acc{border-top:1px solid var(--rule)}
.v6-acc__item{border-bottom:1px solid var(--rule)}
.v6-acc__q{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;
  padding:22px var(--bleed);margin-inline:calc(var(--bleed)*-1);width:calc(100% + var(--bleed)*2);
  border:0;background:transparent;color:var(--on-surface);text-align:left;cursor:pointer;
  font:500 16px/1.3 var(--font-sans);border-radius:var(--radius-action);
  transition:background-color var(--dur-action) var(--ease-action)}
.v6-acc__q:hover{background:var(--surface-hover)}
.v6-acc__glyph{position:relative;width:18px;height:18px;flex:none;color:var(--accent)}
.v6-acc__glyph svg{position:absolute;inset:0;transition:transform var(--dur-glyph) var(--ease-glyph),opacity var(--dur-glyph) var(--ease-glyph)}
.v6-acc__glyph .chev{opacity:1}
.v6-acc__glyph .arr{opacity:0;transform:rotate(-90deg)}
.v6-acc__item.is-open .v6-acc__glyph .chev,.v6-acc__q:hover .v6-acc__glyph .chev{opacity:0;transform:rotate(90deg)}
.v6-acc__item.is-open .v6-acc__glyph .arr,.v6-acc__q:hover .v6-acc__glyph .arr{opacity:1;transform:rotate(0)}
.v6-acc__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-panel) var(--ease-nav)}
.v6-acc__item.is-open .v6-acc__a{grid-template-rows:1fr}
.v6-acc__a > div{overflow:hidden}
.v6-acc__a p{margin:0;padding:0 0 24px;max-width:680px;font:400 16px/1.56 var(--font-sans);color:var(--on-surface-2)}

/* ── inputs ─────────────────────────────────────────────────────────────── */
.v6-field{display:flex;flex-direction:column;gap:8px}
.v6-field__label{font:500 13px/1.46 var(--font-sans);color:var(--on-surface)}
.v6-input{height:48px;padding:0 16px;border-radius:var(--radius-action);border:1px solid var(--rule);
  background:var(--surface);color:var(--on-surface);font:400 16px/1 var(--font-sans);width:100%;
  transition:border-color var(--dur-action) var(--ease-action),box-shadow var(--dur-action) var(--ease-action)}
.v6-input::placeholder{color:var(--on-surface-2)}
.v6-input:hover{border-color:var(--on-surface-2)}
.v6-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}
.v6-field__help{font:400 13px/1.46 var(--font-sans);color:var(--on-surface-2)}
.v6-field.is-error .v6-input{border-color:var(--error)}
.v6-field.is-error .v6-field__help{color:var(--error)}
.v6-field.is-success .v6-input{border-color:var(--success)}
.v6-input:disabled{opacity:.5;cursor:not-allowed}
.v6-check{display:inline-flex;align-items:center;gap:10px;font:400 14px/1.4 var(--font-sans);cursor:pointer}
.v6-check input{width:18px;height:18px;margin:0;accent-color:var(--orange);border-radius:var(--radius-chip)}

/* ── the toast ──────────────────────────────────────────────────────────── */
.v6-toast{position:fixed;left:50%;bottom:32px;z-index:var(--z-toast);transform:translate(-50%,24px);opacity:0;
  display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 18px 0 14px;
  border-radius:var(--radius-action);background:var(--ink);color:var(--paper);
  font:500 14px/1 var(--font-sans);white-space:nowrap;
  transition:transform var(--dur-glyph) var(--ease-glyph),opacity var(--dur-glyph) var(--ease-glyph)}
.v6-toast.is-on{transform:translate(-50%,0);opacity:1}
.v6-toast__ok{width:22px;height:22px;border-radius:var(--radius-dot);background:var(--success);
  display:flex;align-items:center;justify-content:center;color:#fff;flex:none}
.v6-band-ink .v6-toast{background:var(--paper);color:var(--ink)}

/* ===== homepage layer (overrides bundle where the homepage build differs) ===== */
/* bands: a section flips paper to ink by redeclaring seven aliases */
.v6-band-ink{--surface:var(--ink);--surface-hover:var(--ink-hover);--on-surface:var(--paper);--on-surface-2:var(--grey-on-ink);--rule:var(--line-ink);--accent:var(--orange);--accent-tint:rgba(252,75,31,.16)}
.v6-band-paper{--surface:var(--paper);--surface-hover:var(--paper-hover);--on-surface:var(--ink);--on-surface-2:var(--grey);--rule:var(--line);--accent:var(--orange);--accent-tint:var(--orange-tint)}
/* type */
@media (max-width:1180px){.v6-display{font-size:46px}.v6-h2{font-size:34px}.v6-h3{font-size:20px}.v6-wrap{--margin:40px}}
@media (max-width:720px){.v6-display{font-size:36px}.v6-h2{font-size:27px}.v6-h3{font-size:19px}.v6-wrap{--margin:20px}}
/* actions: rounded rectangle at radius-action, never a pill */
.v6-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 var(--space-5);border-radius:var(--radius-action);font:500 16px/1 var(--font-sans);letter-spacing:-.006em;white-space:nowrap;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background-color var(--dur-action) var(--ease-action),color var(--dur-action) var(--ease-action),border-color var(--dur-action) var(--ease-action)}
.v6-btn.is-primary:hover{background:var(--orange-press);border-color:var(--orange-press);color:#fff}
.v6-quiet{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font:500 16px/1 var(--font-sans);letter-spacing:-.006em;cursor:pointer;text-decoration:none}
.v6-chev{display:inline-flex;transition:transform var(--dur-glyph) var(--ease-glyph)}
.v6-ico{width:40px;height:40px;flex:none;border:0;border-radius:var(--radius-chip);display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--accent-tint);color:var(--accent);transition:background-color var(--dur-action) var(--ease-action),color var(--dur-action) var(--ease-action)}
.v6-ico:hover,.v6-card:hover .v6-ico{background:var(--orange);color:#fff}
.v6-tile{width:40px;height:40px;flex:none;border-radius:var(--radius-chip);display:flex;align-items:center;justify-content:center;background:rgba(252,75,31,.14);color:var(--accent)}
.v6-dot{width:7px;height:7px;border-radius:var(--radius-dot);background:var(--accent);display:block;flex:none}
.v6-btn:focus-visible,.v6-ico:focus-visible,.v6-quiet:focus-visible,.v6-card:focus-visible,.v6-reel__panel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* the card: a filled rim, a bloom, an opaque inner, the content */
.v6-card{position:relative;display:block;width:100%;text-align:left;padding:var(--rim);border:0;border-radius:var(--radius-card);background:var(--rule);overflow:hidden;cursor:pointer}
.v6-card__bloom{position:absolute;inset:0;border-radius:var(--radius-card);overflow:hidden;opacity:0;transition:opacity var(--dur-bloom-in) linear;pointer-events:none}
.v6-card__bloom i{position:absolute;display:block;width:560px;height:560px;left:50%;top:50%;margin:-280px 0 0 -280px;opacity:.55;background:radial-gradient(circle,var(--orange-lift),var(--orange) 33%,var(--rule) 66%);transition:transform var(--dur-bloom-follow) var(--ease-glyph)}
.v6-card:hover .v6-card__bloom{opacity:1}
.v6-card__inner{position:relative;height:100%;border-radius:var(--radius-inner);background:var(--surface);color:var(--on-surface);overflow:hidden}
.v6-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:var(--space-6) var(--space-6) 0}
.v6-card__title{transition:transform var(--dur-card) var(--ease-card)}
.v6-card:hover .v6-card__title{transform:translate(-5px,-4px)}
.v6-card__figure{transition:transform var(--dur-card) var(--ease-card)}
.v6-card:hover .v6-card__figure{transform:scale(1.035)}
/* rows, the tally, the stat block: all carry 16px of bleed */
.v6-hov{transition:background-color var(--dur-action) var(--ease-action)}
.v6-hov:hover{background:var(--surface-hover)}
.v6-row{display:grid;grid-template-columns:156px minmax(0,1fr) auto;gap:var(--gutter);align-items:center;min-height:var(--row-height);padding:var(--space-5) var(--bleed);margin-inline:calc(var(--bleed)*-1);border-bottom:1px solid var(--rule)}
.v6-row__meta span{display:inline-flex;align-items:center;gap:7px;font:400 13px/1.46 var(--font-sans);color:var(--on-surface-2)}
.hrc-v6-home .v6-row__act .hrc-run-registration{display:flex;flex-direction:column;align-items:stretch;margin:0}
.hrc-v6-home .hrc-register-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border:1px solid var(--orange);border-radius:var(--radius-action);background:var(--orange);color:#fff;font:500 14px/1 var(--font-sans);letter-spacing:-.006em;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-action) var(--ease-action),color var(--dur-action) var(--ease-action),border-color var(--dur-action) var(--ease-action)}
.hrc-v6-home .hrc-register-btn:hover{background:var(--orange-press);border-color:var(--orange-press)}
.hrc-v6-home .hrc-register-btn.registered{background:transparent;border-color:var(--rule);color:var(--on-surface)}
.hrc-v6-home .hrc-register-btn.registered:hover{background:var(--accent-tint);border-color:var(--accent-tint);color:var(--accent)}
.hrc-v6-home .hrc-register-btn:disabled{cursor:wait;opacity:.58}
.hrc-v6-home .hrc-register-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hrc-v6-home .hrc-register-message{max-width:220px;margin-top:6px;color:var(--on-surface-2);font:400 12px/1.4 var(--font-sans)}
@media (max-width:860px){.v6-row{grid-template-columns:minmax(0,1fr);gap:12px}.v6-row__act{flex-wrap:wrap}}
.v6-tally{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-9);grid-auto-flow:column;grid-template-rows:repeat(6,auto)}
.v6-tally__head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px var(--bleed);margin-inline:calc(var(--bleed)*-1);border-radius:var(--radius-action);text-decoration:none;color:inherit}
.v6-tally__row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px;padding:13px var(--bleed);margin-inline:calc(var(--bleed)*-1);border-bottom:1px solid var(--rule);font:400 13px/1.46 var(--font-sans)}
@media (max-width:720px){.v6-tally{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-template-rows:none}}
.v6-stat.is-accent .v6-stat__figure{background:linear-gradient(95deg,#ffc79a 6%,var(--orange-lift) 42%,var(--orange) 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:860px){.v6-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.v6-stat,.v6-stat:first-child{padding-left:21px;border-left:1px solid var(--rule)}}
/* photography */
.v6-photo{position:relative;overflow:hidden;border-radius:var(--radius-card);background:var(--ink) center/cover no-repeat}
.v6-photo__cap{position:absolute;left:var(--space-3);bottom:var(--space-3);display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:var(--radius-action);background:rgba(255,255,255,.94);color:var(--ink);font:500 13px/1 var(--font-sans)}
/* the reel: ten panels, the open one at 830 and the rest decaying */
.v6-reel__panel{position:relative;height:var(--reel-height);flex:1 1 0;min-width:7px;border-radius:var(--radius-card);overflow:hidden;border:0;padding:0;cursor:pointer;background:var(--ink) center/cover no-repeat;transition:flex-grow var(--dur-glyph) var(--ease-glyph)}
.v6-reel__panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,0) 42%,rgba(11,11,12,.82) 100%)}
.v6-reel__label{position:absolute;left:var(--space-6);bottom:var(--space-6);z-index:2;display:flex;align-items:center;gap:14px;color:#fff;font:900 21px/1 var(--font-sans);letter-spacing:-.01em;white-space:nowrap}
.v6-reel__label .wm{font:900 21px/1 var(--font-sans);letter-spacing:.04em;color:#fff}
.v6-reel__chip{position:absolute;right:var(--space-4);top:var(--space-4);z-index:2;display:inline-flex;align-items:center;height:32px;padding:0 13px;white-space:nowrap;border-radius:var(--radius-action);background:rgba(255,255,255,.94);color:var(--ink);font:500 13px/1 var(--font-sans);font-variant-numeric:tabular-nums}
.v6-reel__panel:not(.is-open) .v6-reel__label,.v6-reel__panel:not(.is-open) .v6-reel__chip{display:none}
.v6-reel__caption{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-9);padding-top:30px}
@media (max-width:860px){.v6-reel{overflow-x:auto;scroll-snap-type:x mandatory}.v6-reel__panel{flex:0 0 82%!important;scroll-snap-align:start;height:360px}.v6-reel__panel .v6-reel__label,.v6-reel__panel .v6-reel__chip{display:flex}.v6-reel__caption{flex-wrap:wrap}}
/* partner strip */
.v6-partners{display:flex;align-items:center;flex-wrap:wrap;gap:24px var(--space-9);padding-block:46px}
/* HRC+ band */
.v6-plus__glow{position:absolute;right:-180px;top:-140px;width:1000px;height:820px;pointer-events:none;background:radial-gradient(45% 45% at 62% 42%,rgba(252,75,31,.44),rgba(252,75,31,.16) 46%,rgba(11,11,12,0) 74%)}
.v6-plus__sweep{position:absolute;left:0;right:0;bottom:-40px;height:320px;pointer-events:none;background:radial-gradient(60% 100% at 24% 100%,rgba(255,154,92,.24),rgba(11,11,12,0) 72%)}
.v6-plus__item{display:flex;gap:18px;align-items:flex-start;padding:var(--space-3);margin-inline:calc(var(--bleed)*-1);border-bottom:1px solid var(--rule);border-radius:var(--radius-action)}
/* the dialog a card's expand control opens */
.v6-dialog{position:fixed;inset:0;z-index:var(--z-dialog);overflow:auto;background:var(--overlay);opacity:0;visibility:hidden;transition:opacity var(--dur-bloom-in) linear,visibility 0s linear var(--dur-bloom-in)}
.v6-dialog__sheet{position:relative;width:min(1184px,100% - 64px);margin:10vh auto 10vh;background:var(--surface);color:var(--on-surface);border-radius:var(--radius-card);padding:72px 72px 112px;transform:translateY(200px);transition:transform var(--dur-glyph) var(--ease-glyph)}
@media (max-width:720px){.v6-dialog__sheet{width:100%;margin:12vh 0 0;min-height:88vh;border-radius:var(--radius-card) var(--radius-card) 0 0;padding:56px 24px 96px}}
/* reduced motion */
@media (prefers-reduced-motion:reduce){.v6-btn,.v6-ico,.v6-chev,.v6-hov,.v6-card__bloom,.v6-card__bloom i,.v6-card__title,.v6-card__figure,.v6-reel__panel,.v6-dialog,.v6-dialog__sheet{transition:none!important}.v6-card:hover .v6-card__title,.v6-card:hover .v6-card__figure{transform:none}}
/* page layer: the homepage's sections, on top of the system */
.hrc-v6-home{font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
.hrc-v6-home p,.hrc-v6-home h1,.hrc-v6-home h2,.hrc-v6-home h3{margin:0}
.hrc-v6-home ul{list-style:none;margin:0;padding:0}
.hrc-v6-home .v6-sechead{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.hrc-v6-home .s-promise{padding:8px 0 92px}
.hrc-v6-home .s-next,.hrc-v6-home .s-featured{padding:0 0 96px}
.hrc-v6-home .s-tally,.hrc-v6-home .s-ways{padding:0 0 100px}
.hrc-v6-home .s-story,.hrc-v6-home .s-community{padding:100px 0}
.hrc-v6-home .s-plus{padding:100px 0 0}
.hrc-v6-home .v6-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:38px}
.hrc-v6-home .v6-cs .v6-card{height:460px}
.hrc-v6-home .v6-cs .csim{height:230px;background:var(--ink-rail) center/cover no-repeat;margin-top:24px}
.hrc-v6-home .v6-ways .v6-card{min-height:330px}
.hrc-v6-home .v6-plus__photo{height:470px;border-radius:var(--radius-card);background:var(--ink-rail) center/cover no-repeat;position:relative;overflow:hidden}
.hrc-v6-home .v6-plusband{position:relative;overflow:hidden}
.hrc-v6-home .v6-partner-mark{height:21px;width:auto;opacity:.8}
.hrc-v6-home .v6-hero{position:relative;height:var(--hero-height);overflow:hidden;background:var(--ink);color:var(--paper)}
.hrc-v6-home .v6-hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 36%}
.hrc-v6-home .v6-hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,.62) 0%,rgba(11,11,12,.06) 30%,rgba(11,11,12,.30) 64%,rgba(11,11,12,.80) 100%)}
.hrc-v6-home .v6-hero__wrap{position:absolute;left:50%;transform:translateX(-50%);width:min(var(--container),100% - var(--margin)*2);bottom:64px}
.hrc-v6-home .v6-hero__next{display:flex;align-items:center;gap:12px;font:400 13px/1.46 var(--font-sans)}
.hrc-v6-home .v6-hero__actions{display:flex;align-items:center;gap:12px;margin-top:34px;flex-wrap:wrap}
@media (max-width:860px){.hrc-v6-home .v6-facts{grid-template-columns:minmax(0,1fr)}.hrc-v6-home .s-story,.hrc-v6-home .s-community{padding:72px 0}.hrc-v6-home .s-plus{padding:72px 0 0}.hrc-v6-home .v6-grid > *{grid-column:1 / -1!important}.hrc-v6-home .v6-plus__photo{height:320px}}
@media (max-width:480px){.hrc-v6-home .v6-hero{height:560px}.hrc-v6-home .v6-hero__actions .v6-btn{width:100%}}
@media (max-width:480px){.hrc-v6-home .v6-row__act,.hrc-v6-home .v6-row__act > .v6-btn,.hrc-v6-home .v6-row__act .hrc-run-registration,.hrc-v6-home .hrc-register-btn{width:100%}}
/* the footer joins the HRC+ band: same ink */
body.hrc-coded-home .foot{background:var(--ink)!important;color:var(--paper)}