/* Homepage-specific additions. Shared typography, color, spacing, buttons, cards, footer,
   and responsive rules come from site-v3.css so the homepage feels like the rest of Amity. */

.consumer-home .home-hero{padding-top:72px}
.consumer-home .home-hero .display{max-width:720px}
.consumer-home .home-hero .lede{max-width:620px}
.consumer-home .home-hero-visual{min-height:590px}
.consumer-home .home-hero-visual>img{filter:saturate(.84) contrast(.96)}
.consumer-home .home-hero-tint{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(23,25,28,.02),rgba(23,25,28,.2));
}
.consumer-home .home-next-card{z-index:4;width:min(340px,74%)}
.consumer-home .home-next-card strong{font-size:28px}
.consumer-home .home-next-card p{font-size:11px}

/* Biological-process row */
.home-biology{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  margin-top:62px;
  border-top:1px solid var(--line);
}
.home-biology article{
  min-height:230px;
  padding:24px 24px 24px 0;
  border-right:1px solid var(--line);
}
.home-biology article+article{padding-left:24px}
.home-biology article:last-child{border-right:0}
.home-bio-art{
  display:block;
  width:88px;
  height:88px;
  margin:10px 0 46px;
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 32%,rgba(241,111,91,.86) 0 13%,transparent 14%),
    radial-gradient(circle at 65% 57%,rgba(241,111,91,.32) 0 21%,transparent 22%),
    linear-gradient(135deg,#f6ddd5,#eee6dc);
}
.home-biology .art-two{
  border-radius:28px;
  background:
    radial-gradient(circle at 30% 40%,#f16f5b 0 8%,transparent 9%),
    radial-gradient(circle at 67% 33%,rgba(241,111,91,.48) 0 9%,transparent 10%),
    radial-gradient(circle at 53% 69%,rgba(23,25,28,.12) 0 11%,transparent 12%),
    linear-gradient(135deg,#f8e5de,#eee5db);
}
.home-biology .art-three{
  border-radius:18px 46px 18px 46px;
  background:
    linear-gradient(28deg,transparent 43%,#f16f5b 44% 50%,transparent 51%),
    linear-gradient(145deg,#f5ded6,#e9dfd5);
}
.home-biology .art-four{
  border-radius:24px;
  background:
    repeating-radial-gradient(circle at 50% 50%,rgba(241,111,91,.65) 0 4px,transparent 5px 16px),
    #f3e6de;
}
.home-biology .art-five{
  border-radius:50% 34% 50% 34%;
  background:
    repeating-linear-gradient(60deg,rgba(241,111,91,.72) 0 3px,transparent 3px 12px),
    linear-gradient(135deg,#f6e0d8,#ece4db);
}
.home-biology strong{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;
  font-weight:400;
  letter-spacing:-.035em;
}
.home-biology p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}

/* Homepage process cards use the shared card vocabulary */
.home-steps .step-card{min-height:390px}
.home-step-graphic{
  height:132px;
  margin:30px 0 22px;
  border-radius:18px;
  overflow:hidden;
  background:#efe5da;
  position:relative;
}
.state-graphic{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:end;
  gap:10px;
  padding:22px;
}
.state-graphic i{
  display:block;
  border-radius:999px 999px 8px 8px;
  background:#f16f5b;
  opacity:.82;
}
.state-graphic i:nth-child(1){height:42%}
.state-graphic i:nth-child(2){height:76%;opacity:.52}
.state-graphic i:nth-child(3){height:58%;opacity:.7}
.state-graphic i:nth-child(4){height:90%;opacity:.3}
.action-graphic{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:center;
  gap:12px;
  padding:21px;
}
.action-graphic span{
  display:block;
  aspect-ratio:1;
  border:1px solid rgba(241,111,91,.28);
  border-radius:50%;
  background:var(--paper);
  box-shadow:inset 0 0 0 13px var(--coral-soft);
}
.action-graphic span:nth-child(2){
  background:var(--coral);
  box-shadow:none;
  border-color:var(--coral);
  transform:scale(1.08);
}
.learn-graphic{
  display:grid;
  place-items:center;
  padding:10px 14px;
}
.learn-graphic svg{width:100%;height:100%}

/* Photo band gets the same treatment as secondary pages */
.home-photo-band .photo-band-inner{min-height:430px}
.home-photo-band .display{max-width:720px}
.home-photo-band .band-copy{max-width:620px}

/* Longitudinal chart */
.home-chart{padding:26px}
.home-chart-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
  color:#8a8179;
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.home-chart-top b{
  color:var(--coral-deep);
  font-weight:800;
}
.home-chart svg{margin-top:10px}

/* Keep the shared site nav and CTA treatment intact. */
.consumer-home .nav-cta,
.consumer-home .button,
.consumer-home .signup-form button{
  background:var(--coral);
  border-color:var(--coral);
}
.consumer-home .nav-cta:hover,
.consumer-home .button:hover,
.consumer-home .signup-form button:hover{
  background:var(--coral-deep);
  border-color:var(--coral-deep);
}
.consumer-home .button.ghost{
  background:transparent;
  color:var(--ink)!important;
  border-color:var(--line);
}

@media(max-width:980px){
  .home-biology{grid-template-columns:repeat(3,1fr)}
  .home-biology article:nth-child(3){border-right:0}
  .home-biology article:nth-child(n+4){border-top:1px solid var(--line)}
  .consumer-home .home-hero-visual{min-height:520px}
}
@media(max-width:720px){
  .consumer-home .home-hero{padding-top:55px}
  .consumer-home .home-hero-visual{min-height:430px}
  .home-biology{grid-template-columns:1fr 1fr;margin-top:42px}
  .home-biology article,
  .home-biology article+article{
    min-height:200px;
    padding:20px 18px 20px 0;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .home-biology article:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}
  .home-biology article:last-child{grid-column:1/-1}
  .home-bio-art{width:72px;height:72px;margin-bottom:30px}
  .home-steps .step-card{min-height:320px}
  .home-photo-band .photo-band-inner{min-height:360px}
  .home-chart-top{align-items:flex-start;flex-direction:column;gap:7px}
}
/* October 24: Retain the original editorial homepage while removing graphs. */
.consumer-home .home-long-view-inner{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}
.consumer-home .home-long-view h2{max-width:660px}
.consumer-home .home-long-view p{max-width:490px;margin:0;color:#68635e;font-size:18px;line-height:1.7}
.consumer-home .home-learn-icon{display:flex;align-items:center;justify-content:center}
.consumer-home .home-learn-icon span{display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(241,111,91,.36);border-radius:50%;font-family:Georgia,"Times New Roman",serif;font-size:48px;color:#d96c5d;line-height:1}
.consumer-home .home-next-card strong{margin-top:0}
.consumer-home .home-next-card p{font-size:12px;line-height:1.6}
@media(max-width:760px){.consumer-home .home-long-view-inner{grid-template-columns:1fr;gap:24px}.consumer-home .home-long-view p{font-size:16px}}