/* v10.31.2 — Events archive only: editorial display type and scattered gold tigers.
 * Reuses the existing Jost font request and the original SBG tiger artwork.
 * Every selector is scoped to this archive's explicit opt-in marker.
 */
.sbg-events-archive[data-sbg-events-editorial]{
  --event-editorial-font:var(--sbg-cinematic-display,"Jost","Avenir Next","Helvetica Neue",Arial,sans-serif);
}

.sbg-events-archive[data-sbg-events-editorial] .sbg-event-section-heading--next{
  align-items:center;
  gap:24px;
  border-bottom-color:rgba(221,183,105,.24);
  padding-bottom:24px;
}
.sbg-events-archive[data-sbg-events-editorial] .sbg-event-section-heading--next>span{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  font-family:var(--event-editorial-font);
  font-weight:600;
  font-size:10px;
  line-height:1.5;
  letter-spacing:.24em;
  color:#c5ac79;
}
.sbg-events-archive[data-sbg-events-editorial] .sbg-event-section-heading--next>span:before{
  content:"";
  flex:0 0 24px;
  height:1px;
  background:linear-gradient(90deg,#eac476,rgba(234,196,118,.18));
}
.sbg-events-archive[data-sbg-events-editorial] .sbg-event-section-heading--next>h2{
  min-width:0;
  margin:0;
  color:#f4d797;
  font-family:var(--event-editorial-font);
  font-size:clamp(32px,5.2vw,68px);
  font-style:normal;
  font-weight:800;
  line-height:1.06;
  letter-spacing:-.045em;
  text-transform:uppercase;
  text-wrap:balance;
  overflow-wrap:break-word;
  text-shadow:0 2px 1px rgba(95,62,17,.32),0 10px 30px rgba(0,0,0,.52),0 0 26px rgba(212,157,59,.14);
}

.sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(46px,6.4vw,86px) clamp(20px,4vw,56px);
  border:1px solid rgba(221,183,105,.27);
  border-radius:16px;
  background:radial-gradient(ellipse at 50% 0,rgba(159,105,27,.12),transparent 64%),linear-gradient(180deg,rgba(19,16,12,.82),rgba(8,8,7,.88));
  box-shadow:inset 0 1px 0 rgba(255,235,190,.055),0 20px 70px rgba(0,0,0,.15);
  text-align:center;
}
.sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty:before{
  content:"";
  display:block;
  width:52px;
  height:2px;
  margin:0 auto 26px;
  background:linear-gradient(90deg,#946323,#f5d38a,#946323);
  box-shadow:0 0 22px rgba(230,181,83,.3);
}
.sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty:after{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(221,183,105,.07);
  border-radius:10px;
  pointer-events:none;
}
.sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty>h3{
  max-width:24ch;
  margin:0 auto;
  color:#f6f0e5;
  font-family:var(--event-editorial-font);
  font-size:clamp(28px,4.3vw,56px);
  font-style:normal;
  font-weight:800;
  line-height:1.1;
  letter-spacing:-.028em;
  text-transform:uppercase;
  text-wrap:balance;
  overflow-wrap:break-word;
  text-shadow:0 7px 22px rgba(0,0,0,.5);
}
.sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty-intro,
.sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty-promise{
  display:block;
}
.sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty-promise{
  margin-top:.09em;
  color:#e8c577;
  text-shadow:0 1px 1px rgba(120,75,11,.18),0 0 32px rgba(226,178,83,.16);
}
.sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty>p{
  max-width:56ch;
  margin:22px auto 0;
  color:#bcb4a5;
  font-family:var(--event-editorial-font);
  font-size:clamp(14px,1.2vw,17px);
  font-weight:500;
  line-height:1.75;
  letter-spacing:.005em;
  text-wrap:pretty;
}

/* A solid-color fallback remains readable without text clipping support. */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-section-heading--next>h2,
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty-promise{
    background:linear-gradient(170deg,#fff5d8 6%,#edcd89 36%,#ba8b3d 76%,#f4dca5 100%);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
  }
}

/* Six accents are selected once per page load. Before JS (or without JS), these
 * six fixed positions provide a complete, non-flashing decorative fallback.
 * The common pattern renderer and every other page's tiger field are untouched.
 */
.sbg-events-archive[data-sbg-events-editorial]>.sbg-cinematic-tiger-pattern>i.is-event-gold,
.sbg-events-archive[data-sbg-events-editorial]:not([data-sbg-event-gold-ready])>.sbg-cinematic-tiger-pattern>i:nth-child(2),
.sbg-events-archive[data-sbg-events-editorial]:not([data-sbg-event-gold-ready])>.sbg-cinematic-tiger-pattern>i:nth-child(4),
.sbg-events-archive[data-sbg-events-editorial]:not([data-sbg-event-gold-ready])>.sbg-cinematic-tiger-pattern>i:nth-child(6),
.sbg-events-archive[data-sbg-events-editorial]:not([data-sbg-event-gold-ready])>.sbg-cinematic-tiger-pattern>i:nth-child(9),
.sbg-events-archive[data-sbg-events-editorial]:not([data-sbg-event-gold-ready])>.sbg-cinematic-tiger-pattern>i:nth-child(13),
.sbg-events-archive[data-sbg-events-editorial]:not([data-sbg-event-gold-ready])>.sbg-cinematic-tiger-pattern>i:nth-child(16){
  opacity:var(--sbg-event-gold-opacity,.3);
  filter:grayscale(1) brightness(.62) sepia(1) saturate(2.3) hue-rotate(-8deg) brightness(1.08) drop-shadow(0 0 10px rgba(222,165,58,.2));
}

@media(max-width:640px){
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-section-heading--next{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    padding-bottom:20px;
  }
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-section-heading--next>h2{
    font-size:clamp(30px,9.2vw,52px);
  }
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty{
    border-radius:12px;
  }
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty>h3{
    font-size:clamp(26px,7.2vw,42px);
    line-height:1.14;
  }
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty>p{
    max-width:34ch;
    margin-top:20px;
  }
}
@media(forced-colors:active){
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-section-heading--next>h2,
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty>h3,
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty-promise{
    color:CanvasText;
    -webkit-text-fill-color:CanvasText;
    background:none;
    text-shadow:none;
  }
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-section-heading--next,
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty{
    border-color:CanvasText;
    background:Canvas;
    box-shadow:none;
  }
  .sbg-events-archive[data-sbg-events-editorial]>.sbg-cinematic-tiger-pattern,
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty:before,
  .sbg-events-archive[data-sbg-events-editorial] .sbg-event-empty:after{
    display:none;
  }
}
@media print{
  .sbg-events-archive[data-sbg-events-editorial]>.sbg-cinematic-tiger-pattern{display:none}
}
