:root {
  --et-slider-side: clamp(340px, 28vw, 480px);
  --et-slider-gutter: clamp(16px, 2.6vw, 40px);

  --et-hero-height-min: 420px;
  --et-hero-height-vh: 50vh;
  --et-hero-height-max: 700px;
}

@media (min-width:1400px){
  :root { --et-hero-height-vh: 46vh; }
}
@media (min-width:1600px){
  :root { --et-hero-height-vh: 44vh; }
}
@media (min-width:1800px){
  :root { --et-hero-height-vh: 40vh; }
}

.et-container-slider { position:relative; margin-top:10px; z-index:0; }
@media (max-width:991.98px){
  .et-container-slider {
    width:100vw; margin-left:50%; transform:translateX(-50%);
    padding:0; margin-top:0; background:#000;
  }
}

.et-hero-glide { position:relative; }
@media (max-width:991.98px){
  .et-hero-glide {
    display:grid;
    grid-template-rows:1fr auto;
    height:100vh;
    height:100svh;
  }
}

.et-hero-box { position:relative; border-radius:14px; overflow:hidden; }
@media (max-width:991.98px){
  .et-hero-box { border-radius:0; background:#000; }
  .et-hero-box .glide__track,
  .et-hero-box .glide__slides,
  .et-hero-box .glide__slide,
  .et-hero-box .et-image { height:100%; }

  /* Ensure picture>img fills like the plain img selector */
  .et-hero-box .et-image > img.img-fit,
  .et-hero-box .et-image picture > img.img-fit,
  .et-hero-box .et-image > .et-img-placeholder {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  .et-hero-chips { grid-row:2/3; }
}

.et-glide .img-fit,
.et-img-placeholder {
  width:100%;
  height:clamp(var(--et-hero-height-min), var(--et-hero-height-vh), var(--et-hero-height-max));
  object-fit:cover;
  object-position:center;
  display:block;
}
.et-image { position:relative; margin:0; }
.et-img-placeholder { background:linear-gradient(180deg,#e9eefc,#c9d6ff); }

/* Full-slide overlay link */
.et-image .et-slide-link {
  position:absolute;
  inset:0;
  z-index:3;
  text-indent:-9999px;
  overflow:hidden;
}

/* Gradient overlay */
.et-image::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,0.55) 75%,rgba(0,0,0,0.78) 100%);
  z-index:1;
}
@media (max-width:991.98px){
  .et-image::after {
    background:linear-gradient(180deg,rgba(0,0,0,0) 12%,rgba(0,0,0,0.65) 66%,rgba(0,0,0,0.95) 100%);
  }
}

.et-hero-box a,
.et-hero-box .title,
.et-hero-box .title a { text-decoration:none !important; box-shadow:none !important; }

.et-page-content {
  position:absolute;
  left:clamp(16px,3vw,40px);
  right:clamp(16px,3vw,40px);
  bottom:clamp(16px,3vw,40px);
  color:#fff;
  z-index:2; /* below the overlay link (z-index:3) so clicks go through */
  will-change:opacity, transform;
}
.glide__slide .et-page-content {
  opacity:0; transform:translateY(10px); visibility:hidden; pointer-events:none;
  transition:opacity .32s ease, transform .32s ease, visibility 0s linear .32s;
}
.glide__slide.glide__slide--active .et-page-content {
  opacity:1; transform:none; visibility:visible; pointer-events:auto;
  transition:opacity .36s ease, transform .36s ease;
}
.glide__slide .et-page-content .et-pills,
.glide__slide .et-page-content .title {
  opacity:0; transform:translateY(6px);
  transition:opacity .28s ease, transform .28s ease;
}
.glide__slide.glide__slide--active .et-page-content .et-pills { opacity:1; transform:none; transition-delay:.05s; }
.glide__slide.glide__slide--active .et-page-content .title  { opacity:1; transform:none; transition-delay:.11s; }

@media (prefers-reduced-motion:reduce){
  .glide__slide .et-page-content,
  .glide__slide .et-page-content .et-pills,
  .glide__slide .et-page-content .title {
    transition:none !important; opacity:1 !important; transform:none !important; visibility:visible !important;
  }
}

.et-page-content .title {
  margin:12px 0 12px;
  font-weight:800;
  font-size:clamp(26px,4.4vw,52px);
  line-height:1.07;
  color:#fff;
}
@media (max-width:991.98px){
  .et-page-content .title { font-size:clamp(20px,6vw,34px); margin:14px 0 10px; }
}
@media (min-width:992px){
  .et-page-content .title { display:none !important; }
}

.et-pills { display:flex; gap:8px; flex-wrap:wrap; }
.et-pill {
  display:inline-flex; align-items:center;
  height:30px; padding:0 12px;
  font-weight:700; font-size:13px; line-height:1;
  border-radius:999px; white-space:nowrap;
}
@media (max-width:991.98px){
  .et-pill { height:28px; font-size:12px; }
}
.et-pill.is-primary { background:#FF9C23; color:#fff; }
.et-pill.is-white   { background:#fff;    color:#111; }

.et-pill-group { display:inline-flex; border-radius:999px; overflow:hidden; isolation:isolate; }
.et-pill-group .et-pill { border-radius:0; margin:0; padding:0 20px; }
@media (max-width:991.98px){
  .et-pill-group .et-pill { padding:0 18px; }
}
.et-pill-group .et-pill.is-left  { border-radius:99px 0 0 99px; white-space:normal; text-align:left; }
.et-pill-group .et-pill.is-right { border-radius:0 99px 99px 0; }

.et-glide-overlay {
  position:absolute; inset:0;
  display:grid;
  grid-template-columns:1fr minmax(340px,var(--et-slider-side));
  pointer-events:none;
  z-index:20;
  height:100%;
}
@media (max-width:991.98px){
  .et-glide-overlay { grid-template-columns:1fr; }
}

.et-glide-timer { position:absolute; top:16px; left:16px; z-index:21; }
.et-glide-timer .meter-bg { fill:none; stroke:rgba(255,156,35,0.35); stroke-width:3; }
.et-glide-timer .meter {
  fill:none; stroke:#FF9C23; stroke-width:3;
  transform:rotate(-90deg); transform-origin:50% 50%;
  stroke-linecap:round;
  stroke-dasharray:113.097; stroke-dashoffset:113.097;
  transition:stroke-dashoffset linear;
}

.et-page-list { grid-column:2/3; display:flex; justify-content:flex-end; pointer-events:auto; }
@media (max-width:991.98px){ .et-page-list { display:none; } }

.et-page-list-container {
  background:rgba(8,8,8,0.55);
  backdrop-filter:blur(4px);
  width:100%; max-width:480px;
  height:100%;
  border-radius:0 14px 14px 0;
  border:1px solid rgba(255,255,255,0.08);
  padding:8px 0;
  box-shadow:0 12px 24px rgba(0,0,0,0.25);
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,0.3) transparent;
  scroll-behavior:smooth;
}
.et-page-list-container::-webkit-scrollbar { width:8px; }
.et-page-list-container::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.3); border-radius:8px; }

