/* SJ SMALLPAGE V33 — HIGH IMPACT FESTIVAL
   Punchier, cleaner colour. No burnt orange. Adult festival energy. */

.v30-public{
  --fest-ink:#12141a;
  --fest-cream:#fbf7ee;
  --fest-blue:#2667ff;
  --fest-pink:#e62b76;
  --fest-yellow:#f4d62a;
  --fest-teal:#16a6a0;
  --fest-purple:#7657d7;
  --fest-night:#11141b;
  --fest-soft-blue:#dce7ff;
  --fest-soft-pink:#f7dfe9;

  --v30-accent:var(--fest-pink)!important;
  --v30-accent-dark:#b71f5c!important;
  --v31-clay:var(--fest-pink)!important;
  --v31-sun:var(--fest-yellow)!important;
  --v31-sky:var(--fest-blue)!important;
  --v31-forest:#18213d!important;
  --v31-lilac:var(--fest-purple)!important;

  background:var(--fest-cream)!important;
  color:var(--fest-ink)!important;
}

/* HEADER */
.v30-head{
  background:rgba(251,247,238,.96)!important;
  border-bottom:2px solid var(--fest-ink)!important;
}
.v30-brand span{color:var(--fest-blue)!important}
.v30-head nav a:hover{color:var(--fest-pink)!important}
.v30-head .nav-work{
  background:var(--fest-pink)!important;
  border-color:var(--fest-pink)!important;
  color:#fff!important;
}
.v30-head .nav-work:hover{
  background:var(--fest-blue)!important;
  border-color:var(--fest-blue)!important;
}
.v30-alert{background:var(--fest-blue)!important}

/* HERO */
.v30-hero{
  background:
   radial-gradient(circle at 84% 8%, rgba(244,214,42,.95) 0 74px, transparent 75px),
   linear-gradient(90deg,transparent 0 53%,rgba(38,103,255,.08) 53% 100%),
   var(--fest-cream)!important;
}
.v30-hero-copy:before{
  background:linear-gradient(90deg,var(--fest-pink) 0 34%,var(--fest-yellow) 34% 67%,var(--fest-blue) 67%)!important;
  height:8px!important;
  width:94px!important;
}
.v30-overline{color:var(--fest-blue)!important}
.v30-hero h1 em{color:var(--fest-pink)!important}
.v30-hero-copy>p{color:#4a4f59!important}
.v30-btn.dark{
  background:var(--fest-blue)!important;
  border-color:var(--fest-blue)!important;
}
.v30-btn.line{
  background:#fff!important;
  border-color:var(--fest-pink)!important;
  color:var(--fest-pink)!important;
}
.v30-hero-image{
  background:#fff!important;
  box-shadow:20px 22px 0 var(--fest-blue)!important;
  transform:rotate(.6deg)!important;
}
.v30-hero-image:before{
  background:var(--fest-yellow)!important;
}
.v30-hero-image:after{
  background:var(--fest-pink)!important;
}
.orbit-ring{stroke:var(--fest-blue)!important}
.orbit-ring-2{stroke:var(--fest-yellow)!important}
.orbit-dot{fill:var(--fest-pink)!important}
.orbit-squiggle{stroke:var(--fest-teal)!important}

/* SNAPSHOT */
.v32-snapshot{
  background:var(--fest-night)!important;
  border-top:6px solid var(--fest-yellow);
}
.v32-snapshot-intro span{color:var(--fest-yellow)!important}
.v32-stat:nth-of-type(2) strong{color:var(--fest-yellow)!important}
.v32-stat:nth-of-type(3) strong{color:#75a0ff!important}
.v32-stat:nth-of-type(4) strong{color:#ff63a0!important}
.v32-stat:nth-of-type(5) strong{color:#39d0c7!important}
.wave-a{stroke:var(--fest-pink)!important}
.wave-b{stroke:var(--fest-blue)!important}

/* FEATURED */
.v30-featured>.v30-section-label,
.v30-section-head>div>span{color:var(--fest-blue)!important}
.v30-featured-grid>img{
  box-shadow:-14px 14px 0 var(--fest-yellow)!important;
}
.v30-featured-grid h2:hover,
.v30-story-card:hover h3,
.v30-event-row:hover h3{
  color:var(--fest-pink)!important;
}
.v30-read{border-bottom-color:var(--fest-pink)!important}

/* FESTIVAL ROUTE + DIARY */
.v32-route-copy span{color:var(--fest-pink)!important}
.route-shadow{stroke:#dfe4f2!important}
.route-main{stroke:var(--fest-blue)!important}
.v32-route circle:nth-of-type(1){fill:var(--fest-yellow)!important}
.v32-route circle:nth-of-type(2){fill:var(--fest-teal)!important}
.v32-route circle:nth-of-type(3){fill:var(--fest-pink)!important}
.v32-route circle:nth-of-type(4){fill:var(--fest-purple)!important}
.v30-event-row:before{background:linear-gradient(90deg,var(--fest-pink),var(--fest-blue),var(--fest-teal))!important}
.v30-event-row time b{color:var(--fest-blue)!important}

/* FIELD NOTES */
.v30-fieldnotes{
  background:#14192a!important;
  position:relative;
}
.v30-fieldnotes:before{
  content:"BACKSTAGE / FIELD NOTES / LIVE / PEOPLE";
  position:absolute;
  left:0;
  right:0;
  top:0;
  font:800 66px/.8 'Space Grotesk';
  color:#ffffff05;
  letter-spacing:-.05em;
  white-space:nowrap;
  overflow:hidden;
}
.v30-note-grid{
  background:#30384f!important;
  border-color:#30384f!important;
}
.v30-note-grid article{background:#171c2d!important}
.v30-note-grid article:nth-child(2n){background:#1d2440!important}
.v30-note-grid small{color:var(--fest-yellow)!important}
.v30-note-grid a{border-bottom-color:var(--fest-pink)!important}

/* STORIES */
.v30-story-card:nth-child(3n+1):before{background:var(--fest-pink)!important}
.v30-story-card:nth-child(3n+2):before{background:var(--fest-blue)!important}
.v30-story-card:nth-child(3n+3):before{background:var(--fest-yellow)!important}
.v30-story-card small{color:#656d78!important}

/* FACTS */
.v32-facts{
  background:
   linear-gradient(120deg,#eef3ff 0 58%,#dff6f2 58% 100%)!important;
}
.v32-facts:before{
  color:#2667ff0d!important;
}
.v32-facts-heading>span{color:var(--fest-pink)!important}
.v32-facts-heading h2 em{color:var(--fest-blue)!important}
.v32-fact-points span{color:var(--fest-pink)!important}
.loop-one{stroke:var(--fest-blue)!important}
.loop-two{stroke:var(--fest-teal)!important}
.facts-pulse{fill:var(--fest-yellow)!important}

/* ABOUT */
.v30-about{
  background:#fff!important;
}
.v30-about:after{
  background:var(--fest-blue)!important;
  opacity:.08!important;
}
.v30-about h2 em{color:var(--fest-pink)!important}
.v30-stats b{color:var(--fest-blue)!important}
.v30-stats>div:nth-child(1){border-top:5px solid var(--fest-pink)!important}
.v30-stats>div:nth-child(2){border-top:5px solid var(--fest-blue)!important}
.v30-stats>div:nth-child(3){border-top:5px solid var(--fest-yellow)!important}

/* PHOTOGRAPHY */
.v30-photo-item.item-1{box-shadow:inset 0 -7px 0 var(--fest-pink)!important}
.v30-photo-item.item-2{box-shadow:inset 0 -7px 0 var(--fest-yellow)!important}
.v30-photo-item.item-3{box-shadow:inset 0 -7px 0 var(--fest-blue)!important}
.v30-photo-item.item-4{box-shadow:inset 0 -7px 0 var(--fest-purple)!important}
.v30-photo-item.item-5{box-shadow:inset 0 -7px 0 var(--fest-teal)!important}

/* SOCIAL */
.v30-social{
  background:
   linear-gradient(135deg,#dce7ff 0 52%,#f6ddea 52% 100%)!important;
}
.v30-social-grid a{
  background:#fff!important;
}
.v30-social-grid a:nth-child(3n+1){box-shadow:7px 8px 0 var(--fest-pink)!important}
.v30-social-grid a:nth-child(3n+2){box-shadow:7px 8px 0 var(--fest-blue)!important}
.v30-social-grid a:nth-child(3n+3){box-shadow:7px 8px 0 var(--fest-yellow)!important}
.v30-social-grid a:after{color:var(--fest-blue)!important}

/* WORK CTA */
.v30-work{
  background:linear-gradient(115deg,#e62b76 0%,#bd2a82 48%,#7657d7 100%)!important;
}
.v30-work span{color:#fff3a8!important}
.v30-work button{
  background:var(--fest-yellow)!important;
  color:var(--fest-ink)!important;
  border-color:var(--fest-yellow)!important;
}

/* FOOTER + CONTACT */
.v30-footer{
  background:#10131b!important;
  border-top:7px solid var(--fest-blue)!important;
}
.v30-footer-brand span{color:var(--fest-yellow)!important}
.v30-contact-launch{
  background:var(--fest-pink)!important;
}
.v30-contact-launch:hover{background:var(--fest-blue)!important}
.contact-sj-modal .contact-sj-panel{
  background:#fffaf1!important;
  border-left:10px solid var(--fest-blue)!important;
}
.contact-sj-panel h2 em{color:var(--fest-pink)!important}
.contact-sj-panel button[type=submit]{background:var(--fest-blue)!important}

/* GENERIC PUBLIC PAGES */
.v30-public .page-hero,
.v30-public .latest-hero,
.v30-public .backstage-hero{
  background:
   linear-gradient(90deg,var(--fest-cream) 0 72%,#dce7ff 72% 100%)!important;
}
.v30-public .page-hero:before,
.v30-public .latest-hero:before,
.v30-public .backstage-hero:before{
  color:var(--fest-pink)!important;
}
.v30-public .chip,
.v30-public .chip.float{
  background:var(--fest-blue)!important;
}
.v30-public .card:nth-child(3n+1) .card-body{border-top-color:var(--fest-pink)!important}
.v30-public .card:nth-child(3n+2) .card-body{border-top-color:var(--fest-blue)!important}
.v30-public .card:nth-child(3n+3) .card-body{border-top-color:var(--fest-yellow)!important}
.v30-public .btn,
.v30-public .btn.hot,
.v30-public .btn.festival,
.v30-public .btn.light{
  background:var(--fest-blue)!important;
  border-color:var(--fest-blue)!important;
}
.v30-public .story-body blockquote{
  border-left-color:var(--fest-pink)!important;
  background:#fff6fb!important;
}

/* BRAND KIT */
.brand-kit-hero{
  background:#11162a!important;
}
.brand-kit-hero h1 em{color:var(--fest-pink)!important}
.brand-pass{
  background:var(--fest-yellow)!important;
  box-shadow:14px 14px 0 var(--fest-blue)!important;
}
.brand-kit-stripe{background:var(--fest-pink)!important}
.brand-kit-colour-zone{background:#dce7ff!important}
.brand-kit-dark{background:#11162a!important}
.brand-kit-final{background:var(--fest-yellow)!important}
.brand-kit-final h2 em{color:var(--fest-blue)!important}

/* Stronger section separators without boxes */
.v30-section-head{
  border-bottom:2px solid #ccd3e2!important;
}
.v30-section-head:after{
  content:"";
  display:block;
  position:absolute;
}
.v30-section{
  position:relative;
}
.v30-section:nth-of-type(even):before{
  content:"";
  position:absolute;
  width:64px;
  height:10px;
  right:4%;
  top:22px;
  background:linear-gradient(90deg,var(--fest-pink) 0 33%,var(--fest-yellow) 33% 66%,var(--fest-blue) 66%);
  transform:rotate(-3deg);
}

@media(max-width:800px){
  .v30-hero{
    background:
      radial-gradient(circle at 88% 6%,rgba(244,214,42,.85) 0 45px,transparent 46px),
      var(--fest-cream)!important;
  }
  .v30-hero-image{box-shadow:10px 11px 0 var(--fest-blue)!important}
  .v30-public .page-hero,
  .v30-public .latest-hero,
  .v30-public .backstage-hero{
    background:var(--fest-cream)!important;
  }
}