/* patellifarm.com
   Developed in Larnaca, Cyprus by Do Good Limited (Andy Weber, Director). */

:root{
  --ink:#232019;
  --ink-soft:#544d42;
  --muted:#8b8377;
  --paper:#fdfbf6;
  --paper-2:#f2eee3;
  --rule:#e5ddcd;
  --accent:#6d7355;      /* sage */
  --accent-soft:#8d9270;
  --measure:33rem;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17.5px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-underline-offset:.2em}

main{max-width:44rem;margin:0 auto;padding:0 1.5rem}

/* ---------- hero ---------- */
.hero{padding:5rem 0 2.5rem}
.eyebrow{
  margin:0 0 1.5rem;color:var(--accent-soft);
  font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;
}
h1{
  font-family:"Newsreader",Georgia,"Times New Roman",serif;font-weight:400;
  font-size:clamp(2.4rem,7vw,3.6rem);line-height:1.08;letter-spacing:-.015em;
  margin:0 0 1.4rem;
}
.lede{font-size:1.2rem;color:var(--ink-soft);margin:0;max-width:var(--measure)}

/* ---------- image bands ---------- */
.banner{margin:2.5rem 0;padding:0}
.banner img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px}
.banner.narrow{margin:3rem 0}
.banner.narrow img{aspect-ratio:16/8}

/* ---------- prose ---------- */
.prose{padding:2.75rem 0;border-top:1px solid var(--rule)}
h2{
  font-family:"Newsreader",Georgia,serif;font-weight:400;
  font-size:1.65rem;margin:0 0 1.1rem;letter-spacing:-.01em;
}
.prose p{max-width:var(--measure);color:var(--ink-soft);margin:0 0 1.1rem}
.prose p:last-child{margin-bottom:0}

.points{
  list-style:none;padding:0;margin:1.5rem 0 0;max-width:var(--measure);
  display:grid;gap:.95rem;
}
.points li{
  padding-left:1.4rem;position:relative;color:var(--ink-soft);
}
.points li::before{
  content:"";position:absolute;left:0;top:.62em;
  width:.42rem;height:.42rem;border-radius:50%;background:var(--accent-soft);
}
.points strong{color:var(--ink);font-weight:600}

.detail{font-size:.93rem;color:var(--muted)}
.prose .detail{margin-bottom:.4rem}

/* ---------- cta ---------- */
.cta .big{
  font-family:"Newsreader",Georgia,serif;font-size:1.5rem;
  margin:1.6rem 0 1.1rem;
}
.cta .big a{text-decoration:none;border-bottom:1px solid var(--accent-soft)}
.cta .big a:hover{border-bottom-color:var(--accent)}

/* ---------- footer ---------- */
footer{
  max-width:44rem;margin:2rem auto 0;padding:2rem 1.5rem 3.5rem;
  border-top:1px solid var(--rule);
}
footer p{margin:0 0 .6rem;font-size:.82rem;color:var(--muted)}

/* ---------- responsive ---------- */
@media (max-width:640px){
  body{font-size:16.5px}
  .hero{padding:3.25rem 0 1.75rem}
  .prose{padding:2.25rem 0}
  .banner img{aspect-ratio:4/3}
}

/* ---------- dark mode ---------- */
@media (prefers-color-scheme:dark){
  :root{
    --ink:#eee9dd;--ink-soft:#b6ae9f;--muted:#8a8275;
    --paper:#17170f;--paper-2:#20211a;--rule:#333428;
    --accent:#aeb88a;--accent-soft:#95a074;
  }
}