:root {       --sbsi-black: #000000;       --sbsi-text: #535353;       --sbsi-gold: #DBA159;       --sbsi-gold-deep: #c58a42;       --sbsi-cream: #fbf7f1;       --sbsi-sand: #f4ede4;       --sbsi-border: rgba(0, 0, 0, 0.08);       --sbsi-shadow: 0 18px 48px rgba(0, 0, 0, 0.12);       --sbsi-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.08);       --sbsi-radius-xl: 28px;       --sbsi-radius-lg: 22px;       --sbsi-radius-md: 18px;       --sbsi-max: 1320px;       --sbsi-copy: 760px;       --sbsi-speed: 700ms;       --sbsi-ease: cubic-bezier(.22, 1, .36, 1);     }      * {       box-sizing: border-box;     }      html {       scroll-behavior: smooth;     }      body {       margin: 0;       font-family: 'Hind', sans-serif;       color: var(--sbsi-text);       background:         radial-gradient(circle at top left, rgba(219, 161, 89, 0.10), transparent 28%),         radial-gradient(circle at top right, rgba(0, 0, 0, 0.03), transparent 22%),         linear-gradient(180deg, #ffffff 0%, #fbf7f1 100%);       overflow-x: clip;     }      a {       color: inherit;       text-decoration: none;     }      img {       display: block;       max-width: 100%;     }      .sbsi-about-wrap {       position: relative;       width: 100vw;       max-width: 100vw;       margin-left: calc(50% - 50vw);       margin-right: calc(50% - 50vw);       overflow: clip;       isolation: isolate;     }      .sbsi-about-wrap::before,     .sbsi-about-wrap::after {       content: "";       position: absolute;       inset: auto;       border-radius: 999px;       pointer-events: none;       z-index: 0;       filter: blur(8px);     }      .sbsi-about-wrap::before {       width: 42vw;       height: 42vw;       min-width: 280px;       min-height: 280px;       top: 120px;       left: -12vw;       background: radial-gradient(circle, rgba(219, 161, 89, 0.14) 0%, rgba(219, 161, 89, 0) 72%);       animation: sbsiFloatOne 12s ease-in-out infinite;     }      .sbsi-about-wrap::after {       width: 30vw;       height: 30vw;       min-width: 240px;       min-height: 240px;       top: 780px;       right: -8vw;       background: radial-gradient(circle, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 74%);       animation: sbsiFloatTwo 14s ease-in-out infinite;     }      .sbsi-shell {       position: relative;       z-index: 1;       max-width: var(--sbsi-max);       margin: 0 auto;       padding: 0 28px;     }      .sbsi-panel {       position: relative;       background: rgba(255, 255, 255, 0.76);       border: 1px solid rgba(255, 255, 255, 0.72);       box-shadow: var(--sbsi-shadow);       backdrop-filter: blur(14px);       -webkit-backdrop-filter: blur(14px);       border-radius: var(--sbsi-radius-xl);       overflow: hidden;     }      .sbsi-panel::before {       content: "";       position: absolute;       inset: 0;       background: linear-gradient(135deg, rgba(255,255,255,0.40), rgba(255,255,255,0));       pointer-events: none;     }      .sbsi-kicker {       display: inline-flex;       align-items: center;       gap: 10px;       padding: 9px 14px;       border-radius: 999px;       background: rgba(219, 161, 89, 0.12);       color: var(--sbsi-black);       font-family: 'Montserrat', sans-serif;       font-size: 12px;       font-weight: 700;       text-transform: uppercase;       letter-spacing: 0.14em;       margin-bottom: 18px;     }      .sbsi-kicker::before {       content: "";       width: 8px;       height: 8px;       border-radius: 50%;       background: var(--sbsi-gold);       box-shadow: 0 0 0 8px rgba(219, 161, 89, 0.14);       animation: sbsiPulse 2.4s ease-in-out infinite;     }      .sbsi-hero h1,     .sbsi-section h2,     .sbsi-patron-name,     .sbsi-card-title,     .sbsi-stat-value {       margin: 0;       font-family: 'Montserrat', sans-serif;       color: var(--sbsi-black);       line-height: 1.04;     }      .sbsi-hero {       position: relative;       padding: 92px 0 56px;     }      .sbsi-hero-grid {       display: grid;       grid-template-columns: minmax(0, 1.06fr) minmax(360px, 0.94fr);       gap: 24px;       align-items: stretch;     }      .sbsi-hero-copy {       padding: 36px 34px 30px;     }      .sbsi-hero h1 {       font-size: clamp(2.9rem, 4.6vw, 4.8rem);       font-weight: 800;       letter-spacing: -0.055em;       line-height: 0.96;       max-width: 8ch;       text-wrap: balance;     }      .sbsi-hero-sub {       margin: 20px 0 0;       font-size: clamp(1.08rem, 1.55vw, 1.35rem);       line-height: 1.5;       max-width: 31ch;       color: var(--sbsi-text);     }      .sbsi-hero-cards {       display: grid;       grid-template-columns: repeat(2, minmax(0, 1fr));       gap: 14px;       margin-top: 28px;     }      .sbsi-mini-card {       padding: 18px 16px 16px;       border-radius: var(--sbsi-radius-md);       background: rgba(255,255,255,0.84);       border: 1px solid var(--sbsi-border);       box-shadow: var(--sbsi-shadow-soft);       transform: translateY(0);       transition: transform 350ms var(--sbsi-ease), box-shadow 350ms var(--sbsi-ease), border-color 350ms var(--sbsi-ease);     }      .sbsi-mini-card:hover {       transform: translateY(-4px);       box-shadow: 0 18px 36px rgba(0, 0, 0, 0.12);       border-color: rgba(219, 161, 89, 0.35);     }      .sbsi-mini-card strong {       display: block;       margin-bottom: 6px;       font-family: 'Montserrat', sans-serif;       color: var(--sbsi-black);       font-size: 0.95rem;       font-weight: 700;     }      .sbsi-mini-card span {       display: block;       font-size: 1rem;       line-height: 1.5;       color: var(--sbsi-text);     }      .sbsi-hero-side {       display: grid;       gap: 18px;       align-content: start;     }      .sbsi-mission-card {       position: relative;       min-height: 292px;       padding: 30px;       display: flex;       flex-direction: column;       justify-content: flex-end;       overflow: hidden;       border-radius: var(--sbsi-radius-xl);       color: #ffffff;       box-shadow: var(--sbsi-shadow);       isolation: isolate;       background: linear-gradient(180deg, rgba(0,0,0,0.96), rgba(17,17,17,0.92));     }      .sbsi-mission-card::before {       content: "";       position: absolute;       inset: 0;       background:         linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.76) 100%),         radial-gradient(circle at top right, rgba(219,161,89,0.35), transparent 34%),         linear-gradient(135deg, rgba(255,255,255,0.03), rgba(255,255,255,0));       z-index: -1;     }      .sbsi-mission-card::after {       content: "";       position: absolute;       inset: auto -15% -30% auto;       width: 220px;       height: 220px;       border-radius: 50%;       background: radial-gradient(circle, rgba(219,161,89,0.25), rgba(219,161,89,0));       animation: sbsiRotate 18s linear infinite;       z-index: -1;     }      .sbsi-card-label {       display: inline-flex;       align-items: center;       gap: 8px;       font-family: 'Montserrat', sans-serif;       font-size: 12px;       letter-spacing: 0.14em;       text-transform: uppercase;       color: rgba(255,255,255,0.76);       margin-bottom: auto;     }      .sbsi-card-label::before {       content: "";       width: 26px;       height: 1px;       background: rgba(219, 161, 89, 0.9);     }      .sbsi-card-title {       font-size: clamp(1.7rem, 2.9vw, 2.45rem);       color: #ffffff;       margin-top: 24px;     }      .sbsi-card-text {       margin: 14px 0 0;       font-size: 1.02rem;       line-height: 1.7;       color: rgba(255,255,255,0.82);       max-width: 29ch;     }      .sbsi-btn {       display: inline-flex;       align-items: center;       justify-content: center;       gap: 10px;       margin-top: 22px;       width: fit-content;       min-height: 52px;       padding: 0 22px;       border-radius: 999px;       background: var(--sbsi-gold);       color: #ffffff;       font-family: 'Montserrat', sans-serif;       font-size: 0.95rem;       font-weight: 700;       letter-spacing: 0.01em;       box-shadow: 0 18px 28px rgba(219, 161, 89, 0.28);       transition: transform 320ms var(--sbsi-ease), box-shadow 320ms var(--sbsi-ease), background 320ms var(--sbsi-ease);     }      .sbsi-btn:hover {       background: var(--sbsi-gold-deep);       transform: translateY(-3px);       box-shadow: 0 22px 34px rgba(219, 161, 89, 0.34);     }      .sbsi-btn svg {       width: 18px;       height: 18px;       transition: transform 320ms var(--sbsi-ease);     }      .sbsi-btn:hover svg {       transform: translateX(3px);     }      .sbsi-stat-card {       padding: 16px;       background: rgba(255,255,255,0.78);       border: 1px solid rgba(0,0,0,0.06);       border-radius: var(--sbsi-radius-xl);       box-shadow: var(--sbsi-shadow-soft);       display: grid;       grid-template-columns: repeat(3, minmax(0, 1fr));       gap: 12px;       align-items: stretch;     }      .sbsi-stat {       padding: 16px 14px 14px;       border-radius: 18px;       background: rgba(255,255,255,0.9);       border: 1px solid rgba(0,0,0,0.06);       box-shadow: 0 10px 20px rgba(0,0,0,0.04);       min-width: 0;     }      .sbsi-stat-value {       font-size: clamp(1.02rem, 1.35vw, 1.32rem);       font-weight: 800;       line-height: 1.02;       letter-spacing: -0.03em;       overflow-wrap: anywhere;       text-wrap: balance;     }      .sbsi-stat-label {       margin-top: 8px;       font-size: 0.88rem;       line-height: 1.48;       color: var(--sbsi-text);     }      .sbsi-section {       padding: 34px 0;     }      .sbsi-section-head {       display: grid;       grid-template-columns: minmax(0, 1fr) auto;       gap: 20px;       align-items: end;       margin-bottom: 24px;     }      .sbsi-section h2 {       font-size: clamp(2rem, 3.6vw, 3.25rem);       font-weight: 800;       letter-spacing: -0.035em;       max-width: 15ch;     }      .sbsi-section-intro {       margin: 0;       max-width: 52ch;       font-size: 1.08rem;       line-height: 1.7;     }      .sbsi-copy-grid {       display: grid;       grid-template-columns: minmax(0, var(--sbsi-copy)) minmax(0, 1fr);       gap: 32px;       align-items: start;     }      .sbsi-copy-stack {       display: grid;       gap: 18px;     }      .sbsi-copy-card {       padding: 30px;       border-radius: var(--sbsi-radius-xl);       background: rgba(255,255,255,0.82);       border: 1px solid rgba(0,0,0,0.06);       box-shadow: var(--sbsi-shadow-soft);       backdrop-filter: blur(12px);       -webkit-backdrop-filter: blur(12px);     }      .sbsi-legacy-image-wrap {       position: relative;       margin: 0 0 24px;       border-radius: 24px;       overflow: hidden;       box-shadow: 0 22px 36px rgba(0, 0, 0, 0.16);       isolation: isolate;       background: #d9d0c2;     }      .sbsi-legacy-image-wrap::before {       content: "";       position: absolute;       inset: 0;       background:         linear-gradient(180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.36) 100%),         linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0));       z-index: 2;       pointer-events: none;     }      .sbsi-legacy-image-wrap::after {       content: "";       position: absolute;       inset: auto auto -20% -10%;       width: 240px;       height: 240px;       border-radius: 50%;       background: radial-gradient(circle, rgba(219,161,89,0.30), rgba(219,161,89,0));       z-index: 1;       animation: sbsiFloatThree 10s ease-in-out infinite;     }      .sbsi-legacy-image {       width: 100%;       height: clamp(260px, 34vw, 420px);       object-fit: cover;       transform: scale(1.02);       transition: transform 900ms var(--sbsi-ease);     }      .sbsi-copy-card:hover .sbsi-legacy-image {       transform: scale(1.05);     }      .sbsi-legacy-caption {       position: absolute;       left: 18px;       bottom: 18px;       z-index: 3;       display: inline-flex;       align-items: center;       gap: 10px;       min-height: 42px;       padding: 0 14px;       border-radius: 999px;       background: rgba(255,255,255,0.92);       box-shadow: 0 14px 28px rgba(0,0,0,0.18);       font-family: 'Montserrat', sans-serif;       font-size: 11px;       font-weight: 700;       color: var(--sbsi-black);       text-transform: uppercase;       letter-spacing: 0.12em;     }      .sbsi-legacy-caption::before {       content: "";       width: 8px;       height: 8px;       border-radius: 50%;       background: var(--sbsi-gold);       flex: 0 0 auto;     }      .sbsi-copy-card p,     .sbsi-patron-copy p {       margin: 0 0 1.1em;       font-size: 1.08rem;       line-height: 1.78;       color: var(--sbsi-text);     }      .sbsi-copy-card p:last-child,     .sbsi-patron-copy p:last-child {       margin-bottom: 0;     }      .sbsi-side-quote {       position: sticky;       top: 28px;       padding: 28px;       border-radius: var(--sbsi-radius-xl);       background: linear-gradient(180deg, #111111 0%, #1a1a1a 100%);       color: rgba(255,255,255,0.84);       box-shadow: var(--sbsi-shadow);       overflow: hidden;     }      .sbsi-side-quote::before {       content: "";       position: absolute;       inset: 0;       background: radial-gradient(circle at top right, rgba(219,161,89,0.26), transparent 36%);       pointer-events: none;     }      .sbsi-side-quote-label {       position: relative;       z-index: 1;       display: inline-block;       font-family: 'Montserrat', sans-serif;       font-size: 12px;       font-weight: 700;       letter-spacing: 0.13em;       text-transform: uppercase;       color: rgba(255,255,255,0.62);       margin-bottom: 18px;     }      .sbsi-side-quote p {       position: relative;       z-index: 1;       margin: 0;       font-family: 'Montserrat', sans-serif;       font-size: clamp(1.2rem, 2vw, 1.9rem);       line-height: 1.45;       letter-spacing: -0.02em;       color: #ffffff;     }      .sbsi-patrons {       padding: 44px 0 110px;     }      .sbsi-patrons-grid {       display: grid;       gap: 30px;     }      .sbsi-patron-card {       display: grid;       grid-template-columns: 320px minmax(0, 1fr);       gap: 28px;       align-items: start;       padding: 18px;       border-radius: 34px;       background: rgba(255,255,255,0.78);       border: 1px solid rgba(0,0,0,0.06);       box-shadow: var(--sbsi-shadow);       backdrop-filter: blur(16px);       -webkit-backdrop-filter: blur(16px);       overflow: hidden;     }      .sbsi-patron-media {       display: flex;       flex-direction: column;       gap: 12px;       min-width: 0;     }      .sbsi-patron-media img {       width: 100%;       aspect-ratio: 4 / 5;       object-fit: cover;       object-position: center top;       border-radius: 24px;       box-shadow: var(--sbsi-shadow-soft);       background: #e7dfd2;       transform: scale(1);       transition: transform 700ms var(--sbsi-ease);     }      .sbsi-patron-card:hover .sbsi-patron-media img {       transform: scale(1.02);     }      .sbsi-patron-photo--anthony {       object-position: 52% 16%;     }      .sbsi-patron-photo--rachel {       object-position: 50% 12%;     }      .sbsi-patron-badge {       display: inline-flex;       align-items: center;       gap: 10px;       width: fit-content;       min-height: 40px;       padding: 0 14px;       border-radius: 999px;       background: rgba(255,255,255,0.94);       box-shadow: 0 12px 22px rgba(0,0,0,0.10);       font-family: 'Montserrat', sans-serif;       font-size: 11px;       font-weight: 700;       color: var(--sbsi-black);       text-transform: uppercase;       letter-spacing: 0.12em;     }      .sbsi-patron-badge::before {       content: "";       width: 8px;       height: 8px;       border-radius: 50%;       background: var(--sbsi-gold);       flex: 0 0 auto;     }      .sbsi-patron-content {       padding: 10px 8px 8px 0;       display: flex;       flex-direction: column;       justify-content: center;       min-width: 0;     }      .sbsi-patron-eyebrow {       display: inline-block;       font-family: 'Montserrat', sans-serif;       font-size: 12px;       font-weight: 700;       letter-spacing: 0.14em;       text-transform: uppercase;       color: #8b6b43;       margin-bottom: 12px;     }      .sbsi-patron-name {       font-size: clamp(2rem, 3vw, 3rem);       font-weight: 800;       letter-spacing: -0.04em;       max-width: 12ch;     }      .sbsi-patron-copy {       margin-top: 18px;       padding-top: 20px;       border-top: 1px solid rgba(0,0,0,0.08);     }      .sbsi-reveal {       opacity: 0;       transform: translateY(32px);       transition: opacity var(--sbsi-speed) var(--sbsi-ease), transform var(--sbsi-speed) var(--sbsi-ease);       will-change: opacity, transform;     }      .sbsi-reveal.is-visible {       opacity: 1;       transform: translateY(0);     }      .sbsi-delay-1 { transition-delay: 90ms; }     .sbsi-delay-2 { transition-delay: 180ms; }     .sbsi-delay-3 { transition-delay: 270ms; }      @keyframes sbsiPulse {       0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(219, 161, 89, 0.25); }       50% { transform: scale(1.08); box-shadow: 0 0 0 10px rgba(219, 161, 89, 0); }     }      @keyframes sbsiFloatOne {       0%, 100% { transform: translate3d(0, 0, 0); }       50% { transform: translate3d(22px, -18px, 0); }     }      @keyframes sbsiFloatTwo {       0%, 100% { transform: translate3d(0, 0, 0); }       50% { transform: translate3d(-18px, 18px, 0); }     }      @keyframes sbsiFloatThree {       0%, 100% { transform: translate3d(0, 0, 0); }       50% { transform: translate3d(12px, -16px, 0); }     }      @keyframes sbsiRotate {       from { transform: rotate(0deg); }       to { transform: rotate(360deg); }     }      @media (max-width: 1180px) {       .sbsi-hero-grid,       .sbsi-copy-grid,       .sbsi-patron-card {         grid-template-columns: 1fr;       }        .sbsi-copy-grid {         gap: 24px;       }        .sbsi-side-quote {         position: relative;         top: auto;       }        .sbsi-patron-media img {         aspect-ratio: 16 / 10;       }     }      @media (max-width: 900px) {       .sbsi-shell {         padding: 0 18px;       }        .sbsi-hero {         padding-top: 72px;       }        .sbsi-hero-copy,       .sbsi-mission-card,       .sbsi-copy-card,       .sbsi-side-quote {         padding-left: 22px;         padding-right: 22px;       }        .sbsi-hero-copy {         padding-top: 30px;         padding-bottom: 28px;       }        .sbsi-section-head {         grid-template-columns: 1fr;       }     }      @media (max-width: 760px) {       .sbsi-hero-cards,       .sbsi-stat-card {         grid-template-columns: 1fr;       }        .sbsi-patron-card {         padding: 12px;         gap: 18px;       }        .sbsi-patron-content {         padding: 4px 8px 8px;       }        .sbsi-patron-name {         max-width: none;       }     }      @media (max-width: 640px) {       .sbsi-about-wrap {         margin-left: calc(50% - 50vw);         margin-right: calc(50% - 50vw);       }        .sbsi-hero {         padding-top: 56px;         padding-bottom: 24px;       }        .sbsi-section,       .sbsi-patrons {         padding-top: 24px;       }        .sbsi-patrons {         padding-bottom: 72px;       }        .sbsi-hero h1 {         max-width: 8.4ch;       }        .sbsi-kicker,       .sbsi-patron-badge,       .sbsi-card-label,       .sbsi-patron-eyebrow,       .sbsi-side-quote-label,       .sbsi-legacy-caption {         letter-spacing: 0.11em;       }        .sbsi-copy-card p,       .sbsi-patron-copy p,       .sbsi-section-intro,       .sbsi-card-text,       .sbsi-hero-sub,       .sbsi-mini-card span,       .sbsi-stat-label {         font-size: 1rem;       }        .sbsi-patron-media img {         aspect-ratio: 4 / 5;       }        .sbsi-legacy-image {         height: 250px;       }        .sbsi-legacy-caption {         left: 14px;         right: 14px;         bottom: 14px;         justify-content: center;         text-align: center;         min-height: 40px;         padding: 10px 12px;         line-height: 1.35;         border-radius: 18px;       }     }      @media (prefers-reduced-motion: reduce) {       html {         scroll-behavior: auto;       }        *, *::before, *::after {         animation: none !important;         transition-duration: 0.01ms !important;         transition-delay: 0ms !important;       }        .sbsi-reveal {         opacity: 1;         transform: none;       }     }   #sp-xb8tqa{width: 100%; max-width: 100%;}#sp-gwfwbl{width: 100%; max-width: 100%;}#sp-lmxt83{width: calc(100% + 0px);}#sp-gzuqpn{margin: 0px;}