/* VANTSTEP / FRAME 1.7 — a decisive digital sport & screen journal.
   Modern visual direction: charcoal, warm bone, restrained signal-lime.
   Draft-only progressive layer: no additional JavaScript or remote assets. */
body.vantstep-refresh {
  --vs-night:#0b1016;
  --vs-night-soft:#17212b;
  --vs-night-edge:#34404b;
  --vs-lime:#d5f561;
  --vs-bone:#f2f0e8;
  --vs-bone-text:#1d292f;
}
/* Masthead deliberately separates the publication from utility navigation. */
body.vantstep-refresh .vs-topline {
  border-top:3px solid var(--vs-lime);
  background:#0b1016;
  color:#9eacb7;
}
body.vantstep-refresh .vs-topline strong {color:var(--vs-lime)}
body.vantstep-refresh .vs-topline .vs-topline-end {color:#aeb9c0}
body.vantstep-refresh .masthead {
  background:#0c1219;
  border-bottom:1px solid #303a43;
  box-shadow:none;
}
body.vantstep-refresh .masthead-row {min-height:79px}
body.vantstep-refresh .wordmark img {
  background:#f7f6f2;
  border-radius:50%;
  width:42px;height:42px;padding:5px;
}
body.vantstep-refresh .wordmark b {color:#fff;font-size:1.48rem;font-weight:900;letter-spacing:-.055em}
body.vantstep-refresh .wordmark small {color:#9facb6}
body.vantstep-refresh .site-nav .nav-links a {color:#e1e5e6}
body.vantstep-refresh .site-nav .nav-links a:hover {color:var(--vs-lime)}
body.vantstep-refresh .site-nav .nav-links a:after {height:3px;background:var(--vs-lime)}
body.vantstep-refresh .masthead-actions .search-link {
  color:#f1f5f2;
  border-color:#3a4650;
  background:transparent;
}
body.vantstep-refresh .masthead-actions .search-link:hover {
  color:#101a1b;background:var(--vs-lime);border-color:var(--vs-lime);
}
body.vantstep-refresh .masthead-actions .subscribe-button {
  border-color:var(--vs-lime);
  background:var(--vs-lime);
  color:#131b1f;
  font-weight:900;
}
body.vantstep-refresh .masthead-actions .subscribe-button:hover {
  background:#fff;color:#111b1e;border-color:#fff;
}
body.vantstep-refresh .live-ribbon {
  background:#13202a;
  border-bottom:1px solid #32414b;
}
body.vantstep-refresh .live-ribbon-inner strong {color:var(--vs-lime)}
body.vantstep-refresh .live-ribbon-inner a {color:#c8d3d7}

/* A true visual front page, rather than separate small card widgets. */
body.vantstep-refresh .vs-home {
  position:relative;
  overflow:hidden;
  padding:clamp(42px,5.3vw,80px) 0 96px;
  color:#e1e7e5;
  background:
    radial-gradient(circle at 92% 1%,rgba(105,119,105,.22),transparent 340px),
    linear-gradient(180deg,#101821 0%,#0b1118 42%,#0b1016 100%);
}
body.vantstep-refresh .vs-home-heading {
  align-items:end;
  border-bottom:1px solid #53616a;
  padding-bottom:34px;margin-bottom:28px;
}
body.vantstep-refresh .vs-home-heading:after {background:var(--vs-lime);width:118px;height:4px}
body.vantstep-refresh .vs-home-heading-copy {min-width:0}
body.vantstep-refresh .vs-home-heading .vs-label {
  color:var(--vs-lime);
  font:800 .72rem/1.5 Archivo,sans-serif;
  letter-spacing:.22em;
  margin-bottom:14px;
}
body.vantstep-refresh .vs-home h1 {
  color:#fff;
  font:900 clamp(3.2rem,6.4vw,6.9rem)/.93 Archivo,Arial,sans-serif;
  letter-spacing:-.072em;
  text-transform:uppercase;
  text-wrap:balance;
}
body.vantstep-refresh .vs-home h1 span {display:block}
body.vantstep-refresh .vs-home h1 em {
  display:block;
  font-style:normal;color:var(--vs-lime);
}
body.vantstep-refresh .vs-home-heading .vs-home-summary {
  max-width:55ch;
  margin:22px 0 0;
  font:400 1.04rem/1.55 "Source Sans 3",sans-serif;
  color:#aab8c0;
}
body.vantstep-refresh .vs-home-heading>a {
  color:#e6ecec;
  letter-spacing:.09em;
  white-space:normal;max-width:190px;
}
body.vantstep-refresh .vs-home-heading>a span {color:var(--vs-lime)}
body.vantstep-refresh .vs-home-heading>a:hover {color:var(--vs-lime)}
body.vantstep-refresh .vs-pathways {
  border:1px solid #33414a;
  background:#141e27;
  margin:0 0 27px;
}
body.vantstep-refresh .vs-pathways-index {
  border-right-color:#33414a;
  background:#1b2b31;
  color:var(--vs-lime);
}
body.vantstep-refresh .vs-pathways-index span {color:#8b9ca6}
body.vantstep-refresh .vs-pathways>a {
  border-color:#33414a;
  color:#e9eff0;
}
body.vantstep-refresh .vs-pathways-dot {background:var(--vs-lime)}
body.vantstep-refresh .vs-pathways>a>span:last-child {color:var(--vs-lime)}
body.vantstep-refresh .vs-pathways>a:hover {
  background:var(--vs-lime);color:#101b1f;
}
body.vantstep-refresh .vs-pathways>a:hover .vs-pathways-dot {background:#101b1f}
body.vantstep-refresh .vs-pathways>a:hover>span:last-child {color:#101b1f}

/* Immersive photograph, editorial typography on one single cinematic surface. */
body.vantstep-refresh .vs-front-grid {
  grid-template-columns:minmax(0,1.8fr) minmax(275px,.8fr);
  gap:0;
  border:1px solid #34414b;
}
body.vantstep-refresh .vs-lead {
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:end;
  min-height:clamp(520px,45vw,635px);
  overflow:hidden;
  background:#15212d;
  box-shadow:none;
}
body.vantstep-refresh .vs-lead-copy {
  position:relative;z-index:2;
  width:100%;max-width:760px;
  padding:clamp(30px,4vw,65px);
  align-self:auto;
}
body.vantstep-refresh .vs-lead-image {
  position:absolute;
  inset:0;
  z-index:-1;
}
body.vantstep-refresh .vs-lead-image:after {
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(3,8,13,.98) 0%,rgba(7,12,18,.87) 25%,rgba(7,14,20,.44) 57%,rgba(7,14,20,.08) 100%),
             linear-gradient(90deg,rgba(6,13,21,.42),transparent 73%);
  pointer-events:none;
}
body.vantstep-refresh .vs-lead-image img {
  display:block;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.84) contrast(1.09);
}
body.vantstep-refresh .vs-lead .vs-label {
  color:#101719;
  background:var(--vs-lime);
  padding:7px 11px;
  margin-bottom:19px;
  font:900 .67rem/1.2 Archivo,sans-serif;
}
body.vantstep-refresh .vs-lead .vs-label:before {display:none}
body.vantstep-refresh .vs-lead h2 {
  max-width:18ch;
  margin-bottom:16px;
  font:900 clamp(2.5rem,4vw,4.8rem)/1.03 Archivo,Arial,sans-serif;
  letter-spacing:-.06em;
  text-transform:none;
  text-wrap:balance;
  color:#fff;
}
body.vantstep-refresh .vs-lead h2 a:hover {color:var(--vs-lime)}
body.vantstep-refresh .vs-lead-deck {
  max-width:57ch;
  color:#d7dddf;
  font-size:1rem;
  line-height:1.54;
}
body.vantstep-refresh .vs-lead .vs-meta {color:#aab6c1}
body.vantstep-refresh .vs-lead .vs-read-link {
  display:inline-flex;
  align-items:center;gap:22px;
  color:#151f21;background:var(--vs-lime);
  padding:13px 18px;
  border:0;
  font:900 .74rem/1.3 Archivo,sans-serif;
  text-transform:uppercase;
  letter-spacing:.045em;
  margin-top:24px;
}
body.vantstep-refresh .vs-lead .vs-read-link:hover {background:#fff;color:#111b1e}
body.vantstep-refresh .vs-news-rail {
  padding:26px 23px 12px;
  border-top:0;
  border-left:4px solid var(--vs-lime);
  background:#161f28;
  box-shadow:none;
}
body.vantstep-refresh .vs-news-rail>h2 {
  color:#fff;
  font:900 1.25rem/1.25 Archivo,sans-serif;
  letter-spacing:-.04em;
  text-transform:uppercase;
  border-bottom:1px solid #40505a;
  padding-bottom:21px;
}
body.vantstep-refresh .vs-news-rail article {border-color:#35434c}
body.vantstep-refresh .vs-news-rail article:before {color:var(--vs-lime)}
body.vantstep-refresh .vs-news-rail .vs-meta {color:#9aaab3}
body.vantstep-refresh .vs-news-rail h3 {font-size:.91rem;line-height:1.5}
body.vantstep-refresh .vs-news-rail h3 a {color:#eef3f2}
body.vantstep-refresh .vs-news-rail h3 a:hover {color:var(--vs-lime)}

/* Generous, visual story grid with an assertive category system. */
body.vantstep-refresh .vs-home-section {padding-top:clamp(65px,7vw,106px)}
body.vantstep-refresh .vs-section-heading {
  border-bottom:1px solid #42515c;
  padding-bottom:23px;
  margin-bottom:28px;
}
body.vantstep-refresh .vs-section-heading h2 {
  color:#fff;
  font:900 clamp(2.1rem,3.4vw,3.6rem)/1.03 Archivo,sans-serif;
  letter-spacing:-.058em;
  text-transform:uppercase;
}
body.vantstep-refresh .vs-section-heading p {color:#9cabb7}
body.vantstep-refresh .vs-section-heading>a {
  color:#e8eded;border-color:var(--vs-lime);
}
body.vantstep-refresh .vs-section-heading>a:hover {color:var(--vs-lime);border-color:var(--vs-lime)}
body.vantstep-refresh .vs-card-grid {gap:23px}
body.vantstep-refresh .vs-news-card {
  border-top:1px solid #3e4d56;
  padding-top:13px;
  background:transparent;
}
body.vantstep-refresh .vs-card-image {aspect-ratio:1.4;background:#26343c;margin-bottom:20px}
body.vantstep-refresh .vs-news-card .vs-label {
  color:var(--vs-lime);
  font:900 .71rem/1.3 Archivo,sans-serif;
  letter-spacing:.13em;
}
body.vantstep-refresh .vs-news-card h3 {
  color:#fff;
  font:800 clamp(1.38rem,1.65vw,1.8rem)/1.18 Archivo,sans-serif;
  letter-spacing:-.04em;
}
body.vantstep-refresh .vs-news-card h3 a:hover {color:var(--vs-lime)}
body.vantstep-refresh .vs-card-deck {color:#adbac3}
body.vantstep-refresh .vs-news-card .vs-meta {color:#91a1aa}
body.vantstep-refresh .vs-selection .vs-card-grid {grid-template-columns:1.17fr 1fr 1fr}
body.vantstep-refresh .vs-selection .vs-news-card:first-child .vs-card-image {aspect-ratio:1.14}

/* Editorial feature as an intentional bone/light interlude. */
body.vantstep-refresh .vs-grand-angle {margin:clamp(60px,7vw,100px) 0 0}
body.vantstep-refresh .vs-grand-angle-heading {border-color:#53636d}
body.vantstep-refresh .vs-grand-angle-heading .vs-label {
  color:var(--vs-lime);font:900 .8rem/1.3 Archivo,sans-serif;
}
body.vantstep-refresh .vs-grand-angle-heading>span {color:#9cabb6}
body.vantstep-refresh .vs-grand-angle-body {
  grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  background:var(--vs-bone);
  border:0;
  min-height:450px;
}
body.vantstep-refresh .vs-grand-angle-copy {padding:clamp(32px,4vw,60px)}
body.vantstep-refresh .vs-grand-angle-image-mark {
  background:var(--vs-lime);
  color:#1c282b;
}
body.vantstep-refresh .vs-grand-angle-image-mark span {color:#465d22}
body.vantstep-refresh .vs-grand-angle-copy .vs-label {color:#566423}
body.vantstep-refresh .vs-grand-angle-copy h2 {
  font:900 clamp(2rem,3.1vw,3.25rem)/1.08 Archivo,sans-serif;
  letter-spacing:-.057em;
}
body.vantstep-refresh .vs-grand-angle-link {
  color:#161f22;background:var(--vs-lime);
}
body.vantstep-refresh .vs-grand-angle-link:hover {
  color:#fff;background:#17222b;
}

/* Discovery cards have their own deliberate hierarchy. */
body.vantstep-refresh .vs-discovery {
  margin-top:clamp(62px,8vw,100px);
  padding:clamp(30px,4vw,50px);
  background:#17222b;
  border:1px solid #37454f;
}
body.vantstep-refresh .vs-discovery-title .vs-label {color:var(--vs-lime)}
body.vantstep-refresh .vs-discovery-title h2 {
  color:#fff;
  font:900 clamp(2.05rem,3vw,3.1rem)/1.07 Archivo,sans-serif;
  letter-spacing:-.06em;
  text-transform:uppercase;
}
body.vantstep-refresh .vs-discovery-title>p:last-child {color:#a7b6be}
body.vantstep-refresh .vs-discovery-grid {gap:12px}
body.vantstep-refresh .vs-discovery-card {
  min-height:287px;
  background:#e9ece6;
  color:#17242a;
  border:0;
  padding:25px;
}
body.vantstep-refresh .vs-discovery-card:first-child {
  background:var(--vs-lime);color:#142124;
}
body.vantstep-refresh .vs-discovery-card:nth-child(2) {
  background:#263743;color:#fff;
}
body.vantstep-refresh .vs-discovery-card:nth-child(3) {
  background:#e7ebe7;color:#162229;
}
body.vantstep-refresh .vs-discovery-n,
body.vantstep-refresh .vs-discovery-card:nth-child(2) .vs-discovery-n {color:inherit;opacity:.73}
body.vantstep-refresh .vs-discovery-icon,
body.vantstep-refresh .vs-discovery-card:nth-child(2) .vs-discovery-icon {color:inherit}
body.vantstep-refresh .vs-discovery-card strong {
  font:900 clamp(1.65rem,2.1vw,2.4rem)/1.12 Archivo,sans-serif;
  letter-spacing:-.052em;
}
body.vantstep-refresh .vs-discovery-desc {color:#3d4c4b}
body.vantstep-refresh .vs-discovery-card:nth-child(2) .vs-discovery-desc {color:#c3cbd0}
body.vantstep-refresh .vs-discovery-cta,
body.vantstep-refresh .vs-discovery-card:nth-child(2) .vs-discovery-cta {
  color:inherit;border-color:currentColor;
}

/* Trust and utility — legible, confident, not artificial badges. */
body.vantstep-refresh .vs-promise {
  border-color:#34424d;
  padding:39px 7px;
}
body.vantstep-refresh .vs-promise-monogram {
  background:#22313a;
  color:var(--vs-lime);
  border-color:#46565e;
}
body.vantstep-refresh .vs-promise-eyebrow {color:var(--vs-lime)}
body.vantstep-refresh .vs-promise p {color:#a6b5bd}
body.vantstep-refresh .vs-promise-links a {
  color:#edf0ed;
  border-color:#5e6c72;
}
body.vantstep-refresh .vs-promise-links a:hover {
  color:var(--vs-lime);border-color:var(--vs-lime);
}
body.vantstep-refresh .vs-service-note {
  margin-top:46px;
  background:#e8ede6;
  color:#172229;
  padding:clamp(28px,3.4vw,43px);
}
body.vantstep-refresh .vs-service-note .vs-label {color:#536525}
body.vantstep-refresh .vs-service-note h2 {
  color:#172229;
  font:900 clamp(1.7rem,2.5vw,2.5rem)/1.12 Archivo,sans-serif;
  letter-spacing:-.05em;
}
body.vantstep-refresh .vs-service-note p:last-child {color:#516168}
body.vantstep-refresh .vs-service-note .vs-read-link {
  color:#101a1f;border-color:#101a1f;
}
body.vantstep-refresh .vs-service-note .vs-read-link:hover {
  background:#101a1f;border-color:#101a1f;color:#fff;
}

/* Consistent bottom editorial sign-off */
body.vantstep-refresh .vs-footer-light {
  background:#090d13;
  border-top:3px solid var(--vs-lime);
}
body.vantstep-refresh .vs-footer-brand img {
  border-radius:50%;
  background:#f7f6f2;padding:4px;
}
body.vantstep-refresh .vs-footer-nav h2 {color:var(--vs-lime)}
body.vantstep-refresh .vs-footer-light a:hover {color:var(--vs-lime)}

/* Special handling when entering light article/category pages below dark masthead */
body.vantstep-refresh:not(.home) .article-hero h1,
body.vantstep-refresh:not(.home) .archive-head h1 {color:var(--vs-ink)}
body.vantstep-refresh:not(.home) .article-body {color:var(--vs-text)}
body.vantstep-refresh :is(a,button):focus-visible {outline-color:#d1f45c}
@media(min-width:1300px) {
  body.vantstep-refresh .vs-lead h2 {font-size:4.35rem}
}
@media(max-width:1100px) {
  body.vantstep-refresh .vs-front-grid {grid-template-columns:minmax(0,1.4fr) minmax(255px,.8fr)}
  body.vantstep-refresh .vs-lead h2 {font-size:clamp(2.4rem,3.6vw,3.4rem)}
  body.vantstep-refresh .vs-lead {min-height:550px}
  body.vantstep-refresh .vs-lead-copy {padding:38px}
  body.vantstep-refresh .vs-news-rail {padding:22px 16px}
}
@media(max-width:960px) {
  body.vantstep-refresh .vs-front-grid {grid-template-columns:1fr}
  body.vantstep-refresh .vs-lead {min-height:540px}
  body.vantstep-refresh .vs-news-rail {border-left:0;border-top:4px solid var(--vs-lime);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}
  body.vantstep-refresh .vs-selection .vs-card-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  body.vantstep-refresh .vs-selection .vs-news-card:first-child .vs-card-image {aspect-ratio:1.4}
  body.vantstep-refresh .vs-discovery-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  body.vantstep-refresh .vs-discovery-card {padding:20px}
}
@media(max-width:720px) {
  body.vantstep-refresh .masthead-row {min-height:64px}
  body.vantstep-refresh .wordmark img {width:34px;height:34px;padding:3px}
  body.vantstep-refresh .wordmark b {font-size:1.1rem}
  body.vantstep-refresh .vs-home {padding:34px 0 56px}
  body.vantstep-refresh .vs-home-heading {display:block;margin-bottom:21px;padding-bottom:23px}
  body.vantstep-refresh .vs-home h1 {font-size:clamp(2.6rem,9.7vw,5rem);line-height:.95;letter-spacing:-.071em}
  body.vantstep-refresh .vs-home-heading .vs-home-summary {font-size:.92rem;margin-top:18px}
  body.vantstep-refresh .vs-home-heading>a {display:none}
  body.vantstep-refresh .vs-pathways-index {border-bottom-color:#33414a}
  body.vantstep-refresh .vs-pathways>a {border-color:#33414a;min-height:46px}
  body.vantstep-refresh .vs-lead {min-height:550px}
  body.vantstep-refresh .vs-lead-copy {padding:26px;max-width:none}
  body.vantstep-refresh .vs-lead-image {position:absolute;inset:0;aspect-ratio:auto;grid-row:auto}
  body.vantstep-refresh .vs-lead-image img {height:100%}
  body.vantstep-refresh .vs-lead h2 {font-size:clamp(2.08rem,8vw,3.5rem);max-width:20ch}
  body.vantstep-refresh .vs-lead-deck {font-size:.9rem}
  body.vantstep-refresh .vs-news-rail {display:block}
  body.vantstep-refresh .vs-section-heading h2 {font-size:2.1rem}
  body.vantstep-refresh .vs-card-grid,
  body.vantstep-refresh .vs-selection .vs-card-grid {grid-template-columns:1fr;gap:34px}
  body.vantstep-refresh .vs-news-card h3 {font-size:1.6rem}
  body.vantstep-refresh .vs-grand-angle-body {grid-template-columns:1fr}
  body.vantstep-refresh .vs-grand-angle-copy {padding:32px 26px}
  body.vantstep-refresh .vs-grand-angle-copy h2 {font-size:2.15rem}
  body.vantstep-refresh .vs-discovery {padding:29px 19px}
  body.vantstep-refresh .vs-discovery-title {display:block}
  body.vantstep-refresh .vs-discovery-title h2 {font-size:2rem}
  body.vantstep-refresh .vs-discovery-grid {grid-template-columns:1fr}
  body.vantstep-refresh .vs-discovery-card {min-height:213px;padding:22px}
  body.vantstep-refresh .vs-discovery-card strong {font-size:1.85rem;margin-top:28px}
  body.vantstep-refresh .vs-service-note {display:block}
  body.vantstep-refresh .vs-promise {grid-template-columns:50px minmax(0,1fr)}
  body.vantstep-refresh .vs-promise-links {grid-column:1/-1}
}
@media(max-width:400px) {
  body.vantstep-refresh .vs-home h1 {font-size:2.62rem}
  body.vantstep-refresh .vs-lead {min-height:550px}
  body.vantstep-refresh .vs-lead h2 {font-size:2.07rem}
  body.vantstep-refresh .vs-news-rail>h2 {font-size:1.18rem}
  body.vantstep-refresh .vs-grand-angle-copy h2 {font-size:1.85rem}
}
@media(prefers-reduced-motion:reduce) {
  body.vantstep-refresh :is(.vs-lead-image img,.vs-discovery-card,.vs-news-card img,.vs-pathways>a) {transition:none!important}
}

/* VANTSTEP polish: make imagery, motion and lime accents speak one language. */
body.vantstep-refresh .vs-home-heading-copy {flex:1 1 630px;max-width:830px}
body.vantstep-refresh .vs-home-aside {
  display:flex;
  flex:0 0 clamp(230px,28vw,360px);
  flex-direction:column;
  align-items:flex-end;
  gap:22px;
  min-width:0;
}
body.vantstep-refresh .vs-cover-mosaic {
  display:grid;
  width:100%;
  grid-template-columns:1fr .82fr;
  align-items:center;
  gap:12px;
  padding:4px 0 6px;
}
body.vantstep-refresh .vs-cover-tile {
  display:block;
  position:relative;
  aspect-ratio:1.06;
  min-width:0;
  overflow:hidden;
  border:1px solid #4b565e;
  background:#26313b;
  box-shadow:0 15px 32px rgba(0,0,0,.14);
  transform:translateZ(0);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;
}
body.vantstep-refresh .vs-cover-tile:nth-child(2) {
  aspect-ratio:.88;
  transform:translateY(20px);
}
body.vantstep-refresh .vs-cover-tile img {
  display:block;
  width:100%;height:100%;
  object-fit:cover;
  filter:saturate(.78) contrast(1.04);
  transition:transform .6s,filter .5s;
}
body.vantstep-refresh .vs-cover-tile:after {
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(5,12,16,.78),transparent 58%);
  pointer-events:none;
}
body.vantstep-refresh .vs-cover-tile span {
  position:absolute;left:14px;bottom:12px;z-index:2;
  color:#f7f8f3;
  font:900 .64rem/1.2 Archivo,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
body.vantstep-refresh .vs-cover-tile:hover,
body.vantstep-refresh .vs-cover-tile:nth-child(2):hover {
  transform:translateY(-5px);
  box-shadow:0 18px 38px rgba(0,0,0,.25);
}
body.vantstep-refresh .vs-cover-tile:hover img {
  transform:scale(1.075);
  filter:saturate(1.03);
}
body.vantstep-refresh .vs-home-explore {
  display:inline-flex;
  align-items:center;gap:12px;
  color:var(--vs-lime);
  border-bottom:1px solid #65743f;
  padding-bottom:8px;
  font:900 .69rem/1.3 Archivo,sans-serif;
  letter-spacing:.085em;
  text-decoration:none;
  text-transform:uppercase;
}
body.vantstep-refresh .vs-home-explore:hover {
  color:#fff;border-color:#fff;
}
body.vantstep-refresh .vs-home-explore span {font-size:1.05rem}

/* First real-news photograph in the compact editorial rail */
body.vantstep-refresh .vs-rail-image {
  display:block;
  width:100%;
  aspect-ratio:2.45;
  margin:0 0 15px;
  overflow:hidden;
  background:#2c3c44;
}
body.vantstep-refresh .vs-rail-image img {
  display:block;
  width:100%;height:100%;
  object-fit:cover;
  filter:saturate(.85);
  transition:transform .45s ease,filter .35s;
}
body.vantstep-refresh .vs-rail-image:hover img {
  transform:scale(1.06);filter:saturate(1.04);
}
body.vantstep-refresh .vs-news-rail .vs-meta span {
  color:#adbcc4;
}
body.vantstep-refresh .vs-news-rail article:first-of-type .vs-meta span {
  color:var(--vs-lime);
}
body.vantstep-refresh .vs-news-rail article:first-of-type {padding-top:17px}
body.vantstep-refresh .vs-news-rail article:first-of-type:before {top:18px}

/* Category palette consistency across every homepage surface */
body.vantstep-refresh .vs-home .vs-label {letter-spacing:.13em}
body.vantstep-refresh .vs-home .vs-lead .vs-label {
  color:#152025;background:var(--vs-lime);
}
body.vantstep-refresh .vs-home .vs-section-heading h2,
body.vantstep-refresh .vs-home .vs-news-card h3 {text-wrap:balance}
body.vantstep-refresh .vs-home .vs-news-card .vs-label {color:var(--vs-lime)}
body.vantstep-refresh .vs-home .vs-discovery-title .vs-label {color:var(--vs-lime)}
body.vantstep-refresh .vs-home .vs-grand-angle-copy .vs-label {color:#5e692b}
body.vantstep-refresh .vs-home .vs-promise-eyebrow {color:var(--vs-lime)}
body.vantstep-refresh .vs-home .vs-service-note .vs-label {color:#59692e}
body.vantstep-refresh .vs-home .vs-grand-angle-image-mark {background:var(--vs-lime)}
body.vantstep-refresh .vs-home .vs-grand-angle-link {background:var(--vs-lime)}

/* Expressive but restrained pictograms — never a substitute for labels. */
body.vantstep-refresh .vs-discovery-icon {
  display:flex;align-items:center;justify-content:center;
  top:18px;right:19px;width:55px;height:55px;
  border:1px solid rgba(15,24,26,.18);
  border-radius:50%;
  background:rgba(15,24,26,.055);
  font-size:1.7rem;line-height:1;
  filter:grayscale(.92);
  opacity:.9;
  transition:filter .3s ease,transform .3s ease,background .3s ease;
}
body.vantstep-refresh .vs-discovery-card:nth-child(2) .vs-discovery-icon {
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.2);
}
body.vantstep-refresh .vs-discovery-card:hover .vs-discovery-icon {
  filter:grayscale(0);transform:rotate(-8deg) scale(1.065);opacity:1;
}
body.vantstep-refresh .vs-discovery-card strong {max-width:21ch}

/* Content entrance, progressive enhancement: without JS everything remains visible. */
@keyframes vs-cover-enter {
  from {opacity:0;transform:translateY(14px)}
  to {opacity:1;transform:translateY(0)}
}
body.vantstep-refresh .vs-home-heading-copy {
  animation:vs-cover-enter .75s cubic-bezier(.2,.65,.2,1) both;
}
body.vantstep-refresh .vs-cover-mosaic {
  animation:vs-cover-enter .9s .17s cubic-bezier(.2,.65,.2,1) both;
}
body.vantstep-refresh .vs-home .vs-entrance {
  opacity:0;
  transform:translateY(19px);
  transition:opacity .7s ease, transform .7s cubic-bezier(.2,.65,.2,1);
}
body.vantstep-refresh .vs-home .vs-entrance.vs-is-visible {
  opacity:1;transform:none;
}
body.vantstep-refresh .vs-home .vs-entrance:nth-child(2n) {transition-delay:80ms}
body.vantstep-refresh .vs-home .vs-entrance:nth-child(3n) {transition-delay:130ms}

/* Responsive cover: images keep their role instead of becoming background clutter */
@media(max-width:1060px) {
  body.vantstep-refresh .vs-home-heading-copy {flex-basis:560px}
  body.vantstep-refresh .vs-home-aside {flex-basis:245px}
  body.vantstep-refresh .vs-cover-mosaic {gap:8px}
}
@media(max-width:720px) {
  body.vantstep-refresh .vs-home-heading-copy {max-width:none}
  body.vantstep-refresh .vs-home-aside {
    width:100%;
    flex-basis:auto;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:25px;
  }
  body.vantstep-refresh .vs-cover-mosaic {
    width:min(58vw,280px);
    grid-template-columns:1fr 1fr;
    gap:8px;padding:0;
  }
  body.vantstep-refresh .vs-cover-tile,
  body.vantstep-refresh .vs-cover-tile:nth-child(2) {
    aspect-ratio:1.15;
    transform:none;
  }
  body.vantstep-refresh .vs-cover-tile span {font-size:.5rem;left:8px;bottom:8px}
  body.vantstep-refresh .vs-home-explore {font-size:.62rem;max-width:125px}
  body.vantstep-refresh .vs-rail-image {max-width:none;aspect-ratio:3}
  body.vantstep-refresh .vs-discovery-icon {
    width:48px;height:48px;font-size:1.45rem;
  }
}
@media(max-width:390px) {
  body.vantstep-refresh .vs-cover-mosaic {width:57vw}
  body.vantstep-refresh .vs-home-aside {gap:8px}
  body.vantstep-refresh .vs-home-explore {font-size:.57rem}
}
@media(prefers-reduced-motion:reduce) {
  body.vantstep-refresh .vs-home :is(.vs-home-heading-copy,.vs-cover-mosaic) {animation:none!important}
  body.vantstep-refresh .vs-home .vs-entrance {opacity:1!important;transform:none!important;transition:none!important}
  body.vantstep-refresh .vs-home :is(.vs-cover-tile,.vs-cover-tile img,.vs-rail-image img,.vs-discovery-icon) {transition:none!important}
}
