/** Shopify CDN: Minification failed

Line 201:2 All "@import" rules must come first
Line 203:12 Unexpected "{"
Line 203:21 Expected ":"
Line 203:28 Unexpected "{"
Line 209:12 Unexpected "{"
Line 209:21 Expected ":"
Line 215:12 Unexpected "{"
Line 215:21 Expected ":"
Line 223:12 Unexpected "{"
Line 223:21 Expected ":"
... and 74 more hidden warnings

**/


/* CSS from section stylesheet tags */
.wc-collections-grid { padding: clamp(24px, 5vw, 56px) 0; }
.wc-collections-grid__heading { margin: 0 0 1rem; text-align: center; }

.wc-collections-grid__grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: clamp(16px, 3vw, 28px);
  align-items:start;
  justify-items: center;
}
@media (min-width: 750px){
  .wc-collections-grid__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 990px){
  .wc-collections-grid__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Card */
.wc-card{
  width: 100%;
  max-width: 420px;
  border-radius: 12px;
  border: 1px solid rgb(var(--color-foreground, 0 0 0) / .06);
  background: var(--color-background, #fff);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.wc-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgb(0 0 0 / .07);
  border-color: rgb(var(--color-foreground, 0 0 0) / .12);
}
.wc-card__link{
  display:grid;
  grid-template-rows: auto 1fr;
  text-decoration:none;
  color: inherit;
}

/* Image area */
.wc-card__media{
  height: 140px;
  padding: 8px 8px 0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background: rgb(0 0 0 / .02);
  border-bottom: 1px solid rgb(var(--color-foreground,0 0 0)/.06);
}
.wc-card__img{
  max-height: 130px;
  width: auto;
  height: 100%;
  object-fit: contain;
}
.wc-card__placeholder{
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgb(0 0 0 / .04), transparent);
  border-radius: 8px;
}

.wc-card__body{
  text-align:center;
  padding: 14px 10px 18px;
}
.wc-card__title{
  margin: 0 0 6px;
  letter-spacing: .02em;
  font-size: 14px;
  font-weight: 700;
}
.wc-card__subtitle{
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  opacity: .75;
}
.collection-image-menu { padding: 24px 0; }
.collection-image-menu__heading {
  margin: 0 0 18px 0;
  font-size: clamp(1.6rem, 1.3rem + 1vw, 2.4rem);
  font-weight: 700;
  text-align: center;
}

.collection-image-menu__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  text-align: center;
}
@media (min-width: 990px) {
  .collection-image-menu__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.collection-image-menu__tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: inherit;
  background: #f7f9ff;
  border-radius: 16px;
  padding: 10px;
  box-shadow: 0 4px 14px rgba(0,0,0,.04);
}
.collection-image-menu__img {
  display: block;
  width: 100%;
  aspect-ratio: var(--menu-image-ratio, 1 / 1);
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}
.collection-image-menu__tile:hover .collection-image-menu__img {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,.15);
}

/* Title under image — fully customizable via CSS vars */
.collection-image-menu__title {
  margin-top: 10px;
  font-size: var(--coll-title-size, 16px);
  font-weight: var(--coll-title-weight, 600);
  color: var(--coll-title-color, #0E1B4D);
  font-family: var(--coll-title-font, Poppins, sans-serif);
  letter-spacing: .2px;
}
.collection-image-menu__placeholder {
  width: 100%;
  aspect-ratio: var(--menu-image-ratio, 1 / 1);
  background: linear-gradient(180deg, #eef2ff, #e5ebff);
  border-radius: 12px;
}
.collection-image-menu { padding: 24px 0; }
.collection-image-menu__heading {
  margin: 0 0 18px 0;
  font-size: clamp(1.4rem, 1.1rem + 1vw, 2.2rem);
  line-height: 1.15;
}

.collection-image-menu__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (min-width: 990px) {
  .collection-image-menu__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
  }
}

.collection-image-menu__tile {
  display: block;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  background: #f6f7fb;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  transition: transform .18s ease, box-shadow .18s ease;
}
.collection-image-menu__tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
}

.collection-image-menu__img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: var(--menu-image-ratio, 1 / 1);
  object-fit: cover;
}

.collection-image-menu__placeholder {
  width: 100%;
  aspect-ratio: var(--menu-image-ratio, 1 / 1);
  background: linear-gradient(180deg, #f1f3ff, #e7ebff);
}
/* Load a matching serif */
  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&display=swap');

  #wc-hero-{{ section.id }} {
    position: relative;
    overflow: hidden;
    border-radius: 0;
  }

  #wc-hero-{{ section.id }} .wc-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  #wc-hero-{{ section.id }} .wc-hero__bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.02);
  }

  #wc-hero-{{ section.id }} .wc-hero__bg--fallback {
    background: radial-gradient(1200px 600px at 70% 30%, rgba(255,255,255,.25), rgba(0,0,0,.65)),
                linear-gradient(135deg, rgba(0,0,0,.75), rgba(0,0,0,.2));
  }

  #wc-hero-{{ section.id }} .wc-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--wc-overlay-color);
    opacity: var(--wc-overlay-opacity);
    pointer-events: none;
  }

  #wc-hero-{{ section.id }} .wc-hero__inner {
    position: relative;
    z-index: 2;
    min-height: {{ section.settings.min_height_desktop }}px;
    display: flex;
    align-items: center;
    padding-top: {{ section.settings.pad_y_desktop }}px;
    padding-bottom: {{ section.settings.pad_y_desktop }}px;
  }

  #wc-hero-{{ section.id }} .wc-hero__grid {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 32px;
    align-items: center;
  }

  #wc-hero-{{ section.id }} .wc-hero__title {
    font-family: "Playfair Display", serif;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 0.9;
    margin: 0;
    color: {{ section.settings.title_color }};
    font-size: clamp(44px, 6vw, 84px);
    text-transform: uppercase;
  }

  #wc-hero-{{ section.id }} .wc-hero__right {
    justify-self: end;
    max-width: 420px;
    text-align: right;
  }

  #wc-hero-{{ section.id }} .wc-hero__copy {
    color: {{ section.settings.text_color }};
    font-size: 14px;
    line-height: 1.6;
    opacity: 0.95;
  }

  #wc-hero-{{ section.id }} .wc-hero__copy p {
    margin: 0 0 16px 0;
  }

  #wc-hero-{{ section.id }} .wc-hero__buttons {
    margin-top: 18px;
    display: flex;
    gap: 14px;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  #wc-hero-{{ section.id }} .wc-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    border-radius: 6px;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
    border: 1px solid transparent;
    min-width: 160px;
  }

  #wc-hero-{{ section.id }} .wc-hero__btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 25px rgba(0,0,0,.18);
  }

  #wc-hero-{{ section.id }} .wc-hero__btn--primary {
    background: {{ section.settings.btn_1_bg }};
    color: {{ section.settings.btn_1_text }};
    border-color: rgba(255,255,255,.25);
  }

  #wc-hero-{{ section.id }} .wc-hero__btn--secondary {
    background: {{ section.settings.btn_2_bg }};
    color: {{ section.settings.btn_2_text }};
    border-color: rgba(255,255,255,.25);
  }

  @media (max-width: 900px) {
    #wc-hero-{{ section.id }} .wc-hero__inner {
      min-height: {{ section.settings.min_height_mobile }}px;
      padding-top: {{ section.settings.pad_y_mobile }}px;
      padding-bottom: {{ section.settings.pad_y_mobile }}px;
    }

    #wc-hero-{{ section.id }} .wc-hero__grid {
      grid-template-columns: 1fr;
      gap: 18px;
    }

    #wc-hero-{{ section.id }} .wc-hero__right {
      justify-self: start;
      text-align: left;
      max-width: 520px;
    }

    #wc-hero-{{ section.id }} .wc-hero__buttons {
      justify-content: flex-start;
    }
  }
.sectors-landing { padding: clamp(32px, 6vw, 64px) 0; }
.sectors-kicker { letter-spacing:.08em; text-transform:uppercase; opacity:.7; margin:0 0 .5rem; }
.sectors-heading { margin:0 0 .75rem; line-height:1.1; }
.sectors-intro { max-width: 72ch; margin: 0 0 2rem; opacity:.9; }
.sectors-grid {
  display:grid;
  grid-template-columns: repeat(1, minmax(0,1fr));
  gap: clamp(16px, 3vw, 24px);
}
@media (min-width: 750px){ .sectors-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 990px){ .sectors-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); } }

.sectors-card {
  background: var(--color-background, #fff);
  border: 1px solid rgb(var(--color-foreground, 0 0 0) / .08);
  border-radius: 14px;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.sectors-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgb(0 0 0 / .08); }

.sectors-card__media{ display:block; aspect-ratio: 16/9; background: rgb(0 0 0 / .04); }
.sectors-card__img{ width:100%; height:100%; object-fit:cover; display:block; }

.sectors-card__body{ padding: 1rem 1rem 1.125rem; display:grid; gap:.5rem; }
.sectors-card__title{ margin:0; font-size: clamp(18px, 2vw, 20px); }
.sectors-card__title a{ text-decoration:none; }
.sectors-card__blurb{ margin:0; opacity:.9; }
.sectors-card__cta{ margin-top:.5rem; font-weight:600; text-decoration:none; }

.sectors-footer{ margin-top: clamp(32px, 6vw, 56px); text-align:center; }
.sectors-footer__heading{ margin:0 0 .5rem; }
.sectors-footer__text{ max-width:70ch; margin:0 auto 1rem; opacity:.95; }
.sus-certs{padding:40px 0}
.sus-certs__grid{display:grid; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; justify-items:center}
@media(min-width:750px){.sus-certs__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sus-cert{border:1px solid rgb(var(--color-foreground,0 0 0)/.08); border-radius:12px; padding:16px; width:100%; text-align:center; background:var(--color-background,#fff)}
.sus-cert__logo{max-height:56px; width:auto; height:auto; object-fit:contain; margin:0 auto 8px; display:block}
.sus-cert__title{margin:0; font-size:14px; opacity:.85}
.sus-h{margin:0 0 .5rem}
.sus-commit{padding:40px 0}
.sus-commit__intro{max-width:75ch; margin:0 0 1.25rem}
.sus-commit__list{display:grid; gap:16px; grid-template-columns:1fr}
@media(min-width:750px){.sus-commit__list{grid-template-columns:repeat(2,1fr)}}
@media(min-width:990px){.sus-commit__list{grid-template-columns:repeat(3,1fr)}}
.sus-commit__item{border:1px solid rgb(var(--color-foreground,0 0 0)/.08); border-radius:12px; padding:16px}
.sus-commit__item h3{margin:.25rem 0 .25rem; font-size:18px}
.sus-commit__item p{margin:0; opacity:.9}
.sus-cta{padding:40px 0}
.sus-cta__box{display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between; border:1px solid rgb(var(--color-foreground,0 0 0)/.08); border-radius:14px; padding:18px 16px; background:var(--gradient-background,transparent)}
.sus-cta__text{max-width:75ch}
.sus-eco{padding:40px 0}
.sus-eco__wrap{display:grid; gap:20px; align-items:center; grid-template-columns:1fr}
@media(min-width:990px){.sus-eco__wrap{grid-template-columns:1.1fr .9fr}}
.sus-eco__img{width:100%; height:auto; border-radius:12px}
.sus-features{padding:40px 0}
.sus-features__grid{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:750px){.sus-features__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:990px){.sus-features__grid{grid-template-columns:repeat(3,1fr)}}
.sus-card{display:grid;grid-template-rows:auto 1fr;background:var(--color-background,#fff);border:1px solid rgb(var(--color-foreground,0 0 0)/.08);border-radius:14px;overflow:hidden;transition:transform .15s ease, box-shadow .15s ease}
.sus-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgb(0 0 0 / .08)}
.sus-card__img{width:100%;height:160px;object-fit:cover}
.sus-card__body{padding:12px}
.sus-card__title{margin:0 0 .25rem;font-size:18px}
.sus-card__text{margin:0 0 .5rem;opacity:.9}
.sus-card__cta{font-weight:600;text-decoration:none}
.sus-future{padding:40px 0}
.sus-future__lead{max-width:75ch; margin:0 0 .75rem}
.sus-future__goals{margin:0; padding-left:1.25rem; display:grid; gap:.6rem}
.sus-future__text{opacity:.9}
.sus-hero-visual{position:relative;min-height:60vh;display:grid;align-items:end;overflow:hidden}
.sus-hero-visual__media{position:absolute;inset:0;z-index:0}
.sus-hero-visual__img{width:100%;height:100%;object-fit:cover;display:block}
.sus-hero-visual__overlay{position:absolute;inset:0;background:#000}
.sus-hero-visual__video{position:absolute;inset:0;overflow:hidden}
.sus-hero-visual__video::after{content:"";position:absolute;inset:0;background:#000;opacity:var(--overlay,0.3)}
.sus-hero-visual__video iframe{width:100%;height:100%}
.sus-hero-visual__content{position:relative;z-index:1;padding:clamp(28px,5vw,56px) 0;max-width:1000px}
.sus-kicker{margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.1em;opacity:.9}
.sus-hero-visual__heading{margin:0 0 .5rem;line-height:1.05;font-size:clamp(32px,4.8vw,56px);color:#fff}
.sus-hero-visual__sub{margin:0 0 1rem;color:#fff;opacity:.95;font-size:clamp(16px,1.8vw,20px)}
.sus-badges{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 1rem}
.sus-badge{display:flex;gap:8px;align-items:center;background:rgb(255 255 255 / .9);border-radius:999px;padding:6px 10px}
.sus-badge__icon{width:22px;height:22px;object-fit:contain}
.sus-badge__text{font-weight:600;font-size:14px}
.sus-hero{position:relative; padding:56px 0; overflow:hidden}
.sus-hero__media{position:absolute; inset:0; z-index:0; opacity:.25}
.sus-hero__img{width:100%; height:100%; object-fit:cover}
.sus-hero__content{position:relative; z-index:1; text-align:center; max-width:950px}
.sus-hero__eyebrow{text-transform:uppercase; letter-spacing:.08em; opacity:.8; margin:0 0 .5rem}
.sus-hero__heading{margin:0 0 .5rem; line-height:1.1; font-size:clamp(28px,4vw,44px)}
.sus-hero__sub{margin:0 0 1rem; font-size:clamp(16px,1.8vw,20px); opacity:.95}
.sus-sub{opacity:.9; margin:.25rem 0 1rem}
.sus-recycled{padding:40px 0}
.sus-recycled__grid{display:grid; gap:18px; grid-template-columns:1fr}
@media(min-width:750px){.sus-recycled__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:990px){.sus-recycled__grid{grid-template-columns:repeat(3,1fr)}}
.sus-card{display:grid; grid-template-rows:auto 1fr; border:1px solid rgb(var(--color-foreground,0 0 0)/.08); border-radius:12px; text-decoration:none; color:inherit; overflow:hidden; background:var(--color-background,#fff)}
.sus-card__img{width:100%; height:160px; object-fit:contain; background:rgb(0 0 0 / .03)}
.sus-card__body{padding:12px; text-align:center}
.sus-card__title{margin:0 0 .25rem; font-size:16px; font-weight:700}
.sus-card__note{margin:0; font-size:14px; opacity:.8}
.sus-stats{padding:40px 0}
.sus-h{margin:0 0 .5rem;text-align:center}
.sus-sub{text-align:center;margin:0 0 1.25rem;opacity:.9}
.sus-stats__grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
@media(min-width:750px){.sus-stats__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sus-stat{background:var(--color-background,#fff);border:1px solid rgb(var(--color-foreground,0 0 0)/.08);border-radius:14px;padding:16px;text-align:center}
.sus-stat__icon{width:32px;height:32px;object-fit:contain;margin:0 auto 6px}
.sus-stat__num{font-weight:800;font-size:clamp(22px,3vw,32px);letter-spacing:.02em}
.sus-stat__label{opacity:.85}
.sus-timeline{padding:40px 0}
.sus-steps{position:relative;margin:0;padding:0;list-style:none}
.sus-steps::before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:rgb(var(--color-foreground,0 0 0)/.15)}
.sus-step{position:relative;margin:0 0 18px;padding-left:42px}
.sus-step__dot{position:absolute;left:6px;top:14px;width:14px;height:14px;border-radius:50%;background:var(--color-background-contrast,#0a0)}
.sus-step__card{display:grid;gap:10px;grid-template-columns: 120px 1fr;align-items:center;background:var(--color-background,#fff);border:1px solid rgb(var(--color-foreground,0 0 0)/.08);border-radius:12px;padding:10px}
.sus-step__img{width:120px;height:84px;object-fit:cover;border-radius:8px}
.sus-step__title{margin:0 0 .15rem;font-size:18px}
.sus-step__text{margin:0 0 .25rem;opacity:.9}
.sus-step__meta{font-size:12px;opacity:.7}
@media(max-width: 749px){
  .sus-step__card{grid-template-columns:1fr}
  .sus-step__img{width:100%;height:160px}
}
.sus-transport{padding:40px 0}
.sus-transport__cols{display:grid; gap:16px; grid-template-columns:1fr}
@media(min-width:990px){.sus-transport__cols{grid-template-columns:1.2fr .8fr}}
.sus-transport__points{margin:0; padding-left:1.2rem; display:grid; gap:.4rem}