/* REDSKY public Events — cinematic event command presentation. */
#events.events-section{
  --event-red:#f02d42;
  --event-red-hot:#ff5a68;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:auto;
  padding:clamp(88px,10vw,142px) 0 clamp(92px,10vw,140px);
  background:#020306;
}
#events.events-section::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(1,2,4,.28),rgba(1,2,4,.1) 48%,transparent 78%),
    radial-gradient(ellipse at 48% 42%,transparent 48%,rgba(0,0,0,.22) 100%),
    linear-gradient(180deg,rgba(1,2,4,.18),transparent 18%,transparent 78%,rgba(1,2,4,.48));
}
#events.events-section::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.17;
  background-image:
    radial-gradient(circle at 18% 22%,rgba(255,139,92,.75) 0 1px,transparent 1.7px),
    radial-gradient(circle at 73% 38%,rgba(255,54,74,.65) 0 1px,transparent 1.8px),
    radial-gradient(circle at 41% 81%,rgba(255,179,105,.5) 0 1px,transparent 1.6px);
  background-size:263px 277px,337px 319px,419px 383px;
  mask-image:linear-gradient(to bottom,transparent 2%,#000 20%,#000 86%,transparent);
}
#events > .container.events-container{
  position:relative;z-index:2;
  width:min(1840px,calc(100% - clamp(48px,5vw,96px)));
  margin-left:max(32px,calc((100% - 1840px)/2 - 60px));margin-right:auto;
}
.events-atmosphere{
  position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:none;
}
.events-atmosphere::before{
  content:"";position:absolute;inset:-11%;z-index:0;opacity:.64;will-change:transform;
  background:
    radial-gradient(ellipse at 17% 24%,rgba(255,54,43,.24) 0%,rgba(154,10,30,.1) 25%,transparent 52%),
    radial-gradient(ellipse at 82% 17%,rgba(235,29,54,.22) 0%,rgba(113,9,39,.12) 27%,transparent 55%),
    radial-gradient(ellipse at 61% 65%,rgba(255,92,35,.13) 0%,rgba(124,13,32,.1) 28%,transparent 55%),
    radial-gradient(ellipse at 20% 88%,rgba(113,22,91,.14),transparent 48%);
  filter:blur(30px) saturate(115%);
  animation:eventsPlasmaDrift 24s ease-in-out infinite alternate;
}
.events-atmosphere::after{
  content:"";position:absolute;inset:-18% -28%;z-index:2;opacity:.42;will-change:transform;
  background:
    linear-gradient(116deg,transparent 25%,rgba(255,96,76,.035) 38%,rgba(255,48,70,.12) 42%,transparent 48%),
    linear-gradient(116deg,transparent 51%,rgba(142,29,88,.08) 56%,transparent 62%),
    repeating-linear-gradient(112deg,transparent 0 13%,rgba(255,255,255,.014) 13.2%,transparent 13.5% 21%);
  filter:blur(7px);
  transform:translate3d(-4%,0,0);
  animation:eventsEnergyHaze 28s ease-in-out infinite alternate;
}
.events-warship{
  /* One continuous scene beneath all Events content, with no side-fade mask. */
  position:absolute;z-index:1;inset:0;pointer-events:none;
  background:url("/assets/redsky-events-battleship-v1.webp") 50% 50%/cover no-repeat;
  transform:scale(1.02);transform-origin:center;will-change:transform;
  animation:eventsWarshipDrift 32s ease-in-out infinite alternate;
}
.events-warship::before{
  content:"";position:absolute;z-index:2;width:54%;height:36%;right:4%;top:19%;opacity:.3;pointer-events:none;
  background:linear-gradient(101deg,transparent 5%,rgba(255,214,190,.14) 44%,rgba(255,80,76,.055) 62%,transparent 79%);
  clip-path:polygon(0 47%,100% 7%,100% 70%,0 54%);filter:blur(8px);transform:translate3d(-12%,0,0);
  animation:eventsSearchlightSweep 19s ease-in-out infinite alternate;
}
.events-warship::after{
  content:"";position:absolute;z-index:2;width:20%;aspect-ratio:1;right:4%;top:41%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,54,42,.22),rgba(201,19,38,.08) 28%,transparent 68%);
  filter:blur(12px);opacity:.48;animation:eventsReactorBreath 7s ease-in-out infinite;
}
.events-orbit{position:absolute;z-index:3;width:3px;height:3px;border:0;border-radius:50%;will-change:transform;opacity:.42}
.events-orbit-one{
  left:4%;top:16%;background:#ff685d;box-shadow:9vw 140px 0 -1px #e93345,21vw 510px 0 -1px #ff9a64,34vw 240px 0 -1px #d82948,48vw 690px 0 -1px #ff674f,62vw 330px 0 -1px #d43557,77vw 90px 0 -1px #ff8b61,88vw 580px 0 -1px #e92d45,94vw 890px 0 -1px #ff8759;
  animation:eventsParticleRise 19s ease-in-out infinite alternate;
}
.events-orbit-two{
  left:9%;top:43%;width:2px;height:2px;background:#ffb06c;box-shadow:13vw 330px 0 0 #e93b4e,27vw -170px 0 -1px #ff7659,39vw 470px 0 -1px #ce2c53,53vw 80px 0 0 #ff9c62,68vw 520px 0 -1px #e14650,81vw -90px 0 -1px #ff765e,89vw 290px 0 0 #d72c4b;
  animation:eventsParticleRise 25s ease-in-out -8s infinite alternate-reverse;
}
.events-scanline{
  position:absolute;z-index:3;inset:-8% -18%;opacity:.52;will-change:transform;
  background:linear-gradient(105deg,transparent 35%,rgba(255,42,63,.025) 43%,rgba(255,131,97,.065) 49%,rgba(145,29,81,.025) 55%,transparent 64%);
  filter:blur(3px);transform:translate3d(-38%,0,0);animation:eventsScan 17s ease-in-out infinite;
}

.events-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.5fr);align-items:end;gap:clamp(40px,5vw,90px);margin-bottom:clamp(44px,6vw,72px)}
.events-hero-copy{max-width:900px}
.events-overline{display:inline-flex;align-items:center;gap:11px;color:#ff8b95;font-size:.71rem;font-weight:900;letter-spacing:.22em}
.events-overline i,.event-feature-label i{width:28px;height:1px;background:linear-gradient(90deg,var(--event-red-hot),transparent);box-shadow:0 0 12px var(--event-red)}
.events-hero h2{margin:20px 0 24px;color:#fff;font:900 clamp(2.65rem,6.3vw,6.25rem)/.94 Orbitron,Inter,sans-serif;letter-spacing:-.055em;text-wrap:balance}
.events-hero h2 em{font-style:normal;background:linear-gradient(102deg,#fff 3%,#ff8892 42%,#d61731 92%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 18px 60px rgba(215,23,48,.17)}
.events-hero-copy>p{max-width:680px;margin:0;color:#aeb3bd;font-size:clamp(.98rem,1.5vw,1.12rem);line-height:1.8}
.events-hero-mark{position:relative;min-height:180px;padding:31px 29px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.085);border-radius:2px 30px 2px 30px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));box-shadow:inset 0 1px rgba(255,255,255,.08),0 28px 70px rgba(0,0,0,.34);overflow:hidden}
.events-hero-mark::before{content:"";position:absolute;inset:-60% -35%;background:conic-gradient(from 110deg,transparent,rgba(236,39,60,.2),transparent 24%);animation:eventsMarkGlow 8s linear infinite}
.events-hero-mark::after{content:"R";position:absolute;right:-7px;bottom:-36px;color:rgba(255,255,255,.025);font:900 10rem/1 Orbitron,sans-serif}
.events-hero-mark>*{position:relative;z-index:1}
.events-mark-kicker{color:#ff7a87;font-size:.66rem;font-weight:900;letter-spacing:.24em}
.events-hero-mark strong{margin:8px 0 20px;color:#fff;font:900 clamp(1.65rem,3vw,2.5rem)/1 Orbitron,sans-serif;letter-spacing:.04em}
.events-mark-code{padding-top:14px;border-top:1px solid rgba(255,255,255,.08);color:#777e89;font:700 .59rem/1.4 Orbitron,sans-serif;letter-spacing:.13em}

.events-showcase{display:block}
.event-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.085);background:linear-gradient(145deg,rgba(20,22,28,.95),rgba(9,10,14,.94));box-shadow:0 28px 75px rgba(0,0,0,.28);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.event-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 28%,transparent 72%,rgba(235,35,57,.055))}
.event-card:hover{transform:translateY(-5px);border-color:rgba(255,74,92,.28);box-shadow:0 34px 85px rgba(0,0,0,.4),0 0 34px rgba(219,23,45,.07)}
.event-card.featured-event{display:block;min-height:430px;padding:0;border-radius:3px 34px 3px 34px;background:radial-gradient(circle at 84% 20%,rgba(226,28,51,.2),transparent 32%),linear-gradient(125deg,rgba(28,30,37,.97),rgba(8,9,13,.98) 66%)}
.featured-event::after{content:"";position:absolute;width:420px;height:420px;right:-160px;bottom:-260px;border-radius:50%;border:1px solid rgba(255,71,90,.16);box-shadow:0 0 0 52px rgba(255,71,90,.025),0 0 90px rgba(210,20,42,.16)}
.event-feature-rail{position:relative;z-index:2;height:62px;padding:0 clamp(24px,4vw,50px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.018)}
.event-feature-label{display:flex;align-items:center;gap:11px;color:#ff929c;font-size:.67rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.event-feature-index,.event-card-number{color:#626975;font:700 .64rem/1 Orbitron,sans-serif;letter-spacing:.15em}
.event-feature-layout{position:relative;z-index:2;display:grid;grid-template-columns:190px minmax(0,1fr);gap:clamp(30px,5vw,68px);align-items:stretch;padding:clamp(34px,5vw,58px)}
.event-date-box{width:auto;height:auto;min-height:236px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,77,95,.22);border-radius:2px 28px 2px 28px;background:radial-gradient(circle at 50% 30%,rgba(244,50,70,.19),transparent 55%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.01));box-shadow:inset 0 1px rgba(255,255,255,.08),0 25px 55px rgba(0,0,0,.28)}
.event-date-box span{color:#ff7a88;font:900 .71rem/1 Orbitron,sans-serif;letter-spacing:.24em}
.event-date-box strong{margin:12px 0 7px;color:#fff;font:900 clamp(3.2rem,6vw,5rem)/.84 Orbitron,sans-serif;letter-spacing:-.07em;text-shadow:0 0 34px rgba(255,58,77,.22)}
.event-date-box small{color:#898f99;font:700 .72rem/1 Orbitron,sans-serif;letter-spacing:.16em}
.event-card-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.event-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.event-type,.event-status{display:inline-flex;align-items:center;min-height:29px;padding:0 11px;border-radius:999px;font-size:.62rem;font-weight:900;line-height:1;letter-spacing:.15em}
.event-type{color:#ff919b;border:1px solid rgba(255,79,96,.22);background:rgba(216,28,49,.1)}
.event-status{color:#d9dce1;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.featured-event h3{max-width:810px;margin:18px 0 15px;color:#fff;font:900 clamp(1.7rem,4vw,3.45rem)/1.07 Orbitron,Inter,sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}
.event-card p{max-width:780px;margin:0;color:#a8aeb9;font-size:.94rem;line-height:1.72;overflow-wrap:anywhere}
.event-meta-row{width:100%;margin:26px 0 0;padding:19px 0 0;display:flex;align-items:flex-start;gap:clamp(18px,4vw,42px);flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.075);color:#e6e8eb;font-size:.78rem}
.event-meta-row span{display:grid;gap:6px}
.event-meta-row b{color:#747b86;font-size:.57rem;letter-spacing:.16em}
.event-cta{margin-top:28px;min-height:49px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,104,117,.4);border-radius:3px 15px 3px 15px;background:linear-gradient(135deg,#e4253b,#9e1025);box-shadow:0 12px 32px rgba(204,24,45,.24),inset 0 1px rgba(255,255,255,.2);color:#fff!important;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-decoration:none!important;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.event-cta svg{width:16px;height:16px;fill:currentColor}
.event-cta:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 17px 38px rgba(218,26,49,.34),inset 0 1px rgba(255,255,255,.24)}
.event-cta:focus-visible{outline:2px solid #fff;outline-offset:4px}
.event-awaiting{margin-top:27px;color:#858c97;font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}

.events-list-heading{margin:clamp(44px,6vw,70px) 0 21px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.events-list-heading>div>span{color:#e94b5e;font-size:.61rem;font-weight:900;letter-spacing:.19em}
.events-list-heading h3{margin:8px 0 0;color:#fff;font:800 clamp(1.35rem,2.7vw,2.15rem)/1.1 Orbitron,sans-serif;letter-spacing:-.02em}
.events-list-heading>span{color:#6f7681;font:700 .62rem/1 Orbitron,sans-serif;letter-spacing:.14em}
.events-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.events-list-grid .event-card{min-height:340px;padding:27px;border-radius:2px 24px 2px 24px;display:flex;flex-direction:column}
.event-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}
.events-list-grid .event-date-box{width:91px;min-height:102px;border-radius:2px 20px 2px 20px;flex:0 0 91px}
.events-list-grid .event-date-box strong{margin:8px 0 4px;font-size:2.25rem}
.events-list-grid .event-date-box span{font-size:.58rem}
.events-list-grid .event-date-box small{font-size:.57rem}
.events-list-grid .event-card h3{margin:14px 0 12px;color:#fff;font:800 clamp(1.15rem,2vw,1.5rem)/1.22 Orbitron,sans-serif;overflow-wrap:anywhere}
.events-list-grid .event-card p{font-size:.88rem}
.events-list-grid .event-meta-row{margin-top:auto;padding-top:18px}
.events-list-grid .event-cta{margin-top:21px;align-self:flex-start}

.events-empty{position:relative;min-height:390px;padding:55px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:3px 34px 3px 34px;background:radial-gradient(circle at 50% 30%,rgba(206,25,47,.14),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));box-shadow:0 28px 75px rgba(0,0,0,.3)}
.events-empty::before,.events-empty::after{content:"";position:absolute;width:280px;height:90px;border:1px solid rgba(255,61,82,.1);border-radius:50%;transform:rotate(-12deg)}
.events-empty::before{left:-100px;top:40px}.events-empty::after{right:-100px;bottom:35px}
.events-empty-icon{position:relative;width:84px;height:84px;margin-bottom:25px;display:grid;place-items:center;border:1px solid rgba(255,84,101,.24);border-radius:50%;background:radial-gradient(circle,rgba(238,42,63,.18),rgba(255,255,255,.025) 65%);box-shadow:0 0 55px rgba(220,27,49,.16)}
.events-empty-icon::before,.events-empty-icon::after,.events-empty-icon i{content:"";position:absolute;background:#ff6371;box-shadow:0 0 15px rgba(255,62,81,.7)}
.events-empty-icon::before{width:32px;height:2px}.events-empty-icon::after{width:2px;height:32px}.events-empty-icon i{width:7px;height:7px;border-radius:50%}
.events-empty-kicker{color:#ff7f8b;font-size:.64rem;font-weight:900;letter-spacing:.2em}
.events-empty h3{margin:13px 0 12px;color:#fff;font:850 clamp(1.45rem,3vw,2.25rem)/1.15 Orbitron,sans-serif}
.events-empty p{max-width:570px;margin:0;color:#999faa;line-height:1.7}
.events-empty-status{margin-top:25px;padding:9px 12px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.025);color:#7f8690;font-size:.57rem;font-weight:900;letter-spacing:.16em}
.events-empty-status i{width:6px;height:6px;border-radius:50%;background:#e82d43;box-shadow:0 0 10px rgba(232,45,67,.8)}
.events-loading .events-empty-icon{animation:eventsPulse 1.8s ease-in-out infinite}

@keyframes eventsPlasmaDrift{0%{transform:translate3d(-2%,-1%,0) scale(1)}45%{transform:translate3d(3%,2%,0) scale(1.05)}100%{transform:translate3d(-1%,4%,0) scale(1.02)}}
@keyframes eventsEnergyHaze{0%{transform:translate3d(-5%,-1%,0) scale(1)}100%{transform:translate3d(5%,2%,0) scale(1.035)}}
@keyframes eventsWarshipDrift{from{transform:scale(1.02)}to{transform:scale(1.035)}}
@keyframes eventsWarshipDriftMobile{from{transform:scale(1.01)}to{transform:scale(1.02)}}
@keyframes eventsSearchlightSweep{0%,18%{transform:translate3d(-12%,0,0);opacity:.12}72%,100%{transform:translate3d(8%,3%,0);opacity:.34}}
@keyframes eventsReactorBreath{0%,100%{transform:scale(.88);opacity:.28}50%{transform:scale(1.08);opacity:.55}}
@keyframes eventsParticleRise{0%{transform:translate3d(0,30px,0);opacity:.18}55%{opacity:.52}100%{transform:translate3d(18px,-58px,0);opacity:.25}}
@keyframes eventsScan{0%,18%{transform:translate3d(-38%,0,0)}72%,100%{transform:translate3d(38%,0,0)}}
@keyframes eventsMarkGlow{to{transform:rotate(360deg)}}
@keyframes eventsPulse{50%{transform:scale(1.04);box-shadow:0 0 75px rgba(220,27,49,.25)}}

@media(max-width:900px){
  #events > .container.events-container{width:min(1200px,calc(100% - 40px));margin-inline:auto}
  .events-hero{grid-template-columns:1fr;align-items:start}.events-hero-mark{min-height:145px;max-width:420px}
  .event-feature-layout{grid-template-columns:145px minmax(0,1fr)}.event-date-box{min-height:200px}
}
@media(min-width:1200px){
  .events-hero{position:relative;display:block;min-height:clamp(350px,27vw,440px);margin-bottom:clamp(32px,3vw,50px)}
  .events-hero-mark{position:absolute;left:min(55%,980px);top:-24px;width:280px;min-height:142px;padding:24px 25px;opacity:.78;background:linear-gradient(145deg,rgba(22,18,24,.65),rgba(8,9,13,.38));backdrop-filter:blur(12px)}
  .events-hero-mark strong{font-size:clamp(1.5rem,2vw,2rem)}
  #events .featured-event{width:min(1180px,78vw)}
}
@media(max-width:680px){
  #events.events-section{padding:84px 0 90px}
  #events.events-section::before{background:linear-gradient(180deg,rgba(1,2,4,.32),rgba(1,2,4,.12) 35%,rgba(1,2,4,.18) 75%,rgba(1,2,4,.48))}
  #events > .container.events-container{width:min(1200px,calc(100% - 28px));margin-inline:auto}
  #events.events-section::after{opacity:.1;background-size:213px 247px,287px 299px,369px 353px}
  .events-atmosphere::before{inset:-5%;opacity:.45;filter:blur(24px);animation-duration:32s}
  .events-atmosphere::after{animation:none;opacity:.25;transform:none;filter:blur(5px)}
  .events-warship{background-position:75% center;animation-name:eventsWarshipDriftMobile;animation-duration:42s}
  .events-warship::before{display:none}.events-warship::after{right:7%;opacity:.3;animation-duration:10s}
  .events-orbit-two{display:none}.events-orbit-one{opacity:.27;animation-duration:28s}.events-scanline{opacity:.24;animation-duration:24s}
  .events-hero{gap:30px;margin-bottom:38px}.events-hero h2{font-size:clamp(2.35rem,12.6vw,3.45rem);line-height:.98}.events-hero-copy>p{font-size:.94rem;line-height:1.7}
  .events-hero-mark{display:none}.event-card.featured-event{min-height:0;border-radius:2px 25px 2px 25px}.event-feature-rail{height:54px;padding:0 20px}.event-feature-index{display:none}
  .event-feature-layout{grid-template-columns:1fr;gap:24px;padding:25px 20px 27px}.event-date-box{width:100%;min-height:104px;display:grid;grid-template-columns:auto auto auto;align-content:center;justify-content:center;column-gap:10px;border-radius:2px 20px 2px 20px}.event-date-box span{align-self:end}.event-date-box strong{margin:0;font-size:3rem}.event-date-box small{align-self:end;padding-bottom:4px}
  .featured-event h3{font-size:clamp(1.55rem,8vw,2.15rem);line-height:1.12}.event-meta-row{display:grid;grid-template-columns:1fr;gap:14px}.event-cta{width:100%}
  .events-list-heading{align-items:end}.events-list-heading>span{display:none}.events-list-grid{grid-template-columns:1fr}.events-list-grid .event-card{min-height:0;padding:22px}.events-list-grid .event-date-box{width:88px;min-height:94px;display:flex;flex:0 0 88px}.events-list-grid .event-date-box strong{font-size:2.1rem}.events-list-grid .event-cta{width:100%}
  .events-empty{min-height:360px;padding:45px 21px;border-radius:2px 25px 2px 25px}
}
@media(prefers-reduced-motion:reduce){
  .events-atmosphere::before,.events-atmosphere::after,.events-warship,.events-warship::before,.events-warship::after,.events-orbit,.events-scanline,.events-hero-mark::before,.events-loading .events-empty-icon{animation:none!important}
  .events-atmosphere::before,.events-atmosphere::after,.events-orbit,.events-scanline,.events-hero-mark::before,.events-loading .events-empty-icon{transform:none!important}
  .events-warship{transform:none!important;will-change:auto}.events-warship::before{transform:translate3d(-2%,0,0)!important;opacity:.2}.events-warship::after{transform:scale(1)!important;opacity:.36}
  .events-atmosphere::before{opacity:.52}.events-atmosphere::after{opacity:.3}.events-orbit{opacity:.28}
  .event-card,.event-cta{transition:none!important}
}