.brand {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.brand img {
  display: block;
  width: 94px;
  height: 64px;
  object-fit: contain;
}

.hero-logo {
  position: absolute;
  z-index: 1;
  right: 3vw;
  top: 18%;
  width: min(39vw, 540px);
  height: auto;
  filter: drop-shadow(0 22px 45px rgba(0, 0, 0, .5));
  opacity: .96;
}

@media (max-width: 800px) {
  .brand img { width: 75px; height: 54px; }
  .hero-logo { width: 62vw; right: -17vw; top: 23%; opacity: .34; }
}

/* Mineral-mint brand direction */
:root { --acid: #b8f2d8; }

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.hero {
  background: linear-gradient(180deg, #0c1513 0%, #13231f 44%, #080d0c 100%);
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(3, 3, 3, .91) 0%, rgba(3, 3, 3, .64) 52%, rgba(3, 3, 3, .18) 100%), url("full-sun-field.png") center/cover no-repeat;
  filter: saturate(.84) contrast(1.06);
}

.sun {
  background: radial-gradient(circle, #e0fff2 0%, #8edfc2 27%, #2b5a4c 54%, transparent 72%);
}

.rows {
  background: repeating-linear-gradient(164deg, transparent 0 46px, rgba(184, 242, 216, .14) 48px 54px, transparent 56px 94px);
}

.hero .sun, .hero .rows { display: none; }

.hero-copy {
  width: 59%;
  max-width: 780px;
}

.hero h1 { font-size: clamp(3.8rem, 7vw, 7.5rem); }
.hero-logo { width: min(34vw, 480px); right: 4vw; top: 20%; }
.systems .section-no, .system-grid span { color: #326f5d; }
.partner .section-no { color: #285b4d; }
.partner-copy p { color: #173c31; }
.closing {
  background-image:
    linear-gradient(90deg, #070807 0%, rgba(7, 8, 7, .98) 27%, rgba(7, 8, 7, .72) 52%, rgba(7, 8, 7, .28) 78%, rgba(7, 8, 7, .58) 100%),
    linear-gradient(0deg, #070807 0%, transparent 24%, transparent 74%, #070807 100%),
    url("awards-trophies.png");
  background-position: center, center, center right;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 800px) {
  .closing {
    background-image:
      linear-gradient(90deg, rgba(7, 8, 7, .96) 0%, rgba(7, 8, 7, .76) 58%, rgba(7, 8, 7, .42) 100%),
      linear-gradient(0deg, #070807 0%, transparent 22%, transparent 68%, #070807 100%),
      url("awards-trophies.png");
    background-position: center, center, 62% center;
  }
}

.plant-study {
  position: relative;
  height: min(72vw, 780px);
  min-height: 480px;
  margin: 0;
  overflow: hidden;
}
.plant-study::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 48%, rgba(4, 8, 7, .87)); }
.plant-study img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(.78) contrast(1.08); }
.plant-study figcaption { position: absolute; z-index: 2; left: 5vw; bottom: 4vw; width: min(680px, 88vw); display: flex; flex-direction: column; gap: 12px; }
.plant-study figcaption span { color: var(--acid); letter-spacing: .2em; font-size: .75rem; font-weight: 600; }
.plant-study figcaption strong { font: clamp(2.4rem, 5vw, 5.5rem)/.9 "Archivo Black"; letter-spacing: -.055em; }
.plant-study figcaption p { max-width: 620px; margin: 8px 0 0; font-size: 1.05rem; line-height: 1.6; color: #d8dad4; }

.genetics-brand { display: grid; place-items: center; min-width: 0; }
.genetics { grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr); width: 100%; max-width: 100%; overflow: hidden; }
.genetics > * { min-width: 0; }
.genetics-brand img { display: block; width: min(38vw, 540px); max-width: 100%; max-height: 500px; object-fit: contain; }

.retail { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 760px; background: #e8e8e1; color: var(--ink); }
.retail-image { min-height: 650px; overflow: hidden; }
.retail-image img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(.84) contrast(1.04); }
.retail-copy { padding: 110px 6vw; align-self: center; }
.retail-copy .section-no { color: #326f5d; }
.retail-copy h2 { font: clamp(3rem, 5.3vw, 6rem)/.9 "Archivo Black"; letter-spacing: -.055em; margin: .25em 0 .5em; }
.retail-copy>p { color: #434940; font-size: 1.1rem; line-height: 1.72; }
.retail-copy ul { list-style: none; padding: 0; margin: 36px 0 0; border-top: 1px solid #a8aca5; }
.retail-copy li { padding: 16px 0; border-bottom: 1px solid #a8aca5; text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; font-weight: 600; }
.retail-copy .button { margin-top: 34px; }

@media (max-width: 1050px) {
  .hero-copy { width: 64%; }
  .hero h1 { font-size: clamp(3.6rem, 7.2vw, 6.2rem); }
  .hero-logo { width: 34vw; right: 2vw; }
}

@media (max-width: 800px) {
  .hero-copy { width: 100%; max-width: none; }
  .hero h1 { font-size: clamp(3.4rem, 16vw, 5.4rem); }
  .hero-logo { width: 62vw; right: -17vw; top: 23%; opacity: .24; }
  .plant-study { min-height: 520px; }
  .plant-study figcaption { bottom: 8vw; }
  .plant-study figcaption p { font-size: 1rem; }
  .genetics { grid-template-columns: 1fr; }
  .genetics-brand img { width: min(88vw, 520px); }
  .genetics h2 { font-size: clamp(2.15rem, 9vw, 3.2rem); }
  .retail { grid-template-columns: 1fr; }
  .retail-image { min-height: 430px; }
  .retail-copy { padding: 80px 6vw; }
}