/* ==========================================================================
   Root & Reach Media: site styles
   Design tokens -> base -> header/footer -> shared sections -> components
   -> home page -> inner pages -> blog -> forms -> responsive
   ========================================================================== */

:root{
  --forest:#012e29; --forest-deep:#01201d; --forest-soft:#0c3d36;
  --bronze:#a17e61; --bronze-light:#c2a990; --bronze-deep:#87664b;
  --parchment:#f5f0e7; --parchment-2:#ece5d8; --stone:#cfcabe; --sage:#b1c5a4;
  --ink:#16211f; --ink-soft:#4a5552; --line:rgba(1,46,41,.14);
  --serif:"Instrument Serif",Georgia,serif; --sans:"Geist",system-ui,sans-serif; --mono:"Geist Mono",ui-monospace,monospace;
  --r:18px; --max:1240px;
  --pad-section:clamp(72px,8vw,104px);
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--parchment);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.02em;margin:0;color:inherit}
p,ul,ol,figure,blockquote{margin:0}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px;border-radius:4px}
.screen-reader-text,.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:10px;left:10px;z-index:100;background:var(--forest);color:#fff;padding:10px 16px;border-radius:8px;clip:auto;width:auto;height:auto}
/* WordPress block wrappers: let our sections control their own spacing */
.wp-site-blocks{padding:0!important}
.wp-site-blocks>*,.wp-block-group,.is-layout-flow>*,.is-layout-constrained>*{margin-block-start:0;margin-block-end:0}
main>*+*,.wp-site-blocks>*+*{margin-top:0!important}
.wp-block-html{margin:0}

