/*
 * One Earth Academy Case Study
 * Visual translation of the supplied Vercel page, scoped so WordPress theme
 * header/footer and the rest of the site are not restyled.
 */
.one-earth-case-study {
  --oe-ground:#000615;
  --oe-paper:#F3F6FF;
  --oe-blue:#4C72FF;
  --oe-blue-2:#A9BEFF;
  --oe-gold:#F5C33C;
  --oe-dim:rgba(243,246,255,.55);
  --oe-faint:rgba(243,246,255,.32);
  --oe-line:rgba(243,246,255,.10);
  --oe-display:'Poppins',system-ui,sans-serif;
  --oe-body:'DM Sans',system-ui,sans-serif;
  --oe-gutter:clamp(22px,5.5vw,88px);
  --oe-max:1160px;
  --oe-air:clamp(88px,17vh,190px);

  position:relative;
  left:50%;
  width:100vw;
  max-width:100vw !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  background:var(--oe-ground);
  color:var(--oe-paper);
  font-family:var(--oe-body);
  font-size:16px;
  font-weight:400;
  line-height:1.6;
  text-align:left;
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
  overflow:hidden;
  isolation:isolate;
}

.one-earth-case-study,
.one-earth-case-study * {
  box-sizing:border-box;
}

.one-earth-case-study h1,
.one-earth-case-study h2,
.one-earth-case-study h3,
.one-earth-case-study p,
.one-earth-case-study blockquote,
.one-earth-case-study figure {
  margin:0;
  padding:0;
  border:0;
}

.one-earth-case-study img {
  max-width:100%;
  height:auto;
  display:block;
  border:0;
  box-shadow:none;
}

.one-earth-case-study a {
  color:inherit;
  text-decoration:none;
  box-shadow:none;
}

.one-earth-case-study .oe-wrap {
  width:auto;
  max-width:var(--oe-max);
  margin:0 auto;
  padding:0 var(--oe-gutter);
}

.one-earth-case-study .oe-kick {
  font-family:var(--oe-display);
  font-weight:600;
  font-size:11px;
  line-height:1.6;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--oe-blue);
}

.one-earth-case-study .oe-hero {
  padding:clamp(36px,7vh,80px) 0 var(--oe-air);
  text-align:center;
  background:transparent;
}

.one-earth-case-study .oe-hero img {
  width:min(100%,720px);
  margin:clamp(26px,5vh,54px) auto;
}

.one-earth-case-study .oe-hero h1 {
  font-family:var(--oe-display);
  font-weight:700;
  font-size:clamp(38px,7.6vw,84px);
  line-height:1;
  letter-spacing:-.035em;
  color:var(--oe-paper);
}

.one-earth-case-study .oe-meta {
  margin-top:18px;
  font-family:var(--oe-body);
  font-size:12.5px;
  line-height:1.6;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--oe-faint);
}

.one-earth-case-study .oe-scroll {
  margin-top:clamp(44px,8vh,88px);
  font-family:var(--oe-display);
  font-weight:600;
  font-size:11px;
  line-height:1.6;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--oe-faint);
}

.one-earth-case-study .oe-scroll span {
  display:block;
  margin-top:12px;
  font-size:19px;
  animation:oe-bob 2.2s ease-in-out infinite;
}

@keyframes oe-bob {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(8px); }
}

.one-earth-case-study .oe-s {
  padding:var(--oe-air) 0;
  background:transparent;
}

.one-earth-case-study h2 {
  font-family:var(--oe-display);
  font-weight:700;
  font-size:clamp(29px,5.4vw,60px);
  line-height:1.05;
  letter-spacing:-.032em;
  text-transform:none;
  color:var(--oe-paper);
  max-width:15ch;
  margin-top:22px;
}

.one-earth-case-study .oe-hl {
  color:var(--oe-gold);
}

.one-earth-case-study .oe-say {
  margin-top:clamp(20px,3.5vh,30px);
  font-family:var(--oe-body);
  font-weight:400;
  font-size:clamp(15.5px,1.6vw,19px);
  line-height:1.6;
  color:var(--oe-dim);
  max-width:40ch;
}

.one-earth-case-study .oe-split {
  display:grid;
  gap:clamp(34px,6vh,64px);
  align-items:center;
}

.one-earth-case-study .oe-art img {
  width:100%;
}

.one-earth-case-study .oe-cards {
  display:grid;
  gap:clamp(12px,1.6vw,18px);
  margin-top:clamp(44px,8vh,80px);
}

