/* WOLF – slider controls matched to reference, without changing hero text/photo layout. */
.hero-slider { isolation:isolate; }
.hero-slider::after {
  content:""; position:absolute;left:0;right:0;bottom:0;height:142px;
  z-index:3;pointer-events:none;
  background:linear-gradient(to bottom,rgba(10,19,18,0),rgba(7,18,16,.44) 25%,rgba(7,17,17,.80) 100%);
}
.hero-slider .hero-controls {
  width:min(1600px, calc(100% - 112px));max-width:none;
  display:flex;align-items:center;justify-content:space-between;
  left:0;right:0;bottom:29px;gap:28px;z-index:5;
  color:#fff;min-height:54px;pointer-events:auto;
}
.hero-progress-group {display:flex;align-items:center;gap:28px;min-width:0;flex-shrink:0;}
.hero-count {display:flex;align-items:baseline;gap:8px;white-space:nowrap;color:#fff;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:.02em;}
.hero-count strong {font-size:24px;font-weight:800;}
.hero-count span {font-size:13px;font-weight:600;letter-spacing:.15em;color:#e6e8e6;}
.hero-slider .hero-tabs {display:flex;gap:9px;align-items:center;background:transparent;border:0;box-shadow:none;padding:0;margin:0;}
.hero-slider .hero-tab {width:48px;min-width:0;max-width:none;border:0;padding:12px 0;display:block;background:transparent;border-radius:0;color:#fff;}
.hero-slider .hero-tab-track {display:block;width:100%;height:4px;margin:0;border:0;border-radius:0;background:#ffffff69;overflow:hidden;}
.hero-slider .hero-tab-fill {display:block;height:100%;width:100%;background:var(--lime,#9bc94b);transform-origin:left center;}
.hero-slider .hero-tab:hover .hero-tab-track,.hero-slider .hero-tab:focus-visible .hero-tab-track {background:#ffffffb0;}
.hero-actions {display:flex;align-items:center;justify-content:flex-end;gap:37px;min-width:0;}
.hero-discover {display:inline-flex;align-items:center;gap:19px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.10em;white-space:nowrap;line-height:1.3;transition:color .2s ease;}
.hero-discover svg {width:22px;height:22px;transition:transform .25s ease;}
.hero-discover:hover{color:#d5eab7;}
.hero-discover:hover svg{transform:translateY(4px);}
.hero-slider .hero-navigation {display:flex;align-items:center;gap:10px;padding:0;box-shadow:none;background:transparent;border:0;border-radius:0;}
.hero-slider .hero-control {height:53px;width:53px;display:grid;place-items:center;padding:0;border:1px solid #ffffffa6;border-radius:2px;color:#fff;background:#ffffff12;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .18s,border-color .18s,color .18s;}
.hero-slider .hero-control:hover{background:#ffffff36;border-color:#fff;color:#fff;}
.hero-slider .hero-control .icon {width:19px;height:19px;}
.hero-slider .hero-prev>.icon{transform:none;}
.hero-slider .hero-control .pause-icon {display:block;}
.hero-slider .hero-control .play-icon {display:none;}
.hero-slider.is-paused .hero-control .pause-icon {display:none;}
.hero-slider.is-paused .hero-control .play-icon {display:block;}
.hero-slider .hero-controls :is(a,button):focus-visible {outline:3px solid #c5ef85;outline-offset:4px;}
@media(max-width:920px){
  .hero-slider .hero-controls {width:calc(100% - 50px);bottom:20px;gap:15px;}
  .hero-progress-group {gap:15px;}
  .hero-slider .hero-tab {width:31px;}
  .hero-actions {gap:20px;}
  .hero-slider .hero-control {width:43px;height:43px;}
  .hero-discover {font-size:11px;gap:9px;}
}
@media(max-width:700px){
  .hero-slider::after {height:205px;background:linear-gradient(to bottom,transparent,rgba(6,17,15,.69) 38%,rgba(5,17,14,.93));}
  .hero-slider .hero-controls {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:6px;bottom:10px;width:calc(100% - 28px);min-height:0;}
  .hero-progress-group {grid-column:1;grid-row:1;gap:11px;}
  .hero-count strong {font-size:19px;}
  .hero-count span {font-size:10px;}
  .hero-slider .hero-tabs {display:flex;grid-template-columns:none;gap:5px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;order:unset;}
  .hero-slider .hero-tab {width:24px;min-width:0;max-width:none;padding:12px 0;}
  .hero-slider .hero-tab-track {margin:0;height:3px;}
  .hero-actions {display:contents;}
  .hero-slider .hero-navigation {grid-column:2;grid-row:1;justify-self:end;order:unset;gap:5px;background:transparent;border:0;border-radius:0;padding:0;}
  .hero-slider .hero-control {width:37px;height:37px;}
  .hero-slider .hero-control .icon {width:16px;height:16px;}
  .hero-discover {grid-column:1 / -1;grid-row:2;justify-self:center;display:inline-flex;font-size:11px;letter-spacing:.08em;gap:10px;min-height:33px;}
  .hero-discover svg {width:16px;height:16px;}
}
@media(max-width:370px){.hero-progress-group{gap:7px}.hero-slider .hero-tab{width:19px}.hero-slider .hero-control{width:33px;height:33px}.hero-slider .hero-tabs{gap:4px}.hero-count strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero-discover,.hero-discover svg{transition:none}}