:root{--ink:#151612;--paper:#f1f0e9;--white:#fffef8;--lime:#dfff4f;--muted:#77786e;--line:#d5d5ca;--darkline:#36382e;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}button{cursor:pointer}.shell{max-width:var(--max);margin:auto;padding:0 28px}.topbar{background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.06em;padding:8px 0}.topbar .shell{display:flex;justify-content:space-between;gap:12px}.topbar b{color:var(--lime);font-weight:700}.nav{position:sticky;top:0;z-index:50;background:rgba(241,240,233,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navinner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-family:"Space Grotesk",sans-serif;font-size:22px;font-weight:700;letter-spacing:-1.4px;white-space:nowrap}.logo .mark{display:inline-block;background:var(--lime);width:12px;height:12px;border-radius:50%;margin-left:3px}.navlinks{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:600}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;left:0;bottom:-7px;height:1px;width:0;background:var(--ink);transition:width .25s}.navlinks a:hover:after{width:100%}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 18px;border:1px solid var(--ink);background:var(--ink);color:var(--white);font-size:12px;font-weight:700;transition:transform .2s,background .2s,color .2s}.navcta:hover,.btn:hover{transform:translateY(-2px);background:var(--lime);color:var(--ink)}.btn.light{background:transparent;color:var(--ink)}.btn.light:hover{background:var(--lime)}.menu-toggle{display:none;border:1px solid var(--ink);background:transparent;width:42px;height:42px;font-size:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:20px;height:2px;background:var(--ink)}.eyebrow.lime{color:var(--lime)}.eyebrow.lime:before{background:var(--lime)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.display{font-family:"Space Grotesk",sans-serif;letter-spacing:-.055em;font-weight:600;line-height:.98}h1{font-size:clamp(46px,7.4vw,102px);margin:22px 0}h2{font-size:clamp(36px,5vw,64px);margin:15px 0 18px}h3{font-size:24px;line-height:1.05;margin-bottom:10px}.lead{font-size:17px;line-height:1.65;color:#5f6057;max-width:590px}.muted{color:var(--muted)}.section{padding:100px 0}.section.dark{background:var(--ink);color:var(--paper)}.section.dark .muted,.section.dark .lead{color:#b4b5a9}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}.section-head>p{max-width:350px;margin:0;color:var(--muted);font-size:13px}.section.dark .section-head>p{color:#b4b5a9}.lime{color:#b3ce24}.lime-bg{background:var(--lime)}.hero{padding:58px 0 50px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:38px;align-items:center}.hero-copy{padding:16px 0 30px;position:relative;z-index:2}.hero h1 .outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero h1 .highlight{position:relative;white-space:nowrap}.hero h1 .highlight:after{content:"";position:absolute;z-index:-1;left:-3px;right:-8px;bottom:5px;height:19px;background:var(--lime);transform:rotate(-1.7deg)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 28px}.microproof{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--muted)}.avatar-stack{display:flex;flex-shrink:0}.avatar-stack img{width:39px;height:39px;object-fit:cover;border-radius:50%;border:2px solid var(--paper);margin-left:-7px;background:#e1e0d5}.avatar-stack img:first-child{margin-left:0}.team-microproof{display:inline-flex;align-items:center;gap:13px;margin-top:2px;padding:7px 10px 7px 2px;border:1px solid transparent;transition:border-color .2s,background .2s;max-width:100%;text-decoration:none}.team-microproof:hover,.team-microproof:focus-visible{border-color:var(--line);background:#e7e6dc;outline:none}.team-microproof-copy{display:grid;gap:2px;max-width:290px}.team-microproof-copy strong{font-size:12px;color:var(--ink);font-weight:700}.team-microproof-copy>span{font-size:10px;line-height:1.45;color:var(--muted)}.team-microproof-copy b{font-size:10px;color:var(--ink);margin-top:3px}.team-microproof-copy b span{color:#7f921d;margin-left:3px}.hero-art{min-height:520px;position:relative;perspective:1200px}.hero-art .backdrop{position:absolute;inset:8% 3% 6% 7%;background:#e1e0d5;transform:rotate(3deg);border-radius:2px}.hero-art .main-photo{position:absolute;left:17%;top:5%;width:59%;height:76%;overflow:hidden;transform:rotateY(-8deg) rotateZ(2deg);box-shadow:18px 22px 0 var(--lime);background:#b8b9a9}.hero-art .main-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.photo-label{position:absolute;left:0;bottom:7%;background:var(--ink);color:var(--paper);padding:12px 16px;font-size:10px;letter-spacing:.1em;font-weight:700}.social-card{position:absolute;right:0;top:13%;width:39%;background:var(--white);padding:11px;box-shadow:0 16px 40px #14150f24;transform:rotate(5deg);border:1px solid #d8d8cc}.social-card .cardtop{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;margin-bottom:9px}.platform-icon{display:inline-grid;place-items:center;background:var(--lime);width:23px;height:23px;font-size:11px;margin-right:5px}.social-card img{height:112px;width:100%;object-fit:cover}.social-card strong{display:block;font-size:12px;margin-top:9px}.social-card small{font-size:9px;color:var(--muted)}.floating-note{position:absolute;right:5%;bottom:5%;background:var(--lime);padding:17px 19px;transform:rotate(-4deg);box-shadow:7px 7px 0 var(--ink);max-width:200px}.floating-note b{font-family:"Space Grotesk";font-size:19px;line-height:1.05;display:block}.floating-note span{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.vertical-label{position:absolute;left:2%;top:26%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.18em;font-weight:700}.brandstrip{background:var(--lime);padding:22px 0}.brandstrip .shell{display:grid;grid-template-columns:1.1fr 2.9fr;gap:25px;align-items:center}.brandstrip .caption{font-size:10px;letter-spacing:.14em;font-weight:800;text-transform:uppercase}.brandlist{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:center}.brandname{font-family:"Space Grotesk";font-size:16px;font-weight:700;letter-spacing:-.7px}.brandname small{display:block;font-family:"DM Sans";font-size:8px;letter-spacing:.14em}.platform-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 30px}.tab{border:1px solid #a9aa9e;background:transparent;padding:10px 14px;font-size:11px;font-weight:700}.tab.active,.tab:hover{background:var(--lime);border-color:var(--lime)}.campaign-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:14px;align-items:start}.campaign{position:relative;min-width:0}.campaign:nth-child(2){margin-top:55px}.campaign:nth-child(3){margin-top:20px}.campaign-media{position:relative;overflow:hidden;background:#d4d3c6;aspect-ratio:4/4.5}.campaign:nth-child(2) .campaign-media{aspect-ratio:4/5.3}.campaign-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s;filter:saturate(.82)}.campaign:hover .campaign-media img{transform:scale(1.05)}.campaign .playbadge{position:absolute;right:13px;top:13px;background:var(--lime);width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:12px}.campaign-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;text-transform:uppercase;letter-spacing:.11em;margin:13px 0 7px}.campaign h3{font-size:23px;margin:0}.campaign p{font-size:12px;color:var(--muted);margin:8px 0 0}.pill-label{display:inline-block;background:var(--ink);color:var(--paper);padding:5px 8px;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--darkline);border-left:1px solid var(--darkline)}.service{min-height:220px;padding:24px;border-right:1px solid var(--darkline);border-bottom:1px solid var(--darkline);transition:background .25s,color .25s}.service:hover{background:var(--lime);color:var(--ink)}.service .number{font-size:10px;opacity:.65}.service h3{font-size:23px;margin:38px 0 10px}.service p{font-size:12px;max-width:260px;color:#b4b5a9}.service:hover p{color:#505143}.service .arrow{display:block;margin-top:17px;font-size:18px}.manifesto{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.manifesto .sidecopy{font-size:12px;max-width:250px;color:#b4b5a9;line-height:1.8}.manifesto h2{font-size:clamp(38px,5.4vw,70px)}.manifesto h2 em{font-style:normal;color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--darkline);margin-top:45px}.step{padding:22px 18px 0 0}.step .number{font-size:10px;color:var(--lime)}.step h3{font-size:19px;margin:20px 0 10px}.step p{font-size:11px;color:#b4b5a9}.quote-panel{display:grid;grid-template-columns:.8fr 1.2fr;background:#e4e3d9}.quote-photo{min-height:350px;position:relative}.quote-photo img{position:absolute;width:100%;height:100%;object-fit:cover;filter:grayscale(.2)}.quote-content{padding:42px;display:flex;flex-direction:column;justify-content:center}.quote-content blockquote{font-family:"Space Grotesk";font-size:clamp(25px,3.3vw,42px);letter-spacing:-.04em;line-height:1.12;margin:22px 0}.quote-content p{font-size:11px;color:var(--muted)}.cta-band{background:var(--lime);padding:60px 0}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:28px}.cta-grid h2{max-width:750px;margin:12px 0 0}.footer{background:var(--ink);color:var(--paper);padding:55px 0 22px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding-bottom:40px;border-bottom:1px solid var(--darkline)}.footer .logo{font-size:28px}.footer .logo .mark{background:var(--lime)}.footer p{font-size:12px;color:#b4b5a9;max-width:280px;margin-top:16px}.footer h2,.footer h4{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}.footer .footlinks{display:grid;gap:10px;font-size:12px;color:#d0d0c5}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:20px;font-size:10px;color:#999a8e}.pagehero{padding:80px 0 62px;background:var(--lime)}.pagehero h1{max-width:900px;font-size:clamp(48px,8vw,95px)}.pagehero .lead{color:#4e5140}.breadcrumb{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:30px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.prose{max-width:760px}.prose p,.prose li{color:#606157;line-height:1.85}.prose h2{font-size:38px;margin-top:40px}.prose ul{padding-left:20px}.image-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.image-duo img{width:100%;height:350px;object-fit:cover}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}.feature-item{padding:24px 18px 24px 0;border-bottom:1px solid var(--line)}.feature-item h3{font-size:19px}.feature-item p{font-size:12px;color:var(--muted);max-width:390px}.faq-list{max-width:850px}.faq-item{border-bottom:1px solid var(--line)}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px 0;background:none;border:0;text-align:left;font-family:"Space Grotesk";font-size:20px;font-weight:600}.faq-answer{display:none;color:var(--muted);font-size:13px;line-height:1.8;max-width:750px;padding:0 35px 22px 0}.faq-item.open .faq-answer{display:block}.faq-item.open .plus{transform:rotate(45deg)}.plus{font-size:24px;transition:transform .2s}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact-form{display:grid;gap:14px}.contact-form label{font-size:11px;font-weight:700}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:13px;border:1px solid var(--line);background:var(--white);margin-top:6px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#727b24}.contact-form textarea{min-height:140px;resize:vertical}.form-status{font-size:12px;background:var(--lime);padding:12px;display:none}.form-status.show{display:block}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-card img{width:100%;aspect-ratio:4/4.6;object-fit:cover;filter:saturate(.75)}.team-card h3{font-size:21px;margin:12px 0 4px}.team-card p{font-size:11px;color:var(--muted)}.notfound{padding:100px 0;text-align:center}.notfound h1{font-size:120px}.small-note{font-size:10px;color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}}@media(max-width:900px){.navlinks{gap:14px}.navlinks a:nth-child(4),.navlinks a:nth-child(5){display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:15px}.hero-art{min-height:430px}.hero h1{font-size:clamp(46px,7vw,75px)}.brandstrip .shell{grid-template-columns:1fr}.brandlist{justify-content:flex-start}.services-grid{grid-template-columns:repeat(2,1fr)}.manifesto{gap:25px}.footer-top{grid-template-columns:1.2fr 1fr 1fr}.contact-grid{gap:30px}}@media(max-width:650px){.shell{padding:0 18px}.topbar .shell{font-size:9px}.navinner{height:66px}.menu-toggle{display:block}.navcta{display:none}.navlinks{display:none;position:absolute;top:66px;left:0;right:0;background:var(--paper);padding:20px 22px 24px;border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column;gap:18px}.navlinks.open{display:flex}.navlinks a:nth-child(4),.navlinks a:nth-child(5){display:block}.hero{padding:30px 0 35px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(49px,13vw,75px);letter-spacing:-.065em}.lead{font-size:15px}.hero-art{min-height:420px;margin:0 -4px}.hero-art .main-photo{left:17%;width:61%;height:77%}.hero-art .social-card{width:41%;right:1%;top:12%}.hero-art .social-card img{height:94px}.hero-art .floating-note{right:2%;bottom:4%}.hero-art .vertical-label{left:1%}.microproof{font-size:10px}.team-microproof{gap:10px;padding-right:6px}.avatar-stack img{width:35px;height:35px}.team-microproof-copy strong{font-size:11px}.team-microproof-copy>span{font-size:9px}.brandstrip{padding:19px 0}.brandlist{gap:18px 25px}.brandname{font-size:14px}.section{padding:66px 0}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:15px}.campaign-grid{grid-template-columns:1fr 1fr;gap:16px}.campaign:nth-child(2),.campaign:nth-child(3){margin-top:0}.campaign:nth-child(3){grid-column:1/-1;width:75%;margin-left:auto;margin-right:auto}.campaign h3{font-size:19px}.campaign p{font-size:11px}.campaign-meta{font-size:8px}.services-grid{grid-template-columns:1fr}.service{min-height:160px;padding:20px}.service h3{margin-top:25px}.manifesto{grid-template-columns:1fr;gap:20px}.manifesto .sidecopy{max-width:420px}.steps{grid-template-columns:1fr 1fr;row-gap:20px}.quote-panel{grid-template-columns:1fr}.quote-photo{min-height:260px}.quote-content{padding:28px}.cta-band{padding:45px 0}.cta-grid{display:block}.cta-grid .btn{margin-top:22px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.pagehero{padding:55px 0 45px}.pagehero h1{font-size:clamp(46px,12vw,72px)}.two-col,.contact-grid{grid-template-columns:1fr;gap:30px}.image-duo img{height:240px}.feature-list{grid-template-columns:1fr}.blog-grid,.team-grid{grid-template-columns:1fr 1fr;gap:14px}.team-grid .team-card:last-child:nth-child(odd){grid-column:1/-1;width:70%}.notfound h1{font-size:90px}}@media(max-width:390px){.campaign-grid{grid-template-columns:1fr}.campaign:nth-child(3){grid-column:auto;width:100%}.campaign-media,.campaign:nth-child(2) .campaign-media{aspect-ratio:4/3}.blog-grid,.team-grid{grid-template-columns:1fr}.team-grid .team-card:last-child:nth-child(odd){width:100%}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.hero-art{min-height:370px}}

/* Portfolio, case studies, review centre and paginated journal */
.review-pending{display:inline-block;border:1px solid #c8c8bb;padding:7px 9px;font-size:9px;text-transform:uppercase;letter-spacing:.07em;margin-top:10px}.review-note{margin-top:25px;background:var(--lime);padding:22px 25px}.review-note p{font-size:12px;margin:10px 0 0}
@media(max-width:800px){}
@media(max-width:560px){}

/* Industry directory and dedicated industry pages */
.text-link{font-size:11px;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:4px}@media(max-width:800px){}@media(max-width:560px){}

/* Compact, readable Fiverr review section */

.fiverr-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--muted, #666)}.review-author{margin-top:auto;padding-top:12px;border-top:1px solid var(--line, #d8d7cf);display:flex;flex-direction:column;gap:3px}.review-author strong{font-size:12px;font-weight:750}.review-author span{font-size:11px;color:var(--muted, #666)}@media(max-width:900px){}@media(max-width:580px){.reviews-hero h1{max-width:14ch}}

@media(max-width:760px){}




/* Real client logo marquee + tighter homepage service discovery spacing */
.service-discovery{padding-top:24px;padding-bottom:24px}
.service-discovery .shell{max-width:1120px}
.service-discovery p{margin:0;max-width:1040px;font-size:14px;line-height:1.75}
.service-discovery a{text-decoration-thickness:1px;text-underline-offset:3px}
.brandstrip{padding:24px 0 22px;overflow:hidden}
.brandstrip .brandstrip-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:center}
.brandstrip-heading{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.brandstrip .caption{font-size:11px;line-height:1.5;letter-spacing:.12em}
.brandstrip-note{font-size:11px;line-height:1.5;opacity:.78}
.logo-motion-toggle{border:1px solid rgba(18,24,8,.4);background:transparent;color:inherit;padding:6px 10px;font:inherit;font-size:10px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
.logo-motion-toggle:hover,.logo-motion-toggle:focus-visible{background:#17190f;color:#f1f0e9;outline-offset:3px}
.logo-marquee{width:100%;overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%)}
.logo-track{display:flex;width:max-content;animation:of-logo-scroll 38s linear infinite;will-change:transform}
.logo-set{display:flex;align-items:center;flex-shrink:0;gap:clamp(28px,4vw,58px);padding-right:clamp(28px,4vw,58px)}
.logo-item{width:clamp(125px,15vw,190px);height:76px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.logo-item img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%;filter:grayscale(1);opacity:.78;transition:filter .25s,opacity .25s,transform .25s}
.logo-item:hover img{filter:grayscale(0);opacity:1;transform:translateY(-2px)}
.logo-marquee:hover .logo-track,.logo-marquee:focus-within .logo-track,.logo-marquee.is-paused .logo-track{animation-play-state:paused}
@keyframes of-logo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:800px){.brandstrip .brandstrip-shell{grid-template-columns:1fr;gap:14px}.brandstrip-heading{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px}.brandstrip-note{grid-column:1}.logo-motion-toggle{grid-column:2;grid-row:1/3}.logo-item{width:130px;height:58px}.logo-track{animation-duration:32s}.service-discovery{padding-top:18px;padding-bottom:18px}.service-discovery p{font-size:13px;line-height:1.7}}
@media(max-width:420px){.logo-item{width:112px;height:52px}.logo-set{gap:24px;padding-right:24px}.brandstrip{padding:18px 0}.logo-motion-toggle{font-size:9px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none!important;transform:none}.logo-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.logo-set[aria-hidden="true"]{display:none}}





@media(max-width:600px){}










@media(max-width:700px){}

/* Blog thumbnail quality and full-frame display */



/* Approved editorial thumbnail style: full-frame image, no inset/blur treatment */



/* Final responsive polish: shared navigation and footer across every page. */
.topbar{display:none}
.navinner{min-width:0}
.navlinks{min-width:0}
.footer{overflow:hidden}
.footer .shell,.footer-top>div{min-width:0}
.footer .logo{display:inline-flex;align-items:center;max-width:100%;white-space:nowrap}
.footer p{max-width:38ch;overflow-wrap:anywhere}
.footer a,.footer-bottom span{overflow-wrap:anywhere}
.footer .footlinks a{width:fit-content;max-width:100%;line-height:1.5}
.footer-bottom{align-items:flex-start;line-height:1.6}
@media(max-width:1024px){
  .navinner{gap:14px}
  .navlinks{gap:15px;font-size:11px}
  .navcta{padding:12px 13px;font-size:11px;white-space:nowrap}
  .footer-top{gap:24px;grid-template-columns:1.25fr 1fr 1fr}
}
@media(max-width:760px){
  .navinner{height:68px;gap:12px}
  .nav .logo{font-size:21px}
  .menu-toggle{flex:0 0 42px}
  .navlinks{top:68px;max-height:calc(100dvh - 68px);overflow-y:auto}
  .footer{padding:42px 0 20px}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;padding-bottom:28px}
  .footer-top>div:first-child{grid-column:1/-1}
  .footer-top>div:first-child p{max-width:48ch}
  .footer-bottom{gap:8px;padding-top:16px;font-size:10px}
}
@media(max-width:420px){
  .shell{padding-left:16px;padding-right:16px}
  .navinner{height:64px}
  .navlinks{top:64px}
  .nav .logo{font-size:19px;letter-spacing:-1.1px}
  .nav .logo .mark{width:10px;height:10px}
  .footer-top{grid-template-columns:minmax(0,1fr);gap:23px}
  .footer-top>div:first-child{grid-column:auto}
  .footer .logo{font-size:25px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-bottom span{max-width:100%}
}

/* Team page responsive repair: real portraits, balanced cards, no overflow on narrow screens. */
.team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(16px,2.4vw,30px); align-items:stretch; }
.team-card { min-width:0; overflow:hidden; }
.team-card img { display:block; width:100%; aspect-ratio:4/5; height:auto; object-fit:cover; object-position:center 30%; background:#e6e4dc; }
.team-card h3, .team-card p { overflow-wrap:anywhere; }
@media (max-width: 760px) { .team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media (max-width: 520px) { .team-grid { grid-template-columns:minmax(0,1fr); gap:18px; max-width:420px; margin-inline:auto; } .team-card img { aspect-ratio:5/4; object-position:center 28%; } }


/* Team profiles: compact, consistent portrait treatment across devices */
.team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch; }
.team-card { min-width:0; text-align:center; padding:28px 22px; }
.team-card img { display:block; width:112px; height:112px; max-width:100%; margin:0 auto 18px; object-fit:cover; object-position:center; border-radius:50%; aspect-ratio:1/1; }
.team-card h3 { margin:0 0 8px; overflow-wrap:anywhere; }
.team-card p { overflow-wrap:anywhere; }
@media (max-width: 760px) { .team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .team-card { padding:22px 14px; } .team-card img { width:88px; height:88px; margin-bottom:14px; } }
@media (max-width: 480px) { .team-grid { grid-template-columns:minmax(0,1fr); gap:14px; } .team-card { padding:22px 18px; } .team-card img { width:84px; height:84px; } }

/* OnlineFamily brand logo integration — header on light surfaces, footer on dark surfaces */
.nav .logo, .footer .logo { display:inline-flex; align-items:center; line-height:0; text-decoration:none; }
.nav .logo .brand-logo-img, .footer .logo .brand-logo-img { display:block; width:clamp(164px, 18vw, 232px); height:auto; max-height:44px; object-fit:contain; }
.nav .logo .mark, .footer .logo .mark { display:none !important; }
@media (max-width:640px) { .nav .logo .brand-logo-img, .footer .logo .brand-logo-img { width:164px; max-height:34px; } }

/* Online Family responsive finishing pass — shared across every page. */
html{overflow-x:clip}
body{overflow-wrap:break-word}
.shell{width:100%;min-width:0}
.navinner{min-width:0}
.nav .logo{flex:0 1 auto;min-width:0}
.nav .logo .brand-logo-img{width:clamp(148px,17vw,218px);max-width:100%;max-height:42px}
.footer .logo .brand-logo-img{width:clamp(168px,18vw,220px);max-width:100%;max-height:42px}
.footer{padding:38px 0 18px}
.footer-top{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr) minmax(0,.8fr);gap:24px;padding-bottom:25px}
.footer-top>div{min-width:0}
.footer p{max-width:34ch;line-height:1.7;margin:12px 0}
.footer h2,.footer h4{margin:0 0 12px}
.footer .footlinks{gap:8px;line-height:1.5}
.footer-bottom{padding-top:14px;align-items:center;font-size:10px}
.prose{width:100%;max-width:760px;margin-inline:auto}
.prose p,.prose li{font-size:17px;line-height:1.85}
.prose h2{font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-.035em;margin-top:38px}
.prose h3{line-height:1.2;letter-spacing:-.025em}
@media(max-width:900px){
 .nav .logo .brand-logo-img{width:clamp(145px,22vw,190px)}
 .footer-top{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,.8fr);gap:18px}
 .prose{max-width:720px}
}
@media(max-width:760px){
 .footer{padding:30px 0 16px}
 .footer-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 18px;padding-bottom:20px}
 .footer-top>div:first-child{grid-column:1/-1}
 .footer-top>div:first-child p{max-width:48ch}
 .footer .logo .brand-logo-img{width:184px;max-height:36px}
 .footer .footlinks{gap:7px;font-size:12px}
 .footer-bottom{flex-direction:column;align-items:flex-start;gap:5px}
 .prose{max-width:100%}
 .prose p,.prose li{font-size:16.5px;line-height:1.8}
 .prose h2{margin-top:32px}
 .section{padding-block:58px}
 .pagehero{padding-block:46px 38px}
}
@media(max-width:420px){
 .shell{padding-left:16px;padding-right:16px}
 .navinner{gap:10px;height:62px}
 .nav .logo .brand-logo-img{width:clamp(132px,43vw,160px);max-height:31px}
 .menu-toggle{width:40px;height:40px;flex:0 0 40px}
 .navlinks{top:62px}
 .footer-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 14px}
 .footer-top>div:first-child{grid-column:1/-1}
 .footer .logo .brand-logo-img{width:168px;max-height:32px}
 .footer .footlinks{font-size:11.5px;overflow-wrap:anywhere}
 .footer h2,.footer h4{font-size:9px;letter-spacing:.1em}
 .footer-bottom{font-size:9px}
 .prose p,.prose li{font-size:16px;line-height:1.78}
 .prose h2{font-size:28px}
 .hero h1,.pagehero h1{overflow-wrap:anywhere}
}
@media(max-width:340px){
 .nav .logo .brand-logo-img{width:126px}
 .footer-top{column-gap:10px}
 .footer .footlinks{font-size:11px}
}


