/* PAGE CSS: move-a-trust-to-south-dakota
   Enqueued by functions.php when the slug matches.
   Lifted verbatim from the approved static build. */


/* ==========================================================
   TYPE SCALE, matched to the homepage
     18px    running body copy (global default)
     16.5px  copy inside cards and panels
     16px    smallest tier, list and step copy
     lede    clamp(18px,1.85vw,22px)
   Nothing on this page sits below 16px except captions.
   ==========================================================
   PAGE: /move-a-trust-to-south-dakota/
   Devices unique to this page: single-column dark hero, three
   route cards, horizontal process stepper, document ledger,
   plain-spoken limits, split closing.
   ========================================================== */

/* ---------- Hero ---------- */
.top{background:var(--ink-deep);color:var(--cream);}
/* single column since the "commonly moved from" rail came out, and centred
   at review to match the mastheads on the practice pages. */
.top__grid{display:block;text-align:center;
  padding-block:calc(var(--barh) + clamp(52px,6vw,88px)) clamp(56px,6.5vw,96px);}
.top .eyebrow{display:block;text-align:center;max-width:none;width:100%;text-indent:.28em;}
.top h1{margin-inline:auto;}
.top h1 .ital{display:block;margin-top:.10em;}
.top h1{font-size:clamp(38px,5.3vw,72px);line-height:1.04;color:var(--cream);margin-bottom:24px;}
.top__lede{font-size:clamp(18px,1.85vw,22px);line-height:1.6;color:rgba(244,240,232,.82);max-width:62ch;margin-inline:auto;}

/* ---------- Statement ---------- */
/* ---------- Three routes ---------- */
.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.2vw,32px);
  margin-top:clamp(40px,5vw,64px);}
.route{background:#F8F5EF;border:1px solid var(--stone);box-shadow:0 1px 44px rgba(23,55,70,.055);
  padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;}
.route__no{font-family:var(--display);font-size:10.5px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:block;}
.route h3{font-size:clamp(20px,2.1vw,26px);line-height:1.2;margin-bottom:14px;}
.route p{font-size:16.5px;line-height:1.66;color:rgba(23,55,70,.88);margin:0 0 18px;}
.route__when{margin-top:auto;padding-top:20px;border-top:1px solid var(--stone);}
.route__when dt{font-family:var(--display);font-size:10px;text-transform:uppercase;
  letter-spacing:.2em;color:var(--slate);margin-bottom:8px;}
.route__when dd{margin:0;font-size:16px;line-height:1.58;color:rgba(23,55,70,.86);}
.route__cite{display:inline-block;margin-top:16px;font-family:var(--display);font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--slate);
  border:1px solid var(--stone);padding:6px 11px;background:var(--cream);}

/* ---------- Horizontal stepper ---------- */
.step{position:relative;margin-top:clamp(44px,5vw,68px);
  display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,1.8vw,26px);}
.step::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:var(--stone);}
.step__cell{position:relative;padding-top:34px;}
.step__cell::before{content:"";position:absolute;left:0;top:5px;width:9px;height:9px;
  background:var(--gold);border-radius:50%;}
.step__no{font-family:var(--display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--slate);display:block;margin-bottom:10px;}
.step__cell h3{font-size:18px;line-height:1.22;margin-bottom:10px;}
.step__cell p{font-size:16px;line-height:1.62;color:rgba(23,55,70,.82);margin:0;
  max-width:30ch;}

/* ---------- Document ledger ---------- */
.docs{background:var(--ink-deep);color:var(--cream);}
.docs__grid{display:grid;grid-template-columns:44fr 56fr;gap:clamp(32px,5vw,80px);align-items:start;}
.docs h2{color:var(--cream);}
.docs p{color:rgba(244,240,232,.8);}
.docs ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(244,240,232,.2);}
.docs li{padding-block:18px;border-bottom:1px solid rgba(244,240,232,.14);
  display:grid;grid-template-columns:20px 1fr;gap:18px;align-items:baseline;
  font-size:16.5px;line-height:1.6;color:rgba(244,240,232,.86);}
.docs li::before{content:"";width:14px;height:1px;background:var(--gold);display:block;
  transform:translateY(-5px);}

/* ---------- Limits ---------- */
.care{border:1px solid var(--stone);padding:clamp(30px,3.6vw,56px);}
/* the intro reads across the full panel, matching the heading above it and
   the two columns below, rather than stopping at the global 64ch measure. */
.care > p{max-width:none;}
.care__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,3.2vw,52px);margin-top:32px;}
.care__grid h3{font-size:18px;margin-bottom:10px;}
.care__grid p{font-size:16.5px;line-height:1.66;color:rgba(23,55,70,.84);margin:0;}

/* ---------- Closing ---------- */
.end{position:relative;overflow:hidden;background:var(--ink-deep);}
.end__media{position:absolute;inset:0;z-index:0;}
.end__media img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;filter:saturate(.8);}
.end__media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(rgba(16,41,53,.84),rgba(16,41,53,.84)),
    linear-gradient(to right,rgba(16,41,53,.5) 0%,rgba(16,41,53,.12) 55%,rgba(16,41,53,.5) 100%);}
.end__grid{position:relative;z-index:1;
  display:grid;grid-template-columns:84fr 116fr;gap:clamp(32px,4vw,72px);align-items:center;}
.end h2{color:var(--cream);max-width:16ch;}
.end p{color:rgba(244,240,232,.82);}
.end__row{display:flex;flex-wrap:nowrap;gap:14px;margin-top:8px;}
.end__row .btn{flex:0 0 auto;padding-inline:26px;}

/* ---------- One-line headings ---------- */
.ln{max-width:none;white-space:nowrap;}
.ln--routes{font-size:clamp(24px,3.3vw,44px);}
.ln--step{font-size:clamp(24px,3.15vw,42px);}
.ln--care{font-size:clamp(23px,3.05vw,40px);}

@media (max-width:1080px){
  .docs__grid,.end__grid{grid-template-columns:1fr;}
  .routes{grid-template-columns:1fr;}
  .step{grid-template-columns:1fr 1fr;row-gap:30px;}
  .step::before{display:none;}
  .ln{white-space:normal;}
  .ln--routes,.ln--step,.ln--care{font-size:clamp(24px,4.4vw,36px);max-width:22ch;}
}
@media (max-width:780px){
  .step,.care__grid{grid-template-columns:1fr;}
  .end__row{flex-wrap:wrap;}
  .end__row .btn{width:100%;justify-content:center;}
}