/* WHY HILLS GRACE: three reasons patients choose the clinic (owner, 2026-09-27; replaces the three care notes).
   Each reason names the doctor, says what is distinctive, and backs it with facts set in the gold serif figures. */
.hp-home .hp-care-before-concerns{margin-top:0}
.hp-home .hp-reasons3{border-top:0;padding-top:0}
.hp-home .hp-reasons3-head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(32px,5vw,80px);align-items:end;margin-bottom:clamp(24px,3vw,40px);padding-bottom:clamp(18px,2.2vw,28px);border-bottom:1px solid var(--hp-line,#e6e0d6)}
.hp-home .hp-reasons3-kicker{grid-column:1/-1;margin:0 0 14px;color:var(--hp-gold,#a08247);font-family:var(--latin,"Marcellus",serif);font-size:12px;letter-spacing:.3em}
.hp-home .hp-concept-v2 .hp-reasons3-head h2{grid-column:1;margin:0;color:var(--hp-ink,#292620);font-family:var(--mincho);font-size:clamp(26px,2.8vw,38px);font-weight:400;line-height:1.5;letter-spacing:.05em}
.hp-home .hp-reasons3-intro{grid-column:1/-1;max-width:48em;margin:12px 0 0;color:#5f574e;font-family:var(--mincho);font-size:14px;line-height:1.95;letter-spacing:.04em}
.hp-home .hp-reasons3-sub{grid-column:2;grid-row:2/span 2;align-self:end;text-align:right}
.hp-home .hp-care-before-concerns .hp-reasons3-sub h3{margin:0;color:var(--hp-ink,#292620);font-family:var(--mincho);font-size:clamp(18px,1.7vw,22px);font-weight:400;line-height:1.6;letter-spacing:.08em}
.hp-home .hp-reasons3-lead{margin:4px 0 0;color:#8a7a5c;font-size:12px;line-height:1.8;letter-spacing:.04em}
.hp-home .hp-care-before-concerns .hp-care-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));--care-gap:clamp(40px,4.8vw,72px);column-gap:var(--care-gap);row-gap:0;list-style:none;margin:0;padding:0;border:0}
.hp-home .hp-care-before-concerns li{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-row:span 7;grid-template-rows:subgrid;row-gap:0;align-content:start;min-width:0;margin:0;padding:0}
/* equal columns: the rule between them sits in the middle of the gap */
.hp-home .hp-care-before-concerns li+li::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--care-gap)/-2);width:1px;background:var(--hp-line,#e6e0d6)}
.hp-home .hp-care-before-concerns .hp-care-number{display:block;padding:0;margin-top:16px;color:var(--hp-gold,#a08247);font-family:Georgia,serif;font-size:clamp(26px,2.5vw,34px);line-height:1;letter-spacing:.03em;font-variant-numeric:tabular-nums}
.hp-home .hp-care-before-concerns .hp-care-who{margin:12px 0 0;color:#8a7a5c;font-size:11px;line-height:1.7;letter-spacing:.08em}
.hp-home .hp-care-before-concerns h3{margin:4px 0 12px;color:var(--hp-ink,#292620);font-family:var(--mincho);font-size:clamp(17px,1.55vw,20px);font-weight:400;line-height:1.6;letter-spacing:.04em}
.hp-home .hp-care-before-concerns li p{margin:0;color:#5f574e;font-size:12.5px;line-height:1.95;letter-spacing:.02em}
.hp-home .hp-care-before-concerns .hp-care-facts{display:flex;flex-wrap:nowrap;align-items:end;gap:0 clamp(10px,1.2vw,18px);margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--hp-line,#e6e0d6)}
.hp-home .hp-care-before-concerns .hp-care-facts>div{min-width:0}
.hp-home .hp-care-before-concerns .hp-care-facts dt{margin:0;color:#8a7a5c;font-size:10px;line-height:1.6;letter-spacing:.04em;white-space:nowrap}
.hp-home .hp-care-before-concerns .hp-care-facts dd{margin:2px 0 0;color:var(--hp-ink,#292620);font-variant-numeric:tabular-nums;white-space:nowrap}
.hp-home .hp-care-before-concerns .hp-care-facts dd>span{font-family:Georgia,serif;font-size:clamp(19px,1.75vw,24px);line-height:1.3;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--hp-gold,#a08247)}
.hp-home .hp-care-before-concerns .hp-care-facts dd>small{margin-left:2px;font-size:10.5px;letter-spacing:.04em;color:#5f574e}
.hp-home .hp-care-before-concerns .hp-care-facts dd>small.hp-care-fact-text{margin-left:0;font-family:var(--mincho);font-size:13px;line-height:calc(1.3*clamp(19px,1.75vw,24px));color:var(--hp-ink,#292620)}
/* 2026-10-02 (owner): the teaching record as three short lines instead of one congress name */
.hp-home .hp-care-before-concerns .hp-care-facts dd>small.hp-care-fact-text.hp-care-fact-list{line-height:1.75;font-size:12.5px}
.hp-home .hp-care-before-concerns .hp-care-fact-list span{display:block;white-space:normal}
/* 2026-10-02 (owner, iPad): in the three-column layout below 1000px a column is only ~200px, so the facts wrap onto a
   second row instead of being squeezed and overlapping (card 1: 10,000 / 100 / 3; card 2: the three-line record). */
@media(min-width:701px) and (max-width:1000px){
  .hp-home .hp-care-before-concerns .hp-care-facts{flex-wrap:wrap;row-gap:12px}
}
.hp-home .hp-care-before-concerns li p.hp-care-credit{margin-top:12px;color:#8a7a5c;font-family:var(--latin,"Marcellus",serif);font-size:11px;line-height:1.7;letter-spacing:.04em}
.hp-home .hp-care-before-concerns .hp-care-credit a{color:inherit;text-decoration:none;border-bottom:1px solid #c9beac;padding-bottom:3px}
/* photographs: the same frame on each reason */
.hp-home .hp-care-before-concerns .hp-care-photo{margin:0;overflow:hidden;aspect-ratio:16/9;background:#eee9df}
.hp-home .hp-care-before-concerns .hp-care-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:1000px){
  .hp-home .hp-care-before-concerns .hp-care-notes{--care-gap:36px}
}
@media(max-width:700px){
  .hp-home .hp-reasons3-head{grid-template-columns:1fr;margin-bottom:0;padding-bottom:22px}
  .hp-home .hp-concept-v2 .hp-reasons3-head h2{font-size:27px}
  .hp-home .hp-reasons3-intro{font-size:14px;line-height:2}
  .hp-home .hp-reasons3-sub{grid-column:1;grid-row:auto;margin-top:22px;text-align:left}
  .hp-home .hp-care-before-concerns .hp-reasons3-sub h3{font-size:19px}
  .hp-home .hp-care-before-concerns .hp-care-notes{grid-template-columns:1fr}
  .hp-home .hp-care-before-concerns li{display:block;grid-row:auto}
  .hp-home .hp-care-before-concerns li{padding:24px 0;border-bottom:1px solid var(--hp-line,#e6e0d6)}
  .hp-home .hp-care-before-concerns li+li::before{content:none}
  .hp-home .hp-care-before-concerns li:last-child{border-bottom:0}
  .hp-home .hp-care-before-concerns .hp-care-number{font-size:28px}
  .hp-home .hp-care-before-concerns h3{font-size:18px}
  .hp-home .hp-care-before-concerns li p{font-size:13px;line-height:1.95}
}