/* Everhart Coaching & Consulting – site mockup, build 093026e
   Layout: one entity, two front doors – a centered hub split down a hairline rule,
   inner pages built from ruled editorial rows, one navy band per page.
   Single light theme on purpose – this is the look of Julie’s actual site. */
:root{
  --ink:#1B2A4E;          /* navy – primary ink */
  --ink-deep:#14203C;
  --sage:#7B8A69;         /* accent – marks and rules */
  --sage-ink:#5B6A4B;     /* sage, dark enough for small type */
  --olive:#4E5C3E;        /* faith-side accent */
  --olive-deep:#3F4B32;
  --paper:#FAF9F6;
  --paper-warm:#F2EFE7;
  --paper-glass:rgba(250,249,246,.96);
  --rule:#DCD8CD;
  --muted:#62665F;
  --body-ink:#3A4356;
  --white:#FFFFFF;
  --band-soft:#C6CCD8;
  --band-eyebrow:#93A38A;
  --ph-bg:#EFE3C8;
  --ph-ink:#6B5A2E;
  --logo:"Cinzel",Georgia,"Times New Roman",serif;
  --display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --body:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --pad:clamp(1rem,5vw,4.5rem);
  --anchor:96px;
  color-scheme:light;
}
/* The five Fivefold colors – the same ones on the book covers */
[data-type="A"]{--fill:#A6DCF2;--light:#E4F4FB;--deep:#17698F}
[data-type="P"]{--fill:#CBCDD0;--light:#EFF0F1;--deep:#515B62}
[data-type="E"]{--fill:#F3A5CF;--light:#FCE9F3;--deep:#AD1769}
[data-type="S"]{--fill:#F6DF82;--light:#FDF5D6;--deep:#7A5A05}
[data-type="T"]{--fill:#A5DEC6;--light:#E3F5ED;--deep:#127050}

*{box-sizing:border-box}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--body);font-weight:400;font-size:16px;line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:2px solid var(--sage);outline-offset:3px}
[hidden]{display:none!important}

/* ---------- shared type ---------- */
.eyebrow{
  font-size:.7rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase;
  color:var(--sage-ink);margin:0 0 1rem;
}
.eyebrow--olive{color:var(--olive)}
.eyebrow--ink{color:var(--muted)}
h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;letter-spacing:.005em;text-wrap:balance}
h1{font-size:clamp(2.3rem,4.6vw,3.5rem);line-height:1.08}
h2{font-size:clamp(1.85rem,3.6vw,2.7rem);line-height:1.12}
h3{font-size:1.42rem;line-height:1.25}
p{margin:0 0 1.05rem;max-width:62ch}
.lede{font-size:1.11rem;font-weight:300;color:var(--body-ink);max-width:58ch}
.tlink{color:var(--olive);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.tlink:hover{color:var(--olive-deep)}
.tlinks{display:flex;flex-wrap:wrap;gap:.35rem 1.3rem;margin:0}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;
  padding:.8rem 1.5rem;border:1px solid var(--ink);border-radius:2px;
  background:var(--ink);color:var(--paper);
  font:inherit;font-size:.78rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;
}
.btn:hover{background:var(--ink-deep);border-color:var(--ink-deep)}
.btn--olive{background:var(--olive);border-color:var(--olive)}
.btn--olive:hover{background:var(--olive-deep);border-color:var(--olive-deep)}
.btn--line{background:transparent;color:var(--ink)}
.btn--line:hover{background:var(--ink);color:var(--paper)}

/* ---------- placeholder marker ---------- */
.ph{background:linear-gradient(transparent 60%,var(--ph-bg) 60%);color:var(--ph-ink);font-style:italic}

/* ---------- header ---------- */
.masthead{
  position:sticky;top:env(safe-area-inset-top,0px);z-index:40;
  background:var(--paper-glass);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  border-bottom:1px solid var(--rule);
}
.masthead__in{
  max-width:1180px;margin:0 auto;padding:.85rem var(--pad);
  display:flex;align-items:center;justify-content:space-between;gap:.6rem 1.5rem;flex-wrap:wrap;
}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}
.brand__type{display:flex;flex-direction:column;line-height:1}
.brand__name{font-family:var(--logo);font-size:1.28rem;letter-spacing:.14em;font-weight:600}
.brand__sub{font-size:.56rem;letter-spacing:.185em;text-transform:uppercase;color:var(--muted);margin-top:.3rem}
.nav{display:flex;align-items:center;gap:.15rem;flex-wrap:wrap}
.nav a{
  position:relative;padding:.5rem .7rem;border-radius:2px;
  font-size:.84rem;letter-spacing:.02em;color:var(--ink);text-decoration:none;
}
.nav a:hover{color:var(--olive)}
.nav a[aria-current="page"]{font-weight:600}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.24rem;height:1px;background:var(--sage)}
.nav .nav__cta{border:1px solid var(--ink);padding:.5rem 1.05rem;margin-left:.4rem}
.nav .nav__cta:hover{background:var(--ink);color:var(--paper)}
.nav .nav__cta[aria-current="page"]::after{display:none}

