/*
 * Rain Spree Premium — About Page
 * Matches page-about-rain-spree.php exactly.
 */

.rs-about{
	--about-green:#286b35;
	--about-dark:#24452c;
	--about-muted:#687269;
	--about-soft:#f4f7e9;
	--about-border:rgba(40,107,53,.13);
	--about-purple:#7440c4;
	--about-orange:#ed6d1c;
	background:#fff;
	color:var(--about-dark);
}

.rs-about *,
.rs-about *::before,
.rs-about *::after{box-sizing:border-box}

.rs-about h1,
.rs-about h2,
.rs-about h3{
	margin:0;
	color:var(--about-dark);
	font-family:"Cormorant Garamond",Georgia,serif
}

.rs-about p{margin:0}
.rs-about a{text-decoration:none}
.rs-about img{max-width:100%}

.rs-about-container{
	width:min(1120px,calc(100% - 44px));
	margin-inline:auto
}

.rs-about-kicker{
	display:block;
	margin-bottom:6px;
	color:var(--about-green);
	font-family:Inter,Arial,sans-serif;
	font-size:7px;
	font-weight:800;
	letter-spacing:.16em;
	line-height:1.2;
	text-transform:uppercase
}

.rs-about-image-placeholder{
	overflow:hidden;
	background:linear-gradient(135deg,#eef3e7 0%,#f8f8f0 48%,#e5ecda 100%)
}

.rs-about-image-placeholder img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover
}

/* HERO */
.rs-about-hero{padding:14px 0 7px}

.rs-about-hero-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	min-height:250px;
	overflow:hidden;
	border:1px solid var(--about-border);
	border-radius:13px;
	background:var(--about-soft)
}

.rs-about-hero-copy{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:27px 38px
}

.rs-about-hero h1{
	font-size:38px;
	font-weight:600;
	line-height:.88
}

.rs-about-tagline{
	margin-top:5px;
	color:var(--about-green);
	font-family:"Cormorant Garamond",Georgia,serif!important;
	font-size:13px;
	font-weight:600
}

.rs-about-rule{
	display:block;
	width:28px;
	height:1px;
	margin:9px 0 10px;
	background:var(--about-green)
}

.rs-about-description{
	max-width:390px;
	margin-bottom:13px!important;
	color:var(--about-muted);
	font-family:Inter,Arial,sans-serif!important;
	font-size:8px;
	line-height:1.55
}

.rs-about-feature-row{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:8px
}

.rs-about-feature{
	display:flex;
	align-items:center;
	gap:6px;
	min-width:0
}

.rs-about-icon{
	width:25px;
	height:25px;
	flex:0 0 25px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(40,107,53,.18);
	border-radius:50%;
	background:rgba(255,255,255,.75);
	color:var(--about-green);
	font-size:7px
}

.rs-about-feature strong,
.rs-about-feature small{
	display:block;
	font-family:Inter,Arial,sans-serif
}

