/* ================================================================
   Rooted in Faith NC — Sponsors Page
   All selectors namespaced .rif-sp-* to avoid conflicts.
   ================================================================ */

:root {
	--sp-pink:       #e8457a;
	--sp-pink-light: #f472a8;
	--sp-pink-dark:  #c2305f;
	--sp-black:      #111111;
	--sp-dark:       #1a1a2e;
	--sp-dark2:      #252540;
	--sp-gray:       #6b7280;
	--sp-gray-light: #f3f4f6;
	--sp-white:      #ffffff;
	--sp-radius:     14px;
	--sp-radius-lg:  24px;
	--sp-shadow:     0 8px 32px rgba(232,69,122,.15);
	--sp-shadow-md:  0 4px 20px rgba(0,0,0,.10);
	--sp-shadow-dk:  0 8px 40px rgba(0,0,0,.30);

	/* Tier colours */
	--sp-title-bg:   linear-gradient(135deg,#1a1a2e,#2d1b3d);
	--sp-title-fg:   #e8457a;
	--sp-gold-bg:    linear-gradient(135deg,#78350f,#92400e);
	--sp-gold-fg:    #fbbf24;
	--sp-silver-bg:  linear-gradient(135deg,#374151,#4b5563);
	--sp-silver-fg:  #d1d5db;
	--sp-bronze-bg:  linear-gradient(135deg,#7c2d12,#9a3412);
	--sp-bronze-fg:  #fdba74;
}

/* ----------------------------------------------------------------
   Layout
   ---------------------------------------------------------------- */
.rif-sp-full-w {
	width:        100vw;
	position:     relative;
	left:         50%;
	right:        50%;
	margin-left:  -50vw;
	margin-right: -50vw;
}
.rif-sp-container {
	max-width:      1200px;
	margin-inline:  auto;
	padding-inline: clamp(1.25rem, 5vw, 3rem);
}

/* ----------------------------------------------------------------
   Scroll reveal
   ---------------------------------------------------------------- */
.rif-sp-reveal {
	opacity:    0;
	transform:  translateY(28px);
	transition: opacity .6s ease, transform .6s ease;
}
.rif-sp-reveal.is-visible { opacity: 1; transform: none; }
.rif-sp-reveal--right      { transform: translateX(28px); }
.rif-sp-reveal--delay1     { transition-delay: .12s; }
.rif-sp-reveal--delay2     { transition-delay: .24s; }
.rif-sp-reveal--delay3     { transition-delay: .36s; }

/* ----------------------------------------------------------------
   Typography
   ---------------------------------------------------------------- */
.rif-sp-eyebrow {
	display:        block;
	font-size:      .78rem;
	font-weight:    700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color:          var(--sp-pink);
	margin-bottom:  .75rem;
}
.rif-sp-eyebrow--light { color: rgba(255,255,255,.7); }

.rif-sp-section-title {
	font-size:   clamp(1.75rem, 3.5vw, 2.75rem);
	font-weight: 800;
	color:       var(--sp-black);
	line-height: 1.2;
	margin:      0 0 1rem;
}
.rif-sp-section-title em { font-style: normal; color: var(--sp-pink); }

.rif-sp-section-sub {
	font-size:   1rem;
	color:       var(--sp-gray);
	max-width:   560px;
	line-height: 1.7;
	margin:      0;
}
.rif-sp-section-header {
	text-align:    center;
	margin-bottom: 3.5rem;
}
.rif-sp-section-header .rif-sp-section-sub { margin-inline: auto; }

.rif-sp-body-lg { font-size:1.1rem; line-height:1.75; color:var(--sp-dark); margin:0 0 1rem; }
.rif-sp-body    { font-size:.97rem; line-height:1.75; color:var(--sp-gray); margin:0 0 1.5rem; }

/* ----------------------------------------------------------------
   Buttons
   ---------------------------------------------------------------- */
.rif-sp-btn {
	display:         inline-flex;
	align-items:     center;
	gap:             .5rem;
	padding:         .88rem 2.2rem;
	border-radius:   50px;
	font-weight:     700;
	font-size:       .95rem;
	cursor:          pointer;
	text-decoration: none;
	transition:      background .2s, color .2s, transform .15s, box-shadow .2s;
	border:          2px solid transparent;
	line-height:     1;
}
.rif-sp-btn:active { transform: scale(.97); }

.rif-sp-btn--primary {
	background: var(--sp-pink);
	color:      var(--sp-white);
	box-shadow: var(--sp-shadow);
}
.rif-sp-btn--primary:hover {
	background: var(--sp-pink-dark);
	color:      var(--sp-white);
	box-shadow: 0 12px 40px rgba(232,69,122,.35);
}
.rif-sp-btn--ghost {
	background:   transparent;
	color:        var(--sp-white);
	border-color: rgba(255,255,255,.4);
}
.rif-sp-btn--ghost:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.7); color: var(--sp-white); }

.rif-sp-btn--white {
	background: var(--sp-white);
	color:      var(--sp-pink-dark);
	box-shadow: var(--sp-shadow-md);
}
.rif-sp-btn--white:hover { background: var(--sp-gray-light); color: var(--sp-pink-dark); }

.rif-sp-btn--ghost-white {
	background:   transparent;
	color:        var(--sp-white);
	border-color: rgba(255,255,255,.5);
}
.rif-sp-btn--ghost-white:hover { background: rgba(255,255,255,.15); border-color: var(--sp-white); color: var(--sp-white); }

/* ================================================================
   HERO
   ================================================================ */
.rif-sp-hero {
	position:    relative;
	min-height:  70vh;
	display:     flex;
	align-items: flex-end;
	overflow:    hidden;
}
.rif-sp-hero__bg {
	position:            absolute;
	inset:               0;
	background-size:     cover;
	background-position: center 35%;
	background-repeat:   no-repeat;
	z-index:             0;
}
.rif-sp-hero__bg::before {
	content:    '';
	position:   absolute;
	inset:      0;
	background: linear-gradient(to bottom, rgba(26,26,46,.4) 0%, rgba(26,26,46,.80) 60%, rgba(26,26,46,.97) 100%);
}
.rif-sp-hero__inner {
	position:       relative;
	z-index:        1;
	padding-top:    9rem;
	padding-bottom: 5rem;
}
.rif-sp-hero__title {
	font-size:      clamp(3.5rem, 8vw, 6rem);
	font-weight:    900;
	color:          var(--sp-white);
	line-height:    1;
	margin:         0 0 1rem;
	letter-spacing: -.03em;
	text-transform: uppercase;
}
.rif-sp-hero__sub {
	font-size:   1.1rem;
	color:       rgba(255,255,255,.75);
	line-height: 1.7;
	max-width:   540px;
	margin:      0 0 2rem;
}
.rif-sp-hero__cta  { display: flex; gap: 1rem; flex-wrap: wrap; }

.rif-sp-hero__scroll {
	position:  absolute;
	bottom:    2rem;
	left:      50%;
	transform: translateX(-50%);
	z-index:   1;
}
.rif-sp-hero__scroll span {
	display: block; width: 24px; height: 40px;
	border: 2px solid rgba(255,255,255,.3); border-radius: 12px; position: relative;
}
.rif-sp-hero__scroll span::before {
	content: ''; position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
	width: 4px; height: 8px; background: rgba(255,255,255,.6); border-radius: 2px;
	animation: sp-scroll 1.6s ease infinite;
}
@keyframes sp-scroll {
	0%   { opacity:1; transform:translateX(-50%) translateY(0); }
	100% { opacity:0; transform:translateX(-50%) translateY(14px); }
}

/* ================================================================
   WHY SPONSOR
   ================================================================ */
.rif-sp-why {
	background:    var(--sp-white);
	padding-block: clamp(4rem, 8vw, 7rem);
}
.rif-sp-why__grid {
	display:               grid;
	grid-template-columns: repeat(4, 1fr);
	gap:                   1.5rem;
	margin-bottom:         3.5rem;
}

.rif-sp-why-card {
	background:     var(--sp-gray-light);
	border-radius:  var(--sp-radius-lg);
	padding:        2rem 1.75rem;
	transition:     transform .25s, box-shadow .25s;
	border:         1.5px solid transparent;
}
.rif-sp-why-card:hover {
	transform:    translateY(-5px);
	box-shadow:   var(--sp-shadow-md);
	border-color: rgba(232,69,122,.2);
	background:   var(--sp-white);
}
.rif-sp-why-card__icon {
	width:           50px;
	height:          50px;
	background:      rgba(232,69,122,.1);
	border-radius:   12px;
	display:         flex;
	align-items:     center;
	justify-content: center;
	color:           var(--sp-pink);
	margin-bottom:   1.25rem;
}
.rif-sp-why-card__icon svg { width: 22px; height: 22px; }
.rif-sp-why-card h3 { font-size:1.05rem; font-weight:800; color:var(--sp-black); margin:0 0 .6rem; }
.rif-sp-why-card p  { font-size:.88rem; line-height:1.65; color:var(--sp-gray); margin:0; }

.rif-sp-why__stats {
	display:               grid;
	grid-template-columns: repeat(4, 1fr);
	gap:                   1px;
	background:            rgba(232,69,122,.12);
	border-radius:         var(--sp-radius);
	overflow:              hidden;
}
.rif-sp-why__stat {
	background:  var(--sp-white);
	padding:     2rem 1.5rem;
	text-align:  center;
	transition:  background .25s;
}
.rif-sp-why__stat:hover { background: rgba(232,69,122,.04); }
.rif-sp-why__stat-num {
	font-size:   2.5rem;
	font-weight: 900;
	color:       var(--sp-pink);
	line-height: 1;
	margin-bottom: .3rem;
}
.rif-sp-why__stat-lbl {
	font-size:      .78rem;
	font-weight:    700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color:          var(--sp-gray);
}

/* ================================================================
   CURRENT SPONSORS
   ================================================================ */
.rif-sp-current {
	background:    var(--sp-dark);
	padding-block: clamp(4rem, 8vw, 7rem);
}
.rif-sp-current .rif-sp-section-title { color: var(--sp-white); }
.rif-sp-current .rif-sp-section-sub   { color: rgba(255,255,255,.55); }

.rif-sp-tier { margin-bottom: 3rem; }
.rif-sp-tier:last-child { margin-bottom: 0; }

.rif-sp-tier__label {
	display:        inline-flex;
	align-items:    center;
	gap:            .5rem;
	font-size:      .75rem;
	font-weight:    800;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding:        .4rem 1rem;
	border-radius:  50px;
	margin-bottom:  1.25rem;
}
.rif-sp-tier__crown svg { width: 14px; height: 14px; }

.rif-sp-tier__label--title  { background: rgba(232,69,122,.2); color: var(--sp-pink-light); }
.rif-sp-tier__label--gold   { background: rgba(251,191,36,.15); color: #fbbf24; }
.rif-sp-tier__label--silver { background: rgba(209,213,219,.12); color: #d1d5db; }
.rif-sp-tier__label--bronze { background: rgba(253,186,116,.12); color: #fdba74; }

/* Logo grids */
.rif-sp-logos {
	display:   flex;
	flex-wrap: wrap;
	gap:       1rem;
	align-items: center;
}

/* Logo tile — shared */
.rif-sp-logo-tile {
	display:         flex;
	flex-direction:  column;
	align-items:     center;
	justify-content: center;
	gap:             .4rem;
	border-radius:   var(--sp-radius);
	text-decoration: none;
	transition:      transform .25s, box-shadow .25s, border-color .25s;
	overflow:        hidden;
	position:        relative;
}
.rif-sp-logo-tile:hover { transform: translateY(-4px); }
.rif-sp-logo-tile img { width: 100%; height: 100%; object-fit: contain; padding: 1rem; }

/* Initials fallback */
.rif-sp-logo-tile__initials {
	font-size:   1.6rem;
	font-weight: 900;
	line-height: 1;
}
.rif-sp-logo-tile__name {
	font-size:   .75rem;
	font-weight: 700;
	text-align:  center;
	line-height: 1.2;
	padding:     0 .5rem;
}
.rif-sp-logo-tile__tag {
	font-size:      .65rem;
	font-weight:    700;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity:        .7;
}

/* Title tier */
.rif-sp-logos--title .rif-sp-logo-tile--title {
	width:      320px;
	height:     140px;
	background: rgba(255,255,255,.05);
	border:     2px solid rgba(232,69,122,.4);
	color:      var(--sp-pink-light);
}
.rif-sp-logos--title .rif-sp-logo-tile--title:hover {
	box-shadow:   0 12px 40px rgba(232,69,122,.25);
	border-color: var(--sp-pink);
}
.rif-sp-logos--title .rif-sp-logo-tile__initials { font-size: 2.5rem; }
.rif-sp-logos--title .rif-sp-logo-tile__name     { font-size: .9rem; }

/* Gold tier */
.rif-sp-logos--gold .rif-sp-logo-tile--gold {
	width:      200px;
	height:     110px;
	background: rgba(251,191,36,.06);
	border:     1.5px solid rgba(251,191,36,.25);
	color:      #fbbf24;
}
.rif-sp-logos--gold .rif-sp-logo-tile--gold:hover {
	box-shadow: 0 8px 28px rgba(251,191,36,.2);
	border-color: rgba(251,191,36,.5);
}

/* Silver tier */
.rif-sp-logos--silver .rif-sp-logo-tile--silver {
	width:      170px;
	height:     96px;
	background: rgba(209,213,219,.06);
	border:     1.5px solid rgba(209,213,219,.2);
	color:      #d1d5db;
}
.rif-sp-logos--silver .rif-sp-logo-tile--silver:hover {
	box-shadow: 0 8px 24px rgba(209,213,219,.15);
	border-color: rgba(209,213,219,.4);
}

/* Bronze tier */
.rif-sp-logos--bronze .rif-sp-logo-tile--bronze {
	width:      148px;
	height:     84px;
	background: rgba(253,186,116,.05);
	border:     1.5px solid rgba(253,186,116,.18);
	color:      #fdba74;
}
.rif-sp-logos--bronze .rif-sp-logo-tile--bronze:hover {
	box-shadow: 0 6px 20px rgba(253,186,116,.15);
	border-color: rgba(253,186,116,.35);
}
.rif-sp-logos--bronze .rif-sp-logo-tile__initials { font-size: 1.2rem; }
.rif-sp-logos--bronze .rif-sp-logo-tile__name     { font-size: .68rem; }

/* "Your Brand Here" add slot */
.rif-sp-logo-tile--add {
	background:   transparent !important;
	border:       1.5px dashed rgba(255,255,255,.2) !important;
	color:        rgba(255,255,255,.35) !important;
	transition:   all .25s !important;
}
.rif-sp-logo-tile--add svg { width: 22px; height: 22px; margin-bottom: .2rem; }
.rif-sp-logo-tile--add span { font-size: .72rem; font-weight: 700; text-align: center; }
.rif-sp-logo-tile--add:hover {
	border-color: var(--sp-pink) !important;
	color:        var(--sp-pink) !important;
	background:   rgba(232,69,122,.06) !important;
}

/* ================================================================
   PACKAGES
   ================================================================ */
.rif-sp-packages {
	background:    var(--sp-gray-light);
	padding-block: clamp(4rem, 8vw, 7rem);
}

.rif-sp-packages__grid {
	display:               grid;
	grid-template-columns: repeat(4, 1fr);
	gap:                   1.25rem;
	align-items:           start;
}

.rif-sp-pkg-card {
	background:     var(--sp-white);
	border-radius:  var(--sp-radius-lg);
	padding:        2.25rem 1.75rem;
	display:        flex;
	flex-direction: column;
	gap:            .75rem;
	box-shadow:     var(--sp-shadow-md);
	border:         2px solid transparent;
	position:       relative;
	transition:     transform .25s, box-shadow .25s;
}
.rif-sp-pkg-card:hover { transform: translateY(-5px); }

.rif-sp-pkg-card__badge {
	position:       absolute;
	top:            -13px;
	left:           50%;
	transform:      translateX(-50%);
	background:     var(--sp-pink);
	color:          var(--sp-white);
	font-size:      .7rem;
	font-weight:    800;
	letter-spacing: .07em;
	text-transform: uppercase;
	padding:        .3rem 1rem;
	border-radius:  50px;
	white-space:    nowrap;
}

/* Tier label */
.rif-sp-pkg-card__tier {
	font-size:      .72rem;
	font-weight:    800;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding:        .3rem .85rem;
	border-radius:  50px;
	display:        inline-block;
	align-self:     flex-start;
}

/* Tier accent colours */
.rif-sp-pkg-card--bronze .rif-sp-pkg-card__tier { background: rgba(253,186,116,.15); color: #b45309; }
.rif-sp-pkg-card--silver .rif-sp-pkg-card__tier { background: rgba(107,114,128,.12); color: #4b5563; }
.rif-sp-pkg-card--gold   .rif-sp-pkg-card__tier { background: rgba(251,191,36,.15);  color: #92400e; }
.rif-sp-pkg-card--title  .rif-sp-pkg-card__tier { background: rgba(232,69,122,.12);  color: var(--sp-pink-dark); }

.rif-sp-pkg-card--featured {
	border-color: var(--sp-pink);
	box-shadow:   0 12px 48px rgba(232,69,122,.18);
}

/* Dark "title" card */
.rif-sp-pkg-card--title {
	background: linear-gradient(145deg, var(--sp-dark) 0%, #2d1b3d 100%);
	color:      var(--sp-white);
	border-color: rgba(232,69,122,.35);
}
.rif-sp-pkg-card--title .rif-sp-pkg-card__price { color: var(--sp-pink-light); }
.rif-sp-pkg-card--title .rif-sp-pkg-card__price span { color: rgba(255,255,255,.5); }
.rif-sp-pkg-card--title .rif-sp-pkg-card__perks li { color: rgba(255,255,255,.8); border-color: rgba(255,255,255,.08); }
.rif-sp-pkg-card--title .rif-sp-pkg-card__perks svg { color: var(--sp-pink-light); }
.rif-sp-pkg-card--title .rif-sp-pkg-card__cta { background: var(--sp-pink); color: var(--sp-white); border-color: transparent; }
.rif-sp-pkg-card--title .rif-sp-pkg-card__cta:hover { background: var(--sp-pink-dark); }

.rif-sp-pkg-card__price {
	font-size:   2.5rem;
	font-weight: 900;
	color:       var(--sp-black);
	line-height: 1;
	margin-block: .25rem;
}
.rif-sp-pkg-card__price span {
	font-size:   .9rem;
	font-weight: 500;
	color:       var(--sp-gray);
}

.rif-sp-pkg-card__perks {
	list-style:     none;
	padding:        0;
	margin:         .5rem 0;
	display:        flex;
	flex-direction: column;
	gap:            0;
	flex:           1;
}
.rif-sp-pkg-card__perks li {
	display:     flex;
	align-items: center;
	gap:         .6rem;
	font-size:   .86rem;
	color:       var(--sp-gray);
	padding:     .55rem 0;
	border-top:  1px solid rgba(0,0,0,.06);
}
.rif-sp-pkg-card__perks svg {
	width:      16px;
	height:     16px;
	color:      var(--sp-pink);
	flex-shrink: 0;
}

.rif-sp-pkg-card__cta {
	display:         flex;
	align-items:     center;
	justify-content: center;
	gap:             .5rem;
	margin-top:      auto;
	padding:         .85rem 1.5rem;
	border-radius:   50px;
	border:          2px solid var(--sp-pink);
	color:           var(--sp-pink-dark);
	font-weight:     700;
	font-size:       .9rem;
	text-decoration: none;
	transition:      background .2s, color .2s;
}
.rif-sp-pkg-card__cta svg { width: 16px; height: 16px; transition: transform .2s; }
.rif-sp-pkg-card__cta:hover {
	background: var(--sp-pink);
	color:      var(--sp-white);
}
.rif-sp-pkg-card__cta:hover svg { transform: translateX(4px); }

.rif-sp-packages__note {
	text-align:  center;
	font-size:   .9rem;
	color:       var(--sp-gray);
	margin-top:  2.5rem;
	margin-bottom: 0;
}
.rif-sp-packages__note a { color: var(--sp-pink); text-decoration: none; font-weight: 700; }
.rif-sp-packages__note a:hover { text-decoration: underline; }

/* ================================================================
   SHOP / PRODUCTS
   ================================================================ */
.rif-sp-shop {
	background:    var(--sp-white);
	padding-block: clamp(4rem, 8vw, 7rem);
}
.rif-sp-shop__grid {
	display:               grid;
	grid-template-columns: 1fr 1fr;
	gap:                   4rem;
	align-items:           center;
}
.rif-sp-shop__img-wrap {
	border-radius: var(--sp-radius-lg);
	overflow:      hidden;
	aspect-ratio:  4/3;
	box-shadow:    var(--sp-shadow-dk);
}
.rif-sp-shop__img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }

.rif-sp-shop__visual { position: relative; }
.rif-sp-shop__badge {
	position:      absolute;
	bottom:        -1.25rem;
	right:         -1.25rem;
	background:    var(--sp-pink);
	color:         var(--sp-white);
	font-size:     .8rem;
	font-weight:   800;
	padding:       .75rem 1.25rem;
	border-radius: var(--sp-radius);
	display:       flex;
	align-items:   center;
	gap:           .5rem;
	box-shadow:    var(--sp-shadow);
}
.rif-sp-shop__badge svg { width: 18px; height: 18px; }

/* ================================================================
   CTA
   ================================================================ */
.rif-sp-cta { position: relative; overflow: hidden; }
.rif-sp-cta__bg {
	position:   absolute;
	inset:      0;
	background: linear-gradient(135deg, var(--sp-pink-dark) 0%, var(--sp-pink) 55%, var(--sp-pink-light) 100%);
	z-index:    0;
}
.rif-sp-cta__bg::before {
	content: ''; position: absolute;
	top: -50%; right: -20%; width: 70%; height: 200%;
	background: radial-gradient(ellipse, rgba(255,255,255,.13) 0%, transparent 60%);
	border-radius: 50%;
}
.rif-sp-cta__inner {
	position:      relative;
	z-index:       1;
	text-align:    center;
	padding-block: clamp(5rem, 10vw, 8rem);
}
.rif-sp-cta__title {
	font-size:      clamp(2rem, 4.5vw, 3.5rem);
	font-weight:    900;
	color:          var(--sp-white);
	line-height:    1.15;
	margin:         0 0 1rem;
	letter-spacing: -.02em;
}
.rif-sp-cta__sub {
	font-size:   1.05rem;
	color:       rgba(255,255,255,.82);
	line-height: 1.7;
	margin:      0 auto 2.5rem;
	max-width:   480px;
}
.rif-sp-cta__actions {
	display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center;
}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 1100px) {
	.rif-sp-packages__grid { grid-template-columns: repeat(2, 1fr); }
	.rif-sp-why__grid      { grid-template-columns: repeat(2, 1fr); }
	.rif-sp-why__stats     { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 768px) {
	.rif-sp-shop__grid     { grid-template-columns: 1fr; }
	.rif-sp-packages__grid { grid-template-columns: repeat(2, 1fr); }
	.rif-sp-why__grid      { grid-template-columns: repeat(2, 1fr); }
	.rif-sp-why__stats     { grid-template-columns: repeat(2, 1fr); }
	.rif-sp-logos--title .rif-sp-logo-tile--title { width: 100%; max-width: 320px; }
	.rif-sp-logos { justify-content: center; }
}

@media (max-width: 480px) {
	.rif-sp-hero__cta      { flex-direction: column; align-items: flex-start; }
	.rif-sp-cta__actions   { flex-direction: column; align-items: center; }
	.rif-sp-packages__grid { grid-template-columns: 1fr; }
	.rif-sp-why__grid      { grid-template-columns: 1fr; }
	.rif-sp-why__stats     { grid-template-columns: repeat(2, 1fr); }
}