/* ---------- page machinery ---------- */
.page{display:block}
.page{display:block}
@keyframes rise{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
.page{scroll-margin-top:240px}
.page [id]{scroll-margin-top:var(--anchor)}
.wrap{max-width:1180px;margin:0 auto;padding-inline:var(--pad)}
.narrow{max-width:840px}

/* ---------- home: her logo, then her three main things ---------- */
.hero{padding-block:clamp(2.6rem,5vw,4rem) 0;text-align:center}
.lockup{display:inline-flex;flex-direction:column;align-items:stretch;font-size:clamp(2.5rem,7.2vw,4.7rem);color:var(--ink)}
.lockup__mark{display:block;width:4.2em;max-width:100%;height:auto;margin:0 auto .05em}
.lockup__word{margin:0;padding-left:.12em;font-family:var(--logo);font-weight:600;font-size:1em;letter-spacing:.12em;line-height:1;max-width:none}
.lockup__sub{display:flex;align-items:center;gap:.3em;margin:.2em 0 0;max-width:none;font-size:.3em;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--sage-ink);white-space:nowrap}
.lockup__sub i,.lockup__dia i{flex:1 1 0;height:1px;background:var(--ink);opacity:.7}
.lockup__dia{display:flex;align-items:center;justify-content:center;gap:.5em;margin:.08em auto 0;width:60%;max-width:none;font-size:.3em}
.lockup__dia b{flex:0 0 auto;width:.42em;height:.42em;background:#5D7043;transform:rotate(45deg)}
.lockup__tag{display:flex;align-items:center;justify-content:center;gap:.4em;margin:.08em 0 0;max-width:none;font-family:var(--display);font-style:italic;font-weight:500;font-size:.54em;white-space:nowrap}
.leaf{flex:0 0 auto;width:.62em;height:.62em;fill:#5D7043}
.leaf__vein{fill:none;stroke:var(--paper);stroke-width:1.1;stroke-linecap:round}
.hero__intro{margin:1.6rem auto 0;max-width:46ch;font-size:1.05rem;color:var(--body-ink);text-wrap:balance}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(2.2rem,4vw,3.2rem);border-top:1px solid var(--rule)}
.pillar{display:flex;flex-direction:column;min-width:0;padding:clamp(1.6rem,3vw,2.6rem) clamp(1rem,2.4vw,2.2rem);border-left:1px solid var(--rule)}
.pillar:first-child{border-left:0}
.pillar__word{display:flex;align-items:center;gap:.45rem;margin:0 0 .7rem;font-family:var(--display);font-style:italic;font-size:1.35rem;color:var(--olive)}
.pillar__word .leaf{width:1rem;height:1rem}
.pillar h2{margin-bottom:.6rem}
.pillar__text{margin:0 0 1.1rem;font-size:.96rem;color:var(--body-ink)}
.pillar .door__list{margin-bottom:1.3rem}
.pillar__go{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;margin-top:auto}
.pillar__go a{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--olive);text-decoration:none}
.pillar__go a:hover{color:var(--olive-deep);text-decoration:underline;text-underline-offset:4px}
.door__list{list-style:none;margin:0 0 1.2rem;padding:0;font-size:.88rem;color:var(--muted)}
.door__list li{padding:.24rem 0;border-bottom:1px dotted var(--rule)}

