/*
 Theme Name:   Newsblock Child
 Theme URI:    https://soulcraze.com
 Description:  Custom child theme for Newsblock - Optimized for Soulcraze
 Author:       Soulcraze
 Author URI:   https://soulcraze.com
 Template:     newsblock
 Version:      2.1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  newsblock-child
*/

/* ============================================
   CRITICAL: PREVENT HORIZONTAL OVERFLOW
   ============================================ */
html {
	overflow-x: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
}

body {
	overflow-x: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* All main containers must not exceed viewport width */
#page,
.site,
.cs-site,
.cs-site-inner,
.cs-site-content,
main,
#main,
#primary,
#content {
	overflow-x: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* ============================================
   OPTIMIZED THEME COLORS - Logo Colors
   Primary: #010101 | Accent: #be2330
   ============================================ */

:root,
body[site-data-scheme="default"] {
	/* Light Mode - Optimized for readability with logo colors */
	--sc-bg-primary: #FFFFFF;
	--sc-bg-secondary: #F8F8F8;
	--sc-bg-tertiary: #F0F0F0;
	--sc-text-primary: #010101;
	--sc-text-secondary: #2A2A2A;
	--sc-text-muted: #666666;
	--sc-border-color: rgba(1, 1, 1, 0.1);
	--sc-shadow: rgba(1, 1, 1, 0.08);
	
	/* Brand colors from logo */
	--sc-crimson: #be2330;
	--sc-crimson-dark: #8B1923;
	--sc-crimson-light: #D63845;
	--sc-crimson-glow: rgba(190, 35, 48, 0.2);
	
	/* Legacy support */
	--sc-red: #be2330;
	--sc-dark-red: #8B1923;
}

/* Dark Mode - Newsblock Theme Implementation */
body[site-data-scheme="dark"] {
	--sc-bg-primary: #010101;
	--sc-bg-secondary: #0F0F0F;
	--sc-bg-tertiary: #1A1A1A;
	--sc-text-primary: #EDEDED;
	--sc-text-secondary: #CCCCCC;
	--sc-text-muted: #999999;
	--sc-border-color: rgba(190, 35, 48, 0.15);
	--sc-shadow: rgba(190, 35, 48, 0.2);
}

/* ============================================
   CRITICAL EDGE-TO-EDGE LAYOUT OVERRIDES
   Remove ALL parent theme spacing/containers
   ============================================ */

/* Nuclear option: Override EVERYTHING with body class specificity */
body.sc-homepage-template,
body.sc-about-template,
body.sc-contact-template,
body.sc-faq-template,
body.sc-podcast-template,
body.sc-newsletter-template,
body.sc-start-here-template,
body.sc-vault-template,
body.founding-111-page,
body.shadow-circle-page,
body.masquerades-page {
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.sc-homepage-template html,
body.sc-about-template html,
body.sc-contact-template html,
body.sc-faq-template html,
body.sc-podcast-template html,
body.sc-newsletter-template html,
body.sc-start-here-template html,
body.sc-vault-template html,
body.founding-111-page html,
body.shadow-circle-page html,
body.masquerades-page html {
	overflow-x: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.sc-homepage-template #page,
body.sc-homepage-template .cs-site,
body.sc-homepage-template .cs-site-inner,
body.sc-homepage-template .cs-site-content,
body.sc-homepage-template .cs-site-primary,
body.sc-homepage-template main,
body.sc-homepage-template #main,
body.sc-homepage-template #primary,
body.sc-homepage-template #content,
body.sc-homepage-template article,
body.sc-homepage-template .entry-content,
body.sc-homepage-template .cs-container,
body.sc-about-template #page,
body.sc-about-template .cs-site,
body.sc-about-template .cs-site-inner,
body.sc-about-template .cs-site-content,
body.sc-about-template .cs-site-primary,
body.sc-about-template main,
body.sc-about-template #main,
body.sc-about-template #primary,
body.sc-about-template #content,
body.sc-about-template article,
body.sc-about-template .entry-content,
body.sc-about-template .cs-container,
body.sc-contact-template #page,
body.sc-contact-template .cs-site,
body.sc-contact-template .cs-site-inner,
body.sc-contact-template .cs-site-content,
body.sc-contact-template .cs-site-primary,
body.sc-contact-template main,
body.sc-contact-template #main,
body.sc-contact-template #primary,
body.sc-contact-template #content,
body.sc-contact-template article,
body.sc-contact-template .entry-content,
body.sc-contact-template .cs-container,
body.sc-faq-template #page,
body.sc-faq-template .cs-site,
body.sc-faq-template .cs-site-inner,
body.sc-faq-template .cs-site-content,
body.sc-faq-template .cs-site-primary,
body.sc-faq-template main,
body.sc-faq-template #main,
body.sc-faq-template #primary,
body.sc-faq-template #content,
body.sc-faq-template article,
body.sc-faq-template .entry-content,
body.sc-faq-template .cs-container,
body.sc-podcast-template #page,
body.sc-podcast-template .cs-site,
body.sc-podcast-template .cs-site-inner,
body.sc-podcast-template .cs-site-content,
body.sc-podcast-template .cs-site-primary,
body.sc-podcast-template main,
body.sc-podcast-template #main,
body.sc-podcast-template #primary,
body.sc-podcast-template #content,
body.sc-podcast-template article,
body.sc-podcast-template .entry-content,
body.sc-podcast-template .cs-container,
body.sc-newsletter-template #page,
body.sc-newsletter-template .cs-site,
body.sc-newsletter-template .cs-site-inner,
body.sc-newsletter-template .cs-site-content,
body.sc-newsletter-template .cs-site-primary,
body.sc-newsletter-template main,
body.sc-newsletter-template #main,
body.sc-newsletter-template #primary,
body.sc-newsletter-template #content,
body.sc-newsletter-template article,
body.sc-newsletter-template .entry-content,
body.sc-newsletter-template .cs-container,
body.sc-start-here-template #page,
body.sc-start-here-template .cs-site,
body.sc-start-here-template .cs-site-inner,
body.sc-start-here-template .cs-site-content,
body.sc-start-here-template .cs-site-primary,
body.sc-start-here-template main,
body.sc-start-here-template #main,
body.sc-start-here-template #primary,
body.sc-start-here-template #content,
body.sc-start-here-template article,
body.sc-start-here-template .entry-content,
body.sc-start-here-template .cs-container,
body.sc-vault-template #page,
body.sc-vault-template .cs-site,
body.sc-vault-template .cs-site-inner,
body.sc-vault-template .cs-site-content,
body.sc-vault-template .cs-site-primary,
body.sc-vault-template main,
body.sc-vault-template #main,
body.sc-vault-template #primary,
body.sc-vault-template #content,
body.sc-vault-template article,
body.sc-vault-template .entry-content,
body.sc-vault-template .cs-container,
body.founding-111-page #page,
body.founding-111-page .cs-site,
body.founding-111-page .cs-site-inner,
body.founding-111-page .cs-site-content,
body.founding-111-page .cs-site-primary,
body.founding-111-page main,
body.founding-111-page #main,
body.founding-111-page #primary,
body.founding-111-page #content,
body.founding-111-page article,
body.founding-111-page .entry-content,
body.founding-111-page .cs-container,
body.shadow-circle-page #page,
body.shadow-circle-page .cs-site,
body.shadow-circle-page .cs-site-inner,
body.shadow-circle-page .cs-site-content,
body.shadow-circle-page .cs-site-primary,
body.shadow-circle-page main,
body.shadow-circle-page #main,
body.shadow-circle-page #primary,
body.shadow-circle-page #content,
body.shadow-circle-page article,
body.shadow-circle-page .entry-content,
body.shadow-circle-page .cs-container,
body.masquerades-page #page,
body.masquerades-page .cs-site,
body.masquerades-page .cs-site-inner,
body.masquerades-page .cs-site-content,
body.masquerades-page .cs-site-primary,
body.masquerades-page main,
body.masquerades-page #main,
body.masquerades-page #primary,
body.masquerades-page #content,
body.masquerades-page article,
body.masquerades-page .entry-content,
body.masquerades-page .cs-container {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ============================================
   HEADER & FOOTER MAX-WIDTH CONTAINER - FIXED
   Full-width background, centered 1200px content
   ============================================ */

/* Header - full width background wrapper */
header.cs-header,
header.cs-header-one,
header.cs-header-two,
header.cs-header-three,
header.cs-header-four,
header#masthead,
header.site-header {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

/* Header inner container - 1200px max-width centered */
header.cs-header .cs-container,
header.cs-header > .cs-container,
header.cs-header .cs-header__inner-wrapper,
header.cs-header-one .cs-container,
header.cs-header-two .cs-container,
header.cs-header-three .cs-container,
header.cs-header-four .cs-container,
header#masthead .cs-container,
header#masthead > .cs-container,
header.site-header .cs-container,
header.site-header > .cs-container {
	max-width: 1200px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 2rem !important;
	padding-right: 2rem !important;
	box-sizing: border-box !important;
}

/* Remove nested container constraints */
header .cs-container .cs-container {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 !important;
}

/* Footer - full width background wrapper */
footer.cs-footer,
footer#colophon,
footer.site-footer {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

/* Footer inner container - 1200px max-width centered */
footer.cs-footer .cs-container,
footer.cs-footer > .cs-container,
footer#colophon .cs-container,
footer#colophon > .cs-container,
footer.site-footer .cs-container,
footer.site-footer > .cs-container {
	max-width: 1200px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 2rem !important;
	padding-right: 2rem !important;
	box-sizing: border-box !important;
}

/* Remove nested footer container constraints */
footer .cs-container .cs-container {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 !important;
}

/* Responsive header/footer padding - smooth transitions */
@media (max-width: 1240px) {
	header.cs-header .cs-container,
	header.cs-header > .cs-container,
	header#masthead .cs-container,
	footer.cs-footer .cs-container,
	footer.cs-footer > .cs-container,
	footer#colophon .cs-container {
		padding-left: 1.75rem !important;
		padding-right: 1.75rem !important;
	}
}

@media (max-width: 1024px) {
	header.cs-header .cs-container,
	header.cs-header > .cs-container,
	header#masthead .cs-container,
	footer.cs-footer .cs-container,
	footer.cs-footer > .cs-container,
	footer#colophon .cs-container {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
}

@media (max-width: 768px) {
	header.cs-header .cs-container,
	header.cs-header > .cs-container,
	header#masthead .cs-container,
	footer.cs-footer .cs-container,
	footer.cs-footer > .cs-container,
	footer#colophon .cs-container {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}
}

@media (max-width: 480px) {
	header.cs-header .cs-container,
	header.cs-header > .cs-container,
	header#masthead .cs-container,
	footer.cs-footer .cs-container,
	footer.cs-footer > .cs-container,
	footer#colophon .cs-container {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
}

/* Force full-width on all custom template pages */
.sc-homepage-template,
.sc-about-template,
.sc-contact-template,
.sc-faq-template,
.sc-podcast-template,
.sc-newsletter-template,
.sc-start-here-template,
.sc-vault-template,
.founding-111-page,
.shadow-circle-page,
.masquerades-page {
	overflow-x: hidden !important;
}

/* Remove parent theme site wrapper constraints */
.sc-homepage-template .cs-site,
.sc-homepage-template #page,
.sc-about-template .cs-site,
.sc-about-template #page,
.sc-contact-template .cs-site,
.sc-contact-template #page,
.sc-faq-template .cs-site,
.sc-faq-template #page,
.sc-podcast-template .cs-site,
.sc-podcast-template #page,
.sc-newsletter-template .cs-site,
.sc-newsletter-template #page,
.sc-start-here-template .cs-site,
.sc-start-here-template #page,
.sc-vault-template .cs-site,
.sc-vault-template #page,
.founding-111-page .cs-site,
.founding-111-page #page,
.shadow-circle-page .cs-site,
.shadow-circle-page #page,
.masquerades-page .cs-site,
.masquerades-page #page {
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Remove parent theme content area padding */
.sc-homepage-template .cs-site-content,
.sc-homepage-template .site-content,
.sc-homepage-template .cs-site-inner,
.sc-homepage-template .cs-site-primary,
.sc-homepage-template #main,
.sc-homepage-template #primary,
.sc-homepage-template #content,
.sc-about-template .cs-site-content,
.sc-about-template .site-content,
.sc-about-template .cs-site-inner,
.sc-about-template .cs-site-primary,
.sc-about-template #main,
.sc-about-template #primary,
.sc-about-template #content,
.sc-contact-template .cs-site-content,
.sc-contact-template .site-content,
.sc-contact-template .cs-site-inner,
.sc-contact-template .cs-site-primary,
.sc-contact-template #main,
.sc-contact-template #primary,
.sc-contact-template #content,
.sc-faq-template .cs-site-content,
.sc-faq-template .site-content,
.sc-faq-template .cs-site-inner,
.sc-faq-template .cs-site-primary,
.sc-faq-template #main,
.sc-faq-template #primary,
.sc-faq-template #content,
.sc-podcast-template .cs-site-content,
.sc-podcast-template .site-content,
.sc-podcast-template .cs-site-inner,
.sc-podcast-template .cs-site-primary,
.sc-podcast-template #main,
.sc-podcast-template #primary,
.sc-podcast-template #content,
.sc-newsletter-template .cs-site-content,
.sc-newsletter-template .site-content,
.sc-newsletter-template .cs-site-inner,
.sc-newsletter-template .cs-site-primary,
.sc-newsletter-template #main,
.sc-newsletter-template #primary,
.sc-newsletter-template #content,
.sc-start-here-template .cs-site-content,
.sc-start-here-template .site-content,
.sc-start-here-template .cs-site-inner,
.sc-start-here-template .cs-site-primary,
.sc-start-here-template #main,
.sc-start-here-template #primary,
.sc-start-here-template #content,
.sc-vault-template .cs-site-content,
.sc-vault-template .site-content,
.sc-vault-template .cs-site-inner,
.sc-vault-template .cs-site-primary,
.sc-vault-template #main,
.sc-vault-template #primary,
.sc-vault-template #content,
.founding-111-page .cs-site-content,
.founding-111-page .site-content,
.founding-111-page .cs-site-inner,
.founding-111-page .cs-site-primary,
.founding-111-page #main,
.founding-111-page #primary,
.founding-111-page #content,
.shadow-circle-page .cs-site-content,
.shadow-circle-page .site-content,
.shadow-circle-page .cs-site-inner,
.shadow-circle-page .cs-site-primary,
.shadow-circle-page #main,
.shadow-circle-page #primary,
.shadow-circle-page #content,
.masquerades-page .cs-site-content,
.masquerades-page .site-content,
.masquerades-page .cs-site-inner,
.masquerades-page .cs-site-primary,
.masquerades-page #main,
.masquerades-page #primary,
.masquerades-page #content {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Remove ALL .cs-container constraints */
.sc-homepage-template .cs-container,
.sc-about-template .cs-container,
.sc-contact-template .cs-container,
.sc-faq-template .cs-container,
.sc-podcast-template .cs-container,
.sc-newsletter-template .cs-container,
.sc-start-here-template .cs-container,
.sc-vault-template .cs-container,
.founding-111-page .cs-container,
.shadow-circle-page .cs-container,
.masquerades-page .cs-container {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Force article/entry to full width */
.sc-homepage-template article,
.sc-homepage-template .entry-content,
.sc-about-template article,
.sc-about-template .entry-content,
.sc-contact-template article,
.sc-contact-template .entry-content,
.sc-faq-template article,
.sc-faq-template .entry-content,
.sc-podcast-template article,
.sc-podcast-template .entry-content,
.sc-newsletter-template article,
.sc-newsletter-template .entry-content,
.sc-start-here-template article,
.sc-start-here-template .entry-content,
.sc-vault-template article,
.sc-vault-template .entry-content,
.founding-111-page article,
.founding-111-page .entry-content,
.shadow-circle-page article,
.shadow-circle-page .entry-content,
.masquerades-page article,
.masquerades-page .entry-content {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* AGGRESSIVE: Remove parent theme responsive padding at ALL breakpoints */
.sc-homepage-template *:not(.sc-home-container):not(.sc-manifesto-content):not(.sc-shadow-text):not(.sc-shadow-cards):not(.sc-shadow-card):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(button):not(a):not(input):not(textarea):not(select):not(label):not(li):not(ul):not(ol),
.sc-about-template *:not(.sc-about-container):not(.sc-about-content):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(button):not(a):not(input):not(textarea):not(select):not(label):not(li):not(ul):not(ol),
.sc-contact-template *:not(.sc-contact-container):not(.sc-contact-content):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(button):not(a):not(input):not(textarea):not(select):not(label):not(li):not(ul):not(ol),
.sc-faq-template *:not(.sc-faq-container):not(.sc-faq-content):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(button):not(a):not(input):not(textarea):not(select):not(label):not(li):not(ul):not(ol),
.sc-podcast-template *:not(.sc-podcast-container):not(.sc-podcast-content):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(button):not(a):not(input):not(textarea):not(select):not(label):not(li):not(ul):not(ol),
.sc-newsletter-template *:not(.sc-newsletter-container):not(.sc-newsletter-content):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(button):not(a):not(input):not(textarea):not(select):not(label):not(li):not(ul):not(ol),
.sc-start-here-template *:not(.sc-start-container):not(.sc-start-content):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(button):not(a):not(input):not(textarea):not(select):not(label):not(li):not(ul):not(ol),
.sc-vault-template *:not(.sc-vault-container):not(.sc-vault-content):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(button):not(a):not(input):not(textarea):not(select):not(label):not(li):not(ul):not(ol),
.founding-111-page *:not(.founding-111-container):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(button):not(a):not(input):not(textarea):not(select):not(label):not(li):not(ul):not(ol),
.shadow-circle-page *:not(.shadow-circle-container):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(button):not(a):not(input):not(textarea):not(select):not(label):not(li):not(ul):not(ol),
.masquerades-page *:not(.masquerades-container):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(button):not(a):not(input):not(textarea):not(select):not(label):not(li):not(ul):not(ol) {
	box-sizing: border-box !important;
}

/* Override ALL responsive padding from parent theme */
@media (max-width: 1920px) {
	.sc-homepage-template .cs-container,
	.sc-homepage-template .cs-site-content,
	.sc-homepage-template .site-content,
	.sc-homepage-template #main,
	.sc-homepage-template #primary,
	.sc-homepage-template article,
	.sc-homepage-template .entry-content,
	.sc-about-template .cs-container,
	.sc-about-template .cs-site-content,
	.sc-about-template .site-content,
	.sc-about-template #main,
	.sc-about-template #primary,
	.sc-about-template article,
	.sc-about-template .entry-content,
	.sc-contact-template .cs-container,
	.sc-contact-template .cs-site-content,
	.sc-contact-template .site-content,
	.sc-contact-template #main,
	.sc-contact-template #primary,
	.sc-contact-template article,
	.sc-contact-template .entry-content,
	.sc-faq-template .cs-container,
	.sc-faq-template .cs-site-content,
	.sc-faq-template .site-content,
	.sc-faq-template #main,
	.sc-faq-template #primary,
	.sc-faq-template article,
	.sc-faq-template .entry-content,
	.sc-podcast-template .cs-container,
	.sc-podcast-template .cs-site-content,
	.sc-podcast-template .site-content,
	.sc-podcast-template #main,
	.sc-podcast-template #primary,
	.sc-podcast-template article,
	.sc-podcast-template .entry-content,
	.sc-newsletter-template .cs-container,
	.sc-newsletter-template .cs-site-content,
	.sc-newsletter-template .site-content,
	.sc-newsletter-template #main,
	.sc-newsletter-template #primary,
	.sc-newsletter-template article,
	.sc-newsletter-template .entry-content,
	.sc-start-here-template .cs-container,
	.sc-start-here-template .cs-site-content,
	.sc-start-here-template .site-content,
	.sc-start-here-template #main,
	.sc-start-here-template #primary,
	.sc-start-here-template article,
	.sc-start-here-template .entry-content,
	.sc-vault-template .cs-container,
	.sc-vault-template .cs-site-content,
	.sc-vault-template .site-content,
	.sc-vault-template #main,
	.sc-vault-template #primary,
	.sc-vault-template article,
	.sc-vault-template .entry-content {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

/* ============================================
   CRITICAL PERFORMANCE OPTIMIZATIONS
   ============================================ */

/* ============================================
   STANDARDIZED HERO SECTIONS - All Pages
   Consistent sizing and backgrounds
   ============================================ */
.sc-podcast-hero,
.sc-about-hero,
.sc-contact-hero,
.sc-faq-hero,
.sc-newsletter-hero,
.sc-start-hero,
.sc-vault-hero,
.sc-home-hero {
	position: relative !important;
	min-height: 65vh !important;
	max-height: 75vh !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
	padding: 4rem 2rem 3rem !important;
	background: var(--sc-bg-primary) !important;
}

/* Hero backgrounds - consistent treatment */
.sc-podcast-hero__background,
.sc-about-hero__background,
.sc-contact-hero__background,
.sc-faq-hero__background,
.sc-newsletter-hero__background,
.sc-start-hero__background,
.sc-vault-hero__background,
.sc-home-hero__background {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 0 !important;
	background: linear-gradient(135deg, var(--sc-bg-primary) 0%, var(--sc-bg-secondary) 100%) !important;
}

/* Mobile hero adjustments */
@media (max-width: 768px) {
	.sc-podcast-hero,
	.sc-about-hero,
	.sc-contact-hero,
	.sc-faq-hero,
	.sc-newsletter-hero,
	.sc-start-hero,
	.sc-vault-hero,
	.sc-home-hero {
		min-height: 55vh !important;
		max-height: 65vh !important;
		padding: 3rem 1.5rem 2rem !important;
	}
}

/* Reduce all section padding globally */
section[class*="sc-podcast-"],
section[class*="sc-about-"],
section[class*="sc-contact-"],
section[class*="sc-faq-"],
section[class*="sc-newsletter-"],
section[class*="sc-start-"],
section[class*="sc-vault-"],
section[class*="sc-home-"] {
	padding: 2.5rem 1.5rem !important;
}

/* Remove spacing between sections */
section + section {
	margin-top: 0 !important;
}

/* Optimize font sizes */
.sc-section-title,
h1 {
	font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
	margin-bottom: 1rem !important;
}

h2 {
	font-size: clamp(1.5rem, 3.5vw, 2rem) !important;
}

h3 {
	font-size: clamp(1.25rem, 3vw, 1.5rem) !important;
}

/* Hide heavy decorative elements */
.sc-mic-silhouette,
.sc-collage-animation,
.sc-about-hero__particles,
.sc-podcast-hero__background img,
.sc-about-hero__background img {
	display: none !important;
}

/* ============================================
   LIGHT MODE COLOR CORRECTIONS
   SCOPED TO CUSTOM TEMPLATES ONLY
   ============================================ */

/* Ensure text contrast in light mode - ONLY on custom templates */
body[site-data-scheme="default"].sc-homepage-template h1,
body[site-data-scheme="default"].sc-about-template h1,
body[site-data-scheme="default"].sc-contact-template h1,
body[site-data-scheme="default"].sc-faq-template h1,
body[site-data-scheme="default"].sc-podcast-template h1,
body[site-data-scheme="default"].sc-newsletter-template h1,
body[site-data-scheme="default"].sc-start-here-template h1,
body[site-data-scheme="default"].sc-vault-template h1,
body[site-data-scheme="default"].sc-homepage-template h2,
body[site-data-scheme="default"].sc-about-template h2,
body[site-data-scheme="default"].sc-contact-template h2,
body[site-data-scheme="default"].sc-faq-template h2,
body[site-data-scheme="default"].sc-podcast-template h2,
body[site-data-scheme="default"].sc-newsletter-template h2,
body[site-data-scheme="default"].sc-start-here-template h2,
body[site-data-scheme="default"].sc-vault-template h2,
body[site-data-scheme="default"].sc-homepage-template h3,
body[site-data-scheme="default"].sc-about-template h3,
body[site-data-scheme="default"].sc-contact-template h3,
body[site-data-scheme="default"].sc-faq-template h3,
body[site-data-scheme="default"].sc-podcast-template h3,
body[site-data-scheme="default"].sc-newsletter-template h3,
body[site-data-scheme="default"].sc-start-here-template h3,
body[site-data-scheme="default"].sc-vault-template h3,
body[site-data-scheme="default"].sc-homepage-template h4,
body[site-data-scheme="default"].sc-about-template h4,
body[site-data-scheme="default"].sc-contact-template h4,
body[site-data-scheme="default"].sc-faq-template h4,
body[site-data-scheme="default"].sc-podcast-template h4,
body[site-data-scheme="default"].sc-newsletter-template h4,
body[site-data-scheme="default"].sc-start-here-template h4,
body[site-data-scheme="default"].sc-vault-template h4 {
	color: #010101 !important;
}

body[site-data-scheme="default"].sc-homepage-template p,
body[site-data-scheme="default"].sc-about-template p,
body[site-data-scheme="default"].sc-contact-template p,
body[site-data-scheme="default"].sc-faq-template p,
body[site-data-scheme="default"].sc-podcast-template p,
body[site-data-scheme="default"].sc-newsletter-template p,
body[site-data-scheme="default"].sc-start-here-template p,
body[site-data-scheme="default"].sc-vault-template p,
body[site-data-scheme="default"].sc-homepage-template li,
body[site-data-scheme="default"].sc-about-template li,
body[site-data-scheme="default"].sc-contact-template li,
body[site-data-scheme="default"].sc-faq-template li,
body[site-data-scheme="default"].sc-podcast-template li,
body[site-data-scheme="default"].sc-newsletter-template li,
body[site-data-scheme="default"].sc-start-here-template li,
body[site-data-scheme="default"].sc-vault-template li {
	color: #2A2A2A !important;
}

/* Logo color highlights */
.sc-highlight {
	color: #be2330 !important;
}

/* Button optimization with logo colors */
.sc-btn--primary {
	background: #be2330 !important;
	border-color: #be2330 !important;
	padding: 0.875rem 1.75rem !important;
}

.sc-btn--primary:hover {
	background: #8B1923 !important;
	border-color: #8B1923 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 12px rgba(190, 35, 48, 0.25) !important;
}

.sc-btn--outline {
	border: 2px solid #be2330 !important;
	color: #be2330 !important;
}

body[site-data-scheme="dark"] .sc-btn--outline {
	color: #FFFFFF !important;
}

/* Form elements light mode - ONLY on custom templates */
body[site-data-scheme="default"].sc-homepage-template input,
body[site-data-scheme="default"].sc-about-template input,
body[site-data-scheme="default"].sc-contact-template input,
body[site-data-scheme="default"].sc-faq-template input,
body[site-data-scheme="default"].sc-podcast-template input,
body[site-data-scheme="default"].sc-newsletter-template input,
body[site-data-scheme="default"].sc-start-here-template input,
body[site-data-scheme="default"].sc-vault-template input,
body[site-data-scheme="default"].sc-homepage-template textarea,
body[site-data-scheme="default"].sc-about-template textarea,
body[site-data-scheme="default"].sc-contact-template textarea,
body[site-data-scheme="default"].sc-faq-template textarea,
body[site-data-scheme="default"].sc-podcast-template textarea,
body[site-data-scheme="default"].sc-newsletter-template textarea,
body[site-data-scheme="default"].sc-start-here-template textarea,
body[site-data-scheme="default"].sc-vault-template textarea,
body[site-data-scheme="default"].sc-homepage-template select,
body[site-data-scheme="default"].sc-about-template select,
body[site-data-scheme="default"].sc-contact-template select,
body[site-data-scheme="default"].sc-faq-template select,
body[site-data-scheme="default"].sc-podcast-template select,
body[site-data-scheme="default"].sc-newsletter-template select,
body[site-data-scheme="default"].sc-start-here-template select,
body[site-data-scheme="default"].sc-vault-template select {
	background: #FFFFFF !important;
	color: #010101 !important;
	border: 1px solid rgba(1, 1, 1, 0.15) !important;
}

body[site-data-scheme="default"].sc-homepage-template input:focus,
body[site-data-scheme="default"].sc-about-template input:focus,
body[site-data-scheme="default"].sc-contact-template input:focus,
body[site-data-scheme="default"].sc-faq-template input:focus,
body[site-data-scheme="default"].sc-podcast-template input:focus,
body[site-data-scheme="default"].sc-newsletter-template input:focus,
body[site-data-scheme="default"].sc-start-here-template input:focus,
body[site-data-scheme="default"].sc-vault-template input:focus,
body[site-data-scheme="default"].sc-homepage-template textarea:focus,
body[site-data-scheme="default"].sc-about-template textarea:focus,
body[site-data-scheme="default"].sc-contact-template textarea:focus,
body[site-data-scheme="default"].sc-faq-template textarea:focus,
body[site-data-scheme="default"].sc-podcast-template textarea:focus,
body[site-data-scheme="default"].sc-newsletter-template textarea:focus,
body[site-data-scheme="default"].sc-start-here-template textarea:focus,
body[site-data-scheme="default"].sc-vault-template textarea:focus {
	border-color: #be2330 !important;
	box-shadow: 0 0 0 3px rgba(190, 35, 48, 0.1) !important;
}

/* Cards in light mode - ONLY on custom templates */
body[site-data-scheme="default"].sc-homepage-template .sc-experience-card,
body[site-data-scheme="default"].sc-about-template .sc-experience-card,
body[site-data-scheme="default"].sc-contact-template .sc-experience-card,
body[site-data-scheme="default"].sc-faq-template .sc-experience-card,
body[site-data-scheme="default"].sc-podcast-template .sc-experience-card,
body[site-data-scheme="default"].sc-newsletter-template .sc-experience-card,
body[site-data-scheme="default"].sc-start-here-template .sc-experience-card,
body[site-data-scheme="default"].sc-vault-template .sc-experience-card,
body[site-data-scheme="default"].sc-homepage-template .sc-format-card,
body[site-data-scheme="default"].sc-about-template .sc-format-card,
body[site-data-scheme="default"].sc-contact-template .sc-format-card,
body[site-data-scheme="default"].sc-faq-template .sc-format-card,
body[site-data-scheme="default"].sc-podcast-template .sc-format-card,
body[site-data-scheme="default"].sc-newsletter-template .sc-format-card,
body[site-data-scheme="default"].sc-start-here-template .sc-format-card,
body[site-data-scheme="default"].sc-vault-template .sc-format-card,
body[site-data-scheme="default"].sc-homepage-template .sc-platform-card,
body[site-data-scheme="default"].sc-about-template .sc-platform-card,
body[site-data-scheme="default"].sc-contact-template .sc-platform-card,
body[site-data-scheme="default"].sc-faq-template .sc-platform-card,
body[site-data-scheme="default"].sc-podcast-template .sc-platform-card,
body[site-data-scheme="default"].sc-newsletter-template .sc-platform-card,
body[site-data-scheme="default"].sc-start-here-template .sc-platform-card,
body[site-data-scheme="default"].sc-vault-template .sc-platform-card {
	background: #F8F8F8 !important;
	border: 1px solid rgba(1, 1, 1, 0.08) !important;
}

/* Header and footer styling removed - using parent theme defaults */

/* ============================================
   GLOBAL THEME ADAPTIVE OVERRIDES
   Apply to all custom templates
   ============================================ */

/* Text colors - replace hardcoded values */
.sc-newsletter-template h1,
.sc-newsletter-template h2,
.sc-newsletter-template h3,
.sc-newsletter-template .sc-newsletter-section-title,
.sc-newsletter-template .sc-newsletter-hero__title,
.sc-newsletter-template .sc-newsletter-closing-title,
.sc-vault-template h1,
.sc-vault-template h2,
.sc-vault-template h3,
.sc-about-template h1,
.sc-about-template h2,
.sc-about-template h3,
.sc-start-template h1,
.sc-start-template h2,
.sc-start-template h3,
.sc-homepage-template h1,
.sc-homepage-template h2,
.sc-homepage-template h3 {
	color: var(--sc-text-primary) !important;
}

/* Secondary backgrounds */
.sc-newsletter-template .sc-newsletter-manifesto,
.sc-newsletter-template .sc-newsletter-glimpse,
.sc-newsletter-template .sc-newsletter-invitation,
.sc-newsletter-template .sc-newsletter-receive,
.sc-vault-template .sc-vault-featured,
.sc-vault-template .sc-vault-circle,
.sc-about-template .sc-about-evolution,
.sc-about-template .sc-about-circle,
.sc-start-template .sc-start-manifesto,
.sc-start-template .sc-start-circle,
.sc-homepage-template .sc-home-manifesto,
.sc-homepage-template .sc-home-universe,
.sc-homepage-template .sc-home-rewards {
	background: var(--sc-bg-secondary) !important;
}

/* Tertiary backgrounds for Circle sections */
.sc-newsletter-template .sc-newsletter-circle,
.sc-vault-template .sc-vault-creator,
.sc-about-template .sc-about-masquerade,
.sc-start-template .sc-start-worlds,
.sc-homepage-template .sc-home-circle,
.sc-homepage-template .sc-home-gate {
	background: var(--sc-bg-tertiary) !important;
}

/* Hero sections - should match primary background */
.sc-newsletter-template .sc-newsletter-hero,
.sc-vault-template .sc-vault-hero,
.sc-about-template .sc-about-hero,
.sc-about-template .sc-about-universe,
.sc-start-template .sc-start-hero,
.sc-homepage-template .sc-home-hero,
.sc-newsletter-template .sc-newsletter-paths,
.sc-vault-template .sc-vault-archive,
.sc-about-template .sc-about-what,
.sc-start-template .sc-start-what,
.sc-homepage-template .sc-home-paths,
.sc-newsletter-template .sc-newsletter-benefits,
.sc-vault-template .sc-vault-drops,
.sc-about-template .sc-about-philosophy,
.sc-start-template .sc-start-shadows,
.sc-homepage-template .sc-home-whispers,
.sc-newsletter-template .sc-newsletter-ritual,
.sc-vault-template .sc-vault-notes,
.sc-about-template .sc-about-invitation,
.sc-start-template .sc-start-closing,
.sc-homepage-template .sc-home-community,
.sc-newsletter-template .sc-newsletter-after,
.sc-newsletter-template .sc-newsletter-closing,
.sc-vault-template .sc-vault-closing,
.sc-homepage-template .sc-home-podcast {
	background: var(--sc-bg-primary) !important;
}

/* All paragraph and body text */
.sc-newsletter-template p,
.sc-vault-template p,
.sc-about-template p,
.sc-start-template p,
.sc-homepage-template p,
.sc-newsletter-template .sc-newsletter-hero__subtitle,
.sc-newsletter-template .sc-newsletter-hero__tagline,
.sc-newsletter-template .sc-newsletter-hero__description,
.sc-newsletter-template .sc-newsletter-text,
.sc-newsletter-template .sc-newsletter-section-subtitle,
.sc-newsletter-template .sc-newsletter-glimpse-subtext,
.sc-newsletter-template .sc-newsletter-glimpse-verse,
.sc-newsletter-template .sc-newsletter-glimpse-verse p,
.sc-newsletter-template .sc-newsletter-glimpse-citation,
.sc-newsletter-template .sc-newsletter-invitation-content p,
.sc-newsletter-template .sc-newsletter-ritual-subtext,
.sc-newsletter-template .sc-newsletter-closing-description,
.sc-vault-template .sc-vault-hero__subtitle,
.sc-about-template .sc-about-hero__subtitle,
.sc-start-template .sc-start-hero__subtitle,
.sc-homepage-template .sc-home-hero__subtitle {
	color: var(--sc-text-secondary) !important;
}

/* Muted text */
.sc-newsletter-template .sc-newsletter-note,
.sc-newsletter-template .sc-newsletter-form-privacy,
.sc-newsletter-template .sc-newsletter-benefits-note,
.sc-newsletter-template .sc-newsletter-glimpse-label,
.sc-newsletter-template .sc-newsletter-ritual-heading,
.sc-vault-template .sc-vault-note,
.sc-about-template .sc-about-note,
.sc-start-template .sc-start-note,
.sc-homepage-template .sc-universe-note,
.sc-homepage-template .sc-home-whispers__note {
	color: var(--sc-text-muted) !important;
}

/* Card backgrounds */
.sc-newsletter-template .sc-benefit-card,
.sc-newsletter-template .sc-newsletter-receive-card,
.sc-newsletter-template .sc-newsletter-after-item,
.sc-vault-template .sc-vault-card,
.sc-vault-template .sc-vault-chapter,
.sc-about-template .sc-universe-entry,
.sc-start-template .sc-start-path,
.sc-start-template .sc-world-card,
.sc-homepage-template .sc-home-path,
.sc-homepage-template .sc-reward-card,
.sc-homepage-template .sc-community-feature {
	background: var(--sc-bg-tertiary) !important;
	border-color: var(--sc-border-color) !important;
}

/* Card text */
.sc-newsletter-template .sc-benefit-card h3,
.sc-newsletter-template .sc-benefit-card p,
.sc-newsletter-template .sc-newsletter-receive-card h3,
.sc-newsletter-template .sc-newsletter-receive-card p,
.sc-newsletter-template .sc-newsletter-card-title,
.sc-newsletter-template .sc-newsletter-card-description,
.sc-newsletter-template .sc-newsletter-after-item h3,
.sc-newsletter-template .sc-newsletter-after-item p,
.sc-vault-template .sc-vault-card h3,
.sc-vault-template .sc-vault-card p,
.sc-about-template .sc-universe-entry h3,
.sc-about-template .sc-universe-entry p,
.sc-start-template .sc-start-path h3,
.sc-start-template .sc-start-path p,
.sc-start-template .sc-world-card h4,
.sc-start-template .sc-world-card p,
.sc-homepage-template .sc-home-path h3,
.sc-homepage-template .sc-home-path p,
.sc-homepage-template .sc-reward-card h3,
.sc-homepage-template .sc-reward-card p,
.sc-homepage-template .sc-community-feature h4,
.sc-homepage-template .sc-community-feature p,
.sc-homepage-template .sc-path-title,
.sc-homepage-template .sc-path-description,
.sc-homepage-template .sc-reward-title,
.sc-homepage-template .sc-reward-description {
	color: var(--sc-text-primary) !important;
}

/* Input fields */
.sc-newsletter-template input,
.sc-homepage-template input,
.sc-newsletter-template textarea,
.sc-homepage-template textarea {
	background: var(--sc-bg-tertiary) !important;
	color: var(--sc-text-primary) !important;
	border-color: var(--sc-border-color) !important;
}

/* Input placeholders in light mode */
body[site-data-scheme="default"] .sc-newsletter-template input::placeholder,
body[site-data-scheme="default"] .sc-homepage-template input::placeholder,
body[site-data-scheme="default"] .sc-newsletter-template textarea::placeholder,
body[site-data-scheme="default"] .sc-homepage-template textarea::placeholder {
	color: #888888 !important;
}

/* Benefits lists */
.sc-newsletter-template .sc-benefits-list li,
.sc-newsletter-template .sc-newsletter-benefits-list li,
.sc-vault-template .sc-circle-perks li,
.sc-about-template .sc-community-features li,
.sc-start-template .sc-start-benefits li,
.sc-homepage-template .sc-home-benefits-list li {
	color: var(--sc-text-secondary) !important;
	background: rgba(220, 20, 60, 0.05) !important;
}

/* Light mode - ensure text visibility in white sections */
body[site-data-scheme="default"] .sc-homepage-template .sc-home-manifesto h2,
body[site-data-scheme="default"] .sc-homepage-template .sc-home-manifesto p,
body[site-data-scheme="default"] .sc-homepage-template .sc-home-universe h2,
body[site-data-scheme="default"] .sc-homepage-template .sc-home-universe h3,
body[site-data-scheme="default"] .sc-homepage-template .sc-home-universe p,
body[site-data-scheme="default"] .sc-homepage-template .sc-home-rewards h2,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-manifesto h2,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-manifesto p,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-featured h2,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-featured p,
body[site-data-scheme="default"] .sc-about-template .sc-about-evolution h2,
body[site-data-scheme="default"] .sc-about-template .sc-about-evolution p,
body[site-data-scheme="default"] .sc-start-template .sc-start-manifesto h2,
body[site-data-scheme="default"] .sc-start-template .sc-start-manifesto p {
	color: #1A1A1A !important;
}

/* Light mode - secondary sections get light gray background */
body[site-data-scheme="default"] .sc-about-template .sc-about-evolution,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-invitation,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-receive,
body[site-data-scheme="default"] .sc-homepage-template .sc-home-manifesto,
body[site-data-scheme="default"] .sc-homepage-template .sc-home-universe,
body[site-data-scheme="default"] .sc-homepage-template .sc-home-rewards {
	background: #F5F5F5 !important;
}

/* Light mode - circle sections get slightly darker background */
body[site-data-scheme="default"] .sc-homepage-template .sc-home-circle,
body[site-data-scheme="default"] .sc-homepage-template .sc-home-gate,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-circle,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-creator,
body[site-data-scheme="default"] .sc-about-template .sc-about-masquerade,
body[site-data-scheme="default"] .sc-about-template .sc-about-circle,
body[site-data-scheme="default"] .sc-start-template .sc-start-worlds {
	background: #F0F0F0 !important;
}

/* Light mode - ensure all section headings and text are dark */
body[site-data-scheme="default"] .sc-homepage-template h1,
body[site-data-scheme="default"] .sc-homepage-template h2,
body[site-data-scheme="default"] .sc-homepage-template h3,
body[site-data-scheme="default"] .sc-homepage-template h4,
body[site-data-scheme="default"] .sc-newsletter-template h1,
body[site-data-scheme="default"] .sc-newsletter-template h2,
body[site-data-scheme="default"] .sc-newsletter-template h3,
body[site-data-scheme="default"] .sc-vault-template h1,
body[site-data-scheme="default"] .sc-vault-template h2,
body[site-data-scheme="default"] .sc-vault-template h3,
body[site-data-scheme="default"] .sc-about-template h1,
body[site-data-scheme="default"] .sc-about-template h2,
body[site-data-scheme="default"] .sc-about-template h3,
body[site-data-scheme="default"] .sc-start-template h1,
body[site-data-scheme="default"] .sc-start-template h2,
body[site-data-scheme="default"] .sc-start-template h3 {
	color: #1A1A1A !important;
}

/* Light mode - all paragraphs should be dark gray */
body[site-data-scheme="default"] .sc-homepage-template p,
body[site-data-scheme="default"] .sc-newsletter-template p,
body[site-data-scheme="default"] .sc-vault-template p,
body[site-data-scheme="default"] .sc-about-template p,
body[site-data-scheme="default"] .sc-start-template p {
	color: #4A4A4A !important;
}

/* Light mode - hero sections should have NO dark gradient overlay */
body[site-data-scheme="default"] .sc-home-hero__background .sc-hero-gradient {
	background: transparent !important;
}

body[site-data-scheme="default"] .sc-home-hero__background .sc-hero-fog,
body[site-data-scheme="default"] .sc-home-hero__background .sc-hero-embers {
	opacity: 0.2 !important;
}

/* Light mode - Community section text */
body[site-data-scheme="default"] .sc-homepage-template .sc-home-community h2,
body[site-data-scheme="default"] .sc-homepage-template .sc-home-community p,
body[site-data-scheme="default"] .sc-homepage-template .sc-home-whispers h2,
body[site-data-scheme="default"] .sc-homepage-template .sc-home-whispers p {
	color: #1A1A1A !important;
}

/* Light mode - Newsletter template specific sections */
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-hero h1,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-hero p,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-invitation h2,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-invitation p,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-receive h2,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-receive p,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-glimpse h2,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-glimpse p,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-paths h2,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-paths p,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-benefits h2,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-benefits p,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-ritual h2,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-ritual p,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-after h2,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-after p,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-closing h2,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-closing p {
	color: #1A1A1A !important;
}

/* Light mode - Vault template specific sections */
body[site-data-scheme="default"] .sc-vault-template .sc-vault-hero h1,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-hero p,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-archive h2,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-archive p,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-drops h2,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-drops p,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-notes h2,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-notes p,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-closing h2,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-closing p {
	color: #1A1A1A !important;
}

/* Light mode - About template specific sections */
body[site-data-scheme="default"] .sc-about-template .sc-about-hero h1,
body[site-data-scheme="default"] .sc-about-template .sc-about-hero p,
body[site-data-scheme="default"] .sc-about-template .sc-about-hero h4,
body[site-data-scheme="default"] .sc-about-template .sc-about-universe h2,
body[site-data-scheme="default"] .sc-about-template .sc-about-universe p,
body[site-data-scheme="default"] .sc-about-template .sc-about-philosophy h2,
body[site-data-scheme="default"] .sc-about-template .sc-about-philosophy p,
body[site-data-scheme="default"] .sc-about-template .sc-about-invitation h2,
body[site-data-scheme="default"] .sc-about-template .sc-about-invitation p,
body[site-data-scheme="default"] .sc-about-template .sc-about-masquerade h2,
body[site-data-scheme="default"] .sc-about-template .sc-about-masquerade p,
body[site-data-scheme="default"] .sc-about-template .sc-philosophy-mantra,
body[site-data-scheme="default"] .sc-about-template .sc-philosophy-line,
body[site-data-scheme="default"] .sc-about-template .sc-evolution-para,
body[site-data-scheme="default"] .sc-about-template .sc-masquerade-para,
body[site-data-scheme="default"] .sc-about-template .sc-invitation-para,
body[site-data-scheme="default"] .sc-about-template .sc-about-circle h2,
body[site-data-scheme="default"] .sc-about-template .sc-about-circle p,
body[site-data-scheme="default"] .sc-about-template .sc-benefit-item,
body[site-data-scheme="default"] .sc-about-template .sc-circle-closing {
	color: #1A1A1A !important;
}

/* Dark mode - Ensure About page philosophy section text is visible */
body[site-data-scheme="dark"] .sc-about-template .sc-philosophy-line,
body[site-data-scheme="dark"] .sc-about-template .sc-philosophy-mantra,
body[site-data-scheme="dark"] .sc-about-template .sc-about-philosophy__title {
	color: #EDEDED !important;
}

body[site-data-scheme="dark"] .sc-about-template .sc-philosophy-line {
	color: #CCCCCC !important;
}

/* Light mode - Start Here template specific sections */
body[site-data-scheme="default"] .sc-start-template .sc-start-hero h1,
body[site-data-scheme="default"] .sc-start-template .sc-start-hero p,
body[site-data-scheme="default"] .sc-start-template .sc-start-what h2,
body[site-data-scheme="default"] .sc-start-template .sc-start-what p,
body[site-data-scheme="default"] .sc-start-template .sc-start-shadows h2,
body[site-data-scheme="default"] .sc-start-template .sc-start-shadows p,
body[site-data-scheme="default"] .sc-start-template .sc-start-closing h2,
body[site-data-scheme="default"] .sc-start-template .sc-start-closing p {
	color: #1A1A1A !important;
}

/* Light mode - Path cards text */
body[site-data-scheme="default"] .sc-start-template .sc-path-card h3,
body[site-data-scheme="default"] .sc-start-template .sc-path-card p,
body[site-data-scheme="default"] .sc-start-template .sc-path-title,
body[site-data-scheme="default"] .sc-start-template .sc-path-description {
	color: #1A1A1A !important;
}

/* Light mode - World cards text */
body[site-data-scheme="default"] .sc-start-template .sc-world-card h4,
body[site-data-scheme="default"] .sc-start-template .sc-world-card p,
body[site-data-scheme="default"] .sc-start-template .sc-world-title,
body[site-data-scheme="default"] .sc-start-template .sc-world-description {
	color: #1A1A1A !important;
}

/* Light mode - Invitation section text */
body[site-data-scheme="default"] .sc-start-template .sc-start-invitation h2,
body[site-data-scheme="default"] .sc-start-template .sc-start-invitation p,
body[site-data-scheme="default"] .sc-start-template .sc-manifesto-line,
body[site-data-scheme="default"] .sc-start-template .sc-manifesto-description,
body[site-data-scheme="default"] .sc-start-template .sc-manifesto-closing {
	color: #1A1A1A !important;
}

/* Light mode - Circle section text */
body[site-data-scheme="default"] .sc-start-template .sc-start-circle h2,
body[site-data-scheme="default"] .sc-start-template .sc-start-circle p,
body[site-data-scheme="default"] .sc-start-template .sc-circle-text,
body[site-data-scheme="default"] .sc-start-template .sc-circle-description {
	color: #1A1A1A !important;
}

/* Light mode - Paths section text */
body[site-data-scheme="default"] .sc-start-template .sc-start-paths h2,
body[site-data-scheme="default"] .sc-start-template .sc-start-paths p,
body[site-data-scheme="default"] .sc-start-template .sc-paths-note {
	color: #1A1A1A !important;
}

/* Light mode - Worlds section text */
body[site-data-scheme="default"] .sc-start-template .sc-start-worlds h2,
body[site-data-scheme="default"] .sc-start-template .sc-start-worlds p {
	color: #1A1A1A !important;
}

/* Light mode - Whispers section text */
body[site-data-scheme="default"] .sc-start-template .sc-whispers-line,
body[site-data-scheme="default"] .sc-start-template .sc-whispers-description,
body[site-data-scheme="default"] .sc-start-template .sc-whispers-note {
	color: #1A1A1A !important;
}

/* Light mode - Closing section text */
body[site-data-scheme="default"] .sc-start-template .sc-closing-quote,
body[site-data-scheme="default"] .sc-start-template .sc-closing-footnote {
	color: #1A1A1A !important;
}

/* Light mode - Shadow Circle benefits list */
body[site-data-scheme="default"] .sc-start-template .sc-home-benefits-list li,
body[site-data-scheme="default"] .sc-start-template .sc-circle-benefits li,
body[site-data-scheme="default"] .sc-start-template .sc-benefits-list li,
body[site-data-scheme="default"] .sc-home-circle .sc-home-benefits-list li,
body[site-data-scheme="default"] .sc-home-circle__benefits li {
	color: #1A1A1A !important;
}

/* Light mode - Whispers/Newsletter hero section should adapt to light mode */
body[site-data-scheme="default"] .sc-home-whispers h2,
body[site-data-scheme="default"] .sc-home-whispers p,
body[site-data-scheme="default"] .sc-home-whispers__title,
body[site-data-scheme="default"] .sc-home-whispers__description,
body[site-data-scheme="default"] .sc-home-whispers__note,
body[site-data-scheme="default"] .sc-newsletter-hero h1,
body[site-data-scheme="default"] .sc-newsletter-hero h2,
body[site-data-scheme="default"] .sc-newsletter-hero p,
body[site-data-scheme="default"] .sc-newsletter-hero__title,
body[site-data-scheme="default"] .sc-newsletter-hero__subtitle {
	color: #1A1A1A !important;
}

/* Light mode - Force Whispers section to have white background */
body[site-data-scheme="default"] .sc-home-whispers,
body[site-data-scheme="default"] .sc-homepage-template .sc-home-whispers,
body[site-data-scheme="default"] .soulcraze-homepage .sc-home-whispers {
	background: #FFFFFF !important;
}

/* Dark mode - Ensure Whispers section text is visible on dark background */
body[site-data-scheme="dark"] .sc-home-whispers h2,
body[site-data-scheme="dark"] .sc-home-whispers p,
body[site-data-scheme="dark"] .sc-home-whispers__title,
body[site-data-scheme="dark"] .sc-home-whispers__description,
body[site-data-scheme="dark"] .sc-home-whispers__note {
	color: #EDEDED !important;
}

body[site-data-scheme="dark"] .sc-home-whispers,
body[site-data-scheme="dark"] .sc-homepage-template .sc-home-whispers,
body[site-data-scheme="dark"] .soulcraze-homepage .sc-home-whispers {
	background: #000000 !important;
}

/* Light mode - Remove dark gradients from ALL hero sections */
body[site-data-scheme="default"] .sc-newsletter-hero__background .sc-hero-gradient,
body[site-data-scheme="default"] .sc-vault-hero__background .sc-hero-gradient,
body[site-data-scheme="default"] .sc-about-hero__background .sc-hero-gradient,
body[site-data-scheme="default"] .sc-start-hero__background .sc-hero-gradient {
	background: transparent !important;
}

body[site-data-scheme="default"] .sc-newsletter-hero__background .sc-hero-fog,
body[site-data-scheme="default"] .sc-newsletter-hero__background .sc-hero-embers,
body[site-data-scheme="default"] .sc-newsletter-hero__background .sc-smoke-effect,
body[site-data-scheme="default"] .sc-newsletter-hero__background .sc-crimson-glow,
body[site-data-scheme="default"] .sc-vault-hero__background .sc-hero-fog,
body[site-data-scheme="default"] .sc-vault-hero__background .sc-hero-embers,
body[site-data-scheme="default"] .sc-about-hero__background .sc-hero-fog,
body[site-data-scheme="default"] .sc-about-hero__background .sc-hero-embers,
body[site-data-scheme="default"] .sc-start-hero__background .sc-hero-fog,
body[site-data-scheme="default"] .sc-start-hero__background .sc-hero-embers {
	opacity: 0.2 !important;
}

/* Light mode - About page specific overlay and particles adjustments */
body[site-data-scheme="default"] .sc-about-hero__overlay {
	background: linear-gradient(180deg, 
		rgba(255, 255, 255, 0.3) 0%, 
		rgba(255, 240, 245, 0.4) 50%, 
		rgba(255, 255, 255, 0.5) 100%) !important;
	opacity: 0.6 !important;
}

body[site-data-scheme="default"] .sc-about-hero__particles {
	opacity: 0.15 !important;
}

body[site-data-scheme="default"] .sc-about-hero__embers {
	opacity: 0.1 !important;
}

body[site-data-scheme="default"] .sc-about-masquerade__overlay,
body[site-data-scheme="default"] .sc-about-masquerade__vignette {
	opacity: 0.3 !important;
}

/* Light mode - Newsletter background effects */
body[site-data-scheme="default"] .sc-newsletter-closing__background .sc-floating-pages {
	opacity: 0.15 !important;
}

body[site-data-scheme="default"] .sc-newsletter-invitation::before {
	opacity: 0.1 !important;
}

/* Light mode - About page benefit items match homepage style */
body[site-data-scheme="default"] .sc-about-template .sc-benefit-item {
	background: rgba(255, 240, 245, 0.7) !important;
	border: 0 !important;
	border-left: 3px solid #be2330 !important;
	color: #333333 !important;
	box-shadow: none !important;
	outline: none !important;
}

body[site-data-scheme="default"] .sc-about-template .sc-benefit-item:hover,
body[site-data-scheme="default"] .sc-about-template .sc-benefit-item.sc-benefit-active {
	background: rgba(255, 230, 240, 0.9) !important;
	border: 0 !important;
	border-left: 3px solid #be2330 !important;
	box-shadow: none !important;
}

body[site-data-scheme="default"] .sc-about-template .sc-benefit-item::before {
	color: #be2330 !important;
}

body[site-data-scheme="default"] .sc-about-template .sc-circle-closing {
	background: rgba(255, 240, 245, 0.7) !important;
	color: #333333 !important;
	border-left-color: #be2330 !important;
}

/* Light mode - Card headings visibility */
body[site-data-scheme="default"] .sc-newsletter-template .sc-benefit-card h3,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-receive-card h3,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-card-title,
body[site-data-scheme="default"] .sc-newsletter-template .sc-newsletter-after-item h3,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-card h3,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-chapter-title,
body[site-data-scheme="default"] .sc-about-template .sc-universe-entry h3,
body[site-data-scheme="default"] .sc-start-template .sc-start-path h3,
body[site-data-scheme="default"] .sc-start-template .sc-world-card h4 {
	color: #1A1A1A !important;
}

/* ============================================
   CONTACT PAGE - DAY/NIGHT MODE
   ============================================ */

/* Contact template backgrounds */
.sc-contact-template .sc-contact-hero,
.sc-contact-template .sc-contact-ways,
.sc-contact-template .sc-contact-form-section,
.sc-contact-template .sc-contact-portals,
.sc-contact-template .sc-contact-newsletter,
.sc-contact-template .sc-contact-final {
	background: var(--sc-bg-primary) !important;
}

/* Alternating sections */
.sc-contact-template .sc-contact-ways {
	background: var(--sc-bg-secondary) !important;
}

.sc-contact-template .sc-contact-form-section,
.sc-contact-template .sc-contact-final {
	background: var(--sc-bg-tertiary) !important;
}

/* All text colors */
.sc-contact-template h1,
.sc-contact-template h2,
.sc-contact-template h3,
.sc-contact-template h4 {
	color: var(--sc-text-primary) !important;
}

.sc-contact-template p,
.sc-contact-template label {
	color: var(--sc-text-secondary) !important;
}

/* Light mode - labels should be white for visibility on gray form background */
body[site-data-scheme="default"] .sc-contact-template label {
	color: #FFFFFF !important;
	font-weight: 500 !important;
}

/* Contact cards */
.sc-contact-template .sc-contact-card,
.sc-contact-template .sc-portal-card {
	background: var(--sc-bg-tertiary) !important;
	border-color: var(--sc-border-color) !important;
	color: var(--sc-text-primary) !important;
}

/* Form inputs */
.sc-contact-template input,
.sc-contact-template textarea,
.sc-contact-template select {
	background: var(--sc-bg-tertiary) !important;
	color: var(--sc-text-primary) !important;
	border-color: var(--sc-border-color) !important;
}

/* Light mode specific - ensure readability */
body[site-data-scheme="default"] .sc-contact-template .sc-contact-hero h1,
body[site-data-scheme="default"] .sc-contact-template .sc-contact-hero p,
body[site-data-scheme="default"] .sc-contact-template .sc-contact-ways h2,
body[site-data-scheme="default"] .sc-contact-template .sc-contact-ways p,
body[site-data-scheme="default"] .sc-contact-template .sc-contact-form-section h2,
body[site-data-scheme="default"] .sc-contact-template .sc-contact-portals h2,
body[site-data-scheme="default"] .sc-contact-template .sc-contact-portals p,
body[site-data-scheme="default"] .sc-contact-template .sc-contact-newsletter h2,
body[site-data-scheme="default"] .sc-contact-template .sc-contact-newsletter p,
body[site-data-scheme="default"] .sc-contact-template .sc-contact-final p {
	color: #1A1A1A !important;
}

/* Light mode - remove dark background effects */
body[site-data-scheme="default"] .sc-contact-hero__background .sc-ink-spread,
body[site-data-scheme="default"] .sc-contact-hero__background .sc-mist-drift,
body[site-data-scheme="default"] .sc-contact-hero__background .sc-circle-pulse {
	opacity: 0.15 !important;
}

/* Light mode - form section glow */
body[site-data-scheme="default"] .sc-contact-form-glow {
	opacity: 0.1 !important;
}

/* Light mode - card text */
body[site-data-scheme="default"] .sc-contact-template .sc-contact-card h3,
body[site-data-scheme="default"] .sc-contact-template .sc-contact-card p,
body[site-data-scheme="default"] .sc-contact-template .sc-portal-card h3,
body[site-data-scheme="default"] .sc-contact-template .sc-portal-card p {
	color: #1A1A1A !important;
}

body[site-data-scheme="default"] .sc-contact-template .sc-contact-card__desc,
body[site-data-scheme="default"] .sc-contact-template .sc-portal-desc {
	color: #4A4A4A !important;
}

/* Light mode - form labels */
body[site-data-scheme="default"] .sc-contact-template .sc-form-label {
	color: #1A1A1A !important;
	font-weight: 500;
}

/* Dark mode - form labels */
body[site-data-scheme="dark"] .sc-contact-template .sc-form-label,
body[site-data-scheme="dark"] .sc-form-label {
	color: #FFFFFF !important;
	font-weight: 600;
	opacity: 0.95;
}

/* Light mode - input placeholders */
body[site-data-scheme="default"] .sc-contact-template input::placeholder,
body[site-data-scheme="default"] .sc-contact-template textarea::placeholder {
	color: #888888 !important;
}

/* Light mode - signature section */
body[site-data-scheme="default"] .sc-contact-template .sc-contact-final {
	background: #F0F0F0 !important;
}

body[site-data-scheme="default"] .sc-contact-template .sc-signature-text,
body[site-data-scheme="default"] .sc-contact-template .sc-signature-title {
	color: #1A1A1A !important;
}

/* ============================================
   VAULT PAGE - DAY/NIGHT MODE
   ============================================ */

/* Vault template backgrounds */
.sc-vault-template .sc-vault-hero,
.sc-vault-template .sc-vault-about,
.sc-vault-template .sc-vault-featured,
.sc-vault-template .sc-vault-upcoming,
.sc-vault-template .sc-vault-circle,
.sc-vault-template .sc-vault-creator,
.sc-vault-template .sc-vault-closing {
	background: var(--sc-bg-primary) !important;
}

/* Alternating sections */
.sc-vault-template .sc-vault-about {
	background: var(--sc-bg-secondary) !important;
}

.sc-vault-template .sc-vault-upcoming,
.sc-vault-template .sc-vault-creator {
	background: var(--sc-bg-tertiary) !important;
}

/* All text colors */
.sc-vault-template h1,
.sc-vault-template h2,
.sc-vault-template h3,
.sc-vault-template h4 {
	color: var(--sc-text-primary) !important;
}

.sc-vault-template p,
.sc-vault-template .sc-vault-hero__subtitle,
.sc-vault-template .sc-vault-hero__description,
.sc-vault-template .sc-vault-section-subtitle,
.sc-vault-template .sc-vault-about-intro,
.sc-vault-template .sc-vault-about-closing,
.sc-vault-template .sc-vault-featured-desc,
.sc-vault-template .sc-vault-featured-note,
.sc-vault-template .sc-vault-drop-description,
.sc-vault-template .sc-vault-circle-intro,
.sc-vault-template .sc-vault-circle-description,
.sc-vault-template .sc-vault-creator-description,
.sc-vault-template .sc-vault-closing-text {
	color: var(--sc-text-secondary) !important;
}

/* Vault chapter cards */
.sc-vault-template .sc-vault-chapter,
.sc-vault-template .sc-vault-drop,
.sc-vault-template .sc-vault-perk,
.sc-vault-template .sc-vault-about-item {
	background: var(--sc-bg-tertiary) !important;
	border-color: var(--sc-border-color) !important;
	color: var(--sc-text-primary) !important;
}

/* Vault chapter text */
.sc-vault-template .sc-vault-chapter-title,
.sc-vault-template .sc-vault-drop-title,
.sc-vault-template .sc-vault-perk p,
.sc-vault-template .sc-vault-about-item strong {
	color: var(--sc-text-primary) !important;
}

/* Vault perks grid */
.sc-vault-template .sc-vault-perks .sc-vault-perk {
	background: var(--sc-bg-secondary) !important;
}

/* Light mode specific - ensure readability */
body[site-data-scheme="default"] .sc-vault-template .sc-vault-hero h1,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-hero p,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-hero .sc-vault-hero__subtitle,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-hero .sc-vault-hero__description,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-about h2,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-about p,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-featured h2,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-featured h3,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-featured p,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-upcoming h2,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-upcoming p,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-circle h2,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-circle p,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-creator h2,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-creator p,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-closing h2,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-closing p {
	color: #1A1A1A !important;
}

/* Light mode - remove dark background effects */
body[site-data-scheme="default"] .sc-vault-hero__background .sc-vault-door-glow {
	opacity: 0.15 !important;
}

body[site-data-scheme="default"] .sc-vault-closing-background .sc-vault-candles {
	opacity: 0.3 !important;
}

/* Light mode - chapter cards text */
body[site-data-scheme="default"] .sc-vault-template .sc-vault-chapter h4,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-chapter-title,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-chapter-number {
	color: #1A1A1A !important;
}

/* Light mode - drop cards text */
body[site-data-scheme="default"] .sc-vault-template .sc-vault-drop h3,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-drop p,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-drop-title,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-drop-description {
	color: #1A1A1A !important;
}

/* Light mode - perk cards text */
body[site-data-scheme="default"] .sc-vault-template .sc-vault-perk p {
	color: #1A1A1A !important;
}

/* Light mode - about items text */
body[site-data-scheme="default"] .sc-vault-template .sc-vault-about-item,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-about-item strong {
	color: #1A1A1A !important;
}

/* Light mode - section subtitles */
body[site-data-scheme="default"] .sc-vault-template .sc-vault-section-subtitle,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-about-intro,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-about-closing,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-featured-desc,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-featured-note,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-circle-intro,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-circle-description,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-creator-description {
	color: #2A2A2A !important;
}

/* Light mode - chapter status badges */
body[site-data-scheme="default"] .sc-vault-template .sc-vault-chapter-status {
	color: #1A1A1A !important;
}

/* Light mode - drop status badges */
body[site-data-scheme="default"] .sc-vault-template .sc-vault-drop-status {
	color: #1A1A1A !important;
}

/* Light mode - creator quote */
body[site-data-scheme="default"] .sc-vault-template .sc-vault-creator-quote,
body[site-data-scheme="default"] .sc-vault-template .sc-vault-creator-attribution {
	color: #1A1A1A !important;
}

/* Light mode - circle symbols opacity */
body[site-data-scheme="default"] .sc-vault-circle-symbols .sc-vault-circle-ring {
	opacity: 0.15 !important;
}

/* Light mode - journals icon */
body[site-data-scheme="default"] .sc-vault-journals-icon {
	opacity: 0.6 !important;
}

/* Dark mode - ensure proper contrast for all vault sections */
body[site-data-scheme="dark"] .sc-vault-template h1,
body[site-data-scheme="dark"] .sc-vault-template h2,
body[site-data-scheme="dark"] .sc-vault-template h3,
body[site-data-scheme="dark"] .sc-vault-template h4 {
	color: #EDEDED !important;
}

body[site-data-scheme="dark"] .sc-vault-template p,
body[site-data-scheme="dark"] .sc-vault-template .sc-vault-hero__subtitle,
body[site-data-scheme="dark"] .sc-vault-template .sc-vault-hero__description {
	color: #D0D0D0 !important;
}

/* Dark mode - chapter and card backgrounds */
body[site-data-scheme="dark"] .sc-vault-template .sc-vault-chapter,
body[site-data-scheme="dark"] .sc-vault-template .sc-vault-drop,
body[site-data-scheme="dark"] .sc-vault-template .sc-vault-perk {
	background: #1A1A1A !important;
	border-color: rgba(220, 20, 60, 0.2) !important;
}

/* ============================================
   PODCAST PAGE - DAY/NIGHT MODE
   ============================================ */

/* Podcast template backgrounds */
.sc-podcast-template .sc-podcast-hero,
.sc-podcast-template .sc-podcast-experience,
.sc-podcast-template .sc-podcast-formats,
.sc-podcast-template .sc-podcast-featured,
.sc-podcast-template .sc-podcast-guest,
.sc-podcast-template .sc-podcast-subscribe,
.sc-podcast-template .sc-podcast-closing {
	background: var(--sc-bg-primary) !important;
}

/* Alternating sections */
.sc-podcast-template .sc-podcast-experience {
	background: var(--sc-bg-secondary) !important;
}

.sc-podcast-template .sc-podcast-guest,
.sc-podcast-template .sc-podcast-closing {
	background: var(--sc-bg-tertiary) !important;
}

/* All text colors */
.sc-podcast-template h1,
.sc-podcast-template h2,
.sc-podcast-template h3,
.sc-podcast-template h4 {
	color: var(--sc-text-primary) !important;
}

.sc-podcast-template p,
.sc-podcast-template label {
	color: var(--sc-text-secondary) !important;
}

/* Experience and format cards */
.sc-podcast-template .sc-experience-card,
.sc-podcast-template .sc-format-card,
.sc-podcast-template .sc-platform-card {
	background: var(--sc-bg-tertiary) !important;
	border-color: var(--sc-border-color) !important;
	color: var(--sc-text-primary) !important;
}

/* Form inputs */
.sc-podcast-template input,
.sc-podcast-template textarea,
.sc-podcast-template select {
	background: var(--sc-bg-tertiary) !important;
	color: var(--sc-text-primary) !important;
	border-color: var(--sc-border-color) !important;
}

/* Light mode specific - ensure readability */
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-hero h1,
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-hero p,
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-experience h2,
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-experience p,
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-formats h2,
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-formats p,
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-featured h2,
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-featured p,
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-guest h2,
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-guest p,
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-subscribe h2,
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-subscribe p,
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-closing h2,
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-closing p {
	color: #1A1A1A !important;
}

/* Light mode - remove dark background effects */
body[site-data-scheme="default"] .sc-podcast-hero__overlay,
body[site-data-scheme="default"] .sc-mic-silhouette {
	opacity: 0.15 !important;
}

/* Light mode - card text */
body[site-data-scheme="default"] .sc-podcast-template .sc-experience-card h3,
body[site-data-scheme="default"] .sc-podcast-template .sc-experience-card p,
body[site-data-scheme="default"] .sc-podcast-template .sc-experience-card li,
body[site-data-scheme="default"] .sc-podcast-template .sc-format-card h3,
body[site-data-scheme="default"] .sc-podcast-template .sc-format-card p,
body[site-data-scheme="default"] .sc-podcast-template .sc-platform-card .sc-platform-name {
	color: #1A1A1A !important;
}

/* Light mode - labels and form elements */
body[site-data-scheme="default"] .sc-podcast-template label {
	color: #1A1A1A !important;
	font-weight: 500 !important;
}

body[site-data-scheme="default"] .sc-podcast-template .sc-experience-label,
body[site-data-scheme="default"] .sc-podcast-template .sc-format-badge,
body[site-data-scheme="default"] .sc-podcast-template .sc-episode-meta span {
	color: #4A4A4A !important;
}

/* Light mode - sections with specific backgrounds */
body[site-data-scheme="default"] .sc-podcast-template .sc-podcast-hero {
	background: linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 50%, #F5F5F5 100%) !important;
}

body[site-data-scheme="default"] .sc-podcast-template .sc-hero-bg-image {
	opacity: 0.08 !important;
}

/* Light mode - closing section */
body[site-data-scheme="default"] .sc-podcast-template .sc-closing-quote {
	color: rgba(26, 26, 26, 0.3) !important;
}

/* Dark mode - keep original purple/pink accents visible */
body[site-data-scheme="dark"] .sc-podcast-template .sc-highlight {
	color: #be2330 !important;
}

/* Keep highlights consistent in both modes */
.sc-podcast-template .sc-highlight {
	color: #be2330 !important;
}

/* Light mode - adjust platform card SVG colors */
body[site-data-scheme="default"] .sc-podcast-template .sc-platform-icon svg {
	color: #1A1A1A !important;
}

/* Dark mode - platform card SVG colors */
body[site-data-scheme="dark"] .sc-podcast-template .sc-platform-icon svg {
	color: #EDEDED !important;
}

/* Light mode - featured player */
body[site-data-scheme="default"] .sc-podcast-template .sc-featured-player__content,
body[site-data-scheme="default"] .sc-podcast-template .sc-episode-title,
body[site-data-scheme="default"] .sc-podcast-template .sc-episode-description {
	color: #1A1A1A !important;
}

/* Keep crimson highlights consistent */
.sc-newsletter-highlight,
.sc-vault-highlight,
.sc-about-highlight,
.sc-start-highlight,
.sc-home-highlight,
span.sc-newsletter-highlight,
span.sc-vault-highlight,
span.sc-about-highlight,
span.sc-start-highlight,
span.sc-home-highlight {
	color: var(--sc-crimson) !important;
}

/* ============================================
   HEADER / NAVIGATION FIXES
   ============================================ */

/* Remove all top margins from HTML and body for custom templates */
html, body {
	margin-top: 0 !important;
}

.sc-podcast-template html,
.sc-podcast-template body,
.sc-contact-template html,
.sc-contact-template body,
.sc-about-template html,
.sc-about-template body,
.sc-newsletter-template html,
.sc-newsletter-template body,
.sc-start-here-template html,
.sc-start-here-template body,
.sc-vault-template html,
.sc-vault-template body,
.sc-faq-template html,
.sc-faq-template body,
.sc-homepage-template html,
.sc-homepage-template body {
	margin-top: 0 !important;
}

/* Header/Footer styles removed - using parent theme defaults */

/* Custom template specific styles only */
.sc-podcast-template .soulcraze-podcast {
	position: relative;
	z-index: 1;
}

/* Remove parent theme margin-top from custom template pages */
.sc-podcast-template #content,
.sc-podcast-template article,
.sc-podcast-template .entry-content,
.sc-contact-template #content,
.sc-contact-template article,
.sc-contact-template .entry-content,
.sc-about-template #content,
.sc-about-template article,
.sc-about-template .entry-content,
.sc-newsletter-template #content,
.sc-newsletter-template article,
.sc-newsletter-template .entry-content,
.sc-start-here-template #content,
.sc-start-here-template article,
.sc-start-here-template .entry-content,
.sc-vault-template #content,
.sc-vault-template article,
.sc-vault-template .entry-content,
.sc-faq-template #content,
.sc-faq-template article,
.sc-faq-template .entry-content,
.sc-homepage-template #content,
.sc-homepage-template article,
.sc-homepage-template .entry-content {
	margin-top: 0 !important;
}

/* ============================================
   CRITICAL DARK THEME OVERRIDES - VAULT PAGE
   ============================================ */

/* Force dark backgrounds on ALL parent theme elements for Vault page */
.sc-vault-template,
.sc-vault-template body,
.sc-vault-template #page,
.sc-vault-template .site,
.sc-vault-template .cs-site-content,
.sc-vault-template .site-content,
.sc-vault-template #primary,
.sc-vault-template #main,
.sc-vault-template #content,
.sc-vault-template article,
.sc-vault-template .entry-content,
.sc-vault-template .post,
.sc-vault-template .page {
	background: #000000 !important;
	background-color: #000000 !important;
	color: #ffffff !important;
}

/* Remove all parent theme padding/margins that break full-width */
.sc-vault-template .cs-site-content,
.sc-vault-template .site-content,
.sc-vault-template #primary,
.sc-vault-template #main,
.sc-vault-template #content,
.sc-vault-template article,
.sc-vault-template .entry-content {
	padding: 0 !important;
	margin: 0 !important;
}

/* ============================================
   FULL WIDTH OVERRIDE FOR CUSTOM TEMPLATES
   ============================================ */

/* Remove parent theme container constraints - use 100% not 100vw to prevent overflow */
.sc-homepage-template .soulcraze-homepage,
.sc-about-template .soulcraze-about,
.sc-contact-template .soulcraze-contact,
.sc-faq-template .soulcraze-faq,
.sc-podcast-template .soulcraze-podcast,
.sc-newsletter-template .soulcraze-newsletter,
.sc-start-here-template .soulcraze-start-here,
.sc-vault-template .soulcraze-vault {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* Override ALL parent theme containers - force full width at all breakpoints */
.sc-homepage-template .cs-site-content,
.sc-homepage-template .cs-site-content > .cs-container,
.sc-homepage-template .cs-main-content,
.sc-homepage-template .cs-container,
.sc-homepage-template .site-content,
.sc-homepage-template #primary,
.sc-homepage-template #main,
.sc-about-template .cs-site-content,
.sc-about-template .cs-site-content > .cs-container,
.sc-about-template .cs-main-content,
.sc-about-template .cs-container,
.sc-about-template .site-content,
.sc-about-template #primary,
.sc-about-template #main,
.sc-contact-template .cs-site-content,
.sc-contact-template .cs-site-content > .cs-container,
.sc-contact-template .cs-main-content,
.sc-contact-template .cs-container,
.sc-contact-template .site-content,
.sc-contact-template #primary,
.sc-contact-template #main,
.sc-faq-template .cs-site-content,
.sc-faq-template .cs-site-content > .cs-container,
.sc-faq-template .cs-main-content,
.sc-faq-template .cs-container,
.sc-faq-template .site-content,
.sc-faq-template #primary,
.sc-faq-template #main,
.sc-podcast-template .cs-site-content,
.sc-podcast-template .cs-site-content > .cs-container,
.sc-podcast-template .cs-main-content,
.sc-podcast-template .cs-container,
.sc-podcast-template .site-content,
.sc-podcast-template #primary,
.sc-podcast-template #main,
.sc-newsletter-template .cs-site-content,
.sc-newsletter-template .cs-site-content > .cs-container,
.sc-newsletter-template .cs-main-content,
.sc-newsletter-template .cs-container,
.sc-newsletter-template .site-content,
.sc-newsletter-template #primary,
.sc-newsletter-template #main,
.sc-start-here-template .cs-site-content,
.sc-start-here-template .cs-site-content > .cs-container,
.sc-start-here-template .cs-main-content,
.sc-start-here-template .cs-container,
.sc-start-here-template .site-content,
.sc-start-here-template #primary,
.sc-start-here-template #main,
.sc-vault-template .cs-site-content,
.sc-vault-template .cs-site-content > .cs-container,
.sc-vault-template .cs-main-content,
.sc-vault-template .cs-container,
.sc-vault-template .site-content,
.sc-vault-template #primary,
.sc-vault-template #main {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 auto !important;
	width: 100% !important;
}

/* Ensure main content wrapper is full width */
.sc-homepage-template #content,
.sc-about-template #content,
.sc-contact-template #content,
.sc-faq-template #content,
.sc-podcast-template #content,
.sc-newsletter-template #content,
.sc-start-here-template #content,
.sc-vault-template #content {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Ensure article/entry content is full width */
.sc-homepage-template article,
.sc-about-template article,
.sc-contact-template article,
.sc-faq-template article,
.sc-podcast-template article,
.sc-newsletter-template article,
.sc-start-here-template article,
.sc-vault-template article,
.sc-homepage-template .entry-content,
.sc-about-template .entry-content,
.sc-contact-template .entry-content,
.sc-faq-template .entry-content,
.sc-podcast-template .entry-content,
.sc-newsletter-template .entry-content,
.sc-start-here-template .entry-content,
.sc-vault-template .entry-content {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Override at all media query breakpoints */
@media (min-width: 600px) {
	.sc-homepage-template .cs-container,
	.sc-about-template .cs-container,
	.sc-contact-template .cs-container,
	.sc-faq-template .cs-container,
	.sc-podcast-template .cs-container,
	.sc-newsletter-template .cs-container,
	.sc-start-here-template .cs-container,
	.sc-vault-template .cs-container {
		max-width: 100% !important;
	}
}

@media (min-width: 720px) {
	.sc-homepage-template .cs-container,
	.sc-about-template .cs-container,
	.sc-contact-template .cs-container,
	.sc-faq-template .cs-container,
	.sc-podcast-template .cs-container,
	.sc-newsletter-template .cs-container,
	.sc-start-here-template .cs-container,
	.sc-vault-template .cs-container {
		max-width: 100% !important;
	}
}

@media (min-width: 1020px) {
	.sc-homepage-template .cs-container,
	.sc-about-template .cs-container,
	.sc-contact-template .cs-container,
	.sc-faq-template .cs-container,
	.sc-podcast-template .cs-container,
	.sc-newsletter-template .cs-container,
	.sc-start-here-template .cs-container,
	.sc-vault-template .cs-container {
		max-width: 100% !important;
	}
}

@media (min-width: 1200px) {
	.sc-homepage-template .cs-container,
	.sc-about-template .cs-container,
	.sc-contact-template .cs-container,
	.sc-faq-template .cs-container,
	.sc-podcast-template .cs-container,
	.sc-newsletter-template .cs-container,
	.sc-start-here-template .cs-container,
	.sc-vault-template .cs-container {
		max-width: 100% !important;
	}
}

/* Remove body padding for immersive templates */
.sc-homepage-template,
.sc-about-template,
.sc-contact-template,
.sc-faq-template,
.sc-podcast-template,
.sc-newsletter-template,
.sc-start-here-template,
.sc-vault-template {
	overflow-x: hidden;
}

body.sc-homepage-template,
body.sc-about-template,
body.sc-contact-template,
body.sc-faq-template,
body.sc-podcast-template,
body.sc-newsletter-template,
body.sc-start-here-template,
body.sc-vault-template {
	margin: 0 !important;
	padding: 0 !important;
}

/* ============================================
   SOULCRAZE CUSTOM STYLES
   ============================================ */

/* CSS Variables */
:root {
	--sc-black: #010101;
	--sc-dark-red: #8B1923;
	--sc-red: #be2330;
	--sc-light-red: #D63845;
	--sc-white: #ffffff;
	--sc-gray-100: #f5f5f5;
	--sc-gray-200: #e5e5e5;
	--sc-gray-300: #d4d4d4;
	--sc-gray-700: #404040;
	--sc-gray-800: #262626;
	--sc-gray-900: #171717;
	--sc-spacing-xs: 0.5rem;
	--sc-spacing-sm: 0.75rem;
	--sc-spacing-md: 1.25rem;
	--sc-spacing-lg: 2rem;
	--sc-spacing-xl: 3rem;
	--sc-spacing-2xl: 4rem;
	--sc-border-radius: 0.375rem;
	--sc-transition: all 0.25s ease;
	
	/* Default Dark Mode */
	--sc-bg-primary: #010101;
	--sc-bg-secondary: #171717;
	--sc-bg-tertiary: rgba(255, 255, 255, 0.03);
	--sc-text-primary: #ffffff;
	--sc-text-secondary: #d4d4d4;
	--sc-text-muted: #a3a3a3;
	--sc-border-color: rgba(220, 20, 60, 0.1);
	--sc-border-hover: rgba(220, 20, 60, 0.3);
}

/* Light Mode Variables - Based on Browser/System Preference */
@media (prefers-color-scheme: light) {
	:root {
		--sc-bg-primary: #ffffff;
		--sc-bg-secondary: #f5f5f5;
		--sc-bg-tertiary: rgba(0, 0, 0, 0.03);
		--sc-text-primary: #010101;
		--sc-text-secondary: #404040;
		--sc-text-muted: #737373;
		--sc-border-color: rgba(220, 20, 60, 0.15);
		--sc-border-hover: rgba(220, 20, 60, 0.4);
	}
}

/* Page Containers */
.sc-contact-container,
.sc-podcast-container,
.sc-faq-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem;
}

@media (max-width: 1240px) {
	.sc-contact-container,
	.sc-podcast-container,
	.sc-faq-container {
		padding: 1.75rem;
	}
}

@media (max-width: 1024px) {
	.sc-contact-container,
	.sc-podcast-container,
	.sc-faq-container {
		padding: 1.5rem;
	}
}

@media (max-width: 768px) {
	.sc-contact-container,
	.sc-podcast-container,
	.sc-faq-container {
		padding: 1.25rem;
	}
}

@media (max-width: 480px) {
	.sc-contact-container,
	.sc-podcast-container,
	.sc-faq-container {
		padding: 1rem;
	}
}

/* Reset & Base */
.soulcraze-homepage,
.soulcraze-about,
.soulcraze-contact,
.soulcraze-faq,
.soulcraze-podcast,
.soulcraze-newsletter,
.soulcraze-start-here,
.soulcraze-vault {
	background: var(--sc-bg-primary);
	color: var(--sc-text-primary);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	line-height: 1.6;
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/* All sections must stay within viewport */
section[class*="sc-home-"],
section[class*="sc-about-"],
section[class*="sc-contact-"],
section[class*="sc-faq-"],
section[class*="sc-podcast-"],
section[class*="sc-newsletter-"],
section[class*="sc-start-"],
section[class*="sc-vault-"] {
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: hidden !important;
	box-sizing: border-box !important;
}

.sc-container,
.sc-home-container,
.sc-about-container,
.sc-contact-container,
.sc-faq-container,
.sc-podcast-container,
.sc-newsletter-container,
.sc-start-container,
.sc-vault-container {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}

.sc-center {
	text-align: center;
}

/* Typography */
.sc-section-title {
	font-size: clamp(2rem, 5vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: var(--sc-spacing-md);
	color: var(--sc-text-primary);
}

.sc-subtitle {
	display: block;
	font-size: clamp(1.25rem, 3vw, 2rem);
	font-weight: 400;
	color: var(--sc-text-secondary);
	margin-top: var(--sc-spacing-sm);
}

.sc-highlight {
	color: var(--sc-red);
	position: relative;
}

/* Buttons */
.sc-btn {
	display: inline-block;
	padding: 1rem 2rem;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	border-radius: var(--sc-border-radius);
	transition: var(--sc-transition);
	cursor: pointer;
	border: 2px solid transparent;
	text-align: center;
}

.sc-btn--primary {
	background: var(--sc-red);
	color: var(--sc-white);
	border-color: var(--sc-red);
}

.sc-btn--primary:hover {
	background: var(--sc-dark-red);
	border-color: var(--sc-dark-red);
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(220, 20, 60, 0.3);
}

.sc-btn--secondary {
	background: transparent;
	color: var(--sc-white);
	border-color: var(--sc-white);
}

.sc-btn--secondary:hover {
	background: var(--sc-white);
	color: var(--sc-black);
}

.sc-btn--outline {
	background: transparent;
	color: var(--sc-red);
	border-color: var(--sc-red);
}

.sc-btn--outline:hover {
	background: var(--sc-red);
	color: var(--sc-white);
}

.sc-btn--locked {
	background: var(--sc-gray-800);
	color: var(--sc-gray-300);
	border-color: var(--sc-gray-700);
	cursor: not-allowed;
}

.sc-btn--text {
	background: transparent;
	color: var(--sc-gray-300);
	border: none;
	padding: 0.5rem 1rem;
	text-decoration: underline;
}

.sc-btn--text:hover {
	color: var(--sc-white);
}

.sc-btn--large {
	padding: 1.25rem 3rem;
	font-size: 1.125rem;
}

/* ============================================
   1. HERO SECTION
   ============================================ */
.sc-hero {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.sc-hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.sc-hero__gradient {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #1a0000 0%, #0a0a0a 50%, #1a0000 100%);
}

.sc-hero__fog {
	position: absolute;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 30% 50%, rgba(139, 0, 0, 0.15) 0%, transparent 50%),
				radial-gradient(circle at 70% 80%, rgba(139, 0, 0, 0.1) 0%, transparent 50%);
	animation: sc-drift 20s ease-in-out infinite;
}

.sc-hero__embers {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.3;
}

@keyframes sc-drift {
	0%, 100% { transform: translate(0, 0); }
	50% { transform: translate(20px, -20px); }
}

.sc-hero__content {
	position: relative;
	z-index: 1;
	text-align: center;
	padding: var(--sc-spacing-md);
	max-width: 900px;
}

.sc-hero__headline {
	font-size: clamp(2.5rem, 7vw, 5rem);
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: var(--sc-spacing-md);
	text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.sc-hero__subtext {
	font-size: clamp(1rem, 2.5vw, 1.25rem);
	color: var(--sc-gray-200);
	margin-bottom: var(--sc-spacing-lg);
	line-height: 1.8;
}

.sc-hero__cta {
	display: flex;
	gap: var(--sc-spacing-md);
	justify-content: center;
	flex-wrap: wrap;
}

.sc-audio-toggle {
	position: absolute;
	bottom: var(--sc-spacing-lg);
	right: var(--sc-spacing-lg);
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: var(--sc-transition);
	z-index: 2;
}

.sc-audio-toggle:hover {
	background: rgba(220, 20, 60, 0.3);
	border-color: var(--sc-red);
}

.sc-audio-toggle svg {
	color: var(--sc-white);
}

/* ============================================
   2. MANIFESTO SECTION
   ============================================ */
.sc-manifesto {
	padding: var(--sc-spacing-2xl) 0;
	background: linear-gradient(180deg, var(--sc-black) 0%, var(--sc-gray-900) 100%);
}

.sc-manifesto .sc-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--sc-spacing-xl);
	align-items: center;
	max-width: 1400px;
	padding: 0 var(--sc-spacing-md);
}

.sc-manifesto__visual {
	position: relative;
	min-height: 400px;
}

.sc-heartbeat {
	width: 100%;
	height: 100%;
	background: radial-gradient(circle, rgba(220, 20, 60, 0.2) 0%, transparent 70%);
	animation: sc-pulse 3s ease-in-out infinite;
}

@keyframes sc-pulse {
	0%, 100% { transform: scale(1); opacity: 0.5; }
	50% { transform: scale(1.1); opacity: 0.8; }
}

.sc-manifesto__text {
	font-size: 1.125rem;
	color: var(--sc-gray-200);
	margin-bottom: var(--sc-spacing-md);
}

/* ============================================
   3. CHOOSE YOUR PATH
   ============================================ */
.sc-paths {
	padding: var(--sc-spacing-2xl) 0;
	background: var(--sc-black);
}

.sc-paths__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: var(--sc-spacing-lg);
	margin-top: var(--sc-spacing-xl);
}

.sc-path-card {
	background: var(--sc-gray-900);
	border: 1px solid var(--sc-gray-800);
	border-radius: var(--sc-border-radius);
	padding: var(--sc-spacing-lg);
	text-align: center;
	transition: var(--sc-transition);
	position: relative;
	overflow: hidden;
}

.sc-path-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: var(--sc-red);
	transform: scaleX(0);
	transition: transform 0.3s ease;
}

.sc-path-card:hover {
	transform: translateY(-8px);
	border-color: var(--sc-red);
	box-shadow: 0 20px 40px rgba(220, 20, 60, 0.2);
}

.sc-path-card:hover::before {
	transform: scaleX(1);
}

.sc-path-card--locked {
	opacity: 0.7;
}

.sc-path-card__icon {
	margin-bottom: var(--sc-spacing-md);
	color: var(--sc-red);
}

.sc-path-card__icon svg {
	stroke-width: 1.5;
}

.sc-path-card__title {
	font-size: 1.75rem;
	font-weight: 700;
	margin-bottom: var(--sc-spacing-sm);
	color: var(--sc-white);
}

.sc-path-card__desc {
	color: var(--sc-gray-300);
	margin-bottom: var(--sc-spacing-md);
	line-height: 1.6;
}

/* ============================================
   4. MEMBERSHIP SECTION
   ============================================ */
.sc-membership {
	padding: var(--sc-spacing-2xl) 0;
	background: linear-gradient(135deg, var(--sc-gray-900) 0%, var(--sc-black) 100%);
	position: relative;
}

.sc-membership .sc-container {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	gap: var(--sc-spacing-xl);
	align-items: center;
	max-width: 1400px;
	padding: 0 var(--sc-spacing-md);
}

.sc-circle-sigil {
	width: 300px;
	height: 300px;
	border: 3px solid var(--sc-red);
	border-radius: 50%;
	position: relative;
	animation: sc-glow 4s ease-in-out infinite;
}

.sc-circle-sigil::before,
.sc-circle-sigil::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.sc-circle-sigil::before {
	width: 70%;
	height: 70%;
	border: 2px solid var(--sc-red);
	opacity: 0.6;
}

.sc-circle-sigil::after {
	width: 40%;
	height: 40%;
	background: radial-gradient(circle, var(--sc-red) 0%, transparent 70%);
	opacity: 0.4;
}

@keyframes sc-glow {
	0%, 100% { box-shadow: 0 0 20px rgba(220, 20, 60, 0.3); }
	50% { box-shadow: 0 0 40px rgba(220, 20, 60, 0.6); }
}

.sc-price {
	font-size: 1.5rem;
	margin-bottom: var(--sc-spacing-md);
	color: var(--sc-gray-200);
}

.sc-price strong {
	color: var(--sc-red);
	font-size: 1.75rem;
}

.sc-badge {
	display: inline-block;
	background: var(--sc-red);
	color: var(--sc-white);
	padding: 0.25rem 0.75rem;
	border-radius: var(--sc-border-radius);
	font-size: 0.875rem;
	margin-left: 0.5rem;
}

.sc-membership__intro {
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: var(--sc-spacing-md);
	color: var(--sc-white);
}

.sc-benefits {
	list-style: none;
	padding: 0;
	margin: var(--sc-spacing-md) 0;
}

.sc-benefits li {
	padding: 0.75rem 0;
	padding-left: 2rem;
	position: relative;
	color: var(--sc-gray-200);
	font-size: 1.125rem;
}

.sc-benefits li::before {
	content: '•';
	position: absolute;
	left: 0;
	color: var(--sc-red);
	font-size: 1.5rem;
	line-height: 1;
}

.sc-membership__cta {
	display: flex;
	gap: var(--sc-spacing-md);
	align-items: center;
	margin-top: var(--sc-spacing-lg);
	flex-wrap: wrap;
}

/* ============================================
   5. NEWSLETTER SECTION
   ============================================ */
.sc-newsletter {
	padding: var(--sc-spacing-2xl) 0;
	background: var(--sc-gray-900);
}

.sc-newsletter__desc {
	font-size: 1.125rem;
	color: var(--sc-gray-200);
	margin-bottom: var(--sc-spacing-lg);
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.sc-newsletter__form {
	display: flex;
	gap: var(--sc-spacing-sm);
	max-width: 500px;
	margin: 0 auto var(--sc-spacing-md);
	flex-wrap: wrap;
	justify-content: center;
}

.sc-input {
	flex: 1;
	min-width: 250px;
	padding: 1rem 1.5rem;
	border: 2px solid var(--sc-gray-700);
	border-radius: var(--sc-border-radius);
	background: var(--sc-black);
	color: var(--sc-white);
	font-size: 1rem;
	transition: var(--sc-transition);
}

.sc-input:focus {
	outline: none;
	border-color: var(--sc-red);
	box-shadow: 0 0 0 3px rgba(220, 20, 60, 0.1);
}

.sc-newsletter__note {
	color: var(--sc-gray-300);
	font-size: 0.875rem;
	max-width: 500px;
	margin: 0 auto;
}

.sc-newsletter__note strong {
	color: var(--sc-red);
}

/* ============================================
   6. UNIVERSE SECTION
   ============================================ */
.sc-universe {
	padding: var(--sc-spacing-2xl) 0;
	background: var(--sc-black);
}

.sc-universe__showcase {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	gap: var(--sc-spacing-xl);
	align-items: center;
	margin-top: var(--sc-spacing-xl);
}

.sc-universe__poster {
	position: relative;
	border-radius: var(--sc-border-radius);
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.sc-poster-image {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.5s ease;
}

.sc-universe__poster:hover .sc-poster-image {
	transform: scale(1.05);
}

.sc-story-title {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--sc-red);
	margin-bottom: var(--sc-spacing-md);
}

.sc-story-synopsis {
	font-size: 1.125rem;
	color: var(--sc-gray-200);
	line-height: 1.8;
	margin-bottom: var(--sc-spacing-lg);
}

.sc-universe__cta {
	display: flex;
	gap: var(--sc-spacing-md);
	margin-bottom: var(--sc-spacing-md);
	flex-wrap: wrap;
}

.sc-note {
	color: var(--sc-gray-400);
	font-style: italic;
	font-size: 0.875rem;
}

/* ============================================
   7. COMMUNITY SECTION
   ============================================ */
.sc-community {
	padding: var(--sc-spacing-2xl) 0;
	background: linear-gradient(135deg, var(--sc-black) 0%, var(--sc-gray-900) 100%);
}

.sc-community .sc-container {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	gap: var(--sc-spacing-xl);
	align-items: center;
	max-width: 1400px;
	padding: 0 var(--sc-spacing-md);
}

.sc-mosaic {
	width: 100%;
	height: 400px;
	background: 
		linear-gradient(45deg, transparent 30%, rgba(220, 20, 60, 0.1) 50%, transparent 70%),
		radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.05) 0%, transparent 30%),
		radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.05) 0%, transparent 30%);
	border-radius: var(--sc-border-radius);
	border: 1px solid var(--sc-gray-800);
}

.sc-community__intro {
	font-size: 1.25rem;
	color: var(--sc-gray-200);
	margin-bottom: var(--sc-spacing-md);
}

.sc-community__text {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--sc-white);
	margin-bottom: var(--sc-spacing-sm);
}

/* ============================================
   8. REWARDS SECTION
   ============================================ */
.sc-rewards {
	padding: var(--sc-spacing-2xl) 0;
	background: var(--sc-gray-900);
}

.sc-rewards__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: var(--sc-spacing-lg);
	margin-top: var(--sc-spacing-xl);
}

.sc-reward-card {
	background: var(--sc-black);
	border: 1px solid var(--sc-gray-800);
	border-radius: var(--sc-border-radius);
	padding: var(--sc-spacing-lg);
	text-align: center;
	transition: var(--sc-transition);
}

.sc-reward-card:hover {
	transform: translateY(-5px);
	border-color: var(--sc-red);
	box-shadow: 0 10px 30px rgba(220, 20, 60, 0.2);
}

.sc-reward-card__icon {
	font-size: 3rem;
	margin-bottom: var(--sc-spacing-md);
}

.sc-reward-card__title {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--sc-white);
	margin-bottom: var(--sc-spacing-sm);
}

.sc-reward-card__desc {
	color: var(--sc-gray-300);
	font-size: 0.9375rem;
	line-height: 1.6;
}

/* ============================================
   9. PODCAST SECTION
   ============================================ */
.sc-podcast {
	padding: var(--sc-spacing-2xl) 0;
	background: var(--sc-black);
}

.sc-podcast .sc-container {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	gap: var(--sc-spacing-xl);
	align-items: center;
	max-width: 1400px;
	padding: 0 var(--sc-spacing-md);
}

.sc-podcast__visual {
	position: relative;
	text-align: center;
}

.sc-podcast__icon {
	margin-bottom: var(--sc-spacing-md);
	color: var(--sc-red);
}

.sc-waveform {
	width: 100%;
	height: 100px;
	background: 
		repeating-linear-gradient(90deg,
			transparent 0px,
			transparent 8px,
			var(--sc-gray-800) 8px,
			var(--sc-gray-800) 10px
		);
	animation: sc-wave 2s ease-in-out infinite;
	border-radius: var(--sc-border-radius);
}

@keyframes sc-wave {
	0%, 100% { opacity: 0.3; }
	50% { opacity: 0.7; }
}

.sc-podcast__desc {
	font-size: 1.25rem;
	color: var(--sc-gray-200);
	margin-bottom: var(--sc-spacing-lg);
}

.sc-podcast__cta {
	display: flex;
	gap: var(--sc-spacing-md);
	flex-wrap: wrap;
}

/* ============================================
   10. GATE (FINAL CTA) SECTION
   ============================================ */
.sc-gate {
	padding: var(--sc-spacing-2xl) 0;
	background: linear-gradient(135deg, var(--sc-dark-red) 0%, var(--sc-black) 100%);
	position: relative;
	overflow: hidden;
}

.sc-gate::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 50% 50%, rgba(220, 20, 60, 0.2) 0%, transparent 70%);
	animation: sc-pulse 5s ease-in-out infinite;
}

.sc-gate .sc-container {
	position: relative;
	z-index: 1;
	max-width: 900px;
	padding: 0 var(--sc-spacing-md);
}

.sc-gate__title {
	font-size: clamp(2.5rem, 6vw, 4rem);
	font-weight: 800;
	margin-bottom: var(--sc-spacing-md);
}

.sc-gate__text {
	font-size: clamp(1.125rem, 2.5vw, 1.5rem);
	color: var(--sc-gray-200);
	margin-bottom: var(--sc-spacing-lg);
	line-height: 1.8;
}

.sc-gate__price {
	font-size: 1.25rem;
	color: var(--sc-white);
	margin-bottom: var(--sc-spacing-lg);
	font-weight: 600;
}

/* ============================================
   RESPONSIVE STYLES
   ============================================ */
@media (max-width: 768px) {
	.sc-manifesto .sc-container,
	.sc-membership .sc-container,
	.sc-universe__showcase,
	.sc-community .sc-container,
	.sc-podcast .sc-container {
		grid-template-columns: 1fr;
	}

	.sc-hero__cta {
		flex-direction: column;
	}

	.sc-btn {
		width: 100%;
	}

	.sc-paths__grid {
		grid-template-columns: 1fr;
	}

	.sc-newsletter__form {
		flex-direction: column;
	}

	.sc-input {
		width: 100%;
	}

	.sc-circle-sigil {
		width: 200px;
		height: 200px;
		margin: 0 auto;
	}

	.sc-audio-toggle {
		bottom: var(--sc-spacing-md);
		right: var(--sc-spacing-md);
		width: 50px;
		height: 50px;
	}
}

/* ============================================
   ABOUT PAGE STYLES - PIXEL PERFECT
   ============================================ */

/* Base About Page */
.soulcraze-about {
	background: #000000;
	color: #EDEDED;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	line-height: 1.6;
	overflow-x: hidden;
}

/* Color Variables for About Page */
:root {
	--about-black: #000000;
	--about-crimson: #be2330;
	--about-crimson-dark: #9B0A17;
	--about-text: #EDEDED;
	--about-text-dim: #B8B8B8;
}

/* Typography */
.soulcraze-about .sc-section-title {
	font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(2.75rem, 5.5vw, 4.5rem);
	font-weight: 700;
	line-height: 1.15;
	color: #FFFFFF;
	margin-bottom: 2.5rem;
	letter-spacing: -0.025em;
}

.soulcraze-about .sc-section-title .sc-highlight {
	color: #be2330;
	font-style: italic;
}

.soulcraze-about p {
	font-size: 1.0625rem;
	line-height: 1.75;
	color: #999999;
	margin-bottom: 1.25rem;
}

.soulcraze-about strong {
	color: #EDEDED;
	font-weight: 600;
}

.soulcraze-about em {
	font-style: italic;
	color: #B8B8B8;
}

/* Utility Classes */
.sc-center {
	text-align: center;
}

.sc-indent {
	padding-left: 2rem;
}

/* ============================================
   1. HERO SECTION - "The Founding Shadow"
   ============================================ */
.sc-about-hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.sc-about-hero__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.sc-about-hero__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, 
		rgba(0, 0, 0, 0.4) 0%, 
		rgba(20, 0, 0, 0.7) 50%, 
		rgba(0, 0, 0, 0.9) 100%);
}

.sc-about-hero__embers {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		radial-gradient(2px 2px at 20% 30%, rgba(220, 20, 60, 0.3), transparent),
		radial-gradient(2px 2px at 60% 70%, rgba(220, 20, 60, 0.3), transparent),
		radial-gradient(1px 1px at 50% 50%, rgba(220, 20, 60, 0.3), transparent),
		radial-gradient(1px 1px at 80% 10%, rgba(220, 20, 60, 0.3), transparent);
	background-size: 200% 200%;
	animation: sc-embers-float 20s ease-in-out infinite;
	opacity: 0.6;
}

@keyframes sc-embers-float {
	0%, 100% { background-position: 0% 0%; }
	50% { background-position: 100% 100%; }
}

.sc-about-hero__content {
	position: relative;
	z-index: 2;
	max-width: 900px;
	margin: 0 auto;
	padding: 2rem;
	text-align: center;
}

.sc-about-hero__headline {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(3.5rem, 10vw, 6.5rem);
	font-weight: 700;
	line-height: 1.05;
	color: #FFFFFF;
	margin-bottom: 2.5rem;
	letter-spacing: -0.03em;
}

.sc-about-hero__headline .sc-highlight {
	color: #be2330;
	display: block;
	font-style: italic;
}

.sc-about-hero__subtext {
	font-size: clamp(1rem, 2vw, 1.25rem);
	line-height: 1.7;
	color: #999999;
	margin-bottom: 3rem;
	font-weight: 300;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.sc-about-hero__cta {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

.sc-about-hero__cta .sc-btn {
	min-width: 200px;
}

/* Audio Toggle Button */
.sc-audio-toggle {
	position: absolute;
	bottom: 2rem;
	right: 2rem;
	z-index: 10;
	background: rgba(220, 20, 60, 0.15);
	border: 1px solid rgba(220, 20, 60, 0.3);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	color: #be2330;
}

.sc-audio-toggle:hover {
	background: rgba(220, 20, 60, 0.25);
	border-color: #be2330;
	transform: scale(1.1);
}

.sc-audio-toggle .sound-wave {
	animation: sc-sound-pulse 1.5s ease-in-out infinite;
}

@keyframes sc-sound-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.3; }
}

/* Fade-in Animations */
.sc-fade-in {
	animation: sc-hero-fade-in 1s ease-in forwards;
	opacity: 0;
}

.sc-fade-in-delayed {
	animation: sc-hero-fade-in 1s ease-in 0.5s forwards;
	opacity: 0;
}

.sc-fade-in-cta {
	animation: sc-hero-fade-in 1s ease-in 1s forwards;
	opacity: 0;
}

@keyframes sc-hero-fade-in {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ============================================
   2. WHAT SOULCRAZE IS (Manifesto)
   ============================================ */
.sc-about-manifesto {
	padding: 8rem 2rem;
	background: #000000;
	position: relative;
}

.sc-about-manifesto__grid {
	display: grid;
	grid-template-columns: 45% 55%;
	gap: 5rem;
	max-width: 1300px;
	margin: 0 auto;
	align-items: center;
}

/* Left: Motion Collage */
.sc-about-manifesto__visual {
	position: relative;
	min-height: 500px;
}

.sc-motion-collage {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: var(--sc-border-radius);
}

.sc-collage-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	mix-blend-mode: overlay;
	opacity: 0.3;
}

.sc-layer-1 {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"><text x="20" y="50" font-size="48" fill="rgba(237,237,237,0.1)" font-family="serif" font-style="italic">Words</text><text x="20" y="150" font-size="48" fill="rgba(237,237,237,0.1)" font-family="serif" font-style="italic">Shadows</text><text x="20" y="250" font-size="48" fill="rgba(237,237,237,0.1)" font-family="serif" font-style="italic">Secrets</text></svg>');
	animation: sc-collage-drift-1 6s ease-in-out infinite;
}

.sc-layer-2 {
	background: radial-gradient(circle at 30% 40%, rgba(220, 20, 60, 0.15) 0%, transparent 70%);
	animation: sc-collage-drift-2 8s ease-in-out infinite;
}

.sc-layer-3 {
	background: linear-gradient(45deg, transparent 40%, rgba(220, 20, 60, 0.1) 50%, transparent 60%);
	animation: sc-collage-drift-3 10s linear infinite;
}

.sc-red-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at center, rgba(220, 20, 60, 0.2) 0%, transparent 70%);
}

@keyframes sc-collage-drift-1 {
	0%, 100% { transform: translateY(0) scale(1); }
	50% { transform: translateY(-20px) scale(1.05); }
}

@keyframes sc-collage-drift-2 {
	0%, 100% { transform: translateX(0); }
	50% { transform: translateX(20px); }
}

@keyframes sc-collage-drift-3 {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* Right: Content */
.sc-about-manifesto__content {
	max-width: 550px;
}

.sc-about-manifesto__text {
	margin: 2rem 0 3rem;
}

.sc-about-manifesto__text p {
	margin-bottom: 1.25rem;
}

/* ============================================
   3. THE EVOLUTION: FROM SOLITUDE TO CIRCLE
   ============================================ */
.sc-about-evolution {
	padding: 10rem 2rem;
	background: var(--sc-bg-secondary);
	position: relative;
}

.sc-red-thread {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	z-index: 1;
}

.sc-thread-line {
	width: 100%;
	height: 2px;
	opacity: 0;
	animation: sc-thread-draw 2s ease-out forwards;
}

@keyframes sc-thread-draw {
	from {
		opacity: 0;
		stroke-dasharray: 0 1200;
	}
	to {
		opacity: 0.6;
		stroke-dasharray: 1200 0;
	}
}

.sc-silhouettes {
	position: relative;
	width: 100%;
	height: 50px;
}

.sc-silhouette {
	position: absolute;
	width: 20px;
	height: 30px;
	background: rgba(220, 20, 60, 0.2);
	border-radius: 50% 50% 0 0;
	opacity: 0;
	animation: sc-silhouette-appear 1s ease-out 1.5s forwards;
}

@keyframes sc-silhouette-appear {
	to { opacity: 0.4; }
}

.sc-about-evolution__content {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.sc-about-evolution__text {
	margin: 3rem 0;
	text-align: left;
}

.sc-about-evolution__text p {
	opacity: 0;
	transform: translateY(20px);
	animation: sc-reveal-text 0.8s ease-out forwards;
}

.sc-about-evolution__text p:nth-child(1) { animation-delay: 0.2s; }
.sc-about-evolution__text p:nth-child(2) { animation-delay: 0.5s; }
.sc-about-evolution__text p:nth-child(3) { animation-delay: 0.8s; }
.sc-about-evolution__text p:nth-child(4) { animation-delay: 1.1s; }
.sc-about-evolution__text p:nth-child(5) { animation-delay: 1.4s; }

@keyframes sc-reveal-text {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ============================================
   4. INSIDE THE CIRCLE
   ============================================ */
.sc-about-circle {
	padding: 8rem 2rem;
	background: var(--sc-bg-tertiary);
	position: relative;
}

.sc-about-circle__flicker {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 50% 50%, rgba(220, 20, 60, 0.05) 0%, transparent 50%);
	animation: sc-flicker-light 3s ease-in-out infinite;
	pointer-events: none;
}

@keyframes sc-flicker-light {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.7; }
}

.sc-about-circle__grid {
	display: grid;
	grid-template-columns: 400px 1fr;
	gap: 5rem;
	max-width: 1200px;
	margin: 0 auto;
	align-items: center;
}

/* Sigil Visual */
.sc-about-circle__visual {
	position: relative;
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sc-circle-sigil-large {
	position: relative;
	width: 300px;
	height: 300px;
}

.sc-sigil-outer,
.sc-sigil-middle,
.sc-sigil-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 2px solid rgba(220, 20, 60, 0.4);
	border-radius: 50%;
}

.sc-sigil-outer {
	width: 100%;
	height: 100%;
	animation: sc-sigil-rotate-slow 20s linear infinite;
}

.sc-sigil-middle {
	width: 70%;
	height: 70%;
	animation: sc-sigil-rotate-medium 15s linear infinite reverse;
}

.sc-sigil-inner {
	width: 40%;
	height: 40%;
	background: radial-gradient(circle, rgba(220, 20, 60, 0.2) 0%, transparent 70%);
	animation: sc-sigil-pulse 3s ease-in-out infinite;
}

@keyframes sc-sigil-rotate-slow {
	from { transform: translate(-50%, -50%) rotate(0deg); }
	to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes sc-sigil-rotate-medium {
	from { transform: translate(-50%, -50%) rotate(0deg); }
	to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes sc-sigil-pulse {
	0%, 100% { opacity: 0.8; transform: translate(-50%, -50%) scale(1); }
	50% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }
}

/* Circle Content */
.sc-about-circle__content {
	max-width: 650px;
}

.sc-about-circle__content .sc-subtitle {
	font-size: 1.875rem;
	color: #B8B8B8;
	font-weight: 400;
	display: block;
	margin-top: 0.5rem;
}

.sc-intro-text {
	font-size: 1.25rem;
	color: #EDEDED;
	margin: 2rem 0 1.5rem;
}

.sc-circle-benefits {
	list-style: none;
	padding: 0;
	margin: 2rem 0;
}

.sc-benefit-item {
	position: relative;
	padding-left: 2rem;
	margin-bottom: 1rem;
	font-size: 1.0625rem;
	line-height: 1.7;
	color: #B8B8B8;
	opacity: 0;
	animation: sc-benefit-glow 0.6s ease-out forwards;
}

.sc-benefit-item:nth-child(1) { animation-delay: 0.1s; }
.sc-benefit-item:nth-child(2) { animation-delay: 0.2s; }
.sc-benefit-item:nth-child(3) { animation-delay: 0.3s; }
.sc-benefit-item:nth-child(4) { animation-delay: 0.4s; }
.sc-benefit-item:nth-child(5) { animation-delay: 0.5s; }
.sc-benefit-item:nth-child(6) { animation-delay: 0.6s; }
.sc-benefit-item:nth-child(7) { animation-delay: 0.7s; }

.sc-benefit-item::before {
	content: '?';
	position: absolute;
	left: 0;
	color: #be2330;
	font-size: 1.2rem;
	line-height: 1.5;
}

@keyframes sc-benefit-glow {
	from {
		opacity: 0;
		transform: translateX(-10px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.sc-closing-text {
	margin: 2.5rem 0;
	font-size: 1.125rem;
	line-height: 1.8;
	color: #B8B8B8;
	font-style: italic;
}

.sc-about-circle__cta {
	display: flex;
	gap: 1.5rem;
	margin-top: 2.5rem;
	flex-wrap: wrap;
}

/* ============================================
   5. THE MASQUERADE
   ============================================ */
.sc-about-masquerade {
	padding: 8rem 2rem;
	position: relative;
	min-height: 80vh;
	display: flex;
	align-items: center;
	background: var(--sc-bg-tertiary);
}

.sc-about-masquerade__video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
}

.sc-candle-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.3;
}

.sc-about-masquerade__vignette {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, 0.7) 60%, #000000 100%);
}

.sc-about-masquerade__content {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto;
}

.sc-about-masquerade__text {
	margin: 2.5rem 0 3rem;
}

.sc-about-masquerade__text p {
	opacity: 0;
	animation: sc-dissolve-in 1s ease-out forwards;
}

.sc-about-masquerade__text p:nth-child(1) { animation-delay: 0.2s; }
.sc-about-masquerade__text p:nth-child(2) { animation-delay: 0.5s; }
.sc-about-masquerade__text p:nth-child(3) { animation-delay: 0.8s; }
.sc-about-masquerade__text p:nth-child(4) { animation-delay: 1.1s; }

@keyframes sc-dissolve-in {
	from {
		opacity: 0;
		transform: translateY(15px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ============================================
   6. THE PHILOSOPHY
   ============================================ */
.sc-about-philosophy {
	padding: 8rem 2rem;
	background: var(--sc-bg-primary);
	position: relative;
}

.sc-about-philosophy__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 0.1;
}

.sc-philosophy-bg-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sc-about-philosophy__content {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto;
}

.sc-about-philosophy__text {
	margin: 3rem 0;
}

.sc-flicker-text {
	opacity: 0;
	animation: sc-candle-flicker 1.2s ease-out forwards;
}

.sc-flicker-text:nth-child(1) { animation-delay: 0.2s; }
.sc-flicker-text:nth-child(2) { animation-delay: 0.5s; }
.sc-flicker-text:nth-child(3) { animation-delay: 0.8s; }
.sc-flicker-text:nth-child(4) { animation-delay: 1.1s; }

@keyframes sc-candle-flicker {
	0% { opacity: 0; }
	10% { opacity: 0.3; }
	20% { opacity: 0.1; }
	30% { opacity: 0.5; }
	50% { opacity: 0.8; }
	100% { opacity: 1; }
}

.sc-emphasize {
	margin-top: 2rem;
	font-size: 1.25rem;
	line-height: 2;
}

/* ============================================
   7. THE INVITATION (Final CTA)
   ============================================ */
.sc-about-invitation {
	padding: 10rem 2rem;
	background: var(--sc-bg-primary);
	position: relative;
	overflow: hidden;
}

.sc-about-invitation__fog {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%;
	background: linear-gradient(0deg, rgba(220, 20, 60, 0.15) 0%, transparent 100%);
	animation: sc-fog-rise 8s ease-in-out infinite;
}

@keyframes sc-fog-rise {
	0%, 100% { transform: translateY(0); opacity: 0.3; }
	50% { transform: translateY(-20px); opacity: 0.6; }
}

.sc-about-invitation__content {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto;
}

.sc-about-invitation__text {
	margin: 2.5rem 0;
	font-size: 1.25rem;
	line-height: 1.9;
}

.sc-about-invitation__text p {
	margin-bottom: 1.25rem;
	color: #EDEDED;
}

.sc-signature {
	margin: 4rem 0;
	text-align: center;
}

.sc-signature-image {
	max-width: 200px;
	height: auto;
	margin-bottom: 1rem;
	opacity: 0;
	animation: sc-signature-fade 1.5s ease-out 1s forwards;
}

@keyframes sc-signature-fade {
	from { opacity: 0; transform: scale(0.9); }
	to { opacity: 1; transform: scale(1); }
}

.sc-signature-text {
	font-size: 1.125rem;
	color: #B8B8B8;
	font-style: italic;
	margin: 0;
}

.sc-about-invitation__cta {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 3rem;
}

.sc-glow-pulse {
	animation: sc-cta-glow 2s ease-in-out infinite;
}

@keyframes sc-cta-glow {
	0%, 100% { box-shadow: 0 0 20px rgba(220, 20, 60, 0.3); }
	50% { box-shadow: 0 0 40px rgba(220, 20, 60, 0.6); }
}

/* ============================================
   8. NEWSLETTER SECTION (About Page)
   ============================================ */
.sc-about-newsletter {
	padding: 6rem 2rem;
	background: #0a0000;
}

.sc-about-newsletter .sc-section-title {
	margin-bottom: 1rem;
}

.sc-newsletter__desc {
	font-size: 1.125rem;
	color: #B8B8B8;
	margin-bottom: 2rem;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.sc-newsletter__form {
	display: flex;
	gap: 1rem;
	max-width: 500px;
	margin: 2rem auto;
	flex-wrap: wrap;
	justify-content: center;
}

.sc-newsletter__form .sc-input {
	flex: 1;
	min-width: 250px;
	padding: 1rem 1.5rem;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(220, 20, 60, 0.3);
	border-radius: var(--sc-border-radius);
	color: #EDEDED;
	font-size: 1rem;
}

.sc-newsletter__form .sc-input:focus {
	outline: none;
	border-color: #be2330;
	background: rgba(255, 255, 255, 0.08);
}

.sc-newsletter__form .sc-input::placeholder {
	color: #666;
}

.sc-newsletter__note {
	font-size: 0.875rem;
	color: #888;
	margin-top: 1.5rem;
}

/* ============================================
   FOOTER QUOTE (About Page)
   ============================================ */
.sc-footer-quote {
	text-align: center;
	padding: 3rem 2rem 1rem;
	background: #000000;
	border-top: 1px solid rgba(220, 20, 60, 0.2);
}

.sc-footer-quote p {
	font-size: 1.125rem;
	color: #B8B8B8;
	font-style: italic;
	margin-bottom: 0.5rem;
}

.sc-footer-attribution {
	font-size: 1rem;
	color: #be2330;
	font-style: normal;
}

/* ============================================
   RESPONSIVE - ABOUT PAGE
   ============================================ */
@media (max-width: 968px) {
	.sc-about-manifesto__grid,
	.sc-about-circle__grid {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
	
	.sc-about-circle__visual {
		height: 300px;
	}
	
	.sc-circle-sigil-large {
		width: 250px;
		height: 250px;
	}
}

@media (max-width: 768px) {
	.sc-about-hero {
		min-height: 80vh;
	}
	
	.sc-about-hero__headline {
		font-size: 2.5rem;
	}
	
	.sc-about-hero__cta {
		flex-direction: column;
	}
	
	.sc-about-hero__cta .sc-btn {
		width: 100%;
	}
	
	.sc-about-manifesto,
	.sc-about-evolution,
	.sc-about-circle,
	.sc-about-masquerade,
	.sc-about-philosophy,
	.sc-about-invitation {
		padding: 5rem 1.5rem;
	}
	
	.soulcraze-about .sc-section-title {
		font-size: 2rem;
	}
	
	.soulcraze-about p {
		font-size: 1rem;
	}
	
	.sc-about-circle__cta {
		flex-direction: column;
	}
	
	.sc-about-circle__cta .sc-btn {
		width: 100%;
	}
	
	.sc-about-invitation__cta {
		flex-direction: column;
	}
	
	.sc-about-invitation__cta .sc-btn {
		width: 100%;
		max-width: 400px;
	}
}

/* ============================================
   FAQ PAGE STYLES
   ============================================ */

/* FAQ Hero */
.sc-faq-hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.sc-faq-glow {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
	height: 500px;
	background: radial-gradient(circle, rgba(220, 20, 60, 0.15) 0%, transparent 70%);
	animation: sc-pulse 4s ease-in-out infinite;
}

.sc-faq-hero__content {
	position: relative;
	z-index: 2;
	padding: 3rem 0;
}

.sc-faq-hero__headline {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 8vw, 5rem);
	font-weight: 700;
	line-height: 1.1;
	color: var(--sc-text-primary);
	margin-bottom: 1.5rem;
	letter-spacing: -0.02em;
}

.sc-faq-hero__subtext {
	font-size: clamp(1.1rem, 2vw, 1.5rem);
	color: var(--sc-text-secondary);
	max-width: 600px;
	margin: 0 auto;
	line-height: 1.6;
}

/* FAQ Search */
.sc-faq-search {
	padding: 3rem 0;
	background: var(--sc-bg-primary);
	border-bottom: 1px solid var(--sc-border-color);
}

.sc-search-box {
	position: relative;
	max-width: 600px;
	margin: 0 auto;
}

.sc-search-input {
	width: 100%;
	padding: 1rem 3rem 1rem 1.5rem;
	background: var(--sc-bg-tertiary);
	border: 1px solid var(--sc-border-color);
	border-radius: var(--sc-border-radius);
	color: var(--sc-text-primary);
	font-size: 1rem;
	font-family: 'Inter', sans-serif;
	transition: all 0.3s ease;
}

.sc-search-input:focus {
	outline: none;
	border-color: var(--sc-red);
	background: var(--sc-bg-tertiary);
	box-shadow: 0 0 20px rgba(220, 20, 60, 0.2);
}

.sc-search-input::placeholder {
	color: var(--sc-text-muted);
	opacity: 0.6;
}

.sc-search-icon {
	position: absolute;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--sc-text-muted);
	pointer-events: none;
}

/* FAQ Content */
.sc-faq-content {
	padding: 5rem 0;
	background: var(--sc-bg-primary);
}

.sc-faq-category {
	margin-bottom: 4rem;
	opacity: 0;
	transform: translateY(30px);
	animation: sc-fade-in-up 0.6s ease forwards;
}

.sc-faq-category:nth-child(1) { animation-delay: 0.1s; }
.sc-faq-category:nth-child(2) { animation-delay: 0.15s; }
.sc-faq-category:nth-child(3) { animation-delay: 0.2s; }
.sc-faq-category:nth-child(4) { animation-delay: 0.25s; }
.sc-faq-category:nth-child(5) { animation-delay: 0.3s; }
.sc-faq-category:nth-child(6) { animation-delay: 0.35s; }
.sc-faq-category:nth-child(7) { animation-delay: 0.4s; }
.sc-faq-category:nth-child(8) { animation-delay: 0.45s; }
.sc-faq-category:nth-child(9) { animation-delay: 0.5s; }
.sc-faq-category:nth-child(10) { animation-delay: 0.55s; }
.sc-faq-category:nth-child(11) { animation-delay: 0.6s; }

.sc-faq-category__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(1.8rem, 4vw, 2.5rem);
	font-weight: 700;
	color: var(--sc-text-primary);
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 2px solid var(--sc-border-hover);
	display: flex;
	align-items: center;
	gap: 1rem;
}

.sc-category-number {
	font-size: 1rem;
	color: var(--sc-red);
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	letter-spacing: 0.1em;
}

/* FAQ Accordion */
.sc-faq-accordion {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.sc-faq-item {
	background: var(--sc-bg-tertiary);
	border: 1px solid var(--sc-border-color);
	border-radius: var(--sc-border-radius);
	overflow: hidden;
	transition: all 0.3s ease;
}

.sc-faq-item:hover {
	border-color: var(--sc-border-hover);
	background: var(--sc-bg-tertiary);
	box-shadow: 0 2px 8px rgba(220, 20, 60, 0.1);
}

.sc-faq-item.is-active {
	border-color: var(--sc-red);
	background: var(--sc-bg-tertiary);
}

.sc-faq-item.is-hidden {
	display: none;
}

.sc-faq-question {
	width: 100%;
	padding: 1.5rem;
	background: transparent;
	border: none;
	color: var(--sc-text-primary);
	font-family: 'Inter', sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	transition: color 0.3s ease;
}

.sc-faq-question:hover {
	color: var(--sc-red);
}

.sc-faq-item.is-active .sc-faq-question {
	color: var(--sc-red);
}

.sc-question-text {
	flex: 1;
}

.sc-faq-icon {
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

.sc-faq-item.is-active .sc-faq-icon {
	transform: rotate(45deg);
}

.sc-faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease, padding 0.4s ease;
	padding: 0 1.5rem;
}

.sc-faq-item.is-active .sc-faq-answer {
	max-height: 1000px;
	padding: 0 1.5rem 1.5rem;
}

.sc-faq-answer p {
	color: var(--sc-text-secondary);
	line-height: 1.8;
	margin-bottom: 1rem;
}

.sc-faq-answer p:last-child {
	margin-bottom: 0;
}

.sc-faq-answer ul {
	list-style: none;
	padding: 0;
	margin: 1rem 0;
}

.sc-faq-answer li {
	color: var(--sc-text-secondary);
	line-height: 1.8;
	padding-left: 1.5rem;
	position: relative;
	margin-bottom: 0.5rem;
}

.sc-faq-answer li::before {
	content: '→';
	position: absolute;
	left: 0;
	color: var(--sc-red);
}

.sc-faq-answer strong {
	color: var(--sc-text-primary);
	font-weight: 600;
}

.sc-faq-answer a {
	color: var(--sc-red);
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.sc-faq-answer a:hover {
	opacity: 0.8;
	text-decoration: underline;
}

/* FAQ Support */
.sc-faq-support {
	padding: 5rem 0;
	background: var(--sc-bg-secondary);
	border-top: 1px solid var(--sc-border-color);
}

.sc-support-info {
	max-width: 700px;
	margin: 2rem auto;
	padding: 2rem;
	background: var(--sc-bg-tertiary);
	border: 1px solid var(--sc-border-color);
	border-radius: var(--sc-border-radius);
}

.sc-support-info p {
	color: var(--sc-text-secondary);
	line-height: 1.8;
	margin-bottom: 1rem;
	font-size: 1rem;
}

.sc-support-info p:last-child {
	margin-bottom: 0;
}

.sc-support-email a {
	color: var(--sc-red);
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.sc-support-email a:hover {
	opacity: 0.8;
	text-decoration: underline;
}

.sc-support-cta {
	margin-top: 2rem;
}

.sc-support-cta .sc-btn {
	padding: 1rem 3rem;
	font-size: 1.1rem;
}

/* No Results Message */
.sc-no-results {
	text-align: center;
	padding: 4rem 2rem;
	color: var(--sc-gray-light);
	display: none;
}

.sc-no-results.is-visible {
	display: block;
}

.sc-no-results h3 {
	font-family: 'Playfair Display', serif;
	font-size: 2rem;
	color: var(--sc-white);
	margin-bottom: 1rem;
}

.sc-no-results p {
	font-size: 1.1rem;
	margin-bottom: 1.5rem;
}

/* FAQ Mobile Responsive */
@media (max-width: 768px) {
	.sc-faq-hero {
		min-height: 50vh;
	}
	
	.sc-faq-hero__headline {
		font-size: 2.5rem;
	}
	
	.sc-faq-hero__subtext {
		font-size: 1.1rem;
	}
	
	.sc-faq-search {
		padding: 2rem 0;
	}
	
	.sc-search-input {
		padding: 0.875rem 2.5rem 0.875rem 1rem;
		font-size: 16px; /* Prevents iOS zoom */
	}
	
	.sc-search-icon {
		right: 1rem;
	}
	
	.sc-faq-content {
		padding: 3rem 0;
	}
	
	.sc-faq-category {
		margin-bottom: 3rem;
	}
	
	.sc-faq-category__title {
		font-size: 1.8rem;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
	}
	
	.sc-faq-question {
		padding: 1rem;
		font-size: 1rem;
	}
	
	.sc-faq-answer {
		padding: 0 1rem;
	}
	
	.sc-faq-item.is-active .sc-faq-answer {
		padding: 0 1rem 1rem;
	}
	
	.sc-faq-support {
		padding: 3rem 0;
	}
	
	.sc-support-info {
		padding: 1.5rem;
		margin: 1.5rem auto;
	}
	
	.sc-support-cta .sc-btn {
		padding: 0.875rem 2rem;
		font-size: 1rem;
	}
}

/* ============================================
   PODCAST PAGE STYLES
   ============================================ */

/* ==========================================================================
   PODCAST PAGE — SOULCRAZE UNSCRIPTED
   ========================================================================== */

/* Base Podcast Page */
body.page-template-template-podcast .soulcraze-podcast,
.soulcraze-podcast {
	background: #010101 !important;
	color: #EDEDED !important;
	overflow-x: hidden;
}

/* Force dark theme on parent elements */
body.page-template-template-podcast,
body.page-template-template-podcast #page,
body.page-template-template-podcast .site,
body.page-template-template-podcast .cs-site-content,
body.page-template-template-podcast .site-content {
	background: var(--sc-bg-primary) !important;
}

/* ============================================
   1. PODCAST HERO - "The Voice Beneath the Page"
   ============================================ */
.sc-podcast-hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.sc-hero-bg-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.15;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

/* Hide any text/alt text that might appear */
.sc-podcast-hero__background {
	color: transparent;
	font-size: 0;
	line-height: 0;
}

.sc-podcast-hero__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at center, rgba(190, 35, 48, 0.05) 0%, transparent 70%);
}

.sc-mic-silhouette {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
	height: 500px;
	background: radial-gradient(circle, rgba(190, 35, 48, 0.15) 0%, transparent 70%);
	animation: sc-pulse-slow 4s ease-in-out infinite;
	filter: blur(60px);
}

@keyframes sc-pulse-slow {
	0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }
	50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.6; }
}

.sc-podcast-hero__content {
	position: relative;
	z-index: 2;
	max-width: 1000px;
	margin: 0 auto;
	padding: 2rem;
	text-align: center;
}

.sc-podcast-hero__title {
	font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(3.5rem, 12vw, 7rem);
	font-weight: 700;
	line-height: 1.05;
	margin-bottom: 2rem;
	letter-spacing: -0.02em;
	color: var(--sc-text-primary) !important;
}

.sc-podcast-hero__title .sc-highlight {
	display: block;
	color: #be2330 !important;
	-webkit-text-fill-color: #be2330 !important;
	background: linear-gradient(135deg, #be2330 0%, #D63845 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.sc-podcast-hero__subhead {
	font-size: clamp(1.125rem, 2.5vw, 1.5rem);
	color: var(--sc-text-secondary) !important;
	margin-bottom: 2rem;
	font-style: italic;
	font-weight: 300;
	line-height: 1.6;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.sc-podcast-hero__body {
	max-width: 750px;
	margin: 0 auto 3rem;
	font-size: clamp(1rem, 2vw, 1.125rem);
	line-height: 1.7;
	color: var(--sc-text-secondary) !important;
}

.sc-podcast-hero__body p {
	margin-bottom: 0;
}

.sc-podcast-hero__body strong {
	color: var(--sc-text-primary) !important;
	font-weight: 600;
}

.sc-podcast-hero__ctas {
	display: flex;
	gap: 1.25rem;
	justify-content: center;
	flex-wrap: wrap;
}

.sc-podcast-hero__ctas .sc-btn--primary {
	background: linear-gradient(135deg, #be2330 0%, #8B1923 100%) !important;
	border: none !important;
	padding: 1.125rem 2.5rem;
	font-size: 1.0625rem;
	font-weight: 600;
	color: #fff !important;
	box-shadow: 0 10px 30px rgba(190, 35, 48, 0.4);
	transition: all 0.3s ease;
}

.sc-podcast-hero__ctas .sc-btn--primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 15px 40px rgba(190, 35, 48, 0.6);
}

.sc-podcast-hero__ctas .sc-btn--primary svg {
	margin-right: 0.5rem;
}

.sc-podcast-hero__ctas .sc-btn--outline {
	background: transparent !important;
	border: 2px solid #be2330 !important;
	color: #be2330 !important;
	padding: 1rem 2.5rem;
	font-size: 1.0625rem;
	font-weight: 600;
	transition: all 0.3s ease;
}

.sc-podcast-hero__ctas .sc-btn--outline:hover {
	background: rgba(190, 35, 48, 0.1);
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(190, 35, 48, 0.3);
}

.sc-podcast-scroll-indicator {
	position: absolute;
	bottom: 3rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	color: #888;
	font-size: 0.8125rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	opacity: 0.7;
	animation: sc-bounce 2s ease-in-out infinite;
	z-index: 2;
}

.sc-podcast-scroll-indicator svg {
	color: #be2330;
}

@keyframes sc-bounce {
	0%, 100% { transform: translateX(-50%) translateY(0); }
	50% { transform: translateX(-50%) translateY(-10px); }
}

/* ============================================
   2. WHAT YOU'LL EXPERIENCE - "The Dual Pulse"
   ============================================ */
.sc-podcast-experience {
	padding: 6rem 2rem;
	background: var(--sc-bg-secondary) !important;
	position: relative;
}

.sc-section-intro {
	margin-bottom: 4rem;
}

.sc-section-title {
	font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(2.5rem, 6vw, 4rem);
	font-weight: 700;
	margin-bottom: 1.5rem;
	color: var(--sc-text-primary) !important;
	letter-spacing: -0.02em;
}

.sc-section-title .sc-highlight {
	color: #be2330;
}

.sc-section-subtitle {
	font-size: clamp(1.125rem, 2.5vw, 1.375rem);
	color: var(--sc-text-secondary) !important;
	max-width: 700px;
	margin: 0 auto;
}

.sc-experience-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 2.5rem;
	max-width: 1200px;
	margin: 0 auto;
}

.sc-experience-card {
	background: var(--sc-bg-tertiary) !important;
	border: 1px solid var(--sc-border-color) !important;
	border-radius: var(--sc-border-radius);
	padding: 3rem 2.5rem;
	position: relative;
	overflow: hidden;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.sc-experience-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, transparent, #be2330, transparent);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.sc-experience-card:hover {
	transform: translateY(-8px);
	border-color: #be2330;
	box-shadow: 0 20px 50px rgba(190, 35, 48, 0.3);
}

.sc-experience-card:hover::before {
	opacity: 1;
}

.sc-experience-icon {
	width: 64px;
	height: 64px;
	margin-bottom: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(190, 35, 48, 0.2) 0%, rgba(139, 25, 35, 0.2) 100%);
	border: 2px solid rgba(190, 35, 48, 0.4);
	border-radius: var(--sc-border-radius);
	color: #be2330;
	transition: all 0.3s ease;
}

.sc-experience-card:hover .sc-experience-icon {
	transform: scale(1.1);
	background: linear-gradient(135deg, rgba(190, 35, 48, 0.3) 0%, rgba(139, 25, 35, 0.3) 100%);
	border-color: #be2330;
	box-shadow: 0 8px 20px rgba(190, 35, 48, 0.4);
}

.sc-experience-title {
	font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	font-size: 1.875rem;
	font-weight: 700;
	margin-bottom: 0.75rem;
	color: var(--sc-text-primary) !important;
	letter-spacing: -0.01em;
}

.sc-experience-label {
	font-size: 0.875rem;
	color: #be2330;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	margin-bottom: 1.5rem;
	font-weight: 600;
}

.sc-experience-description {
	font-size: 1.0625rem;
	line-height: 1.8;
	color: var(--sc-text-secondary) !important;
	margin-bottom: 2rem;
}

.sc-experience-description em {
	color: var(--sc-text-primary) !important;
	font-style: italic;
}

.sc-experience-features {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sc-experience-features li {
	padding-left: 1.75rem;
	position: relative;
	margin-bottom: 0.875rem;
	color: var(--sc-text-secondary) !important;
	font-size: 1rem;
	line-height: 1.6;
}

.sc-experience-features li::before {
	content: '→';
	position: absolute;
	left: 0;
	color: #be2330;
	font-weight: 600;
}

/* ============================================
   3. FORMATS & RELEASE SCHEDULE
   ============================================ */
.sc-podcast-formats {
	padding: 6rem 2rem;
	background: linear-gradient(180deg, #010101 0%, #1A1A1A 100%);
	position: relative;
}

.sc-formats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 2.5rem;
	max-width: 1000px;
	margin: 0 auto;
}

.sc-format-card {
	background: linear-gradient(145deg, rgba(30, 20, 40, 0.5) 0%, rgba(15, 5, 32, 0.7) 100%) !important;
	border: 2px solid rgba(190, 35, 48, 0.25) !important;
	border-radius: var(--sc-border-radius);
	padding: 3rem 2.5rem;
	position: relative;
	overflow: hidden;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.sc-format-card::after {
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(190, 35, 48, 0.1) 0%, transparent 70%);
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
}

.sc-format-card:hover {
	transform: translateY(-10px);
	border-color: #be2330;
	box-shadow: 0 30px 60px rgba(190, 35, 48, 0.4);
}

.sc-format-card:hover::after {
	opacity: 1;
}

.sc-format-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	padding: 0.75rem 1.5rem;
	background: linear-gradient(135deg, rgba(190, 35, 48, 0.15) 0%, rgba(139, 25, 35, 0.15) 100%);
	border: 2px solid rgba(190, 35, 48, 0.4);
	border-radius: var(--sc-border-radius);
	font-size: 0.8125rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #be2330;
	margin-bottom: 2rem;
}

.sc-format-badge svg {
	width: 20px;
	height: 20px;
	color: #be2330;
}

.sc-format-title {
	font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 1.25rem;
	color: var(--sc-text-primary) !important;
	letter-spacing: -0.01em;
}

.sc-format-description {
	font-size: 1.0625rem;
	line-height: 1.8;
	color: var(--sc-text-secondary) !important;
	margin-bottom: 2.5rem;
}

.sc-format-schedule {
	padding: 1.75rem;
	background: linear-gradient(135deg, rgba(190, 35, 48, 0.1) 0%, rgba(139, 25, 35, 0.1) 100%);
	border-left: 4px solid #be2330;
	border-radius: var(--sc-border-radius);
	margin-bottom: 1.5rem;
}

.sc-schedule-day {
	font-size: 1.375rem;
	font-weight: 700;
	color: #be2330;
	margin-bottom: 0.375rem;
	letter-spacing: -0.01em;
}

.sc-schedule-time {
	font-size: 1rem;
	color: var(--sc-text-secondary) !important;
}

.sc-format-duration {
	font-size: 0.875rem;
	color: var(--sc-text-muted) !important;
	text-align: right;
	font-style: italic;
	opacity: 0.8;
}

.sc-launch-notice {
	margin-top: 4rem;
	padding: 2.5rem;
	background: linear-gradient(135deg, rgba(190, 35, 48, 0.1) 0%, rgba(139, 25, 35, 0.1) 100%);
	border: 1px solid rgba(190, 35, 48, 0.3);
	border-radius: var(--sc-border-radius);
	text-align: center;
}

.sc-launch-notice p {
	font-size: 1.375rem;
	color: var(--sc-text-primary) !important;
	margin: 0;
}

.sc-launch-notice strong {
	color: #be2330;
	font-weight: 700;
}

/* ============================================
   4. FEATURED EPISODE - "Echoes From The Vault"
   ============================================ */
.sc-podcast-featured {
	padding: 6rem 2rem;
	background: var(--sc-bg-primary) !important;
}

.sc-featured-player {
	max-width: 900px;
	margin: 0 auto;
}

.sc-featured-player__content {
	background: var(--sc-bg-tertiary) !important;
	border: 1px solid var(--sc-border-color) !important;
	border-radius: var(--sc-border-radius);
	padding: 3.5rem 3rem;
}

.sc-episode-meta {
	display: flex;
	gap: 1.25rem;
	margin-bottom: 1.25rem;
	flex-wrap: wrap;
}

.sc-episode-number {
	font-size: 0.875rem;
	font-weight: 700;
	color: #be2330;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

.sc-episode-type {
	font-size: 0.875rem;
	color: var(--sc-text-muted) !important;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	padding: 0.25rem 0.75rem;
	background: rgba(190, 35, 48, 0.1);
	border-radius: var(--sc-border-radius);
}

.sc-episode-title {
	font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(2rem, 5vw, 3rem);
	font-weight: 700;
	margin-bottom: 1.5rem;
	color: var(--sc-text-primary) !important;
	letter-spacing: -0.02em;
}

.sc-episode-description {
	font-size: 1.125rem;
	line-height: 1.9;
	color: var(--sc-text-secondary) !important;
	margin-bottom: 2.5rem;
}

.sc-audio-embed {
	margin-bottom: 2.5rem;
	border-radius: var(--sc-border-radius);
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.sc-audio-embed iframe {
	border-radius: var(--sc-border-radius);
}

.sc-custom-player {
	width: 100%;
	height: 80px;
	background: var(--sc-bg-secondary) !important;
	border-radius: var(--sc-border-radius);
	border: 1px solid var(--sc-border-color) !important;
}

.sc-featured-cta {
	text-align: center;
}

/* ============================================
   5. BECOME A GUEST - "Share Your Shadows"
   ============================================ */
.sc-podcast-guest {
	padding: 6rem 2rem;
	background: var(--sc-bg-tertiary) !important;
	position: relative;
}

.sc-podcast-guest::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(circle at 20% 50%, rgba(190, 35, 48, 0.03) 0%, transparent 50%),
	                  radial-gradient(circle at 80% 80%, rgba(139, 25, 35, 0.03) 0%, transparent 50%);
	pointer-events: none;
}

.sc-guest-content {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.sc-guest-intro {
	text-align: center;
	margin-bottom: 3.5rem;
}

.sc-guest-description {
	font-size: 1.375rem;
	line-height: 1.9;
	color: var(--sc-text-secondary) !important;
	max-width: 700px;
	margin: 0 auto;
}

.sc-guest-form {
	background: var(--sc-bg-tertiary) !important;
	border: 1px solid var(--sc-border-color) !important;
	border-radius: var(--sc-border-radius);
	padding: 3.5rem 3rem;
}

.sc-form-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1.5rem;
	margin-bottom: 1.5rem;
}

.sc-form-group {
	margin-bottom: 1.75rem;
}

.sc-form-group label {
	display: block;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--sc-text-primary) !important;
	margin-bottom: 0.75rem;
	letter-spacing: 0.01em;
}

.sc-form-group .required {
	color: #be2330;
}

.sc-form-group input,
.sc-form-group textarea {
	width: 100%;
	padding: 1.125rem 1.25rem;
	background: var(--sc-bg-primary) !important;
	border: 1px solid var(--sc-border-color) !important;
	border-radius: var(--sc-border-radius);
	color: var(--sc-text-primary) !important;
	font-size: 1rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

.sc-form-group input:focus,
.sc-form-group textarea:focus {
	outline: none;
	border-color: #be2330;
	box-shadow: 0 0 0 3px rgba(190, 35, 48, 0.15);
	background: var(--sc-bg-secondary) !important;
}

.sc-form-group input::placeholder,
.sc-form-group textarea::placeholder {
	color: var(--sc-text-muted) !important;
	font-style: italic;
}

.sc-form-group textarea {
	resize: vertical;
	min-height: 150px;
	line-height: 1.7;
}

.sc-form-actions {
	margin-top: 2.5rem;
	text-align: center;
}

.sc-btn--full {
	width: 100%;
	max-width: 400px;
	padding: 1.25rem 3rem;
	font-size: 1.0625rem;
	background: linear-gradient(135deg, #be2330 0%, #8B1923 100%);
	border: none;
	font-weight: 700;
	letter-spacing: 0.02em;
	box-shadow: 0 10px 30px rgba(190, 35, 48, 0.4);
	transition: all 0.3s ease;
}

.sc-btn--full:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 40px rgba(190, 35, 48, 0.6);
}

.sc-form-message {
	margin-top: 2rem;
	padding: 1.25rem;
	border-radius: var(--sc-border-radius);
	text-align: center;
	display: none;
}

.sc-form-message.success {
	background: rgba(34, 197, 94, 0.1);
	border: 1px solid rgba(34, 197, 94, 0.3);
	color: #4ade80;
	display: block;
}

.sc-form-message.error {
	background: rgba(239, 68, 68, 0.1);
	border: 1px solid rgba(239, 68, 68, 0.3);
	color: #f87171;
	display: block;
}

.sc-form-confirmation {
	margin-top: 2rem;
	padding: 2rem;
	background: linear-gradient(135deg, rgba(190, 35, 48, 0.1) 0%, rgba(139, 25, 35, 0.1) 100%);
	border: 1px solid rgba(190, 35, 48, 0.3);
	border-radius: var(--sc-border-radius);
	text-align: center;
}

.sc-form-confirmation p {
	color: var(--sc-text-secondary) !important;
	font-size: 1.125rem;
	margin: 0;
	font-style: italic;
}

/* ============================================
   6. LISTEN & SUBSCRIBE - "Where to Find Us"
   ============================================ */
.sc-podcast-subscribe {
	padding: 6rem 2rem;
	background: var(--sc-bg-primary) !important;
}

.sc-platforms-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 2rem;
	max-width: 1100px;
	margin: 0 auto 3rem;
}

.sc-platform-card {
	background: var(--sc-bg-tertiary) !important;
	border: 1px solid var(--sc-border-color) !important;
	border-radius: var(--sc-border-radius);
	padding: 2.5rem 2rem;
	text-align: center;
	text-decoration: none;
	color: var(--sc-text-primary) !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 160px;
}

.sc-platform-card:hover {
	transform: translateY(-8px);
	border-color: #be2330;
	box-shadow: 0 20px 50px rgba(190, 35, 48, 0.3);
	color: var(--sc-text-primary) !important;
}

.sc-platform-icon {
	width: 56px;
	height: 56px;
	margin-bottom: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	/* background: linear-gradient(135deg, rgba(190, 35, 48, 0.15) 0%, rgba(139, 25, 35, 0.15) 100%);
	border: 2px solid rgba(190, 35, 48, 0.3); */
	border-radius: var(--sc-border-radius);
	color: #be2330;
	transition: all 0.3s ease;
}

.sc-platform-card:hover .sc-platform-icon {
	transform: scale(1.15);
	/* background: linear-gradient(135deg, rgba(190, 35, 48, 0.25) 0%, rgba(139, 25, 35, 0.25) 100%);
	border-color: #be2330;
	box-shadow: 0 8px 20px rgba(190, 35, 48, 0.4); */
}

.sc-platform-icon svg {
	width: 28px;
	height: 28px;
}

.sc-platform-name {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--sc-text-primary) !important;
	letter-spacing: 0.01em;
}

.sc-subscribe-cta {
	margin-top: 2rem;
}

.sc-subscribe-note {
	font-size: 1.125rem;
	color: var(--sc-text-secondary) !important;
	font-style: italic;
}

/* ============================================
   7. CLOSING CTA - "The Story Doesn't End Here"
   ============================================ */
.sc-podcast-closing {
	padding: 6rem 2rem;
	background: var(--sc-bg-tertiary) !important;
	position: relative;
	overflow: hidden;
}

.sc-podcast-closing__background {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.03;
	pointer-events: none;
}

.sc-closing-quote {
	font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(3rem, 8vw, 8rem);
	font-style: italic;
	color: #be2330;
	text-align: center;
}

.sc-closing-content {
	position: relative;
	z-index: 1;
	max-width: 800px;
	margin: 0 auto;
}

.sc-closing-title {
	font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(2.5rem, 6vw, 4.5rem);
	font-weight: 700;
	margin-bottom: 2rem;
	color: var(--sc-text-primary) !important;
	letter-spacing: -0.02em;
}

.sc-closing-title .sc-highlight {
	color: #be2330;
}

.sc-closing-description {
	font-size: 1.25rem;
	line-height: 1.9;
	color: var(--sc-text-secondary) !important;
	margin-bottom: 3rem;
}

.sc-closing-ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

.sc-closing-ctas .sc-btn--primary {
	background: linear-gradient(135deg, #be2330 0%, #8B1923 100%);
	border: none;
	padding: 1.25rem 3rem;
	font-size: 1.0625rem;
	font-weight: 700;
	box-shadow: 0 10px 30px rgba(190, 35, 48, 0.4);
}

.sc-closing-ctas .sc-btn--primary:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 40px rgba(190, 35, 48, 0.6);
}

.sc-closing-ctas .sc-btn--outline {
	background: transparent;
	border: 2px solid #be2330;
	color: #be2330;
	padding: 1.125rem 3rem;
	font-size: 1.0625rem;
	font-weight: 600;
}

.sc-closing-ctas .sc-btn--outline:hover {
	background: rgba(190, 35, 48, 0.1);
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(190, 35, 48, 0.3);
}

/* ============================================
   PODCAST PAGE RESPONSIVE
   ============================================ */
@media (max-width: 768px) {
	.sc-podcast-hero {
		min-height: 85vh;
		padding: 4rem 1.5rem;
	}

	.sc-podcast-hero__title {
		font-size: clamp(2.5rem, 12vw, 4rem);
	}

	.sc-podcast-hero__subhead {
		font-size: clamp(1.125rem, 4vw, 1.5rem);
	}

	.sc-podcast-hero__ctas {
		flex-direction: column;
		gap: 1rem;
	}

	.sc-podcast-hero__ctas .sc-btn {
		width: 100%;
		max-width: 100%;
	}

	.sc-mic-silhouette {
		width: 300px;
		height: 300px;
	}

	.sc-podcast-experience,
	.sc-podcast-formats,
	.sc-podcast-featured,
	.sc-podcast-guest,
	.sc-podcast-subscribe,
	.sc-podcast-closing {
		padding: 4rem 1.5rem;
	}

	.sc-experience-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.sc-formats-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.sc-platforms-grid {
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
		gap: 1.25rem;
	}

	.sc-platform-card {
		padding: 2rem 1.5rem;
		min-height: 140px;
	}

	.sc-platform-icon {
		width: 40px;
		height: 40px;
	}

	.sc-guest-form {
		padding: 2.5rem 2rem;
	}

	.sc-form-row {
		grid-template-columns: 1fr;
	}

	.sc-featured-player__content {
		padding: 2.5rem 2rem;
	}

	.sc-closing-ctas {
		flex-direction: column;
		gap: 1.25rem;
	}

	.sc-closing-ctas .sc-btn {
		width: 100%;
	}
}
/* ============================================
   CONTACT PAGE STYLES
   ============================================ */

/* Base Contact Page */
.soulcraze-contact {
	background: var(--sc-black);
	color: var(--sc-white);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	line-height: 1.6;
}

.soulcraze-contact .sc-section-title {
	font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
}

/* ============================================
   1. CONTACT HERO - "Every Message Is a Whisper"
   ============================================ */
.sc-contact-hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.sc-ink-spread {
	position: absolute;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 30% 50%, rgba(155, 10, 23, 0.08) 0%, transparent 60%);
	animation: sc-ink-spread 8s ease-in-out infinite;
}

@keyframes sc-ink-spread {
	0%, 100% { transform: scale(1); opacity: 0.3; }
	50% { transform: scale(1.2); opacity: 0.5; }
}

.sc-mist-drift {
	position: absolute;
	width: 100%;
	height: 100%;
	background: 
		radial-gradient(ellipse at 70% 30%, rgba(155, 10, 23, 0.05) 0%, transparent 50%),
		radial-gradient(ellipse at 30% 70%, rgba(155, 10, 23, 0.05) 0%, transparent 50%);
	animation: sc-mist-drift 12s ease-in-out infinite;
}

@keyframes sc-mist-drift {
	0%, 100% { transform: translate(0, 0); }
	50% { transform: translate(30px, -20px); }
}

.sc-circle-pulse {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
	height: 500px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(155, 10, 23, 0.1) 0%, transparent 70%);
	animation: sc-circle-pulse 4s ease-in-out infinite;
}

@keyframes sc-circle-pulse {
	0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }
	50% { transform: translate(-50%, -50%) scale(1.15); opacity: 0.5; }
}

.sc-contact-hero__content {
	position: relative;
	z-index: 1;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.sc-contact-hero__headline {
	font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(3rem, 8vw, 5.5rem);
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 2.5rem;
	color: var(--sc-white);
	letter-spacing: -0.02em;
	animation: sc-fade-in-up 1s ease-out;
}

.sc-highlight-red {
	color: #9B0A17;
	font-style: italic;
	display: inline-block;
}

.sc-contact-hero__subtext {
	font-size: clamp(1.0625rem, 2vw, 1.1875rem);
	color: #B8B8B8;
	line-height: 1.8;
	max-width: 800px;
	margin: 0 auto;
	animation: sc-fade-in-up 1s ease-out 0.2s backwards;
}

.sc-contact-hero__subtext p {
	margin-bottom: 1.5rem;
}

.sc-contact-hero__subtext p:last-child {
	margin-bottom: 0;
}

.sc-promise {
	color: var(--sc-white);
}

/* ============================================
   2. WAYS TO CONNECT
   ============================================ */
.sc-contact-ways {
	padding: 6rem 2rem;
	background: #0A0A0A;
}

.sc-contact-ways__content {
	max-width: 1200px;
	margin: 0 auto;
}

.sc-contact-ways__intro {
	font-size: 1.125rem;
	color: #999;
	margin-top: 1.5rem;
	margin-bottom: 4rem;
}

.sc-contact-ways__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	max-width: 900px;
	margin: 0 auto;
}

.sc-contact-card {
	background: linear-gradient(145deg, rgba(31, 13, 15, 0.6) 0%, rgba(10, 10, 10, 0.8) 100%);
	border: 1px solid rgba(155, 10, 23, 0.2);
	border-radius: var(--sc-border-radius);
	padding: 3rem 2rem;
	text-align: center;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0;
	transform: translateY(30px);
}

.sc-fade-up {
	animation: sc-fade-up 0.8s ease-out forwards;
}

@keyframes sc-fade-up {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.sc-contact-card:hover {
	transform: translateY(-8px);
	border-color: rgba(155, 10, 23, 0.5);
	box-shadow: 0 20px 50px rgba(155, 10, 23, 0.15);
	background: linear-gradient(145deg, rgba(31, 13, 15, 0.8) 0%, rgba(10, 10, 10, 0.9) 100%);
}

.sc-contact-card__icon {
	color: #9B0A17;
	margin-bottom: 1.5rem;
	transition: transform 0.3s ease;
}

.sc-contact-card:hover .sc-contact-card__icon {
	transform: scale(1.1);
}

.sc-contact-card__title {
	font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--sc-white);
	margin-bottom: 1rem;
	letter-spacing: -0.01em;
}

.sc-contact-card__desc {
	color: #999;
	font-size: 0.9375rem;
	line-height: 1.7;
}

/* ============================================
   3. CONTACT FORM SECTION
   ============================================ */
.sc-contact-form-section {
	padding: 6rem 2rem;
	background: #0A0A0A;
	position: relative;
	overflow: hidden;
}

.sc-contact-form-glow {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 400px;
	background: radial-gradient(ellipse at center, rgba(155, 10, 23, 0.08) 0%, transparent 70%);
	pointer-events: none;
}

.sc-contact-form-content {
	max-width: 700px;
	margin: 0 auto;
}

.sc-contact-form {
	margin: 3rem auto 0;
	padding: 3rem;
	background: var(--sc-bg-tertiary);
	border: 1px solid var(--sc-border-color);
	border-radius: var(--sc-border-radius);
	backdrop-filter: blur(10px);
}

/* Dark mode - form container */
body[site-data-scheme="dark"] .sc-contact-form {
	background: #0F0F0F !important;
	border: 1px solid rgba(190, 35, 48, 0.2) !important;
}

/* Light mode - form container */
body[site-data-scheme="default"] .sc-contact-form {
	background: #FFFFFF !important;
	border: 1px solid rgba(190, 35, 48, 0.15) !important;
}

.sc-form-group {
	margin-bottom: 2rem;
}

.sc-form-fade {
	opacity: 0;
	transform: translateY(20px);
	animation: sc-fade-up 0.6s ease-out forwards;
}

.sc-form-label {
	display: block;
	font-size: 0.9375rem;
	color: var(--sc-text-secondary);
	margin-bottom: 0.75rem;
	font-style: italic;
	font-weight: 500;
}

.sc-form-input,
.sc-form-input:focus {
	width: 100%;
	padding: 1rem 1.5rem;
	background: var(--sc-bg-tertiary);
	border: 1px solid var(--sc-border-color);
	border-radius: var(--sc-border-radius);
	color: var(--sc-text-primary);
	font-size: 1rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

/* Dark mode - form inputs */
body[site-data-scheme="dark"] .sc-form-input,
body[site-data-scheme="dark"] .sc-form-input:focus {
	background: #1A1A1A !important;
	border: 1px solid rgba(190, 35, 48, 0.3) !important;
	color: #FFFFFF !important;
}

body[site-data-scheme="dark"] .sc-form-input::placeholder {
	color: #666666 !important;
}

/* Light mode - form inputs */
body[site-data-scheme="default"] .sc-form-input,
body[site-data-scheme="default"] .sc-form-input:focus {
	background: #F5F5F5 !important;
	border: 1px solid rgba(190, 35, 48, 0.2) !important;
	color: #1A1A1A !important;
}

body[site-data-scheme="default"] .sc-form-input::placeholder {
	color: #888888 !important;
}

.sc-form-input:focus {
	outline: none;
	border-color: var(--sc-crimson);
	box-shadow: 0 0 0 3px rgba(190, 35, 48, 0.1);
}

body[site-data-scheme="dark"] .sc-form-input:focus {
	border-color: #be2330 !important;
	box-shadow: 0 0 0 3px rgba(190, 35, 48, 0.2) !important;
}

body[site-data-scheme="default"] .sc-form-input:focus {
	border-color: #be2330 !important;
	box-shadow: 0 0 0 3px rgba(190, 35, 48, 0.1) !important;
}

select.sc-form-input {
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-repeat: no-repeat;
	background-position: right 1.5rem center;
	background-size: 12px 12px;
	padding-right: 3rem;
}

/* Remove IE/Edge default arrow */
select.sc-form-input::-ms-expand {
	display: none;
}

body[site-data-scheme="dark"] select.sc-form-input {
	background-color: #1A1A1A !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FFFFFF' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 1.5rem center !important;
	background-size: 12px 12px !important;
	color: #FFFFFF !important;
}

body[site-data-scheme="default"] select.sc-form-input {
	background-color: #F5F5F5 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333333' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 1.5rem center !important;
	background-size: 12px 12px !important;
	color: #1A1A1A !important;
}

select.sc-form-input option {
	background: inherit;
	color: inherit;
	padding: 0.5rem;
}

.sc-form-textarea {
	resize: vertical;
	min-height: 180px;
	line-height: 1.6;
}

.sc-form-checkbox {
	margin-top: 1.5rem;
}

.sc-checkbox-label {
	display: flex;
	align-items: center;
	cursor: pointer;
	color: #FFFFFF;
}

.sc-checkbox-input {
	margin-right: 0.75rem;
	margin-top: 0;
	width: 18px !important;
	height: 18px;
	min-width: 18px;
	cursor: pointer;
	accent-color: #be2330;
	flex-shrink: 0;
}

.sc-checkbox-text {
	flex: 1;
	font-size: 0.9375rem;
	line-height: 1.4;
	white-space: nowrap;
	color: var(--sc-text-secondary);
}

/* Light mode - checkbox text should be dark for visibility */
body[site-data-scheme="default"] .sc-checkbox-label,
body[site-data-scheme="default"] .sc-checkbox-text {
	color: #1A1A1A !important;
}

/* Dark mode - checkbox text should be light for visibility */
body[site-data-scheme="dark"] .sc-checkbox-label,
body[site-data-scheme="dark"] .sc-checkbox-text {
	color: #FFFFFF !important;
	opacity: 0.9;
}

.sc-contact-submit {
	position: relative;
	min-width: 280px;
	padding: 1.125rem 3rem;
	font-size: 1.0625rem;
	font-weight: 500;
	letter-spacing: 0.01em;
}

.sc-contact-submit:hover {
	animation: sc-button-glow 1.5s ease-in-out infinite;
}

@keyframes sc-button-glow {
	0%, 100% { box-shadow: 0 0 20px rgba(155, 10, 23, 0.3); }
	50% { box-shadow: 0 0 30px rgba(155, 10, 23, 0.5); }
}

.sc-btn-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.sc-spinner {
	animation: spin 1s linear infinite;
}

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

/* Form Messages */
.sc-form-message {
	margin-top: 2rem;
	padding: 1.5rem;
	border-radius: var(--sc-border-radius);
	text-align: center;
	animation: sc-fade-in-up 0.5s ease-out;
}

.sc-form-success {
	background: rgba(34, 139, 34, 0.1);
	border: 1px solid rgba(34, 139, 34, 0.3);
	color: #90EE90;
}

.sc-form-error {
	background: rgba(155, 10, 23, 0.1);
	border: 1px solid rgba(155, 10, 23, 0.3);
	color: #D63845;
}

.sc-form-message p {
	margin: 0.5rem 0;
}

.sc-form-message strong {
	font-weight: 600;
}

.sc-form-message .sc-note {
	font-size: 0.875rem;
	color: #888;
	font-style: italic;
	margin-top: 0.5rem;
}

/* ============================================
   4. OTHER PORTALS (Social Links)
   ============================================ */
.sc-contact-portals {
	padding: 6rem 2rem;
	background: #0A0A0A;
}

.sc-contact-portals__content {
	max-width: 1200px;
	margin: 0 auto;
}

.sc-contact-portals__intro {
	font-size: 1.125rem;
	color: #999;
	margin-top: 1.5rem;
	margin-bottom: 4rem;
}

.sc-contact-portals__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1.5rem;
	max-width: 1000px;
	margin: 0 auto 3rem;
}

.sc-portal-card {
	background: rgba(15, 15, 15, 0.6);
	border: 1px solid rgba(155, 10, 23, 0.15);
	border-radius: var(--sc-border-radius);
	padding: 2rem 1.5rem;
	text-align: center;
	text-decoration: none;
	color: var(--sc-white);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: block;
}

.sc-portal-card:hover {
	transform: translateY(-5px);
	border-color: rgba(155, 10, 23, 0.4);
	box-shadow: 0 15px 40px rgba(155, 10, 23, 0.15);
	color: var(--sc-white);
	background: rgba(20, 20, 20, 0.8);
}

.sc-portal-icon {
	color: #9B0A17;
	margin-bottom: 1.25rem;
	transition: transform 0.3s ease;
}

.sc-portal-card:hover .sc-portal-icon {
	transform: scale(1.15);
}

.sc-portal-title {
	font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 0.75rem;
	color: var(--sc-white);
	letter-spacing: -0.01em;
}

.sc-portal-desc {
	font-size: 0.875rem;
	color: #888;
	line-height: 1.6;
}

/* ============================================
   5. FINAL NOTE FROM THE FOUNDING SHADOW
   ============================================ */
.sc-contact-final {
	padding: 6rem 2rem;
	background: #0A0A0A;
	position: relative;
	min-height: 60vh;
	display: flex;
	align-items: center;
}

.sc-contact-final__spotlight {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 800px;
	height: 100%;
	background: radial-gradient(ellipse at top, rgba(155, 10, 23, 0.1) 0%, transparent 60%);
	pointer-events: none;
}

.sc-contact-final__wrap {
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
}

.sc-contact-final__content {
	position: relative;
	z-index: 1;
}

.sc-contact-final__text {
	margin-bottom: 3rem;
}

.sc-opening-line {
	font-size: clamp(1.125rem, 2.5vw, 1.375rem);
	color: #B8B8B8;
	margin-bottom: 2rem;
	line-height: 1.8;
	font-style: italic;
}

.sc-promise-line {
	font-size: clamp(1.25rem, 3vw, 1.625rem);
	color: var(--sc-white);
	font-weight: 500;
	margin-bottom: 2rem;
	line-height: 1.5;
}

.sc-contact-signature {
	margin-top: 3rem;
	text-align: center;
}

.sc-signature-image {
	max-width: 200px;
	height: auto;
	opacity: 0.9;
	margin-bottom: 1rem;
	animation: sc-fade-in 2s ease-out 0.5s backwards;
}

.sc-signature-text {
	font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	font-size: 1.125rem;
	color: #9B0A17;
	margin-bottom: 0.25rem;
	font-style: italic;
}

.sc-signature-title {
	font-size: 0.875rem;
	color: #888;
	font-style: italic;
	margin-top: 0.25rem;
}

/* ============================================
   CONTACT NEWSLETTER SECTION
   ============================================ */
.sc-contact-newsletter {
	padding: 5rem 2rem;
	background: linear-gradient(135deg, rgba(31, 13, 15, 0.4) 0%, rgba(10, 10, 10, 0.8) 100%);
	border-top: 1px solid rgba(155, 10, 23, 0.2);
	border-bottom: 1px solid rgba(155, 10, 23, 0.2);
}

.sc-newsletter__content {
	max-width: 700px;
	margin: 0 auto;
}

.sc-newsletter__desc {
	font-size: 1.125rem;
	color: #999;
	margin: 1.5rem 0 2.5rem;
	line-height: 1.7;
}

.sc-newsletter__form {
	display: flex;
	gap: 1rem;
	max-width: 550px;
	margin: 0 auto 1.5rem;
}

.sc-newsletter__input {
	flex: 1;
	padding: 1rem 1.5rem;
	background: rgba(10, 10, 10, 0.8);
	border: 1px solid rgba(155, 10, 23, 0.2);
	border-radius: var(--sc-border-radius);
	color: var(--sc-white);
	font-size: 1rem;
	transition: all 0.3s ease;
}

.sc-newsletter__input:focus {
	outline: none;
	border-color: rgba(155, 10, 23, 0.5);
	box-shadow: 0 0 0 3px rgba(155, 10, 23, 0.1);
}

.sc-newsletter__input::placeholder {
	color: #555;
}

.sc-newsletter__note {
	font-size: 0.875rem;
	color: #888;
	text-align: center;
}

/* ============================================
   CONTACT PAGE RESPONSIVE
   ============================================ */
@media (max-width: 768px) {
	.sc-contact-hero {
		min-height: 80vh;
		padding: 3rem 1.5rem;
	}

	.sc-contact-hero__headline {
		font-size: clamp(2.25rem, 10vw, 3.5rem);
	}

	.sc-contact-ways,
	.sc-contact-form-section,
	.sc-contact-portals,
	.sc-contact-final,
	.sc-contact-newsletter {
		padding: 4rem 1.5rem;
	}

	.sc-contact-ways__grid {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.sc-contact-card {
		padding: 2rem 1.5rem;
	}

	.sc-contact-form {
		padding: 2rem 1.5rem;
	}

	.sc-contact-portals__grid {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		gap: 1rem;
	}

	.sc-portal-card {
		padding: 1.5rem 1rem;
	}

	.sc-portal-desc {
		font-size: 0.8125rem;
	}

	.sc-circle-pulse {
		width: 300px;
		height: 300px;
	}

	.sc-newsletter__form {
		flex-direction: column;
	}

	.sc-contact-submit {
		min-width: 100%;
	}

	.sc-form-input,
	.sc-form-textarea {
		font-size: 16px; /* Prevents zoom on iOS */
	}
}

/* ==========================================================================
   NEWSLETTER PAGE - "WHISPERS FROM THE DARK"
   ========================================================================== */

/* Newsletter Page Base */
.soulcraze-newsletter {
	background-color: var(--sc-black);
	color: var(--sc-white);
}

/* ============================================
   1. HERO SECTION - "Hear the Whispers"
   ============================================ */

.sc-newsletter-hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: url('../images/newsletter-hero-bg.jpg');
	background-size: cover;
	background-position: center;
	opacity: 0.3;
}

.sc-newsletter-hero__background::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 2;
}

/* Smoke Effect */
.sc-smoke-effect {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at center, rgba(255,255,255,0.03) 0%, transparent 70%);
	animation: sc-smoke-drift 15s ease-in-out infinite;
	z-index: 3;
}

@keyframes sc-smoke-drift {
	0%, 100% {
		transform: translateY(0) scale(1);
		opacity: 0.3;
	}
	50% {
		transform: translateY(-30px) scale(1.1);
		opacity: 0.5;
	}
}

/* Crimson Glow Effect */
.sc-crimson-glow {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 600px;
	height: 400px;
	background: radial-gradient(ellipse at center, rgba(220, 20, 60, 0.2) 0%, transparent 70%);
	filter: blur(80px);
	animation: sc-glow-pulse 4s ease-in-out infinite;
	z-index: 3;
}

@keyframes sc-glow-pulse {
	0%, 100% {
		opacity: 0.4;
		transform: translateX(-50%) scale(1);
	}
	50% {
		opacity: 0.6;
		transform: translateX(-50%) scale(1.1);
	}
}

/* Audio Toggle Button */
.sc-audio-toggle {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 100;
	background: rgba(0, 0, 0, 0.6);
	border: 1px solid rgba(220, 20, 60, 0.3);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	color: var(--sc-red);
}

.sc-audio-toggle:hover {
	background: rgba(220, 20, 60, 0.2);
	border-color: var(--sc-red);
	transform: scale(1.1);
}

.sc-audio-toggle.active .sc-audio-off {
	display: none;
}

.sc-audio-toggle.active .sc-audio-on {
	display: block !important;
}

/* Hero Content */
.sc-newsletter-hero__content {
	position: relative;
	z-index: 10;
	max-width: 900px;
	text-align: center;
	padding: 2rem;
}

.sc-newsletter-hero__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(3rem, 8vw, 6rem);
	font-weight: 700;
	margin-bottom: 1.5rem;
	line-height: 1.1;
	letter-spacing: -0.02em;
}

.sc-newsletter-hero__title .sc-highlight {
	color: var(--sc-red);
	position: relative;
}

.sc-newsletter-hero__subhead {
	font-family: 'Playfair Display', serif;
	font-size: clamp(1.1rem, 2.5vw, 1.5rem);
	font-style: italic;
	color: var(--sc-gray-300);
	margin-bottom: 1.5rem;
	line-height: 1.6;
}

.sc-newsletter-hero__body {
	font-size: 1.125rem;
	color: var(--sc-gray-400);
	margin-bottom: 2.5rem;
}

.sc-newsletter-hero__ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

/* Flicker Animation for Title */
@keyframes sc-flicker-in {
	0% {
		opacity: 0;
		text-shadow: 0 0 20px rgba(220, 20, 60, 0.8);
	}
	10% {
		opacity: 0.5;
	}
	20% {
		opacity: 0.2;
	}
	30% {
		opacity: 0.8;
	}
	50% {
		opacity: 1;
		text-shadow: 0 0 10px rgba(220, 20, 60, 0.3);
	}
	100% {
		opacity: 1;
		text-shadow: none;
	}
}

.sc-flicker-in {
	animation: sc-flicker-in 1.5s ease-out forwards;
}

/* Scroll Indicator */
.sc-newsletter-scroll-indicator {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	text-align: center;
	color: var(--sc-gray-400);
	font-size: 0.875rem;
	animation: sc-bounce 2s ease-in-out infinite;
}

.sc-newsletter-scroll-indicator span {
	display: block;
	margin-bottom: 0.5rem;
}

.sc-newsletter-scroll-indicator svg {
	opacity: 0.6;
}

/* ============================================
   2. THE INVITATION - "The Gateway Between Worlds"
   ============================================ */

.sc-newsletter-invitation {
	padding: 8rem 0;
	background: var(--sc-bg-secondary);
	position: relative;
}

.sc-newsletter-invitation::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, transparent, rgba(220, 20, 60, 0.3), transparent);
}

.sc-invitation-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	align-items: center;
}

.sc-invitation-visual {
	position: relative;
	padding: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Candle Glow Animation */
.sc-candle-glow {
	position: absolute;
	width: 200px;
	height: 200px;
	background: radial-gradient(circle, rgba(220, 20, 60, 0.3) 0%, transparent 70%);
	filter: blur(40px);
	animation: sc-candle-flicker 3s ease-in-out infinite;
}

@keyframes sc-candle-flicker {
	0%, 100% {
		opacity: 0.6;
		transform: scale(1);
	}
	25% {
		opacity: 0.8;
		transform: scale(1.05);
	}
	50% {
		opacity: 0.5;
		transform: scale(0.95);
	}
	75% {
		opacity: 0.9;
		transform: scale(1.02);
	}
}

.sc-invitation-quote {
	position: relative;
	font-family: 'Playfair Display', serif;
	font-size: 1.75rem;
	font-style: italic;
	line-height: 1.6;
	color: var(--sc-gray-200);
	text-align: center;
	z-index: 2;
}

.sc-invitation-content {
	padding: 2rem 0;
}

.sc-invitation-intro {
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	font-style: italic;
	color: var(--sc-gray-300);
	margin-bottom: 1.5rem;
}

.sc-invitation-description {
	font-size: 1.125rem;
	line-height: 1.8;
	color: var(--sc-gray-400);
	margin-bottom: 1.5rem;
}

.sc-highlight-text {
	color: var(--sc-red);
	font-weight: 600;
}

.sc-invitation-benefits {
	margin-top: 2.5rem;
	padding: 2rem;
	background: rgba(220, 20, 60, 0.05);
	border-left: 3px solid var(--sc-red);
	border-radius: var(--sc-border-radius);
}

.sc-invitation-benefits h3 {
	font-family: 'Playfair Display', serif;
	font-size: 1.25rem;
	color: var(--sc-text-primary);
	margin-bottom: 1rem;
}

.sc-invitation-benefits ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5rem 0;
}

.sc-invitation-benefits li {
	padding-left: 1.5rem;
	margin-bottom: 0.75rem;
	position: relative;
	color: var(--sc-gray-300);
}

.sc-invitation-benefits li::before {
	content: '→';
	position: absolute;
	left: 0;
	color: var(--sc-red);
}

.sc-benefits-note {
	font-style: italic;
	color: var(--sc-gray-400);
	font-size: 0.95rem;
	margin: 0;
}

/* ============================================
   3. WHAT YOU'LL RECEIVE - Benefits Grid
   ============================================ */

.sc-newsletter-benefits {
	padding: 8rem 0;
	background: var(--sc-bg-primary);
}

.sc-section-intro {
	margin-bottom: 4rem;
}

.sc-section-intro.sc-center {
	text-align: center;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4rem;
}

.sc-section-title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: 700;
	margin-bottom: 1rem;
	line-height: 1.2;
}

.sc-section-subtitle {
	font-family: 'Playfair Display', serif;
	font-size: 1.25rem;
	font-style: italic;
	color: var(--sc-gray-300);
}

.sc-benefits-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 2.5rem;
	margin-bottom: 3rem;
}

.sc-benefit-card {
	background: var(--sc-bg-secondary);
	border: 1px solid var(--sc-border-color);
	border-radius: var(--sc-border-radius);
	padding: 2.5rem;
	text-align: center;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}

.sc-benefit-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(220, 20, 60, 0.1), transparent);
	opacity: 0;
	transition: opacity 0.4s ease;
	z-index: 1;
}

.sc-benefit-card:hover {
	transform: translateY(-8px);
	border-color: var(--sc-red);
	box-shadow: 0 10px 40px rgba(220, 20, 60, 0.2);
}

.sc-benefit-card:hover::before {
	opacity: 1;
}

.sc-benefit-icon {
	width: 70px;
	height: 70px;
	margin: 0 auto 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--sc-red);
	position: relative;
	z-index: 2;
}

.sc-benefit-icon svg {
	transition: transform 0.4s ease;
}

.sc-benefit-card:hover .sc-benefit-icon svg {
	transform: scale(1.1) rotate(5deg);
}

.sc-benefit-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	color: var(--sc-text-primary);
	margin-bottom: 1rem;
	position: relative;
	z-index: 2;
}

.sc-benefit-description {
	font-size: 1rem;
	line-height: 1.7;
	color: var(--sc-gray-400);
	position: relative;
	z-index: 2;
}

.sc-benefits-cta {
	margin-top: 3rem;
}

/* ============================================
   4. A GLIMPSE INTO THE DARK - Sample Content
   ============================================ */

.sc-newsletter-glimpse {
	padding: 8rem 0;
	background: var(--sc-bg-tertiary);
	position: relative;
}

.sc-newsletter-glimpse::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	height: 1px;
	background: linear-gradient(to right, transparent, rgba(220, 20, 60, 0.3), transparent);
}

.sc-glimpse-content {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	padding: 3rem;
	background: var(--sc-bg-secondary);
	border: 1px solid var(--sc-border-color);
	border-radius: var(--sc-border-radius);
	position: relative;
}

.sc-glimpse-label {
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: var(--sc-red);
	margin-bottom: 2rem;
}

.sc-glimpse-verse {
	font-family: 'Playfair Display', serif;
	font-size: clamp(1.5rem, 3vw, 2.25rem);
	font-style: italic;
	line-height: 1.8;
	color: var(--sc-text-primary);
	margin: 2rem 0;
	border-left: none;
	padding: 0;
}

.sc-verse-line {
	margin-bottom: 0.5rem;
	opacity: 0;
	animation: sc-verse-fade-in 0.8s ease forwards;
}

.sc-verse-line:nth-child(1) {
	animation-delay: 0.2s;
}

.sc-verse-line:nth-child(2) {
	animation-delay: 0.6s;
}

.sc-verse-line:nth-child(3) {
	animation-delay: 1s;
}

.sc-verse-line:nth-child(4) {
	animation-delay: 1.4s;
}

@keyframes sc-verse-fade-in {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.sc-glimpse-citation {
	display: block;
	margin-top: 2rem;
	font-style: italic;
	color: var(--sc-gray-400);
	font-size: 1rem;
}

.sc-glimpse-subtext {
	font-size: 1.125rem;
	line-height: 1.8;
	color: var(--sc-gray-400);
	margin-top: 2rem;
}

/* ============================================
   5. THE RITUAL - Newsletter Signup Form
   ============================================ */

.sc-newsletter-ritual {
	padding: 8rem 0;
	background: var(--sc-bg-secondary);
	position: relative;
}

.sc-ritual-content {
	max-width: 600px;
	margin: 0 auto;
}

.sc-ritual-intro {
	text-align: center;
	margin-bottom: 3rem;
}

.sc-ritual-intro p {
	font-size: 1.25rem;
	color: var(--sc-gray-300);
	margin-bottom: 0.5rem;
}

.sc-ritual-warning {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: var(--sc-red);
	font-size: 1.125rem;
}

/* Newsletter Form */
.sc-newsletter-form {
	background: var(--sc-bg-tertiary);
	border: 1px solid var(--sc-border-color);
	border-radius: var(--sc-border-radius);
	padding: 3rem;
	position: relative;
}

.sc-newsletter-form::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 20%;
	right: 20%;
	height: 2px;
	background: linear-gradient(to right, transparent, var(--sc-red), transparent);
	opacity: 0.5;
}

.sc-form-group {
	margin-bottom: 2rem;
}

.sc-form-group label {
	display: block;
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--sc-gray-300);
	margin-bottom: 0.75rem;
}

.sc-form-group .optional {
	text-transform: lowercase;
	color: var(--sc-gray-500);
	font-size: 0.85rem;
}

.sc-form-group .required {
	color: var(--sc-red);
}

.sc-form-group input {
	width: 100%;
	padding: 1rem 1.25rem;
	background: var(--sc-bg-primary);
	border: 1px solid var(--sc-border-color);
	border-radius: var(--sc-border-radius);
	color: var(--sc-text-primary);
	font-size: 1rem;
	transition: all 0.3s ease;
}

.sc-form-group input:focus {
	outline: none;
	border-color: var(--sc-crimson);
	box-shadow: 0 0 0 3px var(--sc-crimson-glow);
	background: var(--sc-bg-primary);
}

.sc-form-group input::placeholder {
	color: var(--sc-gray-500);
	font-style: italic;
}

.sc-form-actions {
	margin-top: 2rem;
}

.sc-btn--full {
	width: 100%;
}

.sc-form-message {
	margin-top: 1.5rem;
	padding: 1rem;
	border-radius: var(--sc-border-radius);
	text-align: center;
	display: none;
}

.sc-form-message.success {
	display: block;
	background: rgba(40, 167, 69, 0.1);
	border: 1px solid rgba(40, 167, 69, 0.3);
	color: #28a745;
}

.sc-form-message.error {
	display: block;
	background: rgba(220, 53, 69, 0.1);
	border: 1px solid rgba(220, 53, 69, 0.3);
	color: #dc3545;
}

.sc-form-confirmation {
	text-align: center;
	padding: 2rem;
	background: rgba(220, 20, 60, 0.05);
	border: 1px solid var(--sc-red);
	border-radius: var(--sc-border-radius);
	margin-top: 2rem;
}

.sc-form-confirmation p {
	font-family: 'Playfair Display', serif;
	font-size: 1.25rem;
	font-style: italic;
	color: var(--sc-text-primary);
	margin: 0;
}

.sc-form-privacy {
	text-align: center;
	margin-top: 1.5rem;
	font-size: 0.875rem;
	color: var(--sc-gray-500);
}

.sc-form-privacy a {
	color: var(--sc-red);
	text-decoration: underline;
}

.sc-form-privacy a:hover {
	color: var(--sc-text-primary);
}

/* ============================================
   6. AFTER YOU SUBSCRIBE - Timeline
   ============================================ */

.sc-newsletter-after {
	padding: 8rem 0;
	background: var(--sc-bg-primary);
}

.sc-after-content {
	max-width: 900px;
	margin: 0 auto;
}

.sc-after-subtitle {
	font-size: 1.125rem;
	font-style: italic;
	color: var(--sc-gray-400);
	margin-bottom: 4rem;
}

.sc-after-timeline {
	margin: 4rem 0;
}

.sc-timeline-item {
	display: grid;
	grid-template-columns: 80px 1fr;
	gap: 2rem;
	margin-bottom: 3rem;
	position: relative;
}

.sc-timeline-item::before {
	content: '';
	position: absolute;
	left: 40px;
	top: 80px;
	bottom: -30px;
	width: 1px;
	background: linear-gradient(to bottom, rgba(220, 20, 60, 0.5), transparent);
}

.sc-timeline-item:last-child::before {
	display: none;
}

.sc-timeline-marker {
	width: 80px;
	height: 80px;
	background: var(--sc-bg-secondary);
	border: 2px solid var(--sc-crimson);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Playfair Display', serif;
	font-size: 2rem;
	font-weight: 700;
	color: var(--sc-text-primary);
	flex-shrink: 0;
}

.sc-timeline-content h3 {
	font-family: 'Playfair Display', serif;
	font-size: 1.75rem;
	color: var(--sc-text-primary);
	margin-bottom: 1rem;
}

.sc-timeline-content p {
	font-size: 1.125rem;
	line-height: 1.8;
	color: var(--sc-gray-400);
	margin-bottom: 1rem;
}

.sc-timeline-link {
	display: inline-block;
	color: var(--sc-red);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: all 0.3s ease;
}

.sc-timeline-link:hover {
	color: var(--sc-text-primary);
	border-bottom-color: var(--sc-text-primary);
}

.sc-after-reassurance {
	text-align: center;
	margin-top: 4rem;
	padding: 3rem;
	background: rgba(220, 20, 60, 0.05);
	border: 1px solid rgba(220, 20, 60, 0.2);
	border-radius: var(--sc-border-radius);
}

.sc-after-reassurance p {
	font-size: 1.125rem;
	line-height: 1.8;
	color: var(--sc-gray-300);
	margin-bottom: 1rem;
}

.sc-after-reassurance p:last-child {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: var(--sc-text-primary);
	margin-bottom: 0;
}

/* ============================================
   7. CLOSING CTA - "Your Story Starts Here"
   ============================================ */

.sc-newsletter-closing {
	position: relative;
	padding: 10rem 0;
	background: var(--sc-bg-secondary);
	overflow: hidden;
}

.sc-newsletter-closing__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

/* Floating Pages Animation */
.sc-floating-pages {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		radial-gradient(circle, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
		radial-gradient(circle, rgba(220, 20, 60, 0.03) 1px, transparent 1px);
	background-size: 50px 50px, 80px 80px;
	background-position: 0 0, 40px 40px;
	animation: sc-pages-float 30s linear infinite;
	opacity: 0.3;
}

@keyframes sc-pages-float {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-100px);
	}
}

.sc-closing-content {
	position: relative;
	z-index: 10;
	max-width: 800px;
	margin: 0 auto;
}

.sc-closing-title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 6vw, 4.5rem);
	font-weight: 700;
	margin-bottom: 1.5rem;
	line-height: 1.2;
}

.sc-closing-description {
	font-size: 1.25rem;
	line-height: 1.8;
	color: var(--sc-gray-300);
	margin-bottom: 3rem;
}

.sc-closing-ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 4rem;
}

/* Social Share Section */
.sc-social-share {
	text-align: center;
	padding-top: 3rem;
	border-top: 1px solid rgba(220, 20, 60, 0.2);
}

.sc-share-label {
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--sc-gray-400);
	margin-bottom: 1rem;
}

.sc-share-buttons {
	display: flex;
	gap: 1rem;
	justify-content: center;
}

.sc-share-btn {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(220, 20, 60, 0.1);
	border: 1px solid rgba(220, 20, 60, 0.3);
	border-radius: 50%;
	color: var(--sc-red);
	text-decoration: none;
	transition: all 0.3s ease;
}

.sc-share-btn:hover {
	background: var(--sc-red);
	color: var(--sc-white);
	transform: translateY(-3px);
	box-shadow: 0 5px 20px rgba(220, 20, 60, 0.3);
}

/* ============================================
   RESPONSIVE - Newsletter Page
   ============================================ */

@media (max-width: 768px) {
	.sc-newsletter-hero {
		min-height: 90vh;
	}

	.sc-newsletter-hero__title {
		font-size: 3rem;
	}

	.sc-newsletter-hero__subhead {
		font-size: 1.1rem;
	}

	.sc-newsletter-hero__ctas {
		flex-direction: column;
		gap: 1rem;
	}

	.sc-audio-toggle {
		top: 15px;
		right: 15px;
		width: 45px;
		height: 45px;
	}

	.sc-invitation-grid {
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.sc-invitation-visual {
		order: 2;
		padding: 2rem;
	}

	.sc-invitation-content {
		order: 1;
	}

	.sc-invitation-quote {
		font-size: 1.25rem;
	}

	.sc-benefits-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.sc-newsletter-ritual,
	.sc-newsletter-invitation,
	.sc-newsletter-benefits,
	.sc-newsletter-glimpse,
	.sc-newsletter-after {
		padding: 5rem 0;
	}

	.sc-newsletter-form {
		padding: 2rem;
	}

	.sc-timeline-item {
		grid-template-columns: 60px 1fr;
		gap: 1.5rem;
	}

	.sc-timeline-marker {
		width: 60px;
		height: 60px;
		font-size: 1.5rem;
	}

	.sc-timeline-item::before {
		left: 30px;
	}

	.sc-closing-ctas {
		flex-direction: column;
	}

	.sc-newsletter-closing {
		padding: 6rem 0;
	}

	/* Prevent iOS zoom on input focus */
	.sc-newsletter-form input {
		font-size: 16px;
	}
}

/* ==========================================================================
   START HERE PAGE - "THE DESCENT BEGINS"
   ========================================================================== */

/* Start Here Page Base */
.soulcraze-start-here {
	background-color: var(--sc-black);
	color: var(--sc-white);
}

/* ============================================
   1. HERO SECTION - "Welcome to the Descent"
   ============================================ */

.sc-start-hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.4;
}

/* Smoke Drift Effect */
.sc-smoke-drift {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at 20% 30%, rgba(255, 255, 255, 0.02) 0%, transparent 50%),
	            radial-gradient(ellipse at 80% 70%, rgba(220, 20, 60, 0.05) 0%, transparent 50%);
	animation: sc-smoke-slow-drift 20s ease-in-out infinite;
}

@keyframes sc-smoke-slow-drift {
	0%, 100% {
		transform: translateX(0) translateY(0) scale(1);
		opacity: 0.3;
	}
	33% {
		transform: translateX(20px) translateY(-20px) scale(1.05);
		opacity: 0.5;
	}
	66% {
		transform: translateX(-15px) translateY(15px) scale(0.95);
		opacity: 0.4;
	}
}

/* Sparks Effect */
.sc-sparks-effect {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(2px 2px at 20% 30%, rgba(220, 20, 60, 0.4), transparent),
	                  radial-gradient(2px 2px at 60% 70%, rgba(220, 20, 60, 0.3), transparent),
	                  radial-gradient(1px 1px at 50% 50%, rgba(255, 255, 255, 0.2), transparent),
	                  radial-gradient(1px 1px at 80% 10%, rgba(220, 20, 60, 0.3), transparent);
	background-size: 200% 200%;
	animation: sc-sparks-float 15s ease-in-out infinite;
	opacity: 0.6;
}

@keyframes sc-sparks-float {
	0%, 100% {
		background-position: 0% 0%;
		opacity: 0.5;
	}
	50% {
		background-position: 100% 100%;
		opacity: 0.8;
	}
}

/* Hero Content */
.sc-start-hero__content {
	position: relative;
	z-index: 10;
	max-width: 900px;
	text-align: center;
	padding: 2rem;
	margin-left: auto;
	margin-right: auto;
}

.sc-start-hero__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(3rem, 8vw, 6rem);
	font-weight: 700;
	margin-bottom: 1rem;
	line-height: 1.1;
	letter-spacing: -0.02em;
}

.sc-start-hero__subtitle {
	font-family: 'Playfair Display', serif;
	font-size: clamp(1.25rem, 3vw, 1.75rem);
	font-style: italic;
	color: var(--sc-gray-300);
	margin-bottom: 2rem;
}

.sc-start-hero__description {
	font-size: 1.125rem;
	color: var(--sc-gray-400);
	line-height: 1.8;
	margin-bottom: 2.5rem;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.sc-start-hero__ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

/* Fade-in Animation */
@keyframes sc-fade-in-up {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.sc-fade-in-up {
	animation: sc-fade-in-up 1s ease-out forwards;
	opacity: 0;
}

/* ============================================
   2. THE INVITATION - "What Is Soulcraze?"
   ============================================ */

.sc-start-invitation {
	position: relative;
	padding: 8rem 0;
	background: var(--sc-bg-secondary) !important;
	overflow: hidden;
}

/* Ink Spreading Effect */
.sc-ink-effect {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(220, 20, 60, 0.1) 0%, transparent 70%);
	filter: blur(80px);
	animation: sc-ink-spread 8s ease-in-out infinite;
}

@keyframes sc-ink-spread {
	0%, 100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0.3;
	}
	50% {
		transform: translate(-50%, -50%) scale(1.2);
		opacity: 0.6;
	}
}

.sc-invitation-layout {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 4rem;
	align-items: center;
	position: relative;
	z-index: 2;
}

.sc-invitation-visual {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sc-candle-icon {
	font-size: 8rem;
	opacity: 0.8;
	animation: sc-candle-gentle-flicker 4s ease-in-out infinite;
}

@keyframes sc-candle-gentle-flicker {
	0%, 100% {
		opacity: 0.7;
		transform: scale(1);
		filter: drop-shadow(0 0 20px rgba(220, 20, 60, 0.3));
	}
	50% {
		opacity: 0.9;
		transform: scale(1.02);
		filter: drop-shadow(0 0 30px rgba(220, 20, 60, 0.5));
	}
}

.sc-invitation-content {
	padding: 2rem 0;
}

.sc-manifesto-line {
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--sc-white);
	margin-bottom: 1.5rem;
}

.sc-manifesto-description {
	font-size: 1.125rem;
	line-height: 1.8;
	color: var(--sc-gray-400);
	margin-bottom: 1.5rem;
}

.sc-manifesto-closing {
	font-family: 'Playfair Display', serif;
	font-size: 1.25rem;
	font-style: italic;
	color: var(--sc-gray-300);
	line-height: 1.8;
	margin: 2rem 0;
}

.sc-invitation-cta {
	margin-top: 2rem;
}

/* ============================================
   3. CHOOSE YOUR PATH - "Three Doors"
   ============================================ */

.sc-start-paths {
	padding: 8rem 0;
	background: var(--sc-bg-primary) !important;
}

.sc-paths-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5rem;
	margin-bottom: 3rem;
}

.sc-path-card {
	position: relative;
	background: var(--sc-bg-tertiary) !important;
	border: 1px solid var(--sc-border-color) !important;
	border-radius: var(--sc-border-radius);
	padding: 3rem 2rem;
	text-align: center;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
	cursor: pointer;
}

.sc-path-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(220, 20, 60, 0.05), transparent);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.sc-path-card:hover {
	transform: translateY(-10px);
	border-color: var(--sc-red);
	box-shadow: 0 20px 60px rgba(220, 20, 60, 0.3);
}

.sc-path-card:hover::before {
	opacity: 1;
}

/* Path Glow Effect */
.sc-path-glow {
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(220, 20, 60, 0.2) 0%, transparent 70%);
	opacity: 0;
	transition: opacity 0.6s ease;
	pointer-events: none;
}

.sc-path-card:hover .sc-path-glow {
	opacity: 1;
	animation: sc-path-glow-pulse 2s ease-in-out infinite;
}

@keyframes sc-path-glow-pulse {
	0%, 100% {
		transform: scale(1) rotate(0deg);
	}
	50% {
		transform: scale(1.1) rotate(180deg);
	}
}

.sc-path-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--sc-red);
	position: relative;
	z-index: 2;
	transition: transform 0.4s ease;
}

.sc-path-card:hover .sc-path-icon {
	transform: scale(1.1) rotate(5deg);
}

.sc-path-label {
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: var(--sc-red);
	margin-bottom: 1rem;
	position: relative;
	z-index: 2;
}

.sc-path-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.75rem;
	color: var(--sc-white);
	margin-bottom: 1rem;
	position: relative;
	z-index: 2;
}

.sc-path-description {
	font-size: 1rem;
	line-height: 1.7;
	color: var(--sc-gray-400);
	margin-bottom: 2rem;
	position: relative;
	z-index: 2;
}

.sc-path-cta {
	display: inline-block;
	color: var(--sc-red);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: all 0.3s ease;
	position: relative;
	z-index: 2;
}

.sc-path-cta:hover {
	color: var(--sc-white);
	border-bottom-color: var(--sc-white);
}

/* Locked Path Variant */
.sc-path-locked {
	border-color: rgba(220, 20, 60, 0.4);
}

.sc-path-locked .sc-path-icon {
	opacity: 0.6;
}

.sc-locked-cta {
	background: rgba(220, 20, 60, 0.1);
	padding: 0.75rem 1.5rem;
	border-radius: var(--sc-border-radius);
	border-bottom: none;
}

.sc-locked-cta:hover {
	background: var(--sc-red);
	color: var(--sc-white);
}

.sc-paths-note {
	font-family: 'Playfair Display', serif;
	font-size: 1.125rem;
	font-style: italic;
	color: var(--sc-gray-400);
	margin-top: 3rem;
}

/* ============================================
   4. FOR THE BRAVE - "Unlock the Circle"
   ============================================ */

.sc-start-circle {
	position: relative;
	padding: 10rem 0;
	background: var(--sc-bg-tertiary) !important;
	overflow: hidden;
}

.sc-circle-background {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

/* Circle Sigil Animation */
.sc-circle-sigil {
	position: relative;
	width: 400px;
	height: 400px;
}

.sc-sigil-ring {
	width: 100%;
	height: 100%;
	color: var(--sc-red);
	opacity: 0.2;
	animation: sc-sigil-rotate 20s linear infinite;
}

@keyframes sc-sigil-rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.sc-sigil-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 4rem;
	animation: sc-sigil-pulse 3s ease-in-out infinite;
}

@keyframes sc-sigil-pulse {
	0%, 100% {
		opacity: 0.6;
		transform: translate(-50%, -50%) scale(1);
		filter: drop-shadow(0 0 20px rgba(220, 20, 60, 0.5));
	}
	50% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.1);
		filter: drop-shadow(0 0 40px rgba(220, 20, 60, 0.8));
	}
}

.sc-circle-content {
	position: relative;
	z-index: 10;
	max-width: 800px;
	margin: 0 auto;
}

.sc-circle-intro {
	font-size: 1.25rem;
	color: var(--sc-gray-300);
	margin-bottom: 2.5rem;
}

.sc-circle-benefits {
	/* background: rgba(10, 10, 10, 0.8); */
	/* border: 1px solid rgba(220, 20, 60, 0.3); */
	border-radius: var(--sc-border-radius);
	padding: 3rem;
	margin: 3rem 0;
}

.sc-circle-benefits h3 {
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	color: var(--sc-white);
	margin-bottom: 1.5rem;
	text-align: center;
}

.sc-benefits-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sc-benefits-list li {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin-bottom: 1.25rem;
	font-size: 1.125rem;
	line-height: 1.7;
	color: var(--sc-gray-300);
}

.sc-benefits-list svg {
	flex-shrink: 0;
	margin-top: 0.25rem;
	color: var(--sc-red);
}

.sc-circle-ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 3rem;
}

.sc-btn--large {
	padding: 1rem 2.5rem;
	font-size: 1.125rem;
}

/* ============================================
   5. HEAR THE WHISPERS - "Free Newsletter"
   ============================================ */

.sc-start-whispers {
	position: relative;
	padding: 8rem 0;
	background: var(--sc-bg-secondary) !important;
}

/* Whisper Overlay Animation */
.sc-whisper-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(
		0deg,
		transparent,
		transparent 2px,
		rgba(220, 20, 60, 0.02) 2px,
		rgba(220, 20, 60, 0.02) 4px
	);
	animation: sc-whisper-drift 10s linear infinite;
	opacity: 0.3;
}

@keyframes sc-whisper-drift {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(20px);
	}
}

.sc-whispers-content {
	position: relative;
	z-index: 10;
	max-width: 700px;
	margin: 0 auto;
}

.sc-whispers-icon {
	font-size: 5rem;
	margin-bottom: 2rem;
	opacity: 0.8;
}

.sc-whispers-text {
	margin: 3rem 0;
}

.sc-whispers-line {
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	font-style: italic;
	color: var(--sc-gray-300);
	margin-bottom: 0.5rem;
}

.sc-whispers-description {
	font-size: 1.125rem;
	line-height: 1.8;
	color: var(--sc-gray-400);
	margin-top: 1.5rem;
}

.sc-whispers-cta {
	margin: 3rem 0;
}

.sc-whispers-note {
	font-size: 0.95rem;
	color: var(--sc-gray-500);
	font-style: italic;
}

/* ============================================
   6. STEP DEEPER - "Explore the Worlds"
   ============================================ */

.sc-start-worlds {
	padding: 8rem 0;
	background: var(--sc-bg-tertiary) !important;
}

.sc-worlds-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5rem;
	margin-bottom: 3rem;
}

.sc-world-card {
	background: var(--sc-bg-secondary) !important;
	border: 1px solid var(--sc-border-color) !important;
	border-radius: var(--sc-border-radius);
	padding: 2.5rem 2rem;
	text-align: center;
	transition: all 0.4s ease;
}

.sc-world-card:hover {
	transform: translateY(-8px);
	border-color: var(--sc-red);
	box-shadow: 0 15px 40px rgba(220, 20, 60, 0.2);
}

.sc-world-icon {
	font-size: 4rem;
	margin-bottom: 1.5rem;
	opacity: 0.9;
	transition: transform 0.4s ease;
}

.sc-world-card:hover .sc-world-icon {
	transform: scale(1.15);
}

.sc-world-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	color: var(--sc-text-primary);
	margin-bottom: 1rem;
}

.sc-world-description {
	font-size: 1.1rem;
	line-height: 1.7;
	color: var(--sc-gray-400);
	margin-bottom: 1.5rem;
}

.sc-world-cta {
	display: inline-block;
	color: var(--sc-red);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: all 0.3s ease;
}

.sc-world-cta:hover {
	color: var(--sc-text-primary);
	border-bottom-color: var(--sc-text-primary);
}

.sc-worlds-cta-footer {
	margin-top: 3rem;
}

/* ============================================
   7. CLOSING CTA - "The Descent Awaits"
   ============================================ */

.sc-start-closing {
	position: relative;
	padding: 10rem 0;
	background: var(--sc-bg-primary) !important;
	overflow: hidden;
}

.sc-closing-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.sc-floating-pages {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		radial-gradient(circle, rgba(255, 255, 255, 0.015) 1px, transparent 1px),
		radial-gradient(circle, rgba(220, 20, 60, 0.02) 1px, transparent 1px);
	background-size: 60px 60px, 100px 100px;
	background-position: 0 0, 50px 50px;
	animation: sc-pages-float-slow 40s linear infinite;
	opacity: 0.4;
}

@keyframes sc-pages-float-slow {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-120px);
	}
}

.sc-smoke-vignette {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
}

.sc-closing-content {
	position: relative;
	z-index: 10;
	max-width: 800px;
	margin: 0 auto;
}

.sc-closing-quote {
	font-family: 'Playfair Display', serif;
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	font-style: italic;
	line-height: 1.6;
	color: var(--sc-white);
	margin: 3rem 0;
	border-left: none;
	padding: 0;
	text-align: center;
}

.sc-closing-quote p {
	margin-bottom: 0.5rem;
}

.sc-closing-ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
	margin: 3rem 0;
}

.sc-closing-footnote {
	font-size: 1.125rem;
	color: var(--sc-gray-400);
	font-style: italic;
	margin-top: 3rem;
}

/* ============================================
   RESPONSIVE - Start Here Page
   ============================================ */

@media (max-width: 768px) {
	.sc-start-hero {
		min-height: 90vh;
	}

	.sc-start-hero__title {
		font-size: 2.5rem;
	}

	.sc-start-hero__subtitle {
		font-size: 1.125rem;
	}

	.sc-start-hero__ctas,
	.sc-circle-ctas,
	.sc-closing-ctas {
		flex-direction: column;
		gap: 1rem;
	}

	.sc-invitation-layout {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.sc-invitation-visual {
		order: 2;
	}

	.sc-invitation-content {
		order: 1;
	}

	.sc-candle-icon {
		font-size: 5rem;
	}

	.sc-paths-grid,
	.sc-worlds-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.sc-circle-sigil {
		width: 250px;
		height: 250px;
	}

	.sc-sigil-icon {
		font-size: 2.5rem;
	}

	.sc-circle-benefits {
		padding: 2rem;
	}

	.sc-benefits-list li {
		font-size: 1rem;
	}

	.sc-start-circle,
	.sc-start-invitation,
	.sc-start-paths,
	.sc-start-whispers,
	.sc-start-worlds {
		padding: 5rem 0;
	}

	.sc-start-closing {
		padding: 6rem 0;
	}

	.sc-closing-quote {
		font-size: 1.5rem;
	}
}

/* ============================================
   THE VAULT PAGE STYLES
   ============================================ */

/* Base Vault Page Wrapper - Match Homepage Pattern */
.sc-vault-template,
.sc-vault-template body,
.sc-vault-template #page,
.sc-vault-template .site,
.sc-vault-template .cs-site-content,
.sc-vault-template .site-content,
.sc-vault-template #primary,
.sc-vault-template #main,
.sc-vault-template #content {
	background: #000000 !important;
	background-color: #000000 !important;
}

.soulcraze-vault {
	background: var(--sc-black);
	color: var(--sc-white);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	line-height: 1.6;
	width: 100%;
	overflow-x: hidden;
}

.sc-vault-page {
	background: #000000;
	color: #ffffff;
	width: 100%;
}

/* Vault Container */
.sc-vault-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
	box-sizing: border-box;
}

@media (max-width: 1240px) {
	.sc-vault-container {
		padding: 0 1.75rem;
	}
}

@media (max-width: 1024px) {
	.sc-vault-container {
		padding: 0 1.5rem;
	}
}

@media (max-width: 768px) {
	.sc-vault-container {
		padding: 0 1.25rem;
	}
}

@media (max-width: 480px) {
	.sc-vault-container {
		padding: 0 1rem;
	}
}

/* Smooth Scroll for Vault Anchors */
.sc-vault-page a.smooth-scroll {
	scroll-behavior: smooth;
}

/* Section 1: Hero - "Welcome to the Vault" */
.sc-vault-door-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
	height: 700px;
	perspective: 1000px;
	z-index: 1;
}

.sc-vault-door {
	position: relative;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
	border: 3px solid #333;
	border-radius: var(--sc-border-radius);
	box-shadow: 
		0 0 50px rgba(220, 20, 60, 0.3),
		inset 0 0 30px rgba(0, 0, 0, 0.8);
	transform-style: preserve-3d;
	transition: transform 0.8s ease;
}

.sc-vault-hero:hover .sc-vault-door {
	transform: rotateY(-5deg);
}

.sc-vault-door-glow {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 80%;
	background: radial-gradient(circle, rgba(220, 20, 60, 0.2) 0%, transparent 70%);
	animation: sc-vault-glow-pulse 3s ease-in-out infinite;
}

@keyframes sc-vault-glow-pulse {
	0%, 100% { opacity: 0.3; transform: translate(-50%, -50%) scale(1); }
	50% { opacity: 0.6; transform: translate(-50%, -50%) scale(1.1); }
}

.sc-vault-door-frame {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	height: 70%;
	border: 2px solid #444;
	border-radius: var(--sc-border-radius);
}

.sc-vault-door-frame::before,
.sc-vault-door-frame::after {
	content: '';
	position: absolute;
	background: #666;
}

.sc-vault-door-frame::before {
	top: 50%;
	left: -10px;
	width: 8px;
	height: 40px;
	transform: translateY(-50%);
	border-radius: var(--sc-border-radius);
}

.sc-vault-door-frame::after {
	top: 50%;
	right: -10px;
	width: 8px;
	height: 40px;
	transform: translateY(-50%);
	border-radius: var(--sc-border-radius);
}

.sc-vault-door-handle {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	background: radial-gradient(circle, #555 0%, #222 100%);
	border-radius: 50%;
	border: 3px solid #666;
	box-shadow: 
		0 4px 10px rgba(0, 0, 0, 0.5),
		inset 0 2px 5px rgba(255, 255, 255, 0.1);
}

.sc-vault-door-handle::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	background: #333;
	border-radius: 50%;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.8);
}

.sc-vault-hero-content {
	position: relative;
	z-index: 2;
	text-align: center;
	max-width: 800px;
	animation: sc-fade-in-up 1s ease-out;
}

.sc-vault-title {
	margin-bottom: 2rem;
}

.sc-vault-title-main {
	display: block;
	font-family: 'Playfair Display', serif;
	font-size: 5rem;
	font-weight: 700;
	color: #be2330;
	letter-spacing: 0.05em;
	text-shadow: 0 0 20px rgba(220, 20, 60, 0.5);
	animation: sc-vault-title-glow 2s ease-in-out infinite;
}

@keyframes sc-vault-title-glow {
	0%, 100% { text-shadow: 0 0 20px rgba(220, 20, 60, 0.5); }
	50% { text-shadow: 0 0 30px rgba(220, 20, 60, 0.8); }
}

.sc-vault-title-sub {
	display: block;
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	font-weight: 400;
	font-style: italic;
	color: #999;
	letter-spacing: 0.1em;
	margin-top: 0.5rem;
}

.sc-vault-hero-text {
	font-size: 1.2rem;
	line-height: 1.8;
	color: #bbb;
	margin-bottom: 3rem;
}

.sc-vault-hero-text em {
	color: #be2330;
	font-style: italic;
}

.sc-vault-hero-ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

.sc-vault-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 2rem;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	border-radius: var(--sc-border-radius);
	transition: all 0.3s ease;
	cursor: pointer;
	border: none;
	font-family: inherit;
}

.sc-vault-btn-explore {
	background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
	color: #fff;
	border: 2px solid #444;
}

.sc-vault-btn-explore:hover {
	background: linear-gradient(135deg, #3a3a3a 0%, #2a2a2a 100%);
	border-color: #666;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
}

.sc-vault-btn-circle {
	background: linear-gradient(135deg, #be2330 0%, #A00F2A 100%);
	color: #fff;
	border: 2px solid #be2330;
}

.sc-vault-btn-circle:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	border-color: #FF1744;
	transform: translateY(-2px);
	box-shadow: 0 4px 20px rgba(220, 20, 60, 0.4);
}

.sc-vault-btn-secondary {
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
}

.sc-vault-btn-secondary:hover {
	background: rgba(220, 20, 60, 0.1);
	border-color: #FF1744;
	color: #FF1744;
	transform: translateY(-2px);
}

.sc-vault-btn-large {
	padding: 1.25rem 2.5rem;
	font-size: 1.1rem;
}

.sc-vault-scroll-indicator {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	color: #666;
	font-size: 2rem;
	animation: sc-vault-bounce 2s ease-in-out infinite;
}

@keyframes sc-vault-bounce {
	0%, 100% { transform: translateX(-50%) translateY(0); }
	50% { transform: translateX(-50%) translateY(-10px); }
}

/* Section 2: What the Vault Is - "A Living Archive" */
.sc-vault-about {
	padding: 10rem 0;
	background: linear-gradient(180deg, #0a0a0a 0%, #1a0a0a 100%);
}

.sc-vault-about-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	align-items: center;
}

.sc-vault-about-visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sc-vault-journals {
	position: relative;
	font-size: 10rem;
	filter: drop-shadow(0 0 20px rgba(220, 20, 60, 0.3));
	animation: sc-vault-journals-float 4s ease-in-out infinite;
}

@keyframes sc-vault-journals-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-20px); }
}

.sc-vault-journal-glow {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(220, 20, 60, 0.2) 0%, transparent 70%);
	animation: sc-vault-glow-pulse 3s ease-in-out infinite;
	z-index: -1;
}

.sc-vault-section-title {
	font-family: 'Playfair Display', serif;
	font-size: 3rem;
	font-weight: 700;
	color: #be2330;
	margin-bottom: 2rem;
	letter-spacing: 0.02em;
}

.sc-vault-about-intro {
	font-size: 1.2rem;
	line-height: 1.8;
	color: #ccc;
	margin-bottom: 2rem;
}

.sc-vault-about-list {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin-bottom: 2rem;
}

.sc-vault-about-item {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: 1rem;
	background: rgba(255, 255, 255, 0.02);
	border-left: 3px solid #be2330;
	border-radius: var(--sc-border-radius);
	transition: all 0.3s ease;
}

.sc-vault-about-item:hover {
	background: rgba(255, 255, 255, 0.05);
	transform: translateX(5px);
}

.sc-vault-about-icon {
	font-size: 2rem;
	flex-shrink: 0;
}

.sc-vault-about-item strong {
	color: #fff;
	font-weight: 600;
}

.sc-vault-about-closing {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #999;
	font-style: italic;
}

.sc-vault-about-closing em {
	color: #be2330;
}

/* Section 3: Featured Archive - "The Bloody Tulip Files" */
.sc-vault-featured {
	padding: 10rem 0;
	background: linear-gradient(180deg, #1a0a0a 0%, #0a0a0a 100%);
}

.sc-vault-featured-header {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 4rem;
}

.sc-vault-featured-desc {
	font-size: 1.2rem;
	line-height: 1.8;
	color: #bbb;
	font-style: italic;
}

.sc-vault-chapters {
	display: grid;
	gap: 2rem;
	margin-bottom: 4rem;
}

.sc-vault-chapter {
	position: relative;
	display: grid;
	grid-template-columns: 100px 1fr;
	gap: 2rem;
	padding: 2rem;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.01) 100%);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: var(--sc-border-radius);
	transition: all 0.3s ease;
}

.sc-vault-chapter:hover {
	border-color: rgba(220, 20, 60, 0.5);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
	transform: translateY(-2px);
	box-shadow: 0 4px 20px rgba(220, 20, 60, 0.2);
}

.sc-vault-chapter[data-status="locked"] {
	opacity: 0.6;
}

.sc-vault-chapter[data-status="locked"]:hover {
	opacity: 0.8;
}

.sc-vault-chapter-number {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Playfair Display', serif;
	font-size: 3rem;
	font-weight: 700;
	color: #be2330;
	text-shadow: 0 0 10px rgba(220, 20, 60, 0.3);
}

.sc-vault-chapter-lock {
	position: absolute;
	top: 1rem;
	right: 1rem;
	font-size: 2rem;
	filter: drop-shadow(0 0 5px rgba(220, 20, 60, 0.5));
}

.sc-vault-chapter-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.8rem;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0.5rem;
}

.sc-vault-chapter-desc {
	color: #999;
	line-height: 1.6;
	margin-bottom: 1rem;
}

.sc-vault-chapter-cta {
	display: inline-flex;
	align-items: center;
	color: #be2330;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}

.sc-vault-chapter-cta:hover {
	color: #FF1744;
	transform: translateX(5px);
}

.sc-vault-chapter-cta-locked {
	color: #666;
}

.sc-vault-chapter-cta-locked:hover {
	color: #be2330;
}

.sc-vault-featured-footer {
	text-align: center;
}

.sc-vault-featured-note {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #999;
	font-style: italic;
	margin-bottom: 2rem;
}

.sc-vault-featured-note em {
	color: #be2330;
}

.sc-vault-featured-ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

/* Section 4: Upcoming Drops - "Whispers of What's to Come" */
.sc-vault-upcoming {
	padding: 10rem 0;
	background: linear-gradient(180deg, #0a0a0a 0%, #1a0a0a 100%);
}

.sc-vault-upcoming .sc-vault-section-title {
	text-align: center;
	margin-bottom: 4rem;
}

.sc-vault-timeline {
	position: relative;
	max-width: 900px;
	margin: 0 auto 4rem;
}

.sc-vault-timeline::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(180deg, #be2330 0%, transparent 100%);
	transform: translateX(-50%);
}

.sc-vault-drop {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	margin-bottom: 3rem;
	opacity: 0;
	animation: sc-fade-in-up 0.6s ease-out forwards;
}

.sc-vault-drop:nth-child(1) { animation-delay: 0.1s; }
.sc-vault-drop:nth-child(2) { animation-delay: 0.2s; }
.sc-vault-drop:nth-child(3) { animation-delay: 0.3s; }
.sc-vault-drop:nth-child(4) { animation-delay: 0.4s; }

.sc-vault-drop::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 1.5rem;
	transform: translateX(-50%);
	width: 16px;
	height: 16px;
	background: #be2330;
	border: 3px solid #0a0a0a;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(220, 20, 60, 0.5);
	z-index: 2;
}

.sc-vault-drop-date {
	text-align: right;
	padding-right: 3rem;
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	font-weight: 600;
	color: #be2330;
}

.sc-vault-drop-content {
	padding-left: 3rem;
}

.sc-vault-drop-status {
	font-size: 0.9rem;
	font-weight: 600;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 0.5rem;
}

.sc-vault-drop[data-status="production"] .sc-vault-drop-status {
	color: #FFA726;
}

.sc-vault-drop[data-status="members"] .sc-vault-drop-status {
	color: #be2330;
}

.sc-vault-drop[data-status="coming"] .sc-vault-drop-status {
	color: #66BB6A;
}

.sc-vault-drop[data-status="writing"] .sc-vault-drop-status {
	color: #AB47BC;
}

.sc-vault-drop-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0.5rem;
}

.sc-vault-drop-desc {
	color: #999;
	line-height: 1.6;
}

.sc-vault-upcoming-cta {
	text-align: center;
}

.sc-vault-upcoming-text {
	font-size: 1.2rem;
	color: #ccc;
	margin-bottom: 1.5rem;
}

.sc-vault-btn-remind {
	background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
	color: #fff;
	border: 2px solid #444;
}

.sc-vault-btn-remind:hover {
	background: linear-gradient(135deg, #be2330 0%, #A00F2A 100%);
	border-color: #be2330;
}

/* Section 5: Unlock Exclusive Access - "The Shadow Circle" */
.sc-vault-circle {
	position: relative;
	padding: 10rem 0;
	background: linear-gradient(180deg, #1a0a0a 0%, #0a0a0a 100%);
	overflow: hidden;
}

.sc-vault-circle-symbols {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
	height: 600px;
	opacity: 0.1;
}

.sc-vault-symbol {
	position: absolute;
	width: 100px;
	height: 100px;
	border: 2px solid #be2330;
	border-radius: 50%;
	animation: sc-vault-symbol-rotate 20s linear infinite;
}

.sc-vault-symbol:nth-child(1) {
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.sc-vault-symbol:nth-child(2) {
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	animation-delay: -6.67s;
}

.sc-vault-symbol:nth-child(3) {
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	animation-delay: -13.34s;
}

@keyframes sc-vault-symbol-rotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.sc-vault-circle .sc-vault-container {
	position: relative;
	z-index: 1;
	text-align: center;
}

.sc-vault-circle .sc-vault-section-title {
	margin-bottom: 1.5rem;
}

.sc-vault-circle-intro {
	font-size: 1.3rem;
	line-height: 1.8;
	color: #ccc;
	max-width: 700px;
	margin: 0 auto 1rem;
}

.sc-vault-circle-desc {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #999;
	max-width: 700px;
	margin: 0 auto 3rem;
}

.sc-vault-perks {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	max-width: 800px;
	margin: 0 auto 3rem;
}

.sc-vault-perk {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.5rem;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: var(--sc-border-radius);
	transition: all 0.3s ease;
}

.sc-vault-perk:hover {
	background: rgba(220, 20, 60, 0.05);
	border-color: rgba(220, 20, 60, 0.3);
	transform: translateY(-2px);
}

.sc-vault-perk-icon {
	font-size: 2rem;
	flex-shrink: 0;
}

.sc-vault-perk-text {
	color: #ccc;
	line-height: 1.4;
	text-align: left;
}

.sc-vault-circle-ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

/* Section 6: Behind the Mask - "Creator Notes" */
.sc-vault-creator {
	padding: 10rem 0;
	background: linear-gradient(180deg, #0a0a0a 0%, #1a0a0a 100%);
}

.sc-vault-creator-content {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	padding: 4rem;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: var(--sc-border-radius);
}

.sc-vault-handwriting-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: 
		repeating-linear-gradient(
			0deg,
			transparent,
			transparent 30px,
			rgba(220, 20, 60, 0.03) 30px,
			rgba(220, 20, 60, 0.03) 31px
		);
	pointer-events: none;
	opacity: 0.3;
}

.sc-vault-creator-quote {
	position: relative;
	font-family: 'Playfair Display', serif;
	font-size: 1.8rem;
	font-weight: 400;
	font-style: italic;
	line-height: 1.8;
	color: #fff;
	margin: 0 0 2rem;
	z-index: 1;
}

.sc-vault-creator-attribution {
	font-size: 1.1rem;
	color: #be2330;
	font-weight: 600;
	margin-bottom: 2rem;
}

.sc-vault-creator-note {
	font-size: 1rem;
	line-height: 1.8;
	color: #999;
	margin-bottom: 2rem;
}

/* Section 7: Closing CTA - "Your Access Awaits" */
.sc-vault-closing {
	position: relative;
	padding: 10rem 0;
	background: linear-gradient(180deg, #1a0a0a 0%, #000000 100%);
	overflow: hidden;
}

.sc-vault-candles {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	gap: 4rem;
	font-size: 4rem;
	opacity: 0.3;
	z-index: 0;
}

.sc-vault-candle {
	animation: sc-vault-candle-flicker 2s ease-in-out infinite;
}

.sc-vault-candle:nth-child(2) {
	animation-delay: -0.5s;
}

.sc-vault-candle:nth-child(3) {
	animation-delay: -1s;
}

@keyframes sc-vault-candle-flicker {
	0%, 100% { opacity: 0.3; transform: scale(1); }
	25% { opacity: 0.5; transform: scale(1.05); }
	50% { opacity: 0.2; transform: scale(0.95); }
	75% { opacity: 0.4; transform: scale(1.02); }
}

.sc-vault-closing-content {
	position: relative;
	z-index: 1;
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

.sc-vault-closing-title {
	font-family: 'Playfair Display', serif;
	font-size: 3.5rem;
	font-weight: 700;
	color: #be2330;
	margin-bottom: 2rem;
	letter-spacing: 0.02em;
}

.sc-vault-closing-text {
	font-size: 1.3rem;
	line-height: 1.8;
	color: #ccc;
	margin-bottom: 3rem;
}

.sc-vault-closing-text em {
	color: #be2330;
	font-style: italic;
}

.sc-vault-closing-ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

/* Remind Me Modal */
.sc-vault-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	align-items: center;
	justify-content: center;
}

.sc-vault-modal.active {
	display: flex;
}

.sc-vault-modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.9);
	backdrop-filter: blur(5px);
}

.sc-vault-modal-content {
	position: relative;
	max-width: 500px;
	width: 90%;
	background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
	border: 2px solid #be2330;
	border-radius: var(--sc-border-radius);
	padding: 3rem;
	box-shadow: 0 10px 50px rgba(220, 20, 60, 0.3);
	animation: sc-vault-modal-slide-up 0.3s ease-out;
}

@keyframes sc-vault-modal-slide-up {
	from { opacity: 0; transform: translateY(30px); }
	to { opacity: 1; transform: translateY(0); }
}

.sc-vault-modal-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	background: none;
	border: none;
	color: #666;
	font-size: 2rem;
	cursor: pointer;
	transition: color 0.3s ease;
}

.sc-vault-modal-close:hover {
	color: #be2330;
}

.sc-vault-modal-title {
	font-family: 'Playfair Display', serif;
	font-size: 2rem;
	font-weight: 700;
	color: #be2330;
	margin-bottom: 1rem;
}

.sc-vault-modal-desc {
	color: #999;
	line-height: 1.6;
	margin-bottom: 2rem;
}

.sc-vault-form-group {
	margin-bottom: 1.5rem;
}

.sc-vault-form-group label {
	display: block;
	color: #ccc;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.sc-vault-form-group input {
	width: 100%;
	padding: 1rem;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: var(--sc-border-radius);
	color: #fff;
	font-size: 1rem;
	transition: all 0.3s ease;
}

.sc-vault-form-group input:focus {
	outline: none;
	border-color: #be2330;
	background: rgba(255, 255, 255, 0.08);
}

.sc-vault-form-interests {
	margin-bottom: 2rem;
}

.sc-vault-form-label {
	color: #ccc;
	font-weight: 600;
	margin-bottom: 1rem;
}

.sc-vault-checkbox {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
	cursor: pointer;
	color: #999;
	transition: color 0.3s ease;
}

.sc-vault-checkbox:hover {
	color: #ccc;
}

.sc-vault-checkbox input[type="checkbox"] {
	width: auto;
	margin: 0;
	cursor: pointer;
}

.sc-vault-remind-form .sc-vault-btn {
	width: 100%;
}

.sc-vault-form-message {
	margin-top: 1rem;
	padding: 1rem;
	border-radius: var(--sc-border-radius);
	text-align: center;
	display: none;
}

.sc-vault-form-message.success {
	display: block;
	background: rgba(102, 187, 106, 0.2);
	border: 1px solid #66BB6A;
	color: #66BB6A;
}

.sc-vault-form-message.error {
	display: block;
	background: rgba(220, 20, 60, 0.2);
	border: 1px solid #be2330;
	color: #be2330;
}

/* Mobile Responsive */
@media (max-width: 768px) {
	.sc-vault-hero {
		min-height: 100svh;
	}

	.sc-vault-door-container {
		width: 300px;
		height: 400px;
	}

	.sc-vault-title-main {
		font-size: 3rem;
	}

	.sc-vault-title-sub {
		font-size: 1.2rem;
	}

	.sc-vault-hero-text {
		font-size: 1rem;
	}

	.sc-vault-hero-ctas {
		flex-direction: column;
		gap: 1rem;
	}

	.sc-vault-btn {
		width: 100%;
		padding: 1rem;
	}

	.sc-vault-about,
	.sc-vault-featured,
	.sc-vault-upcoming,
	.sc-vault-circle,
	.sc-vault-creator,
	.sc-vault-closing {
		padding: 6rem 0;
	}

	.sc-vault-about-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.sc-vault-journals {
		font-size: 6rem;
	}

	.sc-vault-section-title {
		font-size: 2rem;
	}

	.sc-vault-about-intro,
	.sc-vault-featured-desc {
		font-size: 1rem;
	}

	.sc-vault-chapter {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.sc-vault-chapter-number {
		font-size: 2rem;
	}

	.sc-vault-chapter-title {
		font-size: 1.4rem;
	}

	.sc-vault-featured-ctas {
		flex-direction: column;
	}

	.sc-vault-timeline::before {
		left: 0;
		transform: none;
	}

	.sc-vault-drop {
		grid-template-columns: 1fr;
		gap: 0.5rem;
		padding-left: 2rem;
	}

	.sc-vault-drop::before {
		left: 0;
		transform: translateX(-50%);
	}

	.sc-vault-drop-date {
		text-align: left;
		padding-right: 0;
		font-size: 1.2rem;
	}

	.sc-vault-drop-content {
		padding-left: 0;
	}

	.sc-vault-perks {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.sc-vault-circle-symbols {
		width: 300px;
		height: 300px;
	}

	.sc-vault-circle-ctas {
		flex-direction: column;
	}

	.sc-vault-creator-content {
		padding: 2rem;
	}

	.sc-vault-creator-quote {
		font-size: 1.3rem;
	}

	.sc-vault-candles {
		gap: 2rem;
		font-size: 3rem;
	}

	.sc-vault-closing-title {
		font-size: 2.5rem;
	}

	.sc-vault-closing-text {
		font-size: 1.1rem;
	}

	.sc-vault-closing-ctas {
		flex-direction: column;
	}

	.sc-vault-modal-content {
		padding: 2rem;
	}

	.sc-vault-modal-title {
		font-size: 1.6rem;
	}
}

/* Add your additional custom styles below this line */

/* ============================================
   NEWSLETTER PAGE - PIXEL PERFECT STYLES
   "Whispers from the Dark"
   ============================================ */

/* Newsletter Template - Theme-adaptive */
.sc-newsletter-template,
.sc-newsletter-template body,
.sc-newsletter-template #page,
.sc-newsletter-template .site,
.sc-newsletter-template .cs-site-content,
.sc-newsletter-template .site-content,
.sc-newsletter-template #primary,
.sc-newsletter-template #main,
.sc-newsletter-template #content,
.sc-newsletter-template article,
.sc-newsletter-template .entry-content {
	background: var(--sc-bg-primary) !important;
	background-color: var(--sc-bg-primary) !important;
	color: var(--sc-text-primary) !important;
}

/* Newsletter Container */
.sc-newsletter-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
	box-sizing: border-box;
}

@media (max-width: 1240px) {
	.sc-newsletter-container {
		padding: 0 1.75rem;
	}
}

@media (max-width: 1024px) {
	.sc-newsletter-container {
		padding: 0 1.5rem;
	}
}

@media (max-width: 768px) {
	.sc-newsletter-container {
		padding: 0 1.25rem;
	}
}

@media (max-width: 480px) {
	.sc-newsletter-container {
		padding: 0 1rem;
	}
}

@media (max-width: 1024px) {
	.sc-newsletter-container {
		padding: 0 1.5rem;
	}
}

@media (max-width: 768px) {
	.sc-newsletter-container {
		padding: 0 1.25rem;
	}
}

@media (max-width: 480px) {
	.sc-newsletter-container {
		padding: 0 1rem;
	}
}

/* ===========================================
   1. HERO SECTION
   =========================================== */
.sc-newsletter-hero {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000000;
	overflow: hidden;
	padding: 8rem 0 6rem;
}

.sc-newsletter-hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.sc-smoke-effect {
	position: absolute;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 30% 50%, rgba(139, 0, 0, 0.08) 0%, transparent 70%),
				radial-gradient(circle at 70% 80%, rgba(139, 0, 0, 0.05) 0%, transparent 70%);
	animation: sc-smoke-drift 25s ease-in-out infinite;
}

.sc-crimson-glow {
	position: absolute;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 50% 50%, rgba(220, 20, 60, 0.03) 0%, transparent 60%);
}

@keyframes sc-smoke-drift {
	0%, 100% { transform: translate(0, 0); }
	33% { transform: translate(30px, -30px); }
	66% { transform: translate(-20px, 20px); }
}

.sc-newsletter-hero__content {
	position: relative;
	z-index: 1;
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}

.sc-newsletter-hero__title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(3rem, 8vw, 6rem);
	font-weight: 700;
	line-height: 1.1;
	color: #FFFFFF;
	margin-bottom: 2rem;
	letter-spacing: -0.02em;
}

.sc-newsletter-hero__tagline {
	font-size: clamp(1.125rem, 2.5vw, 1.5rem);
	line-height: 1.6;
	color: #999999;
	font-style: italic;
	margin-bottom: 1.5rem;
	font-weight: 300;
}

.sc-newsletter-hero__description {
	font-size: clamp(1rem, 2vw, 1.125rem);
	line-height: 1.7;
	color: #CCCCCC;
	margin-bottom: 3rem;
}

.sc-newsletter-hero__ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

/* ===========================================
   2. INVITATION SECTION
   =========================================== */
.sc-newsletter-invitation {
	padding: 8rem 0;
	background: linear-gradient(180deg, #000000 0%, #0a0000 100%);
}

.sc-newsletter-section-header {
	text-align: center;
	margin-bottom: 4rem;
}

.sc-newsletter-section-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(2.5rem, 6vw, 4rem);
	font-weight: 700;
	line-height: 1.15;
	color: #FFFFFF;
	margin-bottom: 1rem;
	letter-spacing: -0.02em;
}

.sc-newsletter-section-subtitle {
	font-size: clamp(1.125rem, 2.5vw, 1.375rem);
	color: #999999;
	font-weight: 300;
}

.sc-newsletter-invitation-content {
	max-width: 800px;
	margin: 0 auto;
}

.sc-newsletter-text {
	font-size: 1.125rem;
	line-height: 1.8;
	color: #CCCCCC;
	margin-bottom: 1.5rem;
}

.sc-newsletter-text strong {
	color: #be2330;
	font-weight: 600;
}

.sc-newsletter-benefits-list {
	margin-top: 3rem;
	padding: 2.5rem;
	background: rgba(220, 20, 60, 0.03);
	border: 1px solid rgba(220, 20, 60, 0.1);
	border-radius: var(--sc-border-radius);
}

.sc-newsletter-benefits-list h3 {
	font-size: 1.5rem;
	color: #FFFFFF;
	margin-bottom: 1.5rem;
	font-weight: 600;
}

.sc-newsletter-benefits-list ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5rem 0;
}

.sc-newsletter-benefits-list li {
	padding: 0.75rem 0;
	padding-left: 2rem;
	position: relative;
	color: #CCCCCC;
	font-size: 1.0625rem;
	line-height: 1.6;
}

.sc-newsletter-benefits-list li::before {
	content: '�';
	position: absolute;
	left: 0;
	color: #be2330;
	font-size: 1.5rem;
	line-height: 1.3;
}

.sc-newsletter-benefits-note {
	font-size: 1rem;
	color: #999999;
	font-style: italic;
	margin: 0;
}

/* ===========================================
   3. WHAT YOU'LL RECEIVE SECTION
   =========================================== */
.sc-newsletter-receive {
	padding: 8rem 0;
	background: #000000;
}

.sc-newsletter-receive-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 2.5rem;
	max-width: 1200px;
	margin: 0 auto;
}

.sc-newsletter-receive-card {
	background: linear-gradient(145deg, rgba(20, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%);
	border: 1px solid rgba(220, 20, 60, 0.15);
	border-radius: var(--sc-border-radius);
	padding: 3rem 2.5rem;
	text-align: center;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}

.sc-newsletter-receive-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, transparent, #be2330, transparent);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.sc-newsletter-receive-card:hover {
	transform: translateY(-8px);
	border-color: rgba(220, 20, 60, 0.4);
	box-shadow: 0 20px 50px rgba(220, 20, 60, 0.2);
}

.sc-newsletter-receive-card:hover::before {
	opacity: 1;
}

.sc-newsletter-card-icon {
	width: 64px;
	height: 64px;
	margin: 0 auto 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(220, 20, 60, 0.1);
	border: 2px solid rgba(220, 20, 60, 0.3);
	border-radius: var(--sc-border-radius);
	color: #be2330;
	transition: all 0.3s ease;
}

.sc-newsletter-receive-card:hover .sc-newsletter-card-icon {
	transform: scale(1.1);
	background: rgba(220, 20, 60, 0.15);
	border-color: #be2330;
	box-shadow: 0 8px 20px rgba(220, 20, 60, 0.3);
}

.sc-newsletter-card-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 1.75rem;
	font-weight: 700;
	margin-bottom: 1rem;
	color: #FFFFFF;
	letter-spacing: -0.01em;
}

.sc-newsletter-card-description {
	font-size: 1.0625rem;
	line-height: 1.7;
	color: #CCCCCC;
}

/* ===========================================
   4. GLIMPSE INTO THE DARK SECTION
   =========================================== */
.sc-newsletter-glimpse {
	padding: 8rem 0;
	background: linear-gradient(180deg, #000000 0%, #0f0000 50%, #000000 100%);
}

.sc-newsletter-glimpse-content {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.sc-newsletter-glimpse-label {
	font-size: 0.875rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #be2330;
	margin-bottom: 2rem;
	font-weight: 600;
}

.sc-newsletter-glimpse-verse {
	background: rgba(220, 20, 60, 0.03);
	border-left: 4px solid #be2330;
	padding: 3rem 2rem;
	margin: 2rem 0;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(1.25rem, 3vw, 1.75rem);
	line-height: 1.8;
	color: #FFFFFF;
	font-style: italic;
	position: relative;
}

.sc-newsletter-glimpse-verse p {
	margin: 0.5rem 0;
}

.sc-newsletter-glimpse-citation {
	display: block;
	margin-top: 2rem;
	font-size: 1rem;
	color: #999999;
	font-style: italic;
}

.sc-newsletter-glimpse-subtext {
	font-size: 1.125rem;
	line-height: 1.7;
	color: #CCCCCC;
	margin: 1.5rem 0;
}

/* ===========================================
   5. THE RITUAL (SIGNUP FORM) SECTION
   =========================================== */
.sc-newsletter-ritual {
	padding: 8rem 0;
	background: linear-gradient(135deg, #0a0000 0%, #000000 50%, #0a0000 100%);
	position: relative;
}

.sc-newsletter-ritual::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 50% 50%, rgba(220, 20, 60, 0.05) 0%, transparent 70%);
	pointer-events: none;
}

.sc-newsletter-ritual-content {
	max-width: 700px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.sc-newsletter-ritual-intro {
	text-align: center;
	margin-bottom: 3rem;
}

.sc-newsletter-ritual-heading {
	font-size: 1.5rem;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 0.5rem;
}

.sc-newsletter-ritual-subtext {
	font-size: 1rem;
	color: #999999;
}

.sc-newsletter-form {
	width: 100%;
}

.sc-newsletter-form-wrapper {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin-bottom: 1.5rem;
}

.sc-newsletter-email-input {
	width: 100%;
	padding: 1.25rem 1.75rem;
	background: rgba(255, 255, 255, 0.05);
	border: 2px solid rgba(220, 20, 60, 0.2);
	border-radius: var(--sc-border-radius);
	color: #FFFFFF;
	font-size: 1.0625rem;
	font-family: inherit;
	transition: all 0.3s ease;
}

.sc-newsletter-email-input:focus {
	outline: none;
	border-color: #be2330;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: 0 0 20px rgba(220, 20, 60, 0.2);
}

.sc-newsletter-email-input::placeholder {
	color: #666666;
}

.sc-btn--newsletter-submit {
	width: 100%;
	padding: 1.25rem 2rem;
	background: #be2330;
	border: 2px solid #be2330;
	color: #FFFFFF;
	font-size: 1.0625rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	cursor: pointer;
	transition: all 0.3s ease;
	text-transform: none;
}

.sc-btn--newsletter-submit:hover {
	background: #A01020;
	border-color: #A01020;
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(220, 20, 60, 0.4);
}

.sc-newsletter-form-privacy {
	text-align: center;
	margin-top: 1.5rem;
}

.sc-newsletter-form-privacy p {
	font-size: 0.875rem;
	color: #888888;
	margin: 0;
}

.sc-newsletter-form-privacy a {
	color: #be2330;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.sc-newsletter-form-privacy a:hover {
	opacity: 0.8;
	text-decoration: underline;
}

.sc-newsletter-form-message {
	text-align: center;
	padding: 1rem;
	margin: 1rem 0;
	border-radius: var(--sc-border-radius);
}

.sc-newsletter-form-confirmation {
	text-align: center;
	padding: 2rem;
	background: rgba(0, 255, 0, 0.05);
	border: 1px solid rgba(0, 255, 0, 0.2);
	border-radius: var(--sc-border-radius);
	margin: 2rem 0;
}

.sc-newsletter-form-confirmation p {
	color: #FFFFFF;
	font-size: 1.125rem;
	font-style: italic;
	margin: 0;
}

/* ===========================================
   6. AFTER YOU SUBSCRIBE SECTION
   =========================================== */
.sc-newsletter-after {
	padding: 8rem 0;
	background: #000000;
}

.sc-newsletter-after-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 3rem;
	max-width: 1000px;
	margin: 0 auto;
}

.sc-newsletter-after-item {
	background: linear-gradient(145deg, rgba(20, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%);
	border: 1px solid rgba(220, 20, 60, 0.1);
	border-radius: var(--sc-border-radius);
	padding: 3rem 2.5rem;
	transition: all 0.3s ease;
}

.sc-newsletter-after-item:hover {
	border-color: rgba(220, 20, 60, 0.3);
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(220, 20, 60, 0.15);
}

.sc-newsletter-after-item h3 {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	color: #FFFFFF;
}

.sc-newsletter-after-item p {
	font-size: 1.0625rem;
	line-height: 1.8;
	color: #CCCCCC;
	margin-bottom: 1.5rem;
}

.sc-newsletter-after-item strong {
	color: #be2330;
	font-weight: 600;
}

.sc-newsletter-after-link {
	display: inline-block;
	color: #be2330;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.0625rem;
	transition: all 0.3s ease;
}

.sc-newsletter-after-link:hover {
	opacity: 0.8;
	transform: translateX(5px);
}

/* ===========================================
   7. CLOSING CTA SECTION
   =========================================== */
.sc-newsletter-closing {
	padding: 10rem 0;
	background: linear-gradient(180deg, #000000 0%, #0a0000 50%, #000000 100%);
	position: relative;
	overflow: hidden;
}

.sc-newsletter-closing__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.sc-floating-pages {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: 
		radial-gradient(2px 2px at 20% 30%, rgba(255, 255, 255, 0.05) 0%, transparent 100%),
		radial-gradient(2px 2px at 60% 70%, rgba(255, 255, 255, 0.05) 0%, transparent 100%),
		radial-gradient(1px 1px at 50% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
	animation: sc-pages-float 30s ease-in-out infinite;
}

@keyframes sc-pages-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-30px); }
}

.sc-newsletter-closing-content {
	position: relative;
	z-index: 1;
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

.sc-newsletter-closing-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(2.5rem, 6vw, 4rem);
	font-weight: 700;
	line-height: 1.15;
	color: #FFFFFF;
	margin-bottom: 2rem;
	letter-spacing: -0.02em;
}

.sc-newsletter-closing-description {
	font-size: clamp(1.125rem, 2.5vw, 1.375rem);
	line-height: 1.7;
	color: #CCCCCC;
	margin-bottom: 3rem;
}

.sc-newsletter-closing-ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

/* ===========================================
   BUTTON STYLES FOR NEWSLETTER
   =========================================== */
.sc-btn--newsletter-primary {
	padding: 1.25rem 3rem;
	background: #be2330;
	border: 2px solid #be2330;
	color: #FFFFFF;
	font-size: 1.0625rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
	cursor: pointer;
}

.sc-btn--newsletter-primary:hover {
	background: #A01020;
	border-color: #A01020;
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(220, 20, 60, 0.4);
}

.sc-btn--newsletter-outline {
	padding: 1.25rem 3rem;
	background: transparent;
	border: 2px solid #be2330;
	color: #be2330;
	font-size: 1.0625rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
	cursor: pointer;
}

.sc-btn--newsletter-outline:hover {
	background: rgba(220, 20, 60, 0.1);
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(220, 20, 60, 0.2);
}

/* ===========================================
   RESPONSIVE STYLES
   =========================================== */
@media (max-width: 968px) {
	.sc-newsletter-container {
		padding: 0 1.5rem;
	}
	
	.sc-newsletter-hero {
		padding: 6rem 0 4rem;
	}
	
	.sc-newsletter-invitation,
	.sc-newsletter-receive,
	.sc-newsletter-glimpse,
	.sc-newsletter-ritual,
	.sc-newsletter-after,
	.sc-newsletter-closing {
		padding: 5rem 0;
	}
	
	.sc-newsletter-receive-grid {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		gap: 2rem;
	}
	
	.sc-newsletter-after-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
}

@media (max-width: 768px) {
	.sc-newsletter-hero {
		min-height: 80vh;
		padding: 5rem 0 3rem;
	}
	
	.sc-newsletter-hero__title {
		font-size: 3rem;
	}
	
	.sc-newsletter-hero__tagline {
		font-size: 1.125rem;
	}
	
	.sc-newsletter-hero__ctas {
		flex-direction: column;
	}
	
	.sc-btn--newsletter-primary,
	.sc-btn--newsletter-outline {
		width: 100%;
		max-width: 400px;
	}
	
	.sc-newsletter-section-title {
		font-size: 2.5rem;
	}
	
	.sc-newsletter-receive-grid {
		grid-template-columns: 1fr;
	}
	
	.sc-newsletter-form-wrapper {
		gap: 1rem;
	}
	
	.sc-newsletter-closing {
		padding: 6rem 0;
	}
	
	.sc-newsletter-closing-ctas {
		flex-direction: column;
	}
}

/* ============================================
   THE VAULT PAGE - PIXEL PERFECT STYLES
   "Where Stories Never Die"
   ============================================ */

/* Vault Template - Theme-adaptive */
.sc-vault-template,
.sc-vault-template body,
.sc-vault-template #page,
.sc-vault-template .site,
.sc-vault-template .cs-site-content,
.sc-vault-template .site-content,
.sc-vault-template #primary,
.sc-vault-template #main,
.sc-vault-template #content,
.sc-vault-template article,
.sc-vault-template .entry-content {
	background: var(--sc-bg-primary) !important;
	background-color: var(--sc-bg-primary) !important;
	color: var(--sc-text-primary) !important;
}

/* Vault Container */
.sc-vault-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
}

/* Vault Section Headers */
.sc-vault-section-header {
	text-align: center;
	margin-bottom: 4rem;
}

.sc-vault-section-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(2.5rem, 6vw, 4rem);
	font-weight: 700;
	line-height: 1.15;
	color: #FFFFFF;
	margin-bottom: 1rem;
	letter-spacing: -0.02em;
}

.sc-vault-section-subtitle {
	font-size: clamp(1.125rem, 2.5vw, 1.375rem);
	color: #999999;
	font-weight: 300;
}

/* ===========================================
   1. HERO SECTION
   =========================================== */
.sc-vault-hero {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000000;
	overflow: hidden;
	padding: 8rem 0 6rem;
}

.sc-vault-hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.sc-vault-door-visual {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sc-vault-door-glow {
	position: absolute;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(139, 0, 0, 0.15) 0%, transparent 70%);
	animation: sc-vault-pulse 4s ease-in-out infinite;
	filter: blur(60px);
}

@keyframes sc-vault-pulse {
	0%, 100% { transform: scale(1); opacity: 0.3; }
	50% { transform: scale(1.2); opacity: 0.6; }
}

.sc-vault-hero__content {
	position: relative;
	z-index: 1;
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}

.sc-vault-hero__title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(4rem, 10vw, 8rem);
	font-weight: 700;
	line-height: 1;
	color: #FFFFFF;
	margin-bottom: 1rem;
	letter-spacing: -0.03em;
	text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8);
}

.sc-vault-hero__subtitle {
	font-size: clamp(1.5rem, 3vw, 2.5rem);
	color: #999999;
	font-weight: 300;
	margin-bottom: 2rem;
	font-style: italic;
}

.sc-vault-hero__description {
	font-size: clamp(1.125rem, 2vw, 1.375rem);
	line-height: 1.8;
	color: #CCCCCC;
	margin-bottom: 3rem;
}

.sc-vault-hero__description em {
	color: #999999;
	font-style: italic;
}

.sc-vault-hero__ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

/* ===========================================
   2. WHAT THE VAULT IS - "A Living Archive"
   =========================================== */
.sc-vault-about {
	padding: 8rem 0;
	background: linear-gradient(180deg, #000000 0%, #0a0000 100%);
}

.sc-vault-about-grid {
	display: grid;
	grid-template-columns: 400px 1fr;
	gap: 5rem;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
}

.sc-vault-about-visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 400px;
}

.sc-vault-journals-icon {
	font-size: 12rem;
	opacity: 0.3;
	animation: sc-vault-float 6s ease-in-out infinite;
}

@keyframes sc-vault-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-20px); }
}

.sc-vault-about-content {
	max-width: 650px;
}

.sc-vault-about-intro {
	font-size: 1.25rem;
	line-height: 1.8;
	color: #EDEDED;
	margin: 2rem 0;
}

.sc-vault-about-list {
	margin: 3rem 0;
}

.sc-vault-about-item {
	display: flex;
	gap: 1.5rem;
	align-items: flex-start;
	padding: 1.5rem 0;
	border-bottom: 1px solid rgba(220, 20, 60, 0.1);
}

.sc-vault-about-item:last-child {
	border-bottom: none;
}

.sc-vault-about-icon {
	font-size: 2rem;
	flex-shrink: 0;
}

.sc-vault-about-item strong {
	color: #be2330;
	font-weight: 600;
}

.sc-vault-about-item div {
	font-size: 1.0625rem;
	line-height: 1.7;
	color: #aaa;
}

.sc-vault-about-closing {
	margin-top: 2rem;
	font-size: 1.125rem;
	color: #aaa;
	line-height: 1.6;
}

.sc-vault-about-closing em {
	color: #999999;
	font-style: italic;
}

/* ===========================================
   3. FEATURED ARCHIVE - "The Bloody Tulip Files"
   =========================================== */
.sc-vault-featured {
	padding: 8rem 0;
	background: #000000;
}

.sc-vault-featured-content {
	max-width: 900px;
	margin: 0 auto;
}

.sc-vault-featured-desc {
	font-size: 1.25rem;
	line-height: 1.8;
	color: #CCCCCC;
	margin-bottom: 3rem;
	text-align: center;
}

.sc-vault-chapters {
	margin: 4rem 0;
}

.sc-vault-chapters-title {
	font-size: 1.5rem;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 2rem;
}

.sc-vault-chapter-list {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.sc-vault-chapter {
	display: grid;
	grid-template-columns: 80px 1fr auto;
	gap: 2rem;
	align-items: center;
	padding: 2rem;
	background: linear-gradient(145deg, rgba(20, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%);
	border: 1px solid rgba(220, 20, 60, 0.15);
	border-radius: var(--sc-border-radius);
	transition: all 0.3s ease;
}

.sc-vault-chapter:hover {
	border-color: rgba(220, 20, 60, 0.4);
	transform: translateX(10px);
	box-shadow: 0 10px 30px rgba(220, 20, 60, 0.15);
}

.sc-vault-chapter--locked {
	opacity: 0.6;
}

.sc-vault-chapter--locked:hover {
	opacity: 0.8;
}

.sc-vault-chapter-number {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 3rem;
	font-weight: 700;
	color: #be2330;
	line-height: 1;
}

.sc-vault-chapter-info {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.sc-vault-chapter-title {
	font-size: 1.375rem;
	font-weight: 600;
	color: #FFFFFF;
	margin: 0;
}

.sc-vault-chapter-status {
	font-size: 0.875rem;
	display: inline-block;
}

.sc-vault-chapter-status--open {
	color: #4ade80;
}

.sc-vault-chapter-status--locked {
	color: #999999;
}

.sc-vault-chapter-link {
	padding: 0.75rem 2rem;
	background: #be2330;
	border: 2px solid #be2330;
	color: #FFFFFF;
	text-decoration: none;
	border-radius: var(--sc-border-radius);
	font-weight: 600;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.sc-vault-chapter-link:hover {
	background: #A01020;
	border-color: #A01020;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(220, 20, 60, 0.4);
}

.sc-vault-chapter-link--locked {
	background: rgba(220, 20, 60, 0.1);
	border-color: rgba(220, 20, 60, 0.3);
	color: #be2330;
}

.sc-vault-chapter-link--locked:hover {
	background: rgba(220, 20, 60, 0.2);
}

.sc-vault-featured-ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
	margin: 3rem 0;
}

.sc-vault-featured-note {
	text-align: center;
	font-size: 1.125rem;
	color: #CCCCCC;
	margin-top: 2rem;
	line-height: 1.6;
}

.sc-vault-featured-note em {
	color: #999999;
	font-style: italic;
}

/* ===========================================
   4. UPCOMING DROPS - "Whispers of What's to Come"
   =========================================== */
.sc-vault-upcoming {
	padding: 8rem 0;
	background: linear-gradient(180deg, #000000 0%, #0f0000 50%, #000000 100%);
}

.sc-vault-timeline {
	position: relative;
	max-width: 900px;
	margin: 0 auto 4rem;
	padding-left: 3rem;
}

.sc-vault-timeline::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background: linear-gradient(180deg, rgba(220, 20, 60, 0.3) 0%, rgba(220, 20, 60, 0.1) 100%);
}

.sc-vault-drop {
	position: relative;
	display: grid;
	grid-template-columns: 150px 1fr;
	gap: 3rem;
	padding: 2.5rem 0;
	border-bottom: 1px solid rgba(220, 20, 60, 0.05);
}

.sc-vault-drop:last-child {
	border-bottom: none;
}

.sc-vault-drop::before {
	content: '';
	position: absolute;
	left: -3.5rem;
	top: 3rem;
	width: 12px;
	height: 12px;
	background: #be2330;
	border: 3px solid #000000;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(220, 20, 60, 0.6);
}

.sc-vault-drop-date {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-right: 2rem;
}

.sc-vault-drop-month {
	font-size: 1.75rem;
	font-weight: 700;
	color: #be2330;
	line-height: 1.2;
}

.sc-vault-drop-year {
	font-size: 1rem;
	color: #999999;
	margin-top: 0.25rem;
}

.sc-vault-drop-content {
	padding-left: 2rem;
}

.sc-vault-drop-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 1.75rem;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 1rem;
	line-height: 1.3;
}

.sc-vault-drop-description {
	font-size: 1.0625rem;
	line-height: 1.7;
	color: #CCCCCC;
	margin-bottom: 1rem;
}

.sc-vault-drop-status {
	display: inline-block;
	padding: 0.5rem 1rem;
	background: rgba(220, 20, 60, 0.1);
	border: 1px solid rgba(220, 20, 60, 0.3);
	border-radius: var(--sc-border-radius);
	font-size: 0.875rem;
	font-weight: 600;
}

.sc-vault-drop-status--production {
	color: #fbbf24;
	border-color: rgba(251, 191, 36, 0.3);
	background: rgba(251, 191, 36, 0.1);
}

.sc-vault-drop-status--locked {
	color: #999999;
}

.sc-vault-drop-status--coming {
	color: #60a5fa;
	border-color: rgba(96, 165, 250, 0.3);
	background: rgba(96, 165, 250, 0.1);
}

.sc-vault-drop-status--writing {
	color: #c084fc;
	border-color: rgba(192, 132, 252, 0.3);
	background: rgba(192, 132, 252, 0.1);
}

.sc-vault-upcoming-cta {
	text-align: center;
	margin-top: 4rem;
}

/* ===========================================
   5. UNLOCK EXCLUSIVE ACCESS - "The Shadow Circle"
   =========================================== */
.sc-vault-circle {
	padding: 10rem 0;
	background: linear-gradient(135deg, #0a0000 0%, #000000 50%, #0a0000 100%);
	position: relative;
	overflow: hidden;
}

.sc-vault-circle-visual {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	pointer-events: none;
}

.sc-vault-circle-symbols {
	position: relative;
	width: 600px;
	height: 600px;
}

.sc-vault-circle-ring {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 2px solid rgba(220, 20, 60, 0.2);
	border-radius: 50%;
}

.sc-vault-circle-ring-1 {
	width: 100%;
	height: 100%;
	animation: sc-vault-rotate 30s linear infinite;
}

.sc-vault-circle-ring-2 {
	width: 70%;
	height: 70%;
	animation: sc-vault-rotate 20s linear infinite reverse;
}

.sc-vault-circle-ring-3 {
	width: 40%;
	height: 40%;
	background: radial-gradient(circle, rgba(220, 20, 60, 0.1) 0%, transparent 70%);
	animation: sc-vault-pulse 4s ease-in-out infinite;
}

@keyframes sc-vault-rotate {
	from { transform: translate(-50%, -50%) rotate(0deg); }
	to { transform: translate(-50%, -50%) rotate(360deg); }
}

.sc-vault-circle-content {
	position: relative;
	z-index: 1;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.sc-vault-circle-intro {
	font-size: 1.5rem;
	line-height: 1.7;
	color: #EDEDED;
	margin-bottom: 1.5rem;
}

.sc-vault-circle-description {
	font-size: 1.125rem;
	line-height: 1.8;
	color: #CCCCCC;
	margin-bottom: 3rem;
}

.sc-vault-perks {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 2rem;
	margin: 4rem 0;
}

.sc-vault-perk {
	text-align: center;
	padding: 2rem 1.5rem;
	background: rgba(220, 20, 60, 0.03);
	border: 1px solid rgba(220, 20, 60, 0.1);
	border-radius: var(--sc-border-radius);
	transition: all 0.3s ease;
}

.sc-vault-perk:hover {
	border-color: rgba(220, 20, 60, 0.3);
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(220, 20, 60, 0.15);
}

.sc-vault-perk-icon {
	font-size: 2.5rem;
	display: block;
	margin-bottom: 1rem;
}

.sc-vault-perk p {
	font-size: 1rem;
	color: #CCCCCC;
	margin: 0;
	line-height: 1.6;
}

.sc-vault-circle-ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 3rem;
}

/* ===========================================
   6. BEHIND THE MASK - "Creator Notes"
   =========================================== */
.sc-vault-creator {
	padding: 8rem 0;
	background: #000000;
	position: relative;
}

.sc-vault-creator-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.05;
	background-image: 
		repeating-linear-gradient(0deg, transparent, transparent 30px, rgba(255, 255, 255, 0.03) 30px, rgba(255, 255, 255, 0.03) 31px);
}

.sc-vault-creator-content {
	position: relative;
	z-index: 1;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.sc-vault-creator-quote {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(1.5rem, 3vw, 2rem);
	line-height: 1.7;
	color: #EDEDED;
	font-style: italic;
	margin: 2rem 0;
	padding: 3rem 2rem;
	background: rgba(220, 20, 60, 0.03);
	border-left: 4px solid #be2330;
	position: relative;
}

.sc-vault-creator-attribution {
	display: block;
	margin-top: 2rem;
	font-size: 1.125rem;
	color: #be2330;
	font-style: normal;
	font-weight: 600;
}

.sc-vault-creator-description {
	font-size: 1.125rem;
	line-height: 1.8;
	color: #CCCCCC;
	margin: 3rem 0;
}

.sc-vault-creator-cta {
	margin-top: 3rem;
}

/* ===========================================
   7. CLOSING CTA - "Your Access Awaits"
   =========================================== */
.sc-vault-closing {
	padding: 10rem 0;
	background: linear-gradient(180deg, #000000 0%, #0a0000 50%, #000000 100%);
	position: relative;
	overflow: hidden;
}

.sc-vault-closing-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.sc-vault-candles {
	display: flex;
	justify-content: center;
	gap: 4rem;
	font-size: 4rem;
	opacity: 0.3;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.sc-vault-candle {
	animation: sc-vault-flicker 3s ease-in-out infinite;
}

.sc-vault-candle:nth-child(2) {
	animation-delay: 0.5s;
}

.sc-vault-candle:nth-child(3) {
	animation-delay: 1s;
}

@keyframes sc-vault-flicker {
	0%, 100% { opacity: 0.3; }
	50% { opacity: 0.6; }
}

.sc-vault-closing-content {
	position: relative;
	z-index: 1;
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

.sc-vault-closing-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(2.5rem, 6vw, 4.5rem);
	font-weight: 700;
	line-height: 1.15;
	color: #FFFFFF;
	margin-bottom: 2rem;
	letter-spacing: -0.02em;
}

.sc-vault-closing-text {
	font-size: clamp(1.125rem, 2.5vw, 1.5rem);
	line-height: 1.8;
	color: #CCCCCC;
	margin-bottom: 3rem;
}

.sc-vault-closing-ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

/* ===========================================
   BUTTON STYLES FOR VAULT
   =========================================== */
.sc-btn--vault-primary {
	padding: 1.25rem 3rem;
	background: #be2330;
	border: 2px solid #be2330;
	color: #FFFFFF;
	font-size: 1.0625rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
	cursor: pointer;
}

.sc-btn--vault-primary:hover {
	background: #A01020;
	border-color: #A01020;
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(220, 20, 60, 0.4);
}

.sc-btn--vault-outline {
	padding: 1.25rem 3rem;
	background: transparent;
	border: 2px solid #be2330;
	color: #be2330;
	font-size: 1.0625rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
	cursor: pointer;
}

.sc-btn--vault-outline:hover {
	background: rgba(220, 20, 60, 0.1);
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(220, 20, 60, 0.2);
}

.sc-btn--vault-explore {
	padding: 1.25rem 3rem;
	background: transparent;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 1.0625rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
	cursor: pointer;
}

.sc-btn--vault-explore:hover {
	background: rgba(255, 255, 255, 0.1);
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2);
}

.sc-btn--vault-circle {
	padding: 1.25rem 3rem;
	background: #be2330;
	border: 2px solid #be2330;
	color: #FFFFFF;
	font-size: 1.0625rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
	cursor: pointer;
}

.sc-btn--vault-circle:hover {
	background: #A01020;
	border-color: #A01020;
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(220, 20, 60, 0.4);
}

.sc-btn--vault-text {
	padding: 0.75rem 1.5rem;
	background: transparent;
	border: none;
	color: #999999;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: underline;
	display: inline-block;
	transition: all 0.3s ease;
	cursor: pointer;
}

.sc-btn--vault-text:hover {
	color: #FFFFFF;
}

/* ===========================================
   RESPONSIVE STYLES
   =========================================== */
@media (max-width: 968px) {
	.sc-vault-container {
		padding: 0 1.5rem;
	}
	
	.sc-vault-hero {
		padding: 6rem 0 4rem;
	}
	
	.sc-vault-about,
	.sc-vault-featured,
	.sc-vault-upcoming,
	.sc-vault-creator,
	.sc-vault-closing {
		padding: 5rem 0;
	}
	
	.sc-vault-circle {
		padding: 6rem 0;
	}
	
	.sc-vault-about-grid {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
	
	.sc-vault-about-visual {
		min-height: 300px;
	}
	
	.sc-vault-journals-icon {
		font-size: 8rem;
	}
	
	.sc-vault-timeline {
		padding-left: 2rem;
	}
	
	.sc-vault-drop {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	
	.sc-vault-drop-date {
		padding-right: 0;
	}
	
	.sc-vault-drop-content {
		padding-left: 0;
	}
	
	.sc-vault-perks {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		gap: 1.5rem;
	}
	
	.sc-vault-circle-symbols {
		width: 400px;
		height: 400px;
	}
}

@media (max-width: 768px) {
	.sc-vault-hero {
		min-height: 80vh;
		padding: 5rem 0 3rem;
	}
	
	.sc-vault-hero__title {
		font-size: 4rem;
	}
	
	.sc-vault-hero__subtitle {
		font-size: 1.5rem;
	}
	
	.sc-vault-hero__ctas {
		flex-direction: column;
	}
	
	.sc-btn--vault-primary,
	.sc-btn--vault-outline,
	.sc-btn--vault-explore,
	.sc-btn--vault-circle {
		width: 100%;
		max-width: 400px;
	}
	
	.sc-vault-section-title {
		font-size: 2.5rem;
	}
	
	.sc-vault-chapter {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	
	.sc-vault-chapter-number {
		font-size: 2rem;
	}
	
	.sc-vault-chapter-link {
		width: 100%;
	}
	
	.sc-vault-featured-ctas {
		flex-direction: column;
	}
	
	.sc-vault-timeline::before {
		left: 0;
	}
	
	.sc-vault-drop::before {
		left: -0.5rem;
	}
	
	.sc-vault-perks {
		grid-template-columns: 1fr;
	}
	
	.sc-vault-circle-symbols {
		width: 300px;
		height: 300px;
	}
	
	.sc-vault-closing-ctas {
		flex-direction: column;
	}
	
	.sc-vault-candles {
		gap: 2rem;
		font-size: 3rem;
	}
}

/* ============================================
   ABOUT PAGE - THE FOUNDING SHADOW
   Complete Pixel-Perfect Styling
   ============================================ */

/* Theme-adaptive About template */
.sc-about-template {
	background: var(--sc-bg-primary);
	color: var(--sc-text-primary);
}

/* About Page Wrapper - Full Width */
.soulcraze-about {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: visible;
}

/* Container */
.sc-about-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
	box-sizing: border-box;
}

@media (max-width: 1240px) {
	.sc-about-container {
		padding: 0 1.75rem;
	}
}

@media (max-width: 1024px) {
	.sc-about-container {
		padding: 0 1.5rem;
	}
}

@media (max-width: 768px) {
	.sc-about-container {
		padding: 0 1.25rem;
	}
}

@media (max-width: 480px) {
	.sc-about-container {
		padding: 0 1rem;
	}
}

/* ============================================
   1. HERO SECTION - "The Founding Shadow"
   ============================================ */
.sc-about-hero {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}

.sc-about-hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.sc-about-hero__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('assets/images/founder-portrait.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.sc-about-hero__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(155,10,23,0.4) 100%);
	opacity: 0.6;
}

.sc-about-hero__particles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		radial-gradient(2px 2px at 20% 30%, rgba(220,20,60,0.3), transparent),
		radial-gradient(2px 2px at 60% 70%, rgba(220,20,60,0.2), transparent),
		radial-gradient(1px 1px at 50% 50%, rgba(255,255,255,0.2), transparent),
		radial-gradient(1px 1px at 80% 10%, rgba(255,255,255,0.1), transparent);
	background-size: 200% 200%;
	background-position: 0% 0%;
	animation: particleFloat 20s ease-in-out infinite;
}

@keyframes particleFloat {
	0%, 100% { background-position: 0% 0%; }
	50% { background-position: 100% 100%; }
}

.sc-about-hero__audio-toggle {
	position: absolute;
	top: 2rem;
	right: 2rem;
	z-index: 10;
	background: rgba(220,20,60,0.2);
	border: 1px solid rgba(220,20,60,0.5);
	color: #EDEDED;
	padding: 0.75rem 1rem;
	border-radius: var(--sc-border-radius);
	cursor: pointer;
	font-size: 1.25rem;
	transition: all 0.3s ease;
	backdrop-filter: blur(10px);
}

.sc-about-hero__audio-toggle:hover {
	background: rgba(220,20,60,0.4);
	border-color: #be2330;
	transform: scale(1.05);
}

.sc-about-hero__content {
	position: relative;
	z-index: 5;
	text-align: center;
	max-width: 900px;
	padding: 2rem;
}

.sc-about-hero__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(3rem, 6vw, 5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 2rem;
	color: var(--sc-text-primary);
	text-shadow: 0 0 40px rgba(220,20,60,0.5);
	animation: heroFadeIn 1s ease-in forwards;
	opacity: 0;
}

@keyframes heroFadeIn {
	to { opacity: 1; }
}

.sc-about-hero__subtitle {
	font-family: 'Playfair Display', serif;
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 3rem;
	color: var(--sc-text-secondary);
	font-style: italic;
	animation: heroScrollUp 1s ease-in 0.5s forwards;
	opacity: 0;
	transform: translateY(20px);
}

@keyframes heroScrollUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.sc-about-hero__ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
	animation: ctaStagger 1s ease-in 1s forwards;
	opacity: 0;
}

@keyframes ctaStagger {
	to { opacity: 1; }
}

.sc-btn--about-start,
.sc-btn--about-circle {
	padding: 1rem 2.5rem;
	font-size: 1.125rem;
	border-radius: var(--sc-border-radius);
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
}

.sc-btn--about-start {
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
}

.sc-btn--about-start:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 30px rgba(220,20,60,0.6);
	transform: translateY(-2px);
}

.sc-btn--about-circle {
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
}

.sc-btn--about-circle:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 20px rgba(220,20,60,0.4);
}

/* ============================================
   2. WHAT SOULCRAZE IS
   ============================================ */
.sc-about-universe {
	padding: 8rem 0;
	background: var(--sc-bg-primary);
	position: relative;
	width: 100%;
	max-width: 100%;
}

.sc-about-universe__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6rem;
	align-items: center;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 2rem;
}

.sc-about-universe__content {
	max-width: 600px;
}

.sc-about-universe__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 2rem;
	color: var(--sc-text-primary);
}

.sc-about-universe__title .sc-highlight {
	color: var(--sc-crimson);
}

.sc-about-universe__text p {
	font-size: 1.125rem;
	line-height: 1.8;
	margin-bottom: 1.5rem;
	color: var(--sc-text-secondary);
}

.sc-about-universe__text p:nth-child(2) {
	font-weight: 600;
	color: var(--sc-text-primary);
	font-size: 1.25rem;
}

.sc-btn--about-explore {
	margin-top: 2rem;
	padding: 1rem 2.5rem;
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
	border-radius: var(--sc-border-radius);
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--about-explore:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 20px rgba(220,20,60,0.4);
	transform: translateY(-2px);
}

/* Three Boxes - Poetry, Mystery, Story */
.sc-about-universe__boxes {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 2rem;
}

.sc-universe-box {
	background: var(--sc-bg-tertiary);
	border: 1px solid var(--sc-border-color);
	border-radius: var(--sc-border-radius);
	padding: 2rem;
	text-align: center;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.sc-universe-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: var(--sc-crimson);
	transform: scaleX(0);
	transition: transform 0.3s ease;
	transform-origin: left;
}

.sc-universe-box:hover {
	transform: translateX(8px);
	border-color: var(--sc-crimson);
	box-shadow: 0 8px 24px rgba(190, 35, 48, 0.15);
}

.sc-universe-box:hover::before {
	transform: scaleX(1);
}

.sc-universe-box__icon {
	margin-bottom: 1rem;
	color: var(--sc-crimson);
	display: flex;
	justify-content: center;
}

.sc-universe-box__icon svg {
	width: 48px;
	height: 48px;
	stroke-width: 1.5;
}

.sc-universe-box__title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
	color: var(--sc-text-primary);
}

.sc-universe-box__desc {
	font-size: 1rem;
	color: var(--sc-text-muted);
	margin: 0;
}

/* ============================================
   3. THE EVOLUTION - From Solitude to Circle
   ============================================ */
.sc-about-evolution {
	padding: 8rem 0;
	background: var(--sc-bg-secondary);
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}

.sc-about-evolution__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.sc-red-thread {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	transform: translateY(-50%);
}

.sc-thread-line {
	width: 100%;
	height: 2px;
}

@keyframes drawThread {
	from {
		stroke-dashoffset: 1200;
	}
	to {
		stroke-dashoffset: 0;
	}
}

.sc-silhouettes {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sc-silhouette {
	position: absolute;
	width: 80px;
	height: 120px;
	background: radial-gradient(ellipse at center, rgba(220,20,60,0.1) 0%, transparent 70%);
	opacity: 0.3;
	animation: silhouetteFloat 8s ease-in-out infinite;
}

.sc-silhouette-1 {
	top: 20%;
	left: 10%;
	animation-delay: 0s;
}

.sc-silhouette-2 {
	top: 60%;
	left: 50%;
	animation-delay: 2s;
}

.sc-silhouette-3 {
	top: 40%;
	right: 15%;
	animation-delay: 4s;
}

@keyframes silhouetteFloat {
	0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; }
	50% { transform: translateY(-20px) scale(1.05); opacity: 0.5; }
}

.sc-about-evolution__content {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.sc-about-evolution__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 3rem;
	color: var(--sc-text-primary);
}

.sc-about-evolution__text {
	margin-bottom: 3rem;
}

.sc-evolution-para {
	font-size: 1.125rem;
	line-height: 1.8;
	margin-bottom: 1.5rem;
	color: var(--sc-text-secondary);
	transition: opacity 0.8s ease-out;
}

.sc-evolution-emphasis {
	font-weight: 600;
	font-size: 1.25rem;
	color: var(--sc-text-primary);
	font-style: italic;
}

.sc-btn--about-ritual {
	padding: 1rem 2.5rem;
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
	border-radius: var(--sc-border-radius);
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--about-ritual:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 30px rgba(220,20,60,0.6);
	transform: translateY(-2px);
}

/* ============================================
   4. INSIDE THE CIRCLE
   ============================================ */
.sc-about-circle {
	padding: 8rem 0;
	background: var(--sc-bg-tertiary);
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}

.sc-about-circle__flicker {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at center, rgba(220,20,60,0.05) 0%, transparent 70%);
	animation: flicker 3s ease-in-out infinite;
	pointer-events: none;
}

@keyframes flicker {
	0%, 100% { opacity: 0.5; }
	50% { opacity: 1; }
}

.sc-about-circle__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6rem;
	align-items: center;
}

.sc-about-circle__visual {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sc-circle-sigil {
	position: relative;
	width: 400px;
	height: 400px;
	animation: sigilRotate 20s linear infinite;
}

@keyframes sigilRotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.sc-sigil-outer,
.sc-sigil-middle,
.sc-sigil-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 2px solid rgba(220,20,60,0.3);
}

.sc-sigil-outer {
	width: 100%;
	height: 100%;
	animation: sigilPulse 3s ease-in-out infinite;
}

.sc-sigil-middle {
	width: 70%;
	height: 70%;
	animation: sigilPulse 3s ease-in-out 0.5s infinite;
}

.sc-sigil-inner {
	width: 40%;
	height: 40%;
	background: radial-gradient(circle, rgba(220,20,60,0.3) 0%, transparent 70%);
	animation: sigilPulse 3s ease-in-out 1s infinite;
}

.sc-sigil-glow {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	background: radial-gradient(circle, rgba(220,20,60,0.2) 0%, transparent 70%);
	filter: blur(30px);
	animation: sigilGlow 4s ease-in-out infinite;
}

@keyframes sigilPulse {
	0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }
	50% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
}

@keyframes sigilGlow {
	0%, 100% { opacity: 0.3; }
	50% { opacity: 0.8; }
}

.sc-about-circle__content {
	max-width: 600px;
}

.sc-about-circle__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2rem, 3.5vw, 3rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1.5rem;
	color: var(--sc-text-primary);
}

.sc-about-circle__text p {
	font-size: 1.125rem;
	line-height: 1.6;
	margin-bottom: 2rem;
	color: var(--sc-text-secondary);
}

.sc-circle-benefits {
	list-style: none;
	padding: 0;
	margin: 0 0 2rem 0;
}

.sc-benefit-item {
	position: relative;
	padding: 1rem 1rem 1rem 2.5rem;
	margin-bottom: 0.75rem;
	font-size: 1.125rem;
	line-height: 1.6;
	color: #D0D0D0;
	background: rgba(220,20,60,0.05);
	border: 0 !important;
	border-left: 3px solid #be2330 !important;
	border-radius: var(--sc-border-radius);
	transition: all 0.3s ease;
	box-shadow: none !important;
	outline: none !important;
}

.sc-benefit-item::before {
	content: '?';
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	color: #be2330;
	font-weight: 700;
	font-size: 1.25rem;
}

.sc-benefit-item:hover {
	background: rgba(220,20,60,0.1);
	transform: translateX(5px);
}

.sc-benefit-item.sc-benefit-active {
	background: rgba(220,20,60,0.1);
}

.sc-circle-closing {
	font-size: 1.125rem;
	line-height: 1.8;
	color: #D0D0D0;
	font-style: italic;
	margin-bottom: 2.5rem;
	padding: 1.5rem;
	background: rgba(220,20,60,0.05);
	border-radius: var(--sc-border-radius);
	border-left: 3px solid #be2330;
}

.sc-about-circle__ctas {
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
}

.sc-btn--circle-join,
.sc-btn--circle-benefits {
	padding: 1rem 2rem;
	border-radius: var(--sc-border-radius);
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--circle-join {
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
}

.sc-btn--circle-join:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 30px rgba(220,20,60,0.6);
	transform: translateY(-2px);
}

.sc-btn--circle-benefits {
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
}

.sc-btn--circle-benefits:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 20px rgba(220,20,60,0.4);
}

/* ============================================
   5. THE MASQUERADE - Where Stories Take Flesh
   ============================================ */
.sc-about-masquerade {
	padding: 8rem 0;
	background: var(--sc-bg-tertiary);
	position: relative;
	min-height: 600px;
	display: flex;
	align-items: center;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}

.sc-about-masquerade__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.sc-candle-video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.sc-about-masquerade__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}

.sc-about-masquerade__vignette {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.8) 100%);
}

.sc-about-masquerade__content {
	position: relative;
	z-index: 5;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.sc-about-masquerade__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 2.5rem;
	color: var(--sc-text-primary);
	text-shadow: 0 0 30px rgba(220,20,60,0.5);
}

.sc-about-masquerade__text {
	margin-bottom: 3rem;
}

.sc-masquerade-para {
	font-size: 1.125rem;
	line-height: 1.8;
	margin-bottom: 1.5rem;
	color: var(--sc-text-secondary);
	animation: masqueradeFadeUp 0.8s ease-out forwards;
	opacity: 0;
	transform: translateY(20px);
}

.sc-masquerade-para:nth-child(1) { animation-delay: 0.1s; }
.sc-masquerade-para:nth-child(2) { animation-delay: 0.3s; }
.sc-masquerade-para:nth-child(3) { animation-delay: 0.5s; }
.sc-masquerade-para:nth-child(4) { animation-delay: 0.7s; }

@keyframes masqueradeFadeUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.sc-masquerade-emphasis {
	font-weight: 600;
	color: var(--sc-text-primary);
	font-size: 1.25rem;
}

.sc-btn--masquerade {
	padding: 1rem 2.5rem;
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
	border-radius: var(--sc-border-radius);
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--masquerade:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 30px rgba(220,20,60,0.6);
	transform: translateY(-2px);
}

/* ============================================
   6. THE PHILOSOPHY
   ============================================ */
.sc-about-philosophy {
	padding: 8rem 0;
	background: var(--sc-bg-primary);
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}

.sc-about-philosophy__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.sc-philosophy-candle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 300px;
	transform: translate(-50%, -50%);
	background: radial-gradient(circle, rgba(220,20,60,0.1) 0%, transparent 70%);
	filter: blur(50px);
	opacity: 0.5;
}

.sc-philosophy-inkstain {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 400px;
	height: 400px;
	background-image: url('assets/images/inkstain.png');
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.1;
}

.sc-about-philosophy__content {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto;
	padding: 0 2rem;
	text-align: center;
}

.sc-about-philosophy__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 3rem;
	color: var(--sc-text-primary);
}

.sc-about-philosophy__text {
	margin-bottom: 3rem;
}

.sc-philosophy-line {
	font-size: 1.125rem;
	line-height: 1.8;
	margin-bottom: 1.5rem;
	color: var(--sc-text-secondary);
	opacity: 1;
	transition: opacity 0.6s ease-out;
}

.sc-philosophy-line.sc-philosophy-reveal {
	opacity: 1;
	animation: candleFlicker 0.3s ease-in-out;
}

@keyframes candleFlicker {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.7; }
}

.sc-philosophy-mantras {
	margin-bottom: 3rem;
	padding: 2rem;
	background: rgba(220,20,60,0.05);
	border-radius: var(--sc-border-radius);
	border: 1px solid rgba(220,20,60,0.2);
}

.sc-philosophy-mantra {
	font-family: 'Playfair Display', serif;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 2;
	color: var(--sc-text-primary);
	font-style: italic;
	margin-bottom: 0.5rem;
}

.sc-btn--philosophy {
	padding: 1rem 2.5rem;
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
	border-radius: var(--sc-border-radius);
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--philosophy:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 20px rgba(220,20,60,0.4);
	transform: translateY(-2px);
}

/* ============================================
   7. THE INVITATION - Final Call to Action
   ============================================ */
.sc-about-invitation {
	padding: 8rem 0;
	background: var(--sc-bg-primary);
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}

.sc-about-invitation__background {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.sc-red-fog {
	position: absolute;
	bottom: -50%;
	left: 50%;
	width: 200%;
	height: 200%;
	transform: translateX(-50%);
	background: radial-gradient(ellipse at top, rgba(155,10,23,0.3) 0%, transparent 50%);
	animation: fogRise 10s ease-in-out infinite;
}

@keyframes fogRise {
	0%, 100% { transform: translateX(-50%) translateY(0); }
	50% { transform: translateX(-50%) translateY(-20px); }
}

.sc-about-invitation__content {
	position: relative;
	z-index: 2;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.sc-about-invitation__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 3rem;
	color: var(--sc-text-primary);
}

.sc-about-invitation__text {
	margin-bottom: 3rem;
}

.sc-invitation-para {
	font-size: 1.125rem;
	line-height: 1.8;
	margin-bottom: 1.5rem;
	color: var(--sc-text-secondary);
}

.sc-invitation-emphasis {
	font-weight: 600;
	font-size: 1.25rem;
	color: var(--sc-text-primary);
}

.sc-about-signature {
	margin: 3rem 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	animation: signatureFadeIn 1.5s ease-in forwards;
	opacity: 0;
}

@keyframes signatureFadeIn {
	to { opacity: 1; }
}

.sc-signature-image {
	max-width: 300px;
	height: auto;
	filter: brightness(0) invert(1);
	opacity: 0.9;
}

.sc-signature-text {
	font-family: 'Playfair Display', serif;
	font-size: 1.125rem;
	font-style: italic;
	color: var(--sc-text-secondary);
}

.sc-about-invitation__ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

.sc-btn--invitation-circle,
.sc-btn--invitation-start {
	padding: 1rem 2.5rem;
	border-radius: var(--sc-border-radius);
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--invitation-circle {
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
}

.sc-btn--invitation-circle:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 30px rgba(220,20,60,0.6);
	transform: translateY(-2px);
}

.sc-btn--invitation-start {
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
}

.sc-btn--invitation-start:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 20px rgba(220,20,60,0.4);
}

/* ============================================
   RESPONSIVE - MOBILE & TABLET
   ============================================ */
@media (max-width: 968px) {
	.sc-about-universe__grid,
	.sc-about-circle__grid {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
	
	.sc-about-universe__boxes {
		padding: 1rem;
	}
	
	.sc-about-universe__content {
		max-width: 100%;
	}
	
	.sc-circle-sigil {
		width: 300px;
		height: 300px;
	}
	
	.sc-about-hero__audio-toggle {
		top: 1rem;
		right: 1rem;
		padding: 0.5rem 0.75rem;
		font-size: 1rem;
	}
}

@media (max-width: 768px) {
	.sc-about-container {
		padding: 0 1.5rem;
	}
	
	.sc-about-hero,
	.sc-about-universe,
	.sc-about-evolution,
	.sc-about-circle,
	.sc-about-masquerade,
	.sc-about-philosophy,
	.sc-about-invitation {
		padding: 5rem 0;
	}
	
	.sc-about-hero__title {
		font-size: 2.5rem;
	}
	
	.sc-about-hero__subtitle {
		font-size: 1.125rem;
	}
	
	.sc-about-hero__ctas,
	.sc-about-circle__ctas,
	.sc-about-invitation__ctas {
		flex-direction: column;
		gap: 1rem;
	}
	
	.sc-btn--about-start,
	.sc-btn--about-circle,
	.sc-btn--about-explore,
	.sc-btn--about-ritual,
	.sc-btn--circle-join,
	.sc-btn--circle-benefits,
	.sc-btn--masquerade,
	.sc-btn--philosophy,
	.sc-btn--invitation-circle,
	.sc-btn--invitation-start {
		width: 100%;
		text-align: center;
	}
	
	.sc-about-universe__boxes {
		gap: 1.5rem;
		padding: 0.5rem;
	}
	
	.sc-universe-box {
		padding: 1.5rem;
	}
	
	.sc-circle-sigil {
		width: 250px;
		height: 250px;
	}
	
	.sc-about-universe__title,
	.sc-about-evolution__title,
	.sc-about-circle__title,
	.sc-about-masquerade__title,
	.sc-about-philosophy__title,
	.sc-about-invitation__title {
		font-size: 2rem;
	}
	
	.sc-benefit-item {
		font-size: 1rem;
	}
	
	.sc-signature-image {
		max-width: 200px;
	}
}

/* ============================================
   START HERE PAGE - THE DESCENT BEGINS
   Complete Pixel-Perfect Styling
   ============================================ */

/* Theme-adaptive Start Here template */
.sc-start-template {
	background: var(--sc-bg-primary);
	color: var(--sc-text-primary);
	overflow-x: hidden;
}

/* Container */
.sc-start-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
	box-sizing: border-box;
}

@media (max-width: 1240px) {
	.sc-start-container {
		padding: 0 1.75rem;
	}
}

@media (max-width: 1024px) {
	.sc-start-container {
		padding: 0 1.5rem;
	}
}

@media (max-width: 768px) {
	.sc-start-container {
		padding: 0 1.25rem;
	}
}

@media (max-width: 480px) {
	.sc-start-container {
		padding: 0 1rem;
	}
}

@media (max-width: 1024px) {
	.sc-start-container {
		padding: 0 1.5rem;
	}
}

@media (max-width: 768px) {
	.sc-start-container {
		padding: 0 1.25rem;
	}
}

@media (max-width: 480px) {
	.sc-start-container {
		padding: 0 1rem;
	}
}

/* Highlight Text */
.sc-start-highlight {
	color: #be2330;
}

/* ============================================
   1. HERO SECTION - "Welcome to the Descent"
   ============================================ */
.sc-start-hero {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.sc-start-hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #000000 0%, #0A0000 50%, #000000 100%);
	z-index: 1;
}

.sc-smoke-drift {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at 50% 50%, rgba(80,80,80,0.1) 0%, transparent 70%);
	animation: smokeDrift 20s ease-in-out infinite;
}

@keyframes smokeDrift {
	0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.3; }
	50% { transform: translate(-20px, -20px) scale(1.1); opacity: 0.5; }
}

.sc-sparks-effect {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		radial-gradient(2px 2px at 15% 20%, rgba(220,20,60,0.4), transparent),
		radial-gradient(1px 1px at 80% 60%, rgba(220,20,60,0.3), transparent),
		radial-gradient(1px 1px at 40% 80%, rgba(255,100,100,0.2), transparent),
		radial-gradient(2px 2px at 70% 30%, rgba(220,20,60,0.3), transparent);
	background-size: 300% 300%;
	background-position: 0% 0%;
	animation: sparksFloat 15s ease-in-out infinite;
}

@keyframes sparksFloat {
	0%, 100% { background-position: 0% 0%; opacity: 0.4; }
	50% { background-position: 100% 100%; opacity: 0.7; }
}

.sc-start-hero__content {
	position: relative;
	z-index: 5;
	text-align: center;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.sc-start-hero__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(3rem, 6vw, 5.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1.5rem;
	color: #FFFFFF;
	animation: heroFadeInUp 1s ease-out forwards;
	opacity: 0;
}

@keyframes heroFadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.sc-start-hero__tagline {
	font-family: 'Playfair Display', serif;
	font-size: clamp(1.5rem, 2.5vw, 2rem);
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 2rem;
	color: #D0D0D0;
	font-style: italic;
	animation: heroFadeInUp 1s ease-out 0.2s forwards;
	opacity: 0;
}

.sc-start-hero__description {
	max-width: 700px;
	margin: 0 auto 3rem;
	animation: heroFadeInUp 1s ease-out 0.4s forwards;
	opacity: 0;
}

.sc-start-hero__description p {
	font-size: clamp(1.2rem, 1.5vw, 1.35rem);
	line-height: 1.8;
	color: #C0C0C0;
}

.sc-start-hero__ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
	animation: heroFadeInUp 1s ease-out 0.6s forwards;
	opacity: 0;
}

.sc-btn--start-primary,
.sc-btn--start-outline {
	padding: 1rem 2.5rem;
	font-size: 1.125rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
}

.sc-btn--start-primary {
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
}

.sc-btn--start-primary:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 30px rgba(220,20,60,0.6);
	transform: translateY(-2px);
}

.sc-btn--start-outline {
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
}

.sc-btn--start-outline:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 20px rgba(220,20,60,0.4);
}

.sc-scroll-indicator {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	text-align: center;
	animation: bounce 2s ease-in-out infinite;
	opacity: 0.7;
	transition: opacity 0.3s ease;
}

.sc-scroll-indicator svg {
	color: #be2330;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
	40% { transform: translateX(-50%) translateY(-10px); }
	60% { transform: translateX(-50%) translateY(-5px); }
}

/* ============================================
   2. WHAT IS SOULCRAZE
   ============================================ */
.sc-start-what {
	padding: 8rem 0;
	background: #0A0A0A;
	position: relative;
	overflow: hidden;
}

.sc-start-what__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.sc-ink-effect {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 600px;
	transform: translate(-50%, -50%);
	background: radial-gradient(circle, rgba(220,20,60,0.1) 0%, transparent 70%);
	filter: blur(60px);
	animation: inkSpread 10s ease-in-out infinite;
}

@keyframes inkSpread {
	0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }
	50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.5; }
}

.sc-start-what__content {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.sc-start-what__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 3rem;
	color: #FFFFFF;
}

.sc-start-what__text {
	margin-bottom: 3rem;
}

.sc-what-line {
	font-size: 1.2rem;
	line-height: 1.8;
	margin-bottom: 1.5rem;
	color: #D0D0D0;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.sc-what-line.sc-reveal {
	opacity: 1;
	transform: translateY(0);
}

.sc-what-emphasis {
	font-weight: 600;
	font-size: 1.35rem;
	color: #FFFFFF;
}

.sc-what-closing {
	font-weight: 500;
	font-size: 1.35rem;
	color: #FFFFFF;
	margin-top: 2rem;
}

.sc-btn--start-discover {
	padding: 1rem 2.5rem;
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
	border-radius: var(--sc-border-radius);
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--start-discover:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 20px rgba(220,20,60,0.4);
	transform: translateY(-2px);
}

/* ============================================
   3. CHOOSE YOUR PATH - Three Doors
   ============================================ */
.sc-start-paths {
	padding: 8rem 0;
	background: #000000;
	position: relative;
}

.sc-start-paths__header {
	text-align: center;
	margin-bottom: 4rem;
}

.sc-start-paths__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1rem;
	color: #FFFFFF;
}

.sc-start-paths__subtitle {
	font-size: 1.25rem;
	color: #D0D0D0;
	font-style: italic;
}

.sc-paths-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	margin-bottom: 3rem;
}

.sc-path-card {
	position: relative;
	padding: 3rem 2rem;
	background: rgba(20,20,20,0.5);
	border: 1px solid rgba(220,20,60,0.2);
	border-radius: var(--sc-border-radius);
	text-align: center;
	transition: all 0.4s ease;
	overflow: hidden;
	cursor: pointer;
}

.sc-path-card:hover {
	background: rgba(30,30,30,0.7);
	border-color: rgba(220,20,60,0.5);
	transform: translateY(-5px);
	box-shadow: 0 10px 40px rgba(220,20,60,0.3);
}

.sc-path-glow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at center, rgba(220,20,60,0.2) 0%, transparent 70%);
	opacity: 0.5;
	transition: opacity 0.4s ease;
	pointer-events: none;
}

.sc-path-card:hover .sc-path-glow {
	opacity: 1;
}

.sc-path-icon-wrapper {
	margin-bottom: 1.5rem;
}

.sc-path-symbol {
	font-size: 4rem;
	line-height: 1;
	filter: drop-shadow(0 0 20px rgba(220,20,60,0.5));
}

.sc-path-label {
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1rem;
	color: #FFFFFF;
}

.sc-path-description {
	font-size: 1.05rem;
	line-height: 1.6;
	margin-bottom: 2rem;
	color: #C0C0C0;
}

.sc-path-description em {
	color: #be2330;
	font-style: italic;
}

.sc-path-cta {
	display: inline-block;
	padding: 0.75rem 2rem;
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
	border-radius: var(--sc-border-radius);
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
}

.sc-path-cta:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 20px rgba(220,20,60,0.6);
	transform: translateY(-2px);
}

.sc-path-line {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) scaleX(0.8);
	width: 80%;
	height: 2px;
	background: linear-gradient(90deg, transparent, #be2330, transparent);
	transition: transform 0.4s ease;
}

.sc-path-card:hover .sc-path-line {
	transform: translateX(-50%) scaleX(1);
}

.sc-path-locked {
	opacity: 0.8;
}

.sc-path-locked:hover {
	opacity: 1;
}

.sc-path-cta-locked {
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
}

.sc-path-cta-locked:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
}

.sc-paths-footnote {
	text-align: center;
	font-size: 1rem;
	color: #A0A0A0;
	font-style: italic;
	margin-top: 2rem;
}

/* ============================================
   4. THE SHADOW CIRCLE
   ============================================ */
.sc-start-circle {
	padding: 8rem 0;
	background: #0D0000;
	position: relative;
	overflow: hidden;
}

.sc-start-circle__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.sc-circle-sigil-container {
	position: relative;
	width: 500px;
	height: 500px;
	opacity: 0.3;
}

.sc-circle-rings {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: ringRotate 30s linear infinite;
}

@keyframes ringRotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.sc-ring {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 1px solid rgba(220,20,60,0.3);
}

.sc-ring-outer {
	width: 100%;
	height: 100%;
	animation: ringPulse 4s ease-in-out infinite;
}

.sc-ring-middle {
	width: 70%;
	height: 70%;
	animation: ringPulse 4s ease-in-out 1s infinite;
}

.sc-ring-inner {
	width: 40%;
	height: 40%;
	animation: ringPulse 4s ease-in-out 2s infinite;
}

@keyframes ringPulse {
	0%, 100% { opacity: 0.3; transform: translate(-50%, -50%) scale(1); }
	50% { opacity: 0.7; transform: translate(-50%, -50%) scale(1.05); }
}

.sc-circle-symbol {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 6rem;
	filter: drop-shadow(0 0 30px rgba(220,20,60,0.8));
	animation: symbolPulse 3s ease-in-out infinite;
}

@keyframes symbolPulse {
	0%, 100% { transform: translate(-50%, -50%) scale(1); }
	50% { transform: translate(-50%, -50%) scale(1.1); }
}

.sc-start-circle__content {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.sc-start-circle__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1rem;
	color: #FFFFFF;
}

.sc-start-circle__tagline {
	font-size: 1.5rem;
	color: #D0D0D0;
	font-style: italic;
	margin-bottom: 1.5rem;
}

.sc-start-circle__intro {
	font-size: 1.25rem;
	color: #C0C0C0;
	margin-bottom: 3rem;
}

.sc-circle-benefits {
	margin-bottom: 3rem;
}

.sc-benefits-heading {
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
	color: #FFFFFF;
}

.sc-benefits-list {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
	max-width: 600px;
	margin: 0 auto;
}

.sc-benefit-item {
	position: relative;
	padding: 1rem 1rem 1rem 2.5rem;
	margin-bottom: 0.75rem;
	font-size: 1.125rem;
	line-height: 1.6;
	color: #D0D0D0;
	background: rgba(220,20,60,0.05);
	border-left: 3px solid #be2330;
	border-radius: var(--sc-border-radius);
	transition: all 0.3s ease;
	opacity: 1;
	transform: translateX(0);
}

.sc-benefit-item.sc-reveal {
	opacity: 1;
	border-left-color: #be2330;
	transform: translateX(0);
}

.sc-benefit-item::before {
	content: '?';
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	color: #be2330;
	font-weight: 700;
	font-size: 1.25rem;
}

.sc-start-circle__ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

.sc-btn--circle-join,
.sc-btn--circle-benefits {
	padding: 1rem 2.5rem;
	font-size: 1.125rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--circle-join {
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
}

.sc-btn--circle-join:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 30px rgba(220,20,60,0.6);
	transform: translateY(-2px);
}

.sc-btn--circle-benefits {
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
}

.sc-btn--circle-benefits:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 20px rgba(220,20,60,0.4);
}

/* ============================================
   5. HEAR THE WHISPERS - Newsletter
   ============================================ */
.sc-start-whispers {
	padding: 8rem 0;
	background: var(--sc-bg-primary) !important;
	position: relative;
	overflow: hidden;
}

.sc-start-whispers__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.sc-whisper-animation {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at 30% 50%, rgba(220,20,60,0.05) 0%, transparent 50%),
	            radial-gradient(ellipse at 70% 50%, rgba(220,20,60,0.05) 0%, transparent 50%);
	animation: whisperWave 8s ease-in-out infinite;
}

@keyframes whisperWave {
	0%, 100% { opacity: 0.3; }
	50% { opacity: 0.6; }
}

.sc-start-whispers__content {
	position: relative;
	z-index: 2;
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}

.sc-whispers-icon {
	font-size: 4rem;
	margin-bottom: 1.5rem;
	filter: drop-shadow(0 0 20px rgba(220,20,60,0.5));
}

.sc-start-whispers__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1rem;
	color: var(--sc-text-primary);
}

.sc-start-whispers__subtitle {
	font-size: 1.25rem;
	color: var(--sc-text-secondary);
	font-style: italic;
	margin-bottom: 2.5rem;
}

.sc-start-whispers__text {
	margin-bottom: 3rem;
}

.sc-whispers-line {
	font-size: 1.25rem;
	line-height: 1.6;
	margin-bottom: 1rem;
	color: var(--sc-text-secondary);
}

.sc-whispers-description {
	font-size: 1.125rem;
	line-height: 1.8;
	margin-top: 1.5rem;
	color: var(--sc-text-secondary);
}

.sc-btn--whispers-subscribe {
	padding: 1rem 2.5rem;
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
	border-radius: var(--sc-border-radius);
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--whispers-subscribe:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 30px rgba(220,20,60,0.6);
	transform: translateY(-2px);
}

.sc-whispers-note {
	margin-top: 1.5rem;
	font-size: 0.875rem;
	color: var(--sc-text-muted);
	font-style: italic;
}

/* ============================================
   6. STEP DEEPER - Explore Worlds
   ============================================ */
.sc-start-worlds {
	padding: 8rem 0;
	background: var(--sc-bg-secondary) !important;
	position: relative;
}

.sc-start-worlds__header {
	text-align: center;
	margin-bottom: 4rem;
}

.sc-start-worlds__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1rem;
	color: var(--sc-text-primary);
}

.sc-start-worlds__subtitle {
	font-size: 1.25rem;
	color: var(--sc-text-secondary);
	font-style: italic;
}

.sc-worlds-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	margin-bottom: 3rem;
}

.sc-world-card {
	padding: 2.5rem 2rem;
	background: var(--sc-bg-primary);
	border: 1px solid var(--sc-border-color);
	border-radius: var(--sc-border-radius);
	text-align: center;
	transition: all 0.3s ease;
	opacity: 0;
}

.sc-world-card.sc-reveal {
	opacity: 1;
}

.sc-world-card:hover {
	border-color: var(--sc-crimson);
	transform: translateY(-5px);
	box-shadow: 0 10px 30px var(--sc-shadow);
}

.sc-world-icon {
	font-size: 3.5rem;
	margin-bottom: 1.5rem;
	filter: drop-shadow(0 0 15px rgba(220,20,60,0.5));
}

.sc-world-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1rem;
	color: var(--sc-text-primary);
}

.sc-world-description {
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 2rem;
	color: var(--sc-text-secondary);
}

.sc-world-cta {
	display: inline-block;
	padding: 0.75rem 2rem;
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
	border-radius: var(--sc-border-radius);
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
}

.sc-world-cta:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 15px rgba(220,20,60,0.4);
	transform: translateY(-2px);
}

.sc-start-worlds__footer {
	text-align: center;
	margin-top: 3rem;
}

.sc-btn--worlds-all {
	padding: 1rem 2.5rem;
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
	border-radius: var(--sc-border-radius);
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--worlds-all:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 20px rgba(220,20,60,0.4);
	transform: translateY(-2px);
}

/* ============================================
   7. CLOSING CTA - The Descent Awaits
   ============================================ */
.sc-start-closing {
	padding: 8rem 0;
	background: #000000;
	position: relative;
	min-height: 600px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.sc-start-closing__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.sc-floating-pages {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		radial-gradient(2px 2px at 20% 30%, rgba(255,255,255,0.1), transparent),
		radial-gradient(1px 1px at 80% 70%, rgba(255,255,255,0.08), transparent),
		radial-gradient(1px 1px at 40% 60%, rgba(255,255,255,0.06), transparent);
	background-size: 100% 100%;
	animation: pagesFloat 20s ease-in-out infinite;
}

@keyframes pagesFloat {
	0%, 100% { transform: translateY(0); opacity: 0.3; }
	50% { transform: translateY(-20px); opacity: 0.5; }
}

.sc-vignette-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.8) 100%);
}

.sc-start-closing__content {
	position: relative;
	z-index: 2;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.sc-start-closing__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 3rem;
	color: #FFFFFF;
}

.sc-start-closing__quote {
	margin: 0 auto 3rem;
	padding: 2rem;
	max-width: 600px;
	border-left: 3px solid #be2330;
	background: rgba(220,20,60,0.05);
	border-radius: var(--sc-border-radius);
}

.sc-start-closing__quote p {
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 0.5rem;
	color: #FFFFFF;
	font-style: italic;
}

.sc-start-closing__ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

.sc-btn--closing-circle,
.sc-btn--closing-story {
	padding: 1rem 2.5rem;
	font-size: 1.125rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--closing-circle {
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
}

.sc-btn--closing-circle:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 30px rgba(220,20,60,0.6);
	transform: translateY(-2px);
}

.sc-btn--closing-story {
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
}

.sc-btn--closing-story:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 20px rgba(220,20,60,0.4);
}

/* ============================================
   RESPONSIVE - MOBILE & TABLET
   ============================================ */
@media (max-width: 968px) {
	.sc-paths-grid,
	.sc-worlds-grid {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

@media (max-width: 768px) {
	.sc-start-container {
		padding: 0 1.5rem;
	}
	
	.sc-start-hero,
	.sc-start-what,
	.sc-start-paths,
	.sc-start-circle,
	.sc-start-whispers,
	.sc-start-worlds,
	.sc-start-closing {
		padding: 5rem 0;
	}
	
	.sc-start-hero__title {
		font-size: 2.5rem;
	}
	
	.sc-start-hero__tagline {
		font-size: 1.25rem;
	}
	
	.sc-start-hero__description p {
		font-size: 1rem;
	}
	
	.sc-start-hero__ctas,
	.sc-start-circle__ctas,
	.sc-start-closing__ctas {
		flex-direction: column;
		gap: 1rem;
	}
	
	.sc-btn--start-primary,
	.sc-btn--start-outline,
	.sc-btn--start-discover,
	.sc-btn--circle-join,
	.sc-btn--circle-benefits,
	.sc-btn--whispers-subscribe,
	.sc-btn--worlds-all,
	.sc-btn--closing-circle,
	.sc-btn--closing-story {
		width: 100%;
		text-align: center;
	}
	
	.sc-path-symbol {
		font-size: 3rem;
	}
	
	.sc-world-icon {
		font-size: 2.5rem;
	}
	
	.sc-circle-sigil-container {
		width: 300px;
		height: 300px;
	}
	
	.sc-circle-symbol {
		font-size: 4rem;
	}
	
	.sc-start-closing__quote p {
		font-size: 1.25rem;
	}
}

/* ============================================
   HOMEPAGE - STEP BEYOND THE PAGE
   Complete Pixel-Perfect Styling
   ============================================ */

/* Theme-adaptive Homepage template */
.sc-homepage-template {
	background: var(--sc-bg-primary);
	color: var(--sc-text-primary);
	overflow-x: hidden;
}

/* Container */
.sc-home-container,
.founding-111-container,
.shadow-circle-container,
.masquerades-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
	box-sizing: border-box;
}

@media (max-width: 1240px) {
	.sc-home-container,
	.founding-111-container,
	.shadow-circle-container,
	.masquerades-container {
		padding: 0 1.75rem;
	}
}

@media (max-width: 1024px) {
	.sc-home-container,
	.founding-111-container,
	.shadow-circle-container,
	.masquerades-container {
		padding: 0 1.5rem;
	}
}

@media (max-width: 768px) {
	.sc-home-container,
	.founding-111-container,
	.shadow-circle-container,
	.masquerades-container {
		padding: 0 1.25rem;
	}
}

@media (max-width: 480px) {
	.sc-home-container,
	.founding-111-container,
	.shadow-circle-container,
	.masquerades-container {
		padding: 0 1rem;
	}
}

@media (max-width: 1024px) {
	.sc-home-container {
		padding: 0 1.5rem;
	}
}

@media (max-width: 768px) {
	.sc-home-container {
		padding: 0 1.25rem;
	}
}

@media (max-width: 480px) {
	.sc-home-container {
		padding: 0 1rem;
	}
}

/* Highlight Color */
.sc-home-highlight {
	color: #be2330;
}

/* ============================================
   1. HERO SECTION - "Step Beyond the Page"
   ============================================ */
.sc-home-hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.sc-hero-gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #1A0000 0%, #000000 50%, #0D0000 100%);
}

.sc-hero-fog {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at 30% 50%, rgba(100,100,100,0.08) 0%, transparent 60%);
	animation: fogDrift 25s ease-in-out infinite;
}

@keyframes fogDrift {
	0%, 100% { transform: translate(0, 0); opacity: 0.4; }
	50% { transform: translate(30px, -20px); opacity: 0.6; }
}

.sc-hero-embers {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		radial-gradient(2px 2px at 10% 20%, rgba(220,20,60,0.5), transparent),
		radial-gradient(1px 1px at 90% 80%, rgba(220,20,60,0.4), transparent),
		radial-gradient(2px 2px at 50% 50%, rgba(255,80,80,0.3), transparent),
		radial-gradient(1px 1px at 70% 30%, rgba(220,20,60,0.4), transparent),
		radial-gradient(2px 2px at 30% 70%, rgba(220,20,60,0.3), transparent);
	background-size: 400% 400%;
	animation: embersFloat 20s ease-in-out infinite;
}

@keyframes embersFloat {
	0%, 100% { background-position: 0% 0%; opacity: 0.5; }
	50% { background-position: 100% 100%; opacity: 0.8; }
}

.sc-home-audio-toggle {
	position: absolute;
	top: 2rem;
	right: 2rem;
	z-index: 10;
	background: rgba(220,20,60,0.2);
	border: 1px solid rgba(220,20,60,0.4);
	color: #EDEDED;
	padding: 0.75rem 1rem;
	border-radius: var(--sc-border-radius);
	cursor: pointer;
	font-size: 1.25rem;
	transition: all 0.3s ease;
	backdrop-filter: blur(10px);
}

.sc-home-audio-toggle:hover {
	background: rgba(220,20,60,0.3);
	border-color: #be2330;
}

.sc-home-hero__content {
	position: relative;
	z-index: 5;
	text-align: center;
	max-width: 1000px;
}

.sc-home-hero__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(3rem, 7vw, 6rem);
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 2rem;
	color: #FFFFFF;
	text-shadow: 0 0 40px rgba(220,20,60,0.4);
}

.sc-home-hero__subtitle {
	font-size: clamp(1.125rem, 1.8vw, 1.375rem);
	line-height: 1.7;
	margin-bottom: 3rem;
	color: #D0D0D0;
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

.sc-home-hero__ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

.sc-btn--home-primary,
.sc-btn--home-secondary {
	padding: 1.125rem 2.75rem;
	font-size: 1.125rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--home-primary {
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
}

.sc-btn--home-primary:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 30px rgba(220,20,60,0.7);
	transform: translateY(-3px);
}

.sc-btn--home-secondary {
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
}

.sc-btn--home-secondary:hover {
	background: rgba(220,20,60,0.15);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 20px rgba(220,20,60,0.5);
}

/* ============================================
   2. MANIFESTO - "What Is Soulcraze?"
   ============================================ */
.sc-home-manifesto {
	padding: 8rem 0;
	background: #0A0A0A;
	position: relative;
	overflow: hidden;
}

.sc-home-manifesto__content {
	position: relative;
	z-index: 2;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.sc-home-manifesto__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 2.5rem;
	color: #FFFFFF;
}

.sc-home-manifesto__text {
	margin-bottom: 3rem;
}

.sc-home-manifesto__text p {
	font-size: clamp(1.125rem, 1.5vw, 1.25rem);
	line-height: 1.8;
	margin-bottom: 1.5rem;
	color: #D0D0D0;
}

.sc-btn--home-outline {
	padding: 1rem 2.5rem;
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
	border-radius: var(--sc-border-radius);
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--home-outline:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 20px rgba(220,20,60,0.4);
	transform: translateY(-2px);
}

.sc-home-manifesto__visual {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
	height: 500px;
	pointer-events: none;
	z-index: 1;
}

.sc-heartbeat-pulse {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle, rgba(220,20,60,0.1) 0%, transparent 70%);
	animation: heartbeatPulse 4s ease-in-out infinite;
}

@keyframes heartbeatPulse {
	0%, 100% { transform: scale(1); opacity: 0.3; }
	14% { transform: scale(1.1); opacity: 0.5; }
	28% { transform: scale(1); opacity: 0.3; }
	42% { transform: scale(1.15); opacity: 0.6; }
	70% { transform: scale(1); opacity: 0.3; }
}

/* ============================================
   3. CHOOSE YOUR PATH - Guided Entry
   ============================================ */
.sc-home-paths {
	padding: 8rem 0;
	background: #000000;
	position: relative;
}

.sc-home-paths__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	text-align: center;
	margin-bottom: 4rem;
	color: #FFFFFF;
}

.sc-home-paths-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}

.sc-home-path {
	position: relative;
	padding: 3rem 2rem;
	background: rgba(20,20,20,0.6);
	border: 1px solid rgba(220,20,60,0.2);
	border-radius: var(--sc-border-radius);
	text-align: center;
	transition: all 0.4s ease;
	cursor: pointer;
	overflow: hidden;
}

.sc-home-path:hover {
	background: rgba(30,30,30,0.8);
	border-color: rgba(220,20,60,0.6);
	transform: translateY(-8px);
	box-shadow: 0 15px 50px rgba(220,20,60,0.4);
}

.sc-path-glow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at center, rgba(220,20,60,0.3) 0%, transparent 70%);
	opacity: 0.5;
	transition: opacity 0.4s ease;
	pointer-events: none;
}

.sc-path-icon {
	font-size: 4.5rem;
	margin-bottom: 1.5rem;
	filter: drop-shadow(0 0 25px rgba(220,20,60,0.6));
}

.sc-path-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.75rem;
	font-weight: 600;
	margin-bottom: 1rem;
	color: #FFFFFF;
}

.sc-path-description {
	font-size: 1rem;
	line-height: 1.7;
	margin-bottom: 2rem;
	color: #C0C0C0;
}

.sc-path-description em {
	color: #be2330;
	font-style: italic;
}

.sc-path-btn {
	display: inline-block;
	padding: 0.875rem 2.25rem;
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
	border-radius: var(--sc-border-radius);
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
}

.sc-path-btn:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 25px rgba(220,20,60,0.7);
	transform: translateY(-2px);
}

.sc-path-locked {
	opacity: 0.85;
}

.sc-path-btn-locked {
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
}

.sc-path-btn-locked:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
}

/* ============================================
   4. THE SHADOW CIRCLE - Membership
   ============================================ */
.sc-home-circle {
	padding: 8rem 0;
	background: #0D0000;
	position: relative;
	overflow: hidden;
}

.sc-home-circle__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	opacity: 0.25;
}

.sc-home-sigil {
	position: relative;
	width: 600px;
	height: 600px;
	animation: sigilRotateSlow 40s linear infinite;
}

@keyframes sigilRotateSlow {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.sc-sigil-ring {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 1px solid rgba(220,20,60,0.4);
}

.sc-sigil-outer {
	width: 100%;
	height: 100%;
	animation: sigilPulseOuter 5s ease-in-out infinite;
}

.sc-sigil-middle {
	width: 70%;
	height: 70%;
	animation: sigilPulseMiddle 5s ease-in-out 1s infinite;
}

.sc-sigil-inner {
	width: 40%;
	height: 40%;
	background: radial-gradient(circle, rgba(220,20,60,0.2) 0%, transparent 70%);
	animation: sigilPulseInner 5s ease-in-out 2s infinite;
}

@keyframes sigilPulseOuter {
	0%, 100% { opacity: 0.4; transform: translate(-50%, -50%) scale(1); }
	50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.05); }
}

@keyframes sigilPulseMiddle {
	0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
	50% { opacity: 0.9; transform: translate(-50%, -50%) scale(1.08); }
}

@keyframes sigilPulseInner {
	0%, 100% { opacity: 0.6; transform: translate(-50%, -50%) scale(1); }
	50% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }
}

.sc-sigil-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 7rem;
	filter: drop-shadow(0 0 40px rgba(220,20,60,0.9));
	animation: centerPulse 3s ease-in-out infinite;
}

@keyframes centerPulse {
	0%, 100% { transform: translate(-50%, -50%) scale(1); }
	50% { transform: translate(-50%, -50%) scale(1.15); }
}

.sc-home-circle__content {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.sc-home-circle__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	margin-bottom: 1rem;
	color: #FFFFFF;
}

.sc-home-circle__tagline {
	font-size: 1.75rem;
	color: #D0D0D0;
	font-style: italic;
	margin-bottom: 2rem;
}

.sc-home-circle__pricing {
	font-size: 1.125rem;
	margin-bottom: 1.5rem;
	color: #C0C0C0;
}

.sc-home-circle__pricing strong {
	color: #be2330;
	font-size: 1.5rem;
}

.sc-price-badge {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	background: rgba(220,20,60,0.2);
	border: 1px solid rgba(220,20,60,0.4);
	border-radius: var(--sc-border-radius);
	font-size: 0.875rem;
	color: #FFFFFF;
	margin-left: 0.5rem;
}

.sc-home-circle__intro {
	font-size: 1.25rem;
	margin-bottom: 2.5rem;
	color: #D0D0D0;
}

.sc-home-circle__benefits h3 {
	font-size: 1.125rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
	color: #FFFFFF;
}

.sc-home-benefits-list {
	list-style: none;
	padding: 0;
	margin: 0 0 3rem 0;
	text-align: left;
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
}

.sc-home-benefits-list li {
	position: relative;
	padding: 1rem 1rem 1rem 2.5rem;
	margin-bottom: 0.75rem;
	font-size: 1.125rem;
	line-height: 1.6;
	color: #D0D0D0;
	background: rgba(220,20,60,0.05);
	border-left: 3px solid #be2330;
	border-radius: var(--sc-border-radius);
	transition: all 0.3s ease;
}

.sc-home-benefits-list li:hover {
	background: rgba(220,20,60,0.1);
	transform: translateX(5px);
}

.sc-home-benefits-list li::before {
	content: '?';
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	color: #be2330;
	font-weight: 700;
	font-size: 1.25rem;
}

.sc-home-circle__ctas {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
}

.sc-btn--circle-join,
.sc-btn--circle-benefits {
	padding: 1.125rem 2.75rem;
	font-size: 1.125rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--circle-join {
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
}

.sc-btn--circle-join:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 30px rgba(220,20,60,0.7);
	transform: translateY(-3px);
}

.sc-btn--circle-benefits {
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
}

.sc-btn--circle-benefits:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
	box-shadow: 0 0 20px rgba(220,20,60,0.5);
}

/* ============================================
   5. WHISPERS - Free Newsletter
   ============================================ */
.sc-home-whispers {
	padding: 8rem 0;
	background: var(--sc-bg-primary) !important;
	position: relative;
}

.sc-home-whispers__content {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}

.sc-home-whispers__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	margin-bottom: 1.5rem;
	color: var(--sc-text-primary) !important;
}

.sc-home-whispers__description {
	font-size: 1.125rem;
	line-height: 1.7;
	margin-bottom: 2.5rem;
	color: var(--sc-text-secondary) !important;
}

.sc-home-whispers__form {
	display: flex;
	gap: 1rem;
	max-width: 500px;
	margin: 0 auto 1.5rem;
	flex-wrap: wrap;
}

.sc-whispers-input {
	flex: 1;
	min-width: 250px;
	padding: 1rem 1.5rem;
	background: var(--sc-bg-tertiary) !important;
	border: 2px solid var(--sc-border-color) !important;
	border-radius: var(--sc-border-radius);
	font-size: 1rem;
	color: var(--sc-text-primary) !important;
	transition: all 0.3s ease;
}

.sc-whispers-input:focus {
	outline: none;
	border-color: #be2330;
	background: var(--sc-bg-secondary) !important;
	box-shadow: 0 0 20px rgba(220,20,60,0.3);
}

.sc-whispers-input::placeholder {
	color: var(--sc-text-muted) !important;
}

.sc-btn--whispers-submit {
	padding: 1rem 2.5rem;
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
	border-radius: var(--sc-border-radius);
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
}

.sc-btn--whispers-submit:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 25px rgba(220,20,60,0.6);
	transform: translateY(-2px);
}

.sc-home-whispers__note {
	font-size: 0.9375rem;
	color: var(--sc-text-muted) !important;
	font-style: italic;
}

.sc-home-whispers__note strong {
	color: #be2330;
}

/* ============================================
   6. INSIDE THE UNIVERSE - Bloody Tulip
   ============================================ */
.sc-home-universe {
	padding: 8rem 0;
	background: #0A0A0A;
	position: relative;
}

.sc-home-universe__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	text-align: center;
	margin-bottom: 4rem;
	color: #FFFFFF;
}

.sc-home-universe__showcase {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	align-items: center;
}

.sc-universe-poster {
	position: relative;
}

.sc-tulip-image {
	width: 100%;
	border-radius: var(--sc-border-radius);
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(220,20,60,0.3);
	transition: all 0.4s ease;
}

.sc-tulip-image:hover {
	transform: scale(1.02);
	box-shadow: 0 25px 70px rgba(220,20,60,0.5);
}

.sc-tulip-image img {
	width: 100%;
	height: auto;
	display: block;
}

.sc-universe-details {
	max-width: 500px;
}

.sc-universe-story-title {
	font-family: 'Playfair Display', serif;
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	color: #FFFFFF;
}

.sc-universe-synopsis {
	font-size: 1.125rem;
	line-height: 1.8;
	margin-bottom: 2.5rem;
	color: #D0D0D0;
}

.sc-universe-ctas {
	display: flex;
	gap: 1rem;
	margin-bottom: 1.5rem;
	flex-wrap: wrap;
}

.sc-btn--universe-read,
.sc-btn--universe-locked {
	padding: 1rem 2.25rem;
	font-size: 1rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--universe-read {
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
}

.sc-btn--universe-read:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 25px rgba(220,20,60,0.6);
	transform: translateY(-2px);
}

.sc-btn--universe-locked {
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
}

.sc-btn--universe-locked:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
}

.sc-universe-note {
	font-size: 0.9375rem;
	color: #A0A0A0;
	font-style: italic;
}

/* ============================================
   7. COMMUNITY - You Don't Read Alone
   ============================================ */
.sc-home-community {
	padding: 8rem 0;
	background: #000000;
	position: relative;
	overflow: hidden;
}

.sc-home-community__content {
	position: relative;
	z-index: 2;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.sc-home-community__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	margin-bottom: 1.5rem;
	color: #FFFFFF;
}

.sc-home-community__intro {
	font-size: 1.25rem;
	line-height: 1.7;
	margin-bottom: 1rem;
	color: #D0D0D0;
}

.sc-home-community__label {
	font-size: 1.125rem;
	margin-bottom: 2.5rem;
	color: #C0C0C0;
}

.sc-home-community__features {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	margin-bottom: 3rem;
}

.sc-community-feature {
	padding: 2rem;
	background: rgba(20,20,20,0.5);
	border: 1px solid rgba(220,20,60,0.2);
	border-radius: var(--sc-border-radius);
	text-align: left;
	transition: all 0.3s ease;
}

.sc-community-feature:hover {
	background: rgba(30,30,30,0.7);
	border-color: rgba(220,20,60,0.5);
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(220,20,60,0.3);
}

.sc-community-feature h4 {
	font-family: 'Playfair Display', serif;
	font-size: 1.375rem;
	font-weight: 600;
	margin-bottom: 0.75rem;
	color: #FFFFFF;
}

.sc-community-feature p {
	font-size: 1rem;
	line-height: 1.6;
	color: #C0C0C0;
}

.sc-btn--community-join {
	padding: 1.125rem 2.75rem;
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
	border-radius: var(--sc-border-radius);
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--community-join:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 30px rgba(220,20,60,0.7);
	transform: translateY(-3px);
}

.sc-home-community__visual {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
	opacity: 0.2;
}

.sc-thread-weave {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
	height: 600px;
	background: 
		linear-gradient(45deg, transparent 48%, rgba(220,20,60,0.3) 49%, rgba(220,20,60,0.3) 51%, transparent 52%),
		linear-gradient(-45deg, transparent 48%, rgba(220,20,60,0.3) 49%, rgba(220,20,60,0.3) 51%, transparent 52%);
	background-size: 100px 100px;
	animation: threadWeaveMove 20s linear infinite;
}

@keyframes threadWeaveMove {
	from { background-position: 0 0, 0 0; }
	to { background-position: 100px 100px, -100px -100px; }
}

/* ============================================
   8. REWARDS - Perks Highlight
   ============================================ */
.sc-home-rewards {
	padding: 8rem 0;
	background: #0A0A0A;
	position: relative;
}

.sc-home-rewards__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	text-align: center;
	margin-bottom: 4rem;
	color: #FFFFFF;
}

.sc-home-rewards-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
	margin-bottom: 3rem;
}

.sc-reward-card {
	padding: 2.5rem 2rem;
	background: rgba(20,20,20,0.5);
	border: 1px solid rgba(220,20,60,0.2);
	border-radius: var(--sc-border-radius);
	text-align: center;
	transition: all 0.4s ease;
}

.sc-reward-card:hover {
	background: rgba(30,30,30,0.7);
	border-color: rgba(220,20,60,0.5);
	transform: translateY(-8px) scale(1.02);
	box-shadow: 0 15px 40px rgba(220,20,60,0.4);
}

.sc-reward-icon {
	font-size: 4rem;
	margin-bottom: 1.5rem;
	filter: drop-shadow(0 0 20px rgba(220,20,60,0.5));
}

.sc-reward-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 1rem;
	color: #FFFFFF;
}

.sc-reward-description {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: #C0C0C0;
}

.sc-home-rewards__footer {
	text-align: center;
	margin-top: 3rem;
}

.sc-btn--rewards-claim {
	padding: 1.125rem 2.75rem;
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
	border-radius: var(--sc-border-radius);
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--rewards-claim:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 30px rgba(220,20,60,0.7);
	transform: translateY(-3px);
}

/* ============================================
   9. PODCAST - From the Podcast
   ============================================ */
.sc-home-podcast {
	padding: 8rem 0;
	background: #000000;
	position: relative;
}

.sc-home-podcast__layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	align-items: center;
}

.sc-podcast-visual {
	text-align: center;
}

.sc-podcast-mic {
	font-size: 7rem;
	margin-bottom: 2rem;
	filter: drop-shadow(0 0 30px rgba(220,20,60,0.6));
}

.sc-podcast-waveform {
	display: flex;
	gap: 0.5rem;
	justify-content: center;
	align-items: flex-end;
	height: 100px;
}

.sc-wave-bar {
	width: 8px;
	background: linear-gradient(to top, #be2330, #FF1744);
	border-radius: var(--sc-border-radius);
	animation: waveAnimation 1.5s ease-in-out infinite;
}

.sc-wave-bar:nth-child(1) { height: 40%; animation-delay: 0s; }
.sc-wave-bar:nth-child(2) { height: 70%; animation-delay: 0.1s; }
.sc-wave-bar:nth-child(3) { height: 90%; animation-delay: 0.2s; }
.sc-wave-bar:nth-child(4) { height: 60%; animation-delay: 0.3s; }
.sc-wave-bar:nth-child(5) { height: 50%; animation-delay: 0.4s; }

@keyframes waveAnimation {
	0%, 100% { transform: scaleY(1); }
	50% { transform: scaleY(1.5); }
}

.sc-podcast-content {
	max-width: 500px;
}

.sc-podcast-title {
	font-family: 'Playfair Display', serif;
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	color: #FFFFFF;
}

.sc-podcast-description {
	font-size: 1.125rem;
	line-height: 1.7;
	margin-bottom: 2.5rem;
	color: #D0D0D0;
}

.sc-podcast-ctas {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.sc-btn--podcast-listen,
.sc-btn--podcast-guest {
	padding: 1rem 2.25rem;
	font-size: 1rem;
	font-weight: 600;
	border-radius: var(--sc-border-radius);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--podcast-listen {
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
}

.sc-btn--podcast-listen:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 25px rgba(220,20,60,0.6);
	transform: translateY(-2px);
}

.sc-btn--podcast-guest {
	background: transparent;
	color: #be2330;
	border: 2px solid #be2330;
}

.sc-btn--podcast-guest:hover {
	background: rgba(220,20,60,0.1);
	border-color: #FF1744;
	color: #FF1744;
}

/* ============================================
   10. THE GATE AWAITS - Final CTA
   ============================================ */
.sc-home-gate {
	padding: 8rem 0;
	background: #0D0000;
	position: relative;
	min-height: 500px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.sc-home-gate__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.sc-gate-vignette {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.9) 100%);
}

.sc-home-gate__content {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.sc-home-gate__title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 700;
	margin-bottom: 2rem;
	color: #FFFFFF;
}

.sc-home-gate__quote {
	font-family: 'Playfair Display', serif;
	font-size: 1.75rem;
	line-height: 1.6;
	margin-bottom: 2rem;
	color: #D0D0D0;
	font-style: italic;
}

.sc-home-gate__pricing {
	font-size: 1.125rem;
	margin-bottom: 2.5rem;
	color: #C0C0C0;
}

.sc-btn--gate-join {
	padding: 1.25rem 3rem;
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%);
	color: #FFFFFF;
	border: 2px solid transparent;
	border-radius: var(--sc-border-radius);
	font-size: 1.25rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.sc-btn--gate-join:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%);
	box-shadow: 0 0 40px rgba(220,20,60,0.8);
	transform: translateY(-3px) scale(1.02);
}

/* ============================================
   RESPONSIVE - MOBILE & TABLET
   ============================================ */
@media (max-width: 968px) {
	.sc-home-paths-grid {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
	
	.sc-home-universe__showcase,
	.sc-home-podcast__layout {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
	
	.sc-home-community__features {
		grid-template-columns: 1fr;
	}
	
	.sc-home-rewards-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.sc-home-container {
		padding: 0 1.5rem;
	}
	
	.sc-home-hero,
	.sc-home-manifesto,
	.sc-home-paths,
	.sc-home-circle,
	.sc-home-whispers,
	.sc-home-universe,
	.sc-home-community,
	.sc-home-rewards,
	.sc-home-podcast,
	.sc-home-gate {
		padding: 5rem 0;
	}
	
	.sc-home-hero__title {
		font-size: 2.5rem;
	}
	
	.sc-home-hero__ctas,
	.sc-home-circle__ctas,
	.sc-universe-ctas,
	.sc-podcast-ctas {
		flex-direction: column;
		gap: 1rem;
	}
	
	.sc-btn--home-primary,
	.sc-btn--home-secondary,
	.sc-btn--home-outline,
	.sc-btn--circle-join,
	.sc-btn--circle-benefits,
	.sc-btn--whispers-submit,
	.sc-btn--universe-read,
	.sc-btn--universe-locked,
	.sc-btn--community-join,
	.sc-btn--rewards-claim,
	.sc-btn--podcast-listen,
	.sc-btn--podcast-guest,
	.sc-btn--gate-join {
		width: 100%;
		text-align: center;
	}
	
	.sc-home-whispers__form {
		flex-direction: column;
	}
	
	.sc-whispers-input {
		width: 100%;
	}
	
	.sc-home-rewards-grid {
		grid-template-columns: 1fr;
	}
	
	.sc-home-sigil {
		width: 300px;
		height: 300px;
	}
	
	.sc-sigil-center {
		font-size: 4rem;
	}
	
	.sc-podcast-mic {
		font-size: 5rem;
	}
	
	.sc-home-audio-toggle {
		top: 1rem;
		right: 1rem;
		padding: 0.5rem 0.75rem;
		font-size: 1rem;
	}
}

@media (min-width: 1020px) {
    .cs-sidebar-right .cs-main-content {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}
/* Header navigation styling removed - using parent theme defaults */


/* ============================================
   MEMBERPRESS PAGES STYLING
   ============================================ */

/* CRITICAL: Override blue background on entire page */
html,
html body,
body,
body.logged-in,
body.mepr-account-page,
body.mepr-login-page,
body.page-template-default,
body.page-id-4394,
body[class*="mepr-"],
body[class*="wp-"],
#page,
.site,
.app-layout,
.dialog-body,
#primary,
#main,
.site-content,
.cs-page-layout-right,
#mepr-page-wrapper,
.mp-wrapper,
.mp_wrapper {
	background: #F5F5F5 !important;
	background-color: #F5F5F5 !important;
}

/* Dark mode backgrounds */
body[site-data-scheme="dark"],
body[site-data-scheme="dark"].logged-in,
body[site-data-scheme="dark"] html,
body[site-data-scheme="dark"] #page,
body[site-data-scheme="dark"] .site,
body[site-data-scheme="dark"] .app-layout,
body[site-data-scheme="dark"] #primary,
body[site-data-scheme="dark"] #main {
	background: #0A0A0A !important;
	background-color: #0A0A0A !important;
}

/* CRITICAL: Hide ALL yellow graphics and decorative SVGs */
svg,
img[src*="graphic"],
img[src*="moon"],
img[src*="warning"],
.mp-graphic,
.mp-graphic-moon,
.mp-graphic-warning,
[class*="mp-graphic"],
svg.mp-graphic,
img.mp-graphic,
svg[class*="graphic"],
div[class*="graphic"],
.mepr-graphic,
canvas,
[role="img"] {
	/* display: none !important;
	opacity: 0 !important;
	visibility: hidden !important; */
	width: 0 !important;
	height: 0 !important;
}

/* Re-enable necessary icons only */
.show-password svg,
button svg,
a svg,
[class*="icon"] svg {
	display: inline-block !important;
	opacity: 1 !important;
	visibility: visible !important;
	width: auto !important;
	height: auto !important;
}

/* Force site header to match theme on MemberPress pages */
.site-header,
#masthead,
header,
body.logged-in .site-header,
body[class*="mepr-"] .site-header,
body.mepr-account-page .site-header,
body.page-template-default .site-header {
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
}

body[site-data-scheme="dark"] .site-header,
body[site-data-scheme="dark"]#masthead,
body[site-data-scheme="dark"] header {
	background: #1A1A1A !important;
	background-color: #1A1A1A !important;
}

/* Hide Soulcraze Popup on MemberPress/Login Pages */
body.logged-in #soulcraze-popup,
body[class*="mepr-"] #soulcraze-popup,
body.page-id-4394 #soulcraze-popup,
body.page-template-default #soulcraze-popup,
.mepr-account-page #soulcraze-popup,
.mepr-login-page #soulcraze-popup,
#soulcraze-popup.soulcraze-popup {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* Warning/Alert Box Styling */
.mp-alert,
.mp-warning,
.mp-notice,
[class*="mp-alert"],
[class*="mp-warning"] {
	background: rgba(190, 35, 48, 0.1) !important;
	border: 1px solid var(--sc-crimson) !important;
	border-left: 3px solid var(--sc-crimson) !important;
	color: var(--sc-text-primary) !important;
	padding: 1.5rem !important;
	border-radius: var(--sc-border-radius) !important;
}

body[site-data-scheme="default"] .mp-alert,
body[site-data-scheme="default"] .mp-warning {
	background: #FFF5F5 !important;
	color: #1A1A1A !important;
}

/* Login Form Container */
#mepr-login-form,
.mepr-login-form,
.mp-login-form,
.mp-form-wrapper,
#mp-login-wrapper {
	background: var(--sc-bg-secondary) !important;
	padding: 3rem !important;
	border-radius: var(--sc-border-radius) !important;
	border: 1px solid var(--sc-border-color) !important;
	max-width: 500px !important;
	margin: 3rem auto !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}

body[site-data-scheme="default"] #mepr-login-form,
body[site-data-scheme="default"] .mepr-login-form,
body[site-data-scheme="default"] .mp-login-form {
	background: #FFFFFF !important;
	border-color: #E0E0E0 !important;
}

body[site-data-scheme="dark"] #mepr-login-form,
body[site-data-scheme="dark"] .mepr-login-form,
body[site-data-scheme="dark"] .mp-login-form {
	background: #1A1A1A !important;
	border-color: #333333 !important;
}

/* Login Form Title */
.mp-form-title,
.mepr-form-title,
#mepr-login-form h2,
.mp-login-form h2 {
	font-family: 'Playfair Display', serif !important;
	font-size: 2rem !important;
	color: var(--sc-text-primary) !important;
	margin-bottom: 2rem !important;
	text-align: center !important;
}

body[site-data-scheme="default"] .mp-form-title,
body[site-data-scheme="default"] #mepr-login-form h2 {
	color: #1A1A1A !important;
}

/* Form Labels */
.mepr-form label,
.mp-form label,
#mepr-login-form label,
.mp-login-form label {
	color: var(--sc-text-primary) !important;
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	margin-bottom: 0.5rem !important;
	display: block !important;
}

body[site-data-scheme="default"] .mepr-form label,
body[site-data-scheme="default"] .mp-form label {
	color: #1A1A1A !important;
}

/* Form Inputs */
.mepr-form input[type="text"],
.mepr-form input[type="email"],
.mepr-form input[type="password"],
.mp-form input[type="text"],
.mp-form input[type="password"],
#mepr-login-form input[type="text"],
#mepr-login-form input[type="password"],
.mp-login-form input {
	width: 100% !important;
	padding: 0.875rem 1rem !important;
	background: var(--sc-bg-tertiary) !important;
	color: var(--sc-text-primary) !important;
	border: 1px solid var(--sc-border-color) !important;
	border-radius: var(--sc-border-radius) !important;
	font-size: 1rem !important;
	font-family: inherit !important;
	transition: all 0.3s ease !important;
}

body[site-data-scheme="default"] .mepr-form input[type="text"],
body[site-data-scheme="default"] .mepr-form input[type="email"],
body[site-data-scheme="default"] .mepr-form input[type="password"],
body[site-data-scheme="default"] .mp-form input {
	background: #F5F5F5 !important;
	color: #1A1A1A !important;
	border-color: #D0D0D0 !important;
}

body[site-data-scheme="dark"] .mepr-form input[type="text"],
body[site-data-scheme="dark"] .mepr-form input[type="email"],
body[site-data-scheme="dark"] .mepr-form input[type="password"],
body[site-data-scheme="dark"] .mp-form input {
	background: #2A2A2A !important;
	color: #FFFFFF !important;
	border-color: #444444 !important;
}

.mepr-form input:focus,
.mp-form input:focus {
	outline: none !important;
	border-color: var(--sc-crimson) !important;
	box-shadow: 0 0 0 3px rgba(190, 35, 48, 0.1) !important;
}

/* Submit Buttons */
.mepr-form input[type="submit"],
.mepr-form button[type="submit"],
.mp-form input[type="submit"],
.mp-form button[type="submit"],
#mepr-login-form input[type="submit"],
.mepr-submit,
button.mepr-submit,
.mp-submit-button {
	width: 100% !important;
	padding: 1rem 2rem !important;
	background: linear-gradient(135deg, #be2330 0%, #9B0A17 100%) !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: var(--sc-border-radius) !important;
	font-size: 1.125rem !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	text-transform: none !important;
	font-family: inherit !important;
}

.mepr-form input[type="submit"]:hover,
.mp-form input[type="submit"]:hover,
.mepr-submit:hover {
	background: linear-gradient(135deg, #FF1744 0%, #be2330 100%) !important;
	box-shadow: 0 0 20px rgba(220, 20, 60, 0.4) !important;
	transform: translateY(-2px) !important;
}

/* Checkbox */
.mepr-form input[type="checkbox"],
.mp-form input[type="checkbox"] {
	width: auto !important;
	margin-right: 0.5rem !important;
	accent-color: var(--sc-crimson) !important;
}

/* Links */
.mepr-form a,
.mp-form a,
#mepr-login-form a {
	color: var(--sc-crimson) !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
}

.mepr-form a:hover,
.mp-form a:hover {
	color: #FF1744 !important;
	text-decoration: underline !important;
}

body[site-data-scheme="default"] .mepr-form a,
body[site-data-scheme="default"] .mp-form a {
	color: #be2330 !important;
}

/* Account Page Navigation */
#mepr-account-nav,
.mepr-account-nav,
.mp-account-nav {
	background: var(--sc-bg-secondary) !important;
	border: 1px solid var(--sc-border-color) !important;
	border-radius: var(--sc-border-radius) !important;
	padding: 1rem !important;
	margin-bottom: 2rem !important;
}

body[site-data-scheme="default"] #mepr-account-nav {
	background: #FFFFFF !important;
	border-color: #E0E0E0 !important;
}

.mepr-account-nav ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	gap: 1rem !important;
	flex-wrap: wrap !important;
}

.mepr-account-nav li {
	margin: 0 !important;
}

.mepr-account-nav a {
	display: inline-block !important;
	padding: 0.75rem 1.5rem !important;
	color: var(--sc-text-primary) !important;
	text-decoration: none !important;
	border-radius: var(--sc-border-radius) !important;
	transition: all 0.3s ease !important;
	background: var(--sc-bg-tertiary) !important;
	border: 1px solid var(--sc-border-color) !important;
}

.mepr-account-nav a:hover,
.mepr-account-nav a.mepr-active-nav {
	background: var(--sc-crimson) !important;
	color: #FFFFFF !important;
	border-color: var(--sc-crimson) !important;
}

/* Profile/Account Content */
.mepr-account-page,
.mp-account-page,
#mepr-account-wrapper {
	background: transparent !important;
}

.mepr-account-page h1,
.mepr-account-page h2,
.mepr-account-page h3,
.mp-account-page h1,
.mp-account-page h2 {
	color: var(--sc-text-primary) !important;
	font-family: 'Playfair Display', serif !important;
}

body[site-data-scheme="default"] .mepr-account-page h1,
body[site-data-scheme="default"] .mepr-account-page h2,
body[site-data-scheme="default"] .mepr-account-page h3 {
	color: #1A1A1A !important;
}

.mepr-account-page p,
.mp-account-page p {
	color: var(--sc-text-secondary) !important;
}

body[site-data-scheme="default"] .mepr-account-page p {
	color: #4A4A4A !important;
}

/* Tables */
.mepr-account-table,
.mepr-table,
.mp-table {
	width: 100% !important;
	border-collapse: collapse !important;
	background: var(--sc-bg-secondary) !important;
	border-radius: var(--sc-border-radius) !important;
	overflow: hidden !important;
	margin: 2rem 0 !important;
}

body[site-data-scheme="default"] .mepr-account-table,
body[site-data-scheme="default"] .mepr-table {
	background: #FFFFFF !important;
}

.mepr-account-table th,
.mepr-table th,
.mp-table th {
	background: var(--sc-bg-tertiary) !important;
	color: var(--sc-text-primary) !important;
	padding: 1rem !important;
	text-align: left !important;
	font-weight: 600 !important;
	border-bottom: 2px solid var(--sc-border-color) !important;
}

.mepr-account-table td,
.mepr-table td,
.mp-table td {
	padding: 1rem !important;
	border-bottom: 1px solid var(--sc-border-color) !important;
	color: var(--sc-text-secondary) !important;
}

body[site-data-scheme="default"] .mepr-account-table td,
body[site-data-scheme="default"] .mepr-table td {
	color: #4A4A4A !important;
}

/* Welcome Message */
.mepr-account-welcome,
.mp-welcome {
	background: rgba(190, 35, 48, 0.1) !important;
	border-left: 3px solid var(--sc-crimson) !important;
	padding: 1.5rem !important;
	border-radius: var(--sc-border-radius) !important;
	margin-bottom: 2rem !important;
	color: var(--sc-text-primary) !important;
}

/* Error Messages */
.mepr-form-error,
.mepr_error,
.mp-error {
	background: rgba(220, 20, 60, 0.1) !important;
	border: 1px solid var(--sc-crimson) !important;
	color: var(--sc-crimson) !important;
	padding: 1rem !important;
	border-radius: var(--sc-border-radius) !important;
	margin-bottom: 1.5rem !important;
}

/* Success Messages */
.mepr-form-success,
.mepr_success,
.mp-success {
	background: rgba(76, 175, 80, 0.1) !important;
	border: 1px solid #4CAF50 !important;
	color: #4CAF50 !important;
	padding: 1rem !important;
	border-radius: var(--sc-border-radius) !important;
	margin-bottom: 1.5rem !important;
}

/* Responsive */
@media (max-width: 768px) {
	#mepr-login-form,
	.mepr-login-form,
	.mp-login-form {
		padding: 2rem 1.5rem !important;
		margin: 1.5rem 1rem !important;
	}
	
	.mepr-account-nav ul {
		flex-direction: column !important;
	}
	
	.mepr-account-nav a {
		display: block !important;
		text-align: center !important;
	}
}