/* Generated by scripts/build_assets.py; edit the sources, not this file. */
/* /assets/css/fonts-main-v1.css */
/* Main site type (owner 2026-10-11): Geist everywhere on bankasimedia.com; [creations] (creations.html and the
   product pages) keeps fonts-v1.css with DM Sans. Geist (Vercel, SIL Open Font License 1.1) is one variable file,
   weights 100-900. The site's CSS names 'DM Sans' and 'Cormorant Garamond' in many shared files and inline styles,
   so on main-site pages both family names resolve to Geist here instead of rewriting every rule. The Cormorant
   alias is scaled (size-adjust) so headings keep their size; Geist has no italic, so italic accents render upright.
   The [creations] wordmark keeps the real DM Sans through 'Creations Sans' below. */
@font-face {
 font-family: 'Geist';
 font-style: normal;
 font-weight: 100 900;
 font-display: swap;
 src: url(/assets/fonts/geist-v1.woff2) format('woff2');
}
@font-face {
 font-family: 'DM Sans';
 font-style: normal;
 font-weight: 100 900;
 font-display: swap;
 src: url(/assets/fonts/geist-v1.woff2) format('woff2');
 line-gap-override: 0%;
}
@font-face {
 font-family: 'Cormorant Garamond';
 font-style: normal;
 font-weight: 100 900;
 font-display: swap;
 src: url(/assets/fonts/geist-v1.woff2) format('woff2');
 size-adjust: 82%;
 line-gap-override: 0%;
}
@font-face {
 font-family: 'Cormorant Garamond';
 font-style: italic;
 font-weight: 100 900;
 font-display: swap;
 src: url(/assets/fonts/geist-v1.woff2) format('woff2');
 size-adjust: 82%;
 line-gap-override: 0%;
}
/* The [creations] wordmark and brand lockups stay DM Sans on the main site. */
@font-face {
 font-family: 'Creations Sans';
 font-style: normal;
 font-weight: 100 1000;
 font-display: swap;
 src: url(/assets/fonts/dm-sans-normal-latin-ext-v1.woff2) format('woff2');
 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
 font-family: 'Creations Sans';
 font-style: normal;
 font-weight: 100 1000;
 font-display: swap;
 src: url(/assets/fonts/dm-sans-normal-latin-v1.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.creations-wordmark,.creations-hero-mark,.hero-chapter-out .hero-chapter-kicker,.hdi-cta-kicker,
.wwu-make-creations h3,.shop-signature{font-family:'Creations Sans',sans-serif!important}

/* Controls without their own font take the page's (browsers otherwise draw them in a system face). */
:where(button,input,select,textarea){font-family:inherit}
/* /assets/css/media-kit-v1.css */
/* Generated by scripts/build_media_kit.py (kit pages) + the viewer block at the end. Edit the generator, then run it. */
:root{--ink:#151515;--paper:#f4f2ee;--card:#fff;--line:#dedbd4;--mute:#6b6a66;--soft:#9a9893;--graph:#232425;--ice:#7fb3e0;--icy:#2f5f8a}
*{box-sizing:border-box;margin:0;padding:0}

.page{font-family:Geist,sans-serif;color:var(--ink);-webkit-print-color-adjust:exact;print-color-adjust:exact;font-feature-settings:"tnum" 1}
.page{width:8.5in;height:11in;position:relative;overflow:hidden;background:var(--paper);padding:.62in .62in .8in;page-break-after:always;break-after:page}
.page:last-child{page-break-after:auto}
.dark{background:var(--ink);color:#f3f3f1}
.eyebrow{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--mute)}
.dark .eyebrow{color:#a5a5a2}
h1,h2,h3{font-weight:700;letter-spacing:-.025em}
h2{font-size:34px;line-height:1.04;margin:10px 0 0}
h2 .g,.g{color:var(--soft)}
.dark h2 .g{color:#8d8d89}
.lede{font-size:13.5px;line-height:1.55;color:#3a3936;max-width:5.4in;margin-top:12px}
.dark .lede{color:#c9c9c6}
.wm{font-family:Geist;font-weight:800;letter-spacing:.2em;font-size:15px}
.wm sup{font-size:6.5px;letter-spacing:.14em;margin-left:3px;vertical-align:baseline;position:relative;top:-.928em;font-weight:800}
.foot{position:absolute;left:.62in;right:.62in;bottom:.38in;display:flex;justify-content:space-between;font-size:8.5px;letter-spacing:.08em;color:var(--soft);border-top:1px solid var(--line);padding-top:8px}
.foot.on-dark{border-color:#2c2c2c;color:#92928e}
/* cover */
.cover{padding:0}
.cover-bento{position:absolute;left:.62in;right:.62in;top:1.0in;height:4.35in;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1.3fr 1fr;
grid-template-areas:"a a a b b b" "c c d d e e";gap:8px;z-index:1}
.cb{border-radius:12px;background:#222 center/cover;box-shadow:0 0 0 1px rgba(255,255,255,.07)}
.cb.a{grid-area:a}.cb.b{grid-area:b}.cb.c{grid-area:c}.cb.d{grid-area:d}.cb.e{grid-area:e}
.cover-top{position:absolute;top:.5in;left:.62in;right:.62in;display:flex;justify-content:space-between;align-items:center;z-index:2;color:#fff}
.cover-top .tag{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#e2e2df}
.cover-body{position:absolute;left:.62in;right:.62in;top:5.75in;z-index:2}
.cover h1{font-size:62px;line-height:.98;letter-spacing:-.035em;color:#fff}
.cover h1 .g{color:#8f8f8b}
.cover .lede{font-size:14.5px;max-width:5.6in;margin-top:16px}
.cover-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border-top:1px solid #333}
.cover-stats div{padding:14px 12px 0 0}
.cover-stats b{display:block;font-size:30px;font-weight:700;letter-spacing:-.03em;color:#fff}
.cover-stats span{display:block;font-size:10.5px;line-height:1.35;color:#a9a9a6;margin-top:4px}
.film{margin-top:26px}
.film .k{color:#8d8d8a}
.film-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.film-row div{aspect-ratio:16/10;border-radius:10px;background:#222 center/cover;position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.07)}
.film-row span{position:absolute;left:8px;bottom:7px;font-size:8.5px;font-weight:600;letter-spacing:.06em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.film-row div::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.film-row span{z-index:1}
.glow{text-shadow:0 0 18px rgba(210,222,240,.45)}
/* grid helpers */
.two{display:grid;grid-template-columns:1.15fr .85fr;gap:.34in;margin-top:24px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
.dcard{background:var(--graph);border:1px solid #303133;border-radius:14px;padding:18px;color:#efefec}
.k{font-size:9px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;color:var(--mute)}
.dcard .k{color:#9a9a97}
p.body{font-size:12px;line-height:1.6;color:#3a3936;margin-top:10px}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.pillar{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 14px 13px}
.pillar .pn{font-size:9px;letter-spacing:.14em;color:var(--soft);font-weight:600}
.pillar h3{font-size:16px;margin-top:6px}
.pillar p{font-size:11px;line-height:1.5;color:#55534f;margin-top:5px}
.pillar .stat{font-size:10.5px;margin-top:8px;font-weight:600;color:var(--ink)}
.aud li{list-style:none;font-size:12px;padding:9px 0;border-bottom:1px solid #313234;display:flex;gap:10px;line-height:1.35}
.aud li:last-child{border-bottom:0}
.aud li b{font-weight:600;min-width:15px;color:#8a8a87}
.handles{margin-top:12px;font-size:11px;line-height:1.9}
.handles div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}
.handles span{color:var(--mute)}
.photo{border-radius:14px;overflow:hidden;background:#ddd center/cover}
/* reach */
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;border-top:1.5px solid var(--ink)}
.stats div{padding:14px 14px 14px 0;border-right:1px solid var(--line)}
.stats div:last-child{border-right:0}
.stats div+div{padding-left:14px}
.stats b{display:block;font-size:34px;font-weight:700;letter-spacing:-.035em}
.stats b small{font-size:15px;color:var(--soft);font-weight:600;letter-spacing:0}
.stats span{display:block;font-size:11px;line-height:1.35;margin-top:3px;font-weight:600}
.stats em{display:block;font-style:normal;font-size:9px;color:var(--soft);margin-top:5px;line-height:1.35}
.vids{margin-top:12px}
.vid{padding:9px 0 10px;border-bottom:1px solid #2f3032}
.vid:last-child{border-bottom:0}
.vid-top{display:flex;justify-content:space-between;font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:#8d8d8a;font-weight:600}
.vid-top .kind{color:#d6d6d3}
.vid-title{font-size:12.5px;font-weight:600;margin-top:4px;line-height:1.3}
.vid-bar{height:3px;background:#2f3032;border-radius:2px;margin-top:7px;overflow:hidden}
.vid-bar i{display:block;height:100%;background:linear-gradient(90deg,#9ea3a9,#fff)}
.vid-views{font-size:10.5px;color:#a3a3a0;margin-top:5px}
.vid-views b{color:#fff;font-weight:700;font-size:12px}
.spark{width:100%;height:120px;display:block;margin-top:12px}
.spark .early{fill:#b9b7b1} .spark .mid{fill:#d9d6cf} .spark .late{fill:#151515}
.spark .avg{stroke:#8f8d88;stroke-width:1.2;stroke-dasharray:3 3} .spark .avg.hot{stroke:#151515}
.sparkkey{display:flex;justify-content:space-between;font-size:9.5px;color:var(--mute);margin-top:6px}
.sparkkey b{color:var(--ink)}
.shop{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:10px}
.shop div{padding:8px 0;border-bottom:1px solid var(--line)}
.shop b{display:block;font-size:20px;font-weight:700;letter-spacing:-.02em}
.shop span{font-size:9.5px;color:var(--mute)}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;border:1px solid var(--line);border-radius:99px;padding:4px 10px 4px 4px;margin-top:12px;background:#fff}
.badge img{width:18px;height:18px}
/* offers */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}
.why div{border-top:1.5px solid var(--ink);padding-top:10px}
.why h4{font-size:12.5px;font-weight:700;line-height:1.25}
.why p{font-size:10.5px;line-height:1.5;color:#55534f;margin-top:5px}
.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.offer{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px 15px 14px;display:flex;flex-direction:column}
.offer.feat{background:var(--ink);color:#f2f2ef;border-color:var(--ink)}
.offer .on{font-size:9px;letter-spacing:.14em;color:var(--soft);font-weight:600}
.offer h3{font-size:16.5px;line-height:1.15;margin-top:7px}
.offer p{font-size:10.8px;line-height:1.5;color:#55534f;margin-top:6px}
.offer.feat p{color:#c4c4c1}
.offer ul{list-style:none;margin-top:auto;padding-top:10px;font-size:10px;line-height:1.5}
.offer li{padding:4px 0;border-top:1px solid var(--line);display:flex;gap:6px}
.offer.feat li{border-color:#333}
.offer li::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;margin-top:5px;flex:none;opacity:.55}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:14px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.steps div{padding:13px 14px;border-right:1px solid var(--line)}
.steps div:last-child{border-right:0}
.steps b{font-size:9px;letter-spacing:.14em;color:var(--soft)}
.steps h4{font-size:12.5px;margin-top:5px}
.steps p{font-size:10px;line-height:1.45;color:#55534f;margin-top:4px}
.rates{margin-top:14px;display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;border-radius:14px;padding:14px 18px}
.rates h4{font-size:15px}
.rates p{font-size:11px;color:#bdbdba;margin-top:3px}
.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ink);border-radius:10px;padding:8px 8px 8px 14px;font-size:11.5px;font-weight:600}
.pill i{width:20px;height:20px;border-radius:50%;background:var(--ink);display:inline-flex;align-items:center;justify-content:center}
.pill i svg{width:9px;height:9px}
/* proof */
.temps{display:grid;grid-template-columns:1.55fr 1fr;gap:10px;margin-top:20px}
.tnums{display:flex;gap:22px;margin-top:10px}
.tnum b{font-size:30px;font-weight:700;letter-spacing:-.035em;color:#d9ecff;text-shadow:0 0 16px rgba(127,179,224,.55)}
.tnum b small{font-size:13px;font-weight:600;color:#9cc4e8;text-shadow:none}
.tnum span{display:block;font-size:10px;color:#b9b9b6;margin-top:2px}
.tcap{font-size:9px;color:#8b8b88;margin-top:10px;line-height:1.4}
.mto-head{display:flex;justify-content:space-between;align-items:flex-end;margin-top:22px}
.mto-figs{display:flex;gap:18px}
.mto-figs div{text-align:right}
.mto-figs b{display:block;font-size:22px;font-weight:700;letter-spacing:-.03em}
.mto-figs span{font-size:9px;color:var(--mute)}
.cases{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.case{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.case-img{aspect-ratio:5/4;background:#f6f6f6;display:flex;align-items:center;justify-content:center}
.case-img img{width:100%;height:100%;object-fit:contain;display:block}
.case-txt{padding:8px 10px 10px;border-top:1px solid #eeece7}
.case-meta{font-size:8.5px;font-weight:600;color:var(--ink)}
.case-meta .num{color:var(--soft);margin-right:3px}
.dim{color:var(--soft);font-weight:500}
.case-title{font-size:10.5px;font-weight:700;line-height:1.25;margin-top:3px;min-height:26px}
.case-note{font-size:8.6px;line-height:1.4;color:#66645f;margin-top:4px}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.quote{border-left:2px solid var(--ink);padding:2px 0 2px 12px}
.quote p{font-size:10.5px;line-height:1.45;font-weight:500}
.quote span{display:block;font-size:9px;color:var(--mute);margin-top:6px}
.stars{font-size:9px;letter-spacing:2px;margin-bottom:5px}
/* contact */
.contact{padding:.62in}
.contact h2{font-size:60px;line-height:.98;color:#fff;margin-top:1.2in}
.cgrid{display:grid;grid-template-columns:1.25fr .75fr;gap:.3in;margin-top:.5in}
.cline{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #2e2e2e;padding:12px 0;font-size:13px}
.cline span{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#8b8b88;font-weight:600}
.cline b,.cline a{font-weight:600}
.page a{color:inherit;text-decoration:none}
.page a.pill,.page a.bigcta{color:var(--ink)}
.handles a{font-weight:700;color:var(--ink)}
.qrbox{background:#fff;border-radius:16px;padding:16px;color:var(--ink)}
.qr{width:100%;height:auto;display:block}
.qrbox p{font-size:10px;margin-top:10px;line-height:1.4;font-weight:600}
.qrbox p span{display:block;font-weight:500;color:var(--mute)}
.small{font-size:8.6px;line-height:1.5;color:#7c7c79;margin-top:.45in;max-width:6.4in}
.bigcta{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#151515;border-radius:12px;padding:11px 11px 11px 18px;font-size:14px;font-weight:700;margin-top:26px}
.bigcta i{width:28px;height:28px;border-radius:50%;background:#151515;display:inline-flex;align-items:center;justify-content:center}

/* ---------------------------------------------------------------- viewer (/media-kit) */
html,body{margin:0;background:#151515;color:#f3f3f1}
body.page-mediakit{font-family:'Geist',sans-serif;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;
  background:radial-gradient(120% 80% at 50% 42%,#26272a 0%,#1b1c1d 45%,#151515 78%) fixed,#151515;-webkit-font-smoothing:antialiased}
.page-mediakit *{box-sizing:border-box}
.mk-skip{position:absolute;left:12px;top:-60px;z-index:20;background:#fff;color:#151515;padding:8px 12px;border-radius:8px;font-weight:600;text-decoration:none}
.mk-skip:focus{top:12px}
.page-mediakit :focus-visible{outline:2px solid #fff;outline-offset:3px}

/* top bar */
.mk-bar{position:relative;z-index:5;display:flex;align-items:center;gap:16px;padding:14px max(16px,env(safe-area-inset-left)) 14px max(16px,env(safe-area-inset-right));
  padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px);border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(21,21,21,.72);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}
.mk-logo{display:inline-flex;align-items:baseline;text-decoration:none;color:#fff;line-height:1;flex:0 0 auto}
.mk-logo span{font-size:15px;font-weight:800;letter-spacing:.2em}
.mk-logo sup{font-size:6.5px;font-weight:800;letter-spacing:.14em;margin-left:3px;color:#a5a5a2;vertical-align:baseline;position:relative;top:-.928em}
.mk-title{margin:0 auto;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#e2e2df;white-space:nowrap}
.mk-title span{color:#8d8d89}
.mk-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.mk-btn{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:6px 6px 6px 15px;border-radius:10px;font-size:13.5px;font-weight:600;letter-spacing:0;
  text-decoration:none;white-space:nowrap;transition:background-color .2s,border-color .2s,box-shadow .2s}
.mk-btn i{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.mk-btn svg{width:14px;height:14px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mk-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04)}
.mk-btn-ghost i{background:#fff}
.mk-btn-ghost svg{stroke:#151515}
.mk-btn-ghost:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.09)}
.mk-btn-primary{color:#151515;background:#fff;border:1px solid #fff}
.mk-btn-primary i{background:#151515}
.mk-btn-primary svg{stroke:#fff}
.mk-btn-primary:hover{box-shadow:0 0 0 4px rgba(255,255,255,.14),0 0 28px rgba(210,222,240,.28)}
.mk-btn-short{display:none}

/* stage */
.page-mediakit main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;outline:0}
.mk-stage{position:relative;flex:1 1 auto;min-height:0}
.mk-track{--s:.9}
.mk-slide{display:flex;align-items:center;justify-content:center;padding:24px 16px}
.mk-fit{position:relative;width:calc(816px * var(--s));height:calc(1056px * var(--s));flex:0 0 auto;border-radius:6px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.07),0 30px 80px rgba(0,0,0,.55),0 8px 24px rgba(0,0,0,.35)}
.mk-fit>.page{position:absolute;left:0;top:0;transform:scale(var(--s));transform-origin:0 0}
@media (max-width:760px){.mk-track{--s:.42}}

/* with JS: one page at a time, swipe or arrows */
.mk-js .mk-stage{display:flex}
.mk-js .mk-track{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;outline:0}
.mk-js .mk-track::-webkit-scrollbar{display:none}
.mk-js .mk-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;padding:clamp(14px,3vh,32px) clamp(16px,7vw,120px)}
.mk-js .mk-track.is-zoomed{overflow:hidden;scroll-snap-type:none}
.mk-js .is-zoomed .mk-slide{overflow:auto;align-items:flex-start;justify-content:flex-start;-webkit-overflow-scrolling:touch}
.mk-js .is-zoomed .mk-fit{margin:auto}
.mk-js .mk-track.is-ready .mk-fit{transition:opacity .35s ease}
.mk-js .mk-slide:not(.is-current) .mk-fit{opacity:.35}
.mk-js .mk-slide.is-current .mk-fit{opacity:1}

.mk-arrow{display:none}
.mk-js .mk-arrow{position:absolute;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-top:-26px;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;cursor:pointer;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .2s,background-color .2s,opacity .2s}
.mk-arrow svg,.mk-round svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mk-arrow:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.13)}
.mk-prev{left:clamp(12px,2.2vw,40px)}
.mk-next{right:clamp(12px,2.2vw,40px)}
.mk-arrow:disabled,.mk-round:disabled{opacity:.28;cursor:default}
.mk-arrow:disabled:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.07)}

/* controls */
.mk-controls{display:none}
.mk-js .mk-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px clamp(16px,3vw,40px) max(14px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.07)}
.mk-pager{grid-row:1;display:flex;align-items:center;gap:6px;grid-column:1;justify-self:start}
.mk-round{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;cursor:pointer;transition:border-color .2s,background-color .2s}
.mk-round:hover:not(:disabled){border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.08)}
.mk-round svg{width:18px;height:18px}
.mk-count{margin:0 6px;font-size:13px;font-weight:500;color:#8d8d89;font-variant-numeric:tabular-nums;white-space:nowrap}
.mk-count b{color:#fff;font-weight:700}
.mk-count-name{display:none;margin-left:10px;color:#e2e2df;font-weight:600}
.mk-tabs{grid-row:1;grid-column:2;display:flex;gap:2px}
.mk-tab{position:relative;border:0;background:none;color:#8d8d89;font:600 12.5px/1 'Geist',sans-serif;letter-spacing:.02em;padding:12px 12px;cursor:pointer;transition:color .2s}
.mk-tab::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:#fff;opacity:0;transition:opacity .2s}
.mk-tab:hover{color:#e2e2df}
.mk-tab[aria-current="true"]{color:#fff}
.mk-tab[aria-current="true"]::after{opacity:1}
.mk-zoom{grid-row:1;grid-column:3;justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;cursor:pointer}
.mk-zoom svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.mk-zoom:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.08)}
.mk-zoom[aria-pressed="true"]{background:#fff;color:#151515;border-color:#fff}
.mk-zoom[aria-pressed="true"] .mk-zoom-v{display:none}
.mk-noscript{text-align:center;padding:16px}
.mk-noscript a{color:#fff}

@media (max-width:1099px){
  .mk-tabs{display:none}
  .mk-js .mk-controls{grid-template-columns:1fr auto 1fr}
  .mk-pager{grid-column:2;justify-self:center}
  .mk-count-name{display:inline}
}
@media (max-width:899px){
  .mk-js .mk-arrow{display:none}
  .mk-js .mk-slide{padding:14px 16px}
}
@media (max-width:760px){
  .mk-title{display:none}
  .mk-actions{margin-left:auto}
  .mk-btn{min-height:38px;font-size:13px;padding:5px 5px 5px 12px;gap:8px}
  .mk-btn-ghost{padding:5px}
  .mk-btn-ghost .mk-btn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .mk-btn-primary .mk-btn-label{display:none}
  .mk-btn-short{display:inline}
  .mk-js .mk-controls{padding-top:8px}
  .mk-count{margin:0 4px}
}
@media (max-width:359px){.mk-count-name{display:none}}