.et-page-list-container.is-equalize { overflow-y:hidden; }
.et-page-list-container.is-equalize .et-page-item {
  flex:1 1 0;
  display:flex;
  flex-direction:column;
}
.et-page-list-container.is-equalize .et-page-item .title {
  flex:1 1 auto;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
}

.et-page-item {
  display:block;
  color:#EDEDED;
  text-decoration:none;
  padding:12px 14px 12px 18px;
  position:relative;
  border-bottom:1px solid rgba(255,255,255,0.08);
  transition:background .2s ease, color .2s ease;
}
.et-page-item:last-child { border-bottom:0; }
.et-page-item:hover { background:rgba(255,255,255,0.06); color:#fff; }

.et-page-item .et-tag {
  display:inline-block;
  font-size:10px;
  line-height:1;
  letter-spacing:.02em;
  text-transform:uppercase;
  font-weight:800;
  color:#fff;
  background:#FF9C23;
  padding:5px 8px;
  border-radius:10px;
  white-space:normal;
}

.et-page-item .title {
  margin:6px 0 0;
  font-size:18px;
  line-height:1.22;
  color:inherit;
  word-break:break-word;
}
.et-page-item.is-active .title { font-size:20px; font-weight:700; }
.et-page-item.is-active {
  background:rgba(0,0,0,0.85);
  color:#fff;
}
.et-page-item.is-active::before {
  content:""; position:absolute; left:0; top:10px; bottom:10px;
  width:8px; background:#FF9C23;
  border-top-right-radius:8px; border-bottom-right-radius:8px;
}

.et-hero-bullets-wrapper {
  display:flex;
  justify-content:center;
  margin-top:18px;
}
@media (max-width:991.98px){
  .et-hero-bullets-wrapper { display:none; }
}
.et-hero-bullets { display:flex; gap:10px; }
.et-hero-bullets .glide__bullet {
  width:10px; height:10px;
  border-radius:50%;
  background:#B9C9F5;
  border:none; padding:0;
  cursor:pointer;
  transition:background-color .15s ease, transform .15s ease;
}
.et-hero-bullets .glide__bullet:hover { transform:scale(1.08); }
.et-hero-bullets .glide__bullet.glide__bullet--active,
.et-hero-bullets .glide__bullet[aria-current="true"] {
  background:#5B80E7; transform:scale(1.25);
}

.et-hero-chips {
  display:none; margin-top:12px;
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  padding:6px 12px calc(10px + env(safe-area-inset-bottom));
  gap:14px; scroll-behavior:smooth;
}
@media (max-width:991.98px){
  .et-hero-chips {
    display:flex; flex:0 0 auto;
    background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.15));
  }
}
.et-hero-chips::-webkit-scrollbar { height:8px; }
.et-hero-chips::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.2); border-radius:10px; }