.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
.narrow{max-width:760px;margin:0 auto}
.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--bronze)}
.dark .eyebrow,.forest .eyebrow,.page-hero .eyebrow,.post-hero .eyebrow,.hero .eyebrow,.cta-band .eyebrow{color:var(--bronze-light)}
h1 em,h2 em,h3 em{font-style:italic;color:var(--bronze)}
.dark h1 em,.dark h2 em,.forest h2 em,.page-hero h1 em,.hero h1 em,.post-hero h1 em,.cta-band h2 em{color:var(--bronze-light)}
.h2,section h2{font-size:clamp(38px,4.8vw,64px)}
.lede{font-size:19px;font-weight:300;color:var(--ink-soft);max-width:600px}
.muted{color:var(--ink-soft)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;font-weight:500;font-size:15px;line-height:1.2;transition:.25s;cursor:pointer;border:0;font-family:var(--sans);text-decoration:none}
.btn-primary{background:var(--bronze);color:#fff}
.btn-primary:hover{background:var(--bronze-deep);transform:translateY(-1px)}
.btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-dark{background:var(--forest);color:var(--parchment)}
.btn-dark:hover{background:var(--forest-soft)}
.btn-outline{border:1px solid var(--line);color:var(--forest)}
.btn-outline:hover{border-color:var(--forest)}
.arrow{transition:transform .25s;display:inline-block}
.btn:hover .arrow{transform:translateX(4px)}
.text-link{color:var(--bronze-deep);border-bottom:1px solid var(--bronze-light);transition:.2s}
.text-link:hover{color:var(--forest);border-color:var(--forest)}

/* Reveal on scroll (JS adds .in). Content stays visible without JS. */
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* Glass card */
.glass{background:rgba(250,246,238,.8);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border:1px solid rgba(255,255,255,.6);border-radius:var(--r);color:var(--ink);box-shadow:0 30px 80px -20px rgba(1,20,18,.55)}

/* ---------- Header ---------- */
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .35s,border-color .35s}
.admin-bar .site-header{top:32px}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:32px;height:78px}
.site-header.scrolled,.site-header.solid{background:rgba(245,240,231,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:24px;color:#fff;white-space:nowrap;transition:color .35s}
.logo img{width:38px;height:38px;border-radius:50%}
.scrolled .logo,.solid .logo,.scrolled .nav>a,.solid .nav>a,.scrolled .nav-drop>button,.solid .nav-drop>button{color:var(--ink)}
.nav{display:flex;gap:30px;align-items:center}
.nav>a,.nav-drop>button{color:rgba(255,255,255,.9);font-size:15px;position:relative;transition:color .35s;font-family:var(--sans);cursor:pointer}
.nav-drop>button{background:none;border:0;padding:0}
.nav>a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-6px;height:1px;width:0;background:var(--bronze);transition:width .3s}
.nav>a:not(.btn):hover::after,.nav>a[aria-current="page"]::after{width:100%}
.nav .btn{padding:11px 20px;color:#fff!important}
.nav-drop{position:relative}
.nav-drop>button::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}
.drop{position:absolute;top:calc(100% + 14px);left:-20px;min-width:280px;background:var(--parchment);border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:0 24px 60px -24px rgba(1,46,41,.35);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.nav-drop:hover .drop,.nav-drop:focus-within .drop,.nav-drop.open .drop{opacity:1;visibility:visible;transform:none}
.drop a{display:block;padding:10px 14px;border-radius:10px;font-size:15px;color:var(--ink)}
.drop a small{display:block;font-size:12.5px;color:var(--ink-soft)}
.drop a:hover{background:var(--parchment-2)}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;padding:0}
.burger span{display:block;height:1.5px;background:#fff;margin:7px 9px;transition:.3s}
.scrolled .burger span,.solid .burger span{background:var(--ink)}
.burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}

/* ---------- Hero (home) ---------- */
.hero{position:relative;min-height:min(100vh,820px);display:flex;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(180deg,#0b2e2a 0%,#3f4a3c 35%,#a7754f 62%,#e2a96f 80%,#01201d 100%)}
.scene{position:absolute;inset:0;width:100%;height:100%}
.scene svg{width:100%;height:100%;display:block}
.hero::after,.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,32,29,.8) 0%,rgba(1,32,29,.38) 48%,rgba(1,32,29,0) 72%);pointer-events:none}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding-top:120px;padding-bottom:64px;width:100%}
.hero h1{font-size:clamp(42px,5.2vw,78px);margin:22px 0 26px;color:#fff}
.hero .lede{color:rgba(255,255,255,.84);font-size:19px}
.ctas{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
.hero-meta{display:flex;gap:10px 26px;margin-top:36px;font-size:13px;color:rgba(255,255,255,.68);flex-wrap:wrap}
.hero-meta b{color:#fff;font-weight:500}

.cards{position:relative;height:540px}
.cards .glass{position:absolute;opacity:0;transform:translateY(30px) scale(.97);transition:1s cubic-bezier(.2,.8,.2,1)}
.cards .glass.show{opacity:1;transform:none}
.no-js .cards .glass{opacity:1;transform:none}
.card-ai{top:0;right:0;width:400px;padding:22px}
.card-ai .top{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-family:var(--mono);color:var(--ink-soft);margin-bottom:14px}
.card-ai .dots{display:flex;gap:6px}.card-ai .dots i{width:9px;height:9px;border-radius:50%;background:var(--stone)}
.q{background:var(--forest);color:var(--parchment);padding:11px 15px;border-radius:14px 14px 4px 14px;font-size:14px;margin:0 0 14px 40px}
.a{font-size:14px;line-height:1.6;min-height:120px}
.a mark,.aidemo mark{background:rgba(161,126,97,.22);color:var(--forest);padding:1px 4px;border-radius:4px;font-weight:600}
.cite{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;opacity:0;transition:.6s}
.cite.on,.no-js .cite{opacity:1}
.cite span{font-size:11.5px;font-family:var(--mono);border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:#fff}
.cite span.you{border-color:var(--bronze);color:var(--bronze-deep);font-weight:500}
.caret{display:inline-block;width:7px;height:15px;background:var(--forest);vertical-align:-2px;margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.card-stat{bottom:40px;left:0;width:260px;padding:20px 22px}
.card-stat .num{font-family:var(--serif);font-size:54px;line-height:1;color:var(--forest)}
.card-stat small{display:block;font-size:12px;color:var(--ink-soft);margin-top:6px}
.card-stat svg{margin-top:12px;width:100%;height:46px}
.card-ov{bottom:0;right:20px;width:250px;padding:16px 18px;font-size:12.5px;font-family:var(--mono)}
.card-ov .lbl{display:flex;align-items:center;gap:8px;font-weight:500;margin-bottom:8px}
.card-ov .lbl i{width:18px;height:18px;border-radius:50%;background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0)}
.card-ov .row{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid var(--line)}
.card-ov .row b{color:var(--forest);font-weight:500}
.illus{position:absolute;bottom:-28px;right:0;font-size:11px;color:rgba(255,255,255,.55)}

/* Ticker */
.ticker{background:var(--forest);color:var(--bronze-light);overflow:hidden;padding:20px 0;border-top:1px solid rgba(255,255,255,.06)}
.ticker .track{display:flex;gap:56px;width:max-content;animation:tick 45s linear infinite}
.ticker span{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;gap:56px}
.ticker span::after{content:"✦";color:var(--bronze)}
@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker .track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;gap:16px 40px;padding:0 20px}}

/* ---------- Section shells ---------- */
.section{padding:var(--pad-section) 0}
.section.tight-top{padding-top:0}
.alt{background:var(--parchment-2)}
.dark{background:var(--forest-deep);color:var(--parchment);position:relative;overflow:hidden}
.forest{background:var(--forest);color:var(--parchment)}
.dark p,.forest p{color:rgba(245,240,231,.74)}
.dark h2,.dark h3,.forest h2,.forest h3{color:var(--parchment)}
.glow::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(194,169,144,.22),transparent 65%);right:-220px;top:-220px;pointer-events:none}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}
.sec-head h2{margin-top:16px;max-width:820px}
.sec-head p{max-width:420px;color:var(--ink-soft)}
.dark .sec-head p,.forest .sec-head p{color:rgba(245,240,231,.7)}

/* Split: label/heading left, body right */
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:start}
.split h2{margin-top:16px}
.split .lead{font-family:var(--serif);font-size:30px;line-height:1.35;color:var(--forest)}
.dark .split .lead,.forest .split .lead{color:var(--parchment)}
.split p+p,.split .lead+p{margin-top:20px}
.split p{color:var(--ink-soft)}