.one-earth-case-study .oe-card {
  border:0;
  border-radius:20px;
  padding:clamp(26px,3.4vw,44px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:clamp(150px,20vw,215px);
  box-shadow:none;
}

.one-earth-case-study .oe-card .oe-fig {
  font-family:var(--oe-display);
  font-weight:800;
  line-height:.92;
  letter-spacing:-.045em;
  font-size:clamp(46px,8.4vw,104px);
}

.one-earth-case-study .oe-card .oe-lbl {
  font-family:var(--oe-display);
  font-weight:600;
  margin-top:14px;
  line-height:1.2;
  font-size:clamp(13px,1.5vw,17px);
  letter-spacing:.01em;
  max-width:22ch;
}

.one-earth-case-study .oe-card-b {
  background:var(--oe-blue);
  color:#fff;
}

.one-earth-case-study .oe-card-b2 {
  background:var(--oe-blue-2);
  color:#00102E;
}

.one-earth-case-study .oe-row {
  display:grid;
  gap:clamp(26px,4vh,44px);
  margin-top:clamp(40px,7vh,72px);
}

.one-earth-case-study .oe-r .oe-fig {
  font-family:var(--oe-display);
  font-weight:700;
  font-size:clamp(34px,5vw,54px);
  line-height:1;
  letter-spacing:-.04em;
}

.one-earth-case-study .oe-r.oe-lit .oe-fig {
  color:var(--oe-gold);
}

.one-earth-case-study .oe-r p {
  margin-top:12px;
  font-family:var(--oe-body);
  font-weight:400;
  font-size:14.5px;
  line-height:1.6;
  color:var(--oe-dim);
  max-width:24ch;
}

.one-earth-case-study .oe-steps {
  display:grid;
  gap:clamp(32px,5vh,56px);
  margin-top:clamp(40px,7vh,72px);
}

.one-earth-case-study .oe-step .oe-n {
  font-family:var(--oe-display);
  font-weight:700;
  font-size:11.5px;
  line-height:1.6;
  letter-spacing:.18em;
  color:var(--oe-blue);
}

.one-earth-case-study .oe-step h3 {
  font-family:var(--oe-display);
  font-weight:600;
  font-size:clamp(18px,2.1vw,24px);
  line-height:1.2;
  letter-spacing:-.02em;
  text-transform:none;
  color:var(--oe-paper);
  margin:14px 0 10px;
  max-width:14ch;
}

.one-earth-case-study .oe-step p {
  font-family:var(--oe-body);
  font-weight:400;
  font-size:14.5px;
  line-height:1.6;
  color:var(--oe-dim);
  max-width:28ch;
}

.one-earth-case-study .oe-q {
  margin-top:0;
  font-family:var(--oe-display);
  font-style:normal;
  font-weight:600;
  font-size:clamp(25px,4.2vw,50px);
  line-height:1.2;
  letter-spacing:-.03em;
  color:var(--oe-paper);
  max-width:17ch;
  quotes:none;
  background:none;
}

.one-earth-case-study .oe-q::before,
.one-earth-case-study .oe-q::after {
  content:none;
}

.one-earth-case-study .oe-q em {
  font-style:normal;
  color:var(--oe-gold);
}

.one-earth-case-study .oe-q-spaced {
  margin-top:22px;
}

.one-earth-case-study .oe-by {
  margin-top:clamp(24px,3.6vh,34px);
  font-family:var(--oe-body);
  font-weight:400;
  font-size:11.5px;
  line-height:1.6;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--oe-faint);
}

.one-earth-case-study .oe-cta {
  padding:var(--oe-air) 0;
  text-align:center;
  border-top:1px solid var(--oe-line);
  background:transparent;
}

.one-earth-case-study .oe-cta h2 {
  margin:0 auto;
  max-width:13ch;
}

.one-earth-case-study .oe-btn {
  display:inline-block;
  margin-top:clamp(32px,5vh,52px);
  font-family:var(--oe-display);
  font-weight:600;
  font-size:15px;
  line-height:1.6;
  letter-spacing:normal;
  text-transform:none;
  background:var(--oe-blue);
  color:#fff;
  padding:17px 40px;
  border:0;
  border-radius:99px;
  box-shadow:none;
  transition:transform .2s;
}

.one-earth-case-study .oe-btn:hover,
.one-earth-case-study .oe-btn:focus {
  color:#fff;
  background:var(--oe-blue);
  text-decoration:none;
  transform:translateY(-2px);
}

/*
 * Reveal elements are visible by default. JavaScript opts a rendered instance
 * into animation by adding .oe-animate. This is important for page builders
 * such as Elementor, which can inject shortcode markup after DOMContentLoaded.
 * If JavaScript does not initialise for any reason, the content still shows.
 */
.one-earth-case-study .oe-rv {
  opacity:1;
  transform:none;
  transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);
}

.one-earth-case-study.oe-animate .oe-rv:not(.oe-in) {
  opacity:0;
  transform:translateY(20px);
}

.one-earth-case-study .oe-rv.oe-in {
  opacity:1;
  transform:none;
}

@media (min-width:720px) {
  .one-earth-case-study .oe-row {
    grid-template-columns:repeat(3,1fr);
  }
}

@media (min-width:760px) {
  .one-earth-case-study .oe-cards {
    grid-template-columns:1.35fr 1fr;
  }
}

@media (min-width:820px) {
  .one-earth-case-study .oe-steps {
    grid-template-columns:repeat(3,1fr);
    gap:clamp(26px,3.4vw,48px);
  }
}

@media (min-width:900px) {
  .one-earth-case-study .oe-split {
    grid-template-columns:1.05fr .95fr;
    gap:clamp(40px,5vw,80px);
  }

  .one-earth-case-study .oe-split.oe-flip > .oe-art {
    order:2;
  }
}

@media (prefers-reduced-motion:reduce) {
  .one-earth-case-study .oe-rv {
    opacity:1;
    transform:none;
    transition:none;
  }

  .one-earth-case-study .oe-scroll span {
    animation:none;
  }
}