/* ---------- navy band ---------- */
.band{background:var(--ink);color:var(--paper);padding-block:clamp(2.6rem,5vw,4rem)}
.band .eyebrow{color:var(--band-eyebrow)}
.band h2{color:var(--paper);max-width:22ch;margin-bottom:1rem}
.band p{color:var(--band-soft)}
.band__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:clamp(1.4rem,3vw,2.6rem);margin-top:2.1rem}
.band__grid h3{color:var(--paper);font-size:1.2rem;margin-bottom:.4rem}
.band__grid p{font-size:.92rem;margin:0 0 .6rem}
.band a{color:var(--paper);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.band a:hover{color:var(--band-soft)}
.page > .band{margin-top:clamp(2.5rem,5vw,4rem)}

/* ---------- inner page hero ---------- */
.phero{padding-block:clamp(3.2rem,6vw,5rem) clamp(1.8rem,3vw,2.6rem);border-bottom:1px solid var(--rule)}
.phero h1{max-width:23ch;margin-bottom:1.3rem}

/* ---------- offering rows ---------- */
.rows{margin-top:clamp(2.2rem,4vw,3rem);border-top:1px solid var(--rule)}
.row{
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.6fr) minmax(0,.55fr);
  gap:clamp(1rem,2.6vw,2.4rem);padding-block:clamp(1.4rem,2.6vw,2rem);
  border-bottom:1px solid var(--rule);align-items:start;
}
.row h3{margin-bottom:.35rem}
.row p{font-size:.95rem;margin:0;color:var(--body-ink)}
.row .row__shape{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-ink);font-weight:600}
.row__price{font-family:var(--display);font-size:1.3rem;color:var(--ink);text-align:right;line-height:1.3;font-variant-numeric:lining-nums tabular-nums}
.row__price small{display:block;font-family:var(--body);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:.3rem}
.row__price--ask{font-family:var(--body);font-size:.92rem;font-weight:600;color:var(--olive)}
.themes{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0 0;padding:0;list-style:none}
.themes li{font-size:.78rem;padding:.3rem .75rem;border:1px solid var(--rule);border-radius:999px;color:var(--olive);background:var(--paper-warm)}
.try-line{margin:1.6rem 0 0;font-size:.95rem;color:var(--body-ink);max-width:70ch}

/* ---------- faith page ---------- */
.fhero{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  gap:clamp(2rem,5vw,4.5rem);padding-block:clamp(3.2rem,6vw,5rem) clamp(2.6rem,5vw,4rem);
}
.fhero h1{color:var(--olive);margin-bottom:1.2rem}
.fhero__ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.6rem 0 1.1rem}
.fhero__cover{position:relative;margin:0 14px 14px 0;width:clamp(190px,24vw,260px)}
.fhero__cover::before{content:"";position:absolute;inset:14px -14px -14px 14px;background:var(--paper-warm);border:1px solid var(--rule)}
.fhero__cover img{position:relative;display:block;width:100%;height:auto;border:1px solid var(--rule)}

.fsec{padding-block:clamp(3rem,6vw,5rem);border-top:1px solid var(--rule)}
.fsec--warm{background:var(--paper-warm)}
.fsec h2{margin-bottom:1rem}

/* scripture */
.verses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1.5rem,4vw,3.5rem);margin-top:2.2rem}
.verse{margin:0;padding-block:1.6rem;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:.9rem;min-width:0}
.verse--wide{grid-column:1/-1}
.verse blockquote{margin:0;font-family:var(--display);font-style:italic;font-size:1.32rem;line-height:1.5;color:var(--ink)}
.verse--wide blockquote{font-size:1.5rem;max-width:56ch}
.verse figcaption,.verse__ref{font-size:.7rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--sage-ink)}
.verse__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.4rem;margin-top:auto}
.textbtn{
  background:none;border:0;padding:.35rem 0;cursor:pointer;
  font:inherit;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--olive);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;
}
.textbtn:hover{color:var(--olive-deep)}
.nasb{margin:1.2rem 0 0;font-size:.76rem;line-height:1.5;color:var(--muted);max-width:none}
.nasb a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}