/* Online Family update: clear, easy-to-tap mobile navigation */
@media (max-width: 650px) {
  .menu-toggle { display:flex !important; align-items:center; justify-content:center; width:48px; height:48px; min-width:48px; border:1px solid var(--ink); border-radius:3px; background:var(--lime); color:var(--ink); font-size:27px; line-height:1; font-weight:600; cursor:pointer; box-shadow:2px 2px 0 var(--ink); }
  .navinner { gap:12px; position:relative; }
  .navlinks { position:absolute !important; top:calc(100% + 8px); left:18px; right:18px; z-index:1000; padding:12px; background:var(--paper); border:1px solid var(--ink); box-shadow:4px 4px 0 var(--ink); gap:0 !important; flex-direction:column; align-items:stretch; max-height:calc(100vh - 100px); overflow-y:auto; }
  .navlinks.is-open, .navlinks.open, .navlinks.active { display:flex !important; }
  .navlinks a { display:block !important; padding:15px 12px; font-size:16px; line-height:1.3; border-bottom:1px solid var(--line); }
  .navlinks a:last-child { border-bottom:0; }
  .hero { padding-top:18px !important; }
  .hero-copy { padding-top:0 !important; }
}
@media (min-width:651px) { .hero { padding-top:32px; } }
/* Centre blog and article headings while keeping long-form article body readable */
.blog-pagehero, .article-pagehero { text-align:center; }
.blog-pagehero .lead, .article-pagehero .lead { margin-left:auto; margin-right:auto; }
.blog-pagehero h1, .article-pagehero h1 { margin-left:auto; margin-right:auto; max-width:900px; }
.blog-pagehero .eyebrow, .article-pagehero .eyebrow { justify-content:center; }