/* Fact grid */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:40px}
.facts.four{grid-template-columns:repeat(4,1fr)}
.facts>div{background:var(--parchment);padding:22px}
.alt .facts>div{background:var(--parchment-2)}
.facts b{display:block;font-family:var(--serif);font-size:40px;font-weight:400;color:var(--forest);line-height:1.1}
.facts span{font-size:13.5px;color:var(--ink-soft);display:block;margin-top:4px}
.facts small{display:block;font-size:11px;color:var(--ink-soft);margin-top:8px;font-family:var(--mono)}

/* Card grid */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card-grid.two{grid-template-columns:repeat(2,1fr)}
.card-grid.four{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--line);border-radius:var(--r);padding:32px;background:rgba(255,255,255,.4);transition:.35s;display:flex;flex-direction:column}
.card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 20px 50px -25px rgba(1,46,41,.3)}
.card .n{font-family:var(--mono);font-size:12px;color:var(--bronze)}
.card h3{font-size:30px;margin:12px 0 10px;color:var(--forest)}
.card p{font-size:15.5px;color:var(--ink-soft)}
.card ul{list-style:none;padding:0;margin-top:16px}
.card li{font-size:14.5px;padding:7px 0 7px 22px;position:relative;border-top:1px solid var(--line)}
.card li::before{content:"";position:absolute;left:0;top:18px;width:10px;height:1px;background:var(--bronze)}
.card .more{margin-top:auto;padding-top:20px;color:var(--bronze-deep);font-size:15px}
.dark .card,.forest .card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.dark .card h3,.forest .card h3{color:var(--parchment)}
.dark .card p,.forest .card p{color:rgba(245,240,231,.7)}
.dark .card:hover,.forest .card:hover{background:rgba(255,255,255,.07)}

/* Numbered feature rows (deliverables) */
.rows{border-top:1px solid var(--line)}
.row-item{display:grid;grid-template-columns:90px 1fr 1fr;gap:30px;padding:34px 0;border-bottom:1px solid var(--line)}
.row-item .n{font-family:var(--mono);font-size:12px;color:var(--bronze);padding-top:10px}
.row-item h3{font-size:clamp(26px,2.6vw,34px);color:var(--forest)}
.row-item p{color:var(--ink-soft);margin-bottom:14px}
.ticks{list-style:none;padding:0}
.ticks li{position:relative;padding:6px 0 6px 26px;font-size:15px}
.ticks li::before{content:"";position:absolute;left:2px;top:12px;width:12px;height:7px;border-left:1.5px solid var(--bronze);border-bottom:1.5px solid var(--bronze);transform:rotate(-45deg)}
.dark .ticks li,.forest .ticks li{color:rgba(245,240,231,.85)}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px}
.steps.three{grid-template-columns:repeat(3,1fr)}
.step{border-top:1px solid var(--line);padding-top:26px}
.dark .step,.forest .step{border-color:rgba(245,240,231,.2)}
.step b{font-family:var(--serif);font-size:60px;font-weight:400;color:var(--bronze);line-height:1}
.dark .step b,.forest .step b{color:var(--bronze-light)}
.step h3{font-size:28px;margin:12px 0 10px}
.step p{font-size:15.5px;color:var(--ink-soft)}
.dark .step p,.forest .step p{color:rgba(245,240,231,.7)}

/* Chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.chips span,.chips a{padding:9px 16px;border-radius:999px;border:1px solid var(--line);font-size:14px;color:var(--forest);background:rgba(255,255,255,.4)}
.chips a:hover{background:#fff}

/* Belief list */
.bl{counter-reset:b;padding:0;margin-top:36px}
.bl li{list-style:none;display:grid;grid-template-columns:90px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--line);align-items:baseline}
.bl li:last-child{border-bottom:1px solid var(--line)}
.bl li::before{counter-increment:b;content:"0" counter(b);font-family:var(--mono);font-size:12px;color:var(--bronze)}
.bl p{font-family:var(--serif);font-size:clamp(26px,3vw,40px);line-height:1.2;color:var(--forest)}

/* Quote */
.quote{max-width:900px;margin:0 auto;text-align:center}
.quote p{font-family:var(--serif);font-size:clamp(30px,3.4vw,46px);line-height:1.2;color:var(--forest)}
.dark .quote p,.forest .quote p{color:var(--parchment)}
.quote cite{display:block;margin-top:20px;font-style:normal;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--bronze)}

/* Compare (two columns: them vs us) */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.compare>div{border-radius:var(--r);padding:32px;border:1px solid var(--line)}
.compare>div:last-child{background:var(--forest);color:var(--parchment);border-color:var(--forest)}
.compare>div:last-child h3{color:var(--parchment)}
.compare h3{font-size:28px;margin-bottom:14px;color:var(--forest)}
.compare>div:last-child .ticks li{color:rgba(245,240,231,.88)}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.faq-grid h2{margin-top:16px}
.faq-grid>div:first-child p{margin-top:18px;color:var(--ink-soft)}
details.faq{border-top:1px solid var(--line);padding:22px 0}
details.faq:last-child{border-bottom:1px solid var(--line)}
details.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-family:var(--serif);font-size:25px;color:var(--forest);line-height:1.25}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";font-family:var(--sans);font-weight:300;font-size:26px;color:var(--bronze);transition:.3s;flex:none}
details.faq[open] summary::after{transform:rotate(45deg)}
details.faq p{margin-top:12px;color:var(--ink-soft);max-width:660px}
details.faq p+p{margin-top:10px}

