/* PlantEnvLab Home — adopted hero + typography revision 2026-09-06 */
:root{
  --home-ink:#173c31;
  --home-paper:#faf7ee;
  --home-soft:#f3efe5;
  --home-line:#d8d3c8;
  --home-muted:#4e6258;
}

*{box-sizing:border-box}

.simpleHome{
  color:var(--home-ink);
  font-family:Arial,"Helvetica Neue",sans-serif;
}

.simpleHome h1,
.simpleHome h2,
.heroQuestion,
.heroMainCopy{
  font-family:Georgia,"Times New Roman",serif;
}

/* HERO */
.hero{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(520px,.96fr);
  min-height:545px;
  background:var(--home-paper);
}

.heroCopy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:44px clamp(48px,5vw,80px) 40px;
}

.heroIntro{
  max-width:725px;
}

.hero h1{
  margin:0;
  font-size:clamp(52px,4.15vw,72px);
  font-weight:500;
  line-height:1.02;
  letter-spacing:-.035em;
}

/* More breathing room between title and subtitle */
.heroQuestion{
  margin:27px 0 0;
  color:#274b3d;
  font-size:clamp(28px,2vw,35px);
  font-weight:500;
  line-height:1.22;
}

/* These two lines now share exactly the same typography */
.heroMainCopy{
  max-width:690px;
  margin-top:28px;
  color:#314f43;
  font-size:20px;
  font-weight:400;
  line-height:1.58;
}

.heroMainCopy p{
  margin:0;
}

.heroMainCopy p + p{
  margin-top:15px;
}

/* Larger, easier-to-read explanation of why the site exists */
.story{
  max-width:700px;
  margin-top:30px;
  padding-top:23px;
  border-top:1px solid rgba(23,60,49,.18);
  color:var(--home-muted);
  font-size:17px;
  line-height:1.68;
}

.story p{
  margin:0;
}

.story p + p{
  margin-top:11px;
}

/* ADOPTED HERO IMAGE */
.heroImageWrap{
  position:relative;
  overflow:hidden;
  min-height:545px;
  background:#d9ddd6;
}

/* Soft ivory fade into the text side */
.heroImageWrap::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  z-index:2;
  width:27%;
  background:linear-gradient(
    90deg,
    var(--home-paper) 0%,
    rgba(250,247,238,.86) 20%,
    rgba(250,247,238,.42) 55%,
    rgba(250,247,238,0) 100%
  );
  pointer-events:none;
}

.heroImageWrap img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:72% center;
}

/* FIVE ENTRY CARDS */
.tools{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  padding:20px 24px 24px;
  background:var(--home-soft);
  border-top:1px solid var(--home-line);
}

.toolCard{
  min-height:136px;
  display:grid;
  grid-template-columns:36px 1fr 18px;
  gap:11px;
  align-items:start;
  padding:18px 17px;
  border:1px solid rgba(46,75,62,.14);
  border-radius:14px;
  background:#fffdf7;
  color:var(--home-ink);
  text-decoration:none;
  box-shadow:0 10px 24px rgba(22,47,37,.05);
  transition:transform .16s ease,box-shadow .16s ease;
}

.toolCard:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(22,47,37,.08);
}

.toolIcon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e4ece6;
  color:#35634c;
  font:700 15px/1 Arial,sans-serif;
}

.toolIcon.sun{
  background:#fff1c9;
  color:#a77108;
}

.toolIcon.info{
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
}

.toolIcon.comment{
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
}

.toolCard h2{
  margin:0 0 6px;
  font-size:19px;
  font-weight:500;
  line-height:1.15;
}

.toolCard p{
  margin:0;
  color:#657269;
  font:12.8px/1.48 Arial,sans-serif;
}

.arrow{
  align-self:center;
  color:#42634f;
  font-size:19px;
}

/* RESPONSIVE */
@media(max-width:1100px){
  .tools{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .hero{
    grid-template-columns:1fr;
  }

  .heroCopy{
    padding:46px 28px 38px;
  }

  .heroImageWrap{
    min-height:390px;
  }

  .heroImageWrap::before{
    width:100%;
    height:20%;
    inset:0 0 auto 0;
    background:linear-gradient(
      180deg,
      var(--home-paper) 0%,
      rgba(250,247,238,.75) 35%,
      rgba(250,247,238,0) 100%
    );
  }

  .heroImageWrap img{
    object-position:72% center;
  }
}

@media(max-width:620px){
  .hero h1{font-size:46px}
  .heroQuestion{font-size:25px;margin-top:22px}
  .heroMainCopy{font-size:18px}
  .story{font-size:16px}
  .tools{grid-template-columns:1fr}
}

/* PlantEnvLab shared heading scale — 2026-09-06 */
.simpleHome .hero h1{
  font-size:48px !important;
  line-height:1.12 !important;
}
.simpleHome .toolCard h2{
  font-size:29px !important;
  line-height:1.30 !important;
}

/* Home hero title — mobile single-line adjustment — 2026-09-07 */
@media(max-width:620px){
  .simpleHome .hero h1{
    font-size:36px !important;
    line-height:1.08 !important;
    letter-spacing:-.03em;
    white-space:nowrap;
  }
}

@media(max-width:360px){
  .simpleHome .hero h1{
    font-size:34px !important;
  }
}