/* why it matters */
.tensions{margin-top:2.2rem;border-top:1px solid var(--rule);max-width:900px}
.tension{border-bottom:1px solid var(--rule)}
.tension h3{font-size:inherit;line-height:inherit}
.tension__btn{
  width:100%;display:flex;align-items:baseline;gap:1rem;padding:1.1rem 0;
  background:none;border:0;text-align:left;font:inherit;color:var(--ink);cursor:pointer;
}
.tension__n{flex:0 0 1.4rem;font-family:var(--display);font-size:1.5rem;line-height:1;color:var(--sage-ink)}
.tension__t{flex:1 1 auto;min-width:0;font-family:var(--display);font-size:1.45rem;line-height:1.25}
.tension__sign{flex:0 0 auto;font-size:1.3rem;line-height:1;color:var(--olive);transition:transform .2s ease}
.tension__btn[aria-expanded="true"] .tension__sign{transform:rotate(45deg)}
.tension__btn:hover .tension__t{color:var(--olive)}
.tension__panel{padding:0 0 1.6rem 2.4rem;max-width:68ch}
.tension__setup{color:var(--body-ink)}
.tension__label{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--olive);margin:1.1rem 0 .3rem}
.tension__adj{margin:0}
.bridge{margin:1.8rem 0 0;font-family:var(--display);font-style:italic;font-size:1.3rem;color:var(--olive);max-width:none}

/* the toolset turn */
.kicker{margin:0;font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-ink)}
.tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3.5rem);margin-top:2.2rem}
.tools__col{display:flex;flex-direction:column;gap:.7rem;min-width:0;padding-top:1.2rem;border-top:1px solid var(--ink)}
.tools__col h3{margin-bottom:.3rem}
.tools__list{list-style:none;margin:0;padding:0}
.tools__list li{padding-block:.95rem;border-top:1px solid var(--rule)}
.tools__list li:last-child{border-bottom:1px solid var(--rule)}
.tools__list p{margin:0 0 .35rem;font-size:.95rem;color:var(--body-ink)}
.tools__name{font-family:var(--display);font-size:1.3rem;color:var(--ink)}
.tools__book{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.3rem;align-items:start}
.tools__book img{display:block;width:124px;height:auto;border:1px solid var(--rule)}
.tools__copy{display:flex;flex-direction:column;gap:.8rem;min-width:0}
.tools__copy p{margin:0;font-size:.95rem;color:var(--body-ink)}
.ctools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.3rem,3vw,2.6rem);margin-top:2.2rem}
.ctools__item{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;min-width:0;padding-top:1.1rem;border-top:1px solid var(--ink)}
.ctools__item p{margin:0;font-size:.95rem;color:var(--body-ink)}
.fhero__cover .portrait--hero{position:relative;background:var(--white)}
.fsec + .band{margin-top:0}
#consulting > .wrap + .fsec,#coaching > .wrap + .fsec,#abcontrast > .wrap + .fsec{margin-top:clamp(2.2rem,4vw,3rem)}