/* Breadcrumbs are not forcibly hidden; pages may opt into them when useful. */

/* Final responsive alignment: retain the existing desktop footer columns and left alignment. Center footer content only on tablet and mobile. */
@media (max-width: 760px) {
  .footer-top > div:first-child { text-align: center; display: flex; flex-direction: column; align-items: center; grid-column: 1 / -1; }
  .footer-top > div:first-child .logo { justify-content: center; margin-left: auto; margin-right: auto; }
  .footer-top > div:first-child p { margin-left: auto; margin-right: auto; max-width: 46ch; }
  .footer-top > div:first-child > a[href^="mailto:"] { align-self: center; }
  .footer-top > div:not(:first-child) { text-align: center; }
  .footer-top > div:not(:first-child) .footlinks { justify-items: center; }
  .footer-top > div:not(:first-child) .footlinks a { margin-left: auto; margin-right: auto; }
  .footer-bottom { justify-content: center; align-items: center; text-align: center; flex-direction: column; gap: 6px; }
  .footer-bottom span { display: block; width: 100%; text-align: center; }
}


/* Accessibility: keyboard skip navigation and clear focus indicators */
.skip-link{position:fixed;left:16px;top:12px;z-index:10000;padding:12px 16px;background:var(--lime);color:var(--ink);border:2px solid var(--ink);font-weight:700;transform:translateY(calc(-100% - 24px));visibility:hidden;opacity:0;pointer-events:none;transition:transform .15s ease,opacity .15s ease,visibility .15s ease}
.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);visibility:visible;opacity:1;pointer-events:auto;outline:3px solid var(--ink);outline-offset:3px}
/* Client-readiness pass: accessible navigation, readable type and resilient motion */
html:not(.js-enabled) .reveal{opacity:1;transform:none}
.navlinks a[aria-current="page"]::after{width:100%}
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid #748600;outline-offset:3px}
.footer h2,.footer h4{font-size:11px;line-height:1.4}
.footer .footlinks{font-size:12px}
.footer-bottom{font-size:11px}
@media(max-width:900px){
  .navinner{position:relative;gap:12px}
  .menu-toggle{display:flex!important;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;border:1px solid var(--ink);background:var(--lime);color:var(--ink);font-size:24px;line-height:1;cursor:pointer}
  .navcta{display:inline-flex!important;padding:10px 11px;font-size:10px;gap:6px;white-space:nowrap}
  .navlinks{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;z-index:1000;padding:10px!important;background:var(--paper)!important;border:1px solid var(--ink)!important;box-shadow:4px 4px 0 var(--ink);flex-direction:column!important;align-items:stretch!important;gap:0!important;max-height:calc(100dvh - 90px);overflow-y:auto}
  .navlinks.open{display:flex!important}
  .navlinks a,.navlinks a:nth-child(4),.navlinks a:nth-child(5){display:block!important;padding:14px 12px!important;font-size:15px!important;line-height:1.4;border-bottom:1px solid var(--line)}
  .navlinks a:last-child{border-bottom:0}
  .navlinks a::after{display:none}
}
@media(min-width:901px){
  .menu-toggle{display:none!important}
  .navlinks{display:flex!important;position:static!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;box-shadow:none!important;flex-direction:row!important}
  .navcta{display:inline-flex!important}
}
@media(max-width:760px){
  .footer h2,.footer h4{font-size:11px}
  .footer .footlinks{font-size:12px}
  .footer-bottom{font-size:11px}
}
@media(max-width:420px){
  .navinner{gap:8px}
  .nav .logo .brand-logo-img{width:clamp(124px,39vw,150px);max-height:31px}
  .navcta{padding:9px 8px;font-size:9px;gap:4px}
  .navcta span{display:none}
  .menu-toggle{flex-basis:40px;width:40px;height:40px;min-width:40px}
  .footer h2,.footer h4{font-size:11px;letter-spacing:.06em}
  .footer .footlinks{font-size:12px}
  .footer-bottom{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal,.reveal.visible{opacity:1!important;transform:none!important;transition:none!important}
}


/* Team page: two genuine profiles, balanced as a two-column editorial layout */
.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-inline:auto}
@media(max-width:520px){.team-grid{grid-template-columns:minmax(0,1fr);max-width:420px}}

