/*
Theme Name: Salesflint Studio
Description: Custom editorial growth-studio theme for Salesflint.
Version: 2.0.45
Text Domain: salesflint
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{
  --ink:#171714;--paper:#f5f2e9;--paper-deep:#e9e3d6;--cream:#fffdf7;
  --sage:#c9d8c0;--sand:#e6d2ae;--blue:#7770dd;--coral:#df816d;
  --acid:#c8f36a;--muted:#68675f;--line:rgba(23,23,20,.22);
  --pad:clamp(22px,4vw,64px);--radius:22px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
p{line-height:1.55}
.sf-eye{text-transform:uppercase;font-weight:600;letter-spacing:.16em;font-size:11px}
.sf-outline{color:transparent;-webkit-text-stroke:1.7px var(--ink);font-style:normal}
.sf-outline-light{color:transparent;-webkit-text-stroke:1.4px #f7f2e8;font-style:normal}
.sf-nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid var(--line);background:rgba(245,242,233,.92);backdrop-filter:blur(12px);position:relative;z-index:20}
.sf-brand{font:700 24px 'Space Grotesk';letter-spacing:-.04em}
.sf-brand span{color:var(--blue)}
.sf-menu{display:flex;gap:32px;align-items:center;font-size:14px}
.sf-menu>a:not(.sf-pill){position:relative}
.sf-menu>a:not(.sf-pill):after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:right .25s}
.sf-menu>a:hover:after{right:0}
.sf-pill,.sf-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 21px;font-weight:600;transition:transform .25s,background .25s}
.sf-pill,.sf-button-dark{background:var(--ink);color:var(--cream)}
.sf-pill:hover,.sf-button:hover{transform:translateY(-2px)}
.sf-hero{min-height:calc(100vh - 84px);padding:clamp(72px,9vh,118px) var(--pad) 48px;display:flex;flex-direction:column;justify-content:center}
.sf-hero-kicker{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}
.sf-hero h1,.sf-services h2,.sf-work h2,.sf-footer h2,.sf-page-hero h1{font:700 clamp(54px,9vw,138px)/.84 'Space Grotesk';letter-spacing:-.075em;margin:34px 0}
.sf-hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-top:14px}
.sf-hero-foot>p{font-size:clamp(18px,1.7vw,25px);max-width:620px;margin:0}
.sf-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:28px}
.sf-orbit{width:100px;height:100px;border:1px solid;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:10px;animation:sf-spin 18s linear infinite}
@keyframes sf-spin{to{transform:rotate(360deg)}}
.sf-ticker{overflow:hidden;white-space:nowrap;background:var(--ink);color:var(--acid);padding:16px 0;font:600 16px 'Space Grotesk'}
.sf-track{display:flex;width:max-content;animation:sf-scroll 28s linear infinite}
.sf-track span{padding-right:50px}
@keyframes sf-scroll{to{transform:translateX(-50%)}}

.sf-statement{padding:clamp(90px,12vw,170px) var(--pad);display:grid;grid-template-columns:minmax(150px,1fr) 2.25fr;gap:42px;border-bottom:1px solid var(--line)}
.sf-statement-copy h2{font:600 clamp(44px,6.3vw,92px)/.97 'Space Grotesk';letter-spacing:-.06em;margin:0;max-width:1050px}
.sf-lead{font-size:clamp(20px,2.2vw,32px);max-width:900px;color:#35352f}
.sf-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.sf-principles article{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:275px;display:flex;flex-direction:column;transition:transform .3s,background .3s}
.sf-principles article:hover{transform:translateY(-5px);background:#fff}
.sf-principles span{font-size:11px;color:var(--muted)}
.sf-principles h3{font:600 clamp(25px,2.2vw,34px) 'Space Grotesk';margin:55px 0 8px}
.sf-principles p{margin-top:auto;color:var(--muted)}
.sf-arrow{grid-column:2;width:max-content;font-weight:600;margin-top:20px;border-bottom:1px solid;padding-bottom:7px}

.sf-services{background:var(--ink);color:#f7f2e8;padding:clamp(90px,10vw,150px) var(--pad)}
.sf-services header,.sf-work header{display:grid;grid-template-columns:minmax(150px,1fr) 2.25fr;gap:42px}
.sf-services header h2,.sf-work header h2{font-size:clamp(52px,7.5vw,115px);margin:0}
.sf-services header>div>p{max-width:520px;color:#bdb9b0;font-size:18px}
.sf-service-list{margin:80px 0 0 31%}
.sf-service-row{border-top:1px solid #4b4b47;padding:31px 0;display:grid;grid-template-columns:46px minmax(240px,.85fr) 1.25fr 28px;gap:22px;align-items:start;transition:padding .25s,color .25s}
.sf-service-row:last-child{border-bottom:1px solid #4b4b47}
.sf-service-row:hover{color:var(--acid);padding-left:10px}
.sf-service-row h3{font:500 clamp(24px,2.7vw,39px)/1.05 'Space Grotesk';margin:0}
.sf-service-row p{color:#bdb9b0;margin:0;font-size:15px}

.sf-calm-break{background:var(--sage);padding:clamp(90px,13vw,190px) var(--pad);display:grid;grid-template-columns:1fr 2.25fr;gap:42px}
.sf-calm-break>p:last-child{font:500 clamp(42px,6vw,88px)/1.02 'Space Grotesk';letter-spacing:-.055em;margin:0}
.sf-calm-break em{font-style:normal;color:#40503c}

.sf-work{padding:clamp(90px,10vw,150px) var(--pad)}
.sf-work header>div>p{max-width:560px;color:var(--muted);font-size:18px}
.sf-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:72px}
.sf-card{min-height:430px;padding:32px;border-radius:var(--radius);display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.sf-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(23,23,20,.12)}
.sf-card small{letter-spacing:.1em;font-size:10px;font-weight:600}
.sf-card h3{font:600 clamp(28px,3.5vw,52px)/1.04 'Space Grotesk';letter-spacing:-.045em;max-width:760px}
.sf-card strong{margin-top:auto}
.sf-card-sage{background:var(--sage)}
.sf-card-sand{background:var(--sand)}
.sf-card-blue{background:var(--blue);color:#fff}
.sf-card-coral{background:var(--coral)}
.sf-proof{padding:clamp(110px,14vw,200px) var(--pad);text-align:center;background:var(--cream)}
.sf-proof blockquote{font:600 clamp(40px,6.2vw,92px)/1.05 'Space Grotesk';letter-spacing:-.055em;margin:36px auto 0}
.sf-proof blockquote em{font-style:normal;color:var(--blue)}

.sf-footer{background:var(--acid);padding:100px var(--pad) 30px}
.sf-footer h2{font-size:clamp(55px,8vw,125px)}
.sf-footer>a{font-weight:600;border-bottom:1px solid}
.sf-footer-row{border-top:1px solid;margin-top:100px;padding-top:22px;display:flex;justify-content:space-between;font-size:13px}

.sf-page-hero{min-height:760px;padding:120px var(--pad) 72px;display:flex;flex-direction:column;justify-content:center}
.sf-page-hero h1{font-size:clamp(60px,8.5vw,132px)}
.sf-page-hero>p:not(.sf-eye){font-size:clamp(19px,2vw,28px);max-width:720px;color:var(--muted)}
.sf-page-hero .sf-button{width:max-content;margin-top:22px}
.sf-service-detail{background:var(--ink);color:#f7f2e8;padding:50px var(--pad) 100px}
.sf-service-detail article{display:grid;grid-template-columns:minmax(170px,1fr) 2.25fr;gap:42px;padding:clamp(80px,9vw,130px) 0;border-top:1px solid #565650;scroll-margin-top:30px}
.sf-service-index>span{font:600 clamp(42px,5vw,76px) 'Space Grotesk';color:#77766f}
.sf-service-detail h2{font:600 clamp(42px,5.5vw,82px)/.98 'Space Grotesk';letter-spacing:-.055em;margin:0 0 30px}
.sf-service-detail h3{font:600 20px 'Space Grotesk';margin-top:48px}
.sf-service-intro{color:#cfcbc1;font-size:clamp(18px,1.6vw,23px);max-width:850px}
.sf-service-detail ul{columns:2;gap:36px;padding:0;list-style:none;margin:20px 0 45px}
.sf-service-detail li{break-inside:avoid;border-top:1px solid #4d4d48;padding:13px 0;color:#cfcbc1}
.sf-service-detail li:before{content:"✦";color:var(--acid);margin-right:10px}
.sf-service-detail a{color:var(--acid);font-weight:600;border-bottom:1px solid;padding-bottom:7px}

@media(max-width:860px){
  .sf-nav{height:70px}.sf-menu{gap:12px}.sf-menu>a:not(.sf-pill){display:none}.sf-pill{padding:12px 16px}
  .sf-hero{min-height:760px;padding-top:72px}.sf-hero-kicker>span{display:none}
  .sf-hero h1{font-size:clamp(36px,10.5vw,52px);line-height:.9;margin:40px 0;letter-spacing:-.07em}
  .sf-hero-foot{grid-template-columns:1fr}.sf-hero-actions{justify-content:space-between}
  .sf-statement,.sf-services header,.sf-work header,.sf-calm-break,.sf-service-detail article{display:block}
  .sf-principles{grid-template-columns:1fr}.sf-principles article{min-height:230px}
  .sf-arrow{grid-column:auto}.sf-service-list{margin-left:0;margin-top:60px}
  .sf-service-row{grid-template-columns:34px 1fr 25px}.sf-service-row p{grid-column:2}
  .sf-calm-break>p:last-child{margin-top:42px}.sf-cards{grid-template-columns:1fr}
  .sf-card{min-height:350px}.sf-service-detail ul{columns:1}
  .sf-footer-row{gap:18px;flex-wrap:wrap}.sf-page-hero{min-height:680px;padding-top:95px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sf-track,.sf-orbit{animation:none}.sf-card,.sf-service-row{transition:none}}

/* SalesFlint kinetic editorial redesign — July 2026 */
:root{--ink:#171713;--paper:#f4f0e8;--violet:#7057ff;--orange:#ff4e2f;--yellow:#ffcf55;--line:rgba(23,23,19,.28)}
body{background:var(--paper);color:var(--ink);overflow-x:hidden}.sf-nav{height:84px;position:absolute;inset:0 0 auto;background:transparent;border-color:var(--line);z-index:50}.sf-brand{font-family:'Space Grotesk',sans-serif;font-size:24px}.sf-pill{background:var(--ink)}
.sf-hero{min-height:100svh;padding:140px var(--pad) 55px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 84% 23%,var(--yellow) 0 7%,transparent 7.2%),radial-gradient(circle at 78% 31%,var(--orange) 0 3%,transparent 3.2%),var(--paper)}
.sf-hero-kicker{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink)}.sf-hero h1{font:700 clamp(64px,11.7vw,180px)/.78 'Space Grotesk';letter-spacing:-.085em;margin:6vh 0}.sf-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--violet)}.sf-hero-foot{display:flex;justify-content:space-between;align-items:end}.sf-hero-foot>p{font-size:clamp(18px,2vw,28px);line-height:1.35;max-width:680px;margin:0}.sf-down{width:74px;height:74px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:28px;transition:.3s}.sf-down:hover{transform:rotate(-35deg);background:var(--ink);color:white}.sf-spark{position:absolute;font-style:normal;color:var(--violet);font-size:40px;animation:sf-spin 8s linear infinite}.sf-spark-a{top:25%;left:60%}.sf-spark-b{bottom:23%;right:22%;color:var(--orange);font-size:24px}
.sf-ticker{background:var(--violet);color:white;border-block:1px solid var(--ink);padding:17px 0}.sf-track span{padding-right:55px}.sf-statement{padding:120px var(--pad);display:grid;grid-template-columns:1fr 2.1fr;gap:5vw;border-bottom:0}.sf-statement-copy>p{font-size:20px;margin-top:0}.sf-statement-copy h2,.sf-services h2,.sf-thinking h2,.sf-proof blockquote{font:700 clamp(48px,7vw,108px)/.92 'Space Grotesk';letter-spacing:-.065em;margin:0}.sf-statement-copy h2 em,.sf-thinking h2 em{font-style:normal;color:var(--violet)}
.sf-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:100px;border-top:1px solid}.sf-principles article{background:transparent;border:0;border-right:1px solid;border-radius:0;padding:25px 30px 50px 0;min-height:430px;display:block}.sf-principles article+article{padding-left:30px}.sf-principles article:last-child{border-right:0}.sf-principles article:hover{transform:none;background:transparent}.sf-principles h3{font:700 27px 'Space Grotesk';margin:45px 0 15px}.sf-principles p{color:var(--ink);max-width:330px}.sf-flip{width:66px;height:66px;display:grid;place-items:center;background:var(--yellow);border-radius:16px;font-size:30px;margin-top:70px;transition:.7s transform,.35s background;transform-style:preserve-3d}.sf-principles article:hover .sf-flip{transform:rotateY(180deg);background:var(--orange)}
.sf-services{background:var(--ink);color:var(--paper);padding:110px var(--pad)}.sf-services header{display:grid;grid-template-columns:.6fr 2fr;gap:4vw}.sf-services header>div>p{font-size:18px;color:#cbc7bc}.sf-services h2 em{font-style:normal;color:var(--yellow)}.sf-service-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #ffffff55;margin-top:80px}.sf-service-card{min-height:480px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #ffffff55;border-bottom:1px solid #ffffff55;position:relative;overflow:hidden;transition:.35s}.sf-service-card:nth-child(2n){border-right:0}.sf-service-card:nth-child(n+3){border-bottom:0}.sf-service-card:before{content:'';position:absolute;inset:100% 0 0;background:var(--violet);transition:.4s;z-index:0}.sf-service-card:hover:before{inset:0}.sf-service-card>*{position:relative;z-index:1}.sf-service-card>div{display:flex;justify-content:space-between}.sf-service-card>div b{font-size:35px}.sf-service-card small{text-transform:uppercase;letter-spacing:1.5px;color:var(--yellow)}.sf-service-card h3{font:700 clamp(34px,4vw,62px)/1 'Space Grotesk';letter-spacing:-.05em;margin:15px 0}.sf-service-card p{font-size:17px;line-height:1.55;max-width:480px;color:var(--paper)}
.sf-thinking{display:grid;grid-template-columns:44% 56%;padding:0 var(--pad);background:var(--yellow)}.sf-thinking-sticky{height:100vh;position:sticky;top:0;padding:90px 7vw 70px 0;display:flex;flex-direction:column}.sf-thinking-sticky h2{margin-top:70px}.sf-thinking-sticky>p:last-child{margin-top:auto}.sf-thinking-orb{width:180px;height:180px;border-radius:50%;background:var(--orange);margin-top:50px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;animation:sf-breathe 4s ease-in-out infinite}.sf-thinking-orb span{font-size:24px}.sf-thinking-orb b{font:600 19px 'Space Grotesk'}@keyframes sf-breathe{50%{border-radius:38% 62% 55% 45%}}
.sf-thinking-scroll{border-left:1px solid}.sf-thinking-scroll article{min-height:76vh;padding:90px 6vw;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid}.sf-thinking-scroll article header{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1px}.sf-thinking-scroll h3{font:600 clamp(38px,5vw,75px)/1.03 'Space Grotesk';letter-spacing:-.055em;margin:80px 0 30px}.sf-thinking-scroll p{font-size:19px;line-height:1.55;max-width:560px}.sf-thinking-scroll a{margin-top:45px;text-decoration:underline;text-underline-offset:7px}
.sf-proof{padding:150px var(--pad);background:var(--paper);text-align:left}.sf-proof blockquote{margin-top:60px}.sf-proof blockquote em{font-style:normal;color:var(--orange)}.sf-footer{background:var(--violet);color:white;padding:110px var(--pad) 30px}.sf-footer h2{font-size:clamp(55px,8vw,125px)}.sf-footer h2 em{color:var(--yellow)}
@media(max-width:860px){.sf-nav{height:70px}.sf-hero{min-height:100svh;padding-top:120px}.sf-hero h1{font-size:19vw}.sf-hero-foot{display:flex;align-items:center}.sf-hero-foot>p{max-width:75%}.sf-statement{display:block;padding-block:80px}.sf-statement-copy{margin-top:55px}.sf-principles{grid-template-columns:1fr;margin-top:60px}.sf-principles article,.sf-principles article+article{padding:30px 0;border-right:0;border-bottom:1px solid;min-height:auto}.sf-flip{margin-top:30px}.sf-services{padding-block:80px}.sf-services header{display:block}.sf-services header>div{margin-top:35px}.sf-service-grid{grid-template-columns:1fr}.sf-service-card{min-height:400px;border-right:0!important;border-bottom:1px solid!important}.sf-thinking{display:block;padding:0}.sf-thinking-sticky{height:auto;position:relative;padding:80px var(--pad)}.sf-thinking-sticky h2{margin-top:50px}.sf-thinking-orb{width:130px;height:130px}.sf-thinking-sticky>p:last-child{margin-top:50px}.sf-thinking-scroll{border-left:0;border-top:1px solid}.sf-thinking-scroll article{padding:70px var(--pad);min-height:70vh}.sf-thinking-scroll h3{margin:60px 0 20px}.sf-proof{padding-block:90px}}
@media(prefers-reduced-motion:reduce){.sf-spark,.sf-thinking-orb{animation:none}.sf-down,.sf-flip,.sf-service-card:before{transition:none}}


/* SalesFlint reusable resource article template — 2026 */
body:has(.sf-resource-template){--ra-accent:#7770dd;--ra-tint:#f3f5f8;--ra-deep:#45408f;--ra-grid:rgba(69,64,143,.13)}
body:has(.sf-resource-template.sf-brand-anatomy){--ra-accent:#6e8a70;--ra-tint:#f2f7f3;--ra-deep:#344c37;--ra-grid:rgba(52,76,55,.13)}
body:has(.sf-resource-template.sf-editorial){--ra-accent:#7770dd;--ra-tint:#f3f5f8;--ra-deep:#45408f;--ra-grid:rgba(69,64,143,.13)}
body:has(.sf-resource-template.sf-trend-forecasts){--ra-accent:#df816d;--ra-tint:#faf2f0;--ra-deep:#8d4437;--ra-grid:rgba(141,68,55,.13)}
body:has(.sf-resource-template.sf-behind-byline){--ra-accent:#9b79c9;--ra-tint:#f3f0fa;--ra-deep:#5e3e87;--ra-grid:rgba(94,62,135,.13)}
main.sf-page-hero:has(.sf-resource-template){max-width:none;padding:clamp(54px,7vw,96px) var(--pad) 100px;background:linear-gradient(180deg,var(--ra-tint) 0,rgba(255,255,255,0) 720px)}
main.sf-page-hero:has(.sf-resource-template)>h1{font:600 clamp(40px,5vw,68px)/.98 'Space Grotesk';letter-spacing:-.055em;max-width:1120px;margin:26px auto 32px;text-wrap:balance}
.sf-resource-template{max-width:1180px;margin:0 auto;color:#202624}
.sf-resource-template .sf-article-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(34px,5vw,76px);align-items:end;margin-bottom:clamp(70px,9vw,126px)}
.sf-resource-template .sf-article-kicker{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0 0 -10px;font:600 11px 'DM Sans';letter-spacing:.12em;text-transform:uppercase}
.sf-resource-template .sf-article-kicker span{border:1px solid currentColor;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.45)}
.sf-resource-template .sf-article-intro{font-size:clamp(18px,2vw,26px);line-height:1.4;margin:0;color:#353b38}
.sf-resource-template .sf-article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:26px;font-size:13px;color:#5f6662}
.sf-resource-template .sf-article-hero{margin:0;border-radius:24px;overflow:hidden;background:var(--ra-accent);aspect-ratio:16/10;box-shadow:0 24px 70px rgba(32,38,36,.13)}
.sf-resource-template .sf-article-hero img,.sf-resource-template .sf-article-hero video{width:100%;height:100%;display:block;object-fit:cover}
.sf-resource-template .sf-article-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:clamp(46px,7vw,100px);align-items:start;justify-content:center}
.sf-resource-template .sf-article-toc{position:sticky;top:28px;border-top:3px solid var(--ra-accent);padding-top:17px;font-size:13px}
.admin-bar .sf-resource-template .sf-article-toc{top:60px}
.sf-resource-template .sf-article-toc strong{font:600 12px 'Space Grotesk';letter-spacing:.11em;text-transform:uppercase}
.sf-resource-template .sf-article-toc ol{padding-left:18px;margin:16px 0 0}
.sf-resource-template .sf-article-toc li{margin:0 0 10px;color:#626864;line-height:1.35}
.sf-resource-template .sf-article-toc a{text-decoration:none}
.sf-resource-template .sf-article-toc a:hover{color:var(--ra-deep)}
.sf-resource-template .sf-article-content{font-size:18px;line-height:1.72}
.sf-resource-template .sf-article-content>p{margin:0 0 28px}
.sf-resource-template .sf-article-content>p:first-child{font-size:clamp(20px,2vw,25px);line-height:1.5}
.sf-resource-template .sf-article-content h2{font:600 clamp(31px,4vw,48px)/1.08 'Space Grotesk';letter-spacing:-.04em;margin:80px 0 24px;scroll-margin-top:40px}
.sf-resource-template .sf-article-content h3{font:600 clamp(23px,2.7vw,31px)/1.16 'Space Grotesk';letter-spacing:-.025em;margin:52px 0 18px}
.sf-resource-template .sf-article-content h4{font:600 19px 'Space Grotesk';margin:38px 0 12px}
.sf-resource-template .sf-article-content ul,.sf-resource-template .sf-article-content ol{margin:0 0 30px;padding-left:1.35em}
.sf-resource-template .sf-article-content li{margin:10px 0;padding-left:5px}
.sf-resource-template .sf-article-content a{text-decoration:underline;text-decoration-color:var(--ra-accent);text-decoration-thickness:2px;text-underline-offset:3px}
.sf-resource-template .sf-article-content figure{margin:48px 0}
.sf-resource-template .sf-article-content figure img{display:block;width:100%;height:auto;border-radius:16px}
.sf-resource-template .sf-article-content figcaption{font-size:13px;line-height:1.5;color:#676e69;margin-top:12px}
.sf-resource-template .sf-pullquote{margin:58px 0;padding:36px 38px;border:1px solid var(--ra-grid);background-color:#fff;background-image:linear-gradient(var(--ra-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ra-grid) 1px,transparent 1px);background-size:16px 16px}
.sf-resource-template .sf-pullquote p{font:500 clamp(24px,3.1vw,37px)/1.25 'Space Grotesk';letter-spacing:-.035em;margin:0}
.sf-resource-template .sf-pullquote cite{display:block;margin-top:24px;font-style:normal;font-size:13px;font-weight:600}
.sf-resource-template .sf-callout{margin:42px 0;border:1px solid rgba(32,38,36,.18);border-left:5px solid var(--ra-accent);border-radius:0 14px 14px 0;background:var(--ra-tint);padding:24px 28px}
.sf-resource-template .sf-callout-label{display:block;color:var(--ra-deep);font:700 11px 'DM Sans';letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}
.sf-resource-template .sf-callout p:last-child{margin-bottom:0}
.sf-resource-template .sf-callout.sf-warning{--ra-accent:#df816d;--ra-tint:#faf2f0;--ra-deep:#8d4437}
.sf-resource-template .sf-key-stat{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin:46px 0;padding:28px 30px;background:#202624;color:#fff;border-radius:16px}
.sf-resource-template .sf-key-stat strong{font:600 clamp(42px,6vw,72px)/1 'Space Grotesk';color:var(--ra-accent)}
.sf-resource-template .sf-key-stat p{margin:0;font-size:16px;line-height:1.5}
.sf-resource-template .sf-process{display:grid;gap:1px;margin:44px 0;background:rgba(32,38,36,.15);border:1px solid rgba(32,38,36,.15);border-radius:16px;overflow:hidden}
.sf-resource-template .sf-process-step{display:grid;grid-template-columns:52px 1fr;gap:18px;background:#fff;padding:23px}
.sf-resource-template .sf-process-step b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--ra-accent);color:#fff;font:600 14px 'Space Grotesk'}
.sf-resource-template .sf-process-step h4{margin:1px 0 5px}
.sf-resource-template .sf-process-step p{margin:0;font-size:15px}
.sf-resource-template .sf-data-table{width:100%;border-collapse:collapse;margin:42px 0;font-size:15px}
.sf-resource-template .sf-data-table caption{text-align:left;font:600 23px 'Space Grotesk';margin-bottom:14px}
.sf-resource-template .sf-data-table th,.sf-resource-template .sf-data-table td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid rgba(32,38,36,.17)}
.sf-resource-template .sf-data-table th{background:var(--ra-tint);font-weight:600}
.sf-resource-template .sf-further-reading{margin:44px 0;padding:24px 28px;border-top:1px solid var(--ra-accent);border-bottom:1px solid var(--ra-accent)}
.sf-resource-template .sf-further-reading strong{display:block;font:700 11px 'DM Sans';letter-spacing:.13em;text-transform:uppercase;color:var(--ra-deep);margin-bottom:10px}
.sf-resource-template .sf-article-end{margin-top:80px;padding-top:30px;border-top:1px solid rgba(32,38,36,.18);font-size:14px;color:#626864}
@media(max-width:900px){
 main.sf-page-hero:has(.sf-resource-template){padding-top:40px}
 .sf-resource-template .sf-article-head{grid-template-columns:1fr}
 .sf-resource-template .sf-article-kicker{margin-bottom:0}
 .sf-resource-template .sf-article-hero{min-width:0}
 .sf-resource-template .sf-article-layout{grid-template-columns:1fr}
 .sf-resource-template .sf-article-toc{position:relative;top:auto;border:1px solid rgba(32,38,36,.16);border-top:3px solid var(--ra-accent);padding:18px 22px;border-radius:12px}
}
@media(max-width:600px){
 main.sf-page-hero:has(.sf-resource-template)>h1{font-size:clamp(38px,12vw,56px);margin-top:18px}
 .sf-resource-template .sf-article-content{font-size:17px;line-height:1.68}
 .sf-resource-template .sf-article-content h2{margin-top:62px}
 .sf-resource-template .sf-pullquote{padding:28px 24px}
 .sf-resource-template .sf-key-stat{grid-template-columns:1fr;gap:10px}
}


/* Resource template editor normalization */
.sf-resource-template .sf-article-toc>p:empty,
.sf-resource-template .sf-article-kicker>p:empty,
.sf-resource-template .sf-article-meta>p:empty,
.sf-resource-template .sf-callout>p:empty,
.sf-resource-template .sf-key-stat>p:empty,
.sf-resource-template .sf-process-step>p:empty{display:none!important}
.sf-resource-template .sf-process-step{grid-template-columns:52px minmax(0,1fr)}
.sf-resource-template .sf-process-step>div{min-width:0}
@media(max-width:900px){.sf-resource-template .sf-article-toc{margin-bottom:28px}}


/* Cross-page interaction and layout refinements */
.nf-clients header .nf-client-count{grid-column:3;grid-row:2;width:auto;margin:18px 0 38px;align-self:start;justify-self:start}
.rs-collection header .rs-collection-link{grid-column:3;grid-row:2;justify-self:start;display:inline-flex;align-items:center;margin-top:18px;padding-bottom:6px;border-bottom:1px solid currentColor;font-weight:600;font-size:14px}
.rs-collection header .rs-collection-link:hover{color:var(--blue)}
.rs-collection,.sv-detail article{scroll-margin-top:92px}
.ab-riya .ab-riya-portrait{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;background:transparent;color:var(--ink);border-radius:0;overflow:visible}
.ab-riya-portrait figure{margin:0;overflow:hidden;border-radius:28px;background:var(--paper-deep);aspect-ratio:4/5}
.ab-riya-portrait figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.ab-riya-portrait blockquote{margin:22px 0 0;padding:24px 4px 0;border-top:1px solid var(--line);font:500 clamp(23px,2.5vw,34px)/1.22 'Space Grotesk';letter-spacing:-.035em;color:var(--ink)}
@media(max-width:800px){
 .nf-clients header .nf-client-count{grid-column:1/-1;grid-row:auto;margin:10px 0 30px}
 .rs-collection header .rs-collection-link{grid-column:1/-1;grid-row:auto;margin-top:8px}
 .ab-riya .ab-riya-portrait{margin-top:28px}
}


/* Resources collection thumbnails and About portrait cleanup */
.sf-page-hero .collection-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin-top:56px!important;border:0!important}
.sf-page-hero .collection-links>a{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto 1fr!important;align-items:start!important;padding:0 0 24px!important;min-height:0!important;border:1px solid var(--line)!important;border-radius:20px!important;overflow:hidden!important;background:var(--cream)!important}
.sf-page-hero .collection-links>a::before{content:""!important;display:block!important;grid-column:1/-1!important;aspect-ratio:16/10!important;border-bottom:1px solid var(--line)!important;background:linear-gradient(135deg,var(--blue) 0 48%,#fff 48% 54%,var(--coral) 54% 100%)!important}
.sf-page-hero .collection-links>a:nth-child(2)::before{background:radial-gradient(circle at 72% 30%,var(--acid) 0 18%,transparent 18%),linear-gradient(145deg,#202624 0 50%,var(--sage) 50%)!important}
.sf-page-hero .collection-links>a:nth-child(3)::before{background:linear-gradient(35deg,var(--sand) 0 33%,var(--coral) 33% 66%,var(--blue) 66%)!important}
.sf-page-hero .collection-links>a:nth-child(4)::before{background:radial-gradient(circle at 30% 35%,var(--coral) 0 16%,transparent 16%),linear-gradient(135deg,var(--paper-deep),var(--blue))!important}
.sf-page-hero .collection-links>a:nth-child(5)::before{background:linear-gradient(90deg,var(--sage) 0 25%,var(--acid) 25% 50%,var(--sand) 50% 75%,var(--coral) 75%)!important}
.sf-page-hero .collection-links>a>span{grid-column:1/-1!important;margin:19px 22px 8px!important;color:var(--coral)!important;font-size:11px!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.sf-page-hero .collection-links>a>strong{grid-column:1!important;margin:0 12px 0 22px!important;font:600 clamp(21px,2.1vw,30px)/1.12 'Space Grotesk'!important;letter-spacing:-.025em!important}
.sf-page-hero .collection-links>a>b{grid-column:2!important;grid-row:3!important;margin:4px 22px 0 0!important;font-size:20px!important;color:var(--blue)!important}
.sf-page-hero .collection-links>a:hover{transform:translateY(-5px)!important;box-shadow:0 18px 45px rgba(32,38,36,.11)!important}
.ab-riya .ab-riya-portrait::before,.ab-riya .ab-riya-portrait::after{display:none!important;content:none!important}
.ab-story aside .ab-founder-quote{margin:22px 0 0;padding:22px 4px 0;border-top:1px solid var(--line);font:500 clamp(22px,2.4vw,32px)/1.24 'Space Grotesk';letter-spacing:-.03em;color:var(--ink)}
@media(max-width:900px){.sf-page-hero .collection-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.sf-page-hero .collection-links{grid-template-columns:1fr!important}}


/* Same-page tabs, aligned portraits, and tighter client count */
.nf-clients header .nf-client-summary{grid-column:3;grid-row:1/span 2;display:flex;flex-direction:column;align-items:flex-start;align-self:start}
.nf-clients header .nf-client-summary>p:first-child{margin:0}
.nf-clients header .nf-client-summary .nf-client-count{width:auto;margin:16px 0 0;display:flex;align-items:flex-end;gap:14px}
.ab-story{grid-template-columns:minmax(320px,37.5%) minmax(0,1fr)!important}
.ab-story>aside,.ab-riya>.ab-riya-portrait{width:100%!important}
.ab-story .ab-photo,.ab-riya-portrait figure{width:100%!important;aspect-ratio:4/5!important}
.ab-story aside .ab-founder-quote,.ab-riya .ab-riya-portrait blockquote{margin:22px 0 0!important;padding:24px 4px 0!important;border-top:1px solid var(--line)!important;font-family:Manrope,'DM Sans',sans-serif!important;font-size:clamp(23px,3vw,38.4px)!important;font-weight:550!important;font-style:normal!important;line-height:1.14!important;letter-spacing:-.035em!important;color:var(--ink)!important}
@media(max-width:800px){
 .nf-clients header .nf-client-summary{grid-column:1/-1;grid-row:auto}
 .ab-story{grid-template-columns:1fr!important}
}

.ab-story{grid-template-columns:minmax(320px,397.5px) minmax(0,1fr)!important}

.ab-story{grid-template-columns:minmax(280px,325.675px) minmax(0,1fr)!important}
.ab-riya{grid-template-columns:minmax(0,1fr) minmax(280px,325.675px)!important}
@media(max-width:800px){.ab-story,.ab-riya{grid-template-columns:1fr!important}.ab-story>aside,.ab-riya>.ab-riya-portrait{max-width:325.675px}}

.nf-client-rail:nth-child(1) .nf-client-track{animation-duration:84s!important}
.nf-client-rail:nth-child(2) .nf-client-track{animation-duration:96s!important}


/* Resource article inline TOC refinement */
.sf-resource-template .sf-article-title{font-size:clamp(2.65rem,4vw,4rem);line-height:1.04;letter-spacing:-.035em;max-width:15ch}
.sf-resource-template .sf-article-layout.sf-toc-inline{display:block;max-width:1180px;margin-inline:auto}
.sf-resource-template .sf-article-layout.sf-toc-inline .sf-article-content{width:auto;max-width:840px;margin-inline:auto}
.sf-resource-template .sf-inline-toc{position:static;width:auto;margin:2.25rem 0 3.25rem;padding:1.4rem 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.sf-resource-template .sf-inline-toc strong{display:block;margin-bottom:1rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.sf-resource-template .sf-inline-toc ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1.5rem;margin:0;padding:0;list-style-position:inside}
.sf-resource-template .sf-inline-toc a{text-decoration:none}
@media(max-width:767px){.sf-resource-template .sf-article-title{font-size:clamp(2.25rem,11vw,3.35rem);max-width:none}.sf-resource-template .sf-inline-toc ol{grid-template-columns:1fr}.sf-resource-template .sf-inline-toc{margin:1.75rem 0 2.5rem}}


/* Resource template override for legacy Custom CSS */
.sf-resource-template .sf-article-title{font-size:clamp(2.65rem,4vw,4rem)!important;line-height:1.04!important;letter-spacing:-.035em!important;max-width:15ch!important}
.sf-resource-template .sf-article-layout.sf-toc-inline{display:block!important;grid-template-columns:none!important;gap:0!important;width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:64px var(--pad) 110px!important}
.sf-resource-template .sf-article-layout.sf-toc-inline .sf-article-content{width:auto!important;max-width:840px!important;margin:0 auto!important}
.sf-resource-template .sf-article-toc.sf-inline-toc{position:static!important;top:auto!important;width:auto!important;border-right:0!important;border-bottom:1px solid currentColor!important}
@media(max-width:767px){.sf-resource-template .sf-article-title{font-size:clamp(2.25rem,11vw,3.35rem)!important}.sf-resource-template .sf-article-layout.sf-toc-inline{padding:38px 20px 80px!important}}


/* Compact article masthead and vertical TOC */
.sf-resource-template .sf-article-title{font-size:20px!important;line-height:1.3!important;letter-spacing:-.01em!important;max-width:38rem!important;margin-bottom:16px!important}
.sf-resource-template .sf-article-intro{font-size:16px!important;line-height:1.6!important;max-width:42rem!important}
.sf-resource-template .sf-inline-toc ol{display:block!important;grid-template-columns:none!important}
.sf-resource-template .sf-inline-toc li{display:block!important;margin:0!important;padding:10px 0!important;border-bottom:1px solid rgba(23,23,20,.14)}
.sf-resource-template .sf-inline-toc li:last-child{border-bottom:0}
.sf-resource-template .sf-article-hero{width:480px!important;max-width:100%!important;min-height:0!important;justify-self:start!important;align-self:start!important}
.sf-resource-template .sf-article-hero img{display:block!important;width:100%!important;height:auto!important;max-height:360px!important;object-fit:cover!important}
@media(max-width:767px){.sf-resource-template .sf-article-title{font-size:20px!important}.sf-resource-template .sf-article-intro{font-size:16px!important}.sf-resource-template .sf-article-hero{max-width:100%!important}.sf-resource-template .sf-article-hero img{max-height:280px!important}}

body .sf-resource-template .sf-article-head > .sf-article-hero{width:480px!important;max-width:100%!important}
@media(max-width:767px){body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important}}

/* HubSpot-inspired article masthead scale */
body .sf-resource-template .sf-article-title{font-size:40px!important;line-height:1.08!important;letter-spacing:-.025em!important;max-width:42rem!important}
body .sf-resource-template .sf-article-intro{font-size:18px!important;line-height:1.55!important;max-width:42rem!important}
@media(max-width:767px){body .sf-resource-template .sf-article-title{font-size:32px!important;line-height:1.12!important}body .sf-resource-template .sf-article-intro{font-size:17px!important;line-height:1.55!important}}

/* Slightly larger article featured image */
body .sf-resource-template .sf-article-head > .sf-article-hero{width:560px!important;max-width:100%!important}
@media(max-width:767px){body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important}}

/* Larger, tighter article masthead */
body .sf-resource-template .sf-article-head{grid-template-columns:minmax(0,1fr) minmax(0,700px)!important;column-gap:28px!important;align-items:start!important}
body .sf-resource-template .sf-article-head > .sf-article-hero{width:700px!important;max-width:100%!important}
body .sf-resource-template .sf-article-head > .sf-article-hero img{width:100%!important;height:auto!important;max-height:none!important}
@media(max-width:900px){body .sf-resource-template .sf-article-head{grid-template-columns:1fr!important;row-gap:28px!important}body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important;max-width:700px!important}}

/* Refined article masthead spacing */
body .sf-resource-template .sf-article-head{grid-template-columns:minmax(0,1fr) minmax(0,620px)!important;column-gap:15px!important}
body .sf-resource-template .sf-article-head > .sf-article-hero{width:620px!important;max-width:100%!important}
@media(max-width:900px){body .sf-resource-template .sf-article-head{grid-template-columns:1fr!important;row-gap:20px!important}body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important;max-width:620px!important}}

/* Remove stretched whitespace on wide article headers */
@media(min-width:1401px){body .sf-resource-template .sf-article-head{grid-template-columns:minmax(0,700px) minmax(0,620px)!important;column-gap:15px!important;justify-content:start!important}body .sf-resource-template .sf-article-cover-copy{width:100%!important;max-width:700px!important}body .sf-resource-template .sf-article-head > .sf-article-hero{justify-self:start!important}}

/* Center the wide article masthead group */
@media(min-width:1401px){body .sf-resource-template .sf-article-head{justify-content:center!important}}

/* Resource collection page palettes */
.ar-page.ar-resource-brand-anatomy{background:linear-gradient(145deg,#e1f0e6,#f6faf6)}
.ar-page.ar-resource-brand-anatomy .ar-hero{background:linear-gradient(145deg,#e1f0e6,#f6faf6)}
.ar-page.ar-resource-brand-anatomy .ar-back{background:#e1f0e6}
.ar-page.ar-resource-the-editorial{background:linear-gradient(145deg,#e0eaf4,#f4f7fb)}
.ar-page.ar-resource-the-editorial .ar-hero{background:linear-gradient(145deg,#e0eaf4,#f4f7fb)}
.ar-page.ar-resource-the-editorial .ar-back{background:#e0eaf4}
.ar-page.ar-resource-trend-forecasts{background:linear-gradient(145deg,#f1dedb,#fbf5f3)}
.ar-page.ar-resource-trend-forecasts .ar-hero{background:linear-gradient(145deg,#f1dedb,#fbf5f3)}
.ar-page.ar-resource-trend-forecasts .ar-back{background:#f1dedb}
.ar-page.ar-resource-behind-the-byline{background:linear-gradient(145deg,#eee9fa,#faf9fd)}
.ar-page.ar-resource-behind-the-byline .ar-hero{background:linear-gradient(145deg,#eee9fa,#faf9fd)}
.ar-page.ar-resource-behind-the-byline .ar-back{background:#eee9fa}


/* Shared static gradient masthead for every resource article */
main.sf-page-hero:has(.sf-resource-template){padding-top:0!important}
body .sf-resource-template .sf-article-head{
  display:block!important;
  box-sizing:border-box!important;
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:none!important;
  min-height:clamp(460px,38vw,540px)!important;
  height:auto!important;
  margin-left:-50vw!important;
  margin-bottom:0!important;
  padding:clamp(72px,7.5vw,104px) max(var(--pad),calc((100vw - 1180px)/2 + var(--pad)))!important;
  background-color:#f6f4ef!important;
  background-image:url('https://salesflint.com/wp-content/uploads/2026/08/salesflint-bg-multicolor-4k-scaled.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
body .sf-resource-template .sf-article-cover-copy{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  padding:0!important;
  background:transparent!important;
}
body .sf-resource-template .sf-article-title{
  max-width:18ch!important;
  margin-left:0!important;
  color:#202624!important;
  text-align:left!important;
  text-wrap:balance;
}
body .sf-resource-template .sf-article-intro{
  width:100%!important;
  max-width:72rem!important;
  margin-left:0!important;
  color:#353b38!important;
  text-align:left!important;
}
body .sf-resource-template .sf-article-head > .sf-article-hero{
  display:none!important;
}
body .sf-resource-template .sf-article-layout.sf-toc-inline{
  padding-top:44px!important;
}
body .sf-resource-template .sf-article-content > :first-child{
  margin-top:0!important;
}
@media(max-width:767px){
  body .sf-resource-template .sf-article-head{
    min-height:auto!important;
    padding:56px 22px!important;
    background-position:center center!important;
  }
  body .sf-resource-template .sf-article-title{
    max-width:none!important;
  }
  body .sf-resource-template .sf-article-layout.sf-toc-inline{
    padding-top:32px!important;
  }
}


/* Template title alignment and WordPress paragraph cleanup */
body .sf-resource-template > p:empty:first-child{
  display:none!important;
  margin:0!important;
}
@media(min-width:768px){
  body .sf-resource-template .sf-title-single-line{
    width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    text-wrap:nowrap!important;
  }
}
body .sf-resource-template .sf-intro-spaced{
  margin-top:clamp(42px,4vw,60px)!important;
}
@media(max-width:767px){
  body .sf-resource-template .sf-title-single-line{
    width:auto!important;
    max-width:none!important;
    white-space:normal!important;
    text-wrap:balance!important;
  }
  body .sf-resource-template .sf-intro-spaced{
    margin-top:32px!important;
  }
}

.sf-pill:hover,.sf-button:hover{transform:translateY(-2px)}
.sf-hero{min-height:calc(100vh - 84px);padding:clamp(72px,9vh,118px) var(--pad) 48px;display:flex;flex-direction:column;justify-content:center}
.sf-hero-kicker{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}
.sf-hero h1,.sf-services h2,.sf-work h2,.sf-footer h2,.sf-page-hero h1{font:700 clamp(54px,9vw,138px)/.84 'Space Grotesk';letter-spacing:-.075em;margin:34px 0}
.sf-hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-top:14px}
.sf-hero-foot>p{font-size:clamp(18px,1.7vw,25px);max-width:620px;margin:0}
.sf-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:28px}
.sf-orbit{width:100px;height:100px;border:1px solid;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:10px;animation:sf-spin 18s linear infinite}
@keyframes sf-spin{to{transform:rotate(360deg)}}
.sf-ticker{overflow:hidden;white-space:nowrap;background:var(--ink);color:var(--acid);padding:16px 0;font:600 16px 'Space Grotesk'}
.sf-track{display:flex;width:max-content;animation:sf-scroll 28s linear infinite}
.sf-track span{padding-right:50px}
@keyframes sf-scroll{to{transform:translateX(-50%)}}

.sf-statement{padding:clamp(90px,12vw,170px) var(--pad);display:grid;grid-template-columns:minmax(150px,1fr) 2.25fr;gap:42px;border-bottom:1px solid var(--line)}
.sf-statement-copy h2{font:600 clamp(44px,6.3vw,92px)/.97 'Space Grotesk';letter-spacing:-.06em;margin:0;max-width:1050px}
.sf-lead{font-size:clamp(20px,2.2vw,32px);max-width:900px;color:#35352f}
.sf-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.sf-principles article{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:275px;display:flex;flex-direction:column;transition:transform .3s,background .3s}
.sf-principles article:hover{transform:translateY(-5px);background:#fff}
.sf-principles span{font-size:11px;color:var(--muted)}
.sf-principles h3{font:600 clamp(25px,2.2vw,34px) 'Space Grotesk';margin:55px 0 8px}
.sf-principles p{margin-top:auto;color:var(--muted)}
.sf-arrow{grid-column:2;width:max-content;font-weight:600;margin-top:20px;border-bottom:1px solid;padding-bottom:7px}

.sf-services{background:var(--ink);color:#f7f2e8;padding:clamp(90px,10vw,150px) var(--pad)}
.sf-services header,.sf-work header{display:grid;grid-template-columns:minmax(150px,1fr) 2.25fr;gap:42px}
.sf-services header h2,.sf-work header h2{font-size:clamp(52px,7.5vw,115px);margin:0}
.sf-services header>div>p{max-width:520px;color:#bdb9b0;font-size:18px}
.sf-service-list{margin:80px 0 0 31%}
.sf-service-row{border-top:1px solid #4b4b47;padding:31px 0;display:grid;grid-template-columns:46px minmax(240px,.85fr) 1.25fr 28px;gap:22px;align-items:start;transition:padding .25s,color .25s}
.sf-service-row:last-child{border-bottom:1px solid #4b4b47}
.sf-service-row:hover{color:var(--acid);padding-left:10px}
.sf-service-row h3{font:500 clamp(24px,2.7vw,39px)/1.05 'Space Grotesk';margin:0}
.sf-service-row p{color:#bdb9b0;margin:0;font-size:15px}

.sf-calm-break{background:var(--sage);padding:clamp(90px,13vw,190px) var(--pad);display:grid;grid-template-columns:1fr 2.25fr;gap:42px}
.sf-calm-break>p:last-child{font:500 clamp(42px,6vw,88px)/1.02 'Space Grotesk';letter-spacing:-.055em;margin:0}
.sf-calm-break em{font-style:normal;color:#40503c}

.sf-work{padding:clamp(90px,10vw,150px) var(--pad)}
.sf-work header>div>p{max-width:560px;color:var(--muted);font-size:18px}
.sf-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:72px}
.sf-card{min-height:430px;padding:32px;border-radius:var(--radius);display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.sf-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(23,23,20,.12)}
.sf-card small{letter-spacing:.1em;font-size:10px;font-weight:600}
.sf-card h3{font:600 clamp(28px,3.5vw,52px)/1.04 'Space Grotesk';letter-spacing:-.045em;max-width:760px}
.sf-card strong{margin-top:auto}
.sf-card-sage{background:var(--sage)}
.sf-card-sand{background:var(--sand)}
.sf-card-blue{background:var(--blue);color:#fff}
.sf-card-coral{background:var(--coral)}
.sf-proof{padding:clamp(110px,14vw,200px) var(--pad);text-align:center;background:var(--cream)}
.sf-proof blockquote{font:600 clamp(40px,6.2vw,92px)/1.05 'Space Grotesk';letter-spacing:-.055em;margin:36px auto 0}
.sf-proof blockquote em{font-style:normal;color:var(--blue)}

.sf-footer{background:var(--acid);padding:100px var(--pad) 30px}
.sf-footer h2{font-size:clamp(55px,8vw,125px)}
.sf-footer>a{font-weight:600;border-bottom:1px solid}
.sf-footer-row{border-top:1px solid;margin-top:100px;padding-top:22px;display:flex;justify-content:space-between;font-size:13px}

.sf-page-hero{min-height:760px;padding:120px var(--pad) 72px;display:flex;flex-direction:column;justify-content:center}
.sf-page-hero h1{font-size:clamp(60px,8.5vw,132px)}
.sf-page-hero>p:not(.sf-eye){font-size:clamp(19px,2vw,28px);max-width:720px;color:var(--muted)}
.sf-page-hero .sf-button{width:max-content;margin-top:22px}
.sf-service-detail{background:var(--ink);color:#f7f2e8;padding:50px var(--pad) 100px}
.sf-service-detail article{display:grid;grid-template-columns:minmax(170px,1fr) 2.25fr;gap:42px;padding:clamp(80px,9vw,130px) 0;border-top:1px solid #565650;scroll-margin-top:30px}
.sf-service-index>span{font:600 clamp(42px,5vw,76px) 'Space Grotesk';color:#77766f}
.sf-service-detail h2{font:600 clamp(42px,5.5vw,82px)/.98 'Space Grotesk';letter-spacing:-.055em;margin:0 0 30px}
.sf-service-detail h3{font:600 20px 'Space Grotesk';margin-top:48px}
.sf-service-intro{color:#cfcbc1;font-size:clamp(18px,1.6vw,23px);max-width:850px}
.sf-service-detail ul{columns:2;gap:36px;padding:0;list-style:none;margin:20px 0 45px}
.sf-service-detail li{break-inside:avoid;border-top:1px solid #4d4d48;padding:13px 0;color:#cfcbc1}
.sf-service-detail li:before{content:"✦";color:var(--acid);margin-right:10px}
.sf-service-detail a{color:var(--acid);font-weight:600;border-bottom:1px solid;padding-bottom:7px}

@media(max-width:860px){
  .sf-nav{height:70px}.sf-menu{gap:12px}.sf-menu>a:not(.sf-pill){display:none}.sf-pill{padding:12px 16px}
  .sf-hero{min-height:760px;padding-top:72px}.sf-hero-kicker>span{display:none}
  .sf-hero h1{font-size:clamp(36px,10.5vw,52px);line-height:.9;margin:40px 0;letter-spacing:-.07em}
  .sf-hero-foot{grid-template-columns:1fr}.sf-hero-actions{justify-content:space-between}
  .sf-statement,.sf-services header,.sf-work header,.sf-calm-break,.sf-service-detail article{display:block}
  .sf-principles{grid-template-columns:1fr}.sf-principles article{min-height:230px}
  .sf-arrow{grid-column:auto}.sf-service-list{margin-left:0;margin-top:60px}
  .sf-service-row{grid-template-columns:34px 1fr 25px}.sf-service-row p{grid-column:2}
  .sf-calm-break>p:last-child{margin-top:42px}.sf-cards{grid-template-columns:1fr}
  .sf-card{min-height:350px}.sf-service-detail ul{columns:1}
  .sf-footer-row{gap:18px;flex-wrap:wrap}.sf-page-hero{min-height:680px;padding-top:95px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sf-track,.sf-orbit{animation:none}.sf-card,.sf-service-row{transition:none}}

/* SalesFlint kinetic editorial redesign — July 2026 */
:root{--ink:#171713;--paper:#f4f0e8;--violet:#7057ff;--orange:#ff4e2f;--yellow:#ffcf55;--line:rgba(23,23,19,.28)}
body{background:var(--paper);color:var(--ink);overflow-x:hidden}.sf-nav{height:84px;position:absolute;inset:0 0 auto;background:transparent;border-color:var(--line);z-index:50}.sf-brand{font-family:'Space Grotesk',sans-serif;font-size:24px}.sf-pill{background:var(--ink)}
.sf-hero{min-height:100svh;padding:140px var(--pad) 55px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 84% 23%,var(--yellow) 0 7%,transparent 7.2%),radial-gradient(circle at 78% 31%,var(--orange) 0 3%,transparent 3.2%),var(--paper)}
.sf-hero-kicker{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink)}.sf-hero h1{font:700 clamp(64px,11.7vw,180px)/.78 'Space Grotesk';letter-spacing:-.085em;margin:6vh 0}.sf-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--violet)}.sf-hero-foot{display:flex;justify-content:space-between;align-items:end}.sf-hero-foot>p{font-size:clamp(18px,2vw,28px);line-height:1.35;max-width:680px;margin:0}.sf-down{width:74px;height:74px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:28px;transition:.3s}.sf-down:hover{transform:rotate(-35deg);background:var(--ink);color:white}.sf-spark{position:absolute;font-style:normal;color:var(--violet);font-size:40px;animation:sf-spin 8s linear infinite}.sf-spark-a{top:25%;left:60%}.sf-spark-b{bottom:23%;right:22%;color:var(--orange);font-size:24px}
.sf-ticker{background:var(--violet);color:white;border-block:1px solid var(--ink);padding:17px 0}.sf-track span{padding-right:55px}.sf-statement{padding:120px var(--pad);display:grid;grid-template-columns:1fr 2.1fr;gap:5vw;border-bottom:0}.sf-statement-copy>p{font-size:20px;margin-top:0}.sf-statement-copy h2,.sf-services h2,.sf-thinking h2,.sf-proof blockquote{font:700 clamp(48px,7vw,108px)/.92 'Space Grotesk';letter-spacing:-.065em;margin:0}.sf-statement-copy h2 em,.sf-thinking h2 em{font-style:normal;color:var(--violet)}
.sf-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:100px;border-top:1px solid}.sf-principles article{background:transparent;border:0;border-right:1px solid;border-radius:0;padding:25px 30px 50px 0;min-height:430px;display:block}.sf-principles article+article{padding-left:30px}.sf-principles article:last-child{border-right:0}.sf-principles article:hover{transform:none;background:transparent}.sf-principles h3{font:700 27px 'Space Grotesk';margin:45px 0 15px}.sf-principles p{color:var(--ink);max-width:330px}.sf-flip{width:66px;height:66px;display:grid;place-items:center;background:var(--yellow);border-radius:16px;font-size:30px;margin-top:70px;transition:.7s transform,.35s background;transform-style:preserve-3d}.sf-principles article:hover .sf-flip{transform:rotateY(180deg);background:var(--orange)}
.sf-services{background:var(--ink);color:var(--paper);padding:110px var(--pad)}.sf-services header{display:grid;grid-template-columns:.6fr 2fr;gap:4vw}.sf-services header>div>p{font-size:18px;color:#cbc7bc}.sf-services h2 em{font-style:normal;color:var(--yellow)}.sf-service-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #ffffff55;margin-top:80px}.sf-service-card{min-height:480px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #ffffff55;border-bottom:1px solid #ffffff55;position:relative;overflow:hidden;transition:.35s}.sf-service-card:nth-child(2n){border-right:0}.sf-service-card:nth-child(n+3){border-bottom:0}.sf-service-card:before{content:'';position:absolute;inset:100% 0 0;background:var(--violet);transition:.4s;z-index:0}.sf-service-card:hover:before{inset:0}.sf-service-card>*{position:relative;z-index:1}.sf-service-card>div{display:flex;justify-content:space-between}.sf-service-card>div b{font-size:35px}.sf-service-card small{text-transform:uppercase;letter-spacing:1.5px;color:var(--yellow)}.sf-service-card h3{font:700 clamp(34px,4vw,62px)/1 'Space Grotesk';letter-spacing:-.05em;margin:15px 0}.sf-service-card p{font-size:17px;line-height:1.55;max-width:480px;color:var(--paper)}
.sf-thinking{display:grid;grid-template-columns:44% 56%;padding:0 var(--pad);background:var(--yellow)}.sf-thinking-sticky{height:100vh;position:sticky;top:0;padding:90px 7vw 70px 0;display:flex;flex-direction:column}.sf-thinking-sticky h2{margin-top:70px}.sf-thinking-sticky>p:last-child{margin-top:auto}.sf-thinking-orb{width:180px;height:180px;border-radius:50%;background:var(--orange);margin-top:50px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;animation:sf-breathe 4s ease-in-out infinite}.sf-thinking-orb span{font-size:24px}.sf-thinking-orb b{font:600 19px 'Space Grotesk'}@keyframes sf-breathe{50%{border-radius:38% 62% 55% 45%}}
.sf-thinking-scroll{border-left:1px solid}.sf-thinking-scroll article{min-height:76vh;padding:90px 6vw;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid}.sf-thinking-scroll article header{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1px}.sf-thinking-scroll h3{font:600 clamp(38px,5vw,75px)/1.03 'Space Grotesk';letter-spacing:-.055em;margin:80px 0 30px}.sf-thinking-scroll p{font-size:19px;line-height:1.55;max-width:560px}.sf-thinking-scroll a{margin-top:45px;text-decoration:underline;text-underline-offset:7px}
.sf-proof{padding:150px var(--pad);background:var(--paper);text-align:left}.sf-proof blockquote{margin-top:60px}.sf-proof blockquote em{font-style:normal;color:var(--orange)}.sf-footer{background:var(--violet);color:white;padding:110px var(--pad) 30px}.sf-footer h2{font-size:clamp(55px,8vw,125px)}.sf-footer h2 em{color:var(--yellow)}
@media(max-width:860px){.sf-nav{height:70px}.sf-hero{min-height:100svh;padding-top:120px}.sf-hero h1{font-size:19vw}.sf-hero-foot{display:flex;align-items:center}.sf-hero-foot>p{max-width:75%}.sf-statement{display:block;padding-block:80px}.sf-statement-copy{margin-top:55px}.sf-principles{grid-template-columns:1fr;margin-top:60px}.sf-principles article,.sf-principles article+article{padding:30px 0;border-right:0;border-bottom:1px solid;min-height:auto}.sf-flip{margin-top:30px}.sf-services{padding-block:80px}.sf-services header{display:block}.sf-services header>div{margin-top:35px}.sf-service-grid{grid-template-columns:1fr}.sf-service-card{min-height:400px;border-right:0!important;border-bottom:1px solid!important}.sf-thinking{display:block;padding:0}.sf-thinking-sticky{height:auto;position:relative;padding:80px var(--pad)}.sf-thinking-sticky h2{margin-top:50px}.sf-thinking-orb{width:130px;height:130px}.sf-thinking-sticky>p:last-child{margin-top:50px}.sf-thinking-scroll{border-left:0;border-top:1px solid}.sf-thinking-scroll article{padding:70px var(--pad);min-height:70vh}.sf-thinking-scroll h3{margin:60px 0 20px}.sf-proof{padding-block:90px}}
@media(prefers-reduced-motion:reduce){.sf-spark,.sf-thinking-orb{animation:none}.sf-down,.sf-flip,.sf-service-card:before{transition:none}}


/* SalesFlint reusable resource article template — 2026 */
body:has(.sf-resource-template){--ra-accent:#7770dd;--ra-tint:#f3f5f8;--ra-deep:#45408f;--ra-grid:rgba(69,64,143,.13)}
body:has(.sf-resource-template.sf-brand-anatomy){--ra-accent:#6e8a70;--ra-tint:#f2f7f3;--ra-deep:#344c37;--ra-grid:rgba(52,76,55,.13)}
body:has(.sf-resource-template.sf-editorial){--ra-accent:#7770dd;--ra-tint:#f3f5f8;--ra-deep:#45408f;--ra-grid:rgba(69,64,143,.13)}
body:has(.sf-resource-template.sf-trend-forecasts){--ra-accent:#df816d;--ra-tint:#faf2f0;--ra-deep:#8d4437;--ra-grid:rgba(141,68,55,.13)}
body:has(.sf-resource-template.sf-behind-byline){--ra-accent:#9b79c9;--ra-tint:#f3f0fa;--ra-deep:#5e3e87;--ra-grid:rgba(94,62,135,.13)}
main.sf-page-hero:has(.sf-resource-template){max-width:none;padding:clamp(54px,7vw,96px) var(--pad) 100px;background:linear-gradient(180deg,var(--ra-tint) 0,rgba(255,255,255,0) 720px)}
main.sf-page-hero:has(.sf-resource-template)>h1{font:600 clamp(40px,5vw,68px)/.98 'Space Grotesk';letter-spacing:-.055em;max-width:1120px;margin:26px auto 32px;text-wrap:balance}
.sf-resource-template{max-width:1180px;margin:0 auto;color:#202624}
.sf-resource-template .sf-article-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(34px,5vw,76px);align-items:end;margin-bottom:clamp(70px,9vw,126px)}
.sf-resource-template .sf-article-kicker{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0 0 -10px;font:600 11px 'DM Sans';letter-spacing:.12em;text-transform:uppercase}
.sf-resource-template .sf-article-kicker span{border:1px solid currentColor;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.45)}
.sf-resource-template .sf-article-intro{font-size:clamp(18px,2vw,26px);line-height:1.4;margin:0;color:#353b38}
.sf-resource-template .sf-article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:26px;font-size:13px;color:#5f6662}
.sf-resource-template .sf-article-hero{margin:0;border-radius:24px;overflow:hidden;background:var(--ra-accent);aspect-ratio:16/10;box-shadow:0 24px 70px rgba(32,38,36,.13)}
.sf-resource-template .sf-article-hero img,.sf-resource-template .sf-article-hero video{width:100%;height:100%;display:block;object-fit:cover}
.sf-resource-template .sf-article-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:clamp(46px,7vw,100px);align-items:start;justify-content:center}
.sf-resource-template .sf-article-toc{position:sticky;top:28px;border-top:3px solid var(--ra-accent);padding-top:17px;font-size:13px}
.admin-bar .sf-resource-template .sf-article-toc{top:60px}
.sf-resource-template .sf-article-toc strong{font:600 12px 'Space Grotesk';letter-spacing:.11em;text-transform:uppercase}
.sf-resource-template .sf-article-toc ol{padding-left:18px;margin:16px 0 0}
.sf-resource-template .sf-article-toc li{margin:0 0 10px;color:#626864;line-height:1.35}
.sf-resource-template .sf-article-toc a{text-decoration:none}
.sf-resource-template .sf-article-toc a:hover{color:var(--ra-deep)}
.sf-resource-template .sf-article-content{font-size:18px;line-height:1.72}
.sf-resource-template .sf-article-content>p{margin:0 0 28px}
.sf-resource-template .sf-article-content>p:first-child{font-size:clamp(20px,2vw,25px);line-height:1.5}
.sf-resource-template .sf-article-content h2{font:600 clamp(31px,4vw,48px)/1.08 'Space Grotesk';letter-spacing:-.04em;margin:80px 0 24px;scroll-margin-top:40px}
.sf-resource-template .sf-article-content h3{font:600 clamp(23px,2.7vw,31px)/1.16 'Space Grotesk';letter-spacing:-.025em;margin:52px 0 18px}
.sf-resource-template .sf-article-content h4{font:600 19px 'Space Grotesk';margin:38px 0 12px}
.sf-resource-template .sf-article-content ul,.sf-resource-template .sf-article-content ol{margin:0 0 30px;padding-left:1.35em}
.sf-resource-template .sf-article-content li{margin:10px 0;padding-left:5px}
.sf-resource-template .sf-article-content a{text-decoration:underline;text-decoration-color:var(--ra-accent);text-decoration-thickness:2px;text-underline-offset:3px}
.sf-resource-template .sf-article-content figure{margin:48px 0}
.sf-resource-template .sf-article-content figure img{display:block;width:100%;height:auto;border-radius:16px}
.sf-resource-template .sf-article-content figcaption{font-size:13px;line-height:1.5;color:#676e69;margin-top:12px}
.sf-resource-template .sf-pullquote{margin:58px 0;padding:36px 38px;border:1px solid var(--ra-grid);background-color:#fff;background-image:linear-gradient(var(--ra-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ra-grid) 1px,transparent 1px);background-size:16px 16px}
.sf-resource-template .sf-pullquote p{font:500 clamp(24px,3.1vw,37px)/1.25 'Space Grotesk';letter-spacing:-.035em;margin:0}
.sf-resource-template .sf-pullquote cite{display:block;margin-top:24px;font-style:normal;font-size:13px;font-weight:600}
.sf-resource-template .sf-callout{margin:42px 0;border:1px solid rgba(32,38,36,.18);border-left:5px solid var(--ra-accent);border-radius:0 14px 14px 0;background:var(--ra-tint);padding:24px 28px}
.sf-resource-template .sf-callout-label{display:block;color:var(--ra-deep);font:700 11px 'DM Sans';letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}
.sf-resource-template .sf-callout p:last-child{margin-bottom:0}
.sf-resource-template .sf-callout.sf-warning{--ra-accent:#df816d;--ra-tint:#faf2f0;--ra-deep:#8d4437}
.sf-resource-template .sf-key-stat{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin:46px 0;padding:28px 30px;background:#202624;color:#fff;border-radius:16px}
.sf-resource-template .sf-key-stat strong{font:600 clamp(42px,6vw,72px)/1 'Space Grotesk';color:var(--ra-accent)}
.sf-resource-template .sf-key-stat p{margin:0;font-size:16px;line-height:1.5}
.sf-resource-template .sf-process{display:grid;gap:1px;margin:44px 0;background:rgba(32,38,36,.15);border:1px solid rgba(32,38,36,.15);border-radius:16px;overflow:hidden}
.sf-resource-template .sf-process-step{display:grid;grid-template-columns:52px 1fr;gap:18px;background:#fff;padding:23px}
.sf-resource-template .sf-process-step b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--ra-accent);color:#fff;font:600 14px 'Space Grotesk'}
.sf-resource-template .sf-process-step h4{margin:1px 0 5px}
.sf-resource-template .sf-process-step p{margin:0;font-size:15px}
.sf-resource-template .sf-data-table{width:100%;border-collapse:collapse;margin:42px 0;font-size:15px}
.sf-resource-template .sf-data-table caption{text-align:left;font:600 23px 'Space Grotesk';margin-bottom:14px}
.sf-resource-template .sf-data-table th,.sf-resource-template .sf-data-table td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid rgba(32,38,36,.17)}
.sf-resource-template .sf-data-table th{background:var(--ra-tint);font-weight:600}
.sf-resource-template .sf-further-reading{margin:44px 0;padding:24px 28px;border-top:1px solid var(--ra-accent);border-bottom:1px solid var(--ra-accent)}
.sf-resource-template .sf-further-reading strong{display:block;font:700 11px 'DM Sans';letter-spacing:.13em;text-transform:uppercase;color:var(--ra-deep);margin-bottom:10px}
.sf-resource-template .sf-article-end{margin-top:80px;padding-top:30px;border-top:1px solid rgba(32,38,36,.18);font-size:14px;color:#626864}
@media(max-width:900px){
 main.sf-page-hero:has(.sf-resource-template){padding-top:40px}
 .sf-resource-template .sf-article-head{grid-template-columns:1fr}
 .sf-resource-template .sf-article-kicker{margin-bottom:0}
 .sf-resource-template .sf-article-hero{min-width:0}
 .sf-resource-template .sf-article-layout{grid-template-columns:1fr}
 .sf-resource-template .sf-article-toc{position:relative;top:auto;border:1px solid rgba(32,38,36,.16);border-top:3px solid var(--ra-accent);padding:18px 22px;border-radius:12px}
}
@media(max-width:600px){
 main.sf-page-hero:has(.sf-resource-template)>h1{font-size:clamp(38px,12vw,56px);margin-top:18px}
 .sf-resource-template .sf-article-content{font-size:17px;line-height:1.68}
 .sf-resource-template .sf-article-content h2{margin-top:62px}
 .sf-resource-template .sf-pullquote{padding:28px 24px}
 .sf-resource-template .sf-key-stat{grid-template-columns:1fr;gap:10px}
}


/* Resource template editor normalization */
.sf-resource-template .sf-article-toc>p:empty,
.sf-resource-template .sf-article-kicker>p:empty,
.sf-resource-template .sf-article-meta>p:empty,
.sf-resource-template .sf-callout>p:empty,
.sf-resource-template .sf-key-stat>p:empty,
.sf-resource-template .sf-process-step>p:empty{display:none!important}
.sf-resource-template .sf-process-step{grid-template-columns:52px minmax(0,1fr)}
.sf-resource-template .sf-process-step>div{min-width:0}
@media(max-width:900px){.sf-resource-template .sf-article-toc{margin-bottom:28px}}


/* Cross-page interaction and layout refinements */
.nf-clients header .nf-client-count{grid-column:3;grid-row:2;width:auto;margin:18px 0 38px;align-self:start;justify-self:start}
.rs-collection header .rs-collection-link{grid-column:3;grid-row:2;justify-self:start;display:inline-flex;align-items:center;margin-top:18px;padding-bottom:6px;border-bottom:1px solid currentColor;font-weight:600;font-size:14px}
.rs-collection header .rs-collection-link:hover{color:var(--blue)}
.rs-collection,.sv-detail article{scroll-margin-top:92px}
.ab-riya .ab-riya-portrait{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;background:transparent;color:var(--ink);border-radius:0;overflow:visible}
.ab-riya-portrait figure{margin:0;overflow:hidden;border-radius:28px;background:var(--paper-deep);aspect-ratio:4/5}
.ab-riya-portrait figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.ab-riya-portrait blockquote{margin:22px 0 0;padding:24px 4px 0;border-top:1px solid var(--line);font:500 clamp(23px,2.5vw,34px)/1.22 'Space Grotesk';letter-spacing:-.035em;color:var(--ink)}
@media(max-width:800px){
 .nf-clients header .nf-client-count{grid-column:1/-1;grid-row:auto;margin:10px 0 30px}
 .rs-collection header .rs-collection-link{grid-column:1/-1;grid-row:auto;margin-top:8px}
 .ab-riya .ab-riya-portrait{margin-top:28px}
}


/* Resources collection thumbnails and About portrait cleanup */
.sf-page-hero .collection-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin-top:56px!important;border:0!important}
.sf-page-hero .collection-links>a{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto 1fr!important;align-items:start!important;padding:0 0 24px!important;min-height:0!important;border:1px solid var(--line)!important;border-radius:20px!important;overflow:hidden!important;background:var(--cream)!important}
.sf-page-hero .collection-links>a::before{content:""!important;display:block!important;grid-column:1/-1!important;aspect-ratio:16/10!important;border-bottom:1px solid var(--line)!important;background:linear-gradient(135deg,var(--blue) 0 48%,#fff 48% 54%,var(--coral) 54% 100%)!important}
.sf-page-hero .collection-links>a:nth-child(2)::before{background:radial-gradient(circle at 72% 30%,var(--acid) 0 18%,transparent 18%),linear-gradient(145deg,#202624 0 50%,var(--sage) 50%)!important}
.sf-page-hero .collection-links>a:nth-child(3)::before{background:linear-gradient(35deg,var(--sand) 0 33%,var(--coral) 33% 66%,var(--blue) 66%)!important}
.sf-page-hero .collection-links>a:nth-child(4)::before{background:radial-gradient(circle at 30% 35%,var(--coral) 0 16%,transparent 16%),linear-gradient(135deg,var(--paper-deep),var(--blue))!important}
.sf-page-hero .collection-links>a:nth-child(5)::before{background:linear-gradient(90deg,var(--sage) 0 25%,var(--acid) 25% 50%,var(--sand) 50% 75%,var(--coral) 75%)!important}
.sf-page-hero .collection-links>a>span{grid-column:1/-1!important;margin:19px 22px 8px!important;color:var(--coral)!important;font-size:11px!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.sf-page-hero .collection-links>a>strong{grid-column:1!important;margin:0 12px 0 22px!important;font:600 clamp(21px,2.1vw,30px)/1.12 'Space Grotesk'!important;letter-spacing:-.025em!important}
.sf-page-hero .collection-links>a>b{grid-column:2!important;grid-row:3!important;margin:4px 22px 0 0!important;font-size:20px!important;color:var(--blue)!important}
.sf-page-hero .collection-links>a:hover{transform:translateY(-5px)!important;box-shadow:0 18px 45px rgba(32,38,36,.11)!important}
.ab-riya .ab-riya-portrait::before,.ab-riya .ab-riya-portrait::after{display:none!important;content:none!important}
.ab-story aside .ab-founder-quote{margin:22px 0 0;padding:22px 4px 0;border-top:1px solid var(--line);font:500 clamp(22px,2.4vw,32px)/1.24 'Space Grotesk';letter-spacing:-.03em;color:var(--ink)}
@media(max-width:900px){.sf-page-hero .collection-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.sf-page-hero .collection-links{grid-template-columns:1fr!important}}


/* Same-page tabs, aligned portraits, and tighter client count */
.nf-clients header .nf-client-summary{grid-column:3;grid-row:1/span 2;display:flex;flex-direction:column;align-items:flex-start;align-self:start}
.nf-clients header .nf-client-summary>p:first-child{margin:0}
.nf-clients header .nf-client-summary .nf-client-count{width:auto;margin:16px 0 0;display:flex;align-items:flex-end;gap:14px}
.ab-story{grid-template-columns:minmax(320px,37.5%) minmax(0,1fr)!important}
.ab-story>aside,.ab-riya>.ab-riya-portrait{width:100%!important}
.ab-story .ab-photo,.ab-riya-portrait figure{width:100%!important;aspect-ratio:4/5!important}
.ab-story aside .ab-founder-quote,.ab-riya .ab-riya-portrait blockquote{margin:22px 0 0!important;padding:24px 4px 0!important;border-top:1px solid var(--line)!important;font-family:Manrope,'DM Sans',sans-serif!important;font-size:clamp(23px,3vw,38.4px)!important;font-weight:550!important;font-style:normal!important;line-height:1.14!important;letter-spacing:-.035em!important;color:var(--ink)!important}
@media(max-width:800px){
 .nf-clients header .nf-client-summary{grid-column:1/-1;grid-row:auto}
 .ab-story{grid-template-columns:1fr!important}
}

.ab-story{grid-template-columns:minmax(320px,397.5px) minmax(0,1fr)!important}

.ab-story{grid-template-columns:minmax(280px,325.675px) minmax(0,1fr)!important}
.ab-riya{grid-template-columns:minmax(0,1fr) minmax(280px,325.675px)!important}
@media(max-width:800px){.ab-story,.ab-riya{grid-template-columns:1fr!important}.ab-story>aside,.ab-riya>.ab-riya-portrait{max-width:325.675px}}

.nf-client-rail:nth-child(1) .nf-client-track{animation-duration:84s!important}
.nf-client-rail:nth-child(2) .nf-client-track{animation-duration:96s!important}


/* Resource article inline TOC refinement */
.sf-resource-template .sf-article-title{font-size:clamp(2.65rem,4vw,4rem);line-height:1.04;letter-spacing:-.035em;max-width:15ch}
.sf-resource-template .sf-article-layout.sf-toc-inline{display:block;max-width:1180px;margin-inline:auto}
.sf-resource-template .sf-article-layout.sf-toc-inline .sf-article-content{width:auto;max-width:840px;margin-inline:auto}
.sf-resource-template .sf-inline-toc{position:static;width:auto;margin:2.25rem 0 3.25rem;padding:1.4rem 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.sf-resource-template .sf-inline-toc strong{display:block;margin-bottom:1rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.sf-resource-template .sf-inline-toc ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1.5rem;margin:0;padding:0;list-style-position:inside}
.sf-resource-template .sf-inline-toc a{text-decoration:none}
@media(max-width:767px){.sf-resource-template .sf-article-title{font-size:clamp(2.25rem,11vw,3.35rem);max-width:none}.sf-resource-template .sf-inline-toc ol{grid-template-columns:1fr}.sf-resource-template .sf-inline-toc{margin:1.75rem 0 2.5rem}}


/* Resource template override for legacy Custom CSS */
.sf-resource-template .sf-article-title{font-size:clamp(2.65rem,4vw,4rem)!important;line-height:1.04!important;letter-spacing:-.035em!important;max-width:15ch!important}
.sf-resource-template .sf-article-layout.sf-toc-inline{display:block!important;grid-template-columns:none!important;gap:0!important;width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:64px var(--pad) 110px!important}
.sf-resource-template .sf-article-layout.sf-toc-inline .sf-article-content{width:auto!important;max-width:840px!important;margin:0 auto!important}
.sf-resource-template .sf-article-toc.sf-inline-toc{position:static!important;top:auto!important;width:auto!important;border-right:0!important;border-bottom:1px solid currentColor!important}
@media(max-width:767px){.sf-resource-template .sf-article-title{font-size:clamp(2.25rem,11vw,3.35rem)!important}.sf-resource-template .sf-article-layout.sf-toc-inline{padding:38px 20px 80px!important}}


/* Compact article masthead and vertical TOC */
.sf-resource-template .sf-article-title{font-size:20px!important;line-height:1.3!important;letter-spacing:-.01em!important;max-width:38rem!important;margin-bottom:16px!important}
.sf-resource-template .sf-article-intro{font-size:16px!important;line-height:1.6!important;max-width:42rem!important}
.sf-resource-template .sf-inline-toc ol{display:block!important;grid-template-columns:none!important}
.sf-resource-template .sf-inline-toc li{display:block!important;margin:0!important;padding:10px 0!important;border-bottom:1px solid rgba(23,23,20,.14)}
.sf-resource-template .sf-inline-toc li:last-child{border-bottom:0}
.sf-resource-template .sf-article-hero{width:480px!important;max-width:100%!important;min-height:0!important;justify-self:start!important;align-self:start!important}
.sf-resource-template .sf-article-hero img{display:block!important;width:100%!important;height:auto!important;max-height:360px!important;object-fit:cover!important}
@media(max-width:767px){.sf-resource-template .sf-article-title{font-size:20px!important}.sf-resource-template .sf-article-intro{font-size:16px!important}.sf-resource-template .sf-article-hero{max-width:100%!important}.sf-resource-template .sf-article-hero img{max-height:280px!important}}

body .sf-resource-template .sf-article-head > .sf-article-hero{width:480px!important;max-width:100%!important}
@media(max-width:767px){body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important}}

/* HubSpot-inspired article masthead scale */
body .sf-resource-template .sf-article-title{font-size:40px!important;line-height:1.08!important;letter-spacing:-.025em!important;max-width:42rem!important}
body .sf-resource-template .sf-article-intro{font-size:18px!important;line-height:1.55!important;max-width:42rem!important}
@media(max-width:767px){body .sf-resource-template .sf-article-title{font-size:32px!important;line-height:1.12!important}body .sf-resource-template .sf-article-intro{font-size:17px!important;line-height:1.55!important}}

/* Slightly larger article featured image */
body .sf-resource-template .sf-article-head > .sf-article-hero{width:560px!important;max-width:100%!important}
@media(max-width:767px){body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important}}

/* Larger, tighter article masthead */
body .sf-resource-template .sf-article-head{grid-template-columns:minmax(0,1fr) minmax(0,700px)!important;column-gap:28px!important;align-items:start!important}
body .sf-resource-template .sf-article-head > .sf-article-hero{width:700px!important;max-width:100%!important}
body .sf-resource-template .sf-article-head > .sf-article-hero img{width:100%!important;height:auto!important;max-height:none!important}
@media(max-width:900px){body .sf-resource-template .sf-article-head{grid-template-columns:1fr!important;row-gap:28px!important}body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important;max-width:700px!important}}

/* Refined article masthead spacing */
body .sf-resource-template .sf-article-head{grid-template-columns:minmax(0,1fr) minmax(0,620px)!important;column-gap:15px!important}
body .sf-resource-template .sf-article-head > .sf-article-hero{width:620px!important;max-width:100%!important}
@media(max-width:900px){body .sf-resource-template .sf-article-head{grid-template-columns:1fr!important;row-gap:20px!important}body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important;max-width:620px!important}}

/* Remove stretched whitespace on wide article headers */
@media(min-width:1401px){body .sf-resource-template .sf-article-head{grid-template-columns:minmax(0,700px) minmax(0,620px)!important;column-gap:15px!important;justify-content:start!important}body .sf-resource-template .sf-article-cover-copy{width:100%!important;max-width:700px!important}body .sf-resource-template .sf-article-head > .sf-article-hero{justify-self:start!important}}

/* Center the wide article masthead group */
@media(min-width:1401px){body .sf-resource-template .sf-article-head{justify-content:center!important}}

/* Resource collection page palettes */
.ar-page.ar-resource-brand-anatomy{background:linear-gradient(145deg,#e1f0e6,#f6faf6)}
.ar-page.ar-resource-brand-anatomy .ar-hero{background:linear-gradient(145deg,#e1f0e6,#f6faf6)}
.ar-page.ar-resource-brand-anatomy .ar-back{background:#e1f0e6}
.ar-page.ar-resource-the-editorial{background:linear-gradient(145deg,#e0eaf4,#f4f7fb)}
.ar-page.ar-resource-the-editorial .ar-hero{background:linear-gradient(145deg,#e0eaf4,#f4f7fb)}
.ar-page.ar-resource-the-editorial .ar-back{background:#e0eaf4}
.ar-page.ar-resource-trend-forecasts{background:linear-gradient(145deg,#f1dedb,#fbf5f3)}
.ar-page.ar-resource-trend-forecasts .ar-hero{background:linear-gradient(145deg,#f1dedb,#fbf5f3)}
.ar-page.ar-resource-trend-forecasts .ar-back{background:#f1dedb}
.ar-page.ar-resource-behind-the-byline{background:linear-gradient(145deg,#eee9fa,#faf9fd)}
.ar-page.ar-resource-behind-the-byline .ar-hero{background:linear-gradient(145deg,#eee9fa,#faf9fd)}
.ar-page.ar-resource-behind-the-byline .ar-back{background:#eee9fa}


/* Shared static gradient masthead for every resource article */
main.sf-page-hero:has(.sf-resource-template){padding-top:0!important}
body .sf-resource-template .sf-article-head{
  display:block!important;
  box-sizing:border-box!important;
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:none!important;
  min-height:clamp(460px,38vw,540px)!important;
  height:auto!important;
  margin-left:-50vw!important;
  margin-bottom:0!important;
  padding:clamp(72px,7.5vw,104px) max(var(--pad),calc((100vw - 1180px)/2 + var(--pad)))!important;
  background-color:#f6f4ef!important;
  background-image:url('https://salesflint.com/wp-content/uploads/2026/08/salesflint-bg-multicolor-4k-scaled.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
body .sf-resource-template .sf-article-cover-copy{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  padding:0!important;
  background:transparent!important;
}
body .sf-resource-template .sf-article-title{
  max-width:18ch!important;
  margin-left:0!important;
  color:#202624!important;
  text-align:left!important;
  text-wrap:balance;
}
body .sf-resource-template .sf-article-intro{
  width:100%!important;
  max-width:72rem!important;
  margin-left:0!important;
  color:#353b38!important;
  text-align:left!important;
}
body .sf-resource-template .sf-article-head > .sf-article-hero{
  display:none!important;
}
body .sf-resource-template .sf-article-layout.sf-toc-inline{
  padding-top:44px!important;
}
body .sf-resource-template .sf-article-content > :first-child{
  margin-top:0!important;
}
@media(max-width:767px){
  body .sf-resource-template .sf-article-head{
    min-height:auto!important;
    padding:56px 22px!important;
    background-position:center center!important;
  }
  body .sf-resource-template .sf-article-title{
    max-width:none!important;
  }
  body .sf-resource-template .sf-article-layout.sf-toc-inline{
    padding-top:32px!important;
  }
}


/* Centered template masthead */
body .sf-resource-template .sf-article-title.sf-title-single-line{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
body .sf-resource-template .sf-article-intro.sf-intro-spaced{
  margin:clamp(28px,3vw,36px) auto 0!important;
  text-align:center!important;
}

.sf-pill:hover,.sf-button:hover{transform:translateY(-2px)}
.sf-hero{min-height:calc(100vh - 84px);padding:clamp(72px,9vh,118px) var(--pad) 48px;display:flex;flex-direction:column;justify-content:center}
.sf-hero-kicker{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}
.sf-hero h1,.sf-services h2,.sf-work h2,.sf-footer h2,.sf-page-hero h1{font:700 clamp(54px,9vw,138px)/.84 'Space Grotesk';letter-spacing:-.075em;margin:34px 0}
.sf-hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-top:14px}
.sf-hero-foot>p{font-size:clamp(18px,1.7vw,25px);max-width:620px;margin:0}
.sf-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:28px}
.sf-orbit{width:100px;height:100px;border:1px solid;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:10px;animation:sf-spin 18s linear infinite}
@keyframes sf-spin{to{transform:rotate(360deg)}}
.sf-ticker{overflow:hidden;white-space:nowrap;background:var(--ink);color:var(--acid);padding:16px 0;font:600 16px 'Space Grotesk'}
.sf-track{display:flex;width:max-content;animation:sf-scroll 28s linear infinite}
.sf-track span{padding-right:50px}
@keyframes sf-scroll{to{transform:translateX(-50%)}}

.sf-statement{padding:clamp(90px,12vw,170px) var(--pad);display:grid;grid-template-columns:minmax(150px,1fr) 2.25fr;gap:42px;border-bottom:1px solid var(--line)}
.sf-statement-copy h2{font:600 clamp(44px,6.3vw,92px)/.97 'Space Grotesk';letter-spacing:-.06em;margin:0;max-width:1050px}
.sf-lead{font-size:clamp(20px,2.2vw,32px);max-width:900px;color:#35352f}
.sf-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.sf-principles article{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:275px;display:flex;flex-direction:column;transition:transform .3s,background .3s}
.sf-principle

/* Resource article discovery framework — v2.0.35 */
body .sf-resource-template:has(.sf-article-layout-three){
  max-width:1320px!important;
}
body .sf-resource-template .sf-article-layout.sf-article-layout-three{
  display:grid!important;
  grid-template-columns:minmax(150px,180px) minmax(0,720px) minmax(210px,250px)!important;
  gap:clamp(28px,3vw,52px)!important;
  align-items:start!important;
  width:100%!important;
  max-width:1280px!important;
  margin:0 auto!important;
  padding:64px var(--pad) 110px!important;
}
body .sf-resource-template .sf-article-layout-three > .sf-article-content{
  min-width:0!important;
}
body .sf-resource-template .sf-sticky-toc,
body .sf-resource-template .sf-article-sidebar{
  position:sticky!important;
  top:110px!important;
  align-self:start!important;
}
body .sf-resource-template .sf-sticky-toc{
  width:auto!important;
  margin:0!important;
  padding:18px 0!important;
  border-top:3px solid var(--ra-accent)!important;
  border-right:0!important;
  border-bottom:1px solid rgba(32,38,36,.18)!important;
  background:transparent!important;
}
body .sf-resource-template .sf-sticky-toc strong{
  display:block!important;
  margin:0 0 14px!important;
  color:#202624!important;
  font:600 13px/1.2 "Space Grotesk",sans-serif!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
body .sf-resource-template .sf-sticky-toc ol{
  display:block!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
body .sf-resource-template .sf-sticky-toc li{
  margin:0!important;
  padding:0!important;
  border-top:1px solid rgba(32,38,36,.1)!important;
}
body .sf-resource-template .sf-sticky-toc a{
  display:block!important;
  padding:11px 0!important;
  color:#4f5956!important;
  font-size:14px!important;
  line-height:1.35!important;
  text-decoration:none!important;
  transition:color .2s ease,transform .2s ease!important;
}
body .sf-resource-template .sf-sticky-toc a:hover{
  color:var(--ra-accent)!important;
  transform:translateX(4px)!important;
}
body .sf-resource-template .sf-article-sidebar{
  display:grid!important;
  gap:22px!important;
}
body .sf-resource-template .sf-share-panel{
  padding:22px!important;
  border:1px solid rgba(32,38,36,.16)!important;
  border-radius:18px!important;
  background:#fff!important;
}
body .sf-resource-template .sf-share-panel>strong{
  display:block!important;
  color:#202624!important;
  font:600 15px/1.2 "Space Grotesk",sans-serif!important;
}
body .sf-resource-template .sf-share-buttons{
  display:flex!important;
  gap:9px!important;
  margin-top:16px!important;
}
body .sf-resource-template .sf-share-button{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:#f0f1ef!important;
  color:#202624!important;
  font:700 16px/1 "Space Grotesk",sans-serif!important;
  text-decoration:none!important;
  transition:transform .2s ease,background .2s ease,color .2s ease!important;
}
body .sf-resource-template .sf-share-button:hover{
  transform:translateY(-2px)!important;
  background:#202624!important;
  color:#fff!important;
}
body .sf-resource-template .sf-preferred-source{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:18px!important;
  border:2px solid transparent!important;
  border-radius:22px!important;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335) border-box!important;
  color:#202624!important;
  font:500 16px/1.15 "Space Grotesk",sans-serif!important;
  text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
body .sf-resource-template .sf-preferred-source:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 30px rgba(32,38,36,.1)!important;
}
body .sf-resource-template .sf-google-g{
  flex:0 0 auto!important;
  font:700 32px/1 "Space Grotesk",sans-serif!important;
  background:linear-gradient(135deg,#4285f4 20%,#34a853 42%,#fbbc05 64%,#ea4335 84%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
body .sf-resource-template .sf-related-reading{
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  padding:clamp(72px,8vw,110px) var(--pad)!important;
  background:#fff!important;
  border-top:1px solid rgba(32,38,36,.12)!important;
}
body .sf-resource-template .sf-related-reading>*{
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body .sf-resource-template .sf-related-eyebrow{
  margin-bottom:16px!important;
  color:#5d6864!important;
  font:600 13px/1.2 "Space Grotesk",sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body .sf-resource-template .sf-related-reading h2{
  margin-top:0!important;
  color:#202624!important;
  font:600 clamp(42px,5vw,72px)/.98 "Space Grotesk",sans-serif!important;
  letter-spacing:-.045em!important;
}
body .sf-resource-template .sf-related-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:26px!important;
  margin-top:40px!important;
}
body .sf-resource-template .sf-related-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:330px!important;
  padding:30px!important;
  border:1px solid rgba(32,38,36,.12)!important;
  border-radius:18px!important;
  background:#e1f0e6!important;
  color:#202624!important;
  text-decoration:none!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
body .sf-resource-template .sf-related-card:nth-child(2){background:#e0eaf4!important}
body .sf-resource-template .sf-related-card:nth-child(3){background:#f1dedb!important}
body .sf-resource-template .sf-related-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 18px 45px rgba(32,38,36,.12)!important;
}
body .sf-resource-template .sf-related-tag{
  color:#5d6864!important;
  font:600 12px/1.2 "Space Grotesk",sans-serif!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
body .sf-resource-template .sf-related-card h3{
  margin:22px 0 14px!important;
  color:#202624!important;
  font:600 clamp(24px,2vw,32px)/1.08 "Space Grotesk",sans-serif!important;
  letter-spacing:-.035em!important;
}
body .sf-resource-template .sf-related-card p{
  margin:0!important;
  color:#46504d!important;
  font-size:17px!important;
  line-height:1.5!important;
}
body .sf-resource-template .sf-related-link{
  margin-top:auto!important;
  padding-top:28px!important;
  color:#202624!important;
  font-weight:600!important;
}
body .sf-resource-template .sf-article-conversation{
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  padding:clamp(80px,9vw,130px) var(--pad)!important;
  background:#f45a2a!important;
  color:#fff!important;
  text-align:center!important;
}
body .sf-resource-template .sf-article-conversation p{
  margin:0 0 20px!important;
  color:#fff!important;
  font:600 13px/1.2 "Space Grotesk",sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body .sf-resource-template .sf-article-conversation h2{
  max-width:1000px!important;
  margin:0 auto 38px!important;
  color:#fff!important;
  font:600 clamp(42px,5vw,76px)/1 "Space Grotesk",sans-serif!important;
  letter-spacing:-.045em!important;
}
body .sf-resource-template .sf-article-conversation a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:58px!important;
  padding:0 30px!important;
  border-radius:999px!important;
  background:#202624!important;
  color:#fff!important;
  font:600 17px/1 "Space Grotesk",sans-serif!important;
  text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
body .sf-resource-template .sf-article-conversation a:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 14px 30px rgba(32,38,36,.22)!important;
}
@media(max-width:1100px){
  body .sf-resource-template .sf-article-layout.sf-article-layout-three{
    grid-template-columns:180px minmax(0,1fr)!important;
  }
  body .sf-resource-template .sf-article-sidebar{
    grid-column:2!important;
    position:static!important;
    display:flex!important;
    align-items:stretch!important;
  }
  body .sf-resource-template .sf-share-panel,
  body .sf-resource-template .sf-preferred-source{flex:1!important}
}
@media(max-width:760px){
  body .sf-resource-template .sf-article-layout.sf-article-layout-three{
    grid-template-columns:1fr!important;
    padding:40px 20px 80px!important;
  }
  body .sf-resource-template .sf-sticky-toc,
  body .sf-resource-template .sf-article-sidebar{
    position:static!important;
    grid-column:auto!important;
  }
  body .sf-resource-template .sf-article-sidebar{display:grid!important}
  body .sf-resource-template .sf-related-grid{grid-template-columns:1fr!important}
  body .sf-resource-template .sf-related-card{min-height:260px!important}
}
/*
Theme Name: Salesflint Studio
Description: Custom editorial growth-studio theme for Salesflint.
Version: 2.0.35
Text Domain: salesflint
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{
  --ink:#171714;--paper:#f5f2e9;--paper-deep:#e9e3d6;--cream:#fffdf7;
  --sage:#c9d8c0;--sand:#e6d2ae;--blue:#7770dd;--coral:#df816d;
  --acid:#c8f36a;--muted:#68675f;--line:rgba(23,23,20,.22);
  --pad:clamp(22px,4vw,64px);--radius:22px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
p{line-height:1.55}
.sf-eye{text-transform:uppercase;font-weight:600;letter-spacing:.16em;font-size:11px}
.sf-outline{color:transparent;-webkit-text-stroke:1.7px var(--ink);font-style:normal}
.sf-outline-light{color:transparent;-webkit-text-stroke:1.4px #f7f2e8;font-style:normal}
.sf-nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid var(--line);background:rgba(245,242,233,.92);backdrop-filter:blur(12px);position:relative;z-index:20}
.sf-brand{font:700 24px 'Space Grotesk';letter-spacing:-.04em}
.sf-brand span{color:var(--blue)}
.sf-menu{display:flex;gap:32px;align-items:center;font-size:14px}
.sf-menu>a:not(.sf-pill){position:relative}
.sf-menu>a:not(.sf-pill):after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:right .25s}
.sf-menu>a:hover:after{right:0}
.sf-pill,.sf-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 21px;font-weight:600;transition:transform .25s,background .25s}
.sf-pill,.sf-button-dark{background:var(--ink);color:var(--cream)}
.sf-pill:hover,.sf-button:hover{transform:translateY(-2px)}
.sf-hero{min-height:calc(100vh - 84px);padding:clamp(72px,9vh,118px) var(--pad) 48px;display:flex;flex-direction:column;justify-content:center}
.sf-hero-kicker{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}
.sf-hero h1,.sf-services h2,.sf-work h2,.sf-footer h2,.sf-page-hero h1{font:700 clamp(54px,9vw,138px)/.84 'Space Grotesk';letter-spacing:-.075em;margin:34px 0}
.sf-hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-top:14px}
.sf-hero-foot>p{font-size:clamp(18px,1.7vw,25px);max-width:620px;margin:0}
.sf-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:28px}
.sf-orbit{width:100px;height:100px;border:1px solid;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:10px;animation:sf-spin 18s linear infinite}
@keyframes sf-spin{to{transform:rotate(360deg)}}
.sf-ticker{overflow:hidden;white-space:nowrap;background:var(--ink);color:var(--acid);padding:16px 0;font:600 16px 'Space Grotesk'}
.sf-track{display:flex;width:max-content;animation:sf-scroll 28s linear infinite}
.sf-track span{padding-right:50px}
@keyframes sf-scroll{to{transform:translateX(-50%)}}

.sf-statement{padding:clamp(90px,12vw,170px) var(--pad);display:grid;grid-template-columns:minmax(150px,1fr) 2.25fr;gap:42px;border-bottom:1px solid var(--line)}
.sf-statement-copy h2{font:600 clamp(44px,6.3vw,92px)/.97 'Space Grotesk';letter-spacing:-.06em;margin:0;max-width:1050px}
.sf-lead{font-size:clamp(20px,2.2vw,32px);max-width:900px;color:#35352f}
.sf-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.sf-principles article{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:275px;display:flex;flex-direction:column;transition:transform .3s,background .3s}
.sf-principles article:hover{transform:translateY(-5px);background:#fff}
.sf-principles span{font-size:11px;color:var(--muted)}
.sf-principles h3{font:600 clamp(25px,2.2vw,34px) 'Space Grotesk';margin:55px 0 8px}
.sf-principles p{margin-top:auto;color:var(--muted)}
.sf-arrow{grid-column:2;width:max-content;font-weight:600;margin-top:20px;border-bottom:1px solid;padding-bottom:7px}

.sf-services{background:var(--ink);color:#f7f2e8;padding:clamp(90px,10vw,150px) var(--pad)}
.sf-services header,.sf-work header{display:grid;grid-template-columns:minmax(150px,1fr) 2.25fr;gap:42px}
.sf-services header h2,.sf-work header h2{font-size:clamp(52px,7.5vw,115px);margin:0}
.sf-services header>div>p{max-width:520px;color:#bdb9b0;font-size:18px}
.sf-service-list{margin:80px 0 0 31%}
.sf-service-row{border-top:1px solid #4b4b47;padding:31px 0;display:grid;grid-template-columns:46px minmax(240px,.85fr) 1.25fr 28px;gap:22px;align-items:start;transition:padding .25s,color .25s}
.sf-service-row:last-child{border-bottom:1px solid #4b4b47}
.sf-service-row:hover{color:var(--acid);padding-left:10px}
.sf-service-row h3{font:500 clamp(24px,2.7vw,39px)/1.05 'Space Grotesk';margin:0}
.sf-service-row p{color:#bdb9b0;margin:0;font-size:15px}

.sf-calm-break{background:var(--sage);padding:clamp(90px,13vw,190px) var(--pad);display:grid;grid-template-columns:1fr 2.25fr;gap:42px}
.sf-calm-break>p:last-child{font:500 clamp(42px,6vw,88px)/1.02 'Space Grotesk';letter-spacing:-.055em;margin:0}
.sf-calm-break em{font-style:normal;color:#40503c}

.sf-work{padding:clamp(90px,10vw,150px) var(--pad)}
.sf-work header>div>p{max-width:560px;color:var(--muted);font-size:18px}
.sf-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:72px}
.sf-card{min-height:430px;padding:32px;border-radius:var(--radius);display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.sf-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(23,23,20,.12)}
.sf-card small{letter-spacing:.1em;font-size:10px;font-weight:600}
.sf-card h3{font:600 clamp(28px,3.5vw,52px)/1.04 'Space Grotesk';letter-spacing:-.045em;max-width:760px}
.sf-card strong{margin-top:auto}
.sf-card-sage{background:var(--sage)}
.sf-card-sand{background:var(--sand)}
.sf-card-blue{background:var(--blue);color:#fff}
.sf-card-coral{background:var(--coral)}
.sf-proof{padding:clamp(110px,14vw,200px) var(--pad);text-align:center;background:var(--cream)}
.sf-proof blockquote{font:600 clamp(40px,6.2vw,92px)/1.05 'Space Grotesk';letter-spacing:-.055em;margin:36px auto 0}
.sf-proof blockquote em{font-style:normal;color:var(--blue)}

.sf-footer{background:var(--acid);padding:100px var(--pad) 30px}
.sf-footer h2{font-size:clamp(55px,8vw,125px)}
.sf-footer>a{font-weight:600;border-bottom:1px solid}
.sf-footer-row{border-top:1px solid;margin-top:100px;padding-top:22px;display:flex;justify-content:space-between;font-size:13px}

.sf-page-hero{min-height:760px;padding:120px var(--pad) 72px;display:flex;flex-direction:column;justify-content:center}
.sf-page-hero h1{font-size:clamp(60px,8.5vw,132px)}
.sf-page-hero>p:not(.sf-eye){font-size:clamp(19px,2vw,28px);max-width:720px;color:var(--muted)}
.sf-page-hero .sf-button{width:max-content;margin-top:22px}
.sf-service-detail{background:var(--ink);color:#f7f2e8;padding:50px var(--pad) 100px}
.sf-service-detail article{display:grid;grid-template-columns:minmax(170px,1fr) 2.25fr;gap:42px;padding:clamp(80px,9vw,130px) 0;border-top:1px solid #565650;scroll-margin-top:30px}
.sf-service-index>span{font:600 clamp(42px,5vw,76px) 'Space Grotesk';color:#77766f}
.sf-service-detail h2{font:600 clamp(42px,5.5vw,82px)/.98 'Space Grotesk';letter-spacing:-.055em;margin:0 0 30px}
.sf-service-detail h3{font:600 20px 'Space Grotesk';margin-top:48px}
.sf-service-intro{color:#cfcbc1;font-size:clamp(18px,1.6vw,23px);max-width:850px}
.sf-service-detail ul{columns:2;gap:36px;padding:0;list-style:none;margin:20px 0 45px}
.sf-service-detail li{break-inside:avoid;border-top:1px solid #4d4d48;padding:13px 0;color:#cfcbc1}
.sf-service-detail li:before{content:"✦";color:var(--acid);margin-right:10px}
.sf-service-detail a{color:var(--acid);font-weight:600;border-bottom:1px solid;padding-bottom:7px}

@media(max-width:860px){
  .sf-nav{height:70px}.sf-menu{gap:12px}.sf-menu>a:not(.sf-pill){display:none}.sf-pill{padding:12px 16px}
  .sf-hero{min-height:760px;padding-top:72px}.sf-hero-kicker>span{display:none}
  .sf-hero h1{font-size:clamp(36px,10.5vw,52px);line-height:.9;margin:40px 0;letter-spacing:-.07em}
  .sf-hero-foot{grid-template-columns:1fr}.sf-hero-actions{justify-content:space-between}
  .sf-statement,.sf-services header,.sf-work header,.sf-calm-break,.sf-service-detail article{display:block}
  .sf-principles{grid-template-columns:1fr}.sf-principles article{min-height:230px}
  .sf-arrow{grid-column:auto}.sf-service-list{margin-left:0;margin-top:60px}
  .sf-service-row{grid-template-columns:34px 1fr 25px}.sf-service-row p{grid-column:2}
  .sf-calm-break>p:last-child{margin-top:42px}.sf-cards{grid-template-columns:1fr}
  .sf-card{min-height:350px}.sf-service-detail ul{columns:1}
  .sf-footer-row{gap:18px;flex-wrap:wrap}.sf-page-hero{min-height:680px;padding-top:95px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sf-track,.sf-orbit{animation:none}.sf-card,.sf-service-row{transition:none}}

/* SalesFlint kinetic editorial redesign — July 2026 */
:root{--ink:#171713;--paper:#f4f0e8;--violet:#7057ff;--orange:#ff4e2f;--yellow:#ffcf55;--line:rgba(23,23,19,.28)}
body{background:var(--paper);color:var(--ink);overflow-x:hidden}.sf-nav{height:84px;position:absolute;inset:0 0 auto;background:transparent;border-color:var(--line);z-index:50}.sf-brand{font-family:'Space Grotesk',sans-serif;font-size:24px}.sf-pill{background:var(--ink)}
.sf-hero{min-height:100svh;padding:140px var(--pad) 55px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 84% 23%,var(--yellow) 0 7%,transparent 7.2%),radial-gradient(circle at 78% 31%,var(--orange) 0 3%,transparent 3.2%),var(--paper)}
.sf-hero-kicker{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink)}.sf-hero h1{font:700 clamp(64px,11.7vw,180px)/.78 'Space Grotesk';letter-spacing:-.085em;margin:6vh 0}.sf-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--violet)}.sf-hero-foot{display:flex;justify-content:space-between;align-items:end}.sf-hero-foot>p{font-size:clamp(18px,2vw,28px);line-height:1.35;max-width:680px;margin:0}.sf-down{width:74px;height:74px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:28px;transition:.3s}.sf-down:hover{transform:rotate(-35deg);background:var(--ink);color:white}.sf-spark{position:absolute;font-style:normal;color:var(--violet);font-size:40px;animation:sf-spin 8s linear infinite}.sf-spark-a{top:25%;left:60%}.sf-spark-b{bottom:23%;right:22%;color:var(--orange);font-size:24px}
.sf-ticker{background:var(--violet);color:white;border-block:1px solid var(--ink);padding:17px 0}.sf-track span{padding-right:55px}.sf-statement{padding:120px var(--pad);display:grid;grid-template-columns:1fr 2.1fr;gap:5vw;border-bottom:0}.sf-statement-copy>p{font-size:20px;margin-top:0}.sf-statement-copy h2,.sf-services h2,.sf-thinking h2,.sf-proof blockquote{font:700 clamp(48px,7vw,108px)/.92 'Space Grotesk';letter-spacing:-.065em;margin:0}.sf-statement-copy h2 em,.sf-thinking h2 em{font-style:normal;color:var(--violet)}
.sf-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:100px;border-top:1px solid}.sf-principles article{background:transparent;border:0;border-right:1px solid;border-radius:0;padding:25px 30px 50px 0;min-height:430px;display:block}.sf-principles article+article{padding-left:30px}.sf-principles article:last-child{border-right:0}.sf-principles article:hover{transform:none;background:transparent}.sf-principles h3{font:700 27px 'Space Grotesk';margin:45px 0 15px}.sf-principles p{color:var(--ink);max-width:330px}.sf-flip{width:66px;height:66px;display:grid;place-items:center;background:var(--yellow);border-radius:16px;font-size:30px;margin-top:70px;transition:.7s transform,.35s background;transform-style:preserve-3d}.sf-principles article:hover .sf-flip{transform:rotateY(180deg);background:var(--orange)}
.sf-services{background:var(--ink);color:var(--paper);padding:110px var(--pad)}.sf-services header{display:grid;grid-template-columns:.6fr 2fr;gap:4vw}.sf-services header>div>p{font-size:18px;color:#cbc7bc}.sf-services h2 em{font-style:normal;color:var(--yellow)}.sf-service-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #ffffff55;margin-top:80px}.sf-service-card{min-height:480px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #ffffff55;border-bottom:1px solid #ffffff55;position:relative;overflow:hidden;transition:.35s}.sf-service-card:nth-child(2n){border-right:0}.sf-service-card:nth-child(n+3){border-bottom:0}.sf-service-card:before{content:'';position:absolute;inset:100% 0 0;background:var(--violet);transition:.4s;z-index:0}.sf-service-card:hover:before{inset:0}.sf-service-card>*{position:relative;z-index:1}.sf-service-card>div{display:flex;justify-content:space-between}.sf-service-card>div b{font-size:35px}.sf-service-card small{text-transform:uppercase;letter-spacing:1.5px;color:var(--yellow)}.sf-service-card h3{font:700 clamp(34px,4vw,62px)/1 'Space Grotesk';letter-spacing:-.05em;margin:15px 0}.sf-service-card p{font-size:17px;line-height:1.55;max-width:480px;color:var(--paper)}
.sf-thinking{display:grid;grid-template-columns:44% 56%;padding:0 var(--pad);background:var(--yellow)}.sf-thinking-sticky{height:100vh;position:sticky;top:0;padding:90px 7vw 70px 0;display:flex;flex-direction:column}.sf-thinking-sticky h2{margin-top:70px}.sf-thinking-sticky>p:last-child{margin-top:auto}.sf-thinking-orb{width:180px;height:180px;border-radius:50%;background:var(--orange);margin-top:50px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;animation:sf-breathe 4s ease-in-out infinite}.sf-thinking-orb span{font-size:24px}.sf-thinking-orb b{font:600 19px 'Space Grotesk'}@keyframes sf-breathe{50%{border-radius:38% 62% 55% 45%}}
.sf-thinking-scroll{border-left:1px solid}.sf-thinking-scroll article{min-height:76vh;padding:90px 6vw;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid}.sf-thinking-scroll article header{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1px}.sf-thinking-scroll h3{font:600 clamp(38px,5vw,75px)/1.03 'Space Grotesk';letter-spacing:-.055em;margin:80px 0 30px}.sf-thinking-scroll p{font-size:19px;line-height:1.55;max-width:560px}.sf-thinking-scroll a{margin-top:45px;text-decoration:underline;text-underline-offset:7px}
.sf-proof{padding:150px var(--pad);background:var(--paper);text-align:left}.sf-proof blockquote{margin-top:60px}.sf-proof blockquote em{font-style:normal;color:var(--orange)}.sf-footer{background:var(--violet);color:white;padding:110px var(--pad) 30px}.sf-footer h2{font-size:clamp(55px,8vw,125px)}.sf-footer h2 em{color:var(--yellow)}
@media(max-width:860px){.sf-nav{height:70px}.sf-hero{min-height:100svh;padding-top:120px}.sf-hero h1{font-size:19vw}.sf-hero-foot{display:flex;align-items:center}.sf-hero-foot>p{max-width:75%}.sf-statement{display:block;padding-block:80px}.sf-statement-copy{margin-top:55px}.sf-principles{grid-template-columns:1fr;margin-top:60px}.sf-principles article,.sf-principles article+article{padding:30px 0;border-right:0;border-bottom:1px solid;min-height:auto}.sf-flip{margin-top:30px}.sf-services{padding-block:80px}.sf-services header{display:block}.sf-services header>div{margin-top:35px}.sf-service-grid{grid-template-columns:1fr}.sf-service-card{min-height:400px;border-right:0!important;border-bottom:1px solid!important}.sf-thinking{display:block;padding:0}.sf-thinking-sticky{height:auto;position:relative;padding:80px var(--pad)}.sf-thinking-sticky h2{margin-top:50px}.sf-thinking-orb{width:130px;height:130px}.sf-thinking-sticky>p:last-child{margin-top:50px}.sf-thinking-scroll{border-left:0;border-top:1px solid}.sf-thinking-scroll article{padding:70px var(--pad);min-height:70vh}.sf-thinking-scroll h3{margin:60px 0 20px}.sf-proof{padding-block:90px}}
@media(prefers-reduced-motion:reduce){.sf-spark,.sf-thinking-orb{animation:none}.sf-down,.sf-flip,.sf-service-card:before{transition:none}}


/* SalesFlint reusable resource article template — 2026 */
body:has(.sf-resource-template){--ra-accent:#7770dd;--ra-tint:#f3f5f8;--ra-deep:#45408f;--ra-grid:rgba(69,64,143,.13)}
body:has(.sf-resource-template.sf-brand-anatomy){--ra-accent:#6e8a70;--ra-tint:#f2f7f3;--ra-deep:#344c37;--ra-grid:rgba(52,76,55,.13)}
body:has(.sf-resource-template.sf-editorial){--ra-accent:#7770dd;--ra-tint:#f3f5f8;--ra-deep:#45408f;--ra-grid:rgba(69,64,143,.13)}
body:has(.sf-resource-template.sf-trend-forecasts){--ra-accent:#df816d;--ra-tint:#faf2f0;--ra-deep:#8d4437;--ra-grid:rgba(141,68,55,.13)}
body:has(.sf-resource-template.sf-behind-byline){--ra-accent:#9b79c9;--ra-tint:#f3f0fa;--ra-deep:#5e3e87;--ra-grid:rgba(94,62,135,.13)}
main.sf-page-hero:has(.sf-resource-template){max-width:none;padding:clamp(54px,7vw,96px) var(--pad) 100px;background:linear-gradient(180deg,var(--ra-tint) 0,rgba(255,255,255,0) 720px)}
main.sf-page-hero:has(.sf-resource-template)>h1{font:600 clamp(40px,5vw,68px)/.98 'Space Grotesk';letter-spacing:-.055em;max-width:1120px;margin:26px auto 32px;text-wrap:balance}
.sf-resource-template{max-width:1180px;margin:0 auto;color:#202624}
.sf-resource-template .sf-article-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(34px,5vw,76px);align-items:end;margin-bottom:clamp(70px,9vw,126px)}
.sf-resource-template .sf-article-kicker{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0 0 -10px;font:600 11px 'DM Sans';letter-spacing:.12em;text-transform:uppercase}
.sf-resource-template .sf-article-kicker span{border:1px solid currentColor;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.45)}
.sf-resource-template .sf-article-intro{font-size:clamp(18px,2vw,26px);line-height:1.4;margin:0;color:#353b38}
.sf-resource-template .sf-article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:26px;font-size:13px;color:#5f6662}
.sf-resource-template .sf-article-hero{margin:0;border-radius:24px;overflow:hidden;background:var(--ra-accent);aspect-ratio:16/10;box-shadow:0 24px 70px rgba(32,38,36,.13)}
.sf-resource-template .sf-article-hero img,.sf-resource-template .sf-article-hero video{width:100%;height:100%;display:block;object-fit:cover}
.sf-resource-template .sf-article-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:clamp(46px,7vw,100px);align-items:start;justify-content:center}
.sf-resource-template .sf-article-toc{position:sticky;top:28px;border-top:3px solid var(--ra-accent);padding-top:17px;font-size:13px}
.admin-bar .sf-resource-template .sf-article-toc{top:60px}
.sf-resource-template .sf-article-toc strong{font:600 12px 'Space Grotesk';letter-spacing:.11em;text-transform:uppercase}
.sf-resource-template .sf-article-toc ol{padding-left:18px;margin:16px 0 0}
.sf-resource-template .sf-article-toc li{margin:0 0 10px;color:#626864;line-height:1.35}
.sf-resource-template .sf-article-toc a{text-decoration:none}
.sf-resource-template .sf-article-toc a:hover{color:var(--ra-deep)}
.sf-resource-template .sf-article-content{font-size:18px;line-height:1.72}
.sf-resource-template .sf-article-content>p{margin:0 0 28px}
.sf-resource-template .sf-article-content>p:first-child{font-size:clamp(20px,2vw,25px);line-height:1.5}
.sf-resource-template .sf-article-content h2{font:600 clamp(31px,4vw,48px)/1.08 'Space Grotesk';letter-spacing:-.04em;margin:80px 0 24px;scroll-margin-top:40px}
.sf-resource-template .sf-article-content h3{font:600 clamp(23px,2.7vw,31px)/1.16 'Space Grotesk';letter-spacing:-.025em;margin:52px 0 18px}
.sf-resource-template .sf-article-content h4{font:600 19px 'Space Grotesk';margin:38px 0 12px}
.sf-resource-template .sf-article-content ul,.sf-resource-template .sf-article-content ol{margin:0 0 30px;padding-left:1.35em}
.sf-resource-template .sf-article-content li{margin:10px 0;padding-left:5px}
.sf-resource-template .sf-article-content a{text-decoration:underline;text-decoration-color:var(--ra-accent);text-decoration-thickness:2px;text-underline-offset:3px}
.sf-resource-template .sf-article-content figure{margin:48px 0}
.sf-resource-template .sf-article-content figure img{display:block;width:100%;height:auto;border-radius:16px}
.sf-resource-template .sf-article-content figcaption{font-size:13px;line-height:1.5;color:#676e69;margin-top:12px}
.sf-resource-template .sf-pullquote{margin:58px 0;padding:36px 38px;border:1px solid var(--ra-grid);background-color:#fff;background-image:linear-gradient(var(--ra-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ra-grid) 1px,transparent 1px);background-size:16px 16px}
.sf-resource-template .sf-pullquote p{font:500 clamp(24px,3.1vw,37px)/1.25 'Space Grotesk';letter-spacing:-.035em;margin:0}
.sf-resource-template .sf-pullquote cite{display:block;margin-top:24px;font-style:normal;font-size:13px;font-weight:600}
.sf-resource-template .sf-callout{margin:42px 0;border:1px solid rgba(32,38,36,.18);border-left:5px solid var(--ra-accent);border-radius:0 14px 14px 0;background:var(--ra-tint);padding:24px 28px}
.sf-resource-template .sf-callout-label{display:block;color:var(--ra-deep);font:700 11px 'DM Sans';letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}
.sf-resource-template .sf-callout p:last-child{margin-bottom:0}
.sf-resource-template .sf-callout.sf-warning{--ra-accent:#df816d;--ra-tint:#faf2f0;--ra-deep:#8d4437}
.sf-resource-template .sf-key-stat{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin:46px 0;padding:28px 30px;background:#202624;color:#fff;border-radius:16px}
.sf-resource-template .sf-key-stat strong{font:600 clamp(42px,6vw,72px)/1 'Space Grotesk';color:var(--ra-accent)}
.sf-resource-template .sf-key-stat p{margin:0;font-size:16px;line-height:1.5}
.sf-resource-template .sf-process{display:grid;gap:1px;margin:44px 0;background:rgba(32,38,36,.15);border:1px solid rgba(32,38,36,.15);border-radius:16px;overflow:hidden}
.sf-resource-template .sf-process-step{display:grid;grid-template-columns:52px 1fr;gap:18px;background:#fff;padding:23px}
.sf-resource-template .sf-process-step b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--ra-accent);color:#fff;font:600 14px 'Space Grotesk'}
.sf-resource-template .sf-process-step h4{margin:1px 0 5px}
.sf-resource-template .sf-process-step p{margin:0;font-size:15px}
.sf-resource-template .sf-data-table{width:100%;border-collapse:collapse;margin:42px 0;font-size:15px}
.sf-resource-template .sf-data-table caption{text-align:left;font:600 23px 'Space Grotesk';margin-bottom:14px}
.sf-resource-template .sf-data-table th,.sf-resource-template .sf-data-table td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid rgba(32,38,36,.17)}
.sf-resource-template .sf-data-table th{background:var(--ra-tint);font-weight:600}
.sf-resource-template .sf-further-reading{margin:44px 0;padding:24px 28px;border-top:1px solid var(--ra-accent);border-bottom:1px solid var(--ra-accent)}
.sf-resource-template .sf-further-reading strong{display:block;font:700 11px 'DM Sans';letter-spacing:.13em;text-transform:uppercase;color:var(--ra-deep);margin-bottom:10px}
.sf-resource-template .sf-article-end{margin-top:80px;padding-top:30px;border-top:1px solid rgba(32,38,36,.18);font-size:14px;color:#626864}
@media(max-width:900px){
 main.sf-page-hero:has(.sf-resource-template){padding-top:40px}
 .sf-resource-template .sf-article-head{grid-template-columns:1fr}
 .sf-resource-template .sf-article-kicker{margin-bottom:0}
 .sf-resource-template .sf-article-hero{min-width:0}
 .sf-resource-template .sf-article-layout{grid-template-columns:1fr}
 .sf-resource-template .sf-article-toc{position:relative;top:auto;border:1px solid rgba(32,38,36,.16);border-top:3px solid var(--ra-accent);padding:18px 22px;border-radius:12px}
}
@media(max-width:600px){
 main.sf-page-hero:has(.sf-resource-template)>h1{font-size:clamp(38px,12vw,56px);margin-top:18px}
 .sf-resource-template .sf-article-content{font-size:17px;line-height:1.68}
 .sf-resource-template .sf-article-content h2{margin-top:62px}
 .sf-resource-template .sf-pullquote{padding:28px 24px}
 .sf-resource-template .sf-key-stat{grid-template-columns:1fr;gap:10px}
}


/* Resource template editor normalization */
.sf-resource-template .sf-article-toc>p:empty,
.sf-resource-template .sf-article-kicker>p:empty,
.sf-resource-template .sf-article-meta>p:empty,
.sf-resource-template .sf-callout>p:empty,
.sf-resource-template .sf-key-stat>p:empty,
.sf-resource-template .sf-process-step>p:empty{display:none!important}
.sf-resource-template .sf-process-step{grid-template-columns:52px minmax(0,1fr)}
.sf-resource-template .sf-process-step>div{min-width:0}
@media(max-width:900px){.sf-resource-template .sf-article-toc{margin-bottom:28px}}


/* Cross-page interaction and layout refinements */
.nf-clients header .nf-client-count{grid-column:3;grid-row:2;width:auto;margin:18px 0 38px;align-self:start;justify-self:start}
.rs-collection header .rs-collection-link{grid-column:3;grid-row:2;justify-self:start;display:inline-flex;align-items:center;margin-top:18px;padding-bottom:6px;border-bottom:1px solid currentColor;font-weight:600;font-size:14px}
.rs-collection header .rs-collection-link:hover{color:var(--blue)}
.rs-collection,.sv-detail article{scroll-margin-top:92px}
.ab-riya .ab-riya-portrait{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;background:transparent;color:var(--ink);border-radius:0;overflow:visible}
.ab-riya-portrait figure{margin:0;overflow:hidden;border-radius:28px;background:var(--paper-deep);aspect-ratio:4/5}
.ab-riya-portrait figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.ab-riya-portrait blockquote{margin:22px 0 0;padding:24px 4px 0;border-top:1px solid var(--line);font:500 clamp(23px,2.5vw,34px)/1.22 'Space Grotesk';letter-spacing:-.035em;color:var(--ink)}
@media(max-width:800px){
 .nf-clients header .nf-client-count{grid-column:1/-1;grid-row:auto;margin:10px 0 30px}
 .rs-collection header .rs-collection-link{grid-column:1/-1;grid-row:auto;margin-top:8px}
 .ab-riya .ab-riya-portrait{margin-top:28px}
}


/* Resources collection thumbnails and About portrait cleanup */
.sf-page-hero .collection-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin-top:56px!important;border:0!important}
.sf-page-hero .collection-links>a{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto 1fr!important;align-items:start!important;padding:0 0 24px!important;min-height:0!important;border:1px solid var(--line)!important;border-radius:20px!important;overflow:hidden!important;background:var(--cream)!important}
.sf-page-hero .collection-links>a::before{content:""!important;display:block!important;grid-column:1/-1!important;aspect-ratio:16/10!important;border-bottom:1px solid var(--line)!important;background:linear-gradient(135deg,var(--blue) 0 48%,#fff 48% 54%,var(--coral) 54% 100%)!important}
.sf-page-hero .collection-links>a:nth-child(2)::before{background:radial-gradient(circle at 72% 30%,var(--acid) 0 18%,transparent 18%),linear-gradient(145deg,#202624 0 50%,var(--sage) 50%)!important}
.sf-page-hero .collection-links>a:nth-child(3)::before{background:linear-gradient(35deg,var(--sand) 0 33%,var(--coral) 33% 66%,var(--blue) 66%)!important}
.sf-page-hero .collection-links>a:nth-child(4)::before{background:radial-gradient(circle at 30% 35%,var(--coral) 0 16%,transparent 16%),linear-gradient(135deg,var(--paper-deep),var(--blue))!important}
.sf-page-hero .collection-links>a:nth-child(5)::before{background:linear-gradient(90deg,var(--sage) 0 25%,var(--acid) 25% 50%,var(--sand) 50% 75%,var(--coral) 75%)!important}
.sf-page-hero .collection-links>a>span{grid-column:1/-1!important;margin:19px 22px 8px!important;color:var(--coral)!important;font-size:11px!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.sf-page-hero .collection-links>a>strong{grid-column:1!important;margin:0 12px 0 22px!important;font:600 clamp(21px,2.1vw,30px)/1.12 'Space Grotesk'!important;letter-spacing:-.025em!important}
.sf-page-hero .collection-links>a>b{grid-column:2!important;grid-row:3!important;margin:4px 22px 0 0!important;font-size:20px!important;color:var(--blue)!important}
.sf-page-hero .collection-links>a:hover{transform:translateY(-5px)!important;box-shadow:0 18px 45px rgba(32,38,36,.11)!important}
.ab-riya .ab-riya-portrait::before,.ab-riya .ab-riya-portrait::after{display:none!important;content:none!important}
.ab-story aside .ab-founder-quote{margin:22px 0 0;padding:22px 4px 0;border-top:1px solid var(--line);font:500 clamp(22px,2.4vw,32px)/1.24 'Space Grotesk';letter-spacing:-.03em;color:var(--ink)}
@media(max-width:900px){.sf-page-hero .collection-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.sf-page-hero .collection-links{grid-template-columns:1fr!important}}


/* Same-page tabs, aligned portraits, and tighter client count */
.nf-clients header .nf-client-summary{grid-column:3;grid-row:1/span 2;display:flex;flex-direction:column;align-items:flex-start;align-self:start}
.nf-clients header .nf-client-summary>p:first-child{margin:0}
.nf-clients header .nf-client-summary .nf-client-count{width:auto;margin:16px 0 0;display:flex;align-items:flex-end;gap:14px}
.ab-story{grid-template-columns:minmax(320px,37.5%) minmax(0,1fr)!important}
.ab-story>aside,.ab-riya>.ab-riya-portrait{width:100%!important}
.ab-story .ab-photo,.ab-riya-portrait figure{width:100%!important;aspect-ratio:4/5!important}
.ab-story aside .ab-founder-quote,.ab-riya .ab-riya-portrait blockquote{margin:22px 0 0!important;padding:24px 4px 0!important;border-top:1px solid var(--line)!important;font-family:Manrope,'DM Sans',sans-serif!important;font-size:clamp(23px,3vw,38.4px)!important;font-weight:550!important;font-style:normal!important;line-height:1.14!important;letter-spacing:-.035em!important;color:var(--ink)!important}
@media(max-width:800px){
 .nf-clients header .nf-client-summary{grid-column:1/-1;grid-row:auto}
 .ab-story{grid-template-columns:1fr!important}
}

.ab-story{grid-template-columns:minmax(320px,397.5px) minmax(0,1fr)!important}

.ab-story{grid-template-columns:minmax(280px,325.675px) minmax(0,1fr)!important}
.ab-riya{grid-template-columns:minmax(0,1fr) minmax(280px,325.675px)!important}
@media(max-width:800px){.ab-story,.ab-riya{grid-template-columns:1fr!important}.ab-story>aside,.ab-riya>.ab-riya-portrait{max-width:325.675px}}

.nf-client-rail:nth-child(1) .nf-client-track{animation-duration:84s!important}
.nf-client-rail:nth-child(2) .nf-client-track{animation-duration:96s!important}


/* Resource article inline TOC refinement */
.sf-resource-template .sf-article-title{font-size:clamp(2.65rem,4vw,4rem);line-height:1.04;letter-spacing:-.035em;max-width:15ch}
.sf-resource-template .sf-article-layout.sf-toc-inline{display:block;max-width:1180px;margin-inline:auto}
.sf-resource-template .sf-article-layout.sf-toc-inline .sf-article-content{width:auto;max-width:840px;margin-inline:auto}
.sf-resource-template .sf-inline-toc{position:static;width:auto;margin:2.25rem 0 3.25rem;padding:1.4rem 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.sf-resource-template .sf-inline-toc strong{display:block;margin-bottom:1rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.sf-resource-template .sf-inline-toc ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1.5rem;margin:0;padding:0;list-style-position:inside}
.sf-resource-template .sf-inline-toc a{text-decoration:none}
@media(max-width:767px){.sf-resource-template .sf-article-title{font-size:clamp(2.25rem,11vw,3.35rem);max-width:none}.sf-resource-template .sf-inline-toc ol{grid-template-columns:1fr}.sf-resource-template .sf-inline-toc{margin:1.75rem 0 2.5rem}}


/* Resource template override for legacy Custom CSS */
.sf-resource-template .sf-article-title{font-size:clamp(2.65rem,4vw,4rem)!important;line-height:1.04!important;letter-spacing:-.035em!important;max-width:15ch!important}
.sf-resource-template .sf-article-layout.sf-toc-inline{display:block!important;grid-template-columns:none!important;gap:0!important;width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:64px var(--pad) 110px!important}
.sf-resource-template .sf-article-layout.sf-toc-inline .sf-article-content{width:auto!important;max-width:840px!important;margin:0 auto!important}
.sf-resource-template .sf-article-toc.sf-inline-toc{position:static!important;top:auto!important;width:auto!important;border-right:0!important;border-bottom:1px solid currentColor!important}
@media(max-width:767px){.sf-resource-template .sf-article-title{font-size:clamp(2.25rem,11vw,3.35rem)!important}.sf-resource-template .sf-article-layout.sf-toc-inline{padding:38px 20px 80px!important}}


/* Compact article masthead and vertical TOC */
.sf-resource-template .sf-article-title{font-size:20px!important;line-height:1.3!important;letter-spacing:-.01em!important;max-width:38rem!important;margin-bottom:16px!important}
.sf-resource-template .sf-article-intro{font-size:16px!important;line-height:1.6!important;max-width:42rem!important}
.sf-resource-template .sf-inline-toc ol{display:block!important;grid-template-columns:none!important}
.sf-resource-template .sf-inline-toc li{display:block!important;margin:0!important;padding:10px 0!important;border-bottom:1px solid rgba(23,23,20,.14)}
.sf-resource-template .sf-inline-toc li:last-child{border-bottom:0}
.sf-resource-template .sf-article-hero{width:480px!important;max-width:100%!important;min-height:0!important;justify-self:start!important;align-self:start!important}
.sf-resource-template .sf-article-hero img{display:block!important;width:100%!important;height:auto!important;max-height:360px!important;object-fit:cover!important}
@media(max-width:767px){.sf-resource-template .sf-article-title{font-size:20px!important}.sf-resource-template .sf-article-intro{font-size:16px!important}.sf-resource-template .sf-article-hero{max-width:100%!important}.sf-resource-template .sf-article-hero img{max-height:280px!important}}

body .sf-resource-template .sf-article-head > .sf-article-hero{width:480px!important;max-width:100%!important}
@media(max-width:767px){body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important}}

/* HubSpot-inspired article masthead scale */
body .sf-resource-template .sf-article-title{font-size:40px!important;line-height:1.08!important;letter-spacing:-.025em!important;max-width:42rem!important}
body .sf-resource-template .sf-article-intro{font-size:18px!important;line-height:1.55!important;max-width:42rem!important}
@media(max-width:767px){body .sf-resource-template .sf-article-title{font-size:32px!important;line-height:1.12!important}body .sf-resource-template .sf-article-intro{font-size:17px!important;line-height:1.55!important}}

/* Slightly larger article featured image */
body .sf-resource-template .sf-article-head > .sf-article-hero{width:560px!important;max-width:100%!important}
@media(max-width:767px){body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important}}

/* Larger, tighter article masthead */
body .sf-resource-template .sf-article-head{grid-template-columns:minmax(0,1fr) minmax(0,700px)!important;column-gap:28px!important;align-items:start!important}
body .sf-resource-template .sf-article-head > .sf-article-hero{width:700px!important;max-width:100%!important}
body .sf-resource-template .sf-article-head > .sf-article-hero img{width:100%!important;height:auto!important;max-height:none!important}
@media(max-width:900px){body .sf-resource-template .sf-article-head{grid-template-columns:1fr!important;row-gap:28px!important}body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important;max-width:700px!important}}

/* Refined article masthead spacing */
body .sf-resource-template .sf-article-head{grid-template-columns:minmax(0,1fr) minmax(0,620px)!important;column-gap:15px!important}
body .sf-resource-template .sf-article-head > .sf-article-hero{width:620px!important;max-width:100%!important}
@media(max-width:900px){body .sf-resource-template .sf-article-head{grid-template-columns:1fr!important;row-gap:20px!important}body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important;max-width:620px!important}}

/* Remove stretched whitespace on wide article headers */
@media(min-width:1401px){body .sf-resource-template .sf-article-head{grid-template-columns:minmax(0,700px) minmax(0,620px)!important;column-gap:15px!important;justify-content:start!important}body .sf-resource-template .sf-article-cover-copy{width:100%!important;max-width:700px!important}body .sf-resource-template .sf-article-head > .sf-article-hero{justify-self:start!important}}

/* Center the wide article masthead group */
@media(min-width:1401px){body .sf-resource-template .sf-article-head{justify-content:center!important}}

/* Resource collection page palettes */
.ar-page.ar-resource-brand-anatomy{background:linear-gradient(145deg,#e1f0e6,#f6faf6)}
.ar-page.ar-resource-brand-anatomy .ar-hero{background:linear-gradient(145deg,#e1f0e6,#f6faf6)}
.ar-page.ar-resource-brand-anatomy .ar-back{background:#e1f0e6}
.ar-page.ar-resource-the-editorial{background:linear-gradient(145deg,#e0eaf4,#f4f7fb)}
.ar-page.ar-resource-the-editorial .ar-hero{background:linear-gradient(145deg,#e0eaf4,#f4f7fb)}
.ar-page.ar-resource-the-editorial .ar-back{background:#e0eaf4}
.ar-page.ar-resource-trend-forecasts{background:linear-gradient(145deg,#f1dedb,#fbf5f3)}
.ar-page.ar-resource-trend-forecasts .ar-hero{background:linear-gradient(145deg,#f1dedb,#fbf5f3)}
.ar-page.ar-resource-trend-forecasts .ar-back{background:#f1dedb}
.ar-page.ar-resource-behind-the-byline{background:linear-gradient(145deg,#eee9fa,#faf9fd)}
.ar-page.ar-resource-behind-the-byline .ar-hero{background:linear-gradient(145deg,#eee9fa,#faf9fd)}
.ar-page.ar-resource-behind-the-byline .ar-back{background:#eee9fa}


/* Shared static gradient masthead for every resource article */
main.sf-page-hero:has(.sf-resource-template){padding-top:0!important}
body .sf-resource-template .sf-article-head{
  display:block!important;
  box-sizing:border-box!important;
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:none!important;
  min-height:clamp(460px,38vw,540px)!important;
  height:auto!important;
  margin-left:-50vw!important;
  margin-bottom:0!important;
  padding:clamp(72px,7.5vw,104px) max(var(--pad),calc((100vw - 1180px)/2 + var(--pad)))!important;
  background-color:#f6f4ef!important;
  background-image:url('https://salesflint.com/wp-content/uploads/2026/08/salesflint-bg-multicolor-4k-scaled.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
body .sf-resource-template .sf-article-cover-copy{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  padding:0!important;
  background:transparent!important;
}
body .sf-resource-template .sf-article-title{
  max-width:18ch!important;
  margin-left:0!important;
  color:#202624!important;
  text-align:left!important;
  text-wrap:balance;
}
body .sf-resource-template .sf-article-intro{
  width:100%!important;
  max-width:72rem!important;
  margin-left:0!important;
  color:#353b38!important;
  text-align:left!important;
}
body .sf-resource-template .sf-article-head > .sf-article-hero{
  display:none!important;
}
body .sf-resource-template .sf-article-layout.sf-toc-inline{
  padding-top:44px!important;
}
body .sf-resource-template .sf-article-content > :first-child{
  margin-top:0!important;
}
@media(max-width:767px){
  body .sf-resource-template .sf-article-head{
    min-height:auto!important;
    padding:56px 22px!important;
    background-position:center center!important;
  }
  body .sf-resource-template .sf-article-title{
    max-width:none!important;
  }
  body .sf-resource-template .sf-article-layout.sf-toc-inline{
    padding-top:32px!important;
  }
}


/* Template title alignment and WordPress paragraph cleanup */
body .sf-resource-template > p:empty:first-child{
  display:none!important;
  margin:0!important;
}
@media(min-width:768px){
  body .sf-resource-template .sf-title-single-line{
    width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    text-wrap:nowrap!important;
  }
}
body .sf-resource-template .sf-intro-spaced{
  margin-top:clamp(42px,4vw,60px)!important;
}
@media(max-width:767px){
  body .sf-resource-template .sf-title-single-line{
    width:auto!important;
    max-width:none!important;
    white-space:normal!important;
    text-wrap:balance!important;
  }
  body .sf-resource-template .sf-intro-spaced{
    margin-top:32px!important;
  }
}

.sf-pill:hover,.sf-button:hover{transform:translateY(-2px)}
.sf-hero{min-height:calc(100vh - 84px);padding:clamp(72px,9vh,118px) var(--pad) 48px;display:flex;flex-direction:column;justify-content:center}
.sf-hero-kicker{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}
.sf-hero h1,.sf-services h2,.sf-work h2,.sf-footer h2,.sf-page-hero h1{font:700 clamp(54px,9vw,138px)/.84 'Space Grotesk';letter-spacing:-.075em;margin:34px 0}
.sf-hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-top:14px}
.sf-hero-foot>p{font-size:clamp(18px,1.7vw,25px);max-width:620px;margin:0}
.sf-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:28px}
.sf-orbit{width:100px;height:100px;border:1px solid;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:10px;animation:sf-spin 18s linear infinite}
@keyframes sf-spin{to{transform:rotate(360deg)}}
.sf-ticker{overflow:hidden;white-space:nowrap;background:var(--ink);color:var(--acid);padding:16px 0;font:600 16px 'Space Grotesk'}
.sf-track{display:flex;width:max-content;animation:sf-scroll 28s linear infinite}
.sf-track span{padding-right:50px}
@keyframes sf-scroll{to{transform:translateX(-50%)}}

.sf-statement{padding:clamp(90px,12vw,170px) var(--pad);display:grid;grid-template-columns:minmax(150px,1fr) 2.25fr;gap:42px;border-bottom:1px solid var(--line)}
.sf-statement-copy h2{font:600 clamp(44px,6.3vw,92px)/.97 'Space Grotesk';letter-spacing:-.06em;margin:0;max-width:1050px}
.sf-lead{font-size:clamp(20px,2.2vw,32px);max-width:900px;color:#35352f}
.sf-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.sf-principles article{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:275px;display:flex;flex-direction:column;transition:transform .3s,background .3s}
.sf-principles article:hover{transform:translateY(-5px);background:#fff}
.sf-principles span{font-size:11px;color:var(--muted)}
.sf-principles h3{font:600 clamp(25px,2.2vw,34px) 'Space Grotesk';margin:55px 0 8px}
.sf-principles p{margin-top:auto;color:var(--muted)}
.sf-arrow{grid-column:2;width:max-content;font-weight:600;margin-top:20px;border-bottom:1px solid;padding-bottom:7px}

.sf-services{background:var(--ink);color:#f7f2e8;padding:clamp(90px,10vw,150px) var(--pad)}
.sf-services header,.sf-work header{display:grid;grid-template-columns:minmax(150px,1fr) 2.25fr;gap:42px}
.sf-services header h2,.sf-work header h2{font-size:clamp(52px,7.5vw,115px);margin:0}
.sf-services header>div>p{max-width:520px;color:#bdb9b0;font-size:18px}
.sf-service-list{margin:80px 0 0 31%}
.sf-service-row{border-top:1px solid #4b4b47;padding:31px 0;display:grid;grid-template-columns:46px minmax(240px,.85fr) 1.25fr 28px;gap:22px;align-items:start;transition:padding .25s,color .25s}
.sf-service-row:last-child{border-bottom:1px solid #4b4b47}
.sf-service-row:hover{color:var(--acid);padding-left:10px}
.sf-service-row h3{font:500 clamp(24px,2.7vw,39px)/1.05 'Space Grotesk';margin:0}
.sf-service-row p{color:#bdb9b0;margin:0;font-size:15px}

.sf-calm-break{background:var(--sage);padding:clamp(90px,13vw,190px) var(--pad);display:grid;grid-template-columns:1fr 2.25fr;gap:42px}
.sf-calm-break>p:last-child{font:500 clamp(42px,6vw,88px)/1.02 'Space Grotesk';letter-spacing:-.055em;margin:0}
.sf-calm-break em{font-style:normal;color:#40503c}

.sf-work{padding:clamp(90px,10vw,150px) var(--pad)}
.sf-work header>div>p{max-width:560px;color:var(--muted);font-size:18px}
.sf-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:72px}
.sf-card{min-height:430px;padding:32px;border-radius:var(--radius);display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.sf-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(23,23,20,.12)}
.sf-card small{letter-spacing:.1em;font-size:10px;font-weight:600}
.sf-card h3{font:600 clamp(28px,3.5vw,52px)/1.04 'Space Grotesk';letter-spacing:-.045em;max-width:760px}
.sf-card strong{margin-top:auto}
.sf-card-sage{background:var(--sage)}
.sf-card-sand{background:var(--sand)}
.sf-card-blue{background:var(--blue);color:#fff}
.sf-card-coral{background:var(--coral)}
.sf-proof{padding:clamp(110px,14vw,200px) var(--pad);text-align:center;background:var(--cream)}
.sf-proof blockquote{font:600 clamp(40px,6.2vw,92px)/1.05 'Space Grotesk';letter-spacing:-.055em;margin:36px auto 0}
.sf-proof blockquote em{font-style:normal;color:var(--blue)}

.sf-footer{background:var(--acid);padding:100px var(--pad) 30px}
.sf-footer h2{font-size:clamp(55px,8vw,125px)}
.sf-footer>a{font-weight:600;border-bottom:1px solid}
.sf-footer-row{border-top:1px solid;margin-top:100px;padding-top:22px;display:flex;justify-content:space-between;font-size:13px}

.sf-page-hero{min-height:760px;padding:120px var(--pad) 72px;display:flex;flex-direction:column;justify-content:center}
.sf-page-hero h1{font-size:clamp(60px,8.5vw,132px)}
.sf-page-hero>p:not(.sf-eye){font-size:clamp(19px,2vw,28px);max-width:720px;color:var(--muted)}
.sf-page-hero .sf-button{width:max-content;margin-top:22px}
.sf-service-detail{background:var(--ink);color:#f7f2e8;padding:50px var(--pad) 100px}
.sf-service-detail article{display:grid;grid-template-columns:minmax(170px,1fr) 2.25fr;gap:42px;padding:clamp(80px,9vw,130px) 0;border-top:1px solid #565650;scroll-margin-top:30px}
.sf-service-index>span{font:600 clamp(42px,5vw,76px) 'Space Grotesk';color:#77766f}
.sf-service-detail h2{font:600 clamp(42px,5.5vw,82px)/.98 'Space Grotesk';letter-spacing:-.055em;margin:0 0 30px}
.sf-service-detail h3{font:600 20px 'Space Grotesk';margin-top:48px}
.sf-service-intro{color:#cfcbc1;font-size:clamp(18px,1.6vw,23px);max-width:850px}
.sf-service-detail ul{columns:2;gap:36px;padding:0;list-style:none;margin:20px 0 45px}
.sf-service-detail li{break-inside:avoid;border-top:1px solid #4d4d48;padding:13px 0;color:#cfcbc1}
.sf-service-detail li:before{content:"✦";color:var(--acid);margin-right:10px}
.sf-service-detail a{color:var(--acid);font-weight:600;border-bottom:1px solid;padding-bottom:7px}

@media(max-width:860px){
  .sf-nav{height:70px}.sf-menu{gap:12px}.sf-menu>a:not(.sf-pill){display:none}.sf-pill{padding:12px 16px}
  .sf-hero{min-height:760px;padding-top:72px}.sf-hero-kicker>span{display:none}
  .sf-hero h1{font-size:clamp(36px,10.5vw,52px);line-height:.9;margin:40px 0;letter-spacing:-.07em}
  .sf-hero-foot{grid-template-columns:1fr}.sf-hero-actions{justify-content:space-between}
  .sf-statement,.sf-services header,.sf-work header,.sf-calm-break,.sf-service-detail article{display:block}
  .sf-principles{grid-template-columns:1fr}.sf-principles article{min-height:230px}
  .sf-arrow{grid-column:auto}.sf-service-list{margin-left:0;margin-top:60px}
  .sf-service-row{grid-template-columns:34px 1fr 25px}.sf-service-row p{grid-column:2}
  .sf-calm-break>p:last-child{margin-top:42px}.sf-cards{grid-template-columns:1fr}
  .sf-card{min-height:350px}.sf-service-detail ul{columns:1}
  .sf-footer-row{gap:18px;flex-wrap:wrap}.sf-page-hero{min-height:680px;padding-top:95px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sf-track,.sf-orbit{animation:none}.sf-card,.sf-service-row{transition:none}}

/* SalesFlint kinetic editorial redesign — July 2026 */
:root{--ink:#171713;--paper:#f4f0e8;--violet:#7057ff;--orange:#ff4e2f;--yellow:#ffcf55;--line:rgba(23,23,19,.28)}
body{background:var(--paper);color:var(--ink);overflow-x:hidden}.sf-nav{height:84px;position:absolute;inset:0 0 auto;background:transparent;border-color:var(--line);z-index:50}.sf-brand{font-family:'Space Grotesk',sans-serif;font-size:24px}.sf-pill{background:var(--ink)}
.sf-hero{min-height:100svh;padding:140px var(--pad) 55px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 84% 23%,var(--yellow) 0 7%,transparent 7.2%),radial-gradient(circle at 78% 31%,var(--orange) 0 3%,transparent 3.2%),var(--paper)}
.sf-hero-kicker{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink)}.sf-hero h1{font:700 clamp(64px,11.7vw,180px)/.78 'Space Grotesk';letter-spacing:-.085em;margin:6vh 0}.sf-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--violet)}.sf-hero-foot{display:flex;justify-content:space-between;align-items:end}.sf-hero-foot>p{font-size:clamp(18px,2vw,28px);line-height:1.35;max-width:680px;margin:0}.sf-down{width:74px;height:74px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:28px;transition:.3s}.sf-down:hover{transform:rotate(-35deg);background:var(--ink);color:white}.sf-spark{position:absolute;font-style:normal;color:var(--violet);font-size:40px;animation:sf-spin 8s linear infinite}.sf-spark-a{top:25%;left:60%}.sf-spark-b{bottom:23%;right:22%;color:var(--orange);font-size:24px}
.sf-ticker{background:var(--violet);color:white;border-block:1px solid var(--ink);padding:17px 0}.sf-track span{padding-right:55px}.sf-statement{padding:120px var(--pad);display:grid;grid-template-columns:1fr 2.1fr;gap:5vw;border-bottom:0}.sf-statement-copy>p{font-size:20px;margin-top:0}.sf-statement-copy h2,.sf-services h2,.sf-thinking h2,.sf-proof blockquote{font:700 clamp(48px,7vw,108px)/.92 'Space Grotesk';letter-spacing:-.065em;margin:0}.sf-statement-copy h2 em,.sf-thinking h2 em{font-style:normal;color:var(--violet)}
.sf-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:100px;border-top:1px solid}.sf-principles article{background:transparent;border:0;border-right:1px solid;border-radius:0;padding:25px 30px 50px 0;min-height:430px;display:block}.sf-principles article+article{padding-left:30px}.sf-principles article:last-child{border-right:0}.sf-principles article:hover{transform:none;background:transparent}.sf-principles h3{font:700 27px 'Space Grotesk';margin:45px 0 15px}.sf-principles p{color:var(--ink);max-width:330px}.sf-flip{width:66px;height:66px;display:grid;place-items:center;background:var(--yellow);border-radius:16px;font-size:30px;margin-top:70px;transition:.7s transform,.35s background;transform-style:preserve-3d}.sf-principles article:hover .sf-flip{transform:rotateY(180deg);background:var(--orange)}
.sf-services{background:var(--ink);color:var(--paper);padding:110px var(--pad)}.sf-services header{display:grid;grid-template-columns:.6fr 2fr;gap:4vw}.sf-services header>div>p{font-size:18px;color:#cbc7bc}.sf-services h2 em{font-style:normal;color:var(--yellow)}.sf-service-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #ffffff55;margin-top:80px}.sf-service-card{min-height:480px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #ffffff55;border-bottom:1px solid #ffffff55;position:relative;overflow:hidden;transition:.35s}.sf-service-card:nth-child(2n){border-right:0}.sf-service-card:nth-child(n+3){border-bottom:0}.sf-service-card:before{content:'';position:absolute;inset:100% 0 0;background:var(--violet);transition:.4s;z-index:0}.sf-service-card:hover:before{inset:0}.sf-service-card>*{position:relative;z-index:1}.sf-service-card>div{display:flex;justify-content:space-between}.sf-service-card>div b{font-size:35px}.sf-service-card small{text-transform:uppercase;letter-spacing:1.5px;color:var(--yellow)}.sf-service-card h3{font:700 clamp(34px,4vw,62px)/1 'Space Grotesk';letter-spacing:-.05em;margin:15px 0}.sf-service-card p{font-size:17px;line-height:1.55;max-width:480px;color:var(--paper)}
.sf-thinking{display:grid;grid-template-columns:44% 56%;padding:0 var(--pad);background:var(--yellow)}.sf-thinking-sticky{height:100vh;position:sticky;top:0;padding:90px 7vw 70px 0;display:flex;flex-direction:column}.sf-thinking-sticky h2{margin-top:70px}.sf-thinking-sticky>p:last-child{margin-top:auto}.sf-thinking-orb{width:180px;height:180px;border-radius:50%;background:var(--orange);margin-top:50px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;animation:sf-breathe 4s ease-in-out infinite}.sf-thinking-orb span{font-size:24px}.sf-thinking-orb b{font:600 19px 'Space Grotesk'}@keyframes sf-breathe{50%{border-radius:38% 62% 55% 45%}}
.sf-thinking-scroll{border-left:1px solid}.sf-thinking-scroll article{min-height:76vh;padding:90px 6vw;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid}.sf-thinking-scroll article header{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1px}.sf-thinking-scroll h3{font:600 clamp(38px,5vw,75px)/1.03 'Space Grotesk';letter-spacing:-.055em;margin:80px 0 30px}.sf-thinking-scroll p{font-size:19px;line-height:1.55;max-width:560px}.sf-thinking-scroll a{margin-top:45px;text-decoration:underline;text-underline-offset:7px}
.sf-proof{padding:150px var(--pad);background:var(--paper);text-align:left}.sf-proof blockquote{margin-top:60px}.sf-proof blockquote em{font-style:normal;color:var(--orange)}.sf-footer{background:var(--violet);color:white;padding:110px var(--pad) 30px}.sf-footer h2{font-size:clamp(55px,8vw,125px)}.sf-footer h2 em{color:var(--yellow)}
@media(max-width:860px){.sf-nav{height:70px}.sf-hero{min-height:100svh;padding-top:120px}.sf-hero h1{font-size:19vw}.sf-hero-foot{display:flex;align-items:center}.sf-hero-foot>p{max-width:75%}.sf-statement{display:block;padding-block:80px}.sf-statement-copy{margin-top:55px}.sf-principles{grid-template-columns:1fr;margin-top:60px}.sf-principles article,.sf-principles article+article{padding:30px 0;border-right:0;border-bottom:1px solid;min-height:auto}.sf-flip{margin-top:30px}.sf-services{padding-block:80px}.sf-services header{display:block}.sf-services header>div{margin-top:35px}.sf-service-grid{grid-template-columns:1fr}.sf-service-card{min-height:400px;border-right:0!important;border-bottom:1px solid!important}.sf-thinking{display:block;padding:0}.sf-thinking-sticky{height:auto;position:relative;padding:80px var(--pad)}.sf-thinking-sticky h2{margin-top:50px}.sf-thinking-orb{width:130px;height:130px}.sf-thinking-sticky>p:last-child{margin-top:50px}.sf-thinking-scroll{border-left:0;border-top:1px solid}.sf-thinking-scroll article{padding:70px var(--pad);min-height:70vh}.sf-thinking-scroll h3{margin:60px 0 20px}.sf-proof{padding-block:90px}}
@media(prefers-reduced-motion:reduce){.sf-spark,.sf-thinking-orb{animation:none}.sf-down,.sf-flip,.sf-service-card:before{transition:none}}


/* SalesFlint reusable resource article template — 2026 */
body:has(.sf-resource-template){--ra-accent:#7770dd;--ra-tint:#f3f5f8;--ra-deep:#45408f;--ra-grid:rgba(69,64,143,.13)}
body:has(.sf-resource-template.sf-brand-anatomy){--ra-accent:#6e8a70;--ra-tint:#f2f7f3;--ra-deep:#344c37;--ra-grid:rgba(52,76,55,.13)}
body:has(.sf-resource-template.sf-editorial){--ra-accent:#7770dd;--ra-tint:#f3f5f8;--ra-deep:#45408f;--ra-grid:rgba(69,64,143,.13)}
body:has(.sf-resource-template.sf-trend-forecasts){--ra-accent:#df816d;--ra-tint:#faf2f0;--ra-deep:#8d4437;--ra-grid:rgba(141,68,55,.13)}
body:has(.sf-resource-template.sf-behind-byline){--ra-accent:#9b79c9;--ra-tint:#f3f0fa;--ra-deep:#5e3e87;--ra-grid:rgba(94,62,135,.13)}
main.sf-page-hero:has(.sf-resource-template){max-width:none;padding:clamp(54px,7vw,96px) var(--pad) 100px;background:linear-gradient(180deg,var(--ra-tint) 0,rgba(255,255,255,0) 720px)}
main.sf-page-hero:has(.sf-resource-template)>h1{font:600 clamp(40px,5vw,68px)/.98 'Space Grotesk';letter-spacing:-.055em;max-width:1120px;margin:26px auto 32px;text-wrap:balance}
.sf-resource-template{max-width:1180px;margin:0 auto;color:#202624}
.sf-resource-template .sf-article-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(34px,5vw,76px);align-items:end;margin-bottom:clamp(70px,9vw,126px)}
.sf-resource-template .sf-article-kicker{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0 0 -10px;font:600 11px 'DM Sans';letter-spacing:.12em;text-transform:uppercase}
.sf-resource-template .sf-article-kicker span{border:1px solid currentColor;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.45)}
.sf-resource-template .sf-article-intro{font-size:clamp(18px,2vw,26px);line-height:1.4;margin:0;color:#353b38}
.sf-resource-template .sf-article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:26px;font-size:13px;color:#5f6662}
.sf-resource-template .sf-article-hero{margin:0;border-radius:24px;overflow:hidden;background:var(--ra-accent);aspect-ratio:16/10;box-shadow:0 24px 70px rgba(32,38,36,.13)}
.sf-resource-template .sf-article-hero img,.sf-resource-template .sf-article-hero video{width:100%;height:100%;display:block;object-fit:cover}
.sf-resource-template .sf-article-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:clamp(46px,7vw,100px);align-items:start;justify-content:center}
.sf-resource-template .sf-article-toc{position:sticky;top:28px;border-top:3px solid var(--ra-accent);padding-top:17px;font-size:13px}
.admin-bar .sf-resource-template .sf-article-toc{top:60px}
.sf-resource-template .sf-article-toc strong{font:600 12px 'Space Grotesk';letter-spacing:.11em;text-transform:uppercase}
.sf-resource-template .sf-article-toc ol{padding-left:18px;margin:16px 0 0}
.sf-resource-template .sf-article-toc li{margin:0 0 10px;color:#626864;line-height:1.35}
.sf-resource-template .sf-article-toc a{text-decoration:none}
.sf-resource-template .sf-article-toc a:hover{color:var(--ra-deep)}
.sf-resource-template .sf-article-content{font-size:18px;line-height:1.72}
.sf-resource-template .sf-article-content>p{margin:0 0 28px}
.sf-resource-template .sf-article-content>p:first-child{font-size:clamp(20px,2vw,25px);line-height:1.5}
.sf-resource-template .sf-article-content h2{font:600 clamp(31px,4vw,48px)/1.08 'Space Grotesk';letter-spacing:-.04em;margin:80px 0 24px;scroll-margin-top:40px}
.sf-resource-template .sf-article-content h3{font:600 clamp(23px,2.7vw,31px)/1.16 'Space Grotesk';letter-spacing:-.025em;margin:52px 0 18px}
.sf-resource-template .sf-article-content h4{font:600 19px 'Space Grotesk';margin:38px 0 12px}
.sf-resource-template .sf-article-content ul,.sf-resource-template .sf-article-content ol{margin:0 0 30px;padding-left:1.35em}
.sf-resource-template .sf-article-content li{margin:10px 0;padding-left:5px}
.sf-resource-template .sf-article-content a{text-decoration:underline;text-decoration-color:var(--ra-accent);text-decoration-thickness:2px;text-underline-offset:3px}
.sf-resource-template .sf-article-content figure{margin:48px 0}
.sf-resource-template .sf-article-content figure img{display:block;width:100%;height:auto;border-radius:16px}
.sf-resource-template .sf-article-content figcaption{font-size:13px;line-height:1.5;color:#676e69;margin-top:12px}
.sf-resource-template .sf-pullquote{margin:58px 0;padding:36px 38px;border:1px solid var(--ra-grid);background-color:#fff;background-image:linear-gradient(var(--ra-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ra-grid) 1px,transparent 1px);background-size:16px 16px}
.sf-resource-template .sf-pullquote p{font:500 clamp(24px,3.1vw,37px)/1.25 'Space Grotesk';letter-spacing:-.035em;margin:0}
.sf-resource-template .sf-pullquote cite{display:block;margin-top:24px;font-style:normal;font-size:13px;font-weight:600}
.sf-resource-template .sf-callout{margin:42px 0;border:1px solid rgba(32,38,36,.18);border-left:5px solid var(--ra-accent);border-radius:0 14px 14px 0;background:var(--ra-tint);padding:24px 28px}
.sf-resource-template .sf-callout-label{display:block;color:var(--ra-deep);font:700 11px 'DM Sans';letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}
.sf-resource-template .sf-callout p:last-child{margin-bottom:0}
.sf-resource-template .sf-callout.sf-warning{--ra-accent:#df816d;--ra-tint:#faf2f0;--ra-deep:#8d4437}
.sf-resource-template .sf-key-stat{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin:46px 0;padding:28px 30px;background:#202624;color:#fff;border-radius:16px}
.sf-resource-template .sf-key-stat strong{font:600 clamp(42px,6vw,72px)/1 'Space Grotesk';color:var(--ra-accent)}
.sf-resource-template .sf-key-stat p{margin:0;font-size:16px;line-height:1.5}
.sf-resource-template .sf-process{display:grid;gap:1px;margin:44px 0;background:rgba(32,38,36,.15);border:1px solid rgba(32,38,36,.15);border-radius:16px;overflow:hidden}
.sf-resource-template .sf-process-step{display:grid;grid-template-columns:52px 1fr;gap:18px;background:#fff;padding:23px}
.sf-resource-template .sf-process-step b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--ra-accent);color:#fff;font:600 14px 'Space Grotesk'}
.sf-resource-template .sf-process-step h4{margin:1px 0 5px}
.sf-resource-template .sf-process-step p{margin:0;font-size:15px}
.sf-resource-template .sf-data-table{width:100%;border-collapse:collapse;margin:42px 0;font-size:15px}
.sf-resource-template .sf-data-table caption{text-align:left;font:600 23px 'Space Grotesk';margin-bottom:14px}
.sf-resource-template .sf-data-table th,.sf-resource-template .sf-data-table td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid rgba(32,38,36,.17)}
.sf-resource-template .sf-data-table th{background:var(--ra-tint);font-weight:600}
.sf-resource-template .sf-further-reading{margin:44px 0;padding:24px 28px;border-top:1px solid var(--ra-accent);border-bottom:1px solid var(--ra-accent)}
.sf-resource-template .sf-further-reading strong{display:block;font:700 11px 'DM Sans';letter-spacing:.13em;text-transform:uppercase;color:var(--ra-deep);margin-bottom:10px}
.sf-resource-template .sf-article-end{margin-top:80px;padding-top:30px;border-top:1px solid rgba(32,38,36,.18);font-size:14px;color:#626864}
@media(max-width:900px){
 main.sf-page-hero:has(.sf-resource-template){padding-top:40px}
 .sf-resource-template .sf-article-head{grid-template-columns:1fr}
 .sf-resource-template .sf-article-kicker{margin-bottom:0}
 .sf-resource-template .sf-article-hero{min-width:0}
 .sf-resource-template .sf-article-layout{grid-template-columns:1fr}
 .sf-resource-template .sf-article-toc{position:relative;top:auto;border:1px solid rgba(32,38,36,.16);border-top:3px solid var(--ra-accent);padding:18px 22px;border-radius:12px}
}
@media(max-width:600px){
 main.sf-page-hero:has(.sf-resource-template)>h1{font-size:clamp(38px,12vw,56px);margin-top:18px}
 .sf-resource-template .sf-article-content{font-size:17px;line-height:1.68}
 .sf-resource-template .sf-article-content h2{margin-top:62px}
 .sf-resource-template .sf-pullquote{padding:28px 24px}
 .sf-resource-template .sf-key-stat{grid-template-columns:1fr;gap:10px}
}


/* Resource template editor normalization */
.sf-resource-template .sf-article-toc>p:empty,
.sf-resource-template .sf-article-kicker>p:empty,
.sf-resource-template .sf-article-meta>p:empty,
.sf-resource-template .sf-callout>p:empty,
.sf-resource-template .sf-key-stat>p:empty,
.sf-resource-template .sf-process-step>p:empty{display:none!important}
.sf-resource-template .sf-process-step{grid-template-columns:52px minmax(0,1fr)}
.sf-resource-template .sf-process-step>div{min-width:0}
@media(max-width:900px){.sf-resource-template .sf-article-toc{margin-bottom:28px}}


/* Cross-page interaction and layout refinements */
.nf-clients header .nf-client-count{grid-column:3;grid-row:2;width:auto;margin:18px 0 38px;align-self:start;justify-self:start}
.rs-collection header .rs-collection-link{grid-column:3;grid-row:2;justify-self:start;display:inline-flex;align-items:center;margin-top:18px;padding-bottom:6px;border-bottom:1px solid currentColor;font-weight:600;font-size:14px}
.rs-collection header .rs-collection-link:hover{color:var(--blue)}
.rs-collection,.sv-detail article{scroll-margin-top:92px}
.ab-riya .ab-riya-portrait{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;background:transparent;color:var(--ink);border-radius:0;overflow:visible}
.ab-riya-portrait figure{margin:0;overflow:hidden;border-radius:28px;background:var(--paper-deep);aspect-ratio:4/5}
.ab-riya-portrait figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.ab-riya-portrait blockquote{margin:22px 0 0;padding:24px 4px 0;border-top:1px solid var(--line);font:500 clamp(23px,2.5vw,34px)/1.22 'Space Grotesk';letter-spacing:-.035em;color:var(--ink)}
@media(max-width:800px){
 .nf-clients header .nf-client-count{grid-column:1/-1;grid-row:auto;margin:10px 0 30px}
 .rs-collection header .rs-collection-link{grid-column:1/-1;grid-row:auto;margin-top:8px}
 .ab-riya .ab-riya-portrait{margin-top:28px}
}


/* Resources collection thumbnails and About portrait cleanup */
.sf-page-hero .collection-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin-top:56px!important;border:0!important}
.sf-page-hero .collection-links>a{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto 1fr!important;align-items:start!important;padding:0 0 24px!important;min-height:0!important;border:1px solid var(--line)!important;border-radius:20px!important;overflow:hidden!important;background:var(--cream)!important}
.sf-page-hero .collection-links>a::before{content:""!important;display:block!important;grid-column:1/-1!important;aspect-ratio:16/10!important;border-bottom:1px solid var(--line)!important;background:linear-gradient(135deg,var(--blue) 0 48%,#fff 48% 54%,var(--coral) 54% 100%)!important}
.sf-page-hero .collection-links>a:nth-child(2)::before{background:radial-gradient(circle at 72% 30%,var(--acid) 0 18%,transparent 18%),linear-gradient(145deg,#202624 0 50%,var(--sage) 50%)!important}
.sf-page-hero .collection-links>a:nth-child(3)::before{background:linear-gradient(35deg,var(--sand) 0 33%,var(--coral) 33% 66%,var(--blue) 66%)!important}
.sf-page-hero .collection-links>a:nth-child(4)::before{background:radial-gradient(circle at 30% 35%,var(--coral) 0 16%,transparent 16%),linear-gradient(135deg,var(--paper-deep),var(--blue))!important}
.sf-page-hero .collection-links>a:nth-child(5)::before{background:linear-gradient(90deg,var(--sage) 0 25%,var(--acid) 25% 50%,var(--sand) 50% 75%,var(--coral) 75%)!important}
.sf-page-hero .collection-links>a>span{grid-column:1/-1!important;margin:19px 22px 8px!important;color:var(--coral)!important;font-size:11px!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.sf-page-hero .collection-links>a>strong{grid-column:1!important;margin:0 12px 0 22px!important;font:600 clamp(21px,2.1vw,30px)/1.12 'Space Grotesk'!important;letter-spacing:-.025em!important}
.sf-page-hero .collection-links>a>b{grid-column:2!important;grid-row:3!important;margin:4px 22px 0 0!important;font-size:20px!important;color:var(--blue)!important}
.sf-page-hero .collection-links>a:hover{transform:translateY(-5px)!important;box-shadow:0 18px 45px rgba(32,38,36,.11)!important}
.ab-riya .ab-riya-portrait::before,.ab-riya .ab-riya-portrait::after{display:none!important;content:none!important}
.ab-story aside .ab-founder-quote{margin:22px 0 0;padding:22px 4px 0;border-top:1px solid var(--line);font:500 clamp(22px,2.4vw,32px)/1.24 'Space Grotesk';letter-spacing:-.03em;color:var(--ink)}
@media(max-width:900px){.sf-page-hero .collection-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.sf-page-hero .collection-links{grid-template-columns:1fr!important}}


/* Same-page tabs, aligned portraits, and tighter client count */
.nf-clients header .nf-client-summary{grid-column:3;grid-row:1/span 2;display:flex;flex-direction:column;align-items:flex-start;align-self:start}
.nf-clients header .nf-client-summary>p:first-child{margin:0}
.nf-clients header .nf-client-summary .nf-client-count{width:auto;margin:16px 0 0;display:flex;align-items:flex-end;gap:14px}
.ab-story{grid-template-columns:minmax(320px,37.5%) minmax(0,1fr)!important}
.ab-story>aside,.ab-riya>.ab-riya-portrait{width:100%!important}
.ab-story .ab-photo,.ab-riya-portrait figure{width:100%!important;aspect-ratio:4/5!important}
.ab-story aside .ab-founder-quote,.ab-riya .ab-riya-portrait blockquote{margin:22px 0 0!important;padding:24px 4px 0!important;border-top:1px solid var(--line)!important;font-family:Manrope,'DM Sans',sans-serif!important;font-size:clamp(23px,3vw,38.4px)!important;font-weight:550!important;font-style:normal!important;line-height:1.14!important;letter-spacing:-.035em!important;color:var(--ink)!important}
@media(max-width:800px){
 .nf-clients header .nf-client-summary{grid-column:1/-1;grid-row:auto}
 .ab-story{grid-template-columns:1fr!important}
}

.ab-story{grid-template-columns:minmax(320px,397.5px) minmax(0,1fr)!important}

.ab-story{grid-template-columns:minmax(280px,325.675px) minmax(0,1fr)!important}
.ab-riya{grid-template-columns:minmax(0,1fr) minmax(280px,325.675px)!important}
@media(max-width:800px){.ab-story,.ab-riya{grid-template-columns:1fr!important}.ab-story>aside,.ab-riya>.ab-riya-portrait{max-width:325.675px}}

.nf-client-rail:nth-child(1) .nf-client-track{animation-duration:84s!important}
.nf-client-rail:nth-child(2) .nf-client-track{animation-duration:96s!important}


/* Resource article inline TOC refinement */
.sf-resource-template .sf-article-title{font-size:clamp(2.65rem,4vw,4rem);line-height:1.04;letter-spacing:-.035em;max-width:15ch}
.sf-resource-template .sf-article-layout.sf-toc-inline{display:block;max-width:1180px;margin-inline:auto}
.sf-resource-template .sf-article-layout.sf-toc-inline .sf-article-content{width:auto;max-width:840px;margin-inline:auto}
.sf-resource-template .sf-inline-toc{position:static;width:auto;margin:2.25rem 0 3.25rem;padding:1.4rem 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.sf-resource-template .sf-inline-toc strong{display:block;margin-bottom:1rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.sf-resource-template .sf-inline-toc ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1.5rem;margin:0;padding:0;list-style-position:inside}
.sf-resource-template .sf-inline-toc a{text-decoration:none}
@media(max-width:767px){.sf-resource-template .sf-article-title{font-size:clamp(2.25rem,11vw,3.35rem);max-width:none}.sf-resource-template .sf-inline-toc ol{grid-template-columns:1fr}.sf-resource-template .sf-inline-toc{margin:1.75rem 0 2.5rem}}


/* Resource template override for legacy Custom CSS */
.sf-resource-template .sf-article-title{font-size:clamp(2.65rem,4vw,4rem)!important;line-height:1.04!important;letter-spacing:-.035em!important;max-width:15ch!important}
.sf-resource-template .sf-article-layout.sf-toc-inline{display:block!important;grid-template-columns:none!important;gap:0!important;width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:64px var(--pad) 110px!important}
.sf-resource-template .sf-article-layout.sf-toc-inline .sf-article-content{width:auto!important;max-width:840px!important;margin:0 auto!important}
.sf-resource-template .sf-article-toc.sf-inline-toc{position:static!important;top:auto!important;width:auto!important;border-right:0!important;border-bottom:1px solid currentColor!important}
@media(max-width:767px){.sf-resource-template .sf-article-title{font-size:clamp(2.25rem,11vw,3.35rem)!important}.sf-resource-template .sf-article-layout.sf-toc-inline{padding:38px 20px 80px!important}}


/* Compact article masthead and vertical TOC */
.sf-resource-template .sf-article-title{font-size:20px!important;line-height:1.3!important;letter-spacing:-.01em!important;max-width:38rem!important;margin-bottom:16px!important}
.sf-resource-template .sf-article-intro{font-size:16px!important;line-height:1.6!important;max-width:42rem!important}
.sf-resource-template .sf-inline-toc ol{display:block!important;grid-template-columns:none!important}
.sf-resource-template .sf-inline-toc li{display:block!important;margin:0!important;padding:10px 0!important;border-bottom:1px solid rgba(23,23,20,.14)}
.sf-resource-template .sf-inline-toc li:last-child{border-bottom:0}
.sf-resource-template .sf-article-hero{width:480px!important;max-width:100%!important;min-height:0!important;justify-self:start!important;align-self:start!important}
.sf-resource-template .sf-article-hero img{display:block!important;width:100%!important;height:auto!important;max-height:360px!important;object-fit:cover!important}
@media(max-width:767px){.sf-resource-template .sf-article-title{font-size:20px!important}.sf-resource-template .sf-article-intro{font-size:16px!important}.sf-resource-template .sf-article-hero{max-width:100%!important}.sf-resource-template .sf-article-hero img{max-height:280px!important}}

body .sf-resource-template .sf-article-head > .sf-article-hero{width:480px!important;max-width:100%!important}
@media(max-width:767px){body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important}}

/* HubSpot-inspired article masthead scale */
body .sf-resource-template .sf-article-title{font-size:40px!important;line-height:1.08!important;letter-spacing:-.025em!important;max-width:42rem!important}
body .sf-resource-template .sf-article-intro{font-size:18px!important;line-height:1.55!important;max-width:42rem!important}
@media(max-width:767px){body .sf-resource-template .sf-article-title{font-size:32px!important;line-height:1.12!important}body .sf-resource-template .sf-article-intro{font-size:17px!important;line-height:1.55!important}}

/* Slightly larger article featured image */
body .sf-resource-template .sf-article-head > .sf-article-hero{width:560px!important;max-width:100%!important}
@media(max-width:767px){body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important}}

/* Larger, tighter article masthead */
body .sf-resource-template .sf-article-head{grid-template-columns:minmax(0,1fr) minmax(0,700px)!important;column-gap:28px!important;align-items:start!important}
body .sf-resource-template .sf-article-head > .sf-article-hero{width:700px!important;max-width:100%!important}
body .sf-resource-template .sf-article-head > .sf-article-hero img{width:100%!important;height:auto!important;max-height:none!important}
@media(max-width:900px){body .sf-resource-template .sf-article-head{grid-template-columns:1fr!important;row-gap:28px!important}body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important;max-width:700px!important}}

/* Refined article masthead spacing */
body .sf-resource-template .sf-article-head{grid-template-columns:minmax(0,1fr) minmax(0,620px)!important;column-gap:15px!important}
body .sf-resource-template .sf-article-head > .sf-article-hero{width:620px!important;max-width:100%!important}
@media(max-width:900px){body .sf-resource-template .sf-article-head{grid-template-columns:1fr!important;row-gap:20px!important}body .sf-resource-template .sf-article-head > .sf-article-hero{width:100%!important;max-width:620px!important}}

/* Remove stretched whitespace on wide article headers */
@media(min-width:1401px){body .sf-resource-template .sf-article-head{grid-template-columns:minmax(0,700px) minmax(0,620px)!important;column-gap:15px!important;justify-content:start!important}body .sf-resource-template .sf-article-cover-copy{width:100%!important;max-width:700px!important}body .sf-resource-template .sf-article-head > .sf-article-hero{justify-self:start!important}}

/* Center the wide article masthead group */
@media(min-width:1401px){body .sf-resource-template .sf-article-head{justify-content:center!important}}

/* Resource collection page palettes */
.ar-page.ar-resource-brand-anatomy{background:linear-gradient(145deg,#e1f0e6,#f6faf6)}
.ar-page.ar-resource-brand-anatomy .ar-hero{background:linear-gradient(145deg,#e1f0e6,#f6faf6)}
.ar-page.ar-resource-brand-anatomy .ar-back{background:#e1f0e6}
.ar-page.ar-resource-the-editorial{background:linear-gradient(145deg,#e0eaf4,#f4f7fb)}
.ar-page.ar-resource-the-editorial .ar-hero{background:linear-gradient(145deg,#e0eaf4,#f4f7fb)}
.ar-page.ar-resource-the-editorial .ar-back{background:#e0eaf4}
.ar-page.ar-resource-trend-forecasts{background:linear-gradient(145deg,#f1dedb,#fbf5f3)}
.ar-page.ar-resource-trend-forecasts .ar-hero{background:linear-gradient(145deg,#f1dedb,#fbf5f3)}
.ar-page.ar-resource-trend-forecasts .ar-back{background:#f1dedb}
.ar-page.ar-resource-behind-the-byline{background:linear-gradient(145deg,#eee9fa,#faf9fd)}
.ar-page.ar-resource-behind-the-byline .ar-hero{background:linear-gradient(145deg,#eee9fa,#faf9fd)}
.ar-page.ar-resource-behind-the-byline .ar-back{background:#eee9fa}


/* Shared static gradient masthead for every resource article */
main.sf-page-hero:has(.sf-resource-template){padding-top:0!important}
body .sf-resource-template .sf-article-head{
  display:block!important;
  box-sizing:border-box!important;
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:none!important;
  min-height:clamp(460px,38vw,540px)!important;
  height:auto!important;
  margin-left:-50vw!important;
  margin-bottom:0!important;
  padding:clamp(72px,7.5vw,104px) max(var(--pad),calc((100vw - 1180px)/2 + var(--pad)))!important;
  background-color:#f6f4ef!important;
  background-image:url('https://salesflint.com/wp-content/uploads/2026/08/salesflint-bg-multicolor-4k-scaled.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
body .sf-resource-template .sf-article-cover-copy{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  padding:0!important;
  background:transparent!important;
}
body .sf-resource-template .sf-article-title{
  max-width:18ch!important;
  margin-left:0!important;
  color:#202624!important;
  text-align:left!important;
  text-wrap:balance;
}
body .sf-resource-template .sf-article-intro{
  width:100%!important;
  max-width:72rem!important;
  margin-left:0!important;
  color:#353b38!important;
  text-align:left!important;
}
body .sf-resource-template .sf-article-head > .sf-article-hero{
  display:none!important;
}
body .sf-resource-template .sf-article-layout.sf-toc-inline{
  padding-top:44px!important;
}
body .sf-resource-template .sf-article-content > :first-child{
  margin-top:0!important;
}
@media(max-width:767px){
  body .sf-resource-template .sf-article-head{
    min-height:auto!important;
    padding:56px 22px!important;
    background-position:center center!important;
  }
  body .sf-resource-template .sf-article-title{
    max-width:none!important;
  }
  body .sf-resource-template .sf-article-layout.sf-toc-inline{
    padding-top:32px!important;
  }
}


/* Centered template masthead */
body .sf-resource-template .sf-article-title.sf-title-single-line{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
body .sf-resource-template .sf-article-intro.sf-intro-spaced{
  margin:clamp(28px,3vw,36px) auto 0!important;
  text-align:center!important;
}

.sf-pill:hover,.sf-button:hover{transform:translateY(-2px)}
.sf-hero{min-height:calc(100vh - 84px);padding:clamp(72px,9vh,118px) var(--pad) 48px;display:flex;flex-direction:column;justify-content:center}
.sf-hero-kicker{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}
.sf-hero h1,.sf-services h2,.sf-work h2,.sf-footer h2,.sf-page-hero h1{font:700 clamp(54px,9vw,138px)/.84 'Space Grotesk';letter-spacing:-.075em;margin:34px 0}
.sf-hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-top:14px}
.sf-hero-foot>p{font-size:clamp(18px,1.7vw,25px);max-width:620px;margin:0}
.sf-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:28px}
.sf-orbit{width:100px;height:100px;border:1px solid;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:10px;animation:sf-spin 18s linear infinite}
@keyframes sf-spin{to{transform:rotate(360deg)}}
.sf-ticker{overflow:hidden;white-space:nowrap;background:var(--ink);color:var(--acid);padding:16px 0;font:600 16px 'Space Grotesk'}
.sf-track{display:flex;width:max-content;animation:sf-scroll 28s linear infinite}
.sf-track span{padding-right:50px}
@keyframes sf-scroll{to{transform:translateX(-50%)}}

.sf-statement{padding:clamp(90px,12vw,170px) var(--pad);display:grid;grid-template-columns:minmax(150px,1fr) 2.25fr;gap:42px;border-bottom:1px solid var(--line)}
.sf-statement-copy h2{font:600 clamp(44px,6.3vw,92px)/.97 'Space Grotesk';letter-spacing:-.06em;margin:0;max-width:1050px}
.sf-lead{font-size:clamp(20px,2.2vw,32px);max-width:900px;color:#35352f}
.sf-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.sf-principles article{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:275px;display:flex;flex-direction:column;transition:transform .3s,background .3s}
.sf-principles article:hover{transform:translateY(-5px);background:#fff}
.sf-principles span{font-size:11px;color:var(--muted)}
.sf-principles h3{font:600 clamp(25px,2.2vw,34px) 'Space Grotesk';margin:55px 0 8px}
.sf-principles p{margin-top:auto;color:var(--muted)}
.sf-arrow{grid-column:2;width:max-content;font-weight:600;margin-top:20px;border-bottom:1px solid;padding-bottom:7px}

.sf-services{background:var(--ink);color:#f7f2e8;padding:clamp(90px,10vw,150px) var(--pad)}
.sf-services header,.sf-work header{display:grid;grid-template-columns:minmax(150px,1fr) 2.25fr;gap:42px}
.sf-services header h2,.sf-work header h2{font-size:clamp(52px,7.5vw,115px);margin:0}
.sf-services header>div>p{max-width:520px;color:#bdb9b0;font-size:18px}
.sf-service-list{margin:80px 0 0 31%}
.sf-service-row{border-top:1px solid #4b4b47;padding:31px 0;display:grid;grid-template-columns:46px minmax(240px,.85fr) 1.25fr 28px;gap:22px;align-items:start;transition:padding .25s,color .25s}
.sf-service-row:last-child{border-bottom:1px solid #4b4b47}
.sf-service-row:hover{color:var(--acid);padding-left:10px}
.sf-service-row h3{font:500 clamp(24px,2.7vw,39px)/1.05 'Space Grotesk';margin:0}
.sf-service-row p{color:#bdb9b0;margin:0;font-size:15px}

.sf-calm-break{background:var(--sage);padding:clamp(90px,13vw,190px) var(--pad);display:grid;grid-template-columns:1fr 2.25fr;gap:42px}
.sf-calm-break>p:last-child{font:500 clamp(42px,6vw,88px)/1.02 'Space Grotesk';letter-spacing:-.055em;margin:0}
.sf-calm-break em{font-style:normal;color:#40503c}

.sf-work{padding:clamp(90px,10vw,150px) var(--pad)}
.sf-work header>div>p{max-width:560px;color:var(--muted);font-size:18px}
.sf-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:72px}
.sf-card{min-height:430px;padding:32px;border-radius:var(--radius);display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.sf-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(23,23,20,.12)}
.sf-card small{letter-spacing:.1em;font-size:10px;font-weight:600}
.sf-card h3{font:600 clamp(28px,3.5vw,52px)/1.04 'Space Grotesk';letter-spacing:-.045em;max-width:760px}
.sf-card strong{margin-top:auto}
.sf-card-sage{background:var(--sage)}
.sf-card-sand{background:var(--sand)}
.sf-card-blue{background:var(--blue);color:#fff}
.sf-card-coral{background:var(--coral)}
.sf-proof{padding:clamp(110px,14vw,200px) var(--pad);text-align:center;background:var(--cream)}
.sf-proof blockquote{font:600 clamp(40px,6.2vw,92px)/1.05 'Space Grotesk';letter-spacing:-.055em;margin:36px auto 0}
.sf-proof blockquote em{font-style:normal;color:var(--blue)}

.sf-footer{background:var(--acid);padding:100px var(--pad) 30px}
.sf-footer h2{font-size:clamp(55px,8vw,125px)}
.sf-footer>a{font-weight:600;border-bottom:1px solid}
.sf-footer-row{border-top:1px solid;margin-top:100px;padding-top:22px;display:flex;justify-content:space-between;font-size:13px}

.sf-page-hero{min-height:760px;padding:120px var(--pad) 72px;display:flex;flex-direction:column;justify-content:center}
.sf-page-hero h1{font-size:clamp(60px,8.5vw,132px)}
.sf-page-hero>p:not(.sf-eye){font-size:clamp(19px,2vw,28px);max-width:720px;color:var(--muted)}
.sf-page-hero .sf-button{width:max-content;margin-top:22px}
.sf-service-detail{background:var(--ink);color:#f7f2e8;padding:50px var(--pad) 100px}
.sf-service-detail article{display:grid;grid-template-columns:minmax(170px,1fr) 2.25fr;gap:42px;padding:clamp(80px,9vw,130px) 0;border-top:1px solid #565650;scroll-margin-top:30px}
.sf-service-index>span{font:600 clamp(42px,5vw,76px) 'Space Grotesk';color:#77766f}
.sf-service-detail h2{font:600 clamp(42px,5.5vw,82px)/.98 'Space Grotesk';letter-spacing:-.055em;margin:0 0 30px}
.sf-service-detail h3{font:600 20px 'Space Grotesk';margin-top:48px}
.sf-service-intro{color:#cfcbc1;font-size:clamp(18px,1.6vw,23px);max-width:850px}
.sf-service-detail ul{columns:2;gap:36px;padding:0;list-style:none;margin:20px 0 45px}
.sf-service-detail li{break-inside:avoid;border-top:1px solid #4d4d48;padding:13px 0;color:#cfcbc1}
.sf-service-detail li:before{content:"✦";color:var(--acid);margin-right:10px}
.sf-service-detail a{color:var(--acid);font-weight:600;border-bottom:1px solid;padding-bottom:7px}

@media(max-width:860px){
  .sf-nav{height:70px}.sf-menu{gap:12px}.sf-menu>a:not(.sf-pill){display:none}.sf-pill{padding:12px 16px}
  .sf-hero{min-height:760px;padding-top:72px}.sf-hero-kicker>span{display:none}
  .sf-hero h1{font-size:clamp(36px,10.5vw,52px);line-height:.9;margin:40px 0;letter-spacing:-.07em}
  .sf-hero-foot{grid-template-columns:1fr}.sf-hero-actions{justify-content:space-between}
  .sf-statement,.sf-services header,.sf-work header,.sf-calm-break,.sf-service-detail article{display:block}
  .sf-principles{grid-template-columns:1fr}.sf-principles article{min-height:230px}
  .sf-arrow{grid-column:auto}.sf-service-list{margin-left:0;margin-top:60px}
  .sf-service-row{grid-template-columns:34px 1fr 25px}.sf-service-row p{grid-column:2}
  .sf-calm-break>p:last-child{margin-top:42px}.sf-cards{grid-template-columns:1fr}
  .sf-card{min-height:350px}.sf-service-detail ul{columns:1}
  .sf-footer-row{gap:18px;flex-wrap:wrap}.sf-page-hero{min-height:680px;padding-top:95px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sf-track,.sf-orbit{animation:none}.sf-card,.sf-service-row{transition:none}}

/* SalesFlint kinetic editorial redesign — July 2026 */
:root{--ink:#171713;--paper:#f4f0e8;--violet:#7057ff;--orange:#ff4e2f;--yellow:#ffcf55;--line:rgba(23,23,19,.28)}
body{background:var(--paper);color:var(--ink);overflow-x:hidden}.sf-nav{height:84px;position:absolute;inset:0 0 auto;background:transparent;border-color:var(--line);z-index:50}.sf-brand{font-family:'Space Grotesk',sans-serif;font-size:24px}.sf-pill{background:var(--ink)}
.sf-hero{min-height:100svh;padding:140px var(--pad) 55px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 84% 23%,var(--yellow) 0 7%,transparent 7.2%),radial-gradient(circle at 78% 31%,var(--orange) 0 3%,transparent 3.2%),var(--paper)}
.sf-hero-kicker{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink)}.sf-hero h1{font:700 clamp(64px,11.7vw,180px)/.78 'Space Grotesk';letter-spacing:-.085em;margin:6vh 0}.sf-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--violet)}.sf-hero-foot{display:flex;justify-content:space-between;align-items:end}.sf-hero-foot>p{font-size:clamp(18px,2vw,28px);line-height:1.35;max-width:680px;margin:0}.sf-down{width:74px;height:74px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:28px;transition:.3s}.sf-down:hover{transform:rotate(-35deg);background:var(--ink);color:white}.sf-spark{position:absolute;font-style:normal;color:var(--violet);font-size:40px;animation:sf-spin 8s linear infinite}.sf-spark-a{top:25%;left:60%}.sf-spark-b{bottom:23%;right:22%;color:var(--orange);font-size:24px}
.sf-ticker{background:var(--violet);color:white;border-block:1px solid var(--ink);padding:17px 0}.sf-track span{padding-right:55px}.sf-statement{padding:120px var(--pad);display:grid;grid-template-columns:1fr 2.1fr;gap:5vw;border-bottom:0}.sf-statement-copy>p{font-size:20px;margin-top:0}.sf-statement-copy h2,.sf-services h2,.sf-thinking h2,.sf-proof blockquote{font:700 clamp(48px,7vw,108px)/.92 'Space Grotesk';letter-spacing:-.065em;margin:0}.sf-statement-copy h2 em,.sf-thinking h2 em{font-style:normal;color:var(--violet)}
.sf-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:100px;border-top:1px solid}.sf-principles article{background:transparent;border:0;border-right:1px solid;border-radius:0;padding:25px 30px 50px 0;min-height:430px;display:block}.sf-principles article+article{padding-left:30px}.sf-principles article:last-child{border-right:0}.sf-principles article:hover{transform:none;background:transparent}.sf-principles h3{font:700 27px 'Space Grotesk';margin:45px 0 15px}.sf-principles p{color:var(--ink);max-width:330px}.sf-flip{width:66px;height:66px;display:grid;place-items:center;background:var(--yellow);border-radius:16px;font-size:30px;margin-top:70px;transition:.7s transform,.35s background;transform-style:preserve-3d}.sf-principles article:hover .sf-flip{transform:rotateY(180deg);background:var(--orange)}
.sf-services{background:var(--ink);color:var(--paper);padding:110px var(--pad)}.sf-services header{display:grid;grid-template-columns:.6fr 2fr;gap:4vw}.sf-services header>div>p{font-size:18px;color:#cbc7bc}.sf-services h2 em{font-style:normal;color:var(--yellow)}.sf-service-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #ffffff55;margin-top:80px}.sf-service-card{min-height:480px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #ffffff55;border-bottom:1px solid #ffffff55;position:relative;overflow:hidden;transition:.35s}.sf-service-card:nth-child(2n){border-right:0}.sf-service-card:nth-child(n+3){border-bottom:0}.sf-service-card:before{content:'';position:absolute;inset:100% 0 0;background:var(--violet);transition:.4s;z-index:0}.sf-service-card:hover:before{inset:0}.sf-service-card>*{position:relative;z-index:1}.sf-service-card>div{display:flex;justify-content:space-between}.sf-service-card>div b{font-size:35px}.sf-service-card small{text-transform:uppercase;letter-spacing:1.5px;color:var(--yellow)}.sf-service-card h3{font:700 clamp(34px,4vw,62px)/1 'Space Grotesk';letter-spacing:-.05em;margin:15px 0}.sf-service-card p{font-size:17px;line-height:1.55;max-width:480px;color:var(--paper)}
.sf-thinking{display:grid;grid-template-columns:44% 56%;padding:0 var(--pad);background:var(--yellow)}.sf-thinking-sticky{height:100vh;position:sticky;top:0;padding:90px 7vw 70px 0;display:flex;flex-direction:column}.sf-thinking-sticky h2{margin-top:70px}.sf-thinking-sticky>p:last-child{margin-top:auto}.sf-thinking-orb{width:180px;height:180px;border-radius:50%;background:var(--orange);margin-top:50px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;animation:sf-breathe 4s ease-in-out infinite}.sf-thinking-orb span{font-size:24px}.sf-thinking-orb b{font:600 19px 'Space Grotesk'}@keyframes sf-breathe{50%{border-radius:38% 62% 55% 45%}}
.sf-thinking-scroll{border-left:1px solid}.sf-thinking-scroll article{min-height:76vh;padding:90px 6vw;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid}.sf-thinking-scroll article header{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1px}.sf-thinking-scroll h3{font:600 clamp(38px,5vw,75px)/1.03 'Space Grotesk';letter-spacing:-.055em;margin:80px 0 30px}.sf-thinking-scroll p{font-size:19px;line-height:1.55;max-width:560px}.sf-thinking-scroll a{margin-top:45px;text-decoration:underline;text-underline-offset:7px}
.sf-proof{padding:150px var(--pad);background:var(--paper);text-align:left}.sf-proof blockquote{margin-top:60px}.sf-proof blockquote em{font-style:normal;color:var(--orange)}.sf-footer{background:var(--violet);color:white;padding:110px var(--pad) 30px}.sf-footer h2{font-size:clamp(55px,8vw,125px)}.sf-footer h2 em{color:var(--yellow)}
@media(max-width:860px){.sf-nav{height:70px}.sf-hero{min-height:100svh;padding-top:120px}.sf-hero h1{font-size:19vw}.sf-hero-foot{display:flex;align-items:center}.sf-hero-foot>p{max-width:75%}.sf-statement{display:block;padding-block:80px}.sf-statement-copy{margin-top:55px}.sf-principles{grid-template-columns:1fr;margin-top:60px}.sf-principles article,.sf-principles article+article{padding:30px 0;border-right:0;border-bottom:1px solid;min-height:auto}.sf-flip{margin-top:30px}.sf-services{padding-block:80px}.sf-services header{display:block}.sf-services header>div{margin-top:35px}.sf-service-grid{grid-template-columns:1fr}.sf-service-card{min-height:400px;border-right:0!important;border-bottom:1px solid!important}.sf-thinking{display:block;padding:0}.sf-thinking-sticky{height:auto;position:relative;padding:80px var(--pad)}.sf-thinking-sticky h2{margin-top:50px}.sf-thinking-orb{width:130px;height:130px}.sf-thinking-sticky>p:last-child{margin-top:50px}.sf-thinking-scroll{border-left:0;border-top:1px solid}.sf-thinking-scroll article{padding:70px var(--pad);min-height:70vh}.sf-thinking-scroll h3{margin:60px 0 20px}.sf-proof{padding-block:90px}}
@media(prefers-reduced-motion:reduce){.sf-spark,.sf-thinking-orb{animation:none}.sf-down,.sf-flip,.sf-service-card:before{transition:none}}


/* SalesFlint reusable resource article template — 2026 */
body:has(.sf-resource-template){--ra-accent:#7770dd;--ra-tint:#f3f5f8;--ra-deep:#45408f;--ra-grid:rgba(69,64,143,.13)}
body:has(.sf-resource-template.sf-brand-anatomy){--ra-accent:#6e8a70;--ra-tint:#f2f7f3;--ra-deep:#344c37;--ra-grid:rgba(52,76,55,.13)}
body:has(.sf-resource-template.sf-editorial){--ra-accent:#7770dd;--ra-tint:#f3f5f8;--ra-deep:#45408f;--ra-grid:rgba(69,64,143,.13)}
body:has(.sf-resource-template.sf-trend-forecasts){--ra-accent:#df816d;--ra-tint:#faf2f0;--ra-deep:#8d4437;--ra-grid:rgba(141,68,55,.13)}
body:has(.sf-resource-template.sf-behind-byline){--ra-accent:#9b79c9;--ra-tint:#f3f0fa;--ra-deep:#5e3e87;--ra-grid:rgba(94,62,135,.13)}
main.sf-page-hero:has(.sf-resource-template){max-width:none;padding:clamp(54px,7vw,96px) var(--pad) 100px;background:linear-gradient(180deg,var(--ra-tint) 0,rgba(255,255,255,0) 720px)}
main.sf-page-hero:has(.sf-resource-template)>h1{font:600 clamp(40px,5vw,68px)/.98 'Space Grotesk';letter-spacing:-.055em;max-width:1120px;margin:26px auto 32px;text-wrap:balance}
.sf-resource-template{max-width:1180px;margin:0 auto;color:#202624}
.sf-resource-template .sf-article-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(34px,5vw,76px);align-items:end;margin-bottom:clamp(70px,9vw,126px)}
.sf-resource-template .sf-article-kicker{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0 0 -10px;font:600 11px 'DM Sans';letter-spacing:.12em;text-transform:uppercase}
.sf-resource-template .sf-article-kicker span{border:1px solid currentColor;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.45)}
.sf-resource-template .sf-article-intro{font-size:clamp(18px,2vw,26px);line-height:1.4;margin:0;color:#353b38}
.sf-resource-template .sf-article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:26px;font-size:13px;color:#5f6662}
.sf-resource-template .sf-article-hero{margin:0;border-radius:24px;overflow:hidden;background:var(--ra-accent);aspect-ratio:16/10;box-shadow:0 24px 70px rgba(32,38,36,.13)}
.sf-resource-template .sf-article-hero img,.sf-resource-template .sf-article-hero video{width:100%;height:100%;display:block;object-fit:cover}
.sf-resource-template .sf-article-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:clamp(46px,7vw,100px);align-items:start;justify-content:center}
.sf-resource-template .sf-article-toc{position:sticky;top:28px;border-top:3px solid var(--ra-accent);padding-top:17px;font-size:13px}
.admin-bar .sf-resource-template .sf-article-toc{top:60px}
.sf-resource-template .sf-article-toc strong{font:600 12px 'Space Grotesk';letter-spacing:.11em;text-transform:uppercase}
.sf-resource-template .sf-article-toc ol{padding-left:18px;margin:16px 0 0}
.sf-resource-template .sf-article-toc li{margin:0 0 10px;color:#626864;line-height:1.35}
.sf-resource-template .sf-article-toc a{text-decoration:none}
.sf-resource-template .sf-article-toc a:hover{color:var(--ra-deep)}
.sf-resource-template .sf-article-content{font-size:18px;line-height:1.72}
.sf-resource-template .sf-article-content>p{margin:0 0 28px}
.sf-resource-template .sf-article-content>p:first-child{font-size:clamp(20px,2vw,25px);line-height:1.5}
.sf-resource-template .sf-article-content h2{font:600 clamp(31px,4vw,48px)/1.08 'Space Grotesk';letter-spacing:-.04em;margin:80px 0 24px;scroll-margin-top:40px}
.sf-resource-template .sf-article-content h3{font:600 clamp(23px,2.7vw,31px)/1.16 'Space Grotesk';letter-spacing:-.025em;margin:52px 0 18px}
.sf-resource-template .sf-article-content h4{font:600 19px 'Space Grotesk';margin:38px 0 12px}
.sf-resource-template .sf-article-content ul,.sf-resource-template .sf-article-content ol{margin:0 0 30px;padding-left:1.35em}
.sf-resource-template .sf-article-content li{margin:10px 0;padding-left:5px}
.sf-resource-template .sf-article-content a{text-decoration:underline;text-decoration-color:var(--ra-accent);text-decoration-thickness:2px;text-underline-offset:3px}
.sf-resource-template .sf-article-content figure{margin:48px 0}
.sf-resource-template .sf-article-content figure img{display:block;width:100%;height:auto;border-radius:16px}
.sf-resource-template .sf-article-content figcaption{font-size:13px;line-height:1.5;color:#676e69;margin-top:12px}
.sf-resource-template .sf-pullquote{margin:58px 0;padding:36px 38px;border:1px solid var(--ra-grid);background-color:#fff;background-image:linear-gradient(var(--ra-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ra-grid) 1px,transparent 1px);background-size:16px 16px}
.sf-resource-template .sf-pullquote p{font:500 clamp(24px,3.1vw,37px)/1.25 'Space Grotesk';letter-spacing:-.035em;margin:0}
.sf-resource-template .sf-pullquote cite{display:block;margin-top:24px;font-style:normal;font-size:13px;font-weight:600}
.sf-resource-template .sf-callout{margin:42px 0;border:1px solid rgba(32,38,36,.18);border-left:5px solid var(--ra-accent);border-radius:0 14px 14px 0;background:var(--ra-tint);padding:24px 28px}
.sf-resource-template .sf-callout-label{display:block;color:var(--ra-deep);font:700 11px 'DM Sans';letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}
.sf-resource-template .sf-callout p:last-child{margin-bottom:0}
.sf-resource-template .sf-callout.sf-warning{--ra-accent:#df816d;--ra-tint:#faf2f0;--ra-deep:#8d4437}
.sf-resource-template .sf-key-stat{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin:46px 0;padding:28px 30px;background:#202624;color:#fff;border-radius:16px}
.sf-resource-template .sf-key-stat strong{font:600 clamp(42px,6vw,72px)/1 'Space Grotesk';color:var(--ra-accent)}
.sf-resource-template .sf-key-stat p{margin:0;font-size:16px;line-height:1.5}
.sf-resource-template .sf-process{display:grid;gap:1px;margin:44px 0;background:rgba(32,38,36,.15);border:1px solid rgba(32,38,36,.15);border-radius:16px;overflow:hidden}
.sf-resource-template .sf-process-step{display:grid;grid-template-columns:52px 1fr;gap:18px;background:#fff;padding:23px}
.sf-resource-template .sf-process-step b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--ra-accent);color:#fff;font:600 14px 'Space Grotesk'}
.sf-resource-template .sf-process-step h4{margin:1px 0 5px}
.sf-resource-template .sf-process-step p{margin:0;font-size:15px}
.sf-resource-template .sf-data-table{width:100%;border-collapse:collapse;margin:42px 0;font-size:15px}
.sf-resource-template .sf-data-table caption{text-align:left;font:600 23px 'Space Grotesk';margin-bottom:14px}
.sf-resource-template .sf-data-table th,.sf-resource-template .sf-data-table td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid rgba(32,38,36,.17)}
.sf-resource-template .sf-data-table th{background:var(--ra-tint);font-weight:600}
.sf-resource-template .sf-further-reading{margin:44px 0;padding:24px 28px;border-top:1px solid var(--ra-accent);border-bottom:1px solid var(--ra-accent)}
.sf-resource-template .sf-further-reading strong{display:block;font:700 11px 'DM Sans';letter-spacing:.13em;text-transform:uppercase;color:var(--ra-deep);margin-bottom:10px}
.sf-resource-template .sf-article-end{margin-top:80px;padding-top:30px;border-top:1px solid rgba(32,38,36,.18);font-size:14px;color:#626864}
@media(max-width:900px){
 main.sf-page-hero:has(.sf-resource-template){padding-top:40px}
 .sf-resource-template .sf-article-head{grid-template-columns:1fr}
 .sf-resource-template .sf-article-kicker{margin-bottom:0}
 .sf-resource-template .sf-article-hero{min-width:0}
 .sf-resource-template .sf-article-layout{grid-template-columns:1fr}
 .sf-resource-template .sf-article-toc{position:relative;top:auto;border:1px solid rgba(32,38,36,.16);border-top:3px solid var(--ra-accent);padding:18px 22px;border-radius:12px}
}
@media(max-width:600px){
 main.sf-page-hero:has(.sf-resource-template)>h1{font-size:clamp(38px,12vw,56px);margin-top:18px}
 .sf-resource-template .sf-article-content{font-size:17px;line-height:1.68}
 .sf-resource-template .sf-article-content h2{margin-top:62px}
 .sf-resource-template .sf-pullquote{padding:28px 24px}
 .sf-resource-template .sf-key-stat{grid-template-columns:1fr;gap:10px}
}


/* Resource template editor normalization */
.sf-resource-template .sf-article-toc>p:empty,
.sf-resource-template .sf-article-kicker>p:empty,
.sf-resource-template .sf-article-meta>p:empty,
.sf-resource-template .sf-callout>p:empty,
.sf-resource-template .sf-key-stat>p:empty,
.sf-resource-template .sf-process-step>p:empty{display:none!important}
.sf-resource-template .sf-process-step{grid-template-columns:52px minmax(0,1fr)}
.sf-resource-template .sf-process-step>div{min-width:0}
@media(max-width:900px){.sf-resource-template .sf-article-toc{margin-bottom:28px}}


/* Cross-page interaction and layout refinements */
.nf-clients header .nf-client-count{grid-column:3;grid-row:2;width:auto;margin:18px 0 38px;align-self:start;justify-self:start}
.rs-collection header .rs-collection-link{grid-column:3;grid-row:2;justify-self:start;display:inline-flex;align-items:center;margin-top:18px;padding-bottom:6px;border-bottom:1px solid currentColor;font-weight:600;font-size:14px}
.rs-collection header .rs-collection-link:hover{color:var(--blue)}
.rs-collection,.sv-detail article{scroll-margin-top:92px}
.ab-riya .ab-riya-portrait{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;background:transparent;color:var(--ink);border-radius:0;overflow:visible}
.ab-riya-portrait figure{margin:0;overflow:hidden;border-radius:28px;background:var(--paper-deep);aspect-ratio:4/5}
.ab-riya-portrait figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.ab-riya-portrait blockquote{margin:22px 0 0;padding:24px 4px 0;border-top:1px solid var(--line);font:500 clamp(23px,2.5vw,34px)/1.22 'Space Grotesk';letter-spacing:-.035em;color:var(--ink)}
@media(max-width:800px){
 .nf-clients header .nf-client-count{grid-column:1/-1;grid-row:auto;margin:10px 0 30px}
 .rs-collection header .rs-collection-link{grid-column:1/-1;grid-row:auto;margin-top:8px}
 .ab-riya .ab-riya-portrait{margin-top:28px}
}


/* Resources collection thumbnails and About portrait cleanup */
.sf-page-hero .collection-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin-top:56px!important;border:0!important}
.sf-page-hero .collection-links>a{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto 1fr!important;align-items:start!important;padding:0 0 24px!important;min-height:0!important;border:1px solid var(--line)!important;border-radius:20px!important;overflow:hidden!important;background:var(--cream)!important}
.sf-page-hero .collection-links>a::before{content:""!important;display:block!important;grid-column:1/-1!important;aspect-ratio:16/10!important;border-bottom:1px solid var(--line)!important;background:linear-gradient(135deg,var(--blue) 0 48%,#fff 48% 54%,var(--coral) 54% 100%)!important}
.sf-page-hero .collection-links>a:nth-child(2)::before{background:radial-gradient(circle at 72% 30%,var(--acid) 0 18%,transparent 18%),linear-gradient(145deg,#202624 0 50%,var(--sage) 50%)!important}
.sf-page-hero .collection-links>a:nth-child(3)::before{background:linear-gradient(35deg,var(--sand) 0 33%,var(--coral) 33% 66%,var(--blue) 66%)!important}
.sf-page-hero .collection-links>a:nth-child(4)::before{background:radial-gradient(circle at 30% 35%,var(--coral) 0 16%,transparent 16%),linear-gradient(135deg,var(--paper-deep),var(--blue))!important}
.sf-page-hero .collection-links>a:nth-child(5)::before{background:linear-gradient(90deg,var(--sage) 0 25%,var(--acid) 25% 50%,var(--sand) 50% 75%,var(--coral) 75%)!important}
.sf-page-hero .collection-links>a>span{grid-column:1/-1!important;margin:19px 22px 8px!important;color:var(--coral)!important;font-size:11px!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.sf-page-hero .collection-links>a>strong{grid-column:1!important;margin:0 12px 0 22px!important;font:600 clamp(21px,2.1vw,30px)/1.12 'Space Grotesk'!important;letter-spacing:-.025em!important}
.sf-page-hero .collection-links>a>b{grid-column:2!important;grid-row:3!important;margin:4px 22px 0 0!important;font-size:20px!important;color:var(--blue)!important}
.sf-page-hero .collection-links>a:hover{transform:translateY(-5px)!important;box-shadow:0 18px 45px rgba(32,38,36,.11)!important}
.ab-riya .ab-riya-portrait::before,.ab-riya .ab-riya-portrait::after{display:none!important;content:none!important}
.ab-story aside .ab-founder-quote{margin:22px 0 0;padding:22px 4px 0;border-top:1px solid var(--line);font:500 clamp(22px,2.4vw,32px)/1.24 'Space Grotesk';letter-spacing:-.03em;color:var(--ink)}
@media(max-width:900px){.sf-page-hero .collection-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.sf-page-hero .collection-links{grid-template-columns:1fr!important}}


/* Same-page tabs, aligned portraits, and tighter client count */
.nf-clients header .nf-client-summary{grid-column:3;grid-row:1/span 2;display:flex;flex-direction:column;align-items:flex-start;align-self:start}
.nf-clients header .nf-client-summary>p:first-child{margin:0}
.nf-clients header .nf-client-summary .nf-client-count{width:auto;margin:16px 0 0;display:flex;align-items:flex-end;gap:14px}
.ab-story{grid-template-columns:minmax(320px,37.5%) minmax(0,1fr)!important}
.ab-story>aside,.ab-riya>.ab-riya-portrait{width:100%!important}
.ab-story .ab-photo,.ab-riya-portrait figure{width:100%!imp[Truncated]
	

/* Article reading-layout refinement — 2026-08-22 */
body .sf-resource-template .sf-article-title,
body .sf-resource-template .sf-article-title.sf-title-single-line{
  width:100%!important;
  max-width:min(1200px,100%)!important;
  white-space:normal!important;
  text-wrap:balance!important;
  overflow-wrap:anywhere!important;
  font-size:clamp(36px,3.6vw,58px)!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  margin-inline:auto!important;
}
.sf-resource-template .sf-article-layout.sf-article-layout-two{
  display:grid!important;
  grid-template-columns:minmax(0,860px) minmax(220px,280px)!important;
  gap:clamp(36px,5vw,80px)!important;
  width:100%!important;
  max-width:1240px!important;
  margin-inline:auto!important;
  align-items:start!important;
}
.sf-resource-template .sf-article-layout-two .sf-article-content{min-width:0!important;width:100%!important}
.sf-resource-template .sf-article-layout-two .sf-article-sidebar{
  position:sticky!important;
  top:32px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:28px!important;
  min-width:0!important;
}
.admin-bar .sf-resource-template .sf-article-layout-two .sf-article-sidebar{top:64px!important}
.sf-resource-template .sf-article-layout-two .sf-preferred-source{order:1}
.sf-resource-template .sf-article-layout-two .sf-article-toc{order:2;position:static!important;top:auto!important;width:100%!important}
.sf-resource-template .sf-article-layout-two .sf-share-panel{order:3}
.sf-resource-template .sf-article-content h2{
  font-size:clamp(27px,2.7vw,36px)!important;
  line-height:1.16!important;
  letter-spacing:-.025em!important;
  margin-top:64px!important;
  margin-bottom:20px!important;
}
.sf-resource-template .sf-callout{
  padding:20px 22px!important;
  margin:34px 0!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.sf-resource-template .sf-callout-label{font-size:10px!important;margin-bottom:8px!important}
.sf-resource-template .sf-pullquote{
  padding:24px 26px!important;
  margin:38px 0!important;
  font:500 clamp(19px,1.8vw,24px)/1.38 'Space Grotesk',sans-serif!important;
  letter-spacing:-.02em!important;
}
.sf-resource-template .sf-pullquote p{font:inherit!important;letter-spacing:inherit!important}
@media(max-width:900px){
  .sf-resource-template .sf-article-layout.sf-article-layout-two{grid-template-columns:1fr!important;gap:42px!important}
  .sf-resource-template .sf-article-layout-two .sf-article-sidebar{position:static!important;top:auto!important}
}
@media(max-width:767px){
  body .sf-resource-template .sf-article-title,
  body .sf-resource-template .sf-article-title.sf-title-single-line{font-size:clamp(32px,9vw,44px)!important}
  .sf-resource-template .sf-article-content h2{font-size:clamp(25px,7vw,32px)!important;margin-top:52px!important}
  .sf-resource-template .sf-pullquote{font-size:19px!important;padding:21px 20px!important}
}
	
}
/* Restore the final selector that was cut off before this refinement. */
.ab-story .ab-photo,.ab-riya-portrait figure{width:100%!important}

/* Article reading-layout refinement — top-level repair 2026-08-22 */
body .sf-resource-template .sf-article-title,
body .sf-resource-template .sf-article-title.sf-title-single-line{
  width:100%!important;max-width:min(1200px,100%)!important;white-space:normal!important;
  text-wrap:balance!important;overflow-wrap:anywhere!important;font-size:clamp(36px,3.6vw,58px)!important;
  line-height:1.08!important;letter-spacing:-.03em!important;margin-inline:auto!important
}
.sf-resource-template .sf-article-layout.sf-article-layout-two{
  display:grid!important;grid-template-columns:minmax(0,860px) minmax(220px,280px)!important;
  gap:clamp(36px,5vw,80px)!important;width:100%!important;max-width:1240px!important;
  margin-inline:auto!important;align-items:start!important
}
.sf-resource-template .sf-article-layout-two .sf-article-content{min-width:0!important;width:100%!important}
.sf-resource-template .sf-article-layout-two .sf-article-sidebar{
  position:sticky!important;top:32px!important;display:flex!important;flex-direction:column!important;
  gap:28px!important;min-width:0!important
}
.admin-bar .sf-resource-template .sf-article-layout-two .sf-article-sidebar{top:64px!important}
.sf-resource-template .sf-article-layout-two .sf-preferred-source{order:1}
.sf-resource-template .sf-article-layout-two .sf-article-toc{order:2;position:static!important;top:auto!important;width:100%!important}
.sf-resource-template .sf-article-layout-two .sf-share-panel{order:3}
.sf-resource-template .sf-article-content h2{
  font-size:clamp(27px,2.7vw,36px)!important;line-height:1.16!important;
  letter-spacing:-.025em!important;margin-top:64px!important;margin-bottom:20px!important
}
.sf-resource-template .sf-callout{
  padding:20px 22px!important;margin:34px 0!important;font-size:16px!important;line-height:1.55!important
}
.sf-resource-template .sf-callout-label{font-size:10px!important;margin-bottom:8px!important}
.sf-resource-template .sf-pullquote{
  padding:24px 26px!important;margin:38px 0!important;
  font:500 clamp(19px,1.8vw,24px)/1.38 'Space Grotesk',sans-serif!important;letter-spacing:-.02em!important
}
.sf-resource-template .sf-pullquote p{font:inherit!important;letter-spacing:inherit!important}
@media(max-width:900px){
  .sf-resource-template .sf-article-layout.sf-article-layout-two{grid-template-columns:1fr!important;gap:42px!important}
  .sf-resource-template .sf-article-layout-two .sf-article-sidebar{position:static!important;top:auto!important}
}
@media(max-width:767px){
  body .sf-resource-template .sf-article-title,
  body .sf-resource-template .sf-article-title.sf-title-single-line{font-size:clamp(32px,9vw,44px)!important}
  .sf-resource-template .sf-article-content h2{font-size:clamp(25px,7vw,32px)!important;margin-top:52px!important}
  .sf-resource-template .sf-pullquote{font-size:19px!important;padding:21px 20px!important}
}

.sf-resource-template .sf-article-sidebar>p:empty{display:none!important;margin:0!important}


/* Article typography refinement — 2026-08-22 */
.sf-resource-template .sf-article-content h2,
.sf-resource-template .sf-article-content h2 strong{
  font-family:'Space Grotesk',sans-serif!important;
  font-size:clamp(25px,2.3vw,32px)!important;
  font-weight:400!important;
  line-height:1.3!important;
  letter-spacing:-.015em!important
}
body .sf-resource-template .sf-article-title,
body .sf-resource-template .sf-article-title.sf-title-single-line{line-height:1.18!important}
@media(max-width:767px){
  .sf-resource-template .sf-article-content h2,
  .sf-resource-template .sf-article-content h2 strong{
    font-size:clamp(24px,6.5vw,29px)!important;
    line-height:1.3!important
  }
  body .sf-resource-template .sf-article-title,
  body .sf-resource-template .sf-article-title.sf-title-single-line{line-height:1.2!important}
}


/* Pull-quote mesh colour — 2026-08-22 */
.sf-resource-template .sf-pullquote{
  background-color:color-mix(in srgb,var(--ra-tint) 78%,var(--ra-accent) 22%)!important;
  background-image:
    linear-gradient(rgba(32,38,36,.15) 1px,transparent 1px),
    linear-gradient(90deg,rgba(32,38,36,.15) 1px,transparent 1px)!important;
  background-size:16px 16px!important;
  border-color:rgba(32,38,36,.24)!important
}


/* Article sidebar clipping fix — 2026-08-22 */
body .sf-resource-template .sf-article-layout-two .sf-article-sidebar{
  position:static!important;
  top:auto!important;
  max-height:none!important;
  overflow:visible!important
}


/* Sticky sidebar below header — 2026-08-22 */
@media(min-width:901px){
  body .sf-resource-template .sf-article-layout-two .sf-article-sidebar{
    position:sticky!important;
    top:96px!important;
    max-height:calc(100vh - 112px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(32,38,36,.28) transparent!important;
    padding-right:8px!important
  }
  body.admin-bar .sf-resource-template .sf-article-layout-two .sf-article-sidebar{
    top:128px!important;
    max-height:calc(100vh - 144px)!important
  }
}


/* Warm pull-quote mesh — 2026-08-22 */
body .sf-resource-template .sf-pullquote{
  color:#202624!important;
  background-color:#FFF1D6!important;
  background-image:
    linear-gradient(rgba(52,58,55,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(52,58,55,.13) 1px,transparent 1px)!important;
  background-size:16px 16px!important;
  border-color:#E7BF78!important
}