/* Julie’s affiliate seal – the round part of her badge, once on every page; it opens the full certificate */
.withbadge{display:flex;align-items:flex-start;justify-content:space-between;gap:1.4rem 2.8rem}
.withbadge__text{flex:1 1 auto;min-width:0}
.seal{
  --seal-gap:var(--paper);--seal-line:var(--sage);--seal-ink:var(--muted);--seal-link:var(--olive);
  flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;
  width:clamp(140px,14vw,172px);padding:6px;border:0;background:none;cursor:pointer;
  font:inherit;color:inherit;text-align:center;
}
.seal__img{
  display:block;width:100%;height:auto;aspect-ratio:1/1;max-width:100%;border-radius:50%;
  background:var(--white) url("images/image-d1fd160447eb.jpg") center/cover no-repeat;
  box-shadow:0 0 0 5px var(--seal-gap),0 0 0 6px var(--seal-line);transition:transform .3s ease;
}
.seal:hover .seal__img{transform:rotate(-5deg) scale(1.02)}
.seal__label{margin-top:.7rem;font-size:.62rem;font-weight:600;letter-spacing:.16em;line-height:1.45;text-transform:uppercase;color:var(--seal-ink)}
.seal__more{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--seal-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.seal:hover .seal__more{color:var(--olive-deep)}
.fsec--warm .seal{--seal-gap:var(--paper-warm)}
.band .seal{--seal-gap:var(--ink);--seal-line:var(--band-eyebrow);--seal-ink:var(--band-soft);--seal-link:var(--paper)}
.band .seal:hover .seal__more{color:var(--band-soft)}
.seal--inline{width:164px;margin-top:2rem}
.cert{
  width:min(880px,calc(100% - 2rem));max-width:none;max-height:calc(100% - 2rem);margin:auto;padding:0;
  border:1px solid var(--rule);border-radius:2px;background:var(--paper);color:var(--ink);overflow:auto;
}
.cert::backdrop{background:rgba(20,32,60,.64)}
.cert__inner{position:relative;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(1.4rem,3vw,2.6rem);align-items:start;padding:clamp(1.6rem,3.6vw,2.8rem)}
.cert__badge{display:block;width:100%;height:auto;aspect-ratio:1/1}
.cert__text{min-width:0}
.cert__text h2{margin-bottom:.9rem;font-size:clamp(1.7rem,3vw,2.2rem)}
.nowrap{white-space:nowrap}
.cert__text p{font-size:.97rem;color:var(--body-ink)}
.cert__ctas{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.3rem}
.cert__close{
  position:absolute;top:.5rem;right:.5rem;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;
  font:inherit;font-size:1.7rem;line-height:1;color:var(--ink);
}
.cert__close:hover{color:var(--olive)}
.tools__code{font-size:.9rem}
.tools__code b,.absolute b.code{font-weight:700;letter-spacing:.03em;color:var(--ink)}

/* the 4-5-6 */
.f456{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3.5vw,3rem);margin-top:2.2rem}
.f456__col{display:flex;flex-direction:column;gap:.8rem;min-width:0;padding-top:1.2rem;border-top:1px solid var(--ink)}
.f456__head{display:flex;align-items:baseline;gap:.7rem;margin:0}
.f456__num{font-family:var(--display);font-size:3.6rem;line-height:.9}
.f456__word{font-family:var(--display);font-size:1.6rem}
.f456__intro{font-size:.95rem;color:var(--body-ink);margin:0}
.dirs__label{font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:.4rem 0 0}
.dirs__item{margin:0;padding-left:1rem;display:flex;flex-direction:column;line-height:1.4}
.dirs__name{font-weight:600}
.dirs__desc{font-size:.93rem;color:var(--body-ink)}
.types{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.types li{display:grid;grid-template-columns:minmax(0,1fr) 1.4rem minmax(0,1fr);align-items:center;font-size:.98rem}
.types__abc{text-align:right;color:var(--body-ink)}
.types__eq{text-align:center;color:var(--muted)}
.types__five{display:flex;align-items:center;gap:.5rem;font-weight:600}
.dot{flex:0 0 auto;width:.9rem;height:.9rem;border-radius:50%;background:var(--fill);border:1px solid rgba(27,42,78,.12)}
.areas{list-style:none;margin:0;padding:0}
.areas a{display:flex;gap:.6rem;align-items:baseline;padding:.45rem 0;border-top:1px solid var(--rule);color:var(--ink);text-decoration:none}
.areas li:last-child a{border-bottom:1px solid var(--rule)}
.areas__n{flex:0 0 1rem;font-family:var(--display);font-size:1.15rem;line-height:1;color:var(--sage-ink)}
.areas__name{font-weight:600;color:var(--olive);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.areas a:hover .areas__name{color:var(--olive-deep)}
.areas__desc{color:var(--body-ink)}
.f456__cta{margin-top:2rem}

/* the Fivefold */
.five__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:clamp(1.5rem,3.5vw,3rem);margin-top:2.2rem;align-items:start}
.five__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.stmt{
  display:flex;align-items:center;gap:.75rem;width:100%;min-height:4.4rem;padding:.7rem .9rem;
  border:1px solid var(--rule);border-radius:2px;background:var(--white);color:var(--ink);
  font:inherit;font-size:.95rem;line-height:1.35;text-align:left;cursor:pointer;
}
.stmt:hover{border-color:var(--deep)}
.stmt[aria-pressed="true"]{background:var(--light);border-color:var(--deep);box-shadow:inset 0 0 0 1px var(--deep);font-weight:600}
.stmt .dot{width:1rem;height:1rem}
.five__map{display:flex;flex-direction:column;align-items:center;gap:.6rem;min-width:0}
.five__caption{margin:0;font-size:.8rem;color:var(--muted);text-align:center}
.map{position:relative;width:100%;max-width:430px;aspect-ratio:1/1;isolation:isolate;container-type:inline-size}
.map > *{position:absolute}
.map__fill,.map__ring,.map__hl{border-radius:50%}
.map__g--A{left:7.6%;top:7.6%;width:38.4%;height:38.4%}
.map__g--P{left:54%;top:7.6%;width:38.4%;height:38.4%}
.map__g--E{left:7.6%;top:54%;width:38.4%;height:38.4%}
.map__g--S{left:54%;top:54%;width:38.4%;height:38.4%}
.map__g--T{left:28.8%;top:28.8%;width:42.4%;height:42.4%}
.map__fill{background:var(--fill);mix-blend-mode:multiply}
.map__fill.map__g--T{opacity:.92}
.map__ring{border:2px solid rgba(255,255,255,.95)}
.map__hl{border:3px solid transparent;pointer-events:none;transition:border-color .15s ease}
.map__axis{transform:translate(-50%,-50%);text-align:center;line-height:1.2;white-space:nowrap;font-size:12px;font-size:clamp(9px,2.4cqw,12px)}
.map__axis b{display:block;font-weight:600;letter-spacing:.18em}
.map__axis span{display:block;color:var(--muted)}
.map__axis--top{left:50%;top:3.3%}
.map__axis--bottom{left:50%;top:96.7%}
.map__axis--left{left:3.2%;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}
.map__axis--right{left:96.8%;top:50%;transform:translate(-50%,-50%) rotate(90deg)}
.map__label{
  transform:translate(-50%,-50%);padding:.38em .55em;border-radius:2px;text-align:center;line-height:1.2;
  white-space:nowrap;color:var(--ink);background:rgba(255,255,255,0);transition:background-color .15s ease;
  font-size:13px;font-size:clamp(10px,2.6cqw,13px);
}
.map__label b{display:block;font-weight:600;letter-spacing:.08em}
.map__label span{display:block;color:var(--body-ink)}
.map__label--A{left:25.6%;top:25.6%}
.map__label--P{left:74.4%;top:25.6%}
.map__label--E{left:25.6%;top:74.4%}
.map__label--S{left:74.4%;top:74.4%}
.map__label--T{left:50%;top:50%}
.map[data-active="A"] .map__hl--A,.map[data-active="P"] .map__hl--P,.map[data-active="E"] .map__hl--E,
.map[data-active="S"] .map__hl--S,.map[data-active="T"] .map__hl--T{border-color:var(--ink)}
.map[data-active="A"] .map__label--A,.map[data-active="P"] .map__label--P,.map[data-active="E"] .map__label--E,
.map[data-active="S"] .map__label--S,.map[data-active="T"] .map__label--T{background:rgba(255,255,255,.92)}
.viewer{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--ink);display:flex;flex-direction:column;gap:1.2rem}
.viewer__result{display:flex;flex-direction:column;gap:1.2rem}
.strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.2rem;padding:.9rem 1.1rem;background:var(--light)}
.strip__text{margin:0;font-family:var(--display);font-size:1.45rem;line-height:1.3;max-width:none}
.strip__chip{margin:0;font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--deep)}
.typecard{display:flex;flex-direction:column;gap:.7rem}
.typecard p{margin:0;max-width:78ch}
.typecard__head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.typecard__dot{flex:0 0 auto;width:3rem;height:3rem;border-radius:50%;background:var(--fill)}
.typecard__names{flex:1 1 240px;min-width:0}
.typecard__name{font-family:var(--display);font-size:1.7rem;letter-spacing:.04em}
.typecard__alias{font-style:italic;color:var(--deep);letter-spacing:0}
.typecard__epithet{color:var(--body-ink)}
.typecard .typecard__pp{margin-left:auto;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.again{
  display:none;align-self:flex-start;align-items:center;gap:.5rem;padding:.55rem 0;
  font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--olive);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;
}
.viewer__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.6rem}
.viewer__hint{flex:1 1 320px;margin:0;font-size:.93rem;color:var(--body-ink)}

