/* =========================================
   SRK Premium Fullscreen Film Slider (clean)
   ========================================= */
:root{
  --srk-text:#fff;
  --srk-blue:#00b2ff;
  --srk-blue-2:#1a60ff;

  /* Opacity controls */
  --srk-global-overlay: 0.25;   /* 0.00–0.50, overall scene darkening */
  --srk-card-alpha:     0.30;   /* 0.20–0.50, caption glass background */
}

/* Full width, viewport height, soft fades */
.fullwidth-slider{
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: clamp(520px, 100vh, 920px) !important;
  margin-top: -30px !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  overflow: clip !important;
  z-index: 1;
  isolation: isolate;
  -webkit-mask-image: none !important;
          mask-image: none !important;
}

/* Global x overflow safety */
body{ overflow-x:hidden; }

/* Vignette + brand wash + floor fade, with master opacity control */
.fullwidth-slider::after{
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  background:
    radial-gradient(120% 90% at 50% 30%, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 85%),
    radial-gradient(160% 120% at 60% -10%, rgba(0,178,255,.10), transparent 55%),
    radial-gradient(120% 80%  at -10% 110%, rgba(26,96,255,.12), transparent 60%),
    linear-gradient(to bottom, transparent 70%, rgba(0,0,0,.25) 92%, rgba(0,0,0,.55) 100%);
  opacity: var(--srk-global-overlay);
}

/* Swiper container fills the viewport */
.fullScreenSwiper,
.fullScreenSwiper .swiper-slide{ width:100%; height:100vh; }
@supports (height: 100svh){
  .fullScreenSwiper,
  .fullScreenSwiper .swiper-slide{ height:100svh; }
}

/* Slide background image layer + subtle motion */
.full-slide{
  background-size: cover;
  background-position: center;
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 0 20px;
  isolation: isolate;
  filter: contrast(1.06) saturate(1.06) brightness(1.02);
}
@media (prefers-reduced-motion: no-preference){
  .swiper-slide .full-slide{
    transform-origin: 50% 50%;
    animation: srkKB 18s ease-in-out infinite alternate;
  }
  @keyframes srkKB{ from{ transform: scale(1); } to{ transform: scale(1.06); } }
}

/* Caption glass card — desktop default */
.full-slide-overlay{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:90%;
  max-width:900px;
  padding: clamp(18px, 3.2vw, 36px);
  z-index:3;

  /* Remove glass look */
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
}



/* Remove spinning glow entirely */
/* (Intentionally omitted ::before and srkGlow keyframes) */

/* Divider line off to prevent “split” look */
/*.full-slide-overlay::after{ display:none; content:none; }*/

/* Type */
.full-slide-overlay h1,
.full-slide-overlay p{ text-shadow: 0 2px 6px rgba(0,0,0,.35), 0 8px 18px rgba(0,0,0,.25); }
.full-slide-overlay h1{
  color:#fff; font-size: clamp(2.2rem, 6vw, 4.6rem);
  line-height: 1.05; font-weight: 900; letter-spacing: .015em;
  margin: 0 0 .45em 0;
}
.full-slide-overlay p{
  color:#fff; font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.35; margin: .25em 0 0; max-width: 70ch;
  background: transparent !important; padding:0 !important; border-radius:0 !important;
}

/* Buttons inside overlay */
.full-slide-overlay a,
.full-slide-overlay a:where(.button, .btn){
  display:inline-block; text-decoration:none; color:#fff; font-weight:600;
  padding:.9em 1.2em; margin-top:1rem; border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
    radial-gradient(120% 120% at 0% 0%, rgba(0,178,255,.30), rgba(26,96,255,.12) 40%, transparent 60%);
  backdrop-filter: blur(4px);
  box-shadow: 0 10px 26px rgba(0,0,0,.35), inset 0 0 30px rgba(255,255,255,.03);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.full-slide-overlay a:hover,
.full-slide-overlay a:focus{
  transform: translateY(-1px);
  box-shadow: 0 16px 40px rgba(0,0,0,.5), 0 0 24px rgba(0,178,255,.45);
}

/* Clickable cover link */
.slide-link{ position:absolute; inset:0; z-index:2; }

/* Premium arrows */
.swiper-button-next,
.swiper-button-prev{
  width: 54px; height: 54px; border-radius: 999px;
  /*background: rgba(0,0,0,.28);*/
  /*border: 1px solid rgba(255,255,255,.18);*/
  color:#fff; opacity:.9;
  transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease, background .2s ease;
  text-shadow: 0 2px 10px rgba(0,0,0,.45); z-index:4;
}
.swiper-button-next::after,
.swiper-button-prev::after{ font-size: 18px; font-weight: 800; }
.swiper-button-next:hover,
.swiper-button-prev:hover{
  opacity:1; transform: translateY(-1px);
  /*background: radial-gradient(120% 120% at 50% 50%, rgba(0,178,255,.35), rgba(0,0,0,.32));*/
  /*box-shadow: 0 16px 40px rgba(0,0,0,.5), 0 0 24px rgba(0,178,255,.45);*/
}

/* Pagination dots */
.swiper-pagination-bullet{
  width:10px; height:10px; opacity:.7;
  background: rgba(255,255,255,.6);
  border: 1px solid rgba(255,255,255,.35);
}
.swiper-pagination-bullet-active{
  background: #00b2ff;
  box-shadow: 0 0 0 6px rgba(0,178,255,.18);
  opacity:1;
}

/* Desktop composition refinement */
@media (min-width: 1024px){
  .full-slide-overlay{ bottom: 12%; transform: translateX(-50%); }
}

/* Tablet and smaller — center on both axes, no split */
@media (max-width: 1000px){
  .full-slide-overlay{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    transform: translate(-50%, -50%) !important; /* center X and Y */
    width: 90% !important;
    max-width: 700px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;

    /* remove any feather masks that caused the visual split */
    -webkit-mask-image: none !important;
            mask-image: none !important;
  }

  .full-slide-overlay h1,
  .full-slide-overlay p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* Motion reduction */
@media (prefers-reduced-motion: reduce){
  .swiper-button-next, .swiper-button-prev{ transition:none; }
}