/* Hero and the sample visit-report card */

.hero{
  padding:72px 0 88px;
}
.hero .wrap{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:56px;
  align-items:center;
}
.hero h1{
  font-size:clamp(2.4rem, 4.4vw, 3.6rem);
  line-height:1.06;
  max-width:11ch;
}
.hero h1 em{
  font-style:italic; color:var(--moss-deep);
}
.hero p.lede{
  font-size:1.12rem; color:var(--ink-soft);
  max-width:44ch; margin:20px 0 32px;
}
.hero-actions{
  display:flex; gap:14px; flex-wrap:wrap;
}

/* Signature element: the visit report stamp card */
.report-card{
  background:var(--paper);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:26px 26px 22px;
  position:relative;
  transform:rotate(-2deg);
  border:1px solid var(--line);
}
.report-card::after{
  content:"";
  position:absolute; inset:10px;
  border:1.5px dashed rgba(35,48,30,0.18);
  border-radius:10px;
  pointer-events:none;
}
.report-head{
  display:flex; justify-content:space-between; align-items:flex-start;
  margin-bottom:18px;
}
.report-head .stamp-font{font-size:0.72rem; color:var(--ink-soft);}
.report-card h3{font-size:1.3rem; margin-bottom:2px;}
.report-card .pet-sub{color:var(--ink-soft); font-size:0.88rem; margin-bottom:18px;}
.report-line{
  display:flex; justify-content:space-between; align-items:center;
  padding:10px 0;
  border-top:1px solid var(--line);
  font-size:0.94rem;
}
.report-line:first-of-type{border-top:none;}
.report-line .tick{color:var(--moss-deep); font-weight:700;}
.report-footer{
  margin-top:16px; padding-top:14px; border-top:1px dashed var(--line);
  display:flex; justify-content:space-between; align-items:center;
}
.report-footer .stamp-font{font-size:0.72rem; color:var(--ink-soft);}

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