.et-mcard {
  -webkit-appearance:none; appearance:none; border:0;
  flex:0 0 86vw; position:relative;
  background:#0f0f10; color:#fff; border-radius:12px;
  padding:12px 14px 14px 18px;
  border:1px solid rgba(255,255,255,0.08);
  display:grid; row-gap:8px;
  min-height:72px; text-align:left; cursor:pointer;
  transition:border-color .2s, background-color .2s, transform .15s, box-shadow .2s;
}
.et-mcard:hover,
.et-mcard:focus-visible { transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,0.25); border-color:rgba(255,255,255,0.18); }
.et-mcard::before {
  content:""; position:absolute; left:0; top:8px; bottom:8px;
  width:6px; background:#FF9C23; border-radius:6px;
}
.et-mcard .et-tag {
  font-size:11px; font-weight:800;
  background:#fff; color:#111;
  padding:6px 10px; border-radius:10px;
  max-width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.et-mcard .et-mcard-title {
  font-size:16px; line-height:1.25; font-weight:700;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.et-mcard.is-active { background:#111116; border-color:#FF9C23; }

.et-hero-box .glide__track { position:relative; z-index:1; height:100%; }
.glide__slides { position:relative; z-index:1; transition-timing-function:cubic-bezier(0.165,0.84,0.44,1)!important; }

@media (min-width:992px){
  .et-hero-box .et-page-content {
    left:var(--et-slider-gutter) !important;
    right:calc(var(--et-slider-side-runtime, var(--et-slider-side)) + var(--et-slider-gutter)) !important;
    max-width:calc(100% - var(--et-slider-side-runtime, var(--et-slider-side)) - (2 * var(--et-slider-gutter)));
  }
  .et-hero-box .et-page-content .title { overflow-wrap:anywhere; hyphens:auto; }
}

@media (max-width: 991.98px) {
  .et-page-content .et-pills {
    display: none !important;
  }

  .et-page-content .title,
  .et-page-content .title.is-1.has-text-bold.has-text-white {
    display: none !important;
  }
}