/* CTA band */
.cta-band{background:var(--forest-deep);color:var(--parchment);position:relative;overflow:hidden;text-align:center;padding:var(--pad-section) 0}
.cta-band::before{content:"";position:absolute;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(194,169,144,.22),transparent 65%);left:50%;top:-380px;transform:translateX(-50%);pointer-events:none}
.cta-band .wrap{position:relative}
.cta-band h2{font-size:clamp(38px,4.6vw,62px);max-width:900px;margin:18px auto 0;color:var(--parchment)}
.cta-band p{max-width:560px;margin:20px auto 0;color:rgba(245,240,231,.74)}
.cta-band .ctas{justify-content:center}
.cta-band small{display:block;margin-top:22px;font-size:14px;color:rgba(245,240,231,.6)}
.cta-band small a{color:var(--bronze-light);border-bottom:1px solid rgba(194,169,144,.4)}

/* ---------- Home page components ---------- */
.sv{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}
.sv-list button{display:flex;width:100%;text-align:left;align-items:baseline;gap:22px;padding:22px 0;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;font-family:var(--serif);font-size:32px;color:var(--ink-soft);transition:.3s}
.sv-list button small{font-family:var(--mono);font-size:12px;color:var(--bronze)}
.sv-list button:hover,.sv-list button[aria-selected="true"]{color:var(--forest)}
.sv-list button[aria-selected="true"]{padding-left:14px}
.sv-panel{background:var(--forest);color:var(--parchment);border-radius:24px;padding:48px;position:relative;overflow:hidden;min-height:480px}
.sv-panel::before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(194,169,144,.35),transparent 70%)}
.sv-panel>div{position:relative}
.sv-panel[hidden]{display:none}
.sv-panel .eyebrow{color:var(--bronze-light)}
.sv-panel h3{font-size:44px;margin:16px 0 18px;color:var(--parchment)}
.sv-panel p{color:rgba(245,240,231,.78);max-width:540px}
.sv-panel ul{list-style:none;padding:0;margin:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.sv-panel li{font-size:14.5px;padding-left:22px;position:relative}
.sv-panel li::before{content:"";position:absolute;left:0;top:11px;width:10px;height:1px;background:var(--bronze-light)}
.sv-panel .time{display:flex;gap:14px;align-items:center;padding:16px 20px;border:1px solid rgba(245,240,231,.15);border-radius:14px;font-size:14px}
.sv-panel .time b{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--bronze-light);white-space:nowrap}
.sv-panel .more{display:inline-flex;margin-top:26px;color:var(--bronze-light);gap:8px;font-size:15px}
.fade{animation:fade .5s ease}
@keyframes fade{from{opacity:0;transform:translateY(10px)}}

.case-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
.case-grid p{margin-top:20px}
.case-grid h2{margin-top:16px}
.dash{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:30px}
.dash .hd{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(245,240,231,.55);margin-bottom:22px}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kpi{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px}
.kpi b{font-family:var(--serif);font-size:52px;font-weight:400;line-height:1;color:var(--bronze-light);display:block}
.kpi span{font-size:12.5px;font-family:var(--mono);color:rgba(245,240,231,.65)}
.chart{margin-top:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px}
.chart h4{font-family:var(--sans);font-weight:500;font-size:13px;color:rgba(245,240,231,.7);margin-bottom:14px;letter-spacing:0}
.barrow{display:grid;grid-template-columns:150px 1fr 44px;align-items:center;gap:12px;font-size:12.5px;font-family:var(--mono);margin:10px 0;color:var(--parchment)}
.barrow .b{height:10px;background:rgba(255,255,255,.07);border-radius:9px;overflow:hidden;position:relative}
.barrow .b i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--bronze),var(--bronze-light));border-radius:9px;transition:width 1.6s cubic-bezier(.2,.8,.2,1)}
.no-js .barrow .b i{width:var(--w)}
.barrow .b::after{content:"";position:absolute;left:30%;top:-3px;bottom:-3px;width:1px;background:var(--sage)}
.chart small{display:block;margin-top:10px;font-size:12px;color:var(--sage)}
.spark path.ln{stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 2.4s ease}
.in .spark path.ln,.no-js .spark path.ln{stroke-dashoffset:0}

