/* aliases so ported rules keep their original token names */
:root{--navy:#373A50;--navy-deep:#262839;--ink:#25273b;--rose:#C15868;--rose-deep:#A8445A;--mauve:#926F88;--mauve-field:#7C5A73;--mauve-ink:#6B4D65;--sage:#97C0AD;--sage-pale:#E3EEE8;--sage-ink:#2D5646;--ground:#FAF7F8;--blush:#F2E8EB;--line:rgba(37,39,59,.16);--line-light:rgba(250,247,248,.22);--display:"Libre Bodoni","Bodoni 72",Didot,Georgia,serif;--body:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1);--gutter:clamp(1.25rem,4vw,3.5rem);--max:100rem}
/* ---- shared (from approved site.css) ---- */
em{font-style:italic}
.lede{font-size:clamp(1.15rem,1.5vw,1.3rem);line-height:1.55}
.small{font-size:.9rem;line-height:1.5}
.btn{display:inline-block;font:600 .8125rem/1 var(--body);letter-spacing:.09em;text-transform:uppercase;text-decoration:none;padding:1.1rem 1.7rem;border-radius:2px;border:1.5px solid transparent;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease);cursor:pointer}
.btn-rose{background:var(--rose-deep);color:#fff}
.btn-rose:hover{background:#8F3549}
.btn-ghost{border-color:rgba(250,247,248,.6);color:var(--ground)}
.btn-ghost:hover{background:var(--ground);border-color:var(--ground);color:var(--navy)}
.btn-line{border-color:currentColor;color:inherit}
.btn-line:hover{background:currentColor}
.btn-line:hover span{color:var(--btn-hover,#fff)}
.tlink{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.28em;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);transition:text-decoration-color .2s}
.tlink:hover{text-decoration-color:currentColor}
.ed-js .draw-in path{stroke-dasharray:1;stroke-dashoffset:1}
.draw-in.drawn path{stroke-dashoffset:0;transition:stroke-dashoffset var(--dur,1.2s) var(--tf,linear) var(--dl,0s)}
.close{background:var(--navy-deep);color:var(--ground);padding-block:clamp(5rem,10vw,9rem);text-align:left}
.close h2{font-size:clamp(2.4rem,5.4vw,5rem);line-height:1.04;max-width:15ch}
.close .lede{margin-top:1.8rem;max-width:36rem;color:rgba(250,247,248,.85)}
.close .actions{margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;align-items:center}
.close{position:relative}
.close .wrap{position:relative}
.close-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.close-art{display:block;justify-self:center;align-self:center;width:min(17rem,72%);height:auto;overflow:visible}
.close .phone{font:500 clamp(1.4rem,2.2vw,1.8rem) var(--body);letter-spacing:.01em;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.3em;text-decoration-color:var(--rose)}
/* ---- subpage components (from approved pages.css) ---- */
/* ===== Elevated Dietetics: subpage components (builds on site.css) ===== */
/* page hero */
.phero{background:var(--navy);color:var(--ground);position:relative;overflow:hidden;padding:calc(63px + clamp(2.5rem,6vw,5.5rem)) 0 clamp(3rem,6vw,5.5rem)}
.phero::after{content:"";position:absolute;top:0;left:0;right:0;height:8rem;background:linear-gradient(to bottom,rgba(38,40,57,.7),rgba(38,40,57,0));pointer-events:none;z-index:1}
.phero .wrap{position:relative;z-index:2}
.crumbs{font-size:.85rem;line-height:1.4;color:rgba(250,247,248,.72);margin-bottom:1.6rem}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem .6rem}
.crumbs li+li::before{content:"/";margin-right:.6rem;opacity:.55}
.crumbs a{text-decoration:none;border-bottom:1px solid transparent}
.crumbs a:hover{border-bottom-color:currentColor}
.phero h1{font-size:clamp(2.6rem,5.2vw,4.9rem);line-height:1.02;max-width:17ch}
.phero .lede{margin-top:1.75rem;max-width:40rem;color:rgba(250,247,248,.88)}
.phero-actions{margin-top:2.2rem;display:flex;flex-wrap:wrap;gap:1rem 1.75rem;align-items:center}
.phero.has-photo .phero-copy{max-width:min(42rem,54%)}
.phero-photo{position:absolute;top:0;right:0;bottom:0;width:46%;margin:0;z-index:0;
-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.55) 18%,#000 40%),linear-gradient(to top,transparent 0,rgba(0,0,0,.4) 10%,#000 26%);
-webkit-mask-composite:source-in;
mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.55) 18%,#000 40%),linear-gradient(to top,transparent 0,rgba(0,0,0,.4) 10%,#000 26%);
mask-composite:intersect}
.phero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.phero-art{position:absolute;right:calc(var(--gutter) + 2rem);bottom:0;width:min(21rem,26%);height:auto;max-height:92%;z-index:1;overflow:visible}
/* sections */
.sub{padding-block:clamp(3.5rem,7vw,6.5rem)}
.sub+.sub{padding-top:0}
.sub.rule{border-top:1px solid var(--line);padding-top:clamp(3.5rem,7vw,6rem)}
.sub h2{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.08;max-width:20ch}
.sub .lede{max-width:44rem;color:#42445a}
.sub h3{font-size:clamp(1.4rem,2vw,1.8rem)}
.split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.split>.aside{position:sticky;top:6rem}
.split.flip{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.prose p{margin-top:1.15rem;max-width:62ch;color:#33354b}
.prose p:first-child{margin-top:0}
.prose h3{margin-top:2.2rem}
.prose ul{margin-top:1.1rem;padding-left:1.2rem;max-width:62ch}
.prose li{margin-top:.5rem;color:#33354b}
.pull{font:italic 500 clamp(1.4rem,2.4vw,2rem)/1.35 var(--display);font-variation-settings:"opsz" 14;max-width:34ch;margin:0}
.pull cite{display:block;margin-top:1rem;font:600 .8rem var(--body);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--mauve-ink)}
/* ledger-style lists */
.rows{list-style:none;border-top:2px solid var(--ink)}
.rows>li{padding-block:1.2rem;border-bottom:1px solid var(--line)}
.rows.plain{border-top:1px solid var(--line)}
.rows.big>li{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(0,6fr);gap:.6rem clamp(1.5rem,4vw,4rem);align-items:baseline;padding-block:1.6rem}
.rows.big h3{font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1.1}
.rows.big.single>li{display:block}
.rows.big.single h3{font-size:clamp(1.5rem,2.2vw,2rem);max-width:none}.rows .meta{display:block;font:600 .75rem var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--mauve-ink);margin-top:.45rem}
.rows p{color:#3a3c52;max-width:60ch}
.rows .go{display:inline-block;margin-top:.7rem;font-weight:600;font-size:.95rem}
/* big-word index (static) */
.words{list-style:none;border-top:2px solid var(--ink)}
.words>li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:.8rem clamp(1.5rem,4vw,4rem);padding-block:1.7rem;border-bottom:1px solid var(--line);align-items:baseline}
.words .w{font:500 clamp(2.1rem,4vw,3.6rem)/1 var(--display);font-variation-settings:"opsz" 20;letter-spacing:-.012em}
.words h3{font-size:1.25rem;margin-bottom:.5rem}
.words p{color:#3a3c52;max-width:56ch}
/* pillars long-form */
.pillar-block{padding-block:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(1.5rem,5vw,5rem)}
.pillar-block h2{font-size:clamp(2.6rem,5.2vw,4.6rem);font-variation-settings:"opsz" 20;max-width:none}
.pillar-block .prose p{max-width:60ch}
.pillar-block .prose p.lead{font-size:1.2rem;line-height:1.55;color:var(--ink)}
.pillar-nav{display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin-top:2rem}
.pillar-nav a{font:500 1.5rem var(--display);text-decoration:none;border-bottom:1.5px solid var(--rose);padding-bottom:.1rem}
/* faq */
.faq{border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;position:relative;padding:1.3rem 3rem 1.3rem 0;font:500 clamp(1.2rem,1.7vw,1.5rem)/1.3 var(--display);font-variation-settings:"opsz" 14}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before,.faq summary::after{content:"";position:absolute;right:.4rem;top:50%;width:1rem;height:1.5px;background:var(--ink);transition:transform .3s var(--ease)}
.faq summary::after{transform:rotate(90deg)}
.faq details[open] summary::after{transform:rotate(0)}
.faq summary:hover{color:var(--rose-deep)}
.faq .ans{padding:0 0 1.6rem;max-width:62ch;color:#33354b}
.faq .ans p+p{margin-top:.9rem}
/* is / is not */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,5rem)}
.compare h3{padding-bottom:.9rem;border-bottom:2px solid var(--ink);margin-bottom:.4rem}
.compare ul{list-style:none}
.compare li{padding-block:.85rem;border-bottom:1px solid var(--line);color:#33354b}
/* fees */
.fees{list-style:none;border-top:2px solid var(--ink)}
.fees li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) auto;gap:.5rem 2rem;align-items:baseline;padding-block:1.5rem;border-bottom:1px solid var(--line)}
.fees h3{font-size:1.7rem}
.fees .price{font:500 clamp(1.7rem,2.6vw,2.3rem) var(--display);white-space:nowrap}
.fees small{display:block;font:500 .85rem var(--body);color:var(--mauve-ink);margin-top:.2rem}
/* steps (plain, unnumbered) */
.steps{list-style:none;border-top:1px solid var(--line)}
.steps li{display:grid;grid-template-columns:minmax(0,3.5fr) minmax(0,7fr);gap:.4rem 2rem;padding-block:1.2rem;border-bottom:1px solid var(--line)}
.steps strong{font:500 1.45rem var(--display)}
/* timeline */
.timeline{list-style:none;border-top:2px solid var(--ink)}
.timeline li{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1rem 2.5rem;padding-block:1.3rem;border-bottom:1px solid var(--line);align-items:baseline}
.timeline .y{font:500 1.7rem/1.1 var(--display);font-variation-settings:"opsz" 14}
.timeline p{max-width:58ch;color:#33354b}
/* awards on light */
.awards-light{display:grid;gap:1rem;margin-top:1.6rem;max-width:36rem}
.awards-light .award{display:grid;grid-template-columns:7rem 1fr;gap:1.2rem;align-items:center;padding-top:1rem;border-top:1px solid var(--line);font-size:.95rem;line-height:1.45}
.awards-light .award img{width:100%;padding:.4rem;border:1px solid var(--line);background:#fff}
.awards-light .award .yr{display:grid;place-items:center;min-height:3.2rem;border:1px solid var(--line);font:500 1.2rem var(--body)}
.awards-light .award b{display:block;font-weight:600}
/* dark callout panel */
.callout{background:var(--navy);color:var(--ground);padding:clamp(2rem,5vw,4.5rem);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(1.5rem,5vw,5rem);align-items:center}
.callout h2{color:var(--ground)}
.callout p{color:rgba(250,247,248,.88);margin-top:1.2rem;max-width:46ch}
.callout .btn{margin-top:1.8rem}
.callout .pillar-list{list-style:none}
.callout .pillar-list li{font:500 clamp(1.8rem,3vw,2.7rem)/1.15 var(--display);padding-block:.45rem;border-top:1px solid var(--line-light)}
.callout .pillar-list li:last-child{border-bottom:1px solid var(--line-light)}
/* book detail */
.book-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.book-hero .cover-field{--ring-tint:rgba(250,247,248,.12);padding:2rem 0}
.book-hero h1{max-width:14ch}
/* blog list */
.posts{list-style:none;border-top:2px solid var(--ink)}
.posts li{display:grid;grid-template-columns:9rem minmax(0,1fr) 11rem;gap:.4rem 2.5rem;padding-block:1.6rem;border-bottom:1px solid var(--line);align-items:start}
.posts .thumb{display:block;overflow:hidden}
.posts .thumb img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .5s var(--ease)}
.posts li:hover .thumb img{transform:scale(1.04)}
.posts time{font:600 .8rem var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--mauve-ink);padding-top:.45rem}
.posts h3{font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.18}
.posts h3 a{text-decoration:none}
.posts h3 a:hover{color:var(--rose-deep)}
.posts p{margin-top:.5rem;color:#3a3c52;max-width:62ch}
/* resources */
.res-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr) auto;gap:.8rem clamp(1.5rem,4vw,3.5rem);align-items:baseline}
.res-row .btn{padding:.9rem 1.3rem;white-space:nowrap}
.rows.res>li{padding-block:1.5rem}
.rows.res h3{font-size:clamp(1.4rem,2vw,1.75rem);line-height:1.15}
/* contact */
.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.ways{list-style:none;border-top:2px solid var(--ink)}
.ways li{padding-block:1.3rem;border-bottom:1px solid var(--line)}
.ways h3{font-size:1.6rem;margin-bottom:.4rem}
.ways p{color:#3a3c52;max-width:44ch}
.ways .btn{margin-top:.9rem}
.form{display:grid;gap:1.1rem}
.form label{font-weight:600;font-size:.9rem;display:block;margin-bottom:.35rem}
.form input,.form select,.form textarea{font:inherit;width:100%;padding:.95rem 1.05rem;border:1px solid rgba(37,39,59,.22);background:#fff;border-radius:2px;color:var(--ink);transition:border-color .2s}
.form input:hover,.form select:hover,.form textarea:hover{border-color:rgba(37,39,59,.4)}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--ink)}
.form textarea{min-height:9rem;resize:vertical}
.form .note{font-size:.85rem;color:#5a5c70}
/* footer: four columns */
.foot{grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,3fr))}
@media (max-width:980px){
.phero.has-photo .phero-copy{max-width:none}
.phero.has-photo{display:flex;flex-direction:column;padding-bottom:0}
.phero.has-photo>.wrap{order:1}
.phero-photo{order:2;position:relative;width:100%;margin:2rem 0 0;height:clamp(17rem,68vw,25rem);
-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30%),linear-gradient(to top,transparent 0,#000 12%);mask-image:linear-gradient(to bottom,transparent 0,#000 30%),linear-gradient(to top,transparent 0,#000 12%)}
.phero-art{position:static;display:block;width:min(10rem,42%);margin:1.5rem 0 -1.5rem auto}
.split,.split.flip,.pillar-block,.callout,.book-hero,.contact-grid,.compare{grid-template-columns:1fr}
.split>.aside{position:static}
.rows.big>li,.words>li,.steps li,.res-row{grid-template-columns:1fr}
.fees li{grid-template-columns:1fr}
.timeline li{grid-template-columns:1fr;gap:.4rem}
.posts li{grid-template-columns:1fr;gap:.9rem}
.posts .thumb{order:-1;max-width:14rem}
.posts time{padding-top:0}
.foot{grid-template-columns:1fr 1fr}
.foot>div:first-child{grid-column:1/-1}
}
@media (max-width:560px){
.foot{grid-template-columns:1fr}
.awards-light .award{grid-template-columns:5.5rem 1fr}
}
.qlist{list-style:none;border-top:2px solid var(--ink)}
.qlist li{padding-block:1.05rem;border-bottom:1px solid var(--line);font:500 clamp(1.3rem,1.9vw,1.75rem)/1.25 var(--display);font-variation-settings:"opsz" 14}
.part{font:600 .75rem var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--mauve-ink);display:block;margin-bottom:.7rem}
.lead-in{font-size:1.2rem;line-height:1.55;color:var(--ink);max-width:56ch}
.btn-ink{border-color:var(--mauve-field);background:var(--mauve-field);color:#fff}
.btn-ink:hover{background:#654560;border-color:#654560;color:#fff}
.btn-sage{border-color:var(--sage-ink);background:var(--sage-ink);color:#fff}
.btn-sage:hover{background:#234639;border-color:#234639;color:#fff}
.rows .go{color:var(--rose-deep)}
.inline-actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2rem;align-items:center}
.rows.big .btn{margin-top:1.1rem}
.rows.offers p{max-width:none}
/* square markers on plain text lists */
.rows.plain,.compare ul,.qlist{padding-left:0}
.rows.plain>li,.compare li,.qlist li{position:relative;padding-left:1.5rem}
.rows.plain>li::before,.compare li::before,.qlist li::before{content:"";position:absolute;left:.1rem;width:.45rem;height:.45rem;background:var(--rose-deep)}
.rows.plain>li::before{top:calc(1.2rem + .62em)}
.compare li::before{top:calc(.85rem + .62em)}
.qlist li::before{top:calc(1.05rem + .5em)}
/* ---- homepage sections (from approved site.css) ---- */
/* type */
/* buttons + links */
.btn{display:inline-block;font:600 .8125rem/1 var(--body);letter-spacing:.09em;text-transform:uppercase;text-decoration:none;padding:1.1rem 1.7rem;border-radius:2px;border:1.5px solid transparent;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease);cursor:pointer}
.btn-rose{background:var(--rose-deep);color:#fff}
.btn-rose:hover{background:#8F3549}
.btn-ghost{border-color:rgba(250,247,248,.6);color:var(--ground)}
.btn-ghost:hover{background:var(--ground);border-color:var(--ground);color:var(--navy)}
.btn-line{border-color:currentColor;color:inherit}
.btn-line:hover{background:currentColor}
.btn-line:hover span{color:var(--btn-hover,#fff)}
.tlink{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.28em;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);transition:text-decoration-color .2s}
.tlink:hover{text-decoration-color:currentColor}
/* header */
/* hero */
.hero{background:var(--navy);color:var(--ground);position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;top:0;left:0;right:0;height:9rem;background:linear-gradient(to bottom,rgba(38,40,57,.72),rgba(38,40,57,.35) 55%,rgba(38,40,57,0));pointer-events:none;z-index:1}
.hero-top{position:relative;min-height:clamp(36rem,44vw,64rem);padding-top:4.75rem;display:flex;align-items:center}
.hero-top > .wrap{width:100%;max-width:none;padding:0}
.hero-copy{position:relative;z-index:1;width:50%;display:grid;justify-content:center;padding:clamp(3.5rem,7vw,7rem) clamp(1.25rem,2.6vw,4rem)}
.hero h1{font-size:clamp(3rem,6.4vw,7.4rem);line-height:1;letter-spacing:-.012em}
.hero .lede{margin-top:2.25rem;max-width:40rem;font-size:clamp(1.2rem,1.65vw,1.6rem);color:rgba(250,247,248,.88)}
.hero-photo{position:absolute;top:0;right:0;bottom:0;width:50%;margin:0;opacity:0;transform:translateX(4%);
-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.08) 10%,rgba(0,0,0,.28) 22%,rgba(0,0,0,.55) 36%,rgba(0,0,0,.82) 52%,#000 72%),linear-gradient(to top,transparent 0,rgba(0,0,0,.4) 12%,#000 30%);
-webkit-mask-composite:source-in;
mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.08) 10%,rgba(0,0,0,.28) 22%,rgba(0,0,0,.55) 36%,rgba(0,0,0,.82) 52%,#000 72%),linear-gradient(to top,transparent 0,rgba(0,0,0,.4) 12%,#000 30%);
mask-composite:intersect}
.hero-photo{animation:fadein 1.8s .1s var(--ease) forwards}
@keyframes fadein{to{opacity:1;transform:none}}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hero-foot{position:relative;z-index:1;border-top:1px solid var(--line-light);padding-block:1.9rem 2.4rem;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.75rem clamp(2.5rem,6vw,6rem);align-items:center}
.hero-actions{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;align-items:center}
.creds{font:500 clamp(1.05rem,1.4vw,1.25rem)/1.5 var(--display);font-variation-settings:"opsz" 14;color:rgba(250,247,248,.9);max-width:44rem;justify-self:end;text-wrap:pretty}
.creds i{color:var(--sage)}
/* premise */
.premise{padding-block:clamp(5rem,10vw,9rem)}
.premise-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4.5fr);gap:clamp(3rem,7vw,7rem);align-items:start}
.premise h2{font-size:clamp(2.2rem,4.6vw,4.2rem);line-height:1.06;max-width:18ch}
.premise .lede{margin-top:2.2rem;color:#42445a}
.gives{list-style:none;border-top:1px solid var(--line)}
.gives li{padding-block:1.5rem;border-bottom:1px solid var(--line)}
.gives h3{font-size:1.45rem;margin-bottom:.4rem}
.gives p{font-size:.98rem;color:#4a4c60}
.premise-grid{grid-template-columns:minmax(0,2.6fr) minmax(0,5fr) minmax(0,4.9fr);gap:clamp(2rem,5vw,5rem)}
.premise-art{align-self:stretch;position:relative;min-height:24rem}
.premise-art .plant-art{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.premise h2{font-size:clamp(2rem,3.6vw,3.4rem)}
.gives li{display:grid;grid-template-columns:3.75rem minmax(0,1fr);gap:0 1.25rem;align-items:start}
.gives .ico{width:3.5rem;height:3.5rem;margin-top:.1rem;stroke:#4E8068;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.gives .ico .acc{stroke:var(--rose);stroke-width:1.9}
.gives .ico .dash{stroke-dasharray:.5 4.6}
.gives .ico .dot{stroke-width:2.6}
.ed-js .draw-in path{stroke-dasharray:1;stroke-dashoffset:1}
.draw-in.drawn path{stroke-dashoffset:0;transition:stroke-dashoffset var(--dur,1.2s) var(--tf,linear) var(--dl,0s)}
/* coaching ledger */
.coaching{padding-block:clamp(3rem,6vw,5rem) clamp(5rem,9vw,8rem)}
.sec-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:3rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.sec-head p{justify-self:end}
.feature{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);background:var(--navy);color:var(--ground)}
.feature-copy{padding:clamp(2.5rem,5.5vw,5.5rem) clamp(2rem,4.5vw,4.5rem);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.feature .fmt{font:600 .8rem var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--sage)}
.feature h3{font-size:clamp(2.2rem,3.8vw,3.6rem);line-height:1.05;margin-top:1rem}
.feature p{margin-top:1.4rem;max-width:30rem;color:rgba(250,247,248,.9)}
.feature .actions{margin-top:2rem;display:flex;gap:1rem 1.75rem;flex-wrap:wrap;align-items:center}
.feature-photo{margin:0;min-height:clamp(26rem,33vw,36rem);position:relative}
.feature-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.ledger{list-style:none;margin-top:clamp(3rem,5vw,4.5rem);border-top:2px solid var(--ink)}
.ledger li{display:grid;grid-template-columns:minmax(0,4.2fr) minmax(0,4.6fr) 17.5rem;gap:1.25rem clamp(2rem,4vw,4rem);padding:clamp(2.1rem,3.4vw,3rem) clamp(1rem,2vw,1.75rem);border-bottom:1px solid var(--line);align-items:center;transition:background-color .3s var(--ease)}
.ledger li:hover{background:var(--blush)}
.ledger h3{font-size:clamp(1.8rem,2.7vw,2.4rem);line-height:1.1;transition:color .25s}
.ledger .fmt{display:block;font:600 .78rem var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--mauve-ink);margin-top:.6rem}
.ledger p{font-size:1.05rem;line-height:1.6;color:#3a3c52}
.ledger .btn-ink{justify-self:stretch;text-align:center;white-space:nowrap;border-color:var(--ink);color:var(--ink);background:transparent;padding:1rem 1.5rem}
.ledger .btn-ink:hover,.ledger li:hover .btn-ink{background:var(--ink);color:var(--ground)}
.ledger li:hover h3{color:var(--rose-deep)}
/* pillars */
.pillars{background:var(--mauve-field);color:#fff;--step:60vh}
.pillars-stage{padding-block:clamp(5rem,9vw,8rem)}
.pillars.pin{height:calc(100svh + 5 * var(--step))}
.pillars.pin .pillars-stage{position:sticky;top:0;height:100svh;padding-block:1.5rem;display:flex;align-items:center}
.pillars.pin .pillars-grid{width:100%}
.pillars-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);gap:clamp(2rem,4vw,4.5rem);align-items:center}
.pillars-intro h2{font-size:clamp(2rem,3.2vw,3rem)}
.pillars-intro p{margin-top:1.2rem;color:rgba(255,255,255,.9)}
.hint{display:none;margin-top:1.4rem;font:600 .72rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--sage);transition:opacity .4s}
.pin .hint{display:block}
.growth{display:block;width:100%;max-width:23rem;max-height:54vh;margin-top:1.2rem;overflow:visible}
.growth path{stroke-dasharray:1}
.ed-js .growth path{stroke-dashoffset:1}
.index{list-style:none}
.index li{border-top:1px solid var(--line-light)}
.index li:last-child{border-bottom:1px solid var(--line-light)}
.index .w{display:block;width:100%;text-align:left;background:none;border:0;color:inherit;cursor:pointer;padding:.7rem 0;font:500 clamp(2.4rem,4.4vw,4.2rem)/1 var(--display);font-variation-settings:"opsz" 20;letter-spacing:-.015em;transition:transform .6s var(--ease),opacity .4s,font-style .2s}
.index p{font-size:1rem;color:rgba(255,255,255,.92);padding-bottom:1rem}
.ed-js .index .w{opacity:.38}
.ed-js .index li.on .w,.ed-js .index .w:hover,.ed-js .index .w:focus-visible{opacity:1}
.ed-js .index li.on .w{transform:translateX(.9rem);font-style:italic}
.ed-js .index p{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pillar-panel{display:none}
.ed-js .pillar-panel{display:block;border-left:1px solid var(--line-light);padding-left:clamp(1.5rem,3vw,3rem);font:italic 500 clamp(1.4rem,2.1vw,1.9rem)/1.4 var(--display);font-variation-settings:"opsz" 14;min-height:9rem}
/* books */
.books{padding-block:clamp(5rem,9vw,8rem)}
.books .sec-head{margin-bottom:clamp(3rem,6vw,5rem)}
.book{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.book+.book{margin-top:clamp(3rem,7vw,6rem)}
.book.flip{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.book.flip .cover-field{order:2}
.cover-field{position:relative;display:grid;place-items:center;padding:clamp(2rem,4vw,3rem) 0}
.cover-field::before{content:"";position:absolute;left:50%;top:50%;width:min(30rem,100%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--ring-tint)}
.cover-field.f-sage{--ring-tint:#DFECE4}
.cover-field.f-navy{--ring-tint:#E9DDE5}
.bookface{position:relative;z-index:1;width:min(19rem,64%);border-radius:2px 5px 5px 2px;box-shadow:0 30px 40px -12px rgba(30,20,40,.38),0 4px 10px rgba(30,20,40,.14);transform:rotate(2deg)}
.bookface .flatcover{display:block;width:100%;height:auto;border-radius:inherit}
.tilt-l{transform:rotate(-2deg)!important}
.hinge-soft::after{background:linear-gradient(90deg,rgba(40,30,50,.10) 0,rgba(40,30,50,.05) 50%,rgba(40,30,50,.13) 70%,rgba(255,255,255,.7) 79%,rgba(255,255,255,0) 100%)!important}
.hinge::after{content:"";position:absolute;left:0;top:0;bottom:0;width:8%;border-radius:2px 0 0 2px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.26) 0,rgba(255,255,255,.12) 52%,rgba(255,255,255,.05) 62%,rgba(0,0,0,.14) 72%,rgba(255,255,255,.12) 80%,rgba(255,255,255,0) 100%)}
.book .tagline{font-family:var(--display);font-size:clamp(1.25rem,1.8vw,1.55rem);line-height:1.3;margin-top:1.1rem;color:var(--mauve-ink);font-style:italic}
.book .blurb{margin-top:1.4rem}
.book dl{margin-top:1.6rem;border-top:1px solid var(--line)}
.book dl div{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;padding-block:.8rem;border-bottom:1px solid var(--line);font-size:.97rem}
.book dt{font-weight:600}
.book .actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem 1.75rem;align-items:center}
.which{margin-top:clamp(3rem,6vw,5rem);padding:1.6rem 0;border-top:2px solid var(--ink);display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,4fr);gap:1.5rem 3rem;font-size:1rem}
.which b{font-family:var(--display);font-weight:500;font-size:1.45rem;display:block;line-height:1.15}
/* about */
.about{background:var(--navy);color:var(--ground);padding-block:clamp(5rem,9vw,8rem)}
.about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2.5rem,7vw,7rem);align-items:start}
.about-photo{position:relative}
.about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%}
.about h2{max-width:16ch}
.about .story p{margin-top:1.3rem;color:rgba(250,247,248,.88)}
.about .story p:first-of-type{margin-top:2rem}
blockquote{margin:2.5rem 0 0;padding-top:1.8rem;border-top:1px solid var(--line-light);font:italic 500 clamp(1.3rem,2vw,1.7rem)/1.35 var(--display);max-width:34ch}
blockquote cite{display:block;margin-top:1rem;font:600 .8rem var(--body);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--sage)}
.awards{margin-top:2.8rem;display:grid;gap:1.4rem}
.award{display:grid;grid-template-columns:7.5rem 1fr;gap:1.4rem;align-items:center;padding-top:1.2rem;border-top:1px solid var(--line-light);font-size:.95rem;line-height:1.45}
.award img{background:#fff;padding:.7rem .8rem;border-radius:2px;width:100%}
.award .yr{display:grid;place-items:center;height:100%;min-height:3.6rem;border:1px solid var(--line-light);font:500 1.3rem var(--body);letter-spacing:.04em}
.award b{display:block;font-weight:600}
/* resources */
.resources{background:var(--sage-pale);padding-block:clamp(5rem,9vw,7.5rem);color:var(--ink)}
.res-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3.5fr) minmax(0,3.5fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.res-grid h3{font-size:1.5rem;margin-bottom:1.1rem}
.res-list{list-style:none;border-top:1px solid rgba(45,86,70,.35)}
.res-list li{padding-block:.85rem;border-bottom:1px solid rgba(45,86,70,.25);font-size:.98rem;line-height:1.4}
.res-list a{text-decoration:none;display:block;transition:transform .3s var(--ease),color .2s}
.res-list a:hover{transform:translateX(.5rem);color:var(--sage-ink)}
.signup{margin-top:1.8rem;display:grid;gap:.9rem;max-width:30rem}
.signup label{font-weight:600;font-size:.9rem}
.signup input{font:inherit;padding:1rem 1.1rem;border:1.5px solid var(--sage-ink);background:#fff;border-radius:2px;width:100%;color:var(--ink)}
.signup input::placeholder{color:#6c6e80}
.recent{margin-top:1.6rem;font-size:.92rem;color:#3d5a4e}
.recent b{display:block;font-weight:600;margin-bottom:.3rem;color:var(--sage-ink)}
.recent li{margin-left:1.1rem;margin-top:.25rem}
/* close */
.close{background:var(--navy-deep);color:var(--ground);padding-block:clamp(5rem,10vw,9rem);text-align:left}
.close h2{font-size:clamp(2.4rem,5.4vw,5rem);line-height:1.04;max-width:15ch}
.close .lede{margin-top:1.8rem;max-width:36rem;color:rgba(250,247,248,.85)}
.close .actions{margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;align-items:center}
.close{position:relative}
.close .wrap{position:relative}
.close-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.close-art{display:block;justify-self:center;align-self:center;width:min(17rem,72%);height:auto;overflow:visible}
.close .phone{font:500 clamp(1.4rem,2.2vw,1.8rem) var(--body);letter-spacing:.01em;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.3em;text-decoration-color:var(--rose)}
.legal{margin-top:2.5rem;padding-top:1.4rem;border-top:1px solid var(--line-light);font-size:.82rem;color:rgba(250,247,248,.6);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
/* tablet + mobile */
@media (max-width:980px){
.menu-btn{display:inline-block}
nav.main{position:absolute;left:0;right:0;top:100%;background:var(--navy-deep);border-bottom:1px solid var(--line-light);display:none;padding:1rem var(--gutter) 1.5rem;z-index:20}
nav.main.open{display:block}
nav.main ul{flex-direction:column;align-items:stretch;gap:.2rem}
nav.main a{display:block;padding:.85rem 0;font-size:1.05rem;border-bottom:1px solid var(--line-light)}
nav.main .btn{margin-top:.8rem;text-align:center;border-bottom:1.5px solid transparent;padding:1.05rem}
.hero-top{flex-direction:column;align-items:stretch;min-height:0}
.hero-top .wrap{order:1}
.hero-copy{width:100%;padding:clamp(2.5rem,8vw,3.5rem) var(--gutter) 1rem}
.hero h1{font-size:clamp(2.9rem,12vw,5rem)}
.hero-photo{position:relative;order:2;width:100%;height:clamp(22rem,110vw,34rem);transform:none;
-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.3) 18%,rgba(0,0,0,.7) 34%,#000 52%),linear-gradient(to top,transparent 0,rgba(0,0,0,.4) 12%,#000 30%);
mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.3) 18%,rgba(0,0,0,.7) 34%,#000 52%),linear-gradient(to top,transparent 0,rgba(0,0,0,.4) 12%,#000 30%)}
.hero-photo img{object-position:50% 20%}
.hero-foot{grid-template-columns:1fr}
.creds{justify-self:start}
.premise-grid,.sec-head,.pillars-grid,.about-grid,.res-grid,.which{grid-template-columns:1fr}
.sec-head p{justify-self:start}
.pillars-intro{position:static}
.ledger li{grid-template-columns:1fr;gap:.9rem;padding-inline:0}
.ledger .btn-ink{justify-self:stretch;text-align:center;margin-top:.4rem}
.feature{grid-template-columns:1fr}
.feature-photo{min-height:0;aspect-ratio:4/3.4;order:-1}
.ed-js .pillar-panel{display:none}
.ed-js .index li.on p{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;font-size:1.05rem;padding-bottom:1.1rem}
.pillars{--step:45vh}
.pillars-intro p,.growth{display:none}
.pillars.pin .pillars-stage{align-items:center}
.index .w{font-size:clamp(2.1rem,9.5vw,3rem);padding:.45rem 0}
.pillars-grid{gap:1.5rem}
.premise-art{min-height:15rem;order:-1}
.book,.book.flip{grid-template-columns:1fr}
.book.flip .cover-field{order:-1}
.cover-field{padding:2rem 0}
.close-grid{grid-template-columns:1fr}
.close-art{width:min(15rem,70%);margin-top:2.5rem}
.foot{grid-template-columns:1fr 1fr}
.foot > div:first-child{grid-column:1/-1}
.about-photo img{aspect-ratio:4/4.4}
}
@media (max-width:560px){
.foot{grid-template-columns:1fr}
.book dl div{grid-template-columns:1fr;gap:.1rem}
.award{grid-template-columns:5.5rem 1fr}
.hero-actions .btn{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.hero-photo{opacity:1;transform:none}
}
/* pinned pillars: sticky needs every ancestor overflow:visible (production note 16) */
.vc_row.pillars{overflow:visible}
.vc_row.ed-home,.vc_row.ed-phero,.vc_row.ed-sub,.vc_row.ed-close{display:flow-root}
body:has(.vc_row.pillars) .closed-mobile-header{overflow:visible !important}
/* on phones The7 puts overflow:hidden on #page (without the closed-mobile-header class), which stops the pinned pillars sticking.
overflow-x:clip still contains side overflow but does not create a scroll container, so position:sticky works */
body:has(.vc_row.pillars) #page{overflow:visible !important;overflow-x:clip !important}
.vc_row.ed-grid::before,.vc_row.ed-grid::after,.vc_row.ed-wrap::before,.vc_row.ed-wrap::after{display:none !important}
.vc_row.ed-grid,.vc_row.ed-wrap{margin-left:0;margin-right:0}
.vc_row.ed-grid>.wpb_column,.vc_row.ed-wrap>.wpb_column{float:none;padding:0}
.vc_row.ed-grid>.wpb_column{width:auto}
.vc_row.ed-wrap>.wpb_column{width:100%}
.vc_row.ed-grid>.wpb_column>.vc_column-inner,.vc_row.ed-wrap>.wpb_column>.vc_column-inner{padding:0}
/* ---- WPBakery / The7 adapter ---- */
/* Adapter: maps the approved components onto WPBakery/The7 wrappers.
Each rule exists because The7/WPBakery has no native control for it. */
/* rows built as CSS grids: switch off the WPBakery clearfix and column floats (production note 12) */
.vc_row.split::before,.vc_row.split::after,.vc_row.compare::before,.vc_row.compare::after,
.vc_row.contact-grid::before,.vc_row.contact-grid::after,.vc_row.callout::before,.vc_row.callout::after,
.vc_row.book-hero::before,.vc_row.book-hero::after,.vc_row.actions::before,.vc_row.actions::after{display:none !important}
.vc_row.split,.vc_row.compare,.vc_row.contact-grid,.vc_row.callout,.vc_row.book-hero{display:grid;margin-left:0;margin-right:0}
.vc_row.split>.wpb_column,.vc_row.compare>.wpb_column,.vc_row.contact-grid>.wpb_column,.vc_row.callout>.wpb_column,.vc_row.book-hero>.wpb_column{width:auto;float:none;padding:0}
.vc_row.split>.wpb_column>.vc_column-inner,.vc_row.compare>.wpb_column>.vc_column-inner,.vc_row.contact-grid>.wpb_column>.vc_column-inner,.vc_row.callout>.wpb_column>.vc_column-inner,.vc_row.book-hero>.wpb_column>.vc_column-inner{padding:0}
.vc_row.split{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.vc_row.split.flip{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.vc_row.compare{grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,5rem)}
@media (max-width:900px){.vc_row.split,.vc_row.split.flip,.vc_row.compare,.vc_row.contact-grid,.vc_row.callout,.vc_row.book-hero{grid-template-columns:1fr}}
/* button row */
.vc_row.actions{display:flex;flex-wrap:wrap;gap:1rem 1.75rem;align-items:center;margin:0}
.vc_row.actions>.wpb_column{width:auto;float:none;padding:0}
.vc_row.actions .vc_column-inner{padding:0;display:flex;flex-wrap:wrap;gap:1rem 1.75rem;align-items:center}
/* spacing: the builder's default element margins fight the design's own rhythm */
.vc_row[class*="ed-"] .wpb_content_element,.vc_row[class*="ed-"] .vc_custom_heading,.vc_row[class*="ed-"] .vc_btn3-container{margin-bottom:0}
.vc_row[class*="ed-"] .vc_column-inner{padding-left:0;padding-right:0}
.vc_row.ed-sub .prose .wpb_text_column+.wpb_text_column,.vc_row.ed-sub .prose .wpb_text_column+.vc_btn3-container{margin-top:1.15rem}
.vc_row.ed-sub .prose .vc_custom_heading{margin-top:2.2rem}
.vc_row.ed-sub .aside .vc_custom_heading{margin:0}
.vc_row.ed-sub h2.vc_custom_heading+.wpb_text_column{margin-top:1.2rem}
.vc_row.ed-sub .vc_row.compare{margin-top:2.2rem}
/* text blocks carry the approved paragraph/list styles */
.wpb_text_column p{margin:0;max-width:62ch}
.wpb_text_column p+p{margin-top:1.15rem}
.wpb_text_column ul.rows,.wpb_text_column ul.qlist,.wpb_text_column ul.steps,.wpb_text_column ul.words,.wpb_text_column ul.fees,.wpb_text_column ul.timeline,.wpb_text_column ul.ways,.wpb_text_column ul.posts{padding-left:0;margin:0;list-style:none}
.wpb_text_column .rows.plain,.wpb_text_column .compare ul{padding-left:0}
.vc_row.ed-sub .prose .wpb_text_column ul.rows{margin-top:1.1rem}
/* dark sections: heading and text colours come from the section, not the theme */
.vc_row.ed-phero,.vc_row.ed-close{color:var(--ground)}
.vc_row.ed-phero h1,.vc_row.ed-phero .wpb_text_column,.vc_row.ed-close h2,.vc_row.ed-close .wpb_text_column{color:inherit}
.vc_row.ed-phero{position:relative;overflow:hidden}
.vc_row.ed-phero .vc_column_container,.vc_row.ed-close .vc_column_container{position:relative;z-index:2}
.vc_row.ed-phero .wpb_text_column.lede{margin-top:1.75rem;max-width:40rem;color:rgba(250,247,248,.88)}
.vc_row.ed-phero .vc_custom_heading{max-width:17ch}
.vc_row.ed-phero .ed-actions{margin-top:2.2rem}
.vc_row.ed-phero .ed-crumbs{margin-bottom:1.6rem}
.vc_row.ed-phero .ed-art{position:absolute;right:var(--gutter);bottom:0;width:min(21rem,26%);z-index:1}
.vc_row.ed-phero .ed-art .phero-art{position:static;width:100%;max-height:none}
/* buttons: vc_btn writes inline colours, so colour needs !important on these two properties only (production note 13) */
.ed-btn{display:inline-block;margin:0}
.ed-btn a.vc_btn3{font:600 .8125rem/1 var(--body);letter-spacing:.09em;text-transform:uppercase;text-decoration:none;padding:1.1rem 1.7rem;border-radius:2px;border:1.5px solid transparent;box-shadow:none;transition:background-color .2s,color .2s,border-color .2s}
.ed-btn.btn-rose a.vc_btn3{background:var(--rose-deep) !important;color:#fff !important}
.ed-btn.btn-rose a.vc_btn3:hover{background:#8F3549 !important}
.ed-btn.btn-ghost a.vc_btn3{background:transparent !important;color:var(--ground) !important;border-color:rgba(250,247,248,.6)}
.ed-btn.btn-ghost a.vc_btn3:hover{background:var(--ground) !important;color:var(--navy) !important;border-color:var(--ground)}
.ed-btn.btn-ink a.vc_btn3{background:var(--mauve-field) !important;color:#fff !important}
.ed-btn.btn-ink a.vc_btn3:hover{background:#654560 !important}
.ed-btn.btn-sage a.vc_btn3{background:var(--sage-ink) !important;color:#fff !important}
.ed-btn.btn-sage a.vc_btn3:hover{background:#234639 !important}
/* FAQ accordion */
.ed-faq .vc_tta-panel-title a{font:500 clamp(1.2rem,1.7vw,1.5rem)/1.3 var(--display);color:var(--ink)}
/* ---- header ----
The7's transparent/overlay header only works with its page-title banner, which this design does not use.
So the bar is fixed, clear over the dark page hero, and turns navy once scrolled (ed.js adds .ed-scrolled). */
body .masthead{position:fixed !important;top:0;left:0;right:0;width:100%;z-index:60;background:transparent !important;box-shadow:none !important;transition:background-color .35s var(--ease),box-shadow .35s var(--ease)}
body.admin-bar .masthead{top:32px}
@media (max-width:782px){body.admin-bar .masthead{top:46px}}
body.ed-scrolled .masthead,body.ed-menu-open .masthead{background:var(--navy-deep) !important;box-shadow:0 1px 0 var(--line-light) !important}
.masthead .main-nav>li>a{font-family:var(--body);font-weight:500}
.masthead .main-nav>li.ed-menu-cta>a{background:var(--rose-deep);color:#fff !important;padding:.85rem 1.25rem !important;border-radius:2px;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600}
.masthead .main-nav>li.ed-menu-cta>a:hover{background:#8F3549}
.masthead .main-nav>li.ed-menu-cta>a .menu-text{color:#fff !important}
.masthead .main-nav>li.ed-menu-cta>a .decoration-line,.masthead .main-nav>li.ed-menu-cta>a::after{display:none !important}
.vc_row.ed-phero{padding-top:calc(76px + clamp(2.5rem,6vw,5.5rem))}
.masthead .branding img,.masthead .branding a img{height:42px !important;width:auto !important;max-height:42px}
.masthead .main-nav>li.ed-menu-cta{align-self:center}
.masthead .main-nav>li.ed-menu-cta>a{height:auto !important;min-height:0 !important;line-height:1 !important;margin:0 0 0 .75rem}
/* ---- extra grid rows ---- */
.vc_row.pillar-block::before,.vc_row.pillar-block::after,.vc_row.close-grid::before,.vc_row.close-grid::after,.vc_row.ed-book::before,.vc_row.ed-book::after,.vc_row.ed-award::before,.vc_row.ed-award::after{display:none !important}
.vc_row.pillar-block,.vc_row.close-grid,.vc_row.ed-book,.vc_row.ed-award{display:grid;margin-left:0;margin-right:0}
.vc_row.pillar-block>.wpb_column,.vc_row.close-grid>.wpb_column,.vc_row.ed-book>.wpb_column,.vc_row.ed-award>.wpb_column{width:auto;float:none;padding:0}
.vc_row.pillar-block{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
.vc_row.close-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.vc_row.ed-award{grid-template-columns:7rem 1fr}
.vc_row.ed-book.flip>.wpb_column.cover-col{order:2}
@media (max-width:900px){.vc_row.pillar-block,.vc_row.close-grid,.vc_row.ed-book{grid-template-columns:1fr}.vc_row.ed-book.flip>.wpb_column.cover-col{order:0}}
.vc_row.close-grid .ed-art svg,.vc_row.close-grid .close-art{width:min(17rem,72%);height:auto;overflow:visible}
.vc_row.ed-close .vc_row.close-grid{gap:clamp(2rem,5vw,5rem)}
/* ---- hero photo ---- */
.wpb_single_image.phero-photo{position:absolute;top:0;right:0;bottom:0;width:46%;margin:0;z-index:0}
.wpb_single_image.phero-photo .vc_figure,.wpb_single_image.phero-photo .vc_single_image-wrapper{display:block;width:100%;height:100%}
.wpb_single_image.phero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.vc_row.has-photo>.wpb_column{width:min(42rem,54%) !important;flex:none}
/* ---- book cover on its tinted ring ---- */
.wpb_single_image.cover-field{position:relative;display:grid;place-items:center;padding:clamp(2rem,4vw,3rem) 0;--ring-tint:#DFECE4}
.wpb_single_image.cover-field.f-navy{--ring-tint:#E9DDE5}
.wpb_single_image.cover-field::before{content:"";position:absolute;left:50%;top:50%;width:min(30rem,100%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--ring-tint)}
.wpb_single_image.cover-field .vc_figure{position:relative;z-index:1;width:min(19rem,64%);margin:0 auto;display:block}
.wpb_single_image.cover-field .vc_single_image-wrapper{position:relative;display:block;border-radius:2px 5px 5px 2px;box-shadow:0 30px 40px -12px rgba(30,20,40,.38),0 4px 10px rgba(30,20,40,.14);transform:rotate(2deg)}
.wpb_single_image.cover-field.tilt-l .vc_single_image-wrapper{transform:rotate(-2deg)}
.wpb_single_image.cover-field img{display:block;width:100%;height:auto;border-radius:inherit}
.wpb_single_image.cover-field.hinge .vc_single_image-wrapper::after{content:"";position:absolute;left:0;top:0;bottom:0;width:8%;border-radius:2px 0 0 2px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.26) 0,rgba(255,255,255,.12) 52%,rgba(255,255,255,.05) 62%,rgba(0,0,0,.14) 72%,rgba(255,255,255,.35) 82%,rgba(255,255,255,0) 100%)}
.wpb_single_image.cover-field.hinge-soft .vc_single_image-wrapper::after{background:linear-gradient(90deg,rgba(40,30,50,.10) 0,rgba(40,30,50,.05) 50%,rgba(40,30,50,.13) 70%,rgba(255,255,255,.7) 79%,rgba(255,255,255,0) 100%)}
.vc_row.book-hero .cover-field{--ring-tint:rgba(250,247,248,.12)}
/* awards: logo or year, then text */
.vc_row.ed-award{gap:1.2rem;align-items:center;padding-top:1rem;border-top:1px solid var(--line);font-size:.95rem;line-height:1.45;max-width:36rem}
.vc_row.ed-award .wpb_single_image img{width:100%;padding:.4rem;border:1px solid var(--line);background:#fff}
.vc_row.ed-award .yr{display:grid;place-items:center;min-height:3.2rem;border:1px solid var(--line);font:500 1.2rem var(--body)}
.vc_row.ed-award b{display:block;font-weight:600}
/* buttons that sit inside an inner column (WPBakery cannot nest a second inner row) */
.vc_row.vc_inner .vc_btn3-container{display:inline-block;margin:0 1.4rem .9rem 0}
.vc_row.vc_inner .wpb_column.actions .vc_btn3-container,.vc_row.vc_inner .wpb_column.hero-actions .vc_btn3-container{margin-bottom:0}
/* pinned pillars stage: stage and grid are one row now */
.vc_row.pillars-stage.pillars-grid{display:grid}
.vc_row.hero-top{position:relative;display:block}
/* footer: logo, headings and link columns from the approved design */
#footer .ed-foot-logo{height:54px;width:auto}
#footer p{margin-top:1rem;max-width:28ch}
#footer h4{font:600 .75rem var(--body);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .8rem;color:var(--sage)}
#footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
#footer a{text-decoration:none;color:inherit}
#footer a:hover{text-decoration:underline}
/* homepage: hero photo positions against the hero row, copy sits in the left half */
.vc_row.hero-top{display:flex;align-items:center}
.vc_row.hero-top>.wpb_column{float:none}
.vc_row.hero-top .vc_column-inner,.vc_row.hero-top .wpb_wrapper{position:static}
.vc_row.hero-top>.wpb_column.hero-copy{position:relative;z-index:1;width:50%;display:grid;justify-content:center;padding:clamp(3.5rem,7vw,7rem) clamp(1.25rem,2.6vw,4rem)}
.wpb_single_image.hero-photo{position:absolute;top:0;right:0;bottom:0;width:50%;margin:0;z-index:0}
.wpb_single_image.hero-photo .vc_figure,.wpb_single_image.hero-photo .vc_single_image-wrapper{display:block;width:100%;height:100%}
.wpb_single_image.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.vc_row.hero{padding-top:0}
/* dark homepage sections: text colour comes from the section, not the theme */
.vc_row.hero h1,.vc_row.hero .wpb_text_column,.vc_row.hero .creds{color:var(--ground)}
.vc_row.hero .wpb_text_column.lede{margin-top:2.25rem;max-width:40rem;font-size:clamp(1.2rem,1.65vw,1.6rem);color:rgba(250,247,248,.88)}
.vc_row.hero h1{font-size:clamp(3rem,6.4vw,7.4rem);line-height:1;letter-spacing:-.012em}
.vc_row.pillars,.vc_row.pillars h2,.vc_row.pillars .wpb_text_column,.vc_row.pillars .index .w{color:#fff}
.vc_row.coaching .feature-copy,.vc_row.coaching .feature-copy h3,.vc_row.coaching .feature-copy .wpb_text_column{color:var(--ground)}
.vc_row.coaching .wpb_column.feature-copy{background:var(--navy)}
.vc_row.coaching .wpb_column.feature-photo{position:relative;min-height:clamp(26rem,33vw,36rem)}
.vc_row.coaching .wpb_column.feature-photo .wpb_single_image,.vc_row.coaching .wpb_column.feature-photo .vc_figure{position:absolute;inset:0;margin:0}
.vc_row.coaching .wpb_column.feature-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.vc_row.close,.vc_row.close h2,.vc_row.close .wpb_text_column{color:var(--ground)}
/* hero photo: the grid column itself carries the photo box */
.vc_row.hero-top>.wpb_column.hero-photo{position:absolute;top:0;right:0;bottom:0;width:50%;min-width:0;padding:0;z-index:0}
.vc_row.hero-top>.wpb_column.hero-photo .vc_column-inner,.vc_row.hero-top>.wpb_column.hero-photo .wpb_wrapper,.vc_row.hero-top>.wpb_column.hero-photo .wpb_single_image{position:static;height:100%;margin:0}
.vc_row.hero-top>.wpb_column.hero-photo .vc_figure,.vc_row.hero-top>.wpb_column.hero-photo .vc_single_image-wrapper{display:block;width:100%;height:100%}
.vc_row.hero-top>.wpb_column.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.vc_row.feature>.wpb_column.feature-copy{padding:clamp(2.5rem,5.5vw,5.5rem) clamp(2rem,4.5vw,4.5rem);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.vc_row.feature>.wpb_column.feature-copy .vc_column-inner{width:100%}
.vc_row.coaching .feature-copy .ed-link a,.vc_row.coaching .feature-copy .ed-link a:hover{color:var(--ground)}
.vc_row.coaching .vc_row.feature{background:var(--navy)}
/* pinned pillars: the stage sticks inside column wrappers, so they must be as tall as the pinned section */
.vc_row.pillars>.wpb_column,.vc_row.pillars>.wpb_column>.vc_column-inner,.vc_row.pillars>.wpb_column>.vc_column-inner>.wpb_wrapper{height:100%}
.vc_row.pillars.pin .vc_row.pillars-stage{position:sticky;top:0;height:100svh;padding-block:1.5rem;align-items:center;margin:0}
.vc_row.pillars:not(.pin) .vc_row.pillars-stage{padding-block:clamp(5rem,9vw,8rem)}
/* book covers: the approved .hinge overlay belongs to the image wrapper only, not the outer element */
.wpb_single_image.cover-field::after,.wpb_single_image.hinge::after{content:none !important;display:none}
/* dark homepage sections: headings and quote colours */
.vc_row.about,.vc_row.about h2,.vc_row.about h3,.vc_row.about .wpb_text_column{color:var(--ground)}
.vc_row.about blockquote,.vc_row.about blockquote cite{color:var(--ground)}
/* pillar index list: no theme bullets (production note 4) */
ul.index,ul.index>li{list-style:none !important;margin:0;padding-left:0}
ul.index>li::marker{content:""}
.ed-signup input[type=email]{width:100%;max-width:30rem}
/* ===== alignment pass: side gutters match the approved design (content max 100rem, gutter clamp(1.25rem,4vw,3.5rem)) =====
WPBakery's stretch script writes inline padding; the stylesheet overrides it so content never touches the viewport edge. */
.vc_row.ed-sub,.vc_row.ed-home,.vc_row.ed-phero,.vc_row.ed-close{
padding-left:max(var(--gutter),calc((100vw - 100rem)/2 + var(--gutter))) !important;
padding-right:max(var(--gutter),calc((100vw - 100rem)/2 + var(--gutter))) !important}
/* the hero is full-bleed by design: photo to the right edge, copy centred in the left half */
.vc_row.ed-home.hero{padding-left:0 !important;padding-right:0 !important}
.vc_row.hero-foot-wrap,.vc_row.hero>.wpb_column>.vc_column-inner>.wpb_wrapper>.vc_row.hero-foot{padding-left:max(var(--gutter),calc((100vw - 100rem)/2 + var(--gutter)));padding-right:max(var(--gutter),calc((100vw - 100rem)/2 + var(--gutter)))}
/* ===== type pass: the approved fluid heading scale, applied at zero specificity so component rules still win ===== */
:where(.vc_row[class*="ed-"]) :is(h1,h2,h3,h4){text-wrap:balance;font-weight:500}
:where(.vc_row[class*="ed-"]) h1{font-size:clamp(2.9rem,6.3vw,6rem);line-height:1.02;letter-spacing:-.015em}
:where(.vc_row[class*="ed-"]) h2{font-size:clamp(2.1rem,3.9vw,3.4rem);line-height:1.08;letter-spacing:-.012em}
:where(.vc_row[class*="ed-"]) h3{font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.15;letter-spacing:-.01em}
/* photos fill their column: WPBakery sizes the image wrapper to the picture, the design wants the column */
.vc_row.hero-top>.wpb_column.hero-photo .wpb_single_image,.vc_row.hero-top>.wpb_column.hero-photo .wpb_single_image .vc_figure,
.vc_row.coaching .feature-photo .wpb_single_image .vc_figure,.vc_row.about .about-photo .wpb_single_image,.vc_row.about .about-photo .vc_figure{width:100%;display:block}
.vc_row.about .about-photo img{width:100%;height:auto;display:block}
/* body copy: the approved 17px / 1.65 (The7 gives WPBakery text blocks its larger text size) */
.vc_row[class*="ed-"] .wpb_text_column{font-size:1.0625rem;line-height:1.65}
.vc_row[class*="ed-"] .wpb_text_column.lede,.vc_row[class*="ed-"] .wpb_text_column p.lede{font-size:clamp(1.15rem,1.5vw,1.3rem);line-height:1.55}
.vc_row.hero .wpb_text_column.lede,.vc_row.hero .wpb_text_column p.lede{font-size:clamp(1.2rem,1.65vw,1.6rem)}
.vc_row[class*="ed-"] .wpb_text_column .small,.vc_row[class*="ed-"] .wpb_text_column.small{font-size:.9rem;line-height:1.5}
/* page-hero leaf art anchors to the hero row (bottom right), as in the approved design */
.vc_row.ed-phero>.wpb_column,.vc_row.ed-phero>.wpb_column>.vc_column-inner,.vc_row.ed-phero>.wpb_column>.vc_column-inner>.wpb_wrapper,.vc_row.ed-phero .wpb_raw_code,.vc_row.ed-phero .ed-art{position:static !important;width:auto}
.vc_row.ed-phero .ed-art svg.phero-art,.vc_row.ed-phero svg.phero-art{position:absolute !important;right:calc(var(--gutter) + 2rem);bottom:0;width:min(21rem,26%) !important;height:auto;max-height:92% !important;z-index:1;overflow:visible}
.vc_row.ed-phero .ed-crumbs a,.ed-crumbs a{color:inherit}
@media (max-width:760px){.vc_row.ed-phero .ed-art svg.phero-art,.vc_row.ed-phero svg.phero-art{width:min(10rem,42%) !important;right:var(--gutter)}}
/* ===== alignment fixes from the measured comparison ===== */
/* side headings stay in flow: sticky misbehaves inside The7's scroll wrappers and pushed headings 60-120px down */
.vc_row.split>.aside,.vc_row .aside{position:static !important}
/* breadcrumb list: no browser/theme indent */
.ed-crumbs ol,.ed-crumbs ul{margin:0 !important;padding:0 !important;list-style:none}
.ed-crumbs li{margin:0;padding:0}
.ed-crumbs li::marker{content:""}
/* buttons: WPBakery's size class sets its own padding; keep the design's */
.vc_btn3-container.ed-btn a.vc_general.vc_btn3,.vc_btn3-container.ed-btn a.vc_btn3.vc_btn3-size-md{padding:1.1rem 1.7rem !important;line-height:1;font:600 .8125rem/1 var(--body);letter-spacing:.09em;text-transform:uppercase;border-radius:2px}
/* hero top padding: header is 63px in the design */
.vc_row.ed-phero{padding-top:calc(63px + clamp(2.5rem,6vw,5.5rem)) !important}
/* ===== alignment fixes (round 2) ===== */
/* The7 puts 20px of padding above custom headings; the design has none */
.vc_row[class*="ed-"] .vc_custom_heading{padding:0 !important}
/* button rows: WPBakery's inner row has -15px side margins */
.vc_row.ed-actions{margin-left:0 !important;margin-right:0 !important}
.vc_row.ed-actions::before,.vc_row.ed-actions::after{display:none !important}
/* the class that sizes a paragraph sits on both the text block and the ; the width limit belongs on the
only */
.wpb_text_column.lead-in,.wpb_text_column.lede,.wpb_text_column.small{max-width:none}
/* list inside a text block: the block's own margin already spaces it from the paragraph above */
.vc_row.ed-sub .prose .wpb_text_column ul.rows,.vc_row.ed-sub .wpb_text_column ul.rows.plain{margin-top:0 !important}
/* ===== alignment fixes (round 3, from the full measured comparison) ===== */
/* theme link colour must not recolour the design's own underlined links or the heading links */
.vc_row[class*="ed-"] a.tlink,.vc_row[class*="ed-"] .ed-link a{color:inherit}
.vc_row[class*="ed-"] .wpb_text_column.ed-link{display:inline-block;vertical-align:middle;margin:0 1.4rem .9rem 0}
.vc_row.ed-grid .wpb_text_column.ed-link:last-child{margin-bottom:0}
/* lists inside text blocks: no theme indent or margins (class rules below still win) */
:where(.vc_row[class*="ed-"]) .wpb_text_column :is(ul,ol){margin:0;padding:0}
.vc_row[class*="ed-"] .wpb_text_column ul.gives,.vc_row[class*="ed-"] .wpb_text_column ul.index,.vc_row[class*="ed-"] .wpb_text_column ul.res-list,.vc_row[class*="ed-"] .wpb_text_column ul.ledger,.vc_row[class*="ed-"] .wpb_text_column .compare ul,.vc_row[class*="ed-"] .wpb_text_column .recent ul{padding-left:0;margin-left:0}
.vc_row.books .vc_row.book,.vc_row.ed-book{align-items:center}
/* pull quote and about quote beat the theme's blockquote */
.wpb_text_column blockquote.pull{font:italic 500 clamp(1.4rem,2.4vw,2rem)/1.35 var(--display);font-variation-settings:"opsz" 14;max-width:34ch;margin:0;padding:0;border:0;background:none;color:inherit}
.wpb_text_column blockquote.pull cite{display:block;margin-top:1rem;font:600 .8rem var(--body);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--mauve-ink)}
.vc_row.about .wpb_text_column blockquote{margin:2.5rem 0 0;padding:1.8rem 0 0;border:0;border-top:1px solid var(--line-light);background:none;font:italic 500 clamp(1.3rem,2vw,1.7rem)/1.35 var(--display);max-width:34ch;color:var(--ground)}
.vc_row.about .wpb_text_column blockquote cite{display:block;margin-top:1rem;font:600 .8rem var(--body);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--sage)}
/* awards inside subpage text blocks (logo or year, then text) */
.vc_row.ed-sub .ed-award .award{display:grid;grid-template-columns:7rem 1fr;gap:1.2rem;align-items:center;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--line);font-size:.95rem;line-height:1.45;max-width:36rem}
.vc_row.ed-sub .ed-award .award img{width:100%;height:auto;padding:.4rem;border:1px solid var(--line);background:#fff}
.vc_row.ed-sub .ed-award .award .yr{display:grid;place-items:center;min-height:3.2rem;border:1px solid var(--line);font:500 1.2rem var(--body)}
.vc_row.ed-sub .ed-award .award b{display:block;font-weight:600}
.vc_row.about .ed-award .award{display:grid;grid-template-columns:7.5rem 1fr;gap:1.4rem;align-items:center;padding-top:1.2rem;margin-top:1.4rem;border-top:1px solid var(--line-light);font-size:.95rem;line-height:1.45}
.vc_row.about .ed-award .award img{background:#fff;padding:.7rem .8rem;border-radius:2px;width:100%;height:auto}
.vc_row.about .ed-award .award .yr{display:grid;place-items:center;height:100%;min-height:3.6rem;border:1px solid var(--line-light);font:500 1.3rem var(--body);letter-spacing:.04em}
.vc_row.about .ed-award .award b{display:block;font-weight:600}
/* method page part headings use the smaller heading size */
.vc_row.pillar-block.pb-small h2,.vc_row.pillar-block.pb-small h2.vc_custom_heading{font-size:clamp(1.9rem,3vw,2.7rem);max-width:14ch}
.vc_row.pillar-block .part,.vc_row.pillar-block .ed-inline.part{display:block;font:600 .8rem var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--mauve-ink);margin-bottom:.6rem}
/* ===== alignment fixes (round 4) ===== */
.vc_row.sub-flush{padding-top:0 !important}
/* theme gives headings and paragraphs inside text blocks their own margins; the design sets spacing on the components */
:where(.vc_row[class*="ed-"]) .wpb_text_column :is(h2,h3,h4,p){margin-top:0;margin-bottom:0}
.vc_row.ed-sub .prose .wpb_text_column.ed-list{margin-top:1.1rem}
.vc_row.hero .creds{color:rgba(250,247,248,.9)}
.vc_row.hero .creds i{color:var(--sage)}
.vc_row .pillar-nav a,.vc_row .ed-block.pillar-nav a{color:inherit}
/* ===== alignment fixes (round 5) ===== */
/* button rows (the earlier rule used a class name that does not exist on the row) */
.vc_row.ed-actions{display:flex;flex-wrap:wrap}
.vc_row.ed-actions>.wpb_column{width:auto;float:none;padding:0}
.vc_row.ed-actions .vc_column-inner{display:flex;flex-wrap:wrap;gap:1rem 1.75rem;align-items:center;padding:0}
.vc_row.ed-actions .vc_btn3-container{margin:0}
.vc_btn3-container.ed-btn a.vc_btn3{font-weight:600 !important}
/* header: logo sits on the page gutter; no dropdown chevrons (menus still open on hover) */
body .masthead .header-bar{padding-left:var(--gutter) !important;padding-right:var(--gutter) !important}
.masthead .main-nav>li>a .next-level-button,.masthead .main-nav>li>a .submenu-indicator,.masthead .main-nav .next-level-button{display:none !important}
.masthead .main-nav>li>a{font-weight:500}
.vc_row.ed-actions .vc_column-inner{display:block}
.vc_row.ed-actions .wpb_wrapper{display:flex;flex-wrap:wrap;gap:1rem 1.75rem;align-items:center}
.masthead .main-nav.level-arrows-on>li.has-children>a::after,.masthead .main-nav.level-arrows-on>li.has-children>a .menu-text::after,.masthead .main-nav>li.has-children>a .menu-item-text::after,.masthead .main-nav>li.has-children>a::before{content:none !important;display:none !important}
.masthead .main-nav>li.has-children>a .menu-item-text .next-level-button{display:none !important}
/* ===== closing banner (round 6) ===== */
.vc_row.ed-close{padding-top:clamp(5rem,10vw,9rem) !important;padding-bottom:clamp(5rem,10vw,9rem) !important}
.vc_row.ed-close .wpb_text_column.lede{margin-top:1.8rem;max-width:36rem;color:rgba(250,247,248,.85)}
.vc_row.ed-close .wpb_text_column.lede p{color:rgba(250,247,248,.85)}
.vc_row.ed-close .wpb_text_column.lede+.vc_btn3-container,.vc_row.ed-close .wpb_text_column.lede~.vc_btn3-container,.vc_row.ed-close .wpb_text_column.lede~.ed-link{margin-top:2.4rem}
.vc_row.ed-close h2.vc_custom_heading{font-size:clamp(2.4rem,5.4vw,5rem);line-height:1.04;max-width:15ch}
.vc_row.ed-close .close-art,.vc_row.ed-close svg.close-art{display:block;width:min(17rem,72%);height:auto;margin-inline:auto;overflow:visible}
.vc_row.close-grid>.wpb_column.close-art-col,.vc_row.close-grid>.wpb_column:last-child .wpb_raw_code{display:grid;place-items:center}
/* ===== round 7: WordPress auto-paragraph side effects inside text blocks ===== */
:where(.vc_row[class*="ed-"]) .wpb_text_column :is(h2,h3,h4){padding:0}
.vc_row[class*="ed-"] .wpb_text_column p:empty{display:none}
.vc_row[class*="ed-"] .wpb_text_column p:has(>a.btn:only-child),.vc_row[class*="ed-"] .wpb_text_column p:has(>span:only-child),.vc_row[class*="ed-"] .wpb_text_column p:has(>img:only-child),.vc_row[class*="ed-"] .wpb_text_column p:has(>svg:only-child){display:contents}
.vc_row.coaching .feature-copy p,.vc_row.coaching .feature-copy .wpb_text_column{max-width:30rem}
.vc_row.ed-close svg.close-art{width:min(17rem,72vw) !important}
/* contact form: labels and fields in the approved style */
.wpcf7-form label{display:block;font:600 .9rem var(--body);color:var(--ink);margin-bottom:1.1rem}
.wpcf7-form input[type=text],.wpcf7-form input[type=email],.wpcf7-form textarea,.wpcf7-form select{display:block;width:100%;margin-top:.45rem;padding:.85rem 1rem;font:400 1rem var(--body);color:var(--ink);background:#fff;border:1px solid rgba(37,39,59,.22);border-radius:2px;box-shadow:none}
.wpcf7-form input:focus,.wpcf7-form textarea:focus{border-color:var(--ink);outline:0}
.wpcf7-form input[type=submit]{background:var(--rose-deep);color:#fff;border:0;border-radius:2px;padding:1.1rem 1.7rem;font:600 .8125rem/1 var(--body);letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.wpcf7-form input[type=submit]:hover{background:#8F3549}
/* ===== round 8: book covers and book rows ===== */
.wpb_single_image.cover-field .vc_figure{display:block;width:min(19rem,64%);margin:0 auto}
.wpb_single_image.cover-field .vc_single_image-wrapper{display:block;width:100%;background:none !important;padding:0 !important;border:0 !important;line-height:0}
.wpb_single_image.cover-field img{display:block;width:100% !important;max-width:none !important;height:auto !important;border-radius:inherit}
.vc_row.ed-book .ed-link,.vc_row.ed-book .vc_btn3-container{margin-top:2rem;vertical-align:middle}
.vc_row.ed-book .wpb_text_column.ed-link{margin-bottom:0}
.vc_row.part-label,.vc_row .part{font-size:.75rem}
/* book hero tagline (was an inline style) and cleanup of the cover wrappers */
.book-sub,.wpb_text_column p.book-sub{font:italic 500 clamp(1.3rem,2vw,1.7rem)/1.3 var(--display);margin-top:1.1rem;color:var(--sage);max-width:none}
.wpb_single_image.bookface,.wpb_single_image.cover-field.bookface{box-shadow:none !important;transform:none !important;width:auto !important}
.vc_row.book-hero .cover-col{display:block}
/* ===== round 9 ===== */
/* hero footer rule is inset to the gutter like the approved design */
.vc_row.hero-foot{margin-left:max(var(--gutter),calc((100vw - 100rem)/2 + var(--gutter))) !important;margin-right:max(var(--gutter),calc((100vw - 100rem)/2 + var(--gutter))) !important;width:auto !important;padding-left:0 !important;padding-right:0 !important}
/* header call-to-action: small uppercase label */
.masthead .main-nav>li.ed-menu-cta>a .menu-text,.masthead .main-nav>li.ed-menu-cta>a .menu-item-text{font:600 .75rem/1 var(--body) !important;letter-spacing:.09em;text-transform:uppercase}
/* ===== mobile and tablet (from the approved @media rules, mapped onto WPBakery wrappers) ===== */
@media (max-width:980px){
/* home hero: copy first, photo below */
.vc_row.hero-top{display:flex;flex-direction:column;align-items:stretch;min-height:0}
.vc_row.hero-top>.wpb_column.hero-copy{width:100%;order:1;padding:clamp(2.5rem,8vw,3.5rem) var(--gutter) 1rem;display:block}
.vc_row.hero h1{font-size:clamp(2.9rem,12vw,5rem)}
.vc_row.hero-top>.wpb_column.hero-photo{position:relative;top:auto;right:auto;bottom:auto;order:2;width:100%;height:clamp(22rem,110vw,34rem);transform:none;
-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.3) 18%,rgba(0,0,0,.7) 34%,#000 52%),linear-gradient(to top,transparent 0,rgba(0,0,0,.4) 12%,#000 30%);
mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.3) 18%,rgba(0,0,0,.7) 34%,#000 52%),linear-gradient(to top,transparent 0,rgba(0,0,0,.4) 12%,#000 30%)}
.vc_row.hero-top>.wpb_column.hero-photo img{object-position:50% 20%}
.vc_row.hero-foot{grid-template-columns:1fr}
.vc_row.hero-foot .creds{justify-self:start}
/* home sections stack */
.vc_row.premise-grid,.vc_row.sec-head,.vc_row.pillars-grid,.vc_row.about-grid,.vc_row.res-grid,.vc_row.feature,.vc_row.close-grid{grid-template-columns:1fr}
.vc_row.premise-grid>.wpb_column.premise-art{order:-1;min-height:15rem}
.vc_row.feature>.wpb_column.feature-photo{min-height:0;aspect-ratio:4/3.4;order:-1}
.vc_row.feature>.wpb_column.feature-copy{padding:2.5rem 2rem;min-width:0;box-sizing:border-box}
.vc_row.feature>.wpb_column.feature-copy .vc_column-inner,.vc_row.feature>.wpb_column.feature-copy .wpb_text_column{max-width:100%}
.vc_row.feature h3{overflow-wrap:anywhere}
.vc_row.pillars-intro,.vc_row.pillars-grid>.wpb_column.pillars-intro{position:static}
.ed-js .pillar-panel{display:none}
.ed-js .index li.on p{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;font-size:1.05rem;padding-bottom:1.1rem}
.vc_row.pillars{--step:45vh}
.vc_row.pillars .pillars-intro p,.vc_row.pillars .growth{display:none}
.index .w{font-size:clamp(2.1rem,9.5vw,3rem);padding:.45rem 0}
.vc_row.pillars-grid{gap:1.5rem}
.vc_row.ed-book,.vc_row.ed-book.flip{grid-template-columns:1fr}
.vc_row.ed-book>.wpb_column.cover-col{order:-1}
.vc_row.about .about-photo img{aspect-ratio:4/4.4;object-fit:cover}
.vc_row.close-grid .ed-art svg,.vc_row.ed-close svg.close-art{width:min(15rem,70vw) !important;margin-top:2.5rem}
/* subpage hero with a photo: copy first, photo below */
.vc_row.ed-phero.has-photo{display:flex;flex-direction:column;padding-bottom:0 !important}
.vc_row.has-photo>.wpb_column{width:100% !important;order:1}
.vc_row.has-photo>.wpb_column>.vc_column-inner>.wpb_wrapper{display:flex;flex-direction:column}
.wpb_single_image.phero-photo{order:5;position:relative;top:auto;right:auto;bottom:auto;width:100%;height:clamp(17rem,68vw,25rem);margin:2rem 0 0;
-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30%),linear-gradient(to top,transparent 0,#000 12%);mask-image:linear-gradient(to bottom,transparent 0,#000 30%),linear-gradient(to top,transparent 0,#000 12%)}
.vc_row.ed-phero svg.phero-art{position:static !important;display:block;width:min(10rem,42%) !important;margin:1.5rem 0 -1.5rem auto;max-height:none !important}
/* component stacking */
.vc_row.pillar-block,.vc_row.callout,.vc_row.book-hero,.vc_row.contact-grid,.vc_row.compare,.vc_row.split{grid-template-columns:1fr}
.vc_row.ed-award{grid-template-columns:5.5rem 1fr}
}
@media (max-width:560px){
.vc_row.hero-foot .vc_btn3-container,.vc_row.hero-foot .vc_btn3-container a.vc_btn3{display:block;width:100%;text-align:center}
.vc_row.hero-foot .vc_btn3-container{margin:0 0 .9rem}
.vc_row.ed-sub .ed-award .award,.vc_row.about .ed-award .award{grid-template-columns:5.5rem 1fr}
.book dl div{grid-template-columns:1fr;gap:.1rem}
}
/* ===== mobile round 2: header, hero buttons, subpage hero ===== */
@media (max-width:980px){
.masthead .mobile-branding img,.masthead .mobile-branding img.mobile-logo{width:auto !important;height:auto !important;max-height:46px !important;max-width:none !important}
.mobile-header-bar{align-items:center}
.masthead .mobile-navigation .dt-mobile-menu-icon{display:inline-flex;align-items:center;width:auto !important;height:auto !important;padding:.7rem .95rem !important;border:1.5px solid rgba(250,247,248,.7);border-radius:2px;background:none !important;position:static}
.masthead .mobile-navigation .dt-mobile-menu-icon .lines-button{display:none !important}
.masthead .mobile-navigation .dt-mobile-menu-icon::after{content:"Menu";font:600 .75rem/1 var(--body);letter-spacing:.09em;text-transform:uppercase;color:var(--ground)}
.vc_row.ed-phero .vc_custom_heading{margin-bottom:0 !important}
.wpb_single_image.phero-photo{width:calc(100% + 2*var(--gutter)) !important;margin-left:calc(-1*var(--gutter)) !important;margin-right:calc(-1*var(--gutter)) !important}
}
@media (max-width:560px){
.vc_row.hero-foot .vc_btn3-container{margin:0 0 .9rem !important}
}
.vc_row.ed-phero .wpb_text_column.lede p:first-child{margin-top:0}
@media (max-width:980px){
.masthead .mobile-navigation .dt-mobile-menu-icon::after{position:static !important;width:auto !important;height:auto !important;display:inline !important;background:none !important;opacity:1 !important;transform:none !important;inset:auto !important;margin:0 !important}
}
.vc_row.feature>.wpb_column.feature-copy .vc_custom_heading+.wpb_text_column{margin-top:1.4rem}
.vc_row.feature>.wpb_column.feature-copy .wpb_text_column+.vc_btn3-container{margin-top:2rem}
.vc_row.feature>.wpb_column.feature-copy .wpb_text_column p{max-width:30rem}
.vc_row.ed-sub .wpcf7{margin-top:2rem}
.vc_row.ed-sub .wpb_text_column.lede{margin-top:.6rem}
/* round 10: "which one first" three-up, resource link colour, close lede */
.vc_row.which{display:block}
.vc_row.which>.wpb_column>.vc_column-inner>.wpb_wrapper{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,4fr);gap:1.5rem 3rem;font-size:1rem}
.vc_row.which .wpb_text_column p{margin:0;font-size:1rem}
@media (max-width:980px){.vc_row.which>.wpb_column>.vc_column-inner>.wpb_wrapper{grid-template-columns:1fr}}
.res-list a,.res-list a:visited,.res-row h3 a{color:var(--ink) !important}
.res-list a:hover{color:var(--sage-ink) !important}
.vc_row.ed-close .wpb_text_column.lede,.vc_row.ed-close .wpb_text_column.lede p{color:rgba(250,247,248,.85)}
@media (max-width:980px){.vc_row.ed-book.flip>.wpb_column.cover-col,.vc_row.ed-book>.wpb_column.cover-col{order:-1}}
/* round 11: match approved text rendering and ledger spacing */
html body,body #page,body .masthead{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.vc_row .ed-list ul.ledger,.vc_row ul.ledger{margin-top:clamp(3rem,5vw,4.5rem);border-top:2px solid var(--ink)}
/* ---- review round 12 ---- */
/* leaf art: round caps turn a hidden (zero-length) dash into a visible dot, so hide each path until its draw starts */
.ed-js .draw-in path,.ed-js .growth .lf path{opacity:0}
.ed-js .draw-in.drawn path{opacity:1;transition:stroke-dashoffset var(--dur,1.2s) var(--tf,linear) var(--dl,0s),opacity 0s linear var(--dl,0s)}
/* awards: logo box must include its padding, so it never runs into the text */
.award img,.awards .award img{box-sizing:border-box;max-width:100%;height:auto}
.award>p:empty,.awards>p:empty{display:none}
/* closing row: phone link centred on the button, same gap as the approved design */
.vc_row.ed-close .vc_btn3-container,.vc_row.ed-close .wpb_text_column.ed-link{vertical-align:middle !important;margin-bottom:0 !important}
.vc_row.ed-close .vc_btn3-container{margin-right:calc(2.4rem - 6px) !important}
@media (max-width:560px){.vc_row.ed-close .vc_btn3-container{margin-right:0 !important}}
/* ---- round 13: button spacing ---- */
/* buttons that follow text or a list need the approved 2rem of air (1.8rem inside the navy callout) */
.vc_row.vc_inner .wpb_text_column+.vc_btn3-container,.vc_row.vc_inner .vc_custom_heading+.vc_btn3-container,.vc_row.ed-sub .prose .wpb_text_column+.vc_btn3-container{margin-top:2rem}
.vc_row.callout .wpb_text_column+.vc_btn3-container{margin-top:1.8rem}
@media (max-width:560px){.vc_row.vc_inner .wpb_text_column+.vc_btn3-container{margin-top:1.6rem}}
/* button rows that follow text keep the approved 2rem of air */
.vc_row.vc_inner.ed-actions{margin-top:2rem !important}
.vc_row.ed-phero .vc_row.ed-actions,.vc_row.ed-phero .ed-actions{margin-top:2.2rem !important}
/* home pillars: the quote panel's column padding was being zeroed, so the text touched its rule */
.ed-js .vc_row .wpb_column.pillar-panel,.ed-js .vc_row .vc_column_container.pillar-panel{padding-left:clamp(1.5rem,3vw,3rem) !important}
/* ---- round 14: ActiveCampaign signup (the old site's form 1) and the contact form ---- */
.ed-ac{margin-top:1.8rem;max-width:30rem}
.ed-ac ._form{max-width:none !important;width:100% !important;margin:0 !important;padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important;font-family:var(--body)}
.ed-ac ._form-content{display:grid;gap:.9rem}
.ed-ac ._form_element{margin:0 !important;width:100% !important;float:none !important;padding:0 !important}
.ed-ac ._form-title,.ed-ac ._html-code,.ed-ac ._form_element:has(#lastname),.ed-ac ._form_element:has(#phone){display:none !important}
.ed-ac ._form-label{display:block;font:600 .9rem var(--body);color:var(--ink);margin:0 0 .4rem}
.ed-ac ._form-label .field-required{color:var(--rose-deep);margin-left:.15rem}
.ed-ac input[type=text],.ed-ac input[type=email]{font:inherit;padding:1rem 1.1rem;border:1.5px solid var(--sage-ink);background:#fff;border-radius:2px;width:100%;color:var(--ink);box-sizing:border-box;height:auto;box-shadow:none}
.ed-ac input::placeholder{color:#6c6e80}
.ed-ac input:focus{outline:0;border-color:var(--ink)}
.ed-ac ._button-wrapper{margin:0 !important}
.ed-ac ._submit{background:var(--rose-deep) !important;color:#fff !important;border:0;border-radius:2px;padding:1.1rem 1.7rem;font:600 .8125rem/1 var(--body);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;width:auto;display:inline-block}
.ed-ac ._submit:hover{background:#8F3549 !important}
.ed-ac ._form-thank-you{font:italic 500 1.4rem/1.4 var(--display);color:var(--ink);padding:.4rem 0}
.ed-ac ._error-inner,.ed-ac ._form_error{color:#8F3549;font-size:.9rem;margin-top:.6rem}
.ed-ac ._form-branding{font-size:.75rem;color:#6c6e80;margin-top:.8rem}
.ed-ac ._form-branding a,.ed-ac ._form-branding span{color:inherit}
/* contact form (Contact Form 7) */
.wpcf7-form p{margin:0}
.wpcf7-form .note{font-size:.85rem;color:#5a5c70;margin-top:1rem}
.wpcf7-form select{appearance:auto}
.wpcf7-form .wpcf7-not-valid-tip{color:#8F3549;font-size:.85rem;margin-top:.35rem}
.wpcf7 form .wpcf7-response-output{margin:1.4rem 0 0;padding:.9rem 1.1rem;border:1px solid var(--sage-ink);border-radius:2px;font-size:.95rem}
/* round 14b: tidy the signup and contact form spacing to the approved sizes */
.ed-ac input[type=text],.ed-ac input[type=email]{font-size:1rem;line-height:1.4;padding:.95rem 1.1rem}
.ed-ac ._form-content{gap:1rem}
.ed-ac ._form_element>label,.ed-ac ._form_element ._field-wrapper{margin:0}
.ed-ac ._form-branding{display:none !important}
.wpcf7-form br{display:none}
.wpcf7-form label{margin-bottom:1.1rem}
.wpcf7-form textarea{min-height:9rem;height:9rem;resize:vertical}
.wpcf7-form .wpcf7-form-control-wrap{display:block}
/* Round 15: subpage hero leaf sits below the buttons on tablet and mobile (as in the prototype), not over them.
The desktop absolute rule has higher specificity, so it is repeated here. */
@media (max-width:980px){
.vc_row.ed-phero .ed-art svg.phero-art,.vc_row.ed-phero svg.phero-art{position:static !important;display:block;width:min(10rem,42%) !important;margin:1.5rem 0 -1.5rem auto;max-height:none !important;right:auto;bottom:auto}
}
/* Round 15: About "Recognition" list had its inline margin-top:0 dropped in the conversion */
.page-id-63 .awards-light{margin-top:0 !important;max-width:44rem}
/* Round 15: blog posts and archives (not part of the redesign) keep The7's title bar and sidebar, restyled to match.
Content width and gutters were zeroed for the full-bleed pages, so they are restored here for these templates only. */
body.single-post .page-title,body.archive .page-title,body.author .page-title,body.search .page-title,body.error404 .page-title{background:var(--navy) !important;background-image:none !important;height:auto !important;min-height:0 !important;padding:calc(76px + clamp(2rem,4vw,3.5rem)) 0 clamp(2rem,4vw,3.5rem) !important;text-align:left}
body.single-post .page-title::before,body.single-post .page-title::after,body.archive .page-title::before,body.archive .page-title::after{display:none !important}
body.single-post .page-title .wf-wrap,body.archive .page-title .wf-wrap,body.author .page-title .wf-wrap,body.search .page-title .wf-wrap,body.error404 .page-title .wf-wrap{min-height:0 !important;height:auto !important;padding-top:0 !important;padding-bottom:0 !important}
body.single-post .page-title h1,body.archive .page-title h1,body.author .page-title h1,body.search .page-title h1,body.error404 .page-title h1{font-family:var(--display) !important;font-weight:400;font-size:clamp(2rem,4vw,3.2rem) !important;line-height:1.1 !important;color:var(--ground) !important;max-width:26ch;margin:0}
body.single-post #main .wf-wrap,body.archive #main .wf-wrap,body.author #main .wf-wrap,body.search #main .wf-wrap,body.error404 #main .wf-wrap,
body.single-post .page-title .wf-wrap,body.archive .page-title .wf-wrap,body.author .page-title .wf-wrap,body.search .page-title .wf-wrap,body.error404 .page-title .wf-wrap{box-sizing:border-box;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter)}
body.single-post #main,body.archive #main,body.author #main,body.search #main{padding-top:clamp(2rem,4vw,3.5rem);padding-bottom:clamp(3rem,6vw,5rem)}
body.single-post .entry-content,body.single-post .entry-content p,body.single-post .entry-content li{font-size:1.0625rem;line-height:1.7}
body.single-post .entry-content h2,body.single-post .entry-content h3{font-family:var(--display);font-weight:400;color:var(--ink)}
body.single-post .page-title .page-title-head,body.single-post .page-title h1,body.archive .page-title h1{text-align:left !important}
body.single-post #content img,body.single-post #content .post-thumbnail,body.single-post #content .post-thumbnail-rollover{max-width:100%;height:auto}
@media (max-width:760px){body.single-post .post-thumbnail,body.single-post .post-thumbnail-wrap,body.single-post .post-thumbnail-rollover{width:100% !important;margin-left:0 !important;margin-right:0 !important}body.single-post #content img.wp-post-image,body.single-post .post-thumbnail img{width:100% !important;max-width:100% !important;height:auto !important}}
@media (max-width:980px){
body.single-post .wf-container-main,body.archive .wf-container-main,body.author .wf-container-main,body.search .wf-container-main{width:auto !important;max-width:100% !important}
body.single-post #content,body.single-post #sidebar,body.archive #content,body.archive #sidebar,body.author #content,body.author #sidebar{width:100% !important;max-width:100% !important;float:none !important;margin-left:0 !important;margin-right:0 !important}
body.single-post #sidebar,body.archive #sidebar{margin-top:2.5rem !important}
}
body.single-post #main .wf-wrap,body.archive #main .wf-wrap,body.author #main .wf-wrap,body.search #main .wf-wrap,body.error404 #main .wf-wrap,
body.single-post .page-title .wf-wrap,body.archive .page-title .wf-wrap,body.author .page-title .wf-wrap,body.search .page-title .wf-wrap,body.error404 .page-title .wf-wrap{width:100% !important}
/* Round 16: stacked pillars on phones/tablets. The pinned stage is 100svh tall, so the two rows were stretching apart
and leaving a large gap under the heading. Pack the rows together and centre them, as the prototype does. */
@media (max-width:980px){
.vc_row.pillars.pin .vc_row.pillars-stage{align-content:center}
.vc_row.pillars.pin .vc_row.pillars-stage>.wpb_column{align-self:auto}
}
/* Round 17: home "Start for free" section. The theme's list bullets were showing on the Free downloads / Self-paced trainings lists
(the prototype has none), and the section headings sat tight against the rule beneath them. */
.vc_row[class*="ed-"] .wpb_text_column ul.res-list,.vc_row[class*="ed-"] .wpb_text_column ul.res-list li,
.vc_row[class*="ed-"] .wpb_text_column ul.gives li,.vc_row[class*="ed-"] .wpb_text_column ul.index li,.vc_row[class*="ed-"] .wpb_text_column ul.ledger li{list-style:none !important}
.vc_row.res-grid h3.vc_custom_heading{margin-bottom:1.1rem !important}