<![CDATA[<style>#OverlappingImages--template--14451231752278__9b6b10f0-436a-4f91-8bad-3a18603e173c {
--PT: 60px;
--PB: 60px;
--bg: #fafafa;
--image-offset: 60px;
}
.overlapping-images {
--image-offset-negative: 60px;
overflow: hidden;
background: #fafafa;
}
.section-padding {
--padding-top: 60px;
--padding-bottom: 60px;
padding-top: 60px;
padding-bottom: 60px;
}
.wrapper--full-padded {
width: 100%;
margin: 0 auto;
max-width: 100%;
}
.overlapping-images__block {
margin: 0 auto;
}
.overlapping-images__images--single-mobile {
padding-bottom: 0;
}
.overlapping-images__images {
position: relative;
width: 100%;
padding: 0;
}
.overlapping-images__images-inner--single {
width: 100%;
margin: 0;
}
.overlapping-images__images-inner {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
}
.body--rounded-corners .overlapping-images__image {
border-radius: 8px;
overflow: hidden;
}
.overlapping-images__image {
position: relative;
flex: 1 0 50%;
max-height: 560px;
background-color: #fafafa;
}
.overlapping-images__image-bg {
position: relative;
max-height: inherit;
background: center center / cover no-repeat;
border-radius: 10px;
}
.bg-pos-center-center {
background-position: center center !important;
}
.overlapping-images__image-bg::before {
content: "";
display: block;
width: 100%;
height: 0;
min-height: 1px;
font-size: 0;
padding-top: 129%;
}
.overlapping-images__content {
max-width: 600px;
}
.text-center {
text-align: center;
}
.main-heading {
color: #000;
margin-bottom: 10px;
font-size: 48px;
line-height: 1.2;
font-family: "Instrument Sans", sans-serif;
font-weight: 400;
font-style: normal;
margin: 0 0 24px;
}
.overlapping-images__text {
font-size: 17px;
margin: 0;
}
.main-text {
display: block;
color: #000;
font-family: "Instrument Sans", sans-serif;
font-weight: 400;
font-style: normal;
}
.main-buttons {
margin: 4px -8px 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.text-center .main-buttons__item {
justify-content: center;
}
.main-buttons__item {
display: flex;
align-items: center;
margin: 16px 8px 0;
}
.btn {
position: relative;
display: inline-block;
overflow: hidden;
color: #fff;
background: #000000;
border: 1px solid #000000;
padding: 15px 22px;
line-height: 22px;
border-radius: 30px;
text-decoration: none;
box-shadow: none;
font-family: "Instrument Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 19px;
text-align: center;
will-change: color, border, background;
transition: color .3s, border .3s, background linear;
z-index: 1;
-webkit-tap-highlight-color: initial;
text-transform: none;
letter-spacing: 0px;
}
.btn::before {
content: "";
position: absolute;
display: flex;
left: -1px;
top: 0;
right: -1px;
bottom: 0;
background: #fff;
transform: scale(1, 0);
transform-origin: top center;
will-change: transform;
z-index: -1;
transition: transform .3s;
}
.show-buttons-animation .btn:hover {
color: #000000;
background-color: #000000;
border-color: #000000;
transition: color .3s, border .3s, background 0s linear .3s;
}
.wrapper--full-padded:after {
display: table;
content: "";
clear: both;
}
@media only screen and (min-width: 768px) {
.overlapping-images__block {
display: grid;
align-items: center;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.overlapping-images__block--reverse .overlapping-images__images {
order: 1;
}
}
@media only screen and (min-width: 1024px) {
.wrapper--full-padded {
padding: 0 60px;
--wrapper-width: 1920px;
}
}
@media only screen and (min-width: 1440px) {
.overlapping-images__block {
gap: 60px;
}
.overlapping-images__block--reverse .overlapping-images__images {
margin: 0 auto 0 0;
}
.overlapping-images__block--reverse .overlapping-images__content {
margin: 0 0 0 auto;
}
.overlapping-images__content {
width: 75%;
}
.btn {
min-width: 180px;
}
}
@media only screen and (max-width: 479px) {
.main-buttons {
flex-flow: column;
}
.btn {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.section-padding {
--padding-top: 60px;
--padding-bottom: 60px;
}
.overlapping-images__images--single-mobile .overlapping-images__images-inner {
width: 100%;
margin-left: 0;
}
.overlapping-images__content {
padding-top: 30px;
margin-bottom: -15px;
}
.main-heading {
font-size: 30px;
}
.wrapper--full-padded {
width: 100%;
padding: 0 20px;
}
.overlapping-images__text {
font-size: 14px;
margin: 0;
}
.btn {
font-size: 14px;
}
}</style><div id="shopify-section-template--14451231752278__9b6b10f0-436a-4f91-8bad-3a18603e173c" class="shopify-section">
<section id="OverlappingImages--template--14451231752278__9b6b10f0-436a-4f91-8bad-3a18603e173c"
class="section-padding overlapping-images"
data-section-id="template--14451231752278__9b6b10f0-436a-4f91-8bad-3a18603e173c"
data-section-type="overlapping-images">
<div class="wrapper--full-padded">
<div class="overlapping-images__block overlapping-images__block--reverse">
<div class="overlapping-images__images overlapping-images__images--single-mobile"
style="max-width: 610px;">
<div
class="overlapping-images__images-inner overlapping-images__images-inner--single">
<div class="overlapping-images__image lazy-image"
style="background-image: none;">
<div class="overlapping-images__image-bg bg-pos-center-center lazyloaded"
data-bgset="//olivercompanylondon.com/cdn/shop/files/factory_photos_for_mobile_3_180x.jpg?v=1666276003 180w 234h, //olivercompanylondon.com/cdn/shop/files/factory_photos_for_mobile_3_360x.jpg?v=1666276003 360w 468h, //olivercompanylondon.com/cdn/shop/files/factory_photos_for_mobile_3.jpg?v=1666276003 500w 650h"
data-parent-fit="cover"
style="--aspect-ratio: 129.99999999999997%; background-image: url("https://olivercompanylondon.com/cdn/shop/files/factory_photos_for_mobile_3.jpg?v=1666276003");">
<picture style="display: none;">
<source data-srcset="//olivercompanylondon.com/cdn/shop/files/factory_photos_for_mobile_3_180x.jpg?v=1666276003 180w 234h, //olivercompanylondon.com/cdn/shop/files/factory_photos_for_mobile_3_360x.jpg?v=1666276003 360w 468h, //olivercompanylondon.com/cdn/shop/files/factory_photos_for_mobile_3.jpg?v=1666276003 500w 650h"
sizes="610px"
srcset="//olivercompanylondon.com/cdn/shop/files/factory_photos_for_mobile_3_180x.jpg?v=1666276003 180w 234h, //olivercompanylondon.com/cdn/shop/files/factory_photos_for_mobile_3_360x.jpg?v=1666276003 360w 468h, //olivercompanylondon.com/cdn/shop/files/factory_photos_for_mobile_3.jpg?v=1666276003 500w 650h">
<img alt="" class="lazyautosizes lazyloaded"
data-sizes="auto"
data-parent-fit="cover" sizes="610px">
</picture>
</div>
<noscript>
<div class="overlapping-images__image-bg bg-pos-center-center"
style="background-image: url(//olivercompanylondon.com/cdn/shop/files/factory_photos_for_mobile_3_1024x.jpg?v=1666276003); --aspect-ratio: 129.99999999999997%;">
</div>
</noscript>
</div>
</div>
</div>
<div class="overlapping-images__content text-center">
<h2 class="overlapping-images__heading main-heading">Ethics & Transparency
</h2>
<div class="overlapping-images__text main-text rte">
<p>Sustainability is about going further than just the ingredients in a
product. We work closely with our suppliers to ensure a high
standard of ethics are maintained from production of the
materials through to the product manufacturing.</p>
<p> We want to be completely transparent with you. We’ve spent a
lot of time finding the right suppliers and manufacturers and
want to and share the stories of how our product came to be. We
aim to trace back all of our products ingredients, so that you
know exactly what you're buying into.</p>
</div>
<div class="overlapping-images__buttons main-buttons">
<div class="main-buttons__item">
<a href="/pages/our-factory" class="btn btn--primary">Discover
factories</a>
</div>
</div>
</div>
</div>
</div>
</section>
</div>]]>