.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.site-card{display:block}
.site-card .frame{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -35px rgba(1,46,41,.45);transition:.45s cubic-bezier(.2,.8,.2,1)}
.site-card:hover .frame{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 40px 80px -35px rgba(1,46,41,.55)}
.chrome{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--parchment-2);border-bottom:1px solid var(--line)}
.chrome i{width:8px;height:8px;border-radius:50%;background:var(--stone)}
.chrome span{margin-left:8px;font-size:11px;color:var(--ink-soft);font-family:var(--mono);background:rgba(255,255,255,.6);padding:2px 10px;border-radius:6px;flex:1}
.site-card .frame img{aspect-ratio:3/2;object-fit:cover;object-position:top;width:100%}
.site-card .meta{display:flex;justify-content:space-between;align-items:end;margin:22px 0 8px}
.site-card h3{font-size:30px;color:var(--forest);margin-top:8px}
.site-card .go{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--forest);transition:.3s;flex:none}
.site-card:hover .go{background:var(--bronze);border-color:var(--bronze);color:#fff}
.site-card p{font-size:15px;color:var(--ink-soft)}

.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}
.portrait{position:relative}
.portrait img{border-radius:24px;aspect-ratio:4/5;object-fit:cover;width:100%;filter:saturate(.92) sepia(.06)}
.portrait .badge{position:absolute;bottom:26px;left:-30px;padding:16px 20px;width:260px}
.portrait .badge b{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--forest);display:block;line-height:1.2}
.portrait .badge span{font-size:12px;color:var(--ink-soft)}
.about-grid blockquote{font-family:var(--serif);font-size:clamp(28px,3vw,40px);line-height:1.22;color:var(--forest);margin:22px 0}
.about-grid p{color:var(--ink-soft);margin-bottom:16px}
.promises{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}
.promises h3,.promises h4{font-family:var(--sans);font-weight:600;font-size:15px;color:var(--forest);margin-bottom:4px;letter-spacing:0}
.promises p{font-size:14.5px;margin:0}

.posts{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}
.posts.even{grid-template-columns:repeat(3,1fr)}
.post-card{border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--line);transition:.35s;display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -25px rgba(1,46,41,.35)}
.post-card .img{aspect-ratio:16/10;position:relative;overflow:hidden;background:linear-gradient(160deg,#0b2e2a,#3f5a48 60%,#c9b28c)}
.post-card .img svg{width:100%;height:100%;display:block}
.post-card .body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.post-card .cat{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--bronze)}
.post-card h3{font-size:26px;color:var(--forest);margin:10px 0}
.posts:not(.even) .post-card:first-child h3{font-size:32px}
.post-card p{font-size:14.5px;color:var(--ink-soft)}
.post-card .rd{font-size:12px;font-family:var(--mono);color:var(--ink-soft);margin-top:auto;padding-top:14px}

/* ---------- Inner page hero ---------- */
.page-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,#0b2e2a 0%,#3f4a3c 40%,#a7754f 75%,#01201d 100%);padding:170px 0 90px}
.page-hero .wrap{position:relative;z-index:2}
.page-hero .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}
.page-hero .grid.solo{grid-template-columns:1fr}
.crumbs{font-size:13px;color:rgba(255,255,255,.66);margin-bottom:22px;font-family:var(--mono)}
.crumbs a:hover{color:#fff}
.page-hero h1{font-size:clamp(44px,5.4vw,80px);margin:18px 0 22px;color:#fff;max-width:900px}
.page-hero .lede{color:rgba(255,255,255,.84);max-width:640px}
.panel{padding:26px}
.panel .eyebrow{color:var(--bronze-deep)!important}
.panel-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:14px}
.panel-row:first-of-type{margin-top:12px}
.panel-row b{color:var(--forest);font-weight:500}
.panel-row span{color:var(--ink-soft);text-align:right;font-size:13px}

/* ---------- Blog ---------- */
.post-hero{position:relative;color:#fff;background:linear-gradient(180deg,#2a1d17,#6b4330 45%,#c38a5c 80%,#01201d);overflow:hidden;padding:170px 0 90px}
.post-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,32,29,.3),rgba(1,32,29,.78));pointer-events:none}
.post-hero .wrap{position:relative;z-index:2;max-width:980px}
.post-hero h1{font-size:clamp(40px,5.2vw,76px);margin:18px 0 22px;color:#fff}
.dek{font-size:20px;font-weight:300;color:rgba(255,255,255,.86);max-width:720px}
.byline{display:flex;align-items:center;gap:14px;margin-top:36px;font-size:14px;color:rgba(255,255,255,.76);flex-wrap:wrap}
.byline img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid rgba(255,255,255,.4)}
.byline b{color:#fff;font-weight:500;display:block}
.byline .sep{width:1px;height:30px;background:rgba(255,255,255,.25)}
.progress{position:fixed;top:0;left:0;height:3px;background:var(--bronze);z-index:60;width:0}
.layout{display:grid;grid-template-columns:250px minmax(0,720px);gap:80px;justify-content:center;padding:80px 32px 40px;max-width:var(--max);margin:0 auto}
.layout.no-toc{grid-template-columns:minmax(0,720px)}
.toc{position:sticky;top:110px;align-self:start;font-size:14px}
.toc h2{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--bronze);font-weight:500;margin-bottom:16px}
.toc a{display:block;padding:8px 0 8px 16px;border-left:1px solid var(--line);color:var(--ink-soft);line-height:1.4;transition:.25s}
.toc a:hover{color:var(--forest)}
.toc a.on{border-left:2px solid var(--bronze);color:var(--forest);font-weight:500;padding-left:15px}