/* books and plans */
.need{margin-top:2.2rem;border-top:1px solid var(--rule)}
.need__row{
  display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.55fr) minmax(0,1fr);
  gap:clamp(1rem,3vw,2.6rem);padding-block:clamp(1.5rem,3vw,2.2rem);border-bottom:1px solid var(--rule);align-items:start;
}
.need__who h3{margin-bottom:.3rem}
.need__who p{margin:0;font-size:.93rem;color:var(--body-ink)}
.need__facts{display:block;margin-top:.6rem;font-size:.82rem;font-weight:600;line-height:1.5;color:var(--ink)}
.need__label{margin:0 0 .55rem;font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-ink)}
.need__items{display:flex;flex-direction:column;gap:1.1rem;min-width:0}
.need__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 1.6rem}
.need__col{display:flex;flex-direction:column;gap:1rem;min-width:0}
.book{display:flex;gap:.9rem;align-items:flex-start}
.book img{flex:0 0 auto;width:48px;height:auto;border:1px solid var(--rule)}
.book__info{min-width:0}
.book__t{margin:0;font-weight:600;line-height:1.3}
.book__n{margin:.1rem 0 .25rem;font-size:.86rem;line-height:1.45;color:var(--muted)}
.book__buy{display:flex;align-items:baseline;gap:.9rem;margin:0;font-size:.9rem}
.price{font-family:var(--display);font-size:1.15rem;font-weight:500;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.need__opt{padding:1rem 1.1rem;background:var(--paper-warm);border:1px solid var(--rule);min-width:0}
.need__opt p{font-size:.92rem;margin:0 0 .6rem}
.need__opt .btn{margin-top:.2rem}
.need__opt .need__label,.absolute .need__label{font-size:.66rem;margin:0 0 .55rem;max-width:none}
.absolute{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.4rem 2.4rem;
  margin-top:2rem;padding:clamp(1.3rem,3vw,2rem);background:var(--paper-warm);border:1px solid var(--rule);
}
.absolute p{font-size:.95rem;max-width:72ch}
.absolute p:last-child{margin-bottom:0}
.absolute__ctas{display:flex;flex-direction:column;gap:.6rem}
.disclose{display:block;margin-top:.3rem;font-size:.82rem;color:var(--muted)}

.fcta{padding-block:clamp(2.6rem,5vw,3.8rem) 0;border-top:1px solid var(--rule);text-align:center}
.fcta h2{margin:0 auto .6rem;max-width:24ch}
.fcta p{margin:0 auto 1.4rem;color:var(--body-ink);text-wrap:balance}

/* ---------- about ---------- */
.about{display:grid;grid-template-columns:1fr;gap:clamp(1.8rem,4vw,3.2rem);padding-block:clamp(2.4rem,5vw,4rem)}
.portrait{aspect-ratio:4/5;max-width:100%;background:var(--paper-warm);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}
.portrait span{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.creds{list-style:none;margin:1.4rem 0 0;padding:0}
.creds li{display:flex;gap:.8rem;padding:.62rem 0;border-bottom:1px solid var(--rule);font-size:.93rem}
.creds b{flex:0 0 5.8rem;padding-top:.22rem;font-size:.68rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--sage-ink)}
.note{font-size:.84rem;color:var(--muted);max-width:46ch}

/* ---------- contact ---------- */
.contact{display:grid;grid-template-columns:1fr;gap:clamp(1.8rem,4vw,3.4rem);padding-block:clamp(2.4rem,5vw,4rem)}
.field{margin-bottom:1.1rem}
.field label{display:block;margin-bottom:.4rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.field input,.field select,.field textarea{
  width:100%;padding:.68rem .8rem;border:1px solid var(--rule);border-radius:2px;
  background:var(--white);color:var(--ink);font:inherit;font-size:.95rem;
}
.field textarea{min-height:118px;resize:vertical}
.form-status{margin:.9rem 0 0;font-size:.86rem;color:var(--olive)}

/* ---------- footer ---------- */
.foot{margin-top:clamp(3rem,6vw,5rem);padding-block:clamp(2.2rem,4vw,3rem) 2.4rem;background:var(--paper-warm);border-top:1px solid var(--rule)}
.foot__in{display:grid;grid-template-columns:1fr;gap:1.8rem}
.foot h4{margin:0 0 .75rem;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.foot ul{list-style:none;margin:0;padding:0;font-size:.88rem}
.foot li{padding:.2rem 0}
.foot li a{color:var(--ink);text-decoration:none}
.foot li a:hover{color:var(--olive);text-decoration:underline}
.foot__brand{display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem}
.foot__word{font-family:var(--logo);font-size:1.1rem;font-weight:600;letter-spacing:.14em}
.foot__tag{display:flex;align-items:center;gap:.45rem;margin:0 0 .8rem;font-family:var(--display);font-style:italic;font-size:1.08rem;color:var(--ink)}
.foot__tag .leaf{width:.85rem;height:.85rem}
.legal{margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid var(--rule)}
.legal p{margin:0 0 .45rem;font-size:.76rem;line-height:1.55;color:var(--muted);max-width:80ch}

/* ---------- wider screens ---------- */
@media (min-width:760px){.foot__in{grid-template-columns:1.4fr 1fr 1fr}}
@media (min-width:820px){.about{grid-template-columns:1.35fr 1fr}.contact{grid-template-columns:1fr 1fr}}

/* ---------- tablet – 1023px and below ---------- */
@media (max-width:1023px){
  .f456{grid-template-columns:repeat(2,minmax(0,1fr))}
  .f456__col--areas{grid-column:1/-1}
  .five__top{grid-template-columns:1fr}
  .five__map{width:100%;max-width:460px;margin-inline:auto}
  .again{display:inline-flex}
}
@media (max-width:900px){
  .pillars{grid-template-columns:1fr}
  .pillar{border-left:0;border-top:1px solid var(--rule)}
  .pillar:first-child{border-top:0}
  .need__row{grid-template-columns:1fr}
  .tools{grid-template-columns:1fr}
}

/* ---------- phone – 760px and below ---------- */
@media (max-width:760px){
  :root{--anchor:12px}
  .masthead{position:static}
  .masthead__in{flex-direction:column;align-items:flex-start}
  .nav{margin-left:-.7rem}
  .nav .nav__cta{margin-left:.7rem}
  .row{grid-template-columns:1fr;gap:.5rem}
  .row__price{text-align:left}
  .fhero{grid-template-columns:1fr;gap:2rem}
  .fhero__cover{width:190px}
  .fhero__ctas{flex-direction:column;align-items:stretch}
  .verses{grid-template-columns:1fr}
  .verse blockquote,.verse--wide blockquote{font-size:1.24rem}
  .tension__t{font-size:1.3rem}
  .tension__panel{padding-left:0}
  .f456{grid-template-columns:1fr}
  .five__list{grid-template-columns:1fr}
  .stmt{min-height:3.4rem}
  .typecard .typecard__pp{margin-left:0;flex-basis:100%}
  .viewer__foot{flex-direction:column;align-items:stretch}
  .viewer__hint{flex:0 0 auto}
  .viewer__foot .btn{width:100%}
  .absolute{grid-template-columns:1fr}
  .absolute__ctas .btn{width:100%}
  .ctools{grid-template-columns:1fr}
  .withbadge{flex-direction:column}
  .seal,.seal--inline{width:156px}
  .cert__inner{grid-template-columns:1fr}
  .cert__badge{max-width:260px}
  .cert__ctas .btn{width:100%}
}
@media (max-width:480px){
  .tools__book{grid-template-columns:1fr}
  .tools__book img{width:120px}
}
@media (max-width:560px){
  .need__cols{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .page.is-on{animation:none}
  *,*::before,*::after{transition:none!important}
}

/* Accessibility and form states */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-100px;left:1rem;z-index:100;padding:.65rem 1rem;background:var(--ink);color:var(--paper)}
.skip-link:focus{position:fixed;top:1rem}
.honeypot{display:none}
.form-status[data-state="error"]{color:#8B2323}
.btn:disabled{opacity:.6;cursor:wait}
.page{scroll-margin-top:var(--anchor)}
html{scroll-padding-top:var(--anchor)}

/* Supplied logo artwork: scale the entire image without clipping. */
.hero-surface{background:transparent}
.hero-surface .hero{padding-bottom:clamp(1.8rem,3vw,2.5rem)}
.lockup--artwork{display:block;width:min(100%,560px);margin-inline:auto;font-size:inherit}
.lockup--artwork picture{display:block}
.home-logo{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:3 / 2;object-fit:contain}
.about__tagline{font-family:var(--display);font-size:1.35rem;font-style:italic;color:var(--sage-ink);margin:0}
.about-copy{padding-block:clamp(2rem,4vw,3.5rem) clamp(2.4rem,5vw,4rem)}
.about-copy p{max-width:72ch;margin-bottom:1.35rem}
.about-copy .about__principle{font-family:var(--display);font-size:clamp(1.5rem,3vw,2rem);line-height:1.35;color:var(--olive);margin-top:2rem}