/*
Theme Name: Anthony Teoh
Theme URI: https://github.com/Akasha2101/Website-Redesign-V3.0
Author: Anthony Teoh
Description: Service and portfolio block theme for Anthony Teoh, SEO + GEO consultant (Malaysia / Singapore). Bento structure, neo-brutalist surface.
Version: 1.5.3
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: anthony-teoh
*/

:root{
--ink:#111111;--ink-muted:#4A4A4A;--paper:#F6F1E7;--surface:#FFFFFF;--white:#FFFFFF;
--signal:#FFD400;--cobalt:#2F5BFF;--flame:#FF5C39;--mint:#7CE3B0;--error:#D62828;
--font-display:"Bricolage Grotesque","Arial Black",system-ui,sans-serif;
--font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
--text-display-size:64px;--text-display-lh:64px;--text-h1-size:48px;--text-h1-lh:50px;
--text-h2-size:32px;--text-h2-lh:38px;--text-h3-size:24px;--text-h3-lh:30px;
--tracking-display:-0.02em;--tracking-heading:-0.01em;--tracking-label:0.06em;
--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:80px;
--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;
--grid-gap:24px;--container-max:1200px;--container-pad:24px;
--border-static:2px solid var(--ink);--border-interactive:3px solid var(--ink);
--shadow-t1:4px 4px 0 var(--ink);--shadow-t1-hover:6px 6px 0 var(--ink);--shadow-t2:8px 8px 0 var(--ink);
--dur-fast:120ms;--dur-base:180ms;--ease-snap:cubic-bezier(.2,.8,.2,1);
--lucide:"https://cdn.jsdelivr.net/npm/lucide-static@0.469.0/icons/";
}
@media (max-width:640px){:root{--text-display-size:44px;--text-display-lh:46px;--text-h1-size:36px;--text-h1-lh:40px;--text-h2-size:26px;--text-h2-lh:32px;--grid-gap:16px;--container-pad:16px}}
@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-base:0ms}*,*::before,*::after{transition-duration:0ms!important;animation-duration:0ms!important}}

/* Base */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:26px;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p{margin:0}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--cobalt)}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}
::selection{background:var(--signal);color:var(--ink)}
.wp-site-blocks{padding:0}
.wp-site-blocks > *, .is-layout-flow > *, .is-layout-constrained > *{margin-block-start:0;margin-block-end:0}

/* Type */
.at-display{font-family:var(--font-display);font-weight:800;font-size:var(--text-display-size);line-height:var(--text-display-lh);letter-spacing:var(--tracking-display);text-wrap:balance}
.at-h1{font-family:var(--font-display);font-weight:800;font-size:var(--text-h1-size);line-height:var(--text-h1-lh);letter-spacing:var(--tracking-display);text-wrap:balance}
.at-h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-h2-size);line-height:var(--text-h2-lh);letter-spacing:var(--tracking-heading);text-wrap:balance}
.at-h3,.at-h3 a{font-family:var(--font-display);font-weight:700;font-size:var(--text-h3-size);line-height:var(--text-h3-lh);letter-spacing:var(--tracking-heading);text-decoration:none}
.at-body-lg{font-size:20px;line-height:32px;text-wrap:pretty}
.at-caption{font-size:14px;line-height:21px}
.at-label{font-family:var(--font-mono);font-size:13px;line-height:16px;text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:500}
.at-muted{color:var(--ink-muted)}
.at-measure{max-width:68ch}
abbr.at-abbr{text-decoration:underline dotted;text-decoration-thickness:2px;text-underline-offset:4px;cursor:help;font-weight:600;color:var(--ink)}

/* Layout */
.at-container{max-width:var(--container-max);margin-left:auto!important;margin-right:auto!important;padding-left:var(--container-pad);padding-right:var(--container-pad);width:100%}
.at-section{padding-bottom:var(--space-7)}
.at-section--top{padding-top:var(--space-6)}
.at-stack-y{display:flex;flex-direction:column;gap:var(--space-3)}
.at-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:var(--space-5)!important}
.at-section-head > div{display:flex;flex-direction:column;gap:8px}
.at-page-head{display:flex;flex-direction:column;gap:16px;max-width:800px;margin-bottom:var(--space-6)!important}
.at-bento,.wp-block-post-template.at-bento{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap);list-style:none;padding:0;margin:0}
.at-span-S,.at-bento > li{grid-column:span 4}
.at-span-M{grid-column:span 6}
.at-span-L{grid-column:span 8}
.at-span-XL{grid-column:span 12}
@media (max-width:960px){.at-bento,.wp-block-post-template.at-bento{grid-template-columns:repeat(6,minmax(0,1fr))}.at-span-S,.at-bento > li{grid-column:span 3}.at-span-M,.at-span-L,.at-span-XL{grid-column:span 6}}
@media (max-width:640px){.at-bento,.wp-block-post-template.at-bento{grid-template-columns:minmax(0,1fr)}.at-span-S,.at-span-M,.at-span-L,.at-span-XL,.at-bento > li{grid-column:auto}}

/* Cards, tiers, tones */
.at-card{position:relative;display:flex!important;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface);min-width:0;height:100%}
.at-card--lg{padding:var(--space-5)}
.at-card__head{display:flex!important;align-items:center;justify-content:space-between;gap:var(--space-3)}
.at-card__foot{margin-top:auto!important}
.at-t0{border:var(--border-static)}
.at-t1{border:var(--border-interactive);box-shadow:var(--shadow-t1);transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap)}
.at-t1:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-t1-hover)}
.at-t1:active{transform:translate(4px,4px);box-shadow:none}
.at-t2{border:var(--border-featured,3px solid var(--ink));box-shadow:var(--shadow-t2)}
.at-card--link a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.at-card--link a{text-decoration:none}
.at-tone-signal{background:var(--signal);color:var(--ink)}
.at-tone-mint{background:var(--mint);color:var(--ink)}
.at-tone-flame{background:var(--flame);color:var(--ink)}
.at-tone-cobalt{background:var(--cobalt);color:var(--white)}
.at-tone-ink{background:var(--ink);color:var(--white)}
.at-tone-signal .at-muted,.at-tone-mint .at-muted,.at-tone-flame .at-muted{color:var(--ink)}
.at-tone-cobalt .at-muted,.at-tone-ink .at-muted,.at-tone-cobalt a:not(.wp-block-button__link),.at-tone-ink a:not(.wp-block-button__link){color:var(--white)}
.at-photo{border:2px solid var(--ink);border-radius:var(--radius-sm);overflow:hidden;background:var(--paper);margin:0}
.at-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.at-photo--square img{aspect-ratio:1/1}
.at-photo--wide img{aspect-ratio:4/3}
.at-pending{border:2px dashed var(--ink-muted);border-radius:var(--radius-sm);padding:12px 16px;color:var(--ink-muted)}

/* Icons (Lucide / Simple Icons via CSS mask) */
.at-icon{display:inline-block;flex:none;width:24px;height:24px;background-color:currentColor;-webkit-mask:var(--icon-url) center/contain no-repeat;mask:var(--icon-url) center/contain no-repeat}
.at-chip{width:56px;height:56px;border:2px solid var(--ink);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}
.at-chip .at-icon{width:28px;height:28px}

/* Metrics */
.at-metric__value{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:64px;letter-spacing:-0.03em;font-variant-numeric:tabular-nums}
.at-metric__value--sm{font-size:32px;line-height:38px}
.at-stats .at-metric{transition:background-color var(--dur-base) var(--ease-snap)}
.at-stats .at-metric.is-hi{background:var(--mint)}

/* Buttons (core/button with a class) */
.wp-block-buttons{display:flex;gap:16px;flex-wrap:wrap}
.wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-0.005em;min-height:48px;padding:0 24px;border-radius:var(--radius-sm);border:var(--border-interactive);box-shadow:var(--shadow-t1);background:var(--surface);color:var(--ink);text-decoration:none;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap)}
.wp-block-button .wp-block-button__link:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-t1-hover);color:var(--ink)}
.wp-block-button .wp-block-button__link:active{transform:translate(4px,4px);box-shadow:none}
.wp-block-button.at-btn-primary .wp-block-button__link{background:var(--signal);color:var(--ink)}
.wp-block-button.at-btn-lg .wp-block-button__link{min-height:56px;padding:0 32px;font-size:18px}
.wp-block-button.at-btn-sm .wp-block-button__link{min-height:40px;padding:0 16px;font-size:14px}
.wp-block-button.at-btn-full,.wp-block-button.at-btn-full .wp-block-button__link{width:100%}
.wp-block-button.at-btn-ghost .wp-block-button__link{background:none;border:0;box-shadow:none;padding:0 4px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.wp-block-button.at-btn-ghost .wp-block-button__link:hover{transform:none;color:var(--cobalt)}
.at-arrow .wp-block-button__link::after,.at-wa .wp-block-button__link::before,.at-ig .wp-block-button__link::before,.at-li .wp-block-button__link::before{content:"";width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.at-arrow{--i:url("https://cdn.jsdelivr.net/npm/lucide-static@0.469.0/icons/arrow-right.svg")}
.at-wa{--i:url("https://cdn.jsdelivr.net/npm/simple-icons@13.21.0/icons/whatsapp.svg")}
.at-ig{--i:url("https://cdn.jsdelivr.net/npm/simple-icons@13.21.0/icons/instagram.svg")}
.at-li{--i:url("https://cdn.jsdelivr.net/npm/lucide-static@0.469.0/icons/linkedin.svg")}
.at-wa .wp-block-button__link:hover,.at-wa .wp-block-button__link:focus-visible{background:var(--mint)!important;color:var(--ink)!important}
.at-ig .wp-block-button__link:hover,.at-ig .wp-block-button__link:focus-visible{background:#C13584!important;color:#FFFFFF!important}
.at-li .wp-block-button__link:hover,.at-li .wp-block-button__link:focus-visible{background:#0A66C2!important;color:#FFFFFF!important}

/* Badge / tags */
.at-badge,.at-terms a{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:2px solid var(--ink);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:500;white-space:nowrap;text-decoration:none;color:var(--ink);background:var(--surface)}
.at-terms .wp-block-post-terms__separator{display:none}
.at-terms{display:flex;gap:8px;flex-wrap:wrap}
.at-topics{list-style:none;padding:0;margin:0 0 var(--space-5);display:flex;gap:12px;flex-wrap:wrap}
.at-topics li a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:var(--border-interactive);border-radius:var(--radius-pill);box-shadow:var(--shadow-t1);background:var(--surface);font-weight:600;font-size:14px;text-decoration:none;color:var(--ink)}
.at-topics li.current-cat a{background:var(--ink);color:var(--white)}

/* Header */
.at-header{background:var(--paper);border-bottom:2px solid var(--ink)}
/* WordPress wraps the header in a template-part div of the same height, so the wrapper is what has to stick. */
.wp-block-template-part:has(> .at-header){position:sticky;top:0;z-index:20}
.admin-bar .wp-block-template-part:has(> .at-header){top:32px}
@media (max-width:782px){.admin-bar .wp-block-template-part:has(> .at-header){top:46px}}
@media (max-width:600px){.admin-bar .wp-block-template-part:has(> .at-header){top:0}}
.at-header__inner{display:flex!important;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.at-wordmark a,.at-wordmark{font-family:var(--font-display);font-weight:800;letter-spacing:-0.03em;font-size:26px;line-height:1;text-decoration:none;color:var(--ink)}
.at-nav .wp-block-navigation-item__content{display:inline-flex;align-items:center;height:40px;padding:0 12px!important;border-radius:var(--radius-sm);border:2px solid transparent;font-weight:600;font-size:15px;text-decoration:none;color:var(--ink)}
.at-nav .wp-block-navigation-item__content:hover{border-color:var(--ink);color:var(--ink)}
.at-nav .current-menu-item > .wp-block-navigation-item__content,.at-nav [aria-current="page"]{background:var(--ink);color:var(--white)!important}
.at-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--paper)!important;padding:24px}

/* Footer */
.at-footer{background:var(--ink);color:var(--white);padding:var(--space-7) 0 var(--space-5)}
.at-footer a{color:var(--white);text-decoration:none;font-weight:500}
.at-footer a:hover{color:var(--signal)}
.at-footer .at-wordmark,.at-footer .at-wordmark a{color:var(--white)}
.at-footer__grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px}
.at-footer__brand{grid-column:span 2;display:flex!important;flex-direction:column;gap:16px;max-width:380px}
.at-footer__col{display:flex!important;flex-direction:column;gap:12px}
.at-footer__col .at-label{color:var(--signal)}
.at-footer__legal{border-top:2px solid var(--white);padding-top:24px;margin-top:48px!important;display:flex!important;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:14px}

/* Case study steps */
.at-steps{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px 32px;margin-top:8px!important}
.at-steps > div{border-top:2px solid var(--ink);padding-top:12px;display:flex!important;flex-direction:column;gap:8px}
.at-cases{display:flex!important;flex-direction:column;gap:var(--space-6)}

/* Marquee */
.at-marquee{display:flex!important;overflow:hidden;width:100%}
.at-marquee__track{display:flex;flex-shrink:0;align-items:center;gap:48px;padding-right:48px;will-change:transform}
.at-marquee p{font-family:var(--font-display);font-weight:800;font-size:24px;line-height:30px;letter-spacing:-0.02em;white-space:nowrap;display:flex;align-items:center;gap:48px}
.at-marquee p::after{content:"";width:10px;height:10px;background:var(--ink);border-radius:2px;flex:none}
.at-marquee.is-static{flex-wrap:wrap;gap:16px 48px}

/* Cut reveal */
.at-cut-w{display:inline-block;white-space:nowrap}
.at-cut-c{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.at-cut-c > span{display:inline-block;transform:translateY(105%);transition:transform .6s var(--ease-snap)}
.is-revealed .at-cut-c > span{transform:none}
.at-hero-title strong{font-weight:inherit}

/* Stacking cards */
.at-stack{display:flex!important;flex-direction:column;padding-bottom:25vh}
.at-stack > *{position:sticky;transform-origin:top center}

/* About: section menu beside the stacking cards. theme.js fills the menu and sets --at-stick. */
.at-about{display:grid!important;grid-template-columns:200px minmax(0,1fr);gap:var(--grid-gap);align-items:start}
.at-about > .at-stack{grid-column:2}
.at-about-nav{position:sticky;top:var(--at-stick,98px);z-index:10;display:flex;flex-direction:column;gap:4px}
.at-about-nav a{display:inline-flex;align-items:center;flex:none;height:40px;padding:0 12px;border-radius:var(--radius-sm);border:2px solid transparent;font-weight:600;font-size:15px;color:var(--ink);text-decoration:none}
.at-about-nav a:hover{border-color:var(--ink);color:var(--ink)}
.at-about-nav a[aria-current="true"]{background:var(--ink);color:var(--white)}
@media (max-width:960px){
.at-about{grid-template-columns:minmax(0,1fr)}
.at-about > .at-stack{grid-column:1}
.at-about-nav{flex-direction:row;overflow-x:auto;white-space:nowrap;background:var(--paper);border-bottom:2px solid var(--ink);margin:0 calc(-1 * var(--container-pad));padding:8px var(--container-pad)}
}

/* Forms */
.at-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.at-form .at-full{grid-column:1/-1}
.at-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.at-field label,.at-field legend{font-family:var(--font-mono);font-size:13px;line-height:16px;text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:500;padding:0}
.at-field fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}
.at-input{width:100%;min-height:48px;padding:12px 16px;font:400 16px/24px var(--font-body);color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-sm)}
.at-input:focus{outline:none;border-width:3px;padding:11px 15px;box-shadow:var(--shadow-t1)}
.at-input[aria-invalid="true"]{border-color:var(--error)}
textarea.at-input{min-height:120px;resize:vertical}
.at-hint{font-size:14px;line-height:21px;color:var(--ink-muted)}
.at-error{font-size:14px;line-height:21px;color:var(--error);font-weight:600}
.at-check{display:flex;align-items:center;gap:12px;min-height:44px;font-size:16px;text-transform:none!important;letter-spacing:0!important;font-family:var(--font-body)!important;cursor:pointer}
.at-check input{width:22px;height:22px;accent-color:var(--ink);margin:0}
.at-submit{display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 32px;font-family:var(--font-display);font-weight:700;font-size:18px;border:var(--border-interactive);border-radius:var(--radius-sm);box-shadow:var(--shadow-t1);background:var(--signal);color:var(--ink);cursor:pointer;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap)}
.at-submit:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-t1-hover)}
.at-submit[disabled]{opacity:.7;cursor:wait}
.at-notice{border:2px solid var(--ink);border-radius:var(--radius-sm);padding:16px 20px;font-weight:600}
.at-notice--ok{background:var(--mint)}
.at-notice--err{background:var(--error);color:var(--white)}
.at-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.at-next{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.at-next li{display:flex;gap:12px;align-items:flex-start}

/* Single post */
.at-prose{max-width:720px}
.at-prose > * + *{margin-top:20px!important}
.at-prose h2{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:38px;letter-spacing:-0.01em;margin-top:40px!important}
.at-prose h3{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:30px;margin-top:32px!important}
.at-prose blockquote{border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--surface);padding:24px;margin-left:0;margin-right:0;font-family:var(--font-display);font-weight:700;font-size:22px;line-height:30px}
.at-prose img{border:2px solid var(--ink);border-radius:var(--radius-sm)}
.at-contact-aside{position:sticky;top:96px}
.admin-bar .at-contact-aside{top:128px}
.at-main{display:block}

/* Screen-reader-only text */
.at-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Footer business line, hidden until filled in under Settings > Site links */
.at-footer__business:empty{display:none}

/* Contact form consent */
.at-consent-field .at-check{align-items:flex-start;line-height:24px}
.at-consent-field .at-check input{margin-top:1px;flex:none}
.at-form-purpose{margin:0}

/* Cookie banner: both choices carry equal weight */
.at-consent{position:fixed;left:16px;bottom:16px;z-index:100;max-width:440px;background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius-md);box-shadow:6px 6px 0 var(--ink);padding:20px;display:flex;flex-direction:column;gap:16px}
.at-consent[hidden]{display:none}
.at-consent__text{margin:0;font-size:15px;line-height:23px}
.at-consent__text a{color:var(--ink);text-decoration:underline}
.at-consent__actions{display:flex;gap:12px}
.at-consent__btn{flex:1;height:44px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:600 15px/1 var(--font-body);cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease}
.at-consent__btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.at-consent__btn:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}
@media (max-width:640px){.at-consent{left:12px;right:12px;bottom:12px;max-width:none}}

/* Footer social icons */
.at-social{list-style:none;margin:0;padding:0;display:grid!important;grid-template-columns:repeat(4,minmax(0,42px));gap:8px}
.at-social a{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:2px solid var(--white);border-radius:var(--radius-sm);color:var(--white);transition:background var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) ease}
.at-social .at-icon{width:20px;height:20px}
.at-social a:hover,.at-social a:focus-visible{transform:translate(-2px,-2px)}
.at-social a:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
.at-social__wa:hover,.at-social__wa:focus-visible{background:var(--mint);border-color:var(--mint);color:var(--ink)!important}
.at-social__mail:hover,.at-social__mail:focus-visible{background:var(--signal);border-color:var(--signal);color:var(--ink)!important}
.at-social__ig:hover,.at-social__ig:focus-visible{background:#C13584;border-color:#C13584;color:var(--white)!important}
.at-social__li:hover,.at-social__li:focus-visible{background:#0A66C2;border-color:#0A66C2;color:var(--white)!important}
@media (max-width:640px){.at-social{gap:6px}.at-social .at-icon{width:18px;height:18px}}

/* Count-up: the real number stays in the page; the counting digits are drawn by CSS on top of it */
@property --at-n{syntax:'<integer>';inherits:false;initial-value:0}
.at-ticker.is-counting{position:relative;color:transparent!important;counter-reset:at-n var(--at-n);transition:--at-n 2s cubic-bezier(.65,0,.35,1)}
.at-ticker.is-counting::after{content:attr(data-at-pre) counter(at-n) attr(data-at-suf);position:absolute;left:0;top:0;color:var(--at-tick-color);white-space:nowrap;pointer-events:none}