/* SES RFID storefront presentation / idle hero mode */
:root{
  --ses-presentation-red:#b3131b;
  --ses-presentation-graphite:#111720;
  --ses-presentation-container:var(--ses-section-container, min(1280px, calc(100vw - 120px)));
}
body.ses-presentation-mode-open{overflow:hidden!important;touch-action:none;}
.ses-presentation-overlay{
  --ses-presentation-overlay:linear-gradient(45deg,rgba(4,7,10,.86) 0%,rgba(12,14,17,.62) 34%,rgba(181,18,27,.30) 64%,rgba(255,255,255,.04) 100%);
  --ses-presentation-no-image-overlay:linear-gradient(45deg,rgba(10,12,15,.58) 0%,rgba(20,24,29,.36) 44%,rgba(255,255,255,.10) 100%);
  --ses-presentation-overlay-blend-mode:normal;
  --ses-presentation-text-color:#fff;
  position:fixed;
  inset:0;
  z-index:100000;
  display:none;
  color:#fff;
  background:#05070b;
  font-family:Manrope,Arial,sans-serif;
  cursor:pointer;
}
.ses-presentation-overlay.is-active{display:block;}
.ses-presentation-hero{
  position:relative;
  width:100%;
  min-height:100vh;
  height:100vh;
  overflow:hidden;
  isolation:isolate;
  background:radial-gradient(circle at 78% 18%, rgba(255,255,255,.16), transparent 30%),linear-gradient(135deg,#14171b 0%,#3b414a 48%,#8f96a1 100%);
}
.ses-presentation-bg,
.ses-presentation-shade,
.ses-presentation-bottom-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.ses-presentation-bg{
  z-index:-3;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  transform:scale(1.025);
  opacity:1;
  transition:background-image .25s ease, transform 7s ease, opacity .45s ease;
}
.ses-presentation-overlay.is-active .ses-presentation-bg{transform:scale(1.075);}
.ses-presentation-no-image .ses-presentation-bg{opacity:.88;}
.ses-presentation-shade{will-change:background,mix-blend-mode;}
.ses-presentation-shade{
  z-index:-2;
  background:var(--ses-presentation-overlay, linear-gradient(45deg,rgba(4,7,10,.86) 0%,rgba(12,14,17,.62) 34%,rgba(181,18,27,.30) 64%,rgba(255,255,255,.04) 100%));
  mix-blend-mode:var(--ses-presentation-overlay-blend-mode, normal);
}
.ses-presentation-no-image .ses-presentation-shade{
  background:var(--ses-presentation-no-image-overlay, linear-gradient(45deg,rgba(10,12,15,.58) 0%,rgba(20,24,29,.36) 44%,rgba(255,255,255,.10) 100%));
  mix-blend-mode:normal;
}
.ses-presentation-bottom-shade{
  z-index:-1;
  top:auto;
  height:38%;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.42));
}
.ses-presentation-logo-bar{
  position:absolute;
  top:36px;
  left:0;
  right:0;
  z-index:5;
  pointer-events:none;
}
.ses-presentation-logo-shell{
  position:relative;
  width:var(--ses-presentation-container);
  max-width:var(--ses-presentation-container);
  min-height:78px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:28px;
  padding:18px 24px 18px 30px;
  border-radius:34px;
  background:rgba(43,43,43,.96);
  box-shadow:0 16px 45px rgba(0,0,0,.18);
}
.ses-presentation-logo{
  display:block;
  width:auto;
  height:48px;
  max-width:180px;
  object-fit:contain;
}
.ses-presentation-outer{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  pointer-events:none;
}
.ses-presentation-content{
  width:var(--ses-presentation-container);
  max-width:1280px;
  margin:0 auto;
  position:relative;
  z-index:3;
}
.ses-presentation-copy{
  width:100%;
  max-width:860px;
  padding:clamp(110px,9vw,150px) 0 clamp(44px,4.5vw,72px);
  box-sizing:border-box;
  transform:translateY(12px);
  opacity:0;
  transition:opacity .48s ease, transform .5s ease;
}
.ses-presentation-overlay.is-active .ses-presentation-copy{opacity:1;transform:translateY(0);}
.ses-presentation-changing .ses-presentation-copy{animation:sesPresentationCopyIn .55s ease both;}
@keyframes sesPresentationCopyIn{from{opacity:.18;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.ses-presentation-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 28px;
  color:rgba(255,255,255,.82);
  font-size:15px;
  font-weight:500;
}
.ses-presentation-breadcrumb span{color:rgba(255,255,255,.62);}
.ses-presentation-breadcrumb strong{color:#fff;font-weight:600;}
.ses-presentation-label{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  margin:0 0 30px;
  padding:0 24px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:18px;
  font-weight:600;
  backdrop-filter:blur(10px);
}
.ses-presentation-title{
  margin:0;
  color:#fff;
  font-size:clamp(1.8rem,4vw,4.3rem);
  line-height:.92;
  font-weight:800;
  letter-spacing:-.045em;
  text-transform:uppercase;
  text-shadow:0 10px 26px rgba(0,0,0,.32);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ses-presentation-subtitle{
  max-width:760px;
  margin:18px 0 0;
  color:#fff;
  font-size:clamp(1.45rem,2.4vw,2.8rem);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.035em;
  text-shadow:0 10px 26px rgba(0,0,0,.30);
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ses-presentation-intro{
  max-width:720px;
  margin:24px 0 0;
  color:rgba(255,255,255,.92);
  font-size:clamp(1rem,1.4vw,1.35rem);
  line-height:1.44;
  font-weight:500;
  text-shadow:0 6px 22px rgba(0,0,0,.32);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ses-presentation-overlay .ses-presentation-breadcrumb,
.ses-presentation-overlay .ses-presentation-breadcrumb span,
.ses-presentation-overlay .ses-presentation-breadcrumb strong,
.ses-presentation-overlay .ses-presentation-label,
.ses-presentation-overlay .ses-presentation-title,
.ses-presentation-overlay .ses-presentation-subtitle,
.ses-presentation-overlay .ses-presentation-intro,
.ses-presentation-overlay .ses-presentation-learn-more{
  color:var(--ses-presentation-text-color,#fff) !important;
}
.ses-presentation-overlay .ses-presentation-label,
.ses-presentation-overlay .ses-presentation-dismiss{
  border-color:var(--ses-presentation-text-color,#fff);
  border-color:color-mix(in srgb, var(--ses-presentation-text-color,#fff) 24%, transparent);
}
.ses-presentation-no-subtitle .ses-presentation-copy:after{
  content:"";
  display:block;
  height:clamp(42px,4.2vw,74px);
}
.ses-presentation-learn-more{
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:24px;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--ses-presentation-text-color,#fff) 28%, transparent);
  background:rgba(0,0,0,.24);
  color:var(--ses-presentation-text-color,#fff) !important;
  text-decoration:none;
  font-size:.92rem;
  font-weight:850;
  letter-spacing:.02em;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.ses-presentation-learn-more:hover,
.ses-presentation-learn-more:focus{
  color:var(--ses-presentation-text-color,#fff) !important;
  text-decoration:none;
  background:rgba(0,0,0,.34);
}
.ses-presentation-learn-more i{font-size:1rem;line-height:1;}

.ses-presentation-meter{
  width:min(420px,100%);
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:26px;
  color:rgba(255,255,255,.76);
  font-size:.86rem;
  font-weight:760;
  letter-spacing:.04em;
}
.ses-presentation-progress{
  position:relative;
  height:3px;
  flex:1 1 auto;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.18);
}
.ses-presentation-progress span{
  display:block;
  height:100%;
  width:100%;
  transform-origin:left center;
  background:linear-gradient(90deg,var(--ses-presentation-red),#fff);
  animation:sesPresentationProgress var(--ses-presentation-duration,7s) linear infinite;
}
@keyframes sesPresentationProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ses-presentation-dismiss{
  position:absolute;
  right:clamp(18px,4vw,54px);
  bottom:clamp(18px,4vw,44px);
  z-index:6;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.72rem 1rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.76);
  font-size:.82rem;
  font-weight:820;
  pointer-events:none;
  backdrop-filter:blur(10px);
}
.ses-footer-presentation-link{
  margin-top:.75rem;
  padding-top:.75rem;
  border-top:1px solid rgba(255,255,255,.15);
}
.ses-footer-presentation-link a{
  display:inline-flex!important;
  align-items:center;
  gap:.45rem;
}
@media(max-width:1199.98px){
  .ses-presentation-logo-shell,
  .ses-presentation-content{
    width:var(--ses-section-container, calc(100vw - 72px));
    max-width:var(--ses-section-container, calc(100vw - 72px));
  }
}
@media(max-width:991.98px){
  .ses-presentation-logo-bar{top:0;}
  .ses-presentation-logo-shell{
    width:100%;
    max-width:none;
    min-height:64px;
    margin:0;
    padding:10px 16px;
    border-radius:0;
    box-shadow:0 12px 28px rgba(0,0,0,.18);
  }
  .ses-presentation-logo{height:36px;max-width:140px;}
  .ses-presentation-content{
    width:var(--ses-section-container, calc(100vw - 36px));
    max-width:var(--ses-section-container, calc(100vw - 36px));
  }
  .ses-presentation-copy{
    max-width:none;
    padding:clamp(34px,8vw,56px) 0 clamp(38px,9vw,64px);
  }
  .ses-presentation-breadcrumb{display:none;}
  .ses-presentation-label{
    min-height:38px;
    margin-bottom:18px;
    padding:0 16px;
    font-size:14px;
  }
  .ses-presentation-title{font-size:clamp(2rem,10.8vw,4.1rem);line-height:.94;}
  .ses-presentation-subtitle{font-size:clamp(1.22rem,6vw,2rem);}
  .ses-presentation-intro{font-size:1rem;-webkit-line-clamp:3;}
  .ses-presentation-meter{width:100%;align-items:flex-start;flex-direction:column;gap:10px;}
  .ses-presentation-progress{width:100%;}
  .ses-presentation-dismiss{right:16px;bottom:14px;font-size:.76rem;padding:.58rem .78rem;}
  .ses-presentation-no-subtitle .ses-presentation-copy:after{height:clamp(34px,8vw,58px);}
}
@media(max-width:575.98px){
  .ses-presentation-content{width:calc(100vw - 32px);max-width:calc(100vw - 32px);}
  .ses-presentation-title{-webkit-line-clamp:3;}
  .ses-presentation-shade{background:var(--ses-presentation-overlay, linear-gradient(45deg,rgba(4,7,10,.90) 0%,rgba(12,14,17,.70) 46%,rgba(181,18,27,.24) 100%));}
}

/* Presentation mode: transparent header shell, logo only */
.ses-presentation-logo-shell{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Keep the logo in the same menu-bar logo position */
.ses-presentation-logo-bar{
  pointer-events:none;
}

/* Optional: remove mobile shadow/background too */
@media(max-width:991.98px){
  .ses-presentation-logo-shell{
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }
}

/* Header presentation visibility must win over subtitle spacer/mobile rules. */
.ses-presentation-overlay.ses-presentation-hide-header-text .ses-presentation-copy,
.ses-presentation-overlay.ses-presentation-hide-header-text.ses-presentation-no-subtitle .ses-presentation-copy{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.ses-presentation-overlay.ses-presentation-hide-header-text .ses-presentation-copy:after,
.ses-presentation-overlay.ses-presentation-hide-header-text.ses-presentation-no-subtitle .ses-presentation-copy:after{
  display:none!important;
  content:none!important;
  height:0!important;
}

.ses-presentation-overlay.ses-presentation-hide-header-text .ses-presentation-learn-more{
  display:none !important;
}
