:root{--svmes-bg:#080808;--svmes-fg:#fff;--svmes-muted:rgba(255,255,255,.65);--svmes-primary:#7C5CFF}
.svmes{color:var(--svmes-fg)}
.svmes *{box-sizing:border-box}
.svmes-list{display:flex; flex-direction:column; gap:24px}

/* Card / row */
.svmes--preset-svhq .svmes-item{
  border-radius:var(--svmes-radius,28px);
  overflow:hidden;
  border:var(--svmes-border-w,1px) solid var(--svmes-accent,rgba(255,255,255,.10));
  background: radial-gradient(80% 120% at 100% 0%, rgba(255,255,255,.06), transparent 60%) #000;
  box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset;
}
.svmes-row{
  width:100%; background:transparent; color:#fff; border:0; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; text-align:left; position:relative;
  padding:28px 70px 28px 28px; height:var(--svmes-row-h,150px);
}
@media (max-width: 600px){
  .svmes-row{ height:auto; padding:16px 56px 16px 16px; }
}
.svmes-row__title{font-size: clamp(26px, 4vw, 56px); font-weight:800; letter-spacing:.01em; line-height:1.05; color:var(--svmes-title,#fff)}
.svmes-row__sub{margin-top:8px; color:var(--svmes-sub,rgba(255,255,255,.65)); font-size: clamp(13px, 1.4vw, 20px)}
.svmes-row__plus{
  width:52px; height:52px; border-radius:50%; border:2px solid rgba(255,255,255,.24); position:absolute; right:16px; top:50%;
  transform:translateY(-50%); display:inline-block; transition:background .25s ease, border-color .25s ease, transform .25s ease; flex:0 0 auto;
}
@media (max-width:600px){ .svmes-row__plus{ width:44px; height:44px; right:10px; } }
.svmes-row:hover .svmes-row__plus{ background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.35); }
.svmes-row__plus::before, .svmes-row__plus::after{ content:''; position:absolute; background:rgba(255,255,255,.75); left:50%; top:50%; width:20px; height:2px; transform:translate(-50%,-50%); }
.svmes-row__plus::after{ transform:translate(-50%,-50%) rotate(90deg); }
.svmes-row[aria-expanded="true"] .svmes-row__plus{ transform:translateY(-50%) rotate(45deg); }

/* Panel */
.svmes-panel{background:#0b0b0b}
.svmes-panel__inner{display:grid; grid-template-columns: 1.08fr 1.42fr; gap:22px; padding:0 18px 18px 18px}
@media (max-width:1023px){ .svmes-panel__inner{ grid-template-columns:1fr; } }

/* Left area */
.svmes-left{padding:10px 4px 0 4px; display:flex; flex-direction:column;}
.svmes-desc{
  color:var(--svmes-desc,rgba(255,255,255,.65)); font-size: clamp(14px,1.1vw,18px); margin:6px 0 12px 0; max-width:840px;
  white-space:normal; word-break:break-word; overflow-wrap:anywhere; line-height:1.55;
  display:-webkit-box; -webkit-box-orient: vertical; overflow:hidden; -webkit-line-clamp: var(--svmes-desc-lines, 0);
}
.svmes-readmore{ margin-top:10px; }
.svmes-badges{display:flex; flex-wrap:wrap; gap:10px; margin-top:12px}
.svmes-badge{background:var(--svmes-badge-bg,#151515); border:1px solid var(--svmes-badge-border,rgba(255,255,255,.18)); color:var(--svmes-badge-text,#fff); padding:8px 12px; border-radius:999px; font-size:14px}

/* CTA button */
.svmes-cta{margin-top:16px; align-self:flex-start; display:inline-flex; gap:8px; padding:12px 16px; border-radius:var(--svmes-cta-radius,10px); text-decoration:none; font-weight:700; line-height:1}
.svmes-cta--primary{background:var(--svmes-cta-bg,#7C5CFF); color:var(--svmes-cta-text,#fff); border:1px solid var(--svmes-cta-border,rgba(255,255,255,.08))}
.svmes-cta--outline{background:transparent; color:var(--svmes-cta-text,#fff); border:1px solid var(--svmes-cta-border,rgba(255,255,255,.35))}
.svmes-cta--ghost{background:transparent; color:var(--svmes-cta-text,#fff); border:1px solid transparent}
.svmes-cta:hover{filter:brightness(1.08)}

/* Slider */
.svmes-right{display:flex}
.svmes-gallery{position:relative; border-radius:16px; overflow:hidden; width:100%; display:flex; align-items:center; isolation:isolate}
.svmes-g-viewport{overflow:hidden; width:100%; height:100%; aspect-ratio: var(--svmes-aspect, 16/10);}
@media (max-width: 767px){ .svmes-g-viewport{ aspect-ratio: var(--svmes-aspect-m, 1/1); } }
.svmes-g-track{
  display:flex; height:100%; width:100%;
  align-items:stretch; transition:transform .4s cubic-bezier(.2,.7,.2,1);
  gap: var(--svmes-gap,16px); padding-right: var(--svmes-gap,16px);
}
.svmes-g-item{
  flex: 0 0 calc((100% - var(--svmes-gap,16px)) / 2);
  height:100%; display:flex; align-items:center; justify-content:center
}
/* Single item should fill the whole viewport */
.svmes-gallery.svmes-single .svmes-g-item,
.svmes-single .svmes-g-item{ flex-basis: 100% !important; }

@media (max-width: 767px){ .svmes-g-item{flex-basis: 100%;} }
.svmes-media, .svmes-embed{width:100%; height:100%; display:block; border:none; border-radius:16px}
.svmes-media{object-fit:var(--svmes-fit, cover); object-position:center; background:#000}
/* Different images for desktop vs mobile */
.svmes-media--mobile {
  display: none;
}

@media (max-width: 767px) {
  .svmes-media--desktop {
    display: none;
  }
  .svmes-media--mobile {
    display: block;
  }
}
.svmes-embed iframe{width:100%; height:100%; display:block; border:0}

/* Arrows */
.svmes-g-prev, .svmes-g-next{
  position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.25); color:var(--svmes-arrow,#fff); cursor:pointer; z-index:2
}
.svmes-g-prev{left:8px} .svmes-g-next{right:8px}
@media (max-width:480px){ .svmes-g-prev, .svmes-g-next{ width:46px; height:46px; } }