.our-values-hero {
	height:auto;
}
.our-values-hero section {
	position:relative; 
	background:#e53714; /* NOT primary red, slightly different asset */
	color:#ffffff;
	overflow:hidden;
}
.our-values-hero .content_wrapper {
	position:relative;
	height:100%;
}
.our-values-hero .rich-text {
	width:auto;
}
.our-values-hero section::before {
	content:'';
	display:block;
	background:url(/content/dam/NorthAmerica/pureorganic/images/2025/home/our-values-hero.jpg) center top / auto 100% no-repeat;
	padding-top:calc(16em + 33vw);
	mask:linear-gradient(to bottom, #f00 79%, #f000 83%);
	margin-bottom: 2em;
}
.our-values-hero h1 {
	max-width:9em;
	position:relative;
	top: -2.5em;
}
.our-values-hero .dots {
	--colorbg:#e53714;
	--color1:#f4633a;
	--color2:#f4633a;
	--color3:#f4633a;
	left:25%;
}
@media (min-width:48em) {
	.our-values-hero section {
		height:min(48em, calc(8em + 42vw));
	}	
	.our-values-hero section::before {
		position:absolute;
		padding:0;
		left:50%;
		margin-left:max(-6em ,-10%);
		margin-bottom:0;
		right:-6em;
		top:0;
		bottom:0;
		background-position:left center;
		mask:none;
	}
	.our-values-hero h1 {
		max-width:7em;
		top:0;
	}
	.our-values-hero .dots {
		left:15%;
	}
}



.our-values-brand .content_wrapper {
	position:relative;
	text-align:center;
	padding-top:1em;
}
.our-values-brand .rich-text {
	font-size:min(1em, calc(2vw + 0.25em));
}
.our-values-brand p {
	max-width:20em;
	font-size: 1.5em;
}
.our-values-brand .polaroid-1,
.our-values-brand .polaroid-2 {
	background:var(--secondary-blue);
	border:0.2em solid;
	border-radius:1em / 140% 80% 10% 270%;
	color:#ffffff;
	display:inline-block;
}
.our-values-brand .polaroid-1 {
	transform:rotate(-9deg);
	width:16em;
	height:14em;
	padding:0.67em;
	margin:2em 6em -2em -4em;
}
.our-values-brand .polaroid-1 img {
	height:90%;
	object-fit:cover;
}
.our-values-brand .polaroid-2 {
	background:var(--secondary-blue);
	border:0.2em solid;
	color:#ffffff;
	display:inline-block;
	transform:rotate(9deg);
	margin:-8em 0 4em 11em;
	width:14em;
	padding:1em;
}
.our-values-brand ul {
	background:#ffffff;
	color:var(--primary-black);
	margin:0;
	padding:0;
	list-style:none;
	text-align:initial;
}
.our-values-brand h2 {
	font-size:1.25em;
	padding-top:0.25em;
}
.our-values-brand li {
	padding:0.75em 0.5em 0.75em 2em;
	position:relative;
}
.our-values-brand li::before {
	content:'';
	background:currentcolor;
	display:inline-block;
	position:absolute;
	margin:0.65em -1em;
	padding:0.2em;border-radius:100%;
}
.our-values-brand li:nth-child(even) {
	background:#f3faf9;
}

.our-values-brand .rich-text::before,
.our-values-brand .rich-text::after {
	content:'';
	display:block;
	position:absolute;
	z-index:1;
}
.our-values-brand .rich-text::before {
	bottom: 2em;
	left: -3em;
	width: 13em;
	height: 16em;
	background:url(/content/dam/NorthAmerica/pureorganic/images/2025/home/bop-pineapple.png) center / contain no-repeat;
}
.our-values-brand .rich-text::after {
	background:url(/content/dam/NorthAmerica/pureorganic/images/2025/home/bop-bites.png) center / contain no-repeat;
	right: -2em;
	bottom: 19.5em;
	height: 13em;
	width: 6em;
	transform: rotate(180deg) scaley(-1);
}
.home-whychoose.our-values-version h2 {
	max-width:18em;
}

@media (min-width:48em) {
	.our-values-brand p {
		max-width:none;
	}
	.our-values-brand .rich-text {
		max-width:38em;
		margin:auto;
		position:relative;
		padding:0 20%;
	}
	.our-values-brand .rich-text::before,
	.our-values-brand .rich-text::after {
		font-size:125%;
	}
	.our-values-brand .rich-text::after {
		top:4em;
		right:0;
	}
	.our-values-brand .polaroid-1 {
		margin: 2em 8em -2em -9em;
	}
	.our-values-brand .polaroid-2 {
		margin: -10em 0 6em 12.5em;
	}
}


.our-values-start {
	background:var(--primary-aqua);
	overflow:hidden;
	position:relative;
}
.our-values-start .content_wrapper {
	position:relative;
	padding:4em 0 6em;
}
.our-values-start h2 {
	text-align:center;
	max-width:14em;
}
@media (max-width:36em) {
	.our-values-start h2 {
		font-size:min(5vw, 2em);
	}
}
.our-values-start .dots {
	--colorbg: var(--primary-aqua);
	--color1: #bee6e1;
	--color2: #bee6e1;
	--color3: #bee6e1;
	bottom:0;
	top:auto;
}
.our-values-start .dots-2 {
	left: 85%;
	width: 6em;
	height: 6em;
	margin: -3em -10em;
}
.our-values-start-row {
	padding:2em 0;
}
.our-values-start-img {
	width: 67%;
	max-width: 18em;
	margin:auto;
	position:relative;
}
.our-values-start-text {
	max-width:24em;
	margin:auto;
	font-weight:bold;
}
.our-values-start::before {
	content:'';
	display:block;
	position:absolute;
	left: -2em;
	height:12em;
	top:14em;
	width: 13em;
	margin: -5em 0;
	font-size:min(1em, calc(2vw + 0.25em));
	background:url(../images/2025/home/bop-bars.png) right center / contain no-repeat;
	transform: scalex(-1) rotate(12deg);
	z-index:1;
}
.our-values-start-img::after {
	content:'';
	display:block;
	position: absolute;
	margin: -12em 16em 2em;
	height:12em;
	width: 10em;
	font-size:min(1em, calc(2vw + 0.25em));
	background:url(../images/2025/home/bop-passionfruit.png) right center / contain no-repeat;
}
@media (min-width:48em) {
	.our-values-start-row {
		display:flex;
		align-items:flex-start;
		justify-content:center;
		gap:4em;
	}
	.our-values-start-img {
		margin:2em 0 0;
	}
	.our-values-start-text {
		margin:1em 0 0;
	}
	.our-values-start-img::after {
		margin: -6em 16em 2em;
	}
	.home-givingback {
		padding-bottom:2em;
	}
	.home-givingback::before {
		right: min(60%, calc(50% + 4em));
	}
}




.our-values-social {
	background:var(--primary-yellow);
	color:var(--primary-black);
	text-align:center;
	overflow:hidden;
}
.our-values-social .content_wrapper {
	position:relative;
	padding:6em 0 6em;
}
.our-values-social .dots {
	--colorbg:var(--primary-yellow);
	--color1: #fddc86;
	--color2: #fddc86;
	--color3: #fddc86;
}
.our-values-social p {
	font-weight:bold;
	max-width:26em;
}
.our-values-social .social_icons a {
	font-size:1.5em; 
	padding:0 0 0.5em;
	width:1.5em;
	height:1em;
	background:var(--primary-black); border:0.1em solid; border-radius:100%;
	color:var(--primary-yellow);
	box-shadow:0 0 0 0.1em var(--primary-black);
}
.our-values-social .social_icons .tooltip {
	bottom:-2.5em;
}