/* ===== TIPS PAGE ===== */
.tips-hero{
  padding:11rem 2rem 5rem;
  background:var(--bg-2);
  text-align:center;
}
.tips-hero__inner{max-width:720px;margin:0 auto}
.tips-hero h1{
  font-family:'Cormorant Garamond',serif;
  font-weight:400;
  font-size:clamp(2.5rem,5vw,4.5rem);
  line-height:1;margin:1rem 0 1.2rem;
  letter-spacing:-.015em;
}
.tips-hero p{color:var(--muted);font-size:1.05rem;max-width:520px;margin:0 auto}

.tip{padding:6rem 2rem;background:var(--bg)}
.tip--alt{background:var(--bg-2)}
.tip__inner{max-width:760px;margin:0 auto}
.tip__tag{
  display:inline-block;
  font-size:.72rem;letter-spacing:.25em;
  color:var(--olive);font-weight:600;
  margin-bottom:1.2rem;
}
.tip h2{
  font-family:'Cormorant Garamond',serif;
  font-weight:400;
  font-size:clamp(2rem,3.8vw,3.2rem);
  line-height:1.05;letter-spacing:-.01em;
  margin-bottom:1.5rem;
}
.tip__lead{
  font-size:1.15rem;color:var(--ink-soft);
  line-height:1.6;margin-bottom:2.5rem;
  padding-bottom:2rem;border-bottom:1px solid var(--line);
}
.tip h3{
  font-family:'Cormorant Garamond',serif;
  font-size:1.5rem;font-weight:500;
  color:var(--ink);margin:2rem 0 .8rem;
  letter-spacing:-.005em;
}
.tip p{color:var(--ink-soft);margin-bottom:1rem;font-size:1.02rem;line-height:1.7}
.tip .btn{margin-top:2.5rem}

@media (max-width:720px){
  .tips-hero{padding:8rem 1.5rem 3rem}
  .tip{padding:4rem 1.5rem}
}