:root {
  --scs26-black: #030205;
  --scs26-bone: #eee8db;
  --scs26-red: #ff1838;
  --scs26-orange: #ff7a16;
  --scs26-purple: #9b45bd;
  --scs26-green: #9dbb3d;
  --scs26-display-font: "Creepster", "Metal Mania", Georgia, serif;
  --scs26-gothic-font: "Metal Mania", "Creepster", Georgia, serif;
}

body.scs26-polished {
  background:
    radial-gradient(circle at 10% 8%, rgba(116, 0, 28, .22), transparent 28rem),
    radial-gradient(circle at 90% 36%, rgba(77, 31, 105, .16), transparent 34rem),
    #030205;
}

body.scs26-polished .header-wrapper {
  border-bottom-color: rgba(255, 24, 56, .42);
  box-shadow: 0 14px 48px rgba(0, 0, 0, .88), 0 1px 0 rgba(255, 24, 56, .2);
}

body.scs26-polished .skh-hero-clean-wrap {
  min-height: clamp(570px, 76vh, 800px);
}

body.scs26-polished .skh-hero-clean-wrap:before {
  content: "";
  position: absolute;
  inset: auto -15% -18% -15%;
  height: 50%;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 25% 70%, rgba(255,255,255,.12), transparent 26%),
    radial-gradient(ellipse at 70% 50%, rgba(255,24,56,.12), transparent 32%);
  filter: blur(28px);
  animation: scs26FogDrift 14s ease-in-out infinite alternate;
}

.scs26-experience {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(48px, 8vw, 108px) 20px;
  color: var(--scs26-bone);
  background:
    radial-gradient(circle at 8% 14%, rgba(255, 24, 56, .2), transparent 26rem),
    radial-gradient(circle at 92% 76%, rgba(130, 64, 164, .19), transparent 31rem),
    linear-gradient(180deg, #050003 0%, #100006 48%, #020204 100%);
}

.scs26-experience:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .18;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at 50% 30%, #000, transparent 75%);
}

.scs26-shell {
  width: min(1240px, 100%);
  margin: 0 auto;
}

.scs26-atmosphere,
.scs26-atmosphere i {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.scs26-atmosphere {
  z-index: 1;
  overflow: hidden;
}

.scs26-atmosphere i {
  top: auto;
  left: -20%;
  width: 75%;
  height: 30%;
  border-radius: 50%;
  background: rgba(238, 232, 219, .07);
  filter: blur(48px);
  animation: scs26FogDrift 15s ease-in-out infinite alternate;
}

.scs26-atmosphere i:nth-child(2) {
  left: 45%;
  bottom: 36%;
  width: 60%;
  background: rgba(111, 44, 139, .1);
  animation-delay: -6s;
}

.scs26-atmosphere i:nth-child(3) {
  bottom: 7%;
  left: 10%;
  width: 92%;
  background: rgba(141, 178, 53, .06);
  animation-delay: -11s;
}

.scs26-front-card {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  gap: clamp(30px, 5vw, 72px);
  align-items: center;
  padding: clamp(30px, 5vw, 68px);
  border: 1px solid rgba(255, 24, 56, .42);
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 90% 10%, rgba(255, 122, 22, .14), transparent 35%),
    linear-gradient(135deg, rgba(26, 4, 8, .98), rgba(2, 2, 4, .98));
  box-shadow: 0 36px 100px rgba(0,0,0,.78), 0 0 52px rgba(255,24,56,.14), inset 0 0 60px rgba(255,255,255,.025);
}

.scs26-eyebrow {
  display: inline-flex;
  margin-bottom: 16px;
  padding: 8px 14px;
  border: 1px solid rgba(255, 24, 56, .55);
  border-radius: 999px;
  color: #ff4962;
  background: rgba(112, 0, 18, .2);
  font-family: "Oswald", Impact, sans-serif;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 0 14px rgba(255,24,56,.65);
}

.scs26-front-copy h2,
.scs26-schedule-page h1,
.scs26-schedule-card h2 {
  margin: 0 0 22px;
  color: #fff !important;
  font-family: "Oswald", Impact, sans-serif !important;
  line-height: .94;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.scs26-front-copy h2 {
  max-width: 780px;
  font-size: clamp(2.7rem, 5.6vw, 5.7rem) !important;
  text-shadow: 0 4px 0 #4d000c, 0 0 34px rgba(255,24,56,.42);
}

.scs26-front-copy p {
  max-width: 760px;
  color: rgba(255,255,255,.78) !important;
  font-size: 1.05rem;
  line-height: 1.72;
}

.scs26-front-copy .scs26-lead {
  color: rgba(255,255,255,.92) !important;
  font-size: clamp(1.08rem, 1.8vw, 1.3rem);
}

.scs26-front-copy strong {
  color: var(--scs26-orange);
}

.scs26-feature-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 20px;
  margin: 28px 0 32px;
  padding: 0;
  list-style: none;
}

.scs26-feature-list li {
  position: relative;
  margin: 0;
  padding: 12px 14px 12px 34px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  color: rgba(255,255,255,.78);
  background: rgba(0,0,0,.32);
}

.scs26-feature-list li:before {
  content: "✦";
  position: absolute;
  left: 13px;
  color: var(--scs26-red);
  text-shadow: 0 0 12px rgba(255,24,56,.78);
}

.scs26-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.scs26-button,
.scs26-sound {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin: 0;
  padding: 12px 20px;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #ff1838, #81000f) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.42), 0 0 22px rgba(255,24,56,.24) !important;
  font-family: "Oswald", Impact, sans-serif !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  cursor: pointer;
}

.scs26-button-ghost,
.scs26-sound {
  border-color: rgba(255, 122, 22, .46) !important;
  background: rgba(0,0,0,.45) !important;
}

.scs26-sound[aria-pressed="true"] {
  color: #140006 !important;
  background: var(--scs26-orange) !important;
}

.scs26-button:hover,
.scs26-sound:hover {
  transform: translateY(-2px);
  filter: brightness(1.12);
}

.scs26-front-art {
  position: relative;
  display: flex;
  min-height: 450px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 26px;
  overflow: hidden;
  background: #080207;
  box-shadow:
    inset 0 0 70px #000,
    0 24px 60px rgba(0,0,0,.5),
    0 0 38px rgba(255,24,56,.14);
}

.scs26-front-art:before,
.scs26-front-art:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.scs26-front-art:before {
  background:
    linear-gradient(180deg, rgba(1,0,3,.05) 0%, transparent 27%, rgba(0,0,0,.12) 48%, rgba(0,0,0,.74) 100%),
    radial-gradient(ellipse at 50% 51%, rgba(98,11,24,.05) 0 28%, rgba(0,0,0,.2) 68%, rgba(0,0,0,.62) 100%);
  box-shadow: inset 0 0 65px rgba(0,0,0,.82);
}

.scs26-front-art:after {
  top: 39%;
  right: -25%;
  bottom: auto;
  left: -25%;
  height: 31%;
  border-radius: 50%;
  opacity: .16;
  background: #e2d7e8;
  filter: blur(33px);
  animation: scs26CurseFog 8s ease-in-out infinite alternate;
}

.scs26-curse-art {
  position: absolute;
  inset: -4%;
  z-index: 0;
  background-image: var(--scs26-curse-image);
  background-position: center;
  background-size: cover;
  filter: saturate(.92) contrast(1.06) brightness(.82);
  transform: scale(1.02);
  animation: scs26CurseBreathe 14s ease-in-out infinite alternate;
  will-change: transform, filter;
}

.scs26-house {
  position: relative;
  z-index: 2;
  color: #f2e6d8;
  font-family: var(--scs26-display-font);
  width: 100%;
  padding-inline: 14px;
  font-size: clamp(3.2rem, 5vw, 5.7rem);
  font-weight: 400;
  letter-spacing: .04em;
  line-height: .7;
  text-align: center;
  -webkit-text-stroke: 1px rgba(255,224,201,.55);
  text-shadow:
    0 3px 0 #782131,
    0 6px 0 #49101d,
    0 10px 0 #220710,
    0 15px 20px #000,
    0 0 24px rgba(255,34,54,.86),
    0 0 58px rgba(151,49,177,.32);
  transform: translateY(4%);
}

.scs26-front-label {
  position: absolute;
  z-index: 3;
  bottom: 26px;
  padding: 8px 14px;
  border: 1px solid rgba(255,122,22,.52);
  border-radius: 999px;
  color: var(--scs26-orange);
  background: rgba(0,0,0,.72);
  font-family: "Oswald", Impact, sans-serif;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

body.scs26-effects-off .scs26-curse-art,
body.scs26-effects-off .scs26-front-art:after {
  animation-play-state: paused;
}

@keyframes scs26CurseBreathe {
  0% { transform: scale(1.02) translate3d(0,0,0); filter: saturate(.88) contrast(1.06) brightness(.78); }
  100% { transform: scale(1.075) translate3d(-.7%,-1%,0); filter: saturate(1.04) contrast(1.08) brightness(.9); }
}

@keyframes scs26CurseFog {
  from { opacity: .1; transform: translateX(-8%) scaleX(.92); }
  to { opacity: .22; transform: translateX(8%) scaleX(1.1); }
}

.scs26-hedgemaze {
  --mx: 0px;
  --my: 0px;
  position: relative;
  display: grid;
  min-height: 560px;
  margin-top: clamp(34px, 5vw, 64px);
  place-items: center start;
  border: 1px solid rgba(155, 69, 189, .62);
  border-radius: 30px;
  overflow: hidden;
  color: var(--scs26-bone) !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.72) 38%, rgba(0,0,0,.18) 72%, rgba(0,0,0,.35) 100%),
    var(--scs26-banner-image);
  background-position: calc(50% + var(--mx)) calc(50% + var(--my));
  background-size: cover;
  box-shadow: 0 42px 110px rgba(0,0,0,.84), 0 0 46px rgba(155,69,189,.2), inset 0 0 80px #000;
  text-decoration: none !important;
  transition: border-color .3s ease, box-shadow .3s ease, background-position .25s ease-out;
}