/* Mobile/tablet header: logo left; Let's Talk grouped beside the menu button */
@media (max-width: 900px) {
  .navinner {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: clamp(10px, 2.5vw, 20px) !important;
  }
  .navinner > .logo {
    flex: 0 1 auto;
    min-width: 0;
    margin-right: auto;
  }
  .navinner > .navcta {
    order: 2;
    display: inline-flex !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: 0;
    white-space: nowrap;
    padding: 10px 13px;
    font-size: 10px;
    gap: 6px;
  }
  .navinner > .menu-toggle {
    order: 3;
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    margin: 0;
  }
  .navinner > .navlinks {
    order: 4;
  }
}
@media (max-width: 420px) {
  .navinner {
    gap: 8px !important;
  }
  .navinner > .logo .brand-logo-img {
    width: clamp(105px, 34vw, 138px);
    max-height: 30px;
  }
  .navinner > .navcta {
    padding: 9px 8px;
    font-size: 9px;
    letter-spacing: 0;
    gap: 3px;
  }
  .navinner > .navcta span {
    display: inline;
  }
  .navinner > .menu-toggle {
    flex-basis: 40px;
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
}

/* Team page: founder photo and name link to the founder profile */
.team-card>a{display:block;color:inherit;text-decoration:none}
.team-card h3 a{color:inherit;text-decoration:none}
.team-card>a:focus-visible,.team-card h3 a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}


/* Responsive, keyboard-accessible primary navigation */
.nav{z-index:100}
.navinner{position:relative;gap:clamp(10px,1.5vw,22px)}
.brand-logo-img{display:block;width:clamp(145px,15vw,190px);height:auto;max-height:48px;object-fit:contain;object-position:left center}
.navlinks{gap:clamp(12px,1.6vw,24px);font-size:12px;white-space:nowrap}
.nav-item{position:relative;display:flex;align-items:center}
.nav-dropdown-toggle{appearance:none;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:600;display:inline-flex;align-items:center;gap:6px;padding:14px 0;cursor:pointer;min-height:44px}
.nav-dropdown-toggle span{font-size:15px;transition:transform .2s ease}
.nav-item.dropdown-open>.nav-dropdown-toggle span{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% - 1px);left:-16px;min-width:230px;padding:9px;background:var(--paper,#f1f0e9);border:1px solid var(--line);box-shadow:0 16px 36px rgba(20,22,16,.13);display:none;z-index:120;white-space:normal}
.nav-item:hover>.nav-dropdown,.nav-item:focus-within>.nav-dropdown,.nav-item.dropdown-open>.nav-dropdown{display:grid}
.nav-dropdown a{padding:11px 12px;line-height:1.35;font-size:13px;border-radius:2px}
.nav-dropdown a:after{display:none}
.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:var(--lime);color:var(--ink);outline:none}
.nav-dropdown-toggle:focus-visible,.navlinks>a:focus-visible,.menu-toggle:focus-visible,.navcta:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.mobile-home-link{display:none}
.nav-reviews-link{white-space:nowrap}
.menu-toggle{flex:0 0 44px;align-items:center;justify-content:center;border:1px solid var(--ink);background:transparent;width:44px;height:44px;font-size:21px;cursor:pointer}
@media(max-width:1050px){
 .navinner{height:72px;gap:12px}
 .brand-logo-img{width:clamp(130px,18vw,170px)}
 .menu-toggle{display:inline-flex;order:3}
 .navcta{display:inline-flex;margin-left:auto;white-space:nowrap;padding:12px 14px}
 .navlinks{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain;background:var(--paper,#f1f0e9);padding:14px 20px 22px;border:1px solid var(--line);box-shadow:0 18px 30px rgba(20,22,16,.12);align-items:stretch;flex-direction:column;gap:2px;white-space:normal}
 .navlinks.open{display:flex}
 .mobile-home-link{display:block}
 .navlinks>a,.nav-dropdown-toggle{width:100%;min-height:48px;padding:13px 4px;text-align:left;font-size:14px;justify-content:space-between}
 .navlinks>a:after{display:none}
 .nav-item{display:flex;flex-direction:column;align-items:stretch;width:100%;border-bottom:1px solid var(--line)}
 .nav-item>.nav-dropdown-toggle{border:0}
 .nav-dropdown{position:static;left:auto;top:auto;min-width:0;width:100%;border:0;border-left:2px solid var(--lime);box-shadow:none;padding:0 0 8px 12px;background:transparent;display:none}
 .nav-item:hover>.nav-dropdown{display:none}
 .nav-item.dropdown-open>.nav-dropdown,.nav-item:focus-within>.nav-dropdown{display:grid}
 .nav-dropdown a{min-height:42px;padding:11px 12px;font-size:14px}
 .nav-reviews-link{border-bottom:1px solid var(--line)}
}
@media(max-width:480px){
 .navinner{height:66px;gap:8px}
 .brand-logo-img{width:clamp(112px,37vw,150px);max-height:40px}
 .navcta{font-size:10px;padding:11px 10px;gap:6px}
 .menu-toggle{width:42px;height:42px;flex-basis:42px}
 .navlinks{top:100%;padding:10px 16px 20px;max-height:calc(100dvh - 68px)}
}
@media(prefers-reduced-motion:reduce){.nav-dropdown-toggle span,.navcta{transition:none}}

/* Premium navigation refinement — restrained editorial styling, no gradient effects */
@media (min-width:1051px){
  .nav{background:rgba(241,240,233,.97);backdrop-filter:blur(16px);border-bottom:1px solid #d8d8cc}
  .navinner{min-height:82px}
  .navlinks{gap:clamp(13px,1.45vw,22px);font-size:12px;align-self:stretch}
  .navlinks>.nav-item{align-self:stretch}
  .nav-dropdown-toggle{position:relative;align-self:stretch;padding:0 1px;gap:8px;transition:color .18s ease}
  .nav-dropdown-toggle:hover,.nav-item.dropdown-open>.nav-dropdown-toggle{color:#59651b}
  .nav-dropdown-toggle span{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #c9cabc;border-radius:50%;font-size:12px;line-height:1}
  .nav-dropdown{top:calc(100% - 1px);left:-22px;width:292px;min-width:292px;padding:10px;background:#fbfaf5;border:1px solid #d7d8cb;border-top:3px solid var(--lime,#dfff38);border-radius:0 0 5px 5px;box-shadow:0 20px 48px rgba(20,22,16,.17);gap:2px;transform:translateY(7px);opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
  .nav-item:nth-of-type(2)>.nav-dropdown{width:300px;min-width:300px}
  .nav-item:nth-of-type(3)>.nav-dropdown{width:300px;min-width:300px}
  .nav-item:nth-of-type(4)>.nav-dropdown{width:280px;min-width:280px}
  .nav-item:hover>.nav-dropdown,.nav-item:focus-within>.nav-dropdown,.nav-item.dropdown-open>.nav-dropdown{display:grid;opacity:1;visibility:visible;transform:translateY(0)}
  .nav-dropdown:before{display:block;padding:8px 11px 10px;color:#77796b;font-size:9px;line-height:1.2;letter-spacing:.16em;font-weight:800;text-transform:uppercase;border-bottom:1px solid #e4e4d9;margin-bottom:4px}
  #nav-services-menu:before{content:"WHAT WE DO"}
  #nav-work-menu:before{content:"SELECTED WORK"}
  #nav-about-menu:before{content:"THE PEOPLE & AGENCY"}
  #nav-resources-menu:before{content:"INSIGHTS & INFORMATION"}
  .nav-dropdown a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:43px;padding:11px;border-radius:3px;color:#25261f;font-size:12px;font-weight:600;transition:background .16s ease,padding .16s ease,color .16s ease}
  .nav-dropdown a:after{content:"↗";position:static;width:auto;height:auto;background:transparent;font-size:13px;opacity:0;transform:translateX(-4px);transition:opacity .16s ease,transform .16s ease}
  .nav-dropdown a:hover:after,.nav-dropdown a:focus-visible:after{opacity:1;transform:translateX(0)}
  .nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:#edeee3;color:#171811;padding-left:14px;outline:1px solid #e0e1d4}
  .navcta{min-height:46px;padding:14px 17px;letter-spacing:.035em;border-radius:2px;white-space:nowrap}
}
@media (max-width:1050px){
  .nav{background:rgba(241,240,233,.98)}
  .navinner{min-height:70px}
  .navlinks{background:#f8f7f0;border:1px solid #d8d8cc;border-top:2px solid var(--lime,#dfff38);border-radius:0 0 5px 5px;box-shadow:0 22px 42px rgba(20,22,16,.16);padding:14px 18px 20px;gap:0}
  .navlinks>a,.nav-dropdown-toggle{font-weight:700;letter-spacing:.005em}
  .navlinks>.mobile-home-link,.navlinks>.nav-reviews-link{display:flex;align-items:center;justify-content:space-between;min-height:49px;border-bottom:1px solid #e0e0d5}
  .navlinks>.mobile-home-link:after{content:"↗";display:block;position:static;width:auto;height:auto;background:none;font-size:15px}
  .nav-item{border-bottom:1px solid #e0e0d5}
  .nav-dropdown-toggle{padding:13px 5px;min-height:50px}
  .nav-dropdown-toggle span{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid #c9cabc;border-radius:50%;font-size:13px}
  .nav-dropdown{border-left:2px solid var(--lime,#dfff38);padding:2px 0 10px 10px;margin:0 0 7px 3px;gap:2px}
  .nav-dropdown a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:11px 12px;background:#f0f0e7;border-radius:3px;font-size:13px;font-weight:600}
  .nav-dropdown a:after{content:"↗";position:static;width:auto;height:auto;background:none;font-size:13px;color:#71745d}
  .nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:#e7e9d7;color:#171811;outline:1px solid #d2d5b7}
  .nav-reviews-link{border-bottom:1px solid #e0e0d5}
  .menu-toggle{border-radius:3px;box-shadow:2px 2px 0 var(--ink);transition:transform .16s ease,background .16s ease}
  .menu-toggle:hover{background:var(--lime);transform:translate(-1px,-1px)}
  .navcta{border-radius:2px}
}
@media(max-width:480px){
  .navinner{min-height:66px}
  .navlinks{left:0;right:0;width:100%;padding:10px 13px 16px;max-height:calc(100dvh - 68px)}
  .navcta{min-height:42px}
  .menu-toggle{box-shadow:1px 1px 0 var(--ink)}
}
@media(prefers-reduced-motion:reduce){.nav-dropdown,.nav-dropdown a,.menu-toggle,.nav-dropdown a:after{transition:none!important}}


/* HEADER-ONLY FINAL REFINEMENT: premium editorial mega menus */
@media (min-width:1051px){
  .nav{position:sticky;top:0;z-index:1000;background:#f5f4ee;border-bottom:1px solid #d9d9cf;box-shadow:0 4px 18px rgba(22,24,17,.035);backdrop-filter:blur(12px)}
  .navinner{min-height:78px;gap:clamp(16px,2vw,30px)}
  .navlinks{gap:clamp(15px,1.8vw,27px);align-self:stretch}
  .navlinks>.nav-item{align-self:stretch;display:flex;align-items:stretch}
  .nav-dropdown-toggle{display:flex;align-items:center;gap:8px;padding:0 2px;color:#24251f;font-size:12px;font-weight:700;letter-spacing:.015em;white-space:nowrap}
  .nav-dropdown-toggle span{display:grid;place-items:center;width:19px;height:19px;border:1px solid #c9cabc;border-radius:50%;font-size:12px;transition:transform .18s ease,background .18s ease,border-color .18s ease}
  .nav-item:hover>.nav-dropdown-toggle span,.nav-item.dropdown-open>.nav-dropdown-toggle span,.nav-item:focus-within>.nav-dropdown-toggle span{transform:rotate(180deg);background:var(--lime,#dfff38);border-color:#b7c52d}
  .nav-dropdown{top:calc(100% - 1px);left:50%;transform:translate(-50%,10px);width:clamp(480px,49vw,610px);min-width:0;padding:20px 20px 0;background:#fffefa;border:1px solid #deded4;border-top:3px solid var(--lime,#dfff38);border-radius:0 0 8px 8px;box-shadow:0 24px 55px rgba(20,22,16,.16);display:grid;grid-template-columns:1fr 1fr;gap:0 12px;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
  .nav-item:nth-of-type(2)>.nav-dropdown{width:clamp(440px,43vw,540px)}
  .nav-item:nth-of-type(3)>.nav-dropdown{width:clamp(440px,43vw,540px)}
  .nav-item:nth-of-type(4)>.nav-dropdown{width:clamp(440px,43vw,540px)}
  .nav-item:hover>.nav-dropdown,.nav-item:focus-within>.nav-dropdown,.nav-item.dropdown-open>.nav-dropdown{display:grid;opacity:1;visibility:visible;transform:translate(-50%,0)}
  .nav-dropdown:before{grid-column:1/-1;display:block;content:"EXPLORE";padding:0 10px 13px;margin-bottom:8px;color:#77796b;font-size:9px;line-height:1.2;letter-spacing:.17em;font-weight:800;border-bottom:1px solid #e7e7dd}
  #nav-services-menu:before{content:"SERVICES  /  HOW WE HELP"}
  #nav-work-menu:before{content:"OUR WORK  /  SELECTED PROJECTS"}
  #nav-about-menu:before{content:"ABOUT  /  THE AGENCY"}
  #nav-resources-menu:before{content:"RESOURCES  /  KNOWLEDGE"}
  .nav-dropdown a{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px;color:#25261f;font-size:12px;line-height:1.35;font-weight:650;border-bottom:1px solid #eeeee7;border-radius:4px;transition:background .16s ease,color .16s ease,padding .16s ease}
  .nav-dropdown a:after{content:"↗";position:static;flex:0 0 auto;width:auto;height:auto;background:none;color:#7c8250;font-size:14px;opacity:0;transform:translateX(-3px);transition:opacity .16s ease,transform .16s ease}
  .nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:#f1f2e8;color:#171811;padding-left:16px;outline:none}
  .nav-dropdown a:hover:after,.nav-dropdown a:focus-visible:after{opacity:1;transform:translateX(0)}
  .navcta{min-height:44px;padding:13px 17px;border-radius:3px;white-space:nowrap;font-size:11px;letter-spacing:.055em}
}
@media (max-width:1050px){
  .nav{position:sticky;top:0;z-index:1000;background:#f5f4ee;border-bottom:1px solid #d9d9cf;box-shadow:0 4px 18px rgba(22,24,17,.04)}
  .navinner{min-height:72px;gap:12px}
  .navlinks{background:#fffefa;border:1px solid #deded4;border-top:3px solid var(--lime,#dfff38);border-radius:0 0 8px 8px;box-shadow:0 20px 45px rgba(20,22,16,.15);padding:14px 18px 20px;gap:0;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}
  .navlinks>a,.nav-dropdown-toggle{font-size:14px;font-weight:700;color:#24251f}
  .navlinks>.mobile-home-link,.navlinks>.nav-reviews-link{min-height:50px;border-bottom:1px solid #e7e7dd}
  .nav-item{border-bottom:1px solid #e7e7dd}
  .nav-dropdown-toggle{width:100%;min-height:52px;padding:14px 3px;display:flex;justify-content:space-between;align-items:center}
  .nav-dropdown-toggle span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d0d1c4;border-radius:50%;font-size:13px;transition:transform .18s ease,background .18s ease}
  .nav-item.dropdown-open>.nav-dropdown-toggle span{transform:rotate(180deg);background:var(--lime,#dfff38);border-color:#c1cc53}
  .nav-dropdown{position:static;left:auto;top:auto;width:100%;min-width:0;margin:0 0 12px;padding:7px 0 5px 12px;border:0;border-left:2px solid var(--lime,#dfff38);border-radius:0;background:#f8f8f2;box-shadow:none;grid-template-columns:1fr;gap:3px;transform:none;opacity:1;visibility:visible}
  .nav-item:hover>.nav-dropdown{display:none}
  .nav-item.dropdown-open>.nav-dropdown,.nav-item:focus-within>.nav-dropdown{display:grid}
  .nav-dropdown:before{display:block;padding:8px 12px;color:#77796b;font-size:9px;letter-spacing:.15em;font-weight:800;border-bottom:1px solid #e6e6dc;margin:0 5px 4px}
  #nav-services-menu:before{content:"SERVICES"}
  #nav-work-menu:before{content:"SELECTED WORK"}
  #nav-about-menu:before{content:"THE AGENCY"}
  #nav-resources-menu:before{content:"RESOURCES"}
  .nav-dropdown a{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#f0f1e8;border-radius:4px;color:#24251f;font-size:13px;font-weight:650}
  .nav-dropdown a:after{content:"↗";position:static;width:auto;height:auto;background:none;color:#777b53;font-size:14px}
  .nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:#e7e9d9;outline:1px solid #d6d9c3}
  .menu-toggle{border-radius:4px;box-shadow:none;border:1px solid #d1d2c5}
  .menu-toggle:hover{background:var(--lime,#dfff38)}
  .navcta{border-radius:3px;white-space:nowrap}
}
@media(max-width:480px){
  .navinner{min-height:66px;gap:8px}
  .brand-logo-img{width:clamp(108px,35vw,145px);max-height:38px}
  .navcta{min-height:40px;padding:10px 11px;font-size:10px;gap:5px}
  .menu-toggle{width:42px;height:42px;flex-basis:42px}
  .navlinks{left:0;right:0;width:100%;padding:10px 13px 16px;max-height:calc(100dvh - 68px)}
  .nav-dropdown a{font-size:13px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .nav-dropdown,.nav-dropdown a,.nav-dropdown-toggle span,.menu-toggle{transition:none!important}
}


/* Header-only requested refinements: visible Home link, static premium chevron, contrasting progress line */
@media (min-width:1051px){
  .navlinks>.mobile-home-link{
    display:flex!important;align-items:center;align-self:stretch;position:relative;
    padding:0 2px!important;color:#24251f!important;font-size:12px;font-weight:700;
    letter-spacing:.015em;white-space:nowrap;visibility:visible!important;opacity:1!important;
  }
  .navlinks>.mobile-home-link:after{display:none!important}
  .navlinks>.mobile-home-link:hover,.navlinks>.mobile-home-link:focus-visible{color:#59612a!important}
  .navlinks>.mobile-home-link[aria-current="page"]:before{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--lime,#dfff38)}
  .nav-dropdown-toggle span{
    display:inline-block!important;font-size:0!important;line-height:0;width:8px!important;height:8px!important;
    border:0!important;border-right:1.7px solid currentColor!important;border-bottom:1.7px solid currentColor!important;
    border-radius:0!important;transform:translateY(-2px) rotate(45deg)!important;background:transparent!important;
    transition:none!important;
  }
  .nav-item:hover>.nav-dropdown-toggle span,.nav-item.dropdown-open>.nav-dropdown-toggle span,.nav-item:focus-within>.nav-dropdown-toggle span{
    transform:translateY(-2px) rotate(45deg)!important;color:#747a45!important;
  }
}
@media (max-width:1050px){
  .nav-dropdown-toggle span{
    display:inline-block!important;font-size:0!important;line-height:0;width:8px!important;height:8px!important;
    border:0!important;border-right:1.7px solid currentColor!important;border-bottom:1.7px solid currentColor!important;
    border-radius:0!important;transform:translateY(-2px) rotate(45deg)!important;background:transparent!important;
    transition:none!important;
  }
  .nav-item.dropdown-open>.nav-dropdown-toggle span{transform:translateY(-2px) rotate(45deg)!important;background:transparent!important;border-color:currentColor!important}
}
.of-page-progress{
  position:fixed;z-index:100000;top:0;left:0;width:100%;height:3px;pointer-events:none;opacity:0;
  transition:opacity .18s ease;background:rgba(28,91,91,.16)
}
.of-page-progress span{
  display:block;width:0;height:100%;background:#176b70;
  box-shadow:0 0 8px rgba(23,107,112,.38);transition:width .24s ease
}
.of-page-progress.is-loading,.of-page-progress.is-complete{opacity:1}
@media(prefers-reduced-motion:reduce){.of-page-progress,.of-page-progress span{transition:none!important}}


/* Focused navigation behavior fix: dropdowns open and close only from the toggle.
   This allows a second click/tap to close the menu even while the pointer remains over it. */
.nav-item:not(.dropdown-open) > .nav-dropdown {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.nav-item.dropdown-open > .nav-dropdown {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.nav-dropdown-toggle span,
.nav-item:hover > .nav-dropdown-toggle span,
.nav-item:focus-within > .nav-dropdown-toggle span,
.nav-item.dropdown-open > .nav-dropdown-toggle span {
  transform: none !important;
}


/* Dropdown indicator direction: down when closed, up when open.
   Keep all other navigation behavior and styling unchanged. */
.nav-dropdown-toggle span,
.nav-item:hover > .nav-dropdown-toggle span,
.nav-item:focus-within > .nav-dropdown-toggle span,
.nav-item.dropdown-open > .nav-dropdown-toggle span {
  transform: none !important;
}
.nav-item:not(.dropdown-open) > .nav-dropdown-toggle span {
  transform: rotate(0deg) !important;
}
.nav-item.dropdown-open > .nav-dropdown-toggle span {
  transform: rotate(180deg) !important;
}

/* Fiverr-inspired dropdown controls: simple text, clear chevron, soft hover/open surface.
   Header/navigation only; dropdown contents and all other pages remain unchanged. */
.nav-dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #24251f !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  transition: background-color .16s ease !important;
}
.nav-dropdown-toggle span {
  display: inline-block !important;
  flex: 0 0 8px !important;
  width: 8px !important;
  height: 8px !important;
  margin-top: -4px !important;
  border: 0 !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: rotate(45deg) !important;
  transition: transform .16s ease !important;
}
.nav-item.dropdown-open > .nav-dropdown-toggle,
.nav-dropdown-toggle:hover,
.nav-dropdown-toggle:focus-visible {
  background: #f0f0ed !important;
  outline: none;
}
.nav-item.dropdown-open > .nav-dropdown-toggle span {
  margin-top: 4px !important;
  transform: rotate(225deg) !important;
}
.nav-item:not(.dropdown-open) > .nav-dropdown-toggle span {
  margin-top: -4px !important;
  transform: rotate(45deg) !important;
}
@media (max-width: 1050px) {
  .nav-dropdown-toggle {
    width: 100% !important;
    justify-content: space-between !important;
    min-height: 50px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
  }
}


/* Homepage hero: slightly smaller headline and less top whitespace on desktop only. */
@media (min-width: 901px) {
  .hero { padding-top: 42px; }
  .hero h1 { font-size: clamp(46px, 6.8vw, 94px); }
}

/* Desktop homepage hero: keep the complete headline, intro and adjacent creator visual in the first viewport. */
@media (min-width: 901px) {
  .hero {
    padding-top: 20px !important;
    padding-bottom: 24px !important;
  }
  .hero-grid {
    align-items: start !important;
    gap: 28px !important;
  }
  .hero-copy {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-width: 0;
  }
  .hero h1 {
    font-size: clamp(42px, 4.9vw, 68px) !important;
    line-height: .98 !important;
    margin: 0 0 16px !important;
    letter-spacing: -.06em;
  }
  .hero .lead {
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-bottom: 0;
  }
  .hero-actions {
    margin: 18px 0 12px !important;
    gap: 8px;
  }
  .hero-actions .btn {
    padding: 11px 13px;
    font-size: 10px;
  }
  .team-microproof {
    margin-top: 0 !important;
  }
  .hero-art {
    min-height: min(64vh, 470px) !important;
    height: min(64vh, 470px);
  }
  .hero-art .main-photo {
    top: 0 !important;
    height: 78% !important;
  }
}


/* Homepage process numbers: use a dark, high-contrast tone on the light background. */
.steps .step .number {
  color: #45463f !important;
  opacity: 1 !important;
  font-weight: 650;
}

/* Slightly reduce homepage hero top whitespace across screen sizes. */
.hero {
  padding-top: 14px !important;
}
@media (max-width: 900px) {
  .hero {
    padding-top: 18px !important;
  }
}

/* Mobile/tablet homepage hero: keep intro copy visually aligned with the narrower headline. */
@media (max-width: 900px) {
  .hero-copy .lead {
    width: 100%;
    max-width: 34ch;
    margin-right: auto;
  }
}


/* Mobile homepage hero: keep the headline readable and within narrow screens. */
@media (max-width: 650px) {
  body .hero .hero-copy h1 {
    width: 100% !important;
    max-width: none !important;
    font-size: clamp(40px, 11vw, 42px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.06em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    margin: 0 0 14px !important;
  }
  body .hero {
    padding-top: 18px !important;
    padding-bottom: 28px !important;
  }
}
@media (max-width: 390px) {
  body .hero {
    padding-top: 15px !important;
  }
  body .hero .hero-copy h1 {
    font-size: 40px !important;
    letter-spacing: -0.065em !important;
  }
}

/* Footer refinement: use a calm left-aligned layout on tablet and mobile instead of centering every element. Desktop layout remains unchanged. */
@media (max-width: 760px) {
  .footer { text-align: left; }
  .footer-top {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: start;
    gap: 26px 22px !important;
    padding-bottom: 24px;
  }
  .footer-top > div:first-child {
    grid-column: 1 / -1 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    text-align: left !important;
  }
  .footer-top > div:first-child .logo {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .footer-top > div:first-child p {
    max-width: 42ch;
    margin: 12px 0 10px !important;
    text-align: left !important;
  }
  .footer-top > div:first-child > a[href^="mailto:"] {
    align-self: flex-start !important;
    overflow-wrap: anywhere;
  }
  .footer-top > div:not(:first-child) {
    min-width: 0;
    text-align: left !important;
  }
  .footer-top > div:not(:first-child) .footlinks {
    justify-items: start !important;
    align-items: start;
  }
  .footer-top > div:not(:first-child) .footlinks a {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left;
    overflow-wrap: anywhere;
  }
  .footer h2,.footer h4 { margin-bottom: 13px; }
  .footer-bottom {
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 6px;
    padding-top: 15px;
  }
  .footer-bottom span {
    width: auto !important;
    text-align: left !important;
  }
}
@media (max-width: 380px) {
  .footer-top { gap: 22px 14px !important; }
  .footer .logo .brand-logo-img { width: 158px; max-width: 100%; }
  .footer-top > div:first-child p { font-size: 12px; }
  .footer .footlinks { font-size: 11.5px; }
}

/* Copyright-only fix: keep the year inline and the copyright sentence on one line. */
.footer-bottom > span {
  white-space: nowrap !important;
}
.footer-bottom > span #year {
  display: inline !important;
  width: auto !important;
  white-space: nowrap !important;
}
@media (max-width: 760px) {
  .footer-bottom {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    flex-direction: row !important;
  }
  .footer-bottom > span {
    display: inline-block !important;
    width: auto !important;
    max-width: 100%;
    text-align: center !important;
    font-size: 10px !important;
  }
}

/* Global copyright alignment: center the one-line copyright on desktop, tablet and mobile across every page using the shared stylesheet. */
.footer .footer-bottom {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: row !important;
  text-align: center !important;
  width: 100%;
}
.footer .footer-bottom > span {
  display: block !important;
  width: 100% !important;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  white-space: nowrap !important;
}
.footer .footer-bottom > span #year {
  display: inline !important;
  width: auto !important;
  white-space: nowrap !important;
}


/* Page-top spacing refinement: remove excessive blank space below the sticky navigation. */
main#main-content > .section:first-child {
  padding-top: clamp(30px, 3.8vw, 48px) !important;
}
main#main-content > .pagehero:first-child,
main#main-content > .blog-pagehero:first-child,
main#main-content > .article-pagehero:first-child {
  padding-top: clamp(30px, 3.8vw, 48px) !important;
}
main#main-content > .hero:first-child {
  padding-top: clamp(18px, 2.5vw, 32px) !important;
}
main#main-content > .founder-hero:first-child {
  padding-top: clamp(28px, 3.2vw, 42px) !important;
}
@media (max-width: 650px) {
  main#main-content > .section:first-child,
  main#main-content > .pagehero:first-child,
  main#main-content > .blog-pagehero:first-child,
  main#main-content > .article-pagehero:first-child {
    padding-top: 26px !important;
  }
  main#main-content > .founder-hero:first-child {
    padding-top: 24px !important;
  }
}


/* PRIMARY NAV: Home, Reviews and Contact use the same editorial type styling as dropdown toggles, without dropdown indicators */
.navlinks>.nav-plain-link{
  display:inline-flex;
  align-items:center;
  align-self:stretch;
  justify-content:center;
  padding:0 2px;
  color:#24251f;
  font:inherit;
  font-size:12px;
  font-weight:700;
  letter-spacing:.015em;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
  transition:color .16s ease;
}
.navlinks>.nav-plain-link:hover,.navlinks>.nav-plain-link:focus-visible{color:#59651b}
.navlinks>.nav-plain-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:1050px){
  .navlinks>.nav-plain-link{display:flex;width:100%;min-height:50px;align-items:center;justify-content:flex-start;padding:13px 4px;text-align:left;font-size:14px;font-weight:700;border-bottom:1px solid #e7e7dd}
}


/* Header consistency: plain navigation links match dropdown-trigger typography. */
@media (min-width:1051px){
  .navlinks > .nav-plain-link,
  .navlinks > .nav-item > .nav-dropdown-toggle {
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 1.2;
    color: #24251f;
  }
  .navlinks > .nav-plain-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}
@media (max-width:1050px){
  .navlinks > .nav-plain-link,
  .navlinks > .nav-item > .nav-dropdown-toggle {
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .005em;
    line-height: 1.3;
  }
}


/* Article feature photography: responsive, lightweight WebP images */
.article-feature-image {
  margin: 28px 0 0;
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
  line-height: 0;
}
.article-feature-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 650px) {
  .article-feature-image {
    margin-top: 20px;
    border-radius: 10px;
  }
}


/* Responsive article photography refinement — desktop, tablet and mobile */
.article-pagehero .shell,
.article-pagehero .shell > .article-feature-image {
  min-width: 0;
}
.article-pagehero .article-feature-image {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: clamp(20px, 3vw, 32px) auto 0;
  overflow: hidden;
  border-radius: clamp(10px, 1.2vw, 16px);
  line-height: 0;
  background: transparent;
}
.article-pagehero .article-feature-image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
}
/* Desktop article images: keep them compact so the article heading and photo
   fit together without forcing visitors to scroll excessively. */
@media (min-width: 901px) {
  .article-pagehero .article-feature-image {
    width: min(100%, 820px);
    max-width: 820px;
    margin: 22px auto 0;
  }
  .article-pagehero .article-feature-image img {
    width: 100%;
    max-width: 100%;
    max-height: 420px;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
}
/* Keep the original 3:2 photo composition instead of cropping it into 16:9. */
.article-pagehero .article-feature-image img[width="1536"][height="1024"] {
  aspect-ratio: 3 / 2;
}
@media (max-width: 900px) {
  .article-pagehero .article-feature-image {
    margin-top: 22px;
    border-radius: 12px;
  }
  .article-pagehero .article-feature-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}
@media (max-width: 650px) {
  .article-pagehero .shell {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .article-pagehero .article-feature-image {
    width: 100%;
    max-width: 100%;
    margin-top: 18px;
    border-radius: 9px;
  }
  .article-pagehero .article-feature-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
  }
}
@media (max-width: 380px) {
  .article-pagehero .article-feature-image {
    margin-top: 16px;
    border-radius: 7px;
  }
}


/* Accessibility contrast fix: slightly darker text, with no layout or typography changes. */
.team-microproof-copy>span,.social-card small{color:#62635a}