/*
  Euroasia featured slider
  - Fixed 462px height on desktop
  - Image area takes two thirds, text panel one third
  - Smooth fade/translate transitions
  - White thicker arrow controls only
*/

.euroasia-feature-slider,
.euroasia-feature-slider * {
  box-sizing: border-box;
}

.euroasia-feature-slider {
  width: 100%;
  margin-left: 0;
  padding: 0;
  background: var(--euroasia-white);
}

.euroasia-feature-slider .feature-slider-inner {
  width: 100%;
  margin: 0;
}

.euroasia-feature-slider .feature-slider-shell {
  position: relative;
  height: 550px;
  overflow: hidden;
  border-radius: 0;
  background: var(--euroasia-nav-blue);
  box-shadow: 0 28px 56px rgba(19, 56, 83, 0.14);
}

.euroasia-feature-slider .feature-slide {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 1fr 2fr;
  opacity: 0;
  pointer-events: none;
  transform: translateX(34px);
  transition:
    opacity 700ms ease,
    transform 700ms ease;
}

.euroasia-feature-slider .feature-slide.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
  z-index: 2;
}

.euroasia-feature-slider .feature-slide-media {
  order: 2;
  position: relative;
  overflow: hidden;
}

.euroasia-feature-slider .feature-slide-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.euroasia-feature-slider .feature-slide-media::after {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 26%;
  height: 100%;
  background: none;
  pointer-events: none;
  display: none;
}

.euroasia-feature-slider .feature-slide-copy {
  order: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 42px 42px 40px 96px;
  color: var(--euroasia-white);
  background: linear-gradient(90deg, var(--euroasia-nav-blue) 0%, #1A4A89 55%, #24579B 100%);
  overflow: hidden;
  isolation: isolate;
}

.euroasia-feature-slider .feature-slide-copy::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20700%22%20fill%3D%22none%22%3E%0A%20%20%3Cg%20stroke%3D%22rgba%28255%2C255%2C255%2C0.24%29%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M92%20268c26-38%2078-79%20128-92%2052-14%2088%2011%20114%2043%2034%2041%2090%2037%20122%2066%2025%2022%2028%2050%2010%2078-16%2026-51%2050-92%2058-48%2010-95%207-132-16-43-28-78-29-113-62-28-27-48-51-52-75-5-30%201-53%2015-70Z%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M426%20212c24-19%2059-31%2089-27%2032%205%2062%2028%2079%2049%2017%2021%2055%2029%2085%2038%2034%2010%2060%2030%2070%2059%2012%2036-5%2073-40%2098-33%2024-75%2034-120%2035-53%202-98-13-131-40-28-23-53-51-60-83-6-29%200-58%2028-84Z%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M777%20174c43-18%2090-15%20121%207%2025%2018%2039%2042%2069%2057%2033%2016%2067%2010%20100%2025%2040%2019%2063%2057%2059%2096-4%2042-34%2072-79%2090-51%2021-114%2026-164%2013-51-13-94-41-117-81-21-37-26-81-9-121%2013-30%2042-64%2084-86Z%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M864%20466c20-21%2055-39%2089-39%2037%200%2075%2021%2084%2049%208%2026-10%2054-36%2071-31%2021-80%2032-121%2021-37-10-59-41-49-70%206-16%2014-22%2033-32Z%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M985%20198c23-11%2047-11%2066-2%2014%208%2021%2021%2024%2035%203%2017-2%2030-14%2040-16%2013-40%2018-64%2011-20-6-36-22-38-39-3-21%207-35%2026-45Z%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M667%20496c16-10%2036-13%2054-9%2018%205%2035%2016%2039%2031%204%2014-4%2027-17%2037-17%2014-42%2023-64%2019-21-5-39-23-40-41-1-15%2010-27%2028-37Z%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20opacity%3D%220.2%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M95%20319h1010%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-dasharray%3D%225%2010%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M224%20132v436M489%20109v463M734%20102v476M979%20118v448%22%20stroke%3D%22white%22%20stroke-width%3D%221.2%22%20stroke-dasharray%3D%224%2012%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill%3D%22white%22%20opacity%3D%220.18%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22334%22%20cy%3D%22298%22%20r%3D%225%22/%3E%3Ccircle%20cx%3D%22586%22%20cy%3D%22267%22%20r%3D%225%22/%3E%3Ccircle%20cx%3D%22902%22%20cy%3D%22279%22%20r%3D%225%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22739%22%20cy%3D%22510%22%20r%3D%225%22/%3E%3Ccircle%20cx%3D%221016%22%20cy%3D%22222%22%20r%3D%225%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 135% auto;
  opacity: 0.34;
  pointer-events: none;
  z-index: 0;
}

.euroasia-feature-slider .feature-slide-copy::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -80px;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0) 70%);
  pointer-events: none;
  z-index: 0;
}

.euroasia-feature-slider .feature-kicker {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0 0 16px;
  color: rgba(255,255,255,0.84);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.euroasia-feature-slider .feature-slide-copy h2 {
  position: relative;
  z-index: 1;
  margin: 0 0 14px;
  color: var(--euroasia-white);
  font-size: clamp(28px, 2.4vw, 36px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.euroasia-feature-slider .feature-slide-copy p {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 320px;
  color: rgba(255,255,255,0.9);
  font-size: 14px;
  line-height: 1.75;
}

.euroasia-feature-slider .feature-meta {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.18);
}

.euroasia-feature-slider .feature-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
  color: var(--euroasia-white);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.euroasia-feature-slider .feature-arrow {
  position: absolute;
  top: 50%;
  z-index: 4;
  width: 56px;
  height: 56px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(10, 32, 47, 0.16);
  color: var(--euroasia-white);
  cursor: pointer;
  transition: background 180ms ease, transform 180ms ease;
  backdrop-filter: blur(4px);
}

.euroasia-feature-slider .feature-arrow:hover {
  background: rgba(10, 32, 47, 0.28);
}

.euroasia-feature-slider .feature-arrow:active {
  transform: translateY(-50%) scale(0.97);
}

.euroasia-feature-slider .feature-arrow svg {
  width: 28px;
  height: 28px;
  stroke: currentColor;
  stroke-width: 3.3;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.euroasia-feature-slider .feature-arrow.prev {
  left: 18px;
}

.euroasia-feature-slider .feature-arrow.next {
  right: 18px;
}

@media (max-width: 980px) {
  .euroasia-feature-slider .feature-slide-media {
    order: initial;
  }

  .euroasia-feature-slider .feature-slide-copy {
    order: initial;
  }

  .euroasia-feature-slider .feature-slider-shell {
    height: auto;
    min-height: 550px;
  }

  .euroasia-feature-slider .feature-slide {
    grid-template-columns: 1fr;
  }

  .euroasia-feature-slider .feature-slide-media {
    min-height: 280px;
  }

  .euroasia-feature-slider .feature-slide-media::after {
    width: 100%;
    height: 35%;
    top: auto;
    bottom: -1px;
    right: 0;
    background: linear-gradient(180deg, rgba(20,60,114,0), rgba(20,60,114,0.96) 100%);
  }

  .euroasia-feature-slider .feature-slide-copy {
    min-height: 182px;
    padding: 30px 28px 28px;
  }

  .euroasia-feature-slider .feature-slide-copy::before {
    display: none;
  }
}

@media (max-width: 640px) {
  .euroasia-feature-slider {
    padding: 24px 16px 8px;
  }

  .euroasia-feature-slider .feature-slider-shell {
    min-height: 420px;
    border-radius: 0;
  }

  .euroasia-feature-slider .feature-slide-media {
    min-height: 228px;
  }

  .euroasia-feature-slider .feature-slide-copy h2 {
    margin-top: 12px;
    font-size: 26px;
  }

  .euroasia-feature-slider .feature-slide-copy p {
    font-size: 13px;
    line-height: 1.65;
  }

  .euroasia-feature-slider .feature-arrow {
    width: 48px;
    height: 48px;
  }

  .euroasia-feature-slider .feature-arrow svg {
    width: 24px;
    height: 24px;
    stroke-width: 3.5;
  }

  .euroasia-feature-slider .feature-arrow.prev {
    left: 12px;
  }

  .euroasia-feature-slider .feature-arrow.next {
    right: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .euroasia-feature-slider .feature-slide,
  .euroasia-feature-slider .feature-arrow {
    transition: none;
  }
}


.euroasia-feature-slider .feature-slide-copy p {
  max-width: 350px;
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1.72;
  letter-spacing: .025em;
}