.sgos-slider{
  --sgos-accent:#ff2438;
  --sgos-accent-hot:#ff7b88;
  --sgos-accent-deep:#860f1b;
  --sgos-frame-size:3px;
  --sgos-channel-size:2px;
  --sgos-accent-size:1px;
  --sgos-frame-light:#616872;
  --sgos-frame-mid:#252a31;
  --sgos-frame-dark:#06080c;
  --sgos-channel-bg:#090b10;
  --sgos-inner-bg:#07090d;
  --sgos-glow:rgba(255,36,56,.26);
  --sgos-rail-glow:14px;
  --sgos-height:500px;
  --sgos-compact-height:440px;
  --sgos-compact-width:1360px;
  --sgos-cut:42px;
  --sgos-notch-depth:22px;
  --sgos-notch-start:38%;
  --sgos-notch-end:62%;
  --sgos-overlay-color:#06080c;
  --sgos-title-font:"SGOS Metal Mania","Metal Mania","Arial Narrow",Impact,Haettenschweiler,sans-serif;
  --sgos-stack-gap:18px;
  position:relative;
  width:calc(100% - 32px);
  max-width:1600px;
  height:var(--sgos-height);
  margin-inline:auto;
  color:#fff;
  box-sizing:border-box;
  isolation:isolate;
  contain:layout style;
}
.sgos-slider *{box-sizing:border-box}
.sgos-frame,.sgos-frame-channel,.sgos-accent-frame,.sgos-stage{
  width:100%;height:100%;
  clip-path:polygon(
    var(--sgos-cut) 0,
    calc(100% - var(--sgos-cut)) 0,
    100% var(--sgos-cut),
    100% var(--sgos-notch-start),
    calc(100% - var(--sgos-notch-depth)) var(--sgos-notch-start),
    calc(100% - var(--sgos-notch-depth)) var(--sgos-notch-end),
    100% var(--sgos-notch-end),
    100% calc(100% - var(--sgos-cut)),
    calc(100% - var(--sgos-cut)) 100%,
    var(--sgos-cut) 100%,
    0 calc(100% - var(--sgos-cut)),
    0 var(--sgos-notch-end),
    var(--sgos-notch-depth) var(--sgos-notch-end),
    var(--sgos-notch-depth) var(--sgos-notch-start),
    0 var(--sgos-notch-start),
    0 var(--sgos-cut)
  );
}
.sgos-frame{
  position:relative;
  padding:var(--sgos-frame-size);
  background:linear-gradient(180deg,#717781 0%,#4e535c 7%,#2b3036 18%,#181c21 48%,#090b0f 56%,#12151b 73%,#2f343b 89%,#616872 100%);
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.56));
}
.sgos-frame::before{content:"";position:absolute;inset:0;clip-path:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 10%,transparent 82%,rgba(255,255,255,.03)),linear-gradient(315deg,rgba(0,0,0,.34),transparent 18%,transparent 78%,rgba(0,0,0,.26));opacity:.85}
.sgos-frame::after{content:"";position:absolute;inset:var(--sgos-frame-size);clip-path:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 1px 0 0 rgba(255,255,255,.03),inset 0 -1px 0 rgba(0,0,0,.86),inset -1px 0 0 rgba(0,0,0,.62)}
.sgos-frame-channel{
  position:relative;padding:var(--sgos-channel-size);
  background:linear-gradient(180deg,#0d1117 0%,#06080d 36%,#020305 62%,#0f1319 100%);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.86);
}
.sgos-frame-channel::before{content:"";position:absolute;inset:0;pointer-events:none;clip-path:inherit;background:linear-gradient(90deg,transparent 14px,rgba(255,36,56,.98) 14px,rgba(255,36,56,.98) calc(100% - 14px),transparent calc(100% - 14px)),linear-gradient(180deg,rgba(255,255,255,.10),transparent 18%,transparent 82%,rgba(0,0,0,.24));background-size:100% 1px,100% 100%;background-repeat:no-repeat;background-position:center top,center center}
.sgos-accent-frame{position:relative;padding:var(--sgos-accent-size);background:linear-gradient(90deg,var(--sgos-accent-deep) 0%,#d81b2e 18%,var(--sgos-accent-hot) 50%,var(--sgos-accent) 78%,var(--sgos-accent-deep) 100%);box-shadow:0 0 var(--sgos-rail-glow) var(--sgos-glow), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(81,0,8,.46)}
.sgos-accent-frame::before{content:"";position:absolute;inset:0;pointer-events:none;clip-path:inherit;background:linear-gradient(180deg,rgba(255,255,255,.20),transparent 25%,transparent 78%,rgba(0,0,0,.28));opacity:.7}
.sgos-stage{position:relative;overflow:hidden;background:var(--sgos-inner-bg);box-shadow:inset 0 0 20px rgba(0,0,0,.88),inset 0 1px 0 rgba(255,255,255,.04),inset 0 -1px 0 rgba(0,0,0,.85)}
/* recessed inner side panels aligned with the notches */
.sgos-stage::before,.sgos-stage::after{content:"";position:absolute;top:var(--sgos-notch-start);bottom:calc(100% - var(--sgos-notch-end));width:22px;z-index:5;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 16%,rgba(0,0,0,.08) 60%,rgba(255,255,255,.02) 100%),linear-gradient(145deg,#1d232b 0%,#0c1016 42%,#05070b 66%,#171c24 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -1px 0 rgba(0,0,0,.86),0 0 0 1px rgba(0,0,0,.65)}
.sgos-stage::before{left:0;clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 22px),0 22px)}
.sgos-stage::after{right:0;clip-path:polygon(0 0,100% 22px,100% calc(100% - 22px),100% 100%,0 100%)}
.sgos-track,.sgos-slide{position:absolute;inset:0}
.sgos-slide{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s ease;overflow:hidden}
.sgos-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.sgos-media{position:absolute;inset:0;z-index:0;background:#06070a}
.sgos-media picture,.sgos-media img{display:block;width:100%;height:100%}
.sgos-media img{object-fit:cover;object-position:var(--sgos-focal-x,50%) var(--sgos-focal-y,50%);transition:transform 7s ease;transform:scale(1.02)}
.sgos-slide.is-active .sgos-media img{transform:scale(1.05)}
.sgos-image-placeholder{position:absolute;inset:0;background:radial-gradient(circle at 25% 40%,#2c1117 0,transparent 34%),linear-gradient(135deg,#12151d,#040507)}
.sgos-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.10) 31%,rgba(7,9,13,.70) 54%,rgba(5,6,9,.96) 100%),linear-gradient(0deg,rgba(4,5,8,.66) 0%,transparent 30%,rgba(4,5,8,.08) 72%,rgba(4,5,8,.17) 100%)}
.sgos-grid{position:relative;z-index:3;height:100%;display:flex;justify-content:flex-start;align-items:center}
.sgos-content{width:100%;max-width:560px;padding:36px 72px 42px;margin-inline-start:0;margin-inline-end:auto;text-align:right}
.sgos-eyebrow,.sgos-title,.sgos-description,.sgos-tags,.sgos-stats{margin-top:0}
.sgos-eyebrow{font-size:16px;line-height:1.7;font-weight:600;color:#f0f1f3;margin-bottom:calc(var(--sgos-stack-gap) * .55);display:flex;align-items:center;gap:10px}
.sgos-eyebrow::after{content:"";width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--sgos-accent));box-shadow:0 0 10px var(--sgos-glow)}
.sgos-title{margin-bottom:calc(var(--sgos-stack-gap) * .8);display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.10em;direction:ltr;text-align:left;line-height:.84;letter-spacing:.55px;text-transform:uppercase;font-family:var(--sgos-title-font);font-size:72px;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;paint-order:stroke fill;-webkit-text-stroke:.6px rgba(20,20,20,.66);text-shadow:0 1px 0 rgba(255,255,255,.06),0 3px 0 rgba(0,0,0,.56),0 10px 26px rgba(0,0,0,.58)}
.sgos-title>span{display:inline-block;transform:scaleX(.98) scaleY(1.02);transform-origin:left bottom}
.sgos-title-main{color:#f7f7f7;text-shadow:0 1px 0 #fff,0 3px 0 rgba(0,0,0,.54),0 12px 28px rgba(0,0,0,.52)}
.sgos-title-accent{color:var(--sgos-accent);-webkit-text-stroke-color:rgba(105,0,12,.56);text-shadow:0 1px 0 var(--sgos-accent-hot),0 3px 0 rgba(70,0,10,.62),0 0 22px var(--sgos-glow),0 12px 28px rgba(0,0,0,.55)}
.sgos-description{margin-bottom:var(--sgos-stack-gap);color:#d2d5da;font-size:16px;line-height:1.85;max-width:55ch}
.sgos-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--sgos-stack-gap)}
.sgos-tag{display:inline-flex;align-items:center;min-height:30px;padding:5px 12px;border:1px solid #4f545d;border-radius:4px;background:rgba(6,9,14,.65);color:#d8dce2;font-size:13px;line-height:1}
.sgos-tag:first-child{border-color:var(--sgos-accent);color:#fff;background:rgba(120,15,28,.22)}
.sgos-stats{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:calc(var(--sgos-stack-gap) * 1.1);direction:rtl}
.sgos-stat{display:flex;align-items:center;gap:10px;min-width:105px;padding-inline:0 16px}.sgos-stat+.sgos-stat{border-right:1px solid rgba(255,255,255,.12)}
.sgos-stat-icon{display:flex;color:var(--sgos-accent);font-size:25px;filter:drop-shadow(0 0 8px var(--sgos-glow))}
.sgos-stat-text{display:grid;gap:3px}.sgos-stat strong{font-size:15px;line-height:1.2;color:#fff;font-weight:700}.sgos-stat small{font-size:12px;color:#989fa9}
.sgos-actions{display:flex!important;visibility:visible!important;opacity:1!important;gap:12px;align-items:stretch;position:relative;z-index:6}
.sgos-btn{--sgos-btn-cut:9px;display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:13px 22px;text-decoration:none!important;font-weight:800;font-size:15px;line-height:1;border:1px solid transparent;clip-path:polygon(var(--sgos-btn-cut) 0,calc(100% - 1px) 0,100% var(--sgos-btn-cut),100% 100%,calc(100% - var(--sgos-btn-cut)) 100%,0 100%,0 calc(100% - var(--sgos-btn-cut)),0 var(--sgos-btn-cut));transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;position:relative;overflow:hidden}
.sgos-btn::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 38%,rgba(0,0,0,.12) 100%)}
.sgos-btn svg{font-size:20px;flex:0 0 auto;position:relative;z-index:1}.sgos-btn span{position:relative;z-index:1}.sgos-btn:hover,.sgos-btn:focus-visible{transform:translateY(-2px)}.sgos-btn.is-disabled{opacity:.60;cursor:not-allowed;pointer-events:none}
.sgos-btn:focus-visible,.sgos-arrow:focus-visible,.sgos-indicator:focus-visible{outline:2px solid #fff;outline-offset:3px}
.sgos-btn-primary{min-width:210px;color:#fff;background:linear-gradient(180deg,#ff3248 0%,#e1182f 57%,#c30f24 100%);border-color:#ff5969;box-shadow:0 10px 26px rgba(227,25,45,.24),inset 0 1px 0 rgba(255,255,255,.18)}
.sgos-btn-primary:hover,.sgos-btn-primary:focus-visible{background:linear-gradient(180deg,#ff4257 0%,#ef2139 57%,#cf162a 100%);box-shadow:0 14px 32px rgba(255,36,56,.34)}
.sgos-btn-secondary{min-width:194px;color:#e8ebef;background:rgba(7,10,14,.72);border-color:#5d626b;backdrop-filter:blur(5px)}
/* navigation arrows outside the notches */
.sgos-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:56px;height:56px;display:grid;place-items:center;padding:0;color:#fff;background:rgba(5,7,10,.88);border:1px solid #5b6068;clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;box-shadow:0 8px 22px rgba(0,0,0,.4)}
.sgos-arrow::before{content:"";position:absolute;inset:2px;clip-path:inherit;border:1px solid rgba(255,36,56,.55);pointer-events:none;box-shadow:0 0 12px rgba(255,36,56,.12)}
.sgos-arrow:hover{transform:translateY(-50%) scale(1.04);border-color:var(--sgos-accent)}
.sgos-arrow svg{font-size:25px}.sgos-prev{right:-6px}.sgos-next{left:-6px}
.sgos-bottom-ui{position:absolute;z-index:9;left:0;right:0;bottom:18px;display:flex;align-items:center;justify-content:center;pointer-events:none;padding-inline:70px}
.sgos-indicators{display:flex;align-items:center;gap:8px;pointer-events:auto}
.sgos-indicator{appearance:none;border:0;background:none;width:62px;height:18px;padding:8px 0;display:flex;align-items:center;cursor:pointer}
.sgos-indicator span{display:block;width:100%;height:2px;background:#5c626b;border-radius:999px;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.sgos-indicator.is-active span{background:var(--sgos-accent);box-shadow:0 0 12px var(--sgos-accent);transform:scaleX(1.06)}
.sgos-counter{position:absolute;left:70px;bottom:0;display:flex;gap:7px;direction:ltr;align-items:center;color:#a7adb6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;letter-spacing:.14em}
.sgos-current{color:#ff5867}.sgos-counter-sep{opacity:.55}.sgos-empty{padding:20px;border:1px dashed #88909c;background:#f7f8fa;color:#43484f;text-align:center}
@media (max-width:1450px) and (min-width:1025px){
  .sgos-slider{max-width:min(var(--sgos-compact-width),calc(100% - 32px));height:var(--sgos-compact-height);--sgos-notch-start:36%;--sgos-notch-end:64%}
  .sgos-content{max-width:520px;padding:30px 58px 38px}
  .sgos-title{font-size:60px}
  .sgos-description{font-size:15px;line-height:1.75}
  .sgos-arrow{width:50px;height:50px}.sgos-prev{right:-4px}.sgos-next{left:-4px}
}
@media (max-width:1024px){
  .sgos-slider{width:96%;--sgos-cut:30px;--sgos-height:460px;--sgos-notch-depth:18px;--sgos-notch-start:37%;--sgos-notch-end:63%}
  .sgos-stage::before,.sgos-stage::after{display:none}
  .sgos-overlay{background:linear-gradient(0deg,var(--sgos-overlay-color) 0%,rgba(7,10,14,.84) 46%,rgba(0,0,0,.08) 100%)}
  .sgos-grid{align-items:flex-end}.sgos-content{max-width:72%;padding:34px 46px 54px}
  .sgos-title{font-size:56px}
  .sgos-bottom-ui{padding-inline:56px}.sgos-counter{left:56px}
  .sgos-prev{right:-2px}.sgos-next{left:-2px}
}
@media (max-width:767px){
  .sgos-slider{width:96%;height:520px;--sgos-cut:18px;--sgos-notch-depth:14px;--sgos-notch-start:38%;--sgos-notch-end:62%;--sgos-stack-gap:12px;contain:layout style}
  .sgos-stage::before,.sgos-stage::after{display:none}
  .sgos-media img{transform:scale(1.01)}
  .sgos-slide.is-active .sgos-media img{transform:scale(1.035)}
  .sgos-overlay{background:linear-gradient(0deg,var(--sgos-overlay-color) 0%,rgba(7,10,14,.91) 45%,rgba(5,6,9,.28) 72%,rgba(5,6,9,.08) 100%)}
  .sgos-grid{align-items:flex-end}.sgos-content{max-width:100%;padding:24px 24px 60px;text-align:right}
  .sgos-eyebrow{font-size:13px;line-height:1.5}.sgos-eyebrow::after{width:28px}
  .sgos-title{font-size:46px;line-height:.88;gap:.11em}
  .sgos-description{font-size:14px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .sgos-tags{gap:6px}.sgos-tag{font-size:11px;min-height:27px;padding:5px 9px}.sgos-tags .sgos-tag:nth-child(n+4){display:none}
  .sgos-stats{gap:0;width:100%;justify-content:space-between}.sgos-stat{min-width:0;flex:1;padding-inline:7px;gap:6px}.sgos-stat:first-child{padding-right:0}.sgos-stat-icon{font-size:20px}.sgos-stat strong{font-size:12px}.sgos-stat small{font-size:10px}
  .sgos-actions{gap:8px}.sgos-btn{flex:1;min-width:0!important;min-height:42px;padding:10px 12px;font-size:12px;gap:7px}.sgos-btn svg{font-size:17px}
  .sgos-arrow{width:42px;height:42px;top:34%;opacity:.92}.sgos-arrow svg{font-size:20px}.sgos-prev{right:-2px}.sgos-next{left:-2px}
  .sgos-bottom-ui{bottom:16px;padding-inline:28px}.sgos-indicator{width:34px;height:14px;padding:6px 0}.sgos-counter{display:none}
}
@media (max-width:420px){
  .sgos-content{padding-inline:20px}.sgos-actions{display:grid!important;grid-template-columns:1fr 1fr}.sgos-btn{padding-inline:8px}.sgos-title{font-size:40px}
  .sgos-stat:nth-child(3){display:none}.sgos-tags .sgos-tag:nth-child(n+3){display:none}
}
@media (prefers-reduced-motion:reduce){.sgos-slide,.sgos-media img,.sgos-btn,.sgos-arrow,.sgos-indicator span{transition:none!important;animation:none!important}}