.rs-about-feature strong{font-size:7px;line-height:1.2}
.rs-about-feature small{margin-top:2px;color:#7a827a;font-size:5px;line-height:1.2}
.rs-about-hero-image{min-height:250px}

/* STORY */
.rs-about-story{padding:7px 0}

.rs-about-story-grid{
	display:grid;
	grid-template-columns:.9fr 1.1fr;
	min-height:190px;
	overflow:hidden;
	border:1px solid var(--about-border);
	border-radius:13px;
	background:#fafbf6
}

.rs-about-story-copy{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:25px 35px
}

.rs-about-story h2{
	margin-bottom:8px;
	font-size:25px;
	line-height:.95
}

.rs-about-story-copy p{
	max-width:410px;
	margin-bottom:7px;
	color:var(--about-muted);
	font-family:Inter,Arial,sans-serif;
	font-size:7px;
	line-height:1.55
}

.rs-about-button{
	align-self:flex-start;
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin-top:4px;
	padding:5px 10px;
	border:1px solid rgba(40,107,53,.3);
	border-radius:999px;
	color:var(--about-green);
	font-family:Inter,Arial,sans-serif;
	font-size:6px;
	font-weight:700
}

.rs-about-button:hover{background:var(--about-green);color:#fff}
.rs-about-story-image{min-height:190px}

/* THREE AREAS */
.rs-about-areas{padding:10px 0 8px}

.rs-about-heading{
	margin-bottom:10px;
	text-align:center
}

.rs-about-heading .rs-about-kicker{margin-bottom:3px}
.rs-about-heading h2{font-size:22px;line-height:.95}

.rs-about-heading p{
	max-width:530px;
	margin:4px auto 0;
	color:var(--about-muted);
	font-family:Inter,Arial,sans-serif;
	font-size:7px;
	line-height:1.45
}

.rs-about-area-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:9px
}

.rs-about-area-card{
	overflow:hidden;
	border:1px solid rgba(40,107,53,.1);
	border-radius:10px;
	background:#fff
}

.rs-about-area-image{height:105px}

.rs-about-area-content{padding:8px 10px 9px}

.rs-about-area-content h3{
	display:flex;
	align-items:center;
	gap:5px;
	margin-bottom:4px;
	font-family:Inter,Arial,sans-serif;
	font-size:8px;
	font-weight:800;
	line-height:1.2
}

.rs-about-area-content h3 i{font-size:8px}

.rs-about-area-content p{
	min-height:23px;
	margin-bottom:6px;
	color:var(--about-muted);
	font-family:Inter,Arial,sans-serif;
	font-size:6px;
	line-height:1.4
}

.rs-about-area-content a{
	display:inline-flex;
	align-items:center;
	gap:5px;
	padding:4px 8px;
	border:1px solid currentColor;
	border-radius:999px;
	font-family:Inter,Arial,sans-serif;
	font-size:6px;
	font-weight:700
}

.rs-about-area-wellness h3,.rs-about-area-wellness a{color:var(--about-green)}
.rs-about-area-digital h3,.rs-about-area-digital a{color:var(--about-purple)}
.rs-about-area-pod h3,.rs-about-area-pod a{color:var(--about-orange)}

/* BELIEFS */
.rs-about-beliefs{padding:8px 0}

.rs-about-beliefs-grid{
	display:grid;
	grid-template-columns:.72fr 1.28fr;
	min-height:150px;
	overflow:hidden;
	border-radius:12px;
	background:var(--about-soft)
}

.rs-about-beliefs-image{min-height:150px}

.rs-about-beliefs-copy{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:20px 28px
}

.rs-about-beliefs-copy h2{
	margin-bottom:8px;
	font-size:22px;
	line-height:.95
}

.rs-about-checks{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:5px 15px;
	margin:0;
	padding:0;
	list-style:none
}

.rs-about-checks li{
	display:flex;
	align-items:flex-start;
	gap:5px
}

.rs-about-checks li>i{
	width:14px;
	height:14px;
	flex:0 0 14px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:1px;
	border-radius:50%;
	background:#e2eedb;
	color:var(--about-green);
	font-size:5px
}

.rs-about-checks strong,
.rs-about-checks small{
	display:block;
	font-family:Inter,Arial,sans-serif
}

.rs-about-checks strong{font-size:6px;line-height:1.2}
.rs-about-checks small{margin-top:1px;color:#778078;font-size:5px;line-height:1.25}

.rs-about-belief-note{
	margin-top:7px!important;
	color:var(--about-green);
	font-family:Inter,Arial,sans-serif;
	font-size:6px;
	font-weight:600
}

/* VALUES */
.rs-about-trust{padding:9px 0 8px}

.rs-about-trust-grid{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:8px
}

.rs-about-trust-item{
	padding:4px 6px;
	text-align:center
}

.rs-about-trust-item>span{
	width:24px;
	height:24px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 5px;
	border-radius:50%;
	background:#edf4e8;
	color:var(--about-green);
	font-size:7px
}

.rs-about-trust-item strong{
	display:block;
	font-family:Inter,Arial,sans-serif;
	font-size:6px;
	line-height:1.25
}

.rs-about-trust-item p{
	margin-top:2px;
	color:#788078;
	font-family:Inter,Arial,sans-serif;
	font-size:5px;
	line-height:1.35
}

/* COMMUNITY */
.rs-about-community{padding:8px 0}

.rs-about-community-heading{
	margin-bottom:8px;
	text-align:center
}

.rs-about-community-heading h2{font-size:22px;line-height:.95}

.rs-about-community-heading p{
	margin-top:4px;
	color:var(--about-muted);
	font-family:Inter,Arial,sans-serif;
	font-size:7px
}

.rs-about-community-grid{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:7px;
	padding:8px 0 7px;
	border-top:1px solid rgba(40,107,53,.08);
	border-bottom:1px solid rgba(40,107,53,.08)
}

.rs-about-community-item{
	padding:3px 6px;
	text-align:center
}

.rs-about-community-item>span{
	width:25px;
	height:25px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 4px;
	border:1px solid rgba(40,107,53,.1);
	border-radius:50%;
	background:#f7f8ef;
	color:var(--about-green);
	font-size:7px
}

.rs-about-community-item strong,
.rs-about-community-item small{
	display:block;
	font-family:Inter,Arial,sans-serif
}

.rs-about-community-item strong{font-size:6px}
.rs-about-community-item small{margin-top:2px;color:#7b837b;font-size:5px;line-height:1.3}

.rs-about-community-message{
	padding-top:7px;
	text-align:right
}

.rs-about-community-message span,
.rs-about-community-message strong{
	display:block;
	font-family:"Cormorant Garamond",Georgia,serif
}

.rs-about-community-message span{color:#71816e;font-size:11px}
.rs-about-community-message strong{color:var(--about-green);font-size:12px}

/* NEWSLETTER */
.rs-about-newsletter{padding:7px 0 15px}

.rs-about-newsletter-inner{
	display:grid;
	grid-template-columns:105px 1fr auto;
	align-items:center;
	gap:13px;
	min-height:65px;
	overflow:hidden;
	border:1px solid rgba(40,107,53,.1);
	border-radius:10px;
	background:#f2f5e6
}

.rs-about-newsletter-image{
	align-self:stretch;
	min-height:65px
}

.rs-about-newsletter-copy{padding:7px 0}
.rs-about-newsletter-copy .rs-about-kicker{margin-bottom:2px}

.rs-about-newsletter-copy h2{
	margin-bottom:2px;
	font-size:15px;
	line-height:1
}

.rs-about-newsletter-copy p{
	color:var(--about-muted);
	font-family:Inter,Arial,sans-serif;
	font-size:6px;
	line-height:1.3
}

.rs-about-newsletter-form{
	display:flex;
	align-items:center;
	gap:5px;
	padding-right:15px
}

.rs-about-newsletter-form input{
	width:145px;
	height:25px;
	padding:0 8px;
	border:1px solid rgba(40,107,53,.12);
	border-radius:6px;
	background:#fff;
	font-family:Inter,Arial,sans-serif;
	font-size:6px;
	outline:none
}

.rs-about-newsletter-form button{
	height:25px;
	padding:0 11px;
	border:0;
	border-radius:6px;
	background:var(--about-green);
	color:#fff;
	font-family:Inter,Arial,sans-serif;
	font-size:6px;
	font-weight:700;
	cursor:pointer
}

.rs-about-newsletter-form button:hover{background:#1d572b}

.rs-about .screen-reader-text{
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	padding:0!important;
	margin:-1px!important;
	overflow:hidden!important;
	clip:rect(0,0,0,0)!important;
	white-space:nowrap!important;
	border:0!important
}

/* =========================================================
   ABOUT PAGE — TEXT VISIBILITY / CONTRAST FIX
   ========================================================= */

.rs-about {
    color: #263b2a;
}

/* Main headings */
.rs-about h1,
.rs-about h2,
.rs-about h3 {
    color: #1f4d29 !important;
}

/* Hero */
.rs-about-hero h1 {
    color: #1f4d29 !important;
    font-size: 42px;
}

.rs-about-tagline {
    color: #2f7139 !important;
    font-size: 15px;
}

.rs-about-description {
    color: #465448 !important;
    font-size: 10px;
    line-height: 1.65;
}

/* Small section labels */
.rs-about-kicker {
    color: #267035 !important;
    font-size: 8px;
    font-weight: 800;
}

/* Feature text */
.rs-about-feature strong {
    color: #263b2a !important;
    font-size: 8px;
}

.rs-about-feature small {
    color: #59645b !important;
    font-size: 6.5px;
}

/* Story */
.rs-about-story h2 {
    color: #1f4d29 !important;
    font-size: 28px;
}

.rs-about-story-copy p {
    color: #465448 !important;
    font-size: 8px;
    line-height: 1.65;
}

/* Three Worlds */
.rs-about-heading h2 {
    color: #1f4d29 !important;
    font-size: 25px;
}

.rs-about-heading p {
    color: #59645b !important;
    font-size: 8px;
}

.rs-about-area-content h3 {
    font-size: 9px;
}

.rs-about-area-content p {
    color: #4f5b51 !important;
    font-size: 7px;
    line-height: 1.5;
}

/* Beliefs */
.rs-about-beliefs-copy h2 {
    color: #1f4d29 !important;
    font-size: 25px;
}

.rs-about-checks strong {
    color: #2d4031 !important;
    font-size: 7px;
}

.rs-about-checks small {
    color: #59645b !important;
    font-size: 6px;
}

.rs-about-belief-note {
    color: #267035 !important;
    font-size: 7px;
}

/* Values */
.rs-about-trust .rs-about-heading h2 {
    color: #1f4d29 !important;
}

.rs-about-trust-item strong {
    color: #304333 !important;
    font-size: 7px;
}

.rs-about-trust-item p {
    color: #5d675f !important;
    font-size: 6px;
}

/* Community */
.rs-about-community-heading h2 {
    color: #1f4d29 !important;
    font-size: 25px;
}

.rs-about-community-heading p {
    color: #59645b !important;
    font-size: 8px;
}

.rs-about-community-item strong {
    color: #304333 !important;
    font-size: 7px;
}

.rs-about-community-item small {
    color: #5d675f !important;
    font-size: 6px;
}

/* Final message */
.rs-about-community-message span {
    color: #526354 !important;
}

.rs-about-community-message strong {
    color: #267035 !important;
}

/* Newsletter */
.rs-about-newsletter-copy h2 {
    color: #1f4d29 !important;
    font-size: 18px;
}

.rs-about-newsletter-copy p {
    color: #536055 !important;
    font-size: 7px;
}

/* Buttons */
.rs-about-button,
.rs-about-area-content a {
    font-weight: 700;
}

/* Prevent theme/global styles from fading the page */
.rs-about p,
.rs-about span,
.rs-about small,
.rs-about strong,
.rs-about a {
    opacity: 1 !important;
}