.scs26-hedgemaze:hover {
  border-color: rgba(157,187,61,.78);
  box-shadow: 0 46px 120px rgba(0,0,0,.88), 0 0 60px rgba(155,69,189,.3), 0 0 30px rgba(157,187,61,.14), inset 0 0 80px #000;
}

.scs26-hedgemaze:before,
.scs26-hedgemaze:after {
  content: "";
  position: absolute;
  inset: 16px;
  border: 1px solid rgba(155,69,189,.34);
  border-radius: 20px;
  pointer-events: none;
}

.scs26-hedgemaze:after {
  inset: 24px;
  border-color: rgba(157,187,61,.18);
}

.scs26-hedgemaze-copy {
  position: relative;
  z-index: 3;
  display: flex;
  max-width: 700px;
  align-items: flex-start;
  flex-direction: column;
  padding: clamp(46px, 7vw, 88px);
}

.scs26-presented,
.scs26-event-line,
.scs26-address {
  font-family: Georgia, serif;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.scs26-presented {
  margin-bottom: 18px;
  color: #a8bd68;
  font-size: .76rem;
}

.scs26-hedgemaze strong {
  color: #ded1be;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3.5rem, 7vw, 7rem);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: .78;
  text-transform: uppercase;
  text-shadow: 0 4px 0 #231121, 0 0 30px rgba(155,69,189,.5), 0 18px 30px #000;
}

.scs26-hedgemaze em {
  margin: 20px 0 24px;
  color: #a9bf57;
  font-family: Georgia, serif;
  font-size: clamp(.88rem, 1.5vw, 1.2rem);
  font-style: normal;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.scs26-event-line {
  color: #eee2d4;
  font-size: clamp(.8rem, 1.3vw, 1rem);
  font-weight: 700;
}

.scs26-address {
  margin-top: 10px;
  color: #caa7c9;
  font-size: .82rem;
}

.scs26-banner-cta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
  padding: 12px 18px;
  border: 1px solid rgba(157,187,61,.5);
  border-radius: 999px;
  color: #dceca8;
  background: rgba(15, 20, 4, .72);
  font-family: "Oswald", Impact, sans-serif;
  font-size: .84rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.scs26-banner-cta b { transition: transform .2s ease; }
.scs26-hedgemaze:hover .scs26-banner-cta b { transform: translateX(5px); }

.scs26-hedgemaze-fog {
  position: absolute;
  z-index: 2;
  right: -10%;
  bottom: -14%;
  width: 78%;
  height: 44%;
  border-radius: 50%;
  background: rgba(179, 117, 203, .14);
  filter: blur(42px);
  animation: scs26FogDrift 12s ease-in-out infinite alternate-reverse;
}

.scs26-schedule-page {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(42px, 7vw, 92px) 20px;
}

.scs26-schedule-hero {
  max-width: 940px;
  margin: 0 auto clamp(38px, 6vw, 72px);
  text-align: center;
}

.scs26-schedule-page h1 {
  font-size: clamp(3.4rem, 8vw, 7rem) !important;
  text-shadow: 0 4px 0 #4d000c, 0 0 42px rgba(255,24,56,.4);
}

.scs26-schedule-hero p {
  color: rgba(255,255,255,.8) !important;
  font-size: clamp(1.08rem, 2vw, 1.38rem);
  line-height: 1.7;
}

.scs26-schedule-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 38px);
}

.scs26-schedule-card {
  position: relative;
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(255,24,56,.35);
  border-radius: 28px;
  overflow: hidden;
  background: radial-gradient(circle at 100% 0, rgba(255,24,56,.15), transparent 36%), linear-gradient(180deg, rgba(25,4,8,.98), rgba(2,2,4,.98));
  box-shadow: 0 32px 86px rgba(0,0,0,.72), inset 0 0 45px rgba(255,255,255,.025);
}

.scs26-schedule-card-maze {
  border-color: rgba(155,69,189,.5);
  background: radial-gradient(circle at 100% 0, rgba(155,69,189,.2), transparent 38%), radial-gradient(circle at 0 100%, rgba(157,187,61,.08), transparent 40%), linear-gradient(180deg, rgba(14,5,18,.98), rgba(2,2,4,.98));
}

.scs26-card-number {
  position: absolute;
  top: 12px;
  right: 22px;
  color: rgba(255,255,255,.045);
  font-family: "Oswald", Impact, sans-serif;
  font-size: 8rem;
  font-weight: 900;
  line-height: 1;
}

.scs26-schedule-card h2 {
  position: relative;
  max-width: 520px;
  font-size: clamp(2.25rem, 4vw, 4rem) !important;
}

.scs26-schedule-card p {
  position: relative;
  min-height: 120px;
  color: rgba(255,255,255,.74) !important;
  line-height: 1.7;
}

.scs26-schedule-card dl {
  margin: 24px 0 32px;
  border-top: 1px solid rgba(255,255,255,.09);
}

.scs26-schedule-card dl div {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 16px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255,255,255,.09);
}

.scs26-schedule-card dt {
  color: #ff4d63;
  font-family: "Oswald", Impact, sans-serif;
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.scs26-schedule-card-maze dt { color: #b9d263; }

.scs26-schedule-card dd {
  margin: 0;
  color: rgba(255,255,255,.88);
}

.scs26-button-green {
  background: linear-gradient(135deg, #95b53a, #43570e) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.42), 0 0 22px rgba(157,187,61,.18) !important;
}

.scs26-visitor-note {
  margin-top: 32px;
  padding: 24px 28px;
  border: 1px solid rgba(255,122,22,.35);
  border-radius: 20px;
  background: rgba(16,5,1,.78);
  text-align: center;
}

.scs26-visitor-note strong {
  color: var(--scs26-orange);
  font-family: "Oswald", Impact, sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.scs26-visitor-note p {
  max-width: 900px;
  margin: 8px auto 0;
  color: rgba(255,255,255,.74) !important;
}

[data-scs-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1);
}

[data-scs-reveal].is-visible {
  opacity: 1;
  transform: none;
}

@keyframes scs26FogDrift {
  0% { transform: translate3d(-3%, 0, 0) scale(1); opacity: .45; }
  100% { transform: translate3d(12%, -12%, 0) scale(1.18); opacity: .85; }
}

@keyframes scs26MoonPulse {
  0%, 100% { filter: brightness(.94); transform: translateX(-50%) scale(1); }
  50% { filter: brightness(1.12); transform: translateX(-50%) scale(1.025); }
}

@media (max-width: 849px) {
  .scs26-front-card,
  .scs26-schedule-grid {
    grid-template-columns: 1fr;
  }

  .scs26-front-art { min-height: 360px; }
  .scs26-schedule-card p { min-height: 0; }

  .scs26-hedgemaze {
    min-height: 590px;
    background-image: linear-gradient(180deg, rgba(0,0,0,.88), rgba(0,0,0,.42) 70%, rgba(0,0,0,.7)), var(--scs26-banner-image);
    background-position: 62% 50%;
  }

  .scs26-hedgemaze-copy { padding: 52px 34px; }
}

@media (max-width: 549px) {
  .scs26-experience { padding-inline: 12px; }
  .scs26-front-card { padding: 26px 20px; border-radius: 22px; }
  .scs26-feature-list { grid-template-columns: 1fr; }
  .scs26-actions > * { width: 100%; }
  .scs26-front-art { min-height: 310px; }
  .scs26-hedgemaze { min-height: 620px; border-radius: 22px; }
  .scs26-hedgemaze-copy {
    width: 100%;
    max-width: 100%;
    padding: 48px 26px;
  }
  .scs26-hedgemaze strong {
    max-width: 100%;
    font-size: clamp(2.75rem, 12vw, 3.5rem);
    letter-spacing: -.055em;
    line-height: .84;
  }
  .scs26-presented {
    max-width: 100%;
    font-size: .58rem;
    letter-spacing: .055em;
    line-height: 1.5;
  }
  .scs26-hedgemaze em {
    font-size: .72rem;
    letter-spacing: .1em;
    line-height: 1.45;
  }
  .scs26-event-line,
  .scs26-address {
    max-width: 100%;
    font-size: .7rem;
    letter-spacing: .055em;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
  .scs26-schedule-card dl div { grid-template-columns: 1fr; gap: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  .scs26-atmosphere i,
  .scs26-hedgemaze-fog,
  .scs26-curse-art,
  .scs26-front-art:after,
  body.scs26-polished .skh-hero-clean-wrap:before {
    animation: none !important;
  }

  [data-scs-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .scs26-hedgemaze { background-position: center !important; }
}

/* 2.0: sitewide immersive seasonal system */
body.scs26-polished {
  color: rgba(245, 239, 226, .84);
  background:
    radial-gradient(circle at 12% 14%, rgba(126, 27, 163, .18), transparent 30rem),
    radial-gradient(circle at 86% 44%, rgba(124, 153, 41, .08), transparent 34rem),
    repeating-linear-gradient(117deg, rgba(255,255,255,.012) 0 1px, transparent 1px 13px),
    #030205;
}

body.scs26-polished #wrapper,
body.scs26-polished #main {
  background: transparent;
}

body.scs26-polished .header-main,
body.scs26-polished .header-bg-color {
  background:
    linear-gradient(90deg, rgba(40, 2, 15, .94), rgba(3, 2, 5, .96) 40%, rgba(27, 7, 39, .94)) !important;
}

body.scs26-polished .header-wrapper {
  border-bottom: 1px solid rgba(187, 90, 226, .32);
  box-shadow: 0 16px 55px rgba(0,0,0,.88), 0 1px 24px rgba(121, 40, 151, .18);
}

body.scs26-polished .nav > li > a,
body.scs26-polished .nav > li > a > i {
  color: rgba(255,255,255,.78) !important;
  letter-spacing: .055em;
  text-shadow: 0 1px 12px rgba(0,0,0,.8);
  transition: color .25s ease, text-shadow .25s ease, transform .25s ease;
}

body.scs26-polished .nav > li > a:hover,
body.scs26-polished .nav > li.active > a {
  color: #d790ef !important;
  text-shadow: 0 0 16px rgba(194, 83, 230, .8);
  transform: translateY(-1px);
}

body.scs26-polished .scs26-menu-walkthrough > a,
body.scs26-polished .scs26-hero-walkthrough {
  border: 1px solid rgba(211, 135, 238, .65) !important;
  background: linear-gradient(135deg, #8d2db2, #3d0c53) !important;
  box-shadow: 0 0 22px rgba(155, 69, 189, .25), inset 0 1px rgba(255,255,255,.14) !important;
}

body.scs26-polished .footer-wrapper,
body.scs26-polished #footer {
  border-top: 1px solid rgba(155, 69, 189, .28);
  background:
    radial-gradient(circle at 50% 0, rgba(111, 33, 139, .16), transparent 26rem),
    #020103 !important;
}

body.scs26-polished:not(.home):not(.scs26-walkthrough-page) .page-wrapper,
body.scs26-polished:not(.home):not(.scs26-walkthrough-page) .blog-wrapper,
body.scs26-polished:not(.home):not(.scs26-walkthrough-page) .shop-page-title,
body.scs26-polished:not(.home):not(.scs26-walkthrough-page) .container.content-row {
  position: relative;
  isolation: isolate;
}

body.scs26-polished:not(.home):not(.scs26-walkthrough-page) .page-wrapper:before,
body.scs26-polished:not(.home):not(.scs26-walkthrough-page) .blog-wrapper:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 85% 12%, rgba(155, 69, 189, .15), transparent 30rem),
    linear-gradient(180deg, rgba(16, 4, 22, .55), transparent 38rem);
}

body.scs26-polished:not(.home) .entry-title,
body.scs26-polished:not(.home) .page-title,
body.scs26-polished:not(.home) h1,
body.scs26-polished:not(.home) h2,
body.scs26-polished:not(.home) h3 {
  color: #fff;
  text-shadow: 0 3px 0 rgba(57, 3, 70, .78), 0 0 24px rgba(155,69,189,.25);
}

body.scs26-polished:not(.home):not(.scs26-walkthrough-page) .entry-content,
body.scs26-polished:not(.home):not(.scs26-walkthrough-page) .article-inner,
body.scs26-polished:not(.home):not(.scs26-walkthrough-page) .col-inner {
  color: rgba(245,239,226,.82);
}

body.scs26-polished input:not([type="submit"]),
body.scs26-polished textarea,
body.scs26-polished select {
  border: 1px solid rgba(177, 99, 207, .35) !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: rgba(7,3,9,.88) !important;
  box-shadow: inset 0 1px 12px rgba(0,0,0,.5) !important;
}

body.scs26-polished input:focus,
body.scs26-polished textarea:focus,
body.scs26-polished select:focus {
  border-color: #b763d2 !important;
  box-shadow: 0 0 0 3px rgba(155,69,189,.18), inset 0 1px 12px rgba(0,0,0,.5) !important;
}

body.scs26-polished .button,
body.scs26-polished button:not(.scs26-effects-toggle),
body.scs26-polished input[type="submit"] {
  border-radius: 999px;
}

.scs26-online-teaser {
  position: relative;
  display: flex;
  min-height: clamp(470px, 52vw, 650px);
  margin-top: clamp(34px, 6vw, 74px);
  align-items: flex-end;
  overflow: hidden;
  border: 1px solid rgba(185, 101, 218, .5);
  border-radius: 30px;
  background-image:
    linear-gradient(90deg, rgba(3,2,5,.96) 0%, rgba(3,2,5,.72) 46%, rgba(3,2,5,.12) 100%),
    linear-gradient(0deg, rgba(3,2,5,.9), transparent 48%),
    var(--scs26-walkthrough-image);
  background-position: center;
  background-size: cover;
  box-shadow: 0 36px 100px rgba(0,0,0,.75), 0 0 48px rgba(155,69,189,.16);
}

.scs26-online-teaser:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 68% 36%, transparent 0 7rem, rgba(0,0,0,.08) 17rem, rgba(0,0,0,.42));
}

.scs26-online-copy {
  position: relative;
  z-index: 1;
  width: min(680px, 100%);
  padding: clamp(32px, 6vw, 76px);
}

.scs26-online-copy h2 {
  margin: 0 0 20px;
  color: #fff !important;
  font-family: "Oswald", Impact, sans-serif !important;
  font-size: clamp(2.5rem, 5.6vw, 5.4rem) !important;
  line-height: .9;
  text-transform: uppercase;
  text-shadow: 0 4px 0 #350442, 0 0 28px rgba(188,84,222,.4);
}

.scs26-online-copy p {
  max-width: 580px;
  margin-bottom: 30px;
  color: rgba(255,255,255,.82) !important;
  font-size: 1.08rem;
  line-height: 1.7;
}

.scs26-button-purple {
  background: linear-gradient(135deg, #a442c7, #401150) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.42), 0 0 28px rgba(155,69,189,.24) !important;
}

.scs26-floating-walkthrough {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 9997;
  display: grid;
  grid-template-columns: 42px auto;
  grid-template-rows: auto auto;
  min-width: 245px;
  padding: 12px 18px 12px 12px;
  border: 1px solid rgba(208, 127, 236, .62);
  border-radius: 18px;
  color: #fff !important;
  background: linear-gradient(135deg, rgba(28,7,36,.96), rgba(5,3,7,.96));
  box-shadow: 0 14px 42px rgba(0,0,0,.68), 0 0 28px rgba(155,69,189,.2);
  text-decoration: none !important;
  transition: transform .25s ease, border-color .25s ease;
}

.scs26-floating-walkthrough:hover {
  border-color: #cf83e9;
  transform: translateY(-3px);
}

.scs26-floating-walkthrough span {
  grid-row: 1 / 3;
  align-self: center;
  color: #c978e5;
  font-size: 1.85rem;
  text-align: center;
  text-shadow: 0 0 16px rgba(202,120,229,.72);
}

.scs26-floating-walkthrough b {
  font-family: "Oswald", Impact, sans-serif;
  font-size: .78rem;
  letter-spacing: .065em;
  line-height: 1.2;
  text-transform: uppercase;
}

.scs26-floating-walkthrough em {
  color: #bfce78;
  font-size: .68rem;
  font-style: normal;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#scs26-seasonal-effects {
  --flash-x: 50vw;
  --flash-y: 45vh;
  --drift-x: 0px;
  position: fixed;
  inset: 0;
  z-index: 9995;
  overflow: hidden;
  pointer-events: none;
  transition: opacity .35s ease;
}

#scs26-seasonal-effects.is-paused {
  opacity: 0;
}

.scs26-global-fog {
  position: absolute;
  right: -20%;
  bottom: -13%;
  width: 95%;
  height: 30%;
  border-radius: 50%;
  opacity: .13;
  background: rgba(218, 204, 232, .72);
  filter: blur(54px);
  animation: scs26GlobalFog 18s ease-in-out infinite alternate;
}

.scs26-global-fog-b {
  right: auto;
  bottom: 22%;
  left: -24%;
  width: 70%;
  height: 18%;
  opacity: .08;
  background: rgba(130, 64, 164, .9);
  animation-delay: -9s;
}

.scs26-bat-swarm {
  position: absolute;
  inset: 0;
  transform: translateX(var(--drift-x));
}

.scs26-bat-flight {
  position: absolute;
  top: var(--bat-top, 14%);
  left: -28vw;
  width: var(--bat-size, clamp(90px, 10vw, 180px));
  opacity: var(--bat-opacity, .82);
  animation: scs26BatFlight var(--bat-speed, 18s) linear infinite;
  animation-delay: var(--bat-delay, 0s);
  will-change: transform;
}

.scs26-bat-flight .scs26-bat {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 12px 14px rgba(0,0,0,.72));
  transform-origin: 50% 56%;
  animation: scs26BatFlap var(--flap-speed, .54s) cubic-bezier(.45,.05,.55,.95) infinite alternate;
  will-change: transform, filter;
}

.scs26-bat-flight-1 { --bat-top: 12%; --bat-size: clamp(104px, 11vw, 190px); --bat-speed: 16s; --bat-delay: -2s; --flap-speed: .48s; }
.scs26-bat-flight-2 { --bat-top: 31%; --bat-size: clamp(70px, 7.5vw, 132px); --bat-speed: 21s; --bat-delay: -10s; --flap-speed: .62s; --bat-opacity: .68; }
.scs26-bat-flight-3 { --bat-top: 59%; --bat-size: clamp(82px, 8.5vw, 150px); --bat-speed: 25s; --bat-delay: -17s; --flap-speed: .7s; --bat-opacity: .56; }
.scs26-bat-flight-4 { --bat-top: 7%; --bat-size: clamp(58px, 5.5vw, 100px); --bat-speed: 28s; --bat-delay: -22s; --flap-speed: .44s; --bat-opacity: .5; animation-name: scs26BatFlightReverse; }
.scs26-bat-flight-5 { --bat-top: 43%; --bat-size: clamp(52px, 5vw, 92px); --bat-speed: 19s; --bat-delay: -6s; --flap-speed: .4s; --bat-opacity: .44; animation-name: scs26BatFlightReverse; }
.scs26-bat-flight-6 { --bat-top: 72%; --bat-size: clamp(64px, 6.5vw, 116px); --bat-speed: 31s; --bat-delay: -15s; --flap-speed: .58s; --bat-opacity: .4; }

.scs26-pumpkins {
  position: absolute;
  bottom: -34px;
  width: clamp(140px, 18vw, 260px);
  filter: drop-shadow(0 0 20px rgba(255,105,17,.2));
  opacity: .64;
  animation: scs26PumpkinFlicker 4.2s ease-in-out infinite;
}

.scs26-pumpkins-left { left: -52px; }
.scs26-pumpkins-right { right: -52px; transform: scaleX(-1); animation-delay: -2.1s; }

.scs26-flashlight-beam {
  --flash-x: 50vw;
  --flash-y: 45vh;
  position: absolute;
  inset: 0;
  opacity: 0;
  background:
    radial-gradient(circle 95px at var(--flash-x) var(--flash-y), rgba(255,231,177,.16), transparent 72%),
    radial-gradient(circle 210px at var(--flash-x) var(--flash-y), transparent 0 42%, rgba(0,0,0,.06) 68%, rgba(0,0,0,.26) 100%);
  transition: opacity .25s ease;
}

.scs26-flashlight-prop {
  --flash-x: 50vw;
  --flash-y: 45vh;
  position: absolute;
  top: 0;
  left: 0;
  width: 74px;
  opacity: 0;
  filter: drop-shadow(8px 12px 10px rgba(0,0,0,.68));
  transform: translate3d(calc(var(--flash-x) - 7px), calc(var(--flash-y) - 8px), 0);
  transition: opacity .2s ease;
  will-change: transform;
}

body.scs26-flashlight-ready:not(.scs26-effects-off) .scs26-flashlight-beam,
body.scs26-flashlight-ready:not(.scs26-effects-off) .scs26-flashlight-prop {
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  body.scs26-flashlight-ready:not(.scs26-effects-off),
  body.scs26-flashlight-ready:not(.scs26-effects-off) a,
  body.scs26-flashlight-ready:not(.scs26-effects-off) button,
  body.scs26-flashlight-ready:not(.scs26-effects-off) input,
  body.scs26-flashlight-ready:not(.scs26-effects-off) textarea,
  body.scs26-flashlight-ready:not(.scs26-effects-off) select {
    cursor: none !important;
  }
}

.scs26-effects-toggle {
  position: fixed;
  top: max(92px, calc(env(safe-area-inset-top) + 16px));
  right: 16px;
  z-index: 10002;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid rgba(190,116,218,.42);
  border-radius: 999px;
  color: rgba(255,255,255,.8);
  background: rgba(4,2,6,.8);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  font-size: .66rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(9px);
}

.scs26-effects-toggle span { color: #c472df; }

@keyframes scs26GlobalFog {
  from { transform: translate3d(-14%, 8%, 0) scale(1); }
  to { transform: translate3d(18%, -5%, 0) scale(1.18); }
}

@keyframes scs26BatFlight {
  0% { transform: translate3d(0, 18px, 0) rotate(-5deg); }
  18% { transform: translate3d(30vw, -36px, 0) rotate(3deg); }
  42% { transform: translate3d(68vw, 16px, 0) rotate(-2deg); }
  67% { transform: translate3d(108vw, -48px, 0) rotate(4deg); }
  84% { transform: translate3d(136vw, 8px, 0) rotate(-3deg); }
  100% { transform: translate3d(164vw, -22px, 0) rotate(2deg); }
}

@keyframes scs26BatFlightReverse {
  0% { transform: translate3d(164vw, -18px, 0) rotate(4deg) scaleX(-1); }
  24% { transform: translate3d(126vw, 24px, 0) rotate(-3deg) scaleX(-1); }
  52% { transform: translate3d(80vw, -44px, 0) rotate(4deg) scaleX(-1); }
  76% { transform: translate3d(40vw, 12px, 0) rotate(-2deg) scaleX(-1); }
  100% { transform: translate3d(-8vw, -28px, 0) rotate(3deg) scaleX(-1); }
}

@keyframes scs26BatFlap {
  from { transform: scaleY(.68) skewX(-2deg); filter: brightness(.78) drop-shadow(0 12px 14px rgba(0,0,0,.72)); }
  to { transform: scaleY(1.06) skewX(2deg); filter: brightness(1.08) drop-shadow(0 16px 18px rgba(0,0,0,.82)); }
}

@keyframes scs26PumpkinFlicker {
  0%, 100% { filter: drop-shadow(0 0 17px rgba(255,105,17,.18)) brightness(.88); }
  48% { filter: drop-shadow(0 0 24px rgba(255,105,17,.31)) brightness(1.06); }
  54% { filter: drop-shadow(0 0 12px rgba(255,105,17,.14)) brightness(.94); }
}

/* Full-screen online walkthrough */
body.scs26-walkthrough-page {
  overflow-x: hidden;
  background: #000 !important;
}

body.scs26-walkthrough-page .header-wrapper,
body.scs26-walkthrough-page #footer,
body.scs26-walkthrough-page .absolute-footer,
body.scs26-walkthrough-page .back-to-top {
  display: none !important;
}

body.scs26-walkthrough-page #wrapper,
body.scs26-walkthrough-page #main {
  min-height: 100vh;
  padding: 0 !important;
}

.scs26-walkthrough {
  --scene-x: 0px;
  --scene-y: 0px;
  position: relative;
  display: flex;
  min-height: 100svh;
  padding: clamp(84px, 9vw, 120px) clamp(22px, 6vw, 88px) clamp(42px, 6vw, 78px);
  align-items: flex-end;
  isolation: isolate;
  overflow: hidden;
  color: #f6f0e5;
  background: #020103;
}

.scs26-walkthrough-scenes,
.scs26-walkthrough-scene,
.scs26-walkthrough-vignette,
.scs26-walkthrough-fog {
  position: absolute;
  inset: 0;
}

.scs26-walkthrough-scenes { z-index: -1; overflow: hidden; }

.scs26-walkthrough-scene {
  inset: -14px;
  opacity: 0;
  background-image: var(--scene-image);
  background-position: center;
  background-size: cover;
  transform: translate3d(var(--scene-x), var(--scene-y), 0) scale(1.035);
  transition: opacity 1.15s ease, transform 4s ease;
}

.scs26-walkthrough-scene.is-active { opacity: 1; transform: translate3d(var(--scene-x), var(--scene-y), 0) scale(1.07); }

.scs26-walkthrough-vignette {
  background:
    linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.56) 38%, rgba(0,0,0,.08) 72%, rgba(0,0,0,.36) 100%),
    linear-gradient(0deg, rgba(0,0,0,.84), transparent 58%),
    radial-gradient(circle at 60% 42%, transparent 16%, rgba(0,0,0,.12) 52%, rgba(0,0,0,.66));
}

.scs26-walkthrough-fog { overflow: hidden; pointer-events: none; }
.scs26-walkthrough-fog i {
  position: absolute;
  right: -15%;
  bottom: -8%;
  width: 85%;
  height: 24%;
  border-radius: 50%;
  opacity: .18;
  background: #d8cfe1;
  filter: blur(48px);
  animation: scs26GlobalFog 13s ease-in-out infinite alternate;
}
.scs26-walkthrough-fog i + i { right: auto; bottom: 28%; left: -25%; width: 62%; opacity: .1; animation-delay: -7s; }

.scs26-walkthrough-topbar {
  position: absolute;
  top: 28px;
  right: clamp(22px, 5vw, 70px);
  left: clamp(22px, 5vw, 70px);
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.scs26-walkthrough-back,
.scs26-walkthrough-counter {
  color: rgba(255,255,255,.72) !important;
  font-family: "Oswald", Impact, sans-serif;
  font-size: .74rem;
  letter-spacing: .15em;
  text-transform: uppercase;
  text-decoration: none !important;
}
.scs26-walkthrough-back:hover { color: #dc93ef !important; }
.scs26-walkthrough-counter b { color: #c879df; font-size: 1.2rem; }

.scs26-walkthrough-panel {
  position: relative;
  z-index: 1;
  width: min(690px, 100%);
  padding: clamp(26px, 4vw, 46px);
  border: 1px solid rgba(215, 158, 231, .32);
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(7,3,10,.9), rgba(18,5,24,.68));
  box-shadow: 0 26px 100px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.07);
  backdrop-filter: blur(15px) saturate(1.15);
}

.scs26-walkthrough-kicker {
  margin: 4px 0 5px;
  color: #aebe5a;
  font-family: "Oswald", Impact, sans-serif;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.scs26-walkthrough-panel h1 {
  margin: 0 0 16px;
  color: #fff !important;
  font-family: "Oswald", Impact, sans-serif !important;
  font-size: clamp(3rem, 6vw, 6.2rem) !important;
  line-height: .84;
  letter-spacing: -.03em;
  text-transform: uppercase;
  text-shadow: 0 4px 0 #3c074c, 0 0 30px rgba(180, 74, 215, .38);
}

.scs26-walkthrough-description {
  max-width: 590px;
  min-height: 58px;
  margin: 0;
  color: rgba(255,255,255,.82) !important;
  font-size: clamp(.95rem, 1.5vw, 1.1rem);
  line-height: 1.62;
}

.scs26-walkthrough-progress {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 28px 0 22px;
}

.scs26-walkthrough-progress button {
  display: flex;
  gap: 8px;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 11px !important;
  align-items: center;
  color: rgba(255,255,255,.54);
  background: rgba(0,0,0,.32);
  font-size: .67rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.scs26-walkthrough-progress button span { color: #a8bd53; }
.scs26-walkthrough-progress button.is-active { border-color: rgba(199,112,225,.72); color: #fff; background: rgba(104,24,129,.4); box-shadow: 0 0 18px rgba(155,69,189,.18); }

.scs26-walkthrough-controls { display: flex; flex-wrap: wrap; gap: 10px; }
.scs26-walkthrough-controls button {
  min-height: 46px;
  padding: 12px 18px;
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  background: rgba(5,3,7,.78);
  font-family: "Oswald", Impact, sans-serif;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.scs26-walkthrough-controls button:disabled { opacity: .3; }
.scs26-walkthrough-controls .scs26-walkthrough-next { border-color: rgba(188,106,214,.7); background: linear-gradient(135deg, #9639b8, #3e0e50); }
.scs26-walkthrough-controls .scs26-walkthrough-sound { border-color: rgba(174,190,90,.42); }

.scs26-walkthrough-hint { margin: 14px 0 0; color: rgba(255,255,255,.42) !important; font-size: .7rem; letter-spacing: .055em; }
.scs26-walkthrough-final { display: none; margin-top: 16px; color: #cbd777 !important; font-family: "Oswald", Impact, sans-serif; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; }
.scs26-walkthrough-final.is-visible { display: inline-flex; }
body.scs26-walkthrough-page .scs26-flashlight-beam {
  background:
    radial-gradient(circle 125px at var(--flash-x) var(--flash-y), rgba(255,237,193,.22), transparent 70%),
    radial-gradient(circle 280px at var(--flash-x) var(--flash-y), transparent 0 40%, rgba(0,0,0,.08) 65%, rgba(0,0,0,.4) 100%);
}

@media (max-width: 849px) {
  .scs26-pumpkins { width: 165px; opacity: .48; }
  .scs26-online-teaser { min-height: 560px; background-image: linear-gradient(0deg, rgba(3,2,5,.96), rgba(3,2,5,.2) 76%), var(--scs26-walkthrough-image); }
  .scs26-online-copy { padding: 34px 28px; }
  .scs26-walkthrough { align-items: flex-end; padding: 90px 16px 22px; }
  .scs26-walkthrough-vignette { background: linear-gradient(0deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.28) 72%, rgba(0,0,0,.3)); }
  .scs26-walkthrough-panel { padding: 24px 20px; border-radius: 22px; }
  .scs26-walkthrough-progress button b { display: none; }
  .scs26-walkthrough-progress button { justify-content: center; }
}

@media (max-width: 549px) {
  .scs26-floating-walkthrough { right: 10px; bottom: 10px; min-width: 0; padding: 9px 12px; grid-template-columns: 30px auto; }
  .scs26-floating-walkthrough b { font-size: .66rem; }
  .scs26-floating-walkthrough em { font-size: .58rem; }
  .scs26-effects-toggle { top: 72px; right: 8px; }
  .scs26-pumpkins { bottom: -24px; width: 118px; }
  .scs26-pumpkins-left { left: -38px; }
  .scs26-pumpkins-right { right: -38px; }
  .scs26-bat { width: 88px; }
  .scs26-walkthrough-topbar { top: 19px; right: 16px; left: 16px; }
  .scs26-walkthrough-panel h1 { font-size: clamp(2.7rem, 15vw, 4.4rem) !important; }
  .scs26-walkthrough-description { min-height: 80px; }
  .scs26-walkthrough-controls button { flex: 1 1 calc(50% - 5px); }
  .scs26-walkthrough-controls .scs26-walkthrough-sound { flex-basis: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .scs26-global-fog,
  .scs26-bat,
  .scs26-pumpkins,
  .scs26-walkthrough-fog i {
    animation: none !important;
  }
  .scs26-bat-swarm,
  .scs26-global-fog,
  .scs26-walkthrough-fog {
    display: none;
  }
  .scs26-walkthrough-scene { transition: opacity .2s linear; transform: none !important; }
}

/* 2.1: theatrical typography and unified animated CTAs */
body.scs26-polished :is(h1, .h1, .entry-title, .page-title),
body.scs26-polished .skh-hero-clean-content h1,
body.scs26-polished .skh-schedule-v2-content h1,
body.scs26-polished .scs26-walkthrough-panel h1 {
  font-family: var(--scs26-display-font) !important;
  font-weight: 400 !important;
  letter-spacing: .025em !important;
}

body.scs26-polished :is(h2, h3, .section-title-main),
body.scs26-polished .scs26-front-copy h2,
body.scs26-polished .scs26-online-copy h2,
body.scs26-polished .scs26-schedule-card h2 {
  font-family: var(--scs26-gothic-font) !important;
  font-weight: 400 !important;
  letter-spacing: .02em !important;
}

body.scs26-polished .skh-hero-clean-content h1 {
  line-height: .84 !important;
  text-shadow:
    0 5px 0 #4a0008,
    0 0 28px rgba(255,16,40,.72),
    0 0 76px rgba(255,16,40,.38) !important;
}

body.scs26-polished .skh-hero-buttons {
  align-items: stretch;
}

body.scs26-polished .skh-hero-buttons a {
  flex: 0 1 250px;
  width: 250px;
  min-width: 250px;
  height: 66px;
  min-height: 64px;
  margin: 0 !important;
  padding: 14px 22px;
  box-sizing: border-box;
}

.scs26-actions > :is(.scs26-button, .scs26-sound) {
  flex: 0 1 224px;
  width: 224px;
  min-width: 224px;
  min-height: 56px;
  box-sizing: border-box;
}

.scs26-schedule-card > .scs26-button {
  width: 100%;
  min-height: 56px;
  box-sizing: border-box;
}

.scs26-online-copy > .scs26-button {
  width: 258px;
  min-height: 58px;
  box-sizing: border-box;
}

.scs26-walkthrough-controls > button {
  flex: 1 1 0;
  min-width: 0;
  min-height: 52px;
  box-sizing: border-box;
}

body.scs26-polished :is(
  .skh-hero-buttons a,
  .scs26-button,
  .scs26-sound,
  .scs26-walkthrough-controls button,
  .scs26-floating-walkthrough
) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transition:
    transform .3s cubic-bezier(.2,.8,.2,1),
    filter .3s ease,
    border-color .3s ease,
    color .3s ease,
    box-shadow .3s ease !important;
}

body.scs26-polished :is(
  .skh-hero-buttons a,
  .scs26-button,
  .scs26-sound,
  .scs26-walkthrough-controls button,
  .scs26-floating-walkthrough
)::after {
  content: "";
  position: absolute;
  top: -45%;
  bottom: -45%;
  left: -90%;
  z-index: 1;
  width: 48%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
  mix-blend-mode: screen;
  transform: skewX(-22deg);
  transition: left .72s cubic-bezier(.18,.72,.2,1);
}

body.scs26-polished :is(
  .skh-hero-buttons a,
  .scs26-button,
  .scs26-sound,
  .scs26-walkthrough-controls button:not(:disabled),
  .scs26-floating-walkthrough
):hover,
body.scs26-polished :is(
  .skh-hero-buttons a,
  .scs26-button,
  .scs26-sound,
  .scs26-walkthrough-controls button:not(:disabled),
  .scs26-floating-walkthrough
):focus-visible {
  transform: translateY(-5px) scale(1.025);
  filter: brightness(1.17) saturate(1.12);
  border-color: rgba(255,255,255,.58) !important;
  box-shadow:
    0 20px 46px rgba(0,0,0,.68),
    0 0 34px rgba(196,74,231,.34),
    0 0 16px rgba(255,99,31,.2),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
  animation: scs26ButtonGlow 1.2s ease-in-out infinite alternate;
}

body.scs26-polished :is(
  .skh-hero-buttons a,
  .scs26-button,
  .scs26-sound,
  .scs26-walkthrough-controls button:not(:disabled),
  .scs26-floating-walkthrough
):hover::after,
body.scs26-polished :is(
  .skh-hero-buttons a,
  .scs26-button,
  .scs26-sound,
  .scs26-walkthrough-controls button:not(:disabled),
  .scs26-floating-walkthrough
):focus-visible::after {
  left: 142%;
}

body.scs26-polished :is(
  .skh-hero-buttons a,
  .scs26-button,
  .scs26-sound,
  .scs26-walkthrough-controls button:not(:disabled),
  .scs26-floating-walkthrough
):active {
  transform: translateY(-1px) scale(.985);
  animation: none;
}

body.scs26-polished :is(.skh-hero-buttons a, .scs26-button, .scs26-sound, .scs26-walkthrough-controls button):focus-visible {
  outline: 2px solid #f0b2ff;
  outline-offset: 4px;
}

@keyframes scs26ButtonGlow {
  from { box-shadow: 0 18px 42px rgba(0,0,0,.65), 0 0 24px rgba(196,74,231,.26), 0 0 12px rgba(255,99,31,.14), inset 0 1px 0 rgba(255,255,255,.24); }
  to { box-shadow: 0 22px 50px rgba(0,0,0,.72), 0 0 42px rgba(196,74,231,.44), 0 0 22px rgba(255,99,31,.26), inset 0 1px 0 rgba(255,255,255,.34); }
}

@media (max-width: 849px) {
  body.scs26-polished .skh-hero-buttons a {
    width: 100%;
    min-width: 0;
  }

  .scs26-actions > :is(.scs26-button, .scs26-sound),
  .scs26-online-copy > .scs26-button {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 549px) {
  .scs26-walkthrough-controls > button {
    flex-basis: 100%;
    width: 100%;
    height: 54px;
    min-height: 54px;
    margin: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.scs26-polished :is(
    .skh-hero-buttons a,
    .scs26-button,
    .scs26-sound,
    .scs26-walkthrough-controls button,
    .scs26-floating-walkthrough
  ) {
    animation: none !important;
    transition-duration: .01ms !important;
  }

  body.scs26-polished :is(
    .skh-hero-buttons a,
    .scs26-button,
    .scs26-sound,
    .scs26-walkthrough-controls button,
    .scs26-floating-walkthrough
  )::after {
    display: none;
  }
}

/* 2.1.1: haunted utility controls and scrollbar */
html {
  scrollbar-width: thin;
  scrollbar-color: #9638b7 #070309;
}

html::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

html::-webkit-scrollbar-track {
  border-left: 1px solid rgba(182, 88, 216, .16);
  background:
    linear-gradient(90deg, rgba(255,255,255,.025), transparent 45%),
    #070309;
  box-shadow: inset 0 0 10px rgba(0,0,0,.8);
}

html::-webkit-scrollbar-thumb {
  min-height: 52px;
  border: 3px solid #070309;
  border-radius: 999px;
  background:
    linear-gradient(180deg, #cf6cec 0%, #7e269d 42%, #c21c3c 74%, #f06d21 100%);
  box-shadow:
    0 0 10px rgba(179, 71, 212, .58),
    inset 0 1px 0 rgba(255,255,255,.34);
}

html::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #e99cff 0%, #a43bc5 38%, #ea254d 72%, #ff9338 100%);
  box-shadow:
    0 0 16px rgba(200, 91, 232, .82),
    inset 0 1px 0 rgba(255,255,255,.42);
}

html::-webkit-scrollbar-corner {
  background: #070309;
}

body.scs26-polished .cky-btn-revisit-wrapper.cky-revisit-bottom-left {
  left: 18px !important;
  bottom: 18px !important;
  width: 52px !important;
  height: 52px !important;
  border: 2px solid #e28836 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,199,108,.86), transparent 23%),
    linear-gradient(145deg, #c33239 0%, #6d1021 52%, #230209 100%) !important;
  box-shadow:
    0 0 0 3px rgba(204, 48, 58, .28),
    0 12px 30px rgba(0,0,0,.62),
    0 0 25px rgba(235, 82, 46, .46),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    filter .28s ease,
    border-color .28s ease,
    box-shadow .28s ease !important;
}

body.scs26-polished .cky-btn-revisit-wrapper.cky-revisit-bottom-left:before {
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  pointer-events: none;
}

body.scs26-polished .cky-btn-revisit-wrapper .cky-btn-revisit {
  width: 100% !important;
  height: 100% !important;
}

body.scs26-polished .cky-btn-revisit-wrapper .cky-btn-revisit img {
  width: 27px !important;
  height: 27px !important;
  filter: brightness(0) invert(1) drop-shadow(0 2px 3px rgba(0,0,0,.72));
  transition: transform .28s ease !important;
}

body.scs26-polished .cky-btn-revisit-wrapper.cky-revisit-bottom-left:hover,
body.scs26-polished .cky-btn-revisit-wrapper.cky-revisit-bottom-left:focus-within {
  border-color: #ffc36c !important;
  filter: brightness(1.14) saturate(1.12);
  transform: translateY(-4px) scale(1.08) rotate(3deg);
  box-shadow:
    0 0 0 4px rgba(255, 141, 63, .28),
    0 16px 38px rgba(0,0,0,.68),
    0 0 36px rgba(238, 75, 49, .68),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

body.scs26-polished .cky-btn-revisit-wrapper:hover .cky-btn-revisit img {
  transform: rotate(-10deg) scale(1.08);
}

body.scs26-polished .cky-btn-revisit-wrapper .cky-btn-revisit:focus-visible {
  outline: 2px solid #ffd9a4 !important;
  outline-offset: 6px !important;
  border-radius: 50%;
}

@media (max-width: 549px) {
  html::-webkit-scrollbar { width: 10px; }

  body.scs26-polished .cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    left: 12px !important;
    bottom: 12px !important;
    width: 46px !important;
    height: 46px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.scs26-polished .cky-btn-revisit-wrapper.cky-revisit-bottom-left,
  body.scs26-polished .cky-btn-revisit-wrapper .cky-btn-revisit img {
    transition: none !important;
  }

  body.scs26-polished .cky-btn-revisit-wrapper.cky-revisit-bottom-left:hover,
  body.scs26-polished .cky-btn-revisit-wrapper.cky-revisit-bottom-left:focus-within {
    transform: none;
  }
}

/* Keep the site CTA clear of the two utility controls. */
body.scs26-polished a.scs26-floating-walkthrough {
  position: fixed !important;
  right: 92px !important;
  bottom: 18px !important;
}

@media (max-width: 549px) {
  body.scs26-polished a.scs26-floating-walkthrough {
    right: 50% !important;
    bottom: 10px !important;
    width: 214px;
    min-width: 214px;
    transform: translateX(50%);
  }

  body.scs26-polished .scs26-floating-walkthrough:hover,
  body.scs26-polished .scs26-floating-walkthrough:focus-visible {
    transform: translateX(50%) translateY(-4px) scale(1.02);
  }

  body.scs26-polished .scs26-floating-walkthrough:active {
    transform: translateX(50%) scale(.985);
  }
}

/* 2.2: the living haunt interaction layer */
::selection {
  color: #fff;
  background: #7e269d;
  text-shadow: 0 0 8px rgba(255,255,255,.48);
}

#scs26-interactive-haunt {
  --scs26-scroll: 0;
  --scs26-scroll-pct: 0%;
  position: fixed;
  inset: 0;
  z-index: 9994;
  overflow: hidden;
  pointer-events: none;
}

.scs26-ritual-progress {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: rgba(4,1,6,.82);
  box-shadow: 0 1px 14px rgba(0,0,0,.72);
}

.scs26-ritual-progress i {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--scs26-scroll-pct);
  background: linear-gradient(90deg, #7f239f, #d02142 55%, #ff7c26);
  box-shadow: 0 0 12px rgba(203,69,220,.72), 0 0 22px rgba(255,62,35,.35);
  transition: width .12s linear;
}

.scs26-ritual-progress b {
  position: absolute;
  top: -7px;
  left: clamp(7px, var(--scs26-scroll-pct), calc(100% - 26px));
  color: #e69bff;
  font-size: 17px;
  line-height: 1;
  text-shadow: 0 0 9px rgba(211,99,241,.9), 0 2px 3px #000;
  transform: translateX(-50%);
  transition: left .12s linear;
}

.scs26-spectral-surge {
  position: absolute;
  inset: 0;
  opacity: 0;
  background:
    linear-gradient(112deg, transparent 0 36%, rgba(209,159,255,.12) 45%, transparent 55%),
    radial-gradient(circle at 72% 16%, rgba(176,94,220,.18), transparent 30rem);
  mix-blend-mode: screen;
}

#scs26-interactive-haunt.is-surging .scs26-spectral-surge {
  animation: scs26SpectralSurge 1.5s ease-out both;
}

.scs26-edge-eyes {
  position: absolute;
  display: flex;
  gap: 12px;
  opacity: 0;
  filter: blur(.1px);
  transition: opacity 1.4s ease;
}

#scs26-interactive-haunt.is-awake .scs26-edge-eyes { opacity: .62; }
.scs26-edge-eyes-left { top: 33%; left: 14px; transform: rotate(-5deg); }
.scs26-edge-eyes-right { top: 51%; right: 15px; transform: rotate(6deg); }
.scs26-edge-eyes-low { right: 21%; bottom: 88px; gap: 9px; transform: scale(.72); }

.scs26-edge-eyes i {
  width: 16px;
  height: 8px;
  border-radius: 80% 20% 80% 20%;
  background: radial-gradient(circle at 60% 48%, #fff 0 8%, #d9ee69 10% 24%, #7ba321 42%, transparent 70%);
  box-shadow: 0 0 8px rgba(195,228,79,.9), 0 0 18px rgba(115,160,25,.7);
  animation: scs26EyeBlink 7.4s ease-in-out infinite;
}

.scs26-edge-eyes i + i {
  border-radius: 20% 80% 20% 80%;
  animation-delay: .04s;
}

.scs26-edge-eyes-right i { animation-delay: -3.1s; }
.scs26-edge-eyes-low i { animation-delay: -5.2s; }

.scs26-cursor-ember {
  position: absolute;
  width: 7px;
  height: 7px;
  margin: -3px 0 0 -3px;
  border-radius: 50%;
  background: radial-gradient(circle, #fff6bc 0 12%, #ff8a28 28%, #d31e3f 55%, transparent 73%);
  box-shadow: 0 0 8px #ff7b1f, 0 0 16px rgba(205,45,62,.72);
  animation: scs26EmberFall .9s ease-out forwards;
}

body.scs26-effects-off #scs26-interactive-haunt .scs26-spectral-surge,
body.scs26-effects-off #scs26-interactive-haunt .scs26-edge-eyes,
body.scs26-effects-off #scs26-interactive-haunt .scs26-cursor-ember {
  display: none;
}

.scs26-haunt-marquee {
  position: relative;
  z-index: 6;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid rgba(194,74,224,.32);
  border-bottom: 1px solid rgba(255,104,31,.27);
  color: rgba(255,255,255,.76);
  background:
    radial-gradient(circle at 18% 50%, rgba(156,55,190,.16), transparent 18rem),
    linear-gradient(90deg, #050207, #16051c 48%, #0a0204);
  box-shadow: 0 9px 28px rgba(0,0,0,.46), inset 0 1px rgba(255,255,255,.025);
}

.scs26-haunt-marquee:before,
.scs26-haunt-marquee:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 9%;
  pointer-events: none;
}

.scs26-haunt-marquee:before { left: 0; background: linear-gradient(90deg, #050207, transparent); }
.scs26-haunt-marquee:after { right: 0; background: linear-gradient(-90deg, #050207, transparent); }

.scs26-haunt-marquee > div {
  display: flex;
  width: max-content;
  align-items: center;
  padding: 10px 0;
  animation: scs26Marquee 31s linear infinite;
  will-change: transform;
}

.scs26-haunt-marquee span {
  padding: 0 28px;
  font-family: "Oswald", Impact, sans-serif;
  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow: 0 0 12px rgba(197,84,225,.34);
}

.scs26-haunt-marquee b {
  color: #d67af0;
  font-size: .78rem;
  text-shadow: 0 0 11px rgba(211,105,238,.72);
}

body.scs26-effects-off .scs26-haunt-marquee > div { animation-play-state: paused; }

.scs26-interactive-card {
  --card-rx: 0deg;
  --card-ry: 0deg;
  --card-x: 50%;
  --card-y: 50%;
  transform-style: preserve-3d;
  transition:
    transform .38s cubic-bezier(.2,.75,.2,1),
    filter .38s ease,
    border-color .38s ease,
    box-shadow .38s ease !important;
  will-change: transform;
}

.scs26-interactive-card.is-tilting {
  z-index: 3;
  border-color: rgba(209,128,235,.62) !important;
  filter: brightness(1.045) saturate(1.08);
  transform: perspective(1100px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) translateY(-5px) !important;
  box-shadow:
    0 28px 58px rgba(0,0,0,.56),
    0 0 36px rgba(161,66,193,.21),
    inset 0 1px rgba(255,255,255,.055) !important;
}

body.scs26-polished .post-item .col-inner,
body.scs26-polished .portfolio-box,
body.scs26-polished .accordion-item {
  border: 1px solid rgba(181,87,211,.18);
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(21,5,27,.78), rgba(4,2,6,.9));
  box-shadow: 0 14px 38px rgba(0,0,0,.36), inset 0 1px rgba(255,255,255,.025);
}

body.scs26-polished .box-image img {
  transition: transform .7s cubic-bezier(.2,.7,.2,1), filter .7s ease;
}

body.scs26-polished .box:hover .box-image img {
  filter: brightness(.88) contrast(1.08) saturate(.82);
  transform: scale(1.055);
}

body.scs26-polished .accordion-title {
  border-top-color: rgba(183,84,212,.18);
  color: rgba(255,255,255,.8);
  transition: color .25s ease, background .25s ease, padding-left .25s ease;
}

body.scs26-polished .accordion-title:hover,
body.scs26-polished .accordion-title.active {
  padding-left: 24px;
  color: #e8a7f8;
  background: rgba(112,30,137,.18);
  text-shadow: 0 0 12px rgba(201,93,229,.42);
}

body.scs26-polished blockquote {
  border-left: 3px solid #a643c5;
  border-radius: 0 14px 14px 0;
  color: rgba(255,255,255,.79);
  background: linear-gradient(90deg, rgba(111,29,136,.2), transparent);
  box-shadow: inset 12px 0 24px rgba(71,15,88,.13);
}

.scs26-oracle {
  display: flex;
  gap: 14px;
  margin-top: 22px;
  align-items: center;
  flex-wrap: wrap;
}

.scs26-oracle-button {
  position: relative;
  min-height: 46px;
  padding: 10px 18px;
  border: 1px solid rgba(196,216,99,.48) !important;
  border-radius: 999px !important;
  color: #e8efb8 !important;
  background: linear-gradient(135deg, rgba(79,102,18,.72), rgba(20,29,3,.86)) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.38), 0 0 18px rgba(157,187,61,.13) !important;
  font-family: "Oswald", Impact, sans-serif;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: transform .28s ease, box-shadow .28s ease, filter .28s ease;
}

.scs26-oracle-button span {
  display: inline-block;
  margin-right: 7px;
  color: #d8ef6f;
  text-shadow: 0 0 9px rgba(206,233,84,.72);
  transition: transform .5s ease;
}

.scs26-oracle-button:hover,
.scs26-oracle-button:focus-visible {
  filter: brightness(1.16);
  transform: translateY(-3px);
  box-shadow: 0 15px 34px rgba(0,0,0,.48), 0 0 27px rgba(167,202,57,.28) !important;
}

.scs26-oracle-button:hover span { transform: rotate(180deg) scale(1.2); }

.scs26-oracle-message {
  position: relative;
  min-width: min(310px, 100%);
  margin: 0 !important;
  padding: 11px 17px;
  border-left: 2px solid rgba(210,121,235,.5);
  border-radius: 0 12px 12px 0;
  color: rgba(255,255,255,.67) !important;
  background: linear-gradient(90deg, rgba(111,31,136,.24), transparent);
  font-family: var(--scs26-gothic-font);
  font-size: .96rem !important;
  letter-spacing: .035em;
}

.scs26-oracle.is-speaking .scs26-oracle-message {
  animation: scs26OracleSpeak .72s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes scs26SpectralSurge {
  0% { opacity: 0; transform: translateX(-9%); }
  42% { opacity: .85; }
  100% { opacity: 0; transform: translateX(9%); }
}

@keyframes scs26EyeBlink {
  0%, 44%, 48%, 100% { transform: scaleY(1); opacity: 1; }
  46% { transform: scaleY(.08); opacity: .45; }
}

@keyframes scs26EmberFall {
  0% { opacity: .96; transform: translate3d(0,0,0) scale(1); }
  100% { opacity: 0; transform: translate3d(var(--ember-drift),34px,0) scale(.08); }
}

@keyframes scs26Marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes scs26OracleSpeak {
  0% { opacity: .1; transform: translateX(-12px); filter: blur(3px); }
  55% { opacity: 1; }
  100% { opacity: 1; transform: none; filter: none; }
}

@media (max-width: 849px) {
  .scs26-edge-eyes-low { display: none; }
  .scs26-haunt-marquee span { padding-inline: 20px; }
  .scs26-oracle { align-items: stretch; }
  .scs26-oracle-button,
  .scs26-oracle-message { width: 100%; }
}

@media (max-width: 549px) {
  .scs26-ritual-progress { height: 3px; }
  .scs26-edge-eyes-left { top: 25%; left: 6px; transform: scale(.72); }
  .scs26-edge-eyes-right { top: 61%; right: 6px; transform: scale(.72); }
  .scs26-haunt-marquee > div { padding-block: 8px; }
  .scs26-haunt-marquee span { font-size: .62rem; letter-spacing: .1em; }
}

@media (prefers-reduced-motion: reduce) {
  .scs26-spectral-surge,
  .scs26-edge-eyes,
  .scs26-cursor-ember {
    display: none !important;
  }

  .scs26-haunt-marquee > div {
    animation: none !important;
    transform: none !important;
  }

  .scs26-oracle.is-speaking .scs26-oracle-message {
    animation: none !important;
  }
}

/* 2.3: cinematic arrival, dimensional brand lettering, and scene discoveries */
@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: scs26PageExit .28s ease both;
}

::view-transition-new(root) {
  animation: scs26PageEnter .62s cubic-bezier(.16,.75,.22,1) both;
}

#scs26-page-loader {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: grid;
  place-content: center;
  justify-items: center;
  overflow: hidden;
  color: #f5ecdc;
  background:
    radial-gradient(circle at 50% 46%, rgba(105,25,128,.32), transparent 16rem),
    radial-gradient(circle at 50% 50%, rgba(255,58,20,.1), transparent 29rem),
    #020103;
  opacity: 1;
  visibility: visible;
  transition: opacity .72s ease, visibility .72s step-end;
  animation: scs26LoaderFailsafe .01s 4s forwards;
}

#scs26-page-loader:before,
#scs26-page-loader:after {
  content: "";
  position: absolute;
  inset: -30%;
  pointer-events: none;
}

#scs26-page-loader:before {
  opacity: .35;
  background: repeating-conic-gradient(from 12deg, transparent 0 7deg, rgba(168,80,195,.13) 8deg 9deg);
  mask-image: radial-gradient(circle, #000 0 18%, transparent 53%);
  animation: scs26LoaderTurn 16s linear infinite;
}

#scs26-page-loader:after {
  background: radial-gradient(ellipse at 50% 88%, rgba(223,218,230,.12), transparent 28%);
  filter: blur(24px);
  animation: scs26LoaderFog 3s ease-in-out infinite alternate;
}

#scs26-page-loader.is-loaded {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  animation: none;
}

.scs26-loader-portal {
  position: relative;
  display: grid;
  width: clamp(130px, 20vw, 190px);
  aspect-ratio: 1;
  place-items: center;
  margin-bottom: 22px;
  border: 1px solid rgba(216,147,239,.34);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(141,57,169,.16), rgba(0,0,0,.88) 66%);
  box-shadow: 0 0 54px rgba(154,64,186,.25), inset 0 0 35px rgba(255,107,22,.08);
}

.scs26-loader-portal:before,
.scs26-loader-portal:after,
.scs26-loader-portal i {
  content: "";
  position: absolute;
  inset: -9px;
  border: 2px solid transparent;
  border-top-color: #b75ed0;
  border-bottom-color: rgba(167,190,67,.8);
  border-radius: 50%;
  animation: scs26LoaderTurn 2.6s linear infinite;
}

.scs26-loader-portal:after {
  inset: 8px;
  border-width: 1px;
  border-right-color: #ff6c18;
  border-left-color: rgba(255,255,255,.36);
  animation-direction: reverse;
  animation-duration: 1.7s;
}

.scs26-loader-portal i {
  inset: -18px;
  border-width: 1px;
  border-top-color: rgba(255,255,255,.16);
  border-bottom-color: rgba(197,101,223,.42);
  animation-duration: 5.2s;
}

.scs26-loader-portal img {
  position: relative;
  z-index: 1;
  width: 76%;
  height: auto;
  filter: drop-shadow(0 10px 14px #000) drop-shadow(0 0 16px rgba(194,90,220,.34));
  animation: scs26LoaderBat 1.7s ease-in-out infinite;
}

#scs26-page-loader strong {
  font-family: var(--scs26-display-font);
  font-size: clamp(1.75rem, 4vw, 2.7rem);
  font-weight: 400;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-shadow: 0 4px 0 #3f064c, 0 0 24px rgba(204,98,231,.55);
}

#scs26-page-loader > span {
  margin-top: 3px;
  color: rgba(255,255,255,.52);
  font-family: "Oswald", Impact, sans-serif;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
}

body.scs26-page-ready #main {
  animation: scs26MainArrival .74s cubic-bezier(.16,.75,.22,1) both;
}

body.scs26-polished .skh-hero-clean-wrap,
.scs26-walkthrough {
  --hero-x: 50%;
  --hero-y: 46%;
}

.scs26-hero-lens {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(circle 240px at var(--hero-x) var(--hero-y), rgba(255,235,192,.095), transparent 68%),
    radial-gradient(circle 520px at var(--hero-x) var(--hero-y), transparent 0 43%, rgba(0,0,0,.09) 73%, rgba(0,0,0,.3) 100%);
  mix-blend-mode: screen;
  transition: background-position .12s linear;
}

.scs26-title-3d {
  --title-rx: 0deg;
  --title-ry: 0deg;
  position: relative !important;
  isolation: isolate;
  max-width: 100%;
  color: transparent !important;
  background:
    linear-gradient(180deg, #fff8e7 0%, #d8c7c8 29%, #a7828a 58%, #f1d2b5 73%, #7a3948 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: 1px rgba(255,238,214,.55);
  text-shadow:
    .012em .018em 0 #6c273a,
    .026em .035em 0 #5c1c31,
    .04em .052em 0 #4c1328,
    .055em .07em 0 #390b21,
    .072em .09em 0 #220617,
    .1em .125em .08em rgba(0,0,0,.92),
    0 0 .24em rgba(255,33,55,.55),
    0 0 .7em rgba(158,61,190,.28) !important;
  transform: perspective(950px) rotateX(var(--title-rx)) rotateY(var(--title-ry)) translateZ(0);
  transform-origin: 50% 62%;
  transform-style: preserve-3d;
  transition: transform .24s cubic-bezier(.2,.75,.2,1), filter .35s ease;
  will-change: transform;
}

.scs26-title-3d:before,
.scs26-title-3d:after {
  content: attr(data-title);
  position: absolute;
  inset: 0;
  width: 100%;
  pointer-events: none;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  text-transform: inherit;
}

.scs26-title-3d:before {
  z-index: -1;
  color: #250717;
  -webkit-text-stroke: 5px rgba(12,1,8,.66);
  text-shadow: .09em .12em .12em #000;
  transform: translate(.045em,.06em) translateZ(-2px);
}

.scs26-title-3d:after {
  z-index: 1;
  color: transparent;
  background: linear-gradient(108deg, transparent 22%, rgba(255,255,255,.85) 45%, transparent 63%);
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  opacity: .46;
  animation: scs26TitleGleam 6.8s ease-in-out infinite;
}

body.scs26-polished .skh-hero-clean-content h1.scs26-title-3d {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 18px 26px rgba(0,0,0,.76));
}

body.scs26-polished .scs26-walkthrough-panel h1.scs26-title-3d {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 12px 22px rgba(0,0,0,.72));
}

.scs26-discovery {
  display: grid;
  grid-template-columns: minmax(176px, auto) 1fr;
  gap: 12px;
  margin-top: 18px;
  align-items: stretch;
}

.scs26-discovery button {
  min-height: 48px;
  padding: 10px 15px;
  border: 1px solid rgba(176,196,78,.5);
  border-radius: 13px !important;
  color: #eef2c5;
  background: linear-gradient(135deg, rgba(70,91,13,.72), rgba(13,19,3,.88));
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.3);
  font-family: "Oswald", Impact, sans-serif;
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
  transition: transform .28s ease, filter .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.scs26-discovery button span {
  display: inline-block;
  margin-right: 5px;
  color: #d7ea74;
  text-shadow: 0 0 10px rgba(212,236,100,.7);
  transition: transform .5s ease;
}

.scs26-discovery button:hover,
.scs26-discovery button:focus-visible {
  border-color: rgba(225,239,142,.85);
  filter: brightness(1.16);
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(0,0,0,.4), 0 0 22px rgba(163,191,61,.24);
}

.scs26-discovery button:hover span,
.scs26-discovery button:focus-visible span {
  transform: rotate(135deg) scale(1.18);
}

.scs26-discovery button:focus-visible {
  outline: 2px solid #e5f291;
  outline-offset: 3px;
}

.scs26-discovery p {
  display: flex;
  min-height: 48px;
  margin: 0 !important;
  padding: 10px 14px;
  border: 1px solid rgba(204,121,228,.19);
  border-radius: 13px;
  align-items: center;
  color: rgba(255,255,255,.66) !important;
  background: rgba(42,9,52,.38);
  font-family: var(--scs26-gothic-font);
  font-size: .88rem;
  line-height: 1.35;
  letter-spacing: .035em;
}

.scs26-discovery p.is-revealed {
  animation: scs26DiscoveryReveal .58s cubic-bezier(.16,.75,.22,1) both;
}

.scs26-walkthrough.is-scene-shifting .scs26-walkthrough-panel {
  animation: scs26PanelShift .7s cubic-bezier(.16,.75,.22,1) both;
}

.scs26-walkthrough.is-scene-shifting .scs26-walkthrough-scene.is-active {
  animation: scs26SceneAwaken 1.15s ease both;
}

@keyframes scs26LoaderTurn {
  to { transform: rotate(360deg); }
}

@keyframes scs26LoaderBat {
  0%, 100% { transform: translate3d(-4px,3px,0) rotate(-4deg) scale(.94); }
  50% { transform: translate3d(5px,-8px,0) rotate(4deg) scale(1.04); }
}

@keyframes scs26LoaderFog {
  from { opacity: .5; transform: translateX(-8%) scaleX(.94); }
  to { opacity: 1; transform: translateX(8%) scaleX(1.08); }
}

@keyframes scs26LoaderFailsafe {
  to { opacity: 0; visibility: hidden; pointer-events: none; }
}

@keyframes scs26TitleGleam {
  0%, 28% { background-position: 160% 0; opacity: .08; }
  45% { opacity: .52; }
  62%, 100% { background-position: -70% 0; opacity: .08; }
}

@keyframes scs26MainArrival {
  from { opacity: .25; transform: translateY(16px); filter: blur(5px); }
  to { opacity: 1; transform: none; filter: none; }
}

@keyframes scs26PageExit {
  to { opacity: 0; transform: scale(1.012); filter: blur(3px); }
}

@keyframes scs26PageEnter {
  from { opacity: 0; transform: scale(.99); filter: blur(5px); }
}

@keyframes scs26DiscoveryReveal {
  0% { opacity: .15; transform: translateX(-9px); filter: blur(3px); }
  62% { opacity: 1; transform: translateX(2px); }
  100% { opacity: 1; transform: none; filter: none; }
}

@keyframes scs26PanelShift {
  0% { transform: translateX(-8px); filter: brightness(.8); }
  50% { transform: translateX(7px); filter: brightness(1.14); }
  100% { transform: none; filter: none; }
}

@keyframes scs26SceneAwaken {
  from { opacity: .36; filter: blur(7px) saturate(.7); }
  to { opacity: 1; filter: none; }
}

@media (max-width: 849px) {
  .scs26-hero-lens {
    background: radial-gradient(circle 200px at 50% 42%, rgba(255,235,192,.075), transparent 72%);
  }

  .scs26-title-3d {
    -webkit-text-stroke-width: .7px;
    transform: none;
  }

  .scs26-discovery {
    grid-template-columns: 1fr;
  }

  .scs26-discovery button,
  .scs26-discovery p {
    width: 100%;
  }
}

@media (max-width: 549px) {
  #scs26-page-loader strong { font-size: 1.75rem; }
  .scs26-loader-portal { width: 126px; }

  .scs26-discovery {
    gap: 8px;
    margin-top: 14px;
  }

  .scs26-discovery button,
  .scs26-discovery p {
    min-height: 44px;
    padding: 8px 11px;
  }

  .scs26-walkthrough-progress { margin-top: 17px; }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root),
  body.scs26-page-ready #main,
  .scs26-title-3d:after,
  .scs26-walkthrough.is-scene-shifting .scs26-walkthrough-panel,
  .scs26-walkthrough.is-scene-shifting .scs26-walkthrough-scene.is-active,
  .scs26-discovery p.is-revealed {
    animation: none !important;
  }

  #scs26-page-loader {
    animation: scs26LoaderFailsafe .01s .12s forwards !important;
    transition-duration: .01ms;
  }

  #scs26-page-loader:before,
  #scs26-page-loader:after,
  .scs26-loader-portal:before,
  .scs26-loader-portal:after,
  .scs26-loader-portal i,
  .scs26-loader-portal img {
    animation: none !important;
  }

  .scs26-title-3d {
    transform: none !important;
    transition: none !important;
  }
}