:root {
            --bulma-primary-h: 357deg;
            --bulma-primary-l: 67%;
            --bulma-scheme-h: 255;
            --bulma-family-primary: Public Sans, Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
            --bulma-hr-height: 5px;
            --bulma-hr-background-color: hsl(221, 23%, 23%);
            --bulma-warning-h: 23deg;
            --bulma-warning-l: 65%;
        }

        .material-symbols-outlined {
            font-family: "Material Symbols Outlined", sans-serif;
            font-weight: 300;
            font-size: 1.5em;
        }

        .section_start_style {
            font-family: "Oxygen", sans-serif;
            letter-spacing: 2px;
        }



        /* public-sans-100 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: normal;
            font-weight: 100;
            src: url('fonts/public-sans-v18-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-100italic - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: italic;
            font-weight: 100;
            src: url('fonts/public-sans-v18-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-200 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: normal;
            font-weight: 200;
            src: url('fonts/public-sans-v18-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-200italic - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: italic;
            font-weight: 200;
            src: url('fonts/public-sans-v18-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-300 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: normal;
            font-weight: 300;
            src: url('fonts/public-sans-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-300italic - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: italic;
            font-weight: 300;
            src: url('fonts/public-sans-v18-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-regular - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: normal;
            font-weight: 400;
            src: url('fonts/public-sans-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-italic - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: italic;
            font-weight: 400;
            src: url('fonts/public-sans-v18-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-500 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: normal;
            font-weight: 500;
            src: url('fonts/public-sans-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-500italic - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: italic;
            font-weight: 500;
            src: url('fonts/public-sans-v18-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-600 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: normal;
            font-weight: 600;
            src: url('fonts/public-sans-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-600italic - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: italic;
            font-weight: 600;
            src: url('fonts/public-sans-v18-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-700 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: normal;
            font-weight: 700;
            src: url('fonts/public-sans-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-700italic - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: italic;
            font-weight: 700;
            src: url('fonts/public-sans-v18-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-800 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: normal;
            font-weight: 800;
            src: url('fonts/public-sans-v18-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-800italic - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: italic;
            font-weight: 800;
            src: url('fonts/public-sans-v18-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-900 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: normal;
            font-weight: 900;
            src: url('fonts/public-sans-v18-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* public-sans-900italic - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Public Sans';
            font-style: italic;
            font-weight: 900;
            src: url('fonts/public-sans-v18-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* material-symbols-outlined-100 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Material Symbols Outlined';
            font-style: normal;
            font-weight: 100;
            src: url('fonts/material-symbols-outlined-v237-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* material-symbols-outlined-200 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Material Symbols Outlined';
            font-style: normal;
            font-weight: 200;
            src: url('fonts/material-symbols-outlined-v237-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* material-symbols-outlined-300 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Material Symbols Outlined';
            font-style: normal;
            font-weight: 300;
            src: url('fonts/material-symbols-outlined-v237-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* material-symbols-outlined-regular - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Material Symbols Outlined';
            font-style: normal;
            font-weight: 400;
            src: url('fonts/material-symbols-outlined-v237-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* material-symbols-outlined-500 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Material Symbols Outlined';
            font-style: normal;
            font-weight: 500;
            src: url('fonts/material-symbols-outlined-v237-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* material-symbols-outlined-600 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Material Symbols Outlined';
            font-style: normal;
            font-weight: 600;
            src: url('fonts/material-symbols-outlined-v237-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }

        /* material-symbols-outlined-700 - latin */
        @font-face {
            font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
            font-family: 'Material Symbols Outlined';
            font-style: normal;
            font-weight: 700;
            src: url('fonts/material-symbols-outlined-v237-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        }
        
        
        /* =========================================
   SOUL SURVIVORS – USP BANNER
   ========================================= */

.ss-usp-banner {
  width: 100%;
  box-sizing: border-box;
  padding: 22px 30px;

  /* Donker, licht transparant voor gebruik bovenop/onder een hero */
  background:
    linear-gradient(
      110deg,
      rgba(12, 12, 12, 0.98),
      rgba(30, 25, 18, 0.96),
      rgba(12, 12, 12, 0.98)
    );

  border-top: 1px solid rgba(212, 175, 55, 0.45);
  border-bottom: 1px solid rgba(212, 175, 55, 0.45);

  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
}

.ss-usp-inner {
  max-width: 1150px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 35px;
}

.ss-usp-item {
  flex: 1;
  text-align: center;
  white-space: nowrap;
}

.ss-usp-item strong {
  display: block;

  font-size: clamp(28px, 3vw, 44px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -1px;

  color: #d4af37;
}

.ss-usp-item span {
  display: block;
  margin-top: 7px;

  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2.5px;

  color: rgba(255, 255, 255, 0.88);
}

.ss-usp-genre strong {
  font-size: clamp(23px, 2.5vw, 36px);
  letter-spacing: 3px;
}

.ss-usp-divider {
  width: 1px;
  height: 48px;
  flex: 0 0 1px;

  background:
    linear-gradient(
      to bottom,
      transparent,
      rgba(212, 175, 55, 0.75),
      transparent
    );
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 700px) {

  .ss-usp-banner {
    padding: 20px 15px;
  }

  .ss-usp-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 10px;
  }

  .ss-usp-divider {
    display: none;
  }

  .ss-usp-item {
    white-space: normal;
  }

  .ss-usp-item strong {
    font-size: 30px;
  }

  .ss-usp-item span {
    font-size: 10px;
    letter-spacing: 1.8px;
  }

  .ss-usp-genre strong {
    font-size: 25px;
  }
}


        /* =========================================
           SOUL SURVIVORS – GOLD / BLACK SITE THEME
           Visual restyle only: content unchanged
           ========================================= */
        :root {
            --ss-black: #090909;
            --ss-black-soft: #11100e;
            --ss-charcoal: #191713;
            --ss-panel: #211e18;
            --ss-gold: #d4af37;
            --ss-gold-light: #f0d77a;
            --ss-gold-muted: #a8892e;
            --ss-cream: #f6f0df;
            --ss-text: #eee8dc;
            --ss-text-muted: #bdb5a6;
            --ss-border: rgba(212, 175, 55, .30);

            --bulma-primary-h: 45deg;
            --bulma-primary-s: 65%;
            --bulma-primary-l: 52%;
            --bulma-warning-h: 45deg;
            --bulma-warning-s: 65%;
            --bulma-warning-l: 52%;
            --bulma-link-h: 45deg;
            --bulma-link-s: 65%;
            --bulma-link-l: 58%;
            --bulma-scheme-h: 45;
            --bulma-scheme-s: 8%;
            --bulma-light-l: 94%;
            --bulma-dark-l: 7%;
        }

        html {
            background: var(--ss-black);
            scroll-behavior: smooth;
        }

        body {
            color: var(--ss-text);
            background:
                radial-gradient(circle at 15% 0%, rgba(212,175,55,.055), transparent 28rem),
                radial-gradient(circle at 90% 35%, rgba(212,175,55,.035), transparent 34rem),
                var(--ss-black);
        }


        /* Main sections: subtle alternating black tones */
        body > section.section {
            position: relative;
            background: transparent !important;
        }

        body > section.section:nth-of-type(even) {
            background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(212,175,55,.018)) !important;
        }

        body > section.section + section.section {
            border-top: 1px solid rgba(212,175,55,.08);
        }

        /* Typography */
        h1, h2, h3, h4, h5, h6,
        .title, .subtitle,
        .content h1, .content h2, .content h3 {
            color: var(--ss-cream) !important;
        }

        h1, .content h1 {
            letter-spacing: -.025em;
        }

        .content p,
        .content li,
        .panel-block,
        .card-content,
        .box {
            color: var(--ss-text);
        }

        a {
            color: var(--ss-gold-light);
        }

        a:hover {
            color: #fff1ad;
        }

        /* Convert the existing Bulma accent utility classes to gold */
        .has-text-success,
        .has-text-success-00-invert,
        .has-text-success-10-invert,
        .has-text-warning,
        .has-text-warning-00-invert,
        .has-text-warning-10-invert,
        .has-text-danger,
        .has-text-info {
            color: var(--ss-gold-light) !important;
        }

        .section_start_style {
            color: var(--ss-gold-light) !important;
            font-weight: 600;
        }

        /* Gold underline for section headings */
        .content h1::after {
            content: "";
            display: block;
            width: 58px;
            height: 2px;
            margin: 14px auto 0;
            background: linear-gradient(90deg, transparent, var(--ss-gold), transparent);
        }

        .has-text-right h1::after {
            margin-left: auto;
            margin-right: 0;
        }

        .content.is-vcentered h1::after {
            margin-left: 0;
        }

        /* Buttons */
        .button {
            background: linear-gradient(135deg, #e1bf50, #b89027) !important;
            border: 1px solid #e7c95e !important;
            color: #090909 !important;
            font-weight: 700;
            box-shadow: 0 7px 22px rgba(0,0,0,.28);
            transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
        }

        .button:hover,
        .button:focus {
            color: #090909 !important;
            transform: translateY(-1px);
            filter: brightness(1.08);
            box-shadow: 0 10px 28px rgba(212,175,55,.16);
        }

        .button .material-symbols-outlined {
            color: #090909 !important;
        }

        /* Cards / boxes */
        .box,
        .card {
            background: linear-gradient(145deg, rgba(33,30,24,.96), rgba(15,14,12,.98)) !important;
            border: 1px solid var(--ss-border);
            box-shadow: 0 16px 38px rgba(0,0,0,.28);
        }

        .box {
            border-radius: 14px;
        }

        .card {
            border-radius: 14px;
            overflow: hidden;
        }

        .card-content {
            background: transparent !important;
        }

        .card .title,
        .box .title {
            color: var(--ss-gold-light) !important;
        }

        .card-image {
            border-bottom: 1px solid rgba(212,175,55,.18);
        }

        /* Images / video */
        figure img,
        video {
            box-shadow: 0 14px 38px rgba(0,0,0,.36);
        }

        video {
            border: 1px solid rgba(212,175,55,.22);
        }

        /* Reference / keyword tags */
        .tag {
            background: rgba(212,175,55,.08) !important;
            border: 1px solid rgba(212,175,55,.30);
            color: var(--ss-gold-light) !important;
            border-radius: 999px;
        }

        .tags.are-large .tag {
            padding-left: 1.05em;
            padding-right: 1.05em;
        }

        /* Testimonials */
        blockquote {
            background: linear-gradient(145deg, rgba(212,175,55,.07), rgba(255,255,255,.018)) !important;
            border-left: 3px solid var(--ss-gold) !important;
            color: var(--ss-cream) !important;
            border-radius: 0 10px 10px 0;
        }

        blockquote p {
            color: var(--ss-cream) !important;
        }

        /* Panels/icons */
        .panel-block {
            border-color: rgba(212,175,55,.12) !important;
        }

        .panel-icon,
        .material-symbols-outlined {
            color: var(--ss-gold-light);
        }

        /* Contact section */
        a[href^="mailto:"],
        a[href^="tel:"] {
            color: var(--ss-gold-light);
            font-weight: 600;
        }

        /* Footer */
        .footer {
            background:
                linear-gradient(180deg, #11100e 0%, #080808 100%) !important;
            color: var(--ss-text-muted);
            border-top: 1px solid var(--ss-border);
        }

        .footer strong {
            color: var(--ss-gold-light);
        }


        /* Selection + scrollbar details */
        ::selection {
            background: var(--ss-gold);
            color: #080808;
        }

        * {
            scrollbar-color: var(--ss-gold-muted) var(--ss-black-soft);
        }



        /* =========================================
           SIMPLIFIED SITE HEADER
           ========================================= */
        .ss-site-header {
            position: relative;
            z-index: 10;
            background: rgba(8, 8, 8, .98);
            border-bottom: 1px solid rgba(212, 175, 55, .28);
            box-shadow: 0 10px 30px rgba(0,0,0,.28);
        }

        .ss-site-header__inner {
            max-width: 1180px;
            min-height: 86px;
            margin: 0 auto;
            padding: 14px 24px;

            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }

        .ss-site-header__brand {
            display: inline-flex;
            align-items: center;
        }

       .ss-site-header__brand img {
            display: block;
            width: auto;
            height: auto;
            max-width: 280px;
            max-height: 72px;

            box-shadow: none;
            filter: none;
        }

        .ss-site-header__inner {
            min-height: 104px;
        }

        @media (max-width: 700px) {

            .ss-site-header__brand img {
                max-width: 190px;
                max-height: 58px;
            }

            .ss-site-header__inner {
                min-height: 82px;
            }
        }

        .ss-site-header__cta {
            flex: 0 0 auto;
        }

        .ss-book-button {
            min-height: 46px;
            padding-left: 1.2rem !important;
            padding-right: 1.35rem !important;
            border-radius: 999px !important;
            letter-spacing: .02em;
        }

        .ss-book-button .material-symbols-outlined {
            margin-right: .6rem;
        }

        @media (max-width: 700px) {
            .ss-site-header__inner {
                min-height: 70px;
                padding: 10px 15px;
            }

            .ss-site-header__brand img {
                max-height: 42px;
            }

            .ss-book-button {
                min-height: 40px;
                font-size: .86rem;
                padding-left: .9rem !important;
                padding-right: 1rem !important;
            }

            .ss-book-button .material-symbols-outlined {
                font-size: 1.15em;
                margin-right: .35rem;
            }
        }

        @media (max-width: 430px) {
            .ss-book-button {
                font-size: 0;
                width: 42px;
                height: 42px;
                min-width: 42px;
                padding: 0 !important;
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

            .ss-book-button .material-symbols-outlined {
                font-size: 1.35rem;
                margin: 0;
            }
        }
        
        
        /* =========================================
   REFERENCES
   ========================================= */

.ss-references {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.ss-references__intro {
    max-width: 720px;
    margin: 1.5rem auto 0 !important;

    color: var(--ss-text-muted) !important;
    font-size: 1.1rem;
    line-height: 1.7;
}


/* Cards */

.ss-reference-card {
    height: 100%;
    padding: 2.4rem 2rem;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            rgba(34, 31, 24, .95),
            rgba(13, 13, 12, .98)
        );

    border: 1px solid rgba(212, 175, 55, .25);
    border-radius: 16px;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .28);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


.ss-reference-card:hover {
    transform: translateY(-5px);

    border-color: rgba(212, 175, 55, .55);

    box-shadow:
        0 24px 55px rgba(0, 0, 0, .38),
        0 0 30px rgba(212, 175, 55, .05);
}


/* Icon */

.ss-reference-icon {
    display: inline-flex;

    margin-bottom: 1.3rem;

    font-size: 2.4rem;
    color: var(--ss-gold-light);
}


/* Category */

.ss-reference-card h3 {
    min-height: 3.5rem;

    margin-bottom: 2rem;

    color: var(--ss-gold-light) !important;

    font-size: 1.15rem;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: .12em;
    line-height: 1.45;
}


/* Individual references */

.ss-reference-list p {
    position: relative;

    margin: 0 !important;
    padding: .85rem 0;

    color: var(--ss-cream);
}

.ss-reference-list p + p {
    border-top: 1px solid rgba(212, 175, 55, .12);
}

.ss-reference-list strong {
    display: block;

    color: var(--ss-cream);

    font-size: 1rem;
    font-weight: 600;
}

.ss-reference-list span {
    display: block;

    margin-top: .15rem;

    color: var(--ss-text-muted);

    font-size: .85rem;
}


/* Mobile */

@media (max-width: 768px) {

    .ss-references {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .ss-reference-card {
        padding: 2rem 1.5rem;
    }

    .ss-reference-card h3 {
        min-height: auto;
    }
}


/* =========================================
   TESTIMONIALS
   ========================================= */

.ss-testimonials {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.ss-testimonials__intro {
    max-width: 680px;
    margin: 1.5rem auto 0 !important;

    color: var(--ss-text-muted) !important;
    font-size: 1.1rem;
    line-height: 1.7;
}


/* Quote cards */

.ss-testimonial {
    position: relative;

    height: 100%;
    padding: 2rem;

    background:
        linear-gradient(
            145deg,
            rgba(34, 31, 24, .92),
            rgba(13, 13, 12, .98)
        );

    border: 1px solid rgba(212, 175, 55, .22);
    border-radius: 14px;

    box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
}


.ss-testimonial--featured {
    padding: 2.6rem 2.8rem;

    border-color: rgba(212, 175, 55, .46);
}


.ss-quote-icon {
    color: var(--ss-gold);
    font-size: 2.2rem;

    opacity: .9;
}


.ss-testimonial__quote {
    margin-top: .7rem !important;
    margin-bottom: 1.3rem !important;

    color: var(--ss-cream) !important;

    font-size: 1.15rem;
    line-height: 1.65;

    font-style: italic;
}


.ss-testimonial--featured .ss-testimonial__quote {
    font-size: 1.35rem;
}


.ss-testimonial__source {
    margin: 0 !important;

    color: var(--ss-gold-light) !important;

    font-size: .82rem;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: .1em;
}


/* Fan video */

.ss-fan-video {
    padding: 1rem;

    background: rgba(15, 14, 12, .85);

    border: 1px solid rgba(212, 175, 55, .24);
    border-radius: 16px;

    box-shadow: 0 20px 45px rgba(0,0,0,.30);
}


.ss-fan-video__label {
    display: flex;
    align-items: center;
    gap: .6rem;

    margin: .3rem .4rem 1rem;

    color: var(--ss-gold-light);

    font-size: .78rem;
    font-weight: 700;

    letter-spacing: .14em;
}


.ss-fan-video__label .material-symbols-outlined {
    font-size: 1.25rem;
}


.ss-fan-video video {
    display: block;
    width: 100%;

    border-radius: 10px;
}


.ss-fan-video__caption {
    margin: 1rem .4rem .3rem;

    color: var(--ss-text-muted);

    font-size: .88rem;
    line-height: 1.5;
}


@media (max-width: 768px) {

    .ss-testimonials {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .ss-testimonial--featured {
        padding: 2rem;
    }

    .ss-testimonial--featured .ss-testimonial__quote {
        font-size: 1.2rem;
    }

}


/* =========================================
   SHAKIN' THE FLOOR
   ========================================= */

.ss-shakin__intro {
    max-width: 720px;
    margin: 1.5rem auto 0 !important;

    color: var(--ss-text-muted) !important;
    font-size: 1.1rem;
    line-height: 1.7;
}

.ss-shakin-point {
    display: flex;
    align-items: flex-start;
    gap: 1.3rem;

    padding: 1.6rem 0;

    border-bottom: 1px solid rgba(212, 175, 55, .14);
}

.ss-shakin-point:first-child {
    padding-top: 0;
}

.ss-shakin-point .material-symbols-outlined {
    flex: 0 0 auto;

    margin-top: .15rem;

    font-size: 2rem;
    color: var(--ss-gold-light);
}

.ss-shakin-point h3 {
    margin: 0 0 .45rem;

    color: var(--ss-gold-light) !important;

    font-size: 1.15rem;
    font-weight: 700;
}

.ss-shakin-point p {
    margin: 0 !important;

    color: var(--ss-text-muted) !important;

    line-height: 1.65;
}

.ss-shakin-image img {
    width: 100%;
    border: 1px solid rgba(212, 175, 55, .20);
}

.ss-shakin-image--secondary {
    width: 82%;
    margin: 1.5rem 0 0 auto;
}

.ss-shakin-image span {
    display: block;
    margin-top: .35rem;
    color: var(--ss-text-muted);
}

@media (max-width: 768px) {

    .ss-shakin-image--secondary {
        width: 100%;
        margin-left: 0;
    }

}

.ss-why__intro {
    max-width: 680px;
    margin: 1.5rem auto 0 !important;

    color: var(--ss-text-muted) !important;
    font-size: 1.1rem;
    line-height: 1.7;
}


.ss-why__image img {
    width: 100%;

    border: 1px solid rgba(212, 175, 55, .22);
    border-radius: 16px;

    box-shadow: 0 20px 50px rgba(0,0,0,.34);
}


.ss-why-point {
    display: flex;
    align-items: flex-start;
    gap: 1.4rem;

    padding: 1.6rem 0;

    border-bottom: 1px solid rgba(212, 175, 55, .14);
}


.ss-why-point:first-child {
    padding-top: 0;
}


.ss-why-point:last-child {
    border-bottom: 0;
}


.ss-why-point .material-symbols-outlined,
.ss-why-number {
    flex: 0 0 58px;

    color: var(--ss-gold-light);

    font-size: 2rem;
    font-weight: 700;

    text-align: center;
}


.ss-why-point h3 {
    margin: 0 0 .45rem;

    color: var(--ss-gold-light) !important;

    font-size: 1.15rem;
    font-weight: 700;
}


.ss-why-point p {
    margin: 0 !important;

    color: var(--ss-text-muted) !important;

    line-height: 1.65;
}

    
/* =========================================
   PRIMARY LIVE VIDEO
   ========================================= */

.ss-live-video {
    width: min(1120px, calc(100vw - 3rem));
    margin: 4.5rem 50% 0;
    transform: translateX(-50%);
    text-align: center;
}

.ss-live-video__heading {
    max-width: 720px;
    margin: 0 auto 1.6rem;
}

.ss-live-video__eyebrow {
    display: block;
    margin-bottom: .55rem;
    color: var(--ss-gold-light);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .18em;
}

.ss-live-video__heading h2 {
    margin: 0 0 .65rem;
    color: var(--ss-cream) !important;
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    font-weight: 700;
}

.ss-live-video__heading h2 span {
    color: var(--ss-gold-light);
}

.ss-live-video__heading p {
    margin: 0 !important;
    color: var(--ss-text-muted) !important;
    font-size: 1rem;
    line-height: 1.6;
}

.ss-live-video video {
    display: block;
    width: 100%;
    max-height: 630px;
    margin: 0 auto;
    background: #000;
    object-fit: contain;
    border: 1px solid rgba(212,175,55,.32);
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(0,0,0,.42);
}


/* =========================================
   CONTACT
   ========================================= */

.ss-contact {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.ss-contact__intro {
    max-width: 680px;
    margin: 1.5rem auto 0 !important;
    color: var(--ss-text-muted) !important;
    font-size: 1.08rem;
    line-height: 1.65;
}

.ss-contact__card {
    max-width: 820px;
    margin: 3rem auto 0;
    padding: 2rem 2.2rem;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.5rem;

    background: linear-gradient(145deg, rgba(34,31,24,.94), rgba(13,13,12,.98));
    border: 1px solid rgba(212,175,55,.28);
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(0,0,0,.28);
}

.ss-contact__details {
    display: grid;
    gap: 1.15rem;
}

.ss-contact__item {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--ss-cream) !important;
}

.ss-contact__item > .material-symbols-outlined {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--ss-gold-light);
    background: rgba(212,175,55,.08);
    border: 1px solid rgba(212,175,55,.25);
    border-radius: 50%;
}

.ss-contact__item small {
    display: block;
    margin-bottom: .1rem;
    color: var(--ss-text-muted);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .12em;
}

.ss-contact__item strong {
    color: var(--ss-cream);
    font-size: 1rem;
    font-weight: 600;
}

.ss-contact__socials {
    min-width: 160px;
    padding-left: 2rem;
    text-align: center;
    border-left: 1px solid rgba(212,175,55,.16);
}

.ss-contact__social-label {
    display: block;
    margin-bottom: 1rem;
    color: var(--ss-gold-light);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.ss-contact__social-links {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.ss-contact__social-links a {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(212,175,55,.20);
    border-radius: 50%;
    transition: transform .18s ease, border-color .18s ease;
}

.ss-contact__social-links a:hover {
    transform: translateY(-2px);
    border-color: rgba(212,175,55,.55);
}

.ss-contact__social-links img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    box-shadow: none;
}

.ss-contact__facebook {
    max-width: 820px;
    margin: 2rem auto 0;
    text-align: center;
}

@media (max-width: 768px) {
    .ss-live-video {
        width: calc(100vw - 2rem);
        margin-top: 3rem;
    }

    .ss-contact {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .ss-contact__card {
        padding: 1.6rem;
        flex-direction: column;
        align-items: stretch;
    }

    .ss-contact__socials {
        padding: 1.5rem 0 0;
        border-left: 0;
        border-top: 1px solid rgba(212,175,55,.16);
    }

    .ss-contact__item strong {
        font-size: .92rem;
        overflow-wrap: anywhere;
    }
}



/* Gold accent under section titles */
section .content > h1::after,
section .content > h2::after {
    content: "";
    display: block;
    width: 64px;
    height: 2px;
    margin: .7rem auto 0;
    background: linear-gradient(
        90deg,
        transparent,
        var(--ss-gold),
        transparent
    );
}

    

/* CONVERSION */
.ss-live-video__cta{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.65rem}
.ss-live-video__cta>span{color:var(--ss-text-muted);font-size:.76rem;letter-spacing:.04em}
.ss-card-availability{display:inline-flex;align-items:center;gap:.35rem;margin:.9rem 1.25rem 1.25rem;color:var(--ss-gold-light)!important;font-size:.82rem;font-weight:700}
.ss-practical{padding-top:4rem;padding-bottom:4rem;background:linear-gradient(180deg,rgba(212,175,55,.018),rgba(255,255,255,.01))!important;border-top:1px solid rgba(212,175,55,.10);border-bottom:1px solid rgba(212,175,55,.10)}
.ss-practical h2{color:var(--ss-cream)!important;font-size:clamp(1.7rem,3vw,2.3rem)}
.ss-practical__intro{max-width:620px;margin:.9rem auto 0!important;color:var(--ss-text-muted)!important;font-size:1rem}
.ss-practical__grid{max-width:920px;margin:2.5rem auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ss-practical__item{display:flex;align-items:flex-start;gap:1rem;padding:1.35rem 1.4rem;background:rgba(17,16,14,.72);border:1px solid rgba(212,175,55,.16);border-radius:12px}
.ss-practical__item>.material-symbols-outlined{color:var(--ss-gold-light);font-size:1.7rem}
.ss-practical__item strong,.ss-practical__item span{display:block}
.ss-practical__item strong{margin-bottom:.25rem;color:var(--ss-cream);font-size:.95rem}
.ss-practical__item div span{color:var(--ss-text-muted);font-size:.84rem;line-height:1.5}
.ss-booking-panel{max-width:900px;margin:3rem auto 0;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;background:linear-gradient(145deg,rgba(34,31,24,.96),rgba(13,13,12,.99));border:1px solid rgba(212,175,55,.32);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.34)}
.ss-booking-panel__primary,.ss-booking-panel__direct{padding:2.5rem}
.ss-booking-panel__primary{background:radial-gradient(circle at 0% 0%,rgba(212,175,55,.12),transparent 60%);border-right:1px solid rgba(212,175,55,.16)}
.ss-booking-panel__eyebrow{display:block;margin-bottom:.65rem;color:var(--ss-gold-light);font-size:.7rem;font-weight:800;letter-spacing:.16em}
.ss-booking-panel h2{margin:0 0 .8rem;color:var(--ss-cream)!important;font-size:1.6rem}
.ss-booking-panel__primary p{max-width:430px;margin:0 0 1.5rem!important;color:var(--ss-text-muted)!important;line-height:1.65}
.ss-booking-button{min-height:50px;border-radius:999px!important;padding-left:1.35rem!important;padding-right:1.55rem!important}
.ss-booking-button .material-symbols-outlined{margin-right:.55rem}
.ss-booking-panel__note{display:block;margin-top:.8rem;color:#8f897d;font-size:.72rem}
.ss-booking-panel__direct{display:flex;flex-direction:column;justify-content:center;gap:1.2rem}
.ss-contact__socials--inline{min-width:0;margin-top:.4rem;padding:1.2rem 0 0;text-align:left;border-left:0;border-top:1px solid rgba(212,175,55,.14)}
.ss-contact__socials--inline .ss-contact__social-links{justify-content:flex-start}
.ss-footer{padding:3.5rem 1.5rem 2rem!important;background:linear-gradient(180deg,#11100e 0%,#070707 100%)!important;border-top:1px solid rgba(212,175,55,.30)}
.ss-footer__main{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-bottom:2.5rem}
.ss-footer__brand strong{display:block;color:var(--ss-gold-light);font-size:1.15rem;letter-spacing:.12em}
.ss-footer__brand span{display:block;margin-top:.3rem;color:var(--ss-text-muted);font-size:.85rem}
.ss-footer__genres{color:var(--ss-cream);font-size:.78rem;font-weight:700;letter-spacing:.18em}
.ss-footer__genres span{margin:0 .5rem;color:var(--ss-gold)}
.ss-footer__links{display:flex;gap:1.3rem}
.ss-footer__links a{color:var(--ss-text-muted);font-size:.85rem;font-weight:600}
.ss-footer__links a:hover{color:var(--ss-gold-light)}
.ss-footer__bottom{display:flex;justify-content:space-between;padding-top:1.2rem;border-top:1px solid rgba(212,175,55,.12);color:#777268;font-size:.72rem}
@media(max-width:768px){.ss-practical__grid,.ss-booking-panel{grid-template-columns:1fr}.ss-booking-panel__primary{border-right:0;border-bottom:1px solid rgba(212,175,55,.16)}.ss-booking-panel__primary,.ss-booking-panel__direct{padding:1.7rem}.ss-footer__main{flex-direction:column;text-align:center}.ss-footer__bottom{justify-content:center;gap:1rem}}