/* Black Lion Digital · "The hallmark" v3 · meta-ads.html only.
   Shared tokens, nav, menu, cover grammar, buttons, .idx rows, the review wall and the audit band are main.css's.
   Here: the cover's audience dot-field, the two kinds of social, the anatomy of the ad (the page's set-piece),
   the funnel map (copied from agency.css: duplicated markup until there is a build step), the Meta ledger cards,
   the method grid and the FAQ overrides. */

/* ---------- 01 cover: a field of faint dots (the feed), a gold lens that finds the buyers in it ---------- */
.cover--meta{background:#070707}
.cover__dots{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.8s ease}
.cover__dots.is-on{opacity:1}
.cover__dotsFallback{position:absolute;inset:-6%;width:112%;height:112%;opacity:.9;transition:opacity 1.2s ease}
.cover__lensDrift{transform-origin:820px 330px;animation:lensDrift 40s ease-in-out infinite alternate}
@keyframes lensDrift{from{transform:translate3d(-4%,2%,0) scale(1)}to{transform:translate3d(3%,-3%,0) scale(1.1)}}
.cover.is-dots .cover__dotsFallback{opacity:0}
.cover--meta .cover__wash{background:linear-gradient(180deg,rgba(7,7,7,.5) 0%,rgba(7,7,7,0) 24%,rgba(7,7,7,0) 50%,rgba(7,7,7,.9) 100%),linear-gradient(90deg,rgba(7,7,7,.6) 0%,rgba(7,7,7,0) 52%)}
@media (max-width:900px){.cover__dots{display:none}}
.cover__actions{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- 02 two kinds of social: sticky copy, two cards (the agency page's argument grammar) ---------- */
.two{position:relative;background:var(--paper);padding:var(--section) 0}
.two__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,110px);align-items:start}
.two__copy{position:sticky;top:calc(var(--nav-h) + 24px)}
.two__copy .h2{max-width:14ch}
.two__p{margin-top:24px;max-width:50ch;font-weight:300;font-size:clamp(16px,1.15vw,18px);color:var(--ink-2)}
.two__p + .two__p{margin-top:16px}
.two__bridge{margin-top:26px;padding-top:22px;border-top:1px solid var(--line-2);max-width:50ch;font-weight:500;color:var(--ink)}
.two__copy .btn{margin-top:30px}
.kinds{display:flex;flex-direction:column;gap:18px;padding-top:8px}
.kind{position:relative;display:grid;grid-template-columns:56px 1fr;gap:20px;padding:30px 32px 32px 28px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px -48px rgba(15,15,15,.3)}
.kind::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:3px;border-radius:0 3px 3px 0;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform 1s var(--ease) .2s}
.kind.is-in::before{transform:scaleY(1)}
.kind__n{font-weight:600;font-size:12px;letter-spacing:.26em;color:var(--gold-text);padding-top:8px}
.kind__k{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-weight:800;font-size:clamp(24px,2.3vw,32px);letter-spacing:-.035em;line-height:1.02;color:var(--ink)}
.kind__here{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--ink);padding:6px 10px;border-radius:999px;background:var(--gold)}
.kind__was{display:block;margin-top:14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.kind__was .strike{color:var(--muted)}
.kind__was .strike::after{transition-delay:.7s}
.kind__is{margin-top:10px;max-width:46ch;color:var(--ink-2);font-weight:300}
.kind--active{border-color:var(--gold-2)}

/* ---------- 03 the anatomy: one ad on a phone, taken apart in four steps, then the lead it makes drops into the CRM ---------- */
.anat{position:relative;background:var(--black);color:#fff;overflow:clip}
.anat::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 68% 50%,rgba(227,186,28,.1),transparent 70%)}
.anat__pin{position:relative;min-height:100dvh;display:flex;align-items:center;padding:clamp(100px,12vh,140px) 0 clamp(56px,8vh,110px)}
.anat__grid{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,5vw,96px);align-items:center;width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto}
.anat__copy .h2--xl{max-width:9ch}
.anat__intro{font-weight:300;font-size:clamp(16px,1.2vw,19px);color:rgba(255,255,255,.78);max-width:44ch;margin-top:22px}
.anat__state{margin-top:30px;display:flex;align-items:center;gap:16px;font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.anat__state b{font-weight:600;color:rgba(255,255,255,.45);font-variant-numeric:tabular-nums}
.anat__end{margin-top:18px;font-weight:500;font-size:clamp(17px,1.25vw,20px);color:#fff;max-width:40ch;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .8s var(--ease)}
.anat.is-done .anat__end,.anat.is-static .anat__end{opacity:1;transform:none}
.anat__stage{--cg:clamp(22px,3vw,48px);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"phone calls" "phone dock";column-gap:var(--cg);row-gap:22px;align-items:start}
/* the phone: height-capped so the pinned stage always fits the viewport; the width follows from the aspect ratio */
.phone{grid-area:phone;position:relative;height:min(620px,calc(100dvh - 250px));min-height:500px;aspect-ratio:9/19;width:auto;max-width:100%;border-radius:46px;background:#000;border:9px solid #1a1a1b;box-shadow:0 40px 90px -36px rgba(0,0,0,.95),inset 0 0 0 1px #2a2a2c}
.phone::before{content:"";position:absolute;left:50%;top:10px;width:86px;height:24px;margin-left:-43px;border-radius:999px;background:#000;z-index:3}
.phone__screen{position:absolute;inset:0;border-radius:37px;overflow:hidden;background:#0d0d0f}
.feed{padding:50px 12px 12px;display:flex;flex-direction:column;gap:12px;will-change:transform}
.post{background:#161618;border-radius:14px;padding:14px}
.post--ghost{display:flex;flex-direction:column;gap:10px}
.post__row{display:flex;align-items:center;gap:10px}
.post__av{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.09);flex:none}
.post__ln{height:8px;border-radius:4px;background:rgba(255,255,255,.09)}
.post__ln--s{width:42%}.post__ln--m{width:68%}.post__ln--l{width:90%}
.post__blk{height:120px;border-radius:10px;background:rgba(255,255,255,.06)}
.ad{background:#1a1a1d;border-radius:14px;padding:14px 14px 10px;color:#e8e6e0;font-size:12.5px;line-height:1.45;overflow:hidden}
.ad__top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ad__avatar{width:34px;height:34px;border-radius:50%;background:var(--gold);display:grid;place-items:center;flex:none}
.ad__avatar img{width:22px;height:22px;display:block}
.ad__who b{display:block;font-weight:600;font-size:12.5px;color:#fff;line-height:1.2}
.ad__who span{font-size:11px;color:#9a9a9a}
/* the four parts of the ad the steps light: a gold outline that the timeline tweens in with --lit */
.ad [data-step]{position:relative;border-radius:8px;box-shadow:0 0 0 calc(1.5px * var(--lit,0)) var(--gold);background-color:rgba(227,186,28,calc(.1 * var(--lit,0)))}
.ad__lead{padding:6px 8px;margin:0 -8px}
.ad__more{padding:6px 8px;margin:2px -8px 0;color:#cfcdc6}
.ad__link{display:block;margin-top:8px;color:var(--gold);font-weight:600}
.ad__media{margin:10px -14px 0;border-radius:0;aspect-ratio:1.4/1;display:flex;align-items:flex-end;padding:18px 20px;background:linear-gradient(160deg,#F5CF3D,#C9A11A 60%,#9C7F12);color:var(--ink);font-weight:800;font-size:clamp(18px,1.4vw,22px);letter-spacing:-.035em;line-height:1.02}
.ad__media span{max-width:11ch}
.ad__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 8px 8px;margin:0 -8px}
.ad__foot b{display:block;font-weight:600;font-size:13px;color:#fff;line-height:1.2}
.ad__foot small{display:block;font-size:11px;color:#9a9a9a;margin-top:2px}
.ad__cta{flex:none;padding:9px 12px;border-radius:7px;background:var(--gold);color:var(--ink);font-weight:600;font-size:12px;white-space:nowrap}
.calls{grid-area:calls;display:flex;flex-direction:column;padding-top:6px;border-bottom:1px solid rgba(255,255,255,.12)}
.call{position:relative;display:grid;grid-template-columns:40px 1fr;gap:12px;padding:16px 0;border-top:1px solid rgba(255,255,255,.12);opacity:calc(.3 + .7 * var(--on,0))}
.call::before{content:"";position:absolute;left:calc(-1 * var(--cg));top:50%;width:var(--cg);height:1.5px;background:var(--gold);transform:scaleX(var(--on,0));transform-origin:right}
.call b{font-weight:800;font-size:12px;letter-spacing:.2em;color:var(--gold);padding-top:4px}
.call h3{font-weight:800;font-size:clamp(18px,1.5vw,22px);letter-spacing:-.03em;line-height:1.1;color:#fff}
.call p{margin-top:6px;font-size:14px;color:rgba(255,255,255,.72);font-weight:300;max-width:38ch}
.dock{grid-area:dock;position:relative;padding:14px;border:1.5px dashed rgba(227,186,28,calc(.28 + .72 * var(--on,0)));border-radius:16px;max-width:380px}
.dock__label{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.5);margin-bottom:10px}
.lead{position:relative;padding:14px 16px 16px;border-radius:12px;background:#fff;color:var(--ink);font-size:12px;will-change:transform}
.lead__k{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--gold-text);padding-right:92px}
.lead ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:10px}
.lead li{padding:7px 10px;border-radius:7px;background:var(--paper-2);font-weight:500;color:var(--ink-2)}
.lead__stamp{position:absolute;right:12px;top:11px;padding:5px 9px;border-radius:999px;background:var(--gold);font-weight:800;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.anat__fine{margin-top:12px;font-size:11px;letter-spacing:.06em;color:rgba(255,255,255,.4)}
/* static: phones, reduced motion, no GSAP. The ad sits in the feed, the four steps are lit, the lead is in the CRM. */
.anat.is-static .anat__pin{min-height:0}
.anat.is-static .anat__state{display:none}
.anat.is-static .feed{transform:none;padding-top:40px}
.anat.is-static .post--ghost:nth-child(-n+2){display:none}
.anat.is-static .ad [data-step]{--lit:1}
.anat.is-static .call,.anat.is-static .dock{--on:1}

/* ---------- 04 where it sits: the funnel map from agency.css, with this page's node lit ---------- */
.place{position:relative;background:var(--paper);padding:var(--section) 0;border-top:1px solid var(--line)}
.place__head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(40px,6vh,72px)}
.place__head .h2--xl{max-width:11ch}
.place__intro{max-width:44ch;font-weight:300;color:var(--ink-2);padding-bottom:8px}
.place__foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:clamp(40px,6vh,72px)}
/* copied verbatim from agency.css (the map is shared markup until there is a build step; a change there goes here too) */
.tree{position:relative;--g:18px}
.tree__root{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:40px}
.tree__root b{font-weight:800;font-size:clamp(28px,3vw,44px);letter-spacing:-.04em;line-height:1;color:var(--ink);padding:16px 36px;border:1.5px solid var(--ink);border-radius:999px;background:#fff}
.tree__root span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--gold-text);margin-top:12px}
.tree__root::after{content:"";position:absolute;left:50%;bottom:0;width:1.5px;height:40px;background:var(--gold-2)}
.tree__parts{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g);padding-top:40px}
.tree__parts::before{content:"";position:absolute;left:calc(12.5% - 7px);right:calc(12.5% - 7px);top:0;height:1.5px;background:var(--gold-2)}
.node{position:relative;display:flex;flex-direction:row;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px -48px rgba(15,15,15,.3)}
.node::before{content:"";position:absolute;left:50%;top:-40px;width:1.5px;height:40px;background:var(--gold-2)}
.node::after{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--paper)}
.node__mark{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--gold-tint);color:var(--ink);border:1px solid var(--line);margin:0;flex:none}
.node__mark svg{width:24px;height:24px;display:block}
.node__name{font-weight:800;font-size:clamp(15px,1.15vw,18px);letter-spacing:-.025em;line-height:1.1;color:var(--ink)}
.node--sys{justify-content:center;width:min(100%,420px)}
.node--sys::before{display:none}
.tree__join{position:relative;height:44px}
.tree__join i{position:absolute;top:0;width:1.5px;height:22px;margin-left:-.75px;background:var(--gold-2)}
.tree__join i:nth-child(1){left:calc((100% - 3*var(--g))/8)}
.tree__join i:nth-child(2){left:calc((100% - 3*var(--g))/8 + (100% - 3*var(--g))/4 + var(--g))}
.tree__join i:nth-child(3){left:calc((100% - 3*var(--g))/8 + 2*((100% - 3*var(--g))/4 + var(--g)))}
.tree__join i:nth-child(4){left:calc((100% - 3*var(--g))/8 + 3*((100% - 3*var(--g))/4 + var(--g)))}
.tree__join::before{content:"";position:absolute;left:calc(12.5% - 7px);right:calc(12.5% - 7px);top:22px;height:1.5px;background:var(--gold-2)}
.tree__join::after{content:"";position:absolute;left:50%;top:22px;width:1.5px;height:22px;background:var(--gold-2)}
.tree__lower{display:flex;flex-direction:column;align-items:center}
.tree__tier{position:relative;display:flex;justify-content:center;width:100%}
.tree__tier--end{margin-top:44px}
.tree__tier--end::before{content:"";position:absolute;left:50%;top:-44px;width:1.5px;height:44px;background:var(--gold-2)}
.tree__end{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.tree__end b{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(160deg,var(--gold-bright),var(--gold-2));color:var(--ink);font-weight:800;font-size:32px;line-height:1;box-shadow:0 20px 40px -20px rgba(201,161,26,.6)}
.tree__endName{font-weight:800;font-size:clamp(16px,1.3vw,20px);letter-spacing:-.03em;line-height:1.05;color:var(--ink);margin-top:4px}
/* this page's node */
.node.is-here{border-color:var(--gold-2);box-shadow:0 0 0 1.5px var(--gold-2),0 30px 70px -48px rgba(15,15,15,.3)}
.node.is-here .node__mark{background:var(--gold);border-color:var(--gold)}
.node__here{margin-left:auto;flex:none;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--gold-text);padding:4px 8px;border-radius:999px;background:var(--gold-tint);border:1px solid var(--gold-2)}

/* ---------- 05 the ledger, Meta ads only: the agency page's cards ---------- */
.assay{position:relative;background:#fff;padding:var(--section) 0;border-top:1px solid var(--line)}
.assay__head{margin-bottom:clamp(40px,6vh,72px)}
.assay__head .h2--xl{max-width:14ch}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{display:flex;flex-direction:column;gap:22px;padding:clamp(22px,2.6vw,32px);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px -48px rgba(15,15,15,.3)}
.card__head{display:flex;flex-direction:column;gap:12px;min-height:72px}
.card__logo{height:34px;width:auto;max-width:180px;object-fit:contain;object-position:left center}
.card__svc{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--gold-text)}
.card__stats{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.card__stats li{flex:1 1 30%;min-width:96px}
.card__stats b{display:block;font-weight:800;font-size:clamp(26px,2.2vw,34px);letter-spacing:-.04em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.card__stats span{display:block;margin-top:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.assay__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 40px;margin-top:26px}
.assay__src{font-size:13px;color:var(--muted);max-width:60ch}

/* ---------- 06 how we run it: six rules in a hairline grid, then the platforms line ---------- */
.method{position:relative;background:var(--paper);padding:var(--section) 0;border-top:1px solid var(--line)}
.method__head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);align-items:end}
.method__head .h2--xl{max-width:12ch}
.method__intro{max-width:44ch;font-weight:300;color:var(--ink-2);padding-bottom:8px}
.rules{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,6vh,72px);border-top:1px solid var(--line-2)}
.rule{padding:26px 28px 28px 0;border-bottom:1px solid var(--line-2)}
.rule:nth-child(3n+2),.rule:nth-child(3n){padding-left:28px;border-left:1px solid var(--line-2)}
.rule i{display:block;font-style:normal;font-weight:600;font-size:12px;letter-spacing:.26em;color:var(--gold-text);margin-bottom:12px}
.rule b{display:block;font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--ink)}
.rule p{margin-top:8px;font-size:15px;color:var(--ink-2);font-weight:300;max-width:34ch}
.only{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin-top:clamp(28px,4vh,44px);padding:clamp(22px,2.6vw,32px);background:var(--ink);color:#fff;border-radius:20px}
.only__marks{display:flex;gap:8px}
.only__marks span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.08);color:var(--gold)}
.only__marks svg{width:22px;height:22px}
.only p{font-weight:300;color:rgba(255,255,255,.82);max-width:70ch}
.only p b{font-weight:600;color:#fff}

/* ---------- 08 questions: the services index rows, reused (the agency page's overrides) ---------- */
.faq .idx__btn{grid-template-columns:72px 1fr 56px}
.faq .idx__name{font-weight:600;font-size:clamp(18px,1.75vw,27px);letter-spacing:-.02em;line-height:1.25;text-wrap:balance}
.faq .idx__row::before{font-size:clamp(80px,9vw,150px)}
.faq .idx__panelIn p{padding-bottom:28px}

/* ---------- 09 the audit: the band without the form ---------- */
.audit__cta{gap:16px}
.audit__cta .label{margin-bottom:0;color:var(--gold)}
.audit__cta .label::before{background:var(--gold)}
.audit__cta > p:not(.label){color:rgba(255,255,255,.8);font-weight:300}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .two__grid,.anat__grid{grid-template-columns:1fr}
  .two__copy{position:static}
  .anat__grid{gap:40px}
  .anat__copy .h2--xl,.place__head .h2--xl,.method__head .h2--xl{max-width:none}
  .place__head,.method__head{grid-template-columns:1fr;align-items:start}
  .cards{grid-template-columns:1fr 1fr}
  .rules{grid-template-columns:1fr 1fr}
  .rule:nth-child(3n+2),.rule:nth-child(3n){padding-left:0;border-left:0}
  .rule:nth-child(2n){padding-left:28px;border-left:1px solid var(--line-2)}
  /* the tree becomes a rail: Agency top-left, the four cards stacked beside a vertical gold line (agency.css) */
  .tree__root{align-items:flex-start;text-align:left;padding-bottom:28px}
  .tree__root::after{left:31px;height:28px}
  .tree__parts{grid-template-columns:1fr;padding-top:0;padding-left:60px;gap:16px}
  .tree__parts::before{left:31px;right:auto;top:0;bottom:0;width:1.5px;height:auto}
  .node::before{left:-29px;top:50%;width:29px;height:1.5px}
  .node::after{left:-33px;top:50%;margin:-4.5px 0 0 0}
  .tree__join{display:none}
  .tree__lower{align-items:stretch;padding-left:60px;margin-top:16px}
  .tree__tier{justify-content:flex-start}
  .tree__tier::before{content:"";position:absolute;left:-29px;top:-16px;bottom:0;width:1.5px;background:var(--gold-2)}
  .tree__tier--end{margin-top:16px}
  .tree__tier--end::before{left:-29px;top:-16px;bottom:auto;height:54px}
  .node--sys{width:100%}
  .node--sys::before{display:block}
  .tree__end{align-items:flex-start;text-align:left}
  .tree__end::before{content:"";position:absolute;left:-29px;top:38px;width:29px;height:1.5px;background:var(--gold-2)}
  .tree__end::after{content:"";position:absolute;left:-33px;top:38px;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--paper)}
}
@media (max-width:900px){
  .anat__pin{min-height:0;padding:var(--section) 0}
  .anat__stage{grid-template-columns:1fr;grid-template-areas:"phone" "calls" "dock"}
  .phone{height:auto;min-height:0;width:min(100%,300px);justify-self:center}
  .call::before{display:none}
  .dock{max-width:none}
  .faq .idx__btn{grid-template-columns:44px 1fr 44px}
  .faq .idx__name{text-wrap:pretty}
  .only{grid-template-columns:1fr;gap:16px}
}
@media (max-width:640px){
  .kind{grid-template-columns:1fr;gap:10px;padding:24px 22px 26px}
  .cards{grid-template-columns:1fr}
  .rules{grid-template-columns:1fr}
  .rule:nth-child(2n){padding-left:0;border-left:0}
  .rule{padding-right:0}
  .tree__root::after{left:23px}
  .tree__parts{padding-left:44px}
  .tree__parts::before{left:23px}
  .node::before{left:-21px;width:21px}
  .node::after{left:-25px}
  .tree__lower{padding-left:44px}
  .tree__tier::before,.tree__tier--end::before{left:-21px}
  .tree__end::before{left:-21px;width:21px}
  .tree__end::after{left:-25px}
  .tree__root b{padding:12px 24px}
  .node__here{display:none}
  .cover__actions{width:100%}
  .cover__actions .btn{width:100%}
  .lead ul{grid-template-columns:1fr}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .cover__dots{display:none}
  .cover__lensDrift{animation:none}
  .anat__pin{min-height:0}
  .anat__state{display:none}
  .anat__end{opacity:1;transform:none}
  .feed{transform:none;padding-top:40px}
  .post--ghost:nth-child(-n+2){display:none}
  .ad [data-step]{--lit:1}
  .call,.dock{--on:1}
  .kind::before{transform:none}
}