.prose{min-width:0;overflow-wrap:break-word}.prose>*+*{margin-top:22px}.prose pre{overflow-x:auto;max-width:100%}
.prose p,.prose li{font-size:18px;line-height:1.75;color:#28322f}
.prose p.lead{font-family:var(--serif);font-size:27px;line-height:1.45;color:var(--forest)}
.prose h2{font-size:clamp(32px,3.4vw,44px);color:var(--forest);margin-top:64px;scroll-margin-top:110px}
.prose h3{font-size:28px;color:var(--forest);margin-top:38px;scroll-margin-top:110px}
.prose h4{font-family:var(--sans);font-size:18px;font-weight:600;letter-spacing:0;color:var(--forest);margin-top:28px}
.prose a{color:var(--bronze-deep);border-bottom:1px solid var(--bronze-light)}
.prose a:hover{color:var(--forest)}
.prose ul,.prose ol{padding-left:0;list-style:none}
.prose ul>li{position:relative;padding:8px 0 8px 28px;border-bottom:1px solid var(--line)}
.prose ul>li::before{content:"";position:absolute;left:4px;top:22px;width:12px;height:1px;background:var(--bronze)}
.prose ol{counter-reset:o}
.prose ol>li{counter-increment:o;position:relative;padding:8px 0 8px 40px;border-bottom:1px solid var(--line)}
.prose ol>li::before{content:counter(o,decimal-leading-zero);position:absolute;left:0;top:11px;font-family:var(--mono);font-size:12px;color:var(--bronze)}
.prose strong{color:var(--forest);font-weight:600}
.prose blockquote{border-left:2px solid var(--bronze);padding:6px 0 6px 28px}
.prose blockquote p{font-family:var(--serif);font-size:clamp(26px,2.8vw,34px);line-height:1.25;color:var(--forest)}
.prose hr{border:0;border-top:1px solid var(--line);margin:48px 0}
.takeaways{background:var(--forest);color:var(--parchment);border-radius:22px;padding:32px 34px;position:relative;overflow:hidden}
.takeaways::before{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(194,169,144,.35),transparent 70%)}
.takeaways .eyebrow{color:var(--bronze-light)}
.prose .takeaways ul,.prose .takeaways ol{margin-top:14px}
.prose .takeaways li{color:rgba(245,240,231,.9);font-size:16px;border-color:rgba(245,240,231,.12)}
.prose .takeaways li::before{background:var(--bronze-light);color:var(--bronze-light)}
.pull{margin:48px -40px;padding:6px 0 6px 40px;border-left:2px solid var(--bronze)}
.prose .pull p{font-family:var(--serif);font-size:clamp(28px,3vw,38px);line-height:1.25;color:var(--forest)}
.pull cite{display:block;margin-top:12px;font-style:normal;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--bronze)}
.callout{display:grid;grid-template-columns:44px 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}
.callout .ic{width:44px;height:44px;border-radius:50%;background:var(--sage);display:grid;place-items:center;color:var(--forest);font-family:var(--serif);font-size:22px}
.prose .callout p{font-size:16px;margin:0}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.stat-row>div{background:var(--parchment-2);padding:22px}
.stat-row b{display:block;font-family:var(--serif);font-size:40px;font-weight:400;color:var(--forest);line-height:1}
.stat-row span{font-size:13.5px;color:var(--ink-soft)}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.prose table{width:100%;border-collapse:collapse;font-size:15px}
.prose th{text-align:left;background:var(--forest);color:var(--parchment);font-weight:500;padding:13px 16px;font-size:13px}
.prose td{padding:13px 16px;border-top:1px solid var(--line);vertical-align:top;font-size:15px;line-height:1.55}
.prose td:first-child{color:var(--forest);font-weight:500}
.aidemo{background:linear-gradient(135deg,#3f4a3c,#a7754f 60%,#e2b07c);border-radius:22px;padding:36px}
.aidemo .glass{padding:22px;max-width:520px}
.aidemo .q{margin:0 0 14px 60px}
.aidemo .a{min-height:0;font-size:14.5px}
.aidemo figcaption{color:rgba(255,255,255,.88);font-size:13px;margin-top:16px}
.author{display:grid;grid-template-columns:110px 1fr;gap:26px;align-items:center;background:var(--parchment-2);border-radius:22px;padding:30px;margin-top:60px}
.author img{width:110px;height:110px;border-radius:50%;object-fit:cover;object-position:top}
.author h2,.author h3{font-family:var(--serif);font-size:28px;color:var(--forest);margin:4px 0 0}
.prose .author p{font-size:15.5px;margin:6px 0 12px;color:var(--ink-soft)}
.author a{font-size:14px;color:var(--bronze-deep);font-weight:500;border:0}
.post-cta{background:var(--forest-deep);color:var(--parchment);border-radius:28px;padding:56px;margin:64px auto 0;max-width:1100px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.post-cta::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(194,169,144,.25),transparent 65%);right:-160px;top:-200px}
.post-cta h2{font-size:clamp(32px,3.8vw,50px);position:relative;color:var(--parchment)}
.post-cta h2 em{color:var(--bronze-light)}
.post-cta p{color:rgba(245,240,231,.75);margin-top:14px;position:relative}
.post-cta .btn{position:relative;justify-self:end}

/* Blog index (query loop) */
.wp-block-post-template.post-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-list>li{margin:0!important}
.post-list .wp-block-post-title{font-family:var(--serif);font-size:26px;line-height:1.12;margin:10px 0}
.post-list .wp-block-post-title a{color:var(--forest)}
.post-list .wp-block-post-excerpt__excerpt{font-size:14.5px;color:var(--ink-soft);margin:0}
.post-list .wp-block-post-excerpt__more-text{display:none}
.post-list .wp-block-post-date{font-family:var(--mono);font-size:11.5px;color:var(--bronze);text-transform:uppercase;letter-spacing:.06em}
.wp-block-query-pagination{margin-top:36px;justify-content:center;gap:16px;font-family:var(--mono);font-size:13px}

/* Block versions of title/date inside the hand-built post hero (single.html) */
.post-hero .wp-block-post-title{font-size:clamp(40px,5.2vw,76px);margin:18px 0 22px;color:#fff}
.byline .wp-block-post-date{color:#fff;font-weight:500}
.page-content .wp-block-query-title{font-size:clamp(40px,5vw,64px);color:var(--forest)}

/* Generic page content (customer area, plugin pages, new pages) */
.page-content{padding:150px 0 90px}
.page-content .wp-block-post-title{font-size:clamp(40px,5vw,64px);color:var(--forest);margin-bottom:30px}
.page-content .entry{max-width:760px;margin:0 auto}

/* Legal pages */
.legal-meta{font-family:var(--mono);font-size:12px;color:var(--ink-soft);margin-bottom:32px}

/* Business card */
.bizcard-page{min-height:100vh;display:grid;place-items:center;padding:40px 18px;background:linear-gradient(180deg,#0b2e2a,#3f4a3c 45%,#a7754f 80%,#01201d)}
.bizcard{width:100%;max-width:440px;padding:36px 30px;text-align:center}
.bizcard img.av{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:top;margin:0 auto 18px;border:3px solid #fff}
.bizcard h1{font-size:44px;color:var(--forest)}
.bizcard .role{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--bronze);margin-top:8px}
.bizcard .bio{font-size:15px;color:var(--ink-soft);margin:16px 0 22px}
.bizcard .links{display:grid;gap:10px}
.bizcard .links a{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:14px;border:1px solid var(--line);background:#fff;font-weight:500;color:var(--forest);transition:.2s}
.bizcard .links a:hover{border-color:var(--forest)}
.bizcard .links a.primary{background:var(--forest);color:var(--parchment);border-color:var(--forest)}

/* ---------- Forms (Formidable #2, WPForms newsletter) ---------- */
.form-card{background:var(--parchment);color:var(--ink);border-radius:24px;padding:40px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
.form-card h3{font-size:32px;color:var(--forest);margin-bottom:6px}
.form-card .hint{font-size:14px;color:var(--ink-soft);margin-bottom:20px}
.frm_forms .frm_form_field{margin-bottom:16px}
.frm_forms label.frm_primary_label,.wpforms-container .wpforms-field-label{display:block;font-family:var(--sans)!important;font-size:13px!important;font-weight:500!important;color:var(--forest)!important;margin-bottom:6px!important}
.frm_forms .frm_required{color:var(--bronze)}
.frm_forms input[type=text],.frm_forms input[type=email],.frm_forms input[type=tel],.frm_forms input[type=url],.frm_forms textarea,.frm_forms select,
.wpforms-container input[type=email],.wpforms-container input[type=text]{width:100%!important;max-width:none!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:13px 14px!important;font:inherit!important;font-size:15px!important;background:#fff!important;color:var(--ink)!important;box-shadow:none!important;height:auto!important;transition:.2s}
.frm_forms input:focus,.frm_forms textarea:focus,.wpforms-container input:focus{border-color:var(--bronze)!important;box-shadow:0 0 0 3px rgba(161,126,97,.15)!important;outline:none!important}
.frm_forms .frm_button_submit,.wpforms-container button[type=submit]{display:inline-flex!important;align-items:center;gap:10px;padding:15px 28px!important;border-radius:999px!important;border:0!important;background:var(--bronze)!important;color:#fff!important;font-family:var(--sans)!important;font-weight:500!important;font-size:15px!important;cursor:pointer;height:auto!important;line-height:1.2!important;transition:.25s;box-shadow:none!important}
.frm_forms .frm_button_submit:hover,.wpforms-container button[type=submit]:hover{background:var(--bronze-deep)!important}
.frm_forms .frm_error,.frm_forms .frm_error_style{color:#a23b2a;font-size:13px}
.frm_message{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;color:var(--forest)}
.frm_forms .frm_verify{position:absolute!important;left:-9999px!important}
.frm_forms br,.wpforms-container br{display:none}
.frm_forms p:empty,.wpforms-container p:empty,.form-card>p:empty,.newsletter p:empty{display:none}
.frm_forms .frm_required{margin-left:3px}
.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--forest);color:var(--parchment);border-radius:24px;padding:40px}
.newsletter h2{font-size:clamp(30px,3vw,40px);color:var(--parchment)}
.newsletter p{color:rgba(245,240,231,.72);margin-top:10px}
.newsletter .wpforms-container{margin:0!important}
.newsletter .wpforms-field-label{color:var(--parchment)!important}

/* ---------- Footer ---------- */
.site-footer{background:var(--forest-deep);color:rgba(245,240,231,.7);padding:72px 0 36px;border-top:1px solid rgba(255,255,255,.07);font-size:14.5px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px}
.site-footer .logo{color:var(--parchment);margin-bottom:18px}
.site-footer h2{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-light);font-weight:500;margin-bottom:18px}
.site-footer ul{list-style:none;padding:0}
.site-footer li{margin-bottom:10px}
.site-footer a:hover{color:var(--parchment)}
.areas{margin-top:56px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:rgba(245,240,231,.55)}
.areas b{color:var(--bronze-light);font-weight:400}.areas a:hover{color:var(--parchment)}
.legal{display:flex;justify-content:space-between;margin-top:26px;font-size:12.5px;color:rgba(245,240,231,.45);flex-wrap:wrap;gap:10px}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .card-grid.four,.steps{grid-template-columns:repeat(2,1fr)}
  .facts.four{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1020px){
  .hero .wrap,.split,.sv,.case-grid,.about-grid,.faq-grid,.page-hero .grid,.compare,.newsletter,.post-cta{grid-template-columns:1fr;gap:44px}
  .cards{height:500px;max-width:460px}
  .card-grid,.card-grid.two,.work-grid,.posts,.posts.even,.steps.three,.wp-block-post-template.post-list{grid-template-columns:1fr 1fr}
  .row-item{grid-template-columns:60px 1fr;gap:16px}
  .row-item>div:last-child{grid-column:2}
  .fgrid{grid-template-columns:1fr 1fr}
  .layout{grid-template-columns:minmax(0,1fr);gap:30px}
  .toc{position:static;background:var(--parchment-2);border-radius:var(--r);padding:22px}
  .pull{margin:40px 0}
  .post-cta .btn{justify-self:start}
  .nav{display:none}
  .burger{display:block}
  .nav.open{display:flex;position:fixed;inset:78px 0 auto 0;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 24px 32px;background:var(--parchment);border-bottom:1px solid var(--line);max-height:calc(100vh - 78px);overflow:auto}
  .admin-bar .nav.open{top:110px}
  .nav.open>a,.nav.open .nav-drop>button{color:var(--ink);font-size:20px;padding:8px 0}
  .nav.open .nav-drop{width:100%}
  .nav.open .drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:0 0 0 12px;min-width:0;display:none}
  .nav.open .nav-drop.open .drop{display:block}
  .nav.open .btn{margin-top:10px}
  .portrait .badge{left:16px}
  .page-hero{padding:140px 0 70px}
}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
@media (max-width:620px){
  .wrap{padding:0 18px}
  :root{--pad-section:64px}
  .logo{font-size:20px}
  .card-ai{width:100%;position:relative!important}
  .cards{height:auto;display:flex;flex-direction:column;gap:16px}
  .cards .glass.card-stat,.cards .glass.card-ov{position:relative;inset:auto;width:100%}
  .illus{position:static;margin-top:4px}
  .facts,.facts.four,.kpis,.promises,.sv-panel ul,.card-grid,.card-grid.two,.card-grid.four,.work-grid,.posts,.posts.even,.steps,.steps.three,.stat-row,.wp-block-post-template.post-list,.fgrid{grid-template-columns:1fr}
  .sv-panel,.form-card,.newsletter,.post-cta{padding:28px}
  .sv-list button{font-size:26px}
  .barrow{grid-template-columns:100px 1fr 36px}
  .bl li{grid-template-columns:1fr;gap:8px}
  .sec-head{flex-direction:column;align-items:start;gap:16px}
  .author{grid-template-columns:1fr}
  .aidemo{padding:20px}.aidemo .q{margin-left:20px}
  .layout{padding:50px 18px 20px}
  .post-hero,.page-hero{padding:120px 0 60px}
  .row-item{grid-template-columns:1fr}
  .row-item>div:last-child{grid-column:auto}
}

/* ---------- Older Safari without flex "gap" (class added by site.js) ---------- */
.no-flexgap .ctas>*{margin:0 12px 12px 0}
.no-flexgap .chips>*{margin:0 10px 10px 0}
.no-flexgap .hero-meta>*{margin-right:24px}
.no-flexgap .logo img{margin-right:12px}
.no-flexgap .btn .arrow{margin-left:8px}
.no-flexgap .cite>*{margin:0 8px 8px 0}
.no-flexgap .byline>*{margin-right:14px}
.no-flexgap .nav>*{margin-left:28px}
.no-flexgap .legal>*,.no-flexgap .areas>*{margin-right:18px}
.no-flexgap .card-ai .dots i{margin-right:6px}
.no-flexgap .panel-row>*+*{margin-left:16px}
.no-flexgap .sec-head>*+*{margin-left:40px}
@media (max-width:620px){.no-flexgap .sec-head>*+*{margin:16px 0 0}}

/* ---------- Site Editor: show things the front end draws with JavaScript ---------- */
.editor-styles-wrapper .site-header{position:relative;background:var(--forest-deep)}
.editor-styles-wrapper .cards .glass,.editor-styles-wrapper .cite{opacity:1;transform:none}
.editor-styles-wrapper .barrow .b i{width:var(--w)}
.editor-styles-wrapper .spark path.ln{stroke-dashoffset:0}