:root{
    --navy:#1c2536;
    --navy-dark:#12182a;
    --gold:#922d27;
    --gold-light:#f0c85c;
    --white:#ffffff;
  }

.slider-section-sr{
    position:relative;
    width:100%;
    height:100vh;
    min-height:420px;
    max-height:900px;
    overflow:hidden;
    background:var(--navy-dark);
  }

  .slider-section-sr .slides-track{
    position:relative;
    width:100%;
    height:100%;
  }

  .slider-section-sr .slide{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    transition:opacity 1s ease-in-out;
    z-index:1;
  }

  .slider-section-sr .slide.active{
    opacity:1;
    visibility:visible;
    z-index:2;
  }

  .slider-section-sr .slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
  }

  .slider-section-sr .slide-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(18,24,42,.35) 0%, rgba(18,24,42,.55) 55%, rgba(18,24,42,.85) 100%);
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding:0 6%;
  }

  .slider-section-sr .slide-eyebrow{
    color:var(--gold-light);
    font-family:'Segoe UI', Arial, sans-serif;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:.85rem;
    font-weight:600;
    margin-bottom:14px;
    opacity:0;
    transform:translateY(20px);
  }

  .slider-section-sr .slide.active .slide-eyebrow{
    animation:srFadeUp .8s ease .3s forwards;
  }

  .slider-section-sr h1{
    color:var(--white);
    font-size:clamp(2rem, 5vw, 4rem);
    font-weight:700;
    line-height:1.15;
    max-width:820px;
    text-shadow:0 4px 24px rgba(0,0,0,.5);
    opacity:0;
    transform:translateY(30px);
  }

  .slider-section-sr .slide.active h1{
    animation:srFadeUp .9s ease .45s forwards;
  }

  .slider-section-sr .slide-desc{
    color:#e7e7e7;
    font-family:'Segoe UI', Arial, sans-serif;
    font-size: 18px;
    max-width:560px;
    margin-top:18px;
    line-height:1.6;
    opacity:0;
    transform:translateY(30px);
  }

  .slider-section-sr .slide.active .slide-desc{
    animation:srFadeUp .9s ease .6s forwards;
  }

  .slider-section-sr .slide-btn{
    margin-top:30px;
    display:inline-block;
    background:var(--gold);
    color:white;
    font-family:'Segoe UI', Arial, sans-serif;
    font-weight:700;
    padding:14px 32px;
    border-radius:2px;
    text-decoration:none;
    letter-spacing:.5px;
    font-size:.95rem;
    width:fit-content;
    opacity:0;
    transform:translateY(30px);
    transition:background .3s ease, transform .3s ease;
  }

  .slider-section-sr .slide.active .slide-btn{
    animation:srFadeUp .9s ease .75s forwards;
  }

  .slider-section-sr .slide-btn:hover{
    background:var(--gold-light);
  }

  @keyframes srFadeUp{
    to{opacity:1; transform:translateY(0);}
  }

  /* Arrows */
  .slider-section-sr .sr-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;
    width:48px;
    height:48px;
    border-radius:50%;
    background:rgba(18,24,42,.55);
    border:1.5px solid rgba(255,255,255,.4);
    color:var(--white);
    font-size:1.3rem;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:background .25s ease, border-color .25s ease, transform .25s ease;
  }

  .slider-section-sr .sr-arrow:hover{
    background:var(--gold);
    border-color:var(--gold);
    color:white;
  }

  .slider-section-sr .sr-arrow.sr-prev{ left:24px; }
  .slider-section-sr .sr-arrow.sr-next{ right:24px; }

  /* Dots */
  .slider-section-sr .sr-dots{
    position:absolute;
    bottom:28px;
    left:50%;
    transform:translateX(-50%);
    z-index:5;
    display:flex;
    gap:10px;
  }

  .slider-section-sr .sr-dot{
    width:11px;
    height:11px;
    border-radius:50%;
    background:rgba(255,255,255,.45);
    border:1.5px solid transparent;
    cursor:pointer;
    transition:background .25s ease, transform .25s ease;
  }

  .slider-section-sr .sr-dot.active{
    background:var(--gold);
    transform:scale(1.15);
  }

  /* Progress bar for autoplay feedback */
  .slider-section-sr .sr-progress{
    position:absolute;
    top:0;
    left:0;
    height:4px;
    background:var(--gold);
    width:0%;
    z-index:6;
  }

  /* Responsive breakpoints */
  @media (max-width:1024px){
    .slider-section-sr{ height:80vh; }
    .slider-section-sr .sr-arrow{ width:42px; height:42px; font-size:1.1rem; }
  }

  @media (max-width:768px){
    .slider-section-sr{ height:70vh; min-height:380px; }
    .slider-section-sr .slide img{ object-fit:contain; background:var(--navy-dark); }
    .slider-section-sr .slide-overlay{ padding:0 5%; }
    .slider-section-sr .slide-desc{ display:none; }
    .slider-section-sr h1{ font-size:1.4rem; max-width:100%; }
    .slider-section-sr .sr-arrow{ width:36px; height:36px; font-size:1rem; }
    .slider-section-sr .sr-arrow.sr-prev{ left:12px; }
    .slider-section-sr .sr-arrow.sr-next{ right:12px; }
  }

  @media (max-width:480px){
    .slider-section-sr{ height:55vh; min-height:300px; }
    .slider-section-sr .slide img{ object-fit:contain; background:var(--navy-dark); }
    .slider-section-sr .slide-overlay{ padding:0 4%; align-items:center; text-align:center; }
    .slider-section-sr h1{ font-size:1.05rem; line-height:1.3; max-width:100%; }
    .slider-section-sr .slide-eyebrow{ font-size:.6rem; letter-spacing:1.5px; margin-bottom:8px; }
    .slider-section-sr .slide-btn{ padding:9px 20px; font-size:.75rem; margin-top:16px; }
    .slider-section-sr .sr-dots{ bottom:10px; }
    .slider-section-sr .sr-dot{ width:8px; height:8px; }
  }