@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600;700;800&display=swap');
/* =====================================================================
   Abe Media Marketing — site theme (2026-09-24)
   Loaded after each page's inline CSS. Black + silver, plain type,
   film grain, no gradients/glows. Charts, Instagram card and phones keep
   their dashboard styling but in neutral dark grey. Homepage adds the
   lens hero and floating result chips via assets/fx.js.
   ===================================================================== */

:root{
  --bg:#0a0a0b; --bg-soft:#111113; --panel:#141416; --panel-2:#19191c;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.20);
  --text:#f4f4f5; --muted:#a1a1aa; --dim:#71717a; --white:#ffffff; --accent:#ffffff;
  --glow:rgba(255,255,255,0);
  --mono:"Inter",system-ui,-apple-system,sans-serif;
}
/* dashboard components: neutral dark grey, chart colours untouched */
.hero-dash,.ig-dash,.case,.phone,.lb-frame{
  --bg:#0f0f11; --bg-soft:#141416; --panel:#161618; --panel-2:#1c1c1f;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.20);
  --mono:"JetBrains Mono",ui-monospace,monospace;
}
.hero-dash,.ig-dash{border-color:rgba(255,255,255,.14) !important;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),#161618 !important;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.hero-dash::before,.ig-dash::before{display:none}
.case{background:linear-gradient(160deg,#161618,#0f0f11) !important}

/* page */
html{background:radial-gradient(1200px 700px at 50% -20%,#1e1f24 0%,#0a0a0b 60%) fixed,#0a0a0b}
body{background:transparent !important;color:var(--text)}
#bgfx,.hero-glow,.bgfx{display:none !important}
header{background:rgba(10,10,11,.85) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand img{filter:none !important}
.navcta:hover,.btn-primary:hover{box-shadow:none}
::selection{background:#fff;color:#000}

/* film grain */
#grain{position:fixed;inset:-50%;width:200%;height:200%;z-index:9998;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

/* type */
h1,h2,h3{letter-spacing:-.6px}
.grad,h1 .grad,h2 .grad,.hero-v2 .grad{background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;-webkit-text-fill-color:#fff !important;color:#fff !important}
.kicker,.eyebrow,.tag,.period,.num,.mh-sub{font-family:"Inter",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;font-weight:600;font-size:11px}
.eyebrow{border:0;padding:0;background:none;color:var(--dim)}
.eyebrow .dot{display:none}
.p-hero .backlink{margin-right:26px}
.p-hero .eyebrow{margin-top:0}

/* ===== services: numbered rows ===== */
.svc-lead{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:30px}
.svc-lead .badge{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:600;padding-bottom:6px}
.svc-rows{border-top:1px solid var(--line);margin-top:10px}
.svc-row{display:grid;grid-template-columns:64px 1fr 1.4fr 48px;align-items:center;gap:28px;padding:30px 12px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;position:relative;transition:background .25s,padding .25s}
.svc-row:hover{background:rgba(255,255,255,.035);padding-left:22px}
.svc-row .n{font-family:"Inter",system-ui,sans-serif;font-size:12px;letter-spacing:.14em;color:var(--dim)}
.svc-row h3{font-family:var(--display);font-size:clamp(22px,2.4vw,32px);font-weight:700;margin:0;line-height:1.1;color:#fff}
.svc-row p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.55}
.svc-row .ar{width:40px;height:40px;border:1px solid var(--line-2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.25s}
.svc-row .ar svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:1.8}
.svc-row:hover .ar{background:#fff}.svc-row:hover .ar svg{stroke:#000}
@media(max-width:820px){.svc-row{grid-template-columns:44px 1fr 40px;grid-template-areas:"n h ar" "n p ar";gap:10px 16px;padding:22px 4px}.svc-row .n{grid-area:n}.svc-row h3{grid-area:h}.svc-row p{grid-area:p}.svc-row .ar{grid-area:ar}.svc-row:hover{padding-left:4px}}
.service-foot{margin-top:40px;border:0;padding:0;background:none}

/* ===== process: timeline ===== */
.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:56px}
.timeline::before{content:"";position:absolute;left:0;right:0;top:22px;height:1px;background:var(--line-2)}
.tl{position:relative;padding-top:56px}
.tl .dot{position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:50%;background:var(--bg);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center}
.tl .dot i{width:8px;height:8px;border-radius:50%;background:#fff;display:block}
.tl .num{color:var(--dim);margin-bottom:12px}
.tl h4{font-family:var(--display);font-size:24px;font-weight:700;margin:0 0 10px;letter-spacing:-.3px}
.tl p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}
@media(max-width:820px){.timeline{grid-template-columns:1fr;gap:26px}.timeline::before{left:11px;right:auto;top:0;bottom:0;width:1px;height:auto}.tl{padding-top:0;padding-left:44px}.tl .dot{top:2px}}

/* ===== clients: logo marquee + rows ===== */
.logo-marquee{overflow:hidden;margin:36px 0 10px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.logo-track{display:flex;gap:28px;align-items:center;width:max-content;animation:mq 34s linear infinite}
.logo-track img{height:56px;width:56px;object-fit:contain;background:#fff;border-radius:14px;padding:7px}
@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.client-bar{margin-top:34px}
#clientGrid.client-grid{display:block;border-top:1px solid var(--line);margin-top:22px}
.crow{display:grid;grid-template-columns:56px 1.2fr .8fr 1.8fr 110px;gap:24px;align-items:center;padding:20px 12px;border-bottom:1px solid var(--line);transition:background .25s}
.crow:hover{background:rgba(255,255,255,.03)}
.crow .lg{width:48px;height:48px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.crow .lg img{width:36px;height:36px;object-fit:contain}
.crow .lg.blank{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);font-weight:700;font-size:14px}
.crow h4{font-family:var(--display);font-size:18px;font-weight:700;margin:0}
.crow .cat{color:var(--dim);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.crow .cities{color:var(--muted);font-size:14px}
.crow .cnt{text-align:right;color:var(--text);font-size:14px;white-space:nowrap}
@media(max-width:820px){.crow{grid-template-columns:48px 1fr 88px;grid-template-areas:"lg h cnt" "lg cat cnt" "lg cities cnt";gap:4px 14px;padding:16px 4px}.crow .lg{grid-area:lg}.crow h4{grid-area:h}.crow .cat{grid-area:cat}.crow .cities{grid-area:cities}.crow .cnt{grid-area:cnt;font-size:12px}}

/* ===== homepage: lens + floating result chips (built by fx.js) ===== */
#world{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
#world .lay{position:absolute;inset:0;will-change:transform}
#iris{position:absolute;left:50%;margin-left:min(-48vw,-620px);top:-32vh;width:min(96vw,1240px);aspect-ratio:1}
#iris svg{width:100%;height:100%;overflow:visible}
#iris .ring{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1}
#iris .ring.b{stroke:rgba(255,255,255,.08)}
#iris .blade{fill:rgba(40,42,48,.26);stroke:rgba(255,255,255,.17);stroke-width:1}
#iris .glow{fill:url(#irisGlow)}
#wm{position:absolute;left:-18vw;bottom:-26vh;width:min(60vw,720px);aspect-ratio:1;opacity:.035;filter:blur(.5px)}
#wm img{width:100%;height:100%;object-fit:contain}
.fc{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:rgba(22,22,25,.76);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f2f2f4;font-family:"Inter",system-ui,sans-serif;font-size:13.5px;white-space:nowrap;max-width:300px;will-change:transform;animation:bob 7s ease-in-out infinite}
.fc b{font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:-.3px}
.fc small{display:block;color:#a1a1aa;font-size:11.5px;letter-spacing:.02em}
.fc .ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none}
.fc .ic.g{background:#fff}.fc .ic.ig{background:linear-gradient(135deg,#f9ce34,#ee2a7b)}.fc .ic.pl{background:#26262b;border:1px solid rgba(255,255,255,.22)}
.fc .ic svg{width:18px;height:18px}
.fc .spark{width:84px;height:28px}
.fc .bar{height:6px;border-radius:6px;background:rgba(255,255,255,.1);width:120px;overflow:hidden}.fc .bar i{display:block;height:100%;width:55%;background:#f4b400;border-radius:6px}
.fc.far{filter:blur(2px);opacity:.55;transform:scale(.82)}
.fc.mid{opacity:.85}
.fc.near{transform:scale(1.06);filter:blur(.6px)}
@keyframes bob{0%,100%{margin-top:0}50%{margin-top:-10px}}
@media(max-width:1700px){.fc small{display:none}.fc{padding:10px 14px;gap:10px;border-radius:14px}.fc b{font-size:15px}.fc .ic{width:30px;height:30px;border-radius:9px}.fc .spark{width:64px;height:22px}.fc .bar{width:80px}}
@media(max-width:1100px){.fc{display:none}}
@media(prefers-reduced-motion:reduce){#grain,.logo-track,.fc{animation:none !important}}

/* ===== 2026-09-26: display font -> Inter Tight, services as hairline grid ===== */
:root{--display:"Inter Tight",Inter,system-ui,sans-serif}
h1,h2,h3,h4,.grad,.tl h4,.knum,.hero h1{font-family:"Inter Tight",Inter,system-ui,sans-serif!important;letter-spacing:-.035em;font-weight:700}
.hero h1{font-size:clamp(44px,5.4vw,76px);line-height:1}
.sec-head h2{font-size:clamp(34px,4vw,54px);line-height:1.05}
#service{position:relative;z-index:1;background:#0b0b0d}
#service .sec-head{max-width:820px}#service .sec-head p{max-width:600px;font-size:17px}
.vn{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border:1px solid rgba(255,255,255,.12)}
.vn a{display:block;padding:34px 28px 36px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;min-height:200px;transition:background .25s}
.vn a:nth-child(3n){border-right:0}.vn a:nth-child(n+4){border-bottom:0}
.vn a:hover{background:rgba(255,255,255,.04)}
.vn .n{display:block;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.08em;color:#8b8b93;margin-bottom:34px}
.vn h3{margin:0 0 10px;font-size:22px;line-height:1.15;font-weight:700;letter-spacing:-.02em}
.vn p{margin:0;font-family:Inter,system-ui,sans-serif;font-size:14.5px;line-height:1.55;color:#a1a1aa;max-width:300px}
@media(max-width:900px){.vn{grid-template-columns:1fr 1fr}.vn a:nth-child(3n){border-right:1px solid rgba(255,255,255,.12)}.vn a:nth-child(2n){border-right:0}.vn a:nth-child(n+4){border-bottom:1px solid rgba(255,255,255,.12)}.vn a:nth-child(n+5){border-bottom:0}}
@media(max-width:560px){.vn{grid-template-columns:1fr}.vn a{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;min-height:0;padding:26px 20px}.vn a:last-child{border-bottom:0!important}.vn .n{margin-bottom:18px}}


/* ===== 2026-10-01: LIGHT THEME — white page, black + grey accents ===== */
:root{--bg:#ffffff;--bg-soft:#f5f5f6;--panel:#ffffff;--panel-2:#f3f3f4;--line:rgba(0,0,0,.10);--line-2:rgba(0,0,0,.18);--text:#111113;--muted:#55555d;--dim:#8a8a92;--white:#111113;--accent:#111113}
/* dashboards + phones stay dark cards: give them back their light text tokens */
.hero-dash,.ig-dash,.case,.phone,.lb-frame,.lb{--text:#f4f4f5;--muted:#a1a1aa;--dim:#71717a;--white:#ffffff;--accent:#ffffff;color:#f4f4f5}
.hero-dash,.ig-dash{box-shadow:0 30px 70px rgba(0,0,0,.18)}
.case{box-shadow:0 30px 70px rgba(0,0,0,.14)}
html{background:#ffffff}
body{background:transparent !important;color:var(--text)}
#grain,#world{display:none !important}
::selection{background:#111113;color:#fff}
/* header */
header{background:rgba(255,255,255,.86) !important;border-bottom:1px solid var(--line) !important;backdrop-filter:blur(12px)}
.brand img{filter:none !important}
nav a,.navlinks a{color:#333338}
nav a:hover,.navlinks a:hover{color:#111113}
.navcta,.btn-primary{background:#111113 !important;color:#ffffff !important;border-color:#111113 !important}
.navcta:hover,.btn-primary:hover{background:#2b2b30 !important;color:#fff !important}
.btn-primary svg{stroke:#fff !important}
.btn-ghost{border-color:var(--line-2) !important;color:#111113 !important;background:transparent !important}
.btn-ghost:hover{background:rgba(0,0,0,.04) !important}
.burger span{background:#111113}
/* type */
h1,h2,h3,h4{color:#111113}
.grad,h1 .grad,h2 .grad,.hero-v2 .grad{-webkit-text-fill-color:#111113 !important;color:#111113 !important;background:none !important}
p{color:var(--muted)}
.kicker,.eyebrow,.tag,.period,.num,.mh-sub{color:var(--dim)}
.kicker::before,.eyebrow::before{background:var(--line-2)}
.eyebrow .dot{background:#111113}
.hero-trust span{color:var(--muted)}
.hero-trust .logos{display:none !important}
/* services grid */
#service{background:#ffffff}
.vn{border-color:var(--line)}
.vn a{border-color:var(--line) !important;color:#111113}
.vn a:hover{background:rgba(0,0,0,.03)}
.vn .n{color:var(--dim)}
.vn h3{color:#111113}
.vn p{color:var(--muted)}
.service-foot .note{color:var(--muted)} .service-foot .note b{color:#111113}
/* process timeline */
.timeline::before{background:var(--line-2)}
.tl .dot{background:#fff;border-color:var(--line-2)} .tl .dot i{background:#111113}
.tl h4{color:#111113} .tl p{color:var(--muted)}
.sec-head p{color:var(--muted)}
/* contact */
.contact-card{background:#ffffff !important;border:1px solid var(--line) !important;box-shadow:0 20px 60px rgba(0,0,0,.08)}
.contact-card input,.contact-card select,.contact-card textarea{background:#f5f5f6 !important;color:#111113 !important;border:1px solid var(--line) !important}
.contact-card input::placeholder,.contact-card textarea::placeholder{color:#8a8a92}
.contact-card label{color:var(--muted)}
.contact-card option{color:#111}
.contact-card .cd .t a{color:#111113 !important}
.contact-card .cd .t small{color:var(--dim)}
.contact-card .cd .ic{background:#f5f5f6 !important;border:1px solid var(--line) !important;color:#111113 !important}
.contact-card .cd .ic svg{stroke:#111113 !important;color:#111113}
.contact-card .cd .t > *:not(small){color:#111113 !important}
/* footer */
footer{background:#ffffff !important;border-top:1px solid var(--line) !important;color:var(--muted)}
footer a{color:var(--muted)} footer a:hover{color:#111113}
footer img,footer .brand img{filter:none !important}
/* dark leftovers */
.halo,.orb,.grid,.hero-glow{display:none !important}
/* dark cards keep light headings / bold / links */
.hero-dash h1,.hero-dash h2,.hero-dash h3,.hero-dash h4,.ig-dash h2,.ig-dash h3,.ig-dash h4,.case h2,.case h3,.case h4,.phone h3,.phone h4,.lb h3,.lb h4{color:#f4f4f5 !important}
b,strong{color:#111113 !important}
main a:not([class]),.p-hero a:not([class]){color:#111113 !important}
.hero-dash b,.ig-dash b,.case b,.phone b,.lb b,.hero-dash strong,.ig-dash strong,.case strong,.hero-dash a,.ig-dash a,.case a,.phone a,.lb a{color:#f4f4f5 !important}
.hero-dash a:not([class]),.ig-dash a:not([class]),.case a:not([class]),.phone a:not([class]),.lb a:not([class]){color:#f4f4f5 !important}
/* mobile menu */
.navlinks.open{background:#ffffff !important;border-bottom:1px solid var(--line) !important}

/* ===== 2026-10-01: homepage logo strip + recent work grid ===== */
.x-sec .sec-head{margin-bottom:0}
.x-logos{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.x-logos .wrap{display:flex;align-items:center;gap:40px;flex-wrap:wrap;justify-content:space-between}
.x-logos .lbl{font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.x-logos .row{display:flex;align-items:center;gap:32px;flex-wrap:wrap;flex:1;justify-content:space-between}
.x-logos img{height:88px;width:auto;max-width:200px;margin:-14px 0;filter:grayscale(1);opacity:.8;transition:.25s}
.x-logos img:hover{filter:none;opacity:1}
.x-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:44px}
.x-grid a{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#f3f3f4}
.x-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.x-grid a:hover img{transform:scale(1.04)}
.x-grid span{position:absolute;left:12px;bottom:10px;font:600 12px Inter,system-ui,sans-serif;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.x-grid i{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}
.x-grid i svg{width:12px;height:12px;fill:#fff}
.x-work .foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:16px;flex-wrap:wrap}
.x-work .foot p{margin:0;font-size:14px;color:var(--dim)}
@media(max-width:900px){.x-grid{grid-template-columns:repeat(3,1fr)}.x-logos .row{justify-content:center;gap:20px}}
@media(max-width:560px){.x-grid{grid-template-columns:1fr 1fr}.x-logos .wrap{justify-content:center}.x-logos img{height:64px;margin:-8px 0}}

/* fallback: pages still using the old white logo file get it darkened on the white header */
.brand img[src$="logo.png"],footer img[src$="logo.png"]{filter:invert(1) brightness(.25) !important}

/* ===== 2026-10-02: site-wide footer v2 ===== */
footer.ft2{position:relative;overflow:hidden;padding:72px 0 40px;background:#ffffff !important;border-top:1px solid var(--line) !important;color:var(--muted)}
.ft2 .wrap{position:relative;z-index:1}
.ft2-grid{display:grid;grid-template-columns:1.4fr .8fr 1.15fr .85fr 1.3fr;gap:28px}
.ft2-brand .brand img{height:64px;width:auto;display:block;filter:none !important}
.ft2-tag{margin:22px 0 18px;font-size:16px;line-height:1.5;color:#55555d}
.ft2-social{display:flex;gap:14px;margin-bottom:28px}
.ft2-social a{width:36px;height:36px;border:1px solid var(--line-2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#111113 !important;transition:.2s}
.ft2-social a:hover{background:#111113;color:#fff !important;border-color:#111113}
.ft2-social svg{width:18px;height:18px}
.ft2-card{background:#f5f5f6;border:1px solid var(--line);border-radius:14px;padding:18px;max-width:440px}
.ft2-card p{margin:0 0 12px;font-size:14px;color:#55555d}
.ft2-card .row{display:flex;gap:10px;margin-top:10px}
.ft2-card .row:first-of-type{margin-top:0}
.ft2-card input{flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid var(--line-2);border-radius:10px;background:#fff;color:#111113;font:inherit;font-size:14px}
.ft2-card input::placeholder{color:#8a8a92}
.ft2-card input:focus{outline:none;border-color:#111113}
.ft2-card .btn{height:44px;padding:0 18px;white-space:nowrap;font-size:14px;border-radius:10px}
.ft2-col h4{margin:0 0 18px;font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8a8a92 !important}
.ft2-col a,.ft2-col span{display:block;white-space:nowrap;font-size:15px;line-height:1.3;color:#333338 !important;text-decoration:none;margin-bottom:14px}
.ft2-col a:hover{color:#111113 !important}
.ft2-bottom{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:56px;padding-top:26px;border-top:1px solid var(--line)}
.ft2-lbl{font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8a8a92}
.ft2-bottom > a{font-size:15px;color:#333338 !important;text-decoration:none}
.ft2-bottom > a:hover{color:#111113 !important}
.ft2-copy{margin-left:auto;font-size:13px;color:#8a8a92}
.ft2-copy a{color:#8a8a92 !important;text-decoration:none}
.ft2-copy a:hover{color:#111113 !important}
.ft2-wm{position:absolute;right:-6px;bottom:-.36em;z-index:0;font:800 clamp(110px,12.5vw,200px)/1 "Inter Tight",Inter,system-ui,sans-serif;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.075);pointer-events:none;user-select:none;white-space:nowrap}
/* dark variant */
footer.ft2.ft2-dark{background:#0b0b0d !important;border-top:0 !important;color:#a1a1aa}
.ft2-dark .ft2-brand .brand img{filter:none !important}
.ft2-dark .ft2-tag{color:#a1a1aa}
.ft2-dark .ft2-social a{border-color:rgba(255,255,255,.18);color:#fff !important}
.ft2-dark .ft2-social a:hover{background:#fff;color:#111113 !important;border-color:#fff}
.ft2-dark .ft2-card{background:#ffffff;border-color:#ffffff}
.ft2-dark .ft2-card input{background:#f5f5f6;border-color:rgba(0,0,0,.12)}
.ft2-dark .ft2-col h4{color:#8b8b93 !important}
.ft2-dark .ft2-col a,.ft2-dark .ft2-col span{color:#d4d4d8 !important}
.ft2-dark .ft2-col a:hover{color:#fff !important}
.ft2-dark .ft2-bottom{border-top-color:rgba(255,255,255,.12)}
.ft2-dark .ft2-lbl{color:#8b8b93}
.ft2-dark .ft2-bottom > a{color:#d4d4d8 !important}
.ft2-dark .ft2-bottom > a:hover{color:#fff !important}
.ft2-dark .ft2-copy,.ft2-dark .ft2-copy a{color:#8b8b93 !important}
.ft2-dark .ft2-copy a:hover{color:#fff !important}
.ft2-dark .ft2-wm{-webkit-text-stroke:1px rgba(255,255,255,.10)}
@media(max-width:1000px){.ft2-grid{grid-template-columns:1fr 1fr 1fr}.ft2-brand{grid-column:1/-1}}
@media(max-width:600px){footer.ft2{padding:56px 0 32px}.ft2-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.ft2-card .row{flex-direction:column}.ft2-card .btn{width:100%}.ft2-bottom{gap:14px}.ft2-copy{margin-left:0;width:100%}.ft2-wm{font-size:120px;bottom:-20px}}

.ft2-copy2{font-size:13px;color:#8a8a92;margin-left:8px}.ft2-copy2 a{color:#8a8a92 !important;text-decoration:none}.ft2-copy2 a:hover{color:#111113 !important}.ft2-est{margin-left:auto}.ft2-dark .ft2-copy2,.ft2-dark .ft2-copy2 a{color:#8b8b93 !important}.ft2-dark .ft2-copy2 a:hover{color:#fff !important}@media(max-width:600px){.ft2-copy2{width:100%;margin-left:0}.ft2-est{margin-left:0}}

/* footer v2 fix 2026-10-02: no watermark, even columns, bigger logo */
.ft2-wm{display:none !important}
.ft2-grid{grid-template-columns:1.3fr 158px 158px 158px max-content;gap:30px;align-items:start}
.ft2-brand .brand img{height:96px}
.ft2-tag{font-size:17px;margin:24px 0 20px}
.ft2-col h4{margin-bottom:20px}
.ft2-col a,.ft2-col span{font-size:15px;line-height:1.2;margin-bottom:16px}
.ft2-card{max-width:400px}
.ft2-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.ft2-copy2{margin:0;text-align:center}
.ft2-est{margin-left:0;justify-self:end}
@media(max-width:1000px){.ft2-grid{grid-template-columns:1fr 1fr 1fr}.ft2-brand{grid-column:1/-1}}
@media(max-width:600px){.ft2-grid{grid-template-columns:1fr 1fr}.ft2-bottom{grid-template-columns:1fr;gap:10px}.ft2-copy2{text-align:left}.ft2-est{justify-self:start}}