/* Markti reference interface, based on the supplied HTML */
@media (pointer:fine) and (prefers-reduced-motion:no-preference){
  body:not(.wp-admin){cursor:none}
  body:not(.wp-admin) a,body:not(.wp-admin) button,body:not(.wp-admin) summary{cursor:none}
  .mk-cursor{display:block;position:fixed;width:10px;height:10px;left:-50px;top:-50px;background:#f0efe9;border-radius:50%;pointer-events:none;z-index:999999;transform:translate(-50%,-50%);transition:width .3s,height .3s;mix-blend-mode:difference}
  .mk-cursor.grow{width:44px;height:44px}
}
.mk-cursor{display:none}
@media (pointer:fine) and (prefers-reduced-motion:no-preference){.mk-cursor{display:block}}
body{font-weight:400;background:#0b0b0b;color:#f0efe9}
.mk-header{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;background:transparent;border:0;backdrop-filter:none;transition:background .3s,border-color .3s}
.mk-header.scrolled,.mk-header.menu-open{background:rgba(11,11,11,.92);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(20px)}
.mk-nav{max-width:1280px;margin:0 auto;height:72px;padding:0 48px;gap:24px}
.mk-logo{line-height:0;display:flex;align-items:center;flex-shrink:0}
.mk-logo img{height:32px;width:auto;display:block;max-width:none}
.mk-links{display:flex;align-items:center;gap:29px;margin-left:auto}
.mk-links a{font-family:"DM Sans",sans-serif;font-weight:400;font-size:12px;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;color:#888884;transition:color .2s}
.mk-links a:hover{color:#f0efe9}
.mk-links .mk-nav-cta{padding:9px 18px;border-radius:100px;border:1px solid rgba(255,255,255,.25);color:#f0efe9;font-size:12px}
.mk-links .mk-nav-cta:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}
.mk-mobile{background:rgba(11,11,11,.98);backdrop-filter:blur(24px);position:fixed;inset:72px 0 0;z-index:99;overflow-y:auto;padding:8vh 30px 35px;align-content:center}
.mk-mobile.open{display:grid;gap:22px}
.mk-mobile a{font-family:Syne,sans-serif;color:#f0efe9;font-weight:700;font-size:25px;letter-spacing:-.02em;text-transform:none}
.mk-menu-toggle{background:none;border:0;font-size:24px;padding:8px;color:#f0efe9;line-height:1}
.ref-hero{min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden;padding:160px 48px 100px;background:#0b0b0b}
.ref-hero .ref-grid-bg{position:absolute;inset:0;z-index:2;opacity:.4;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 100%)}
.ref-hero-video{position:absolute;inset:0;width:100%;height:100%;z-index:1;background:radial-gradient(ellipse at 55% 42%,#292929 0%,#0b0b0b 70%);overflow:hidden}
.ref-hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25;filter:grayscale(100%) contrast(1.2) brightness(.7)}
.ref-hero-video .ref-video-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(11,11,11,.5) 0%,rgba(11,11,11,.25) 40%,rgba(11,11,11,.6) 85%,rgba(11,11,11,.92) 100%)}
.ref-hero-logo-bg{position:absolute;right:48px;bottom:48px;width:180px;opacity:.25;pointer-events:none;z-index:2}
.ref-hero-logo-bg img{width:100%;height:auto;mix-blend-mode:screen}
.ref-hero-inner{max-width:1280px;margin:0 auto;width:100%;position:relative;z-index:3}
.ref-eyebrow{font-size:10px;font-weight:400;letter-spacing:4px;color:#888884;text-transform:uppercase;margin:0 0 28px;display:flex;align-items:center;gap:14px}
.ref-eyebrow:before{content:"";width:32px;height:1px;background:#444;display:block}
.ref-hero h1.ref-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(58px,9.5vw,136px);line-height:.91;letter-spacing:-3px;color:#f0efe9;max-width:1100px;margin:0}
.ref-title em{font-style:italic;font-weight:300;color:#888884;letter-spacing:-2px}
.ref-title .ref-outline{-webkit-text-stroke:1.5px #333;color:transparent}
.ref-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:64px;flex-wrap:wrap;gap:32px}
.ref-hero-sub{font-size:15px;font-weight:300;color:#888884;max-width:360px;line-height:1.75;margin:0}
.ref-hero-buttons{display:flex;gap:14px;flex-wrap:wrap}
.ref-btn-primary,.ref-btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:100px;font-family:Syne,sans-serif;font-weight:500;font-size:15px;text-decoration:none;transition:transform .3s,background .2s,border-color .2s}
.ref-btn-primary{background:#f0efe9;color:#0b0b0b}
.ref-btn-primary:hover{transform:scale(1.04);background:#dddbd5;color:#0b0b0b}
.ref-btn-ghost{background:transparent;color:#f0efe9;border:1px solid rgba(255,255,255,.2);font-weight:400}
.ref-btn-ghost:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.5);color:#f0efe9}
.ref-hero-scroll{position:absolute;bottom:40px;right:48px;font-size:10px;letter-spacing:3px;color:#555;text-transform:uppercase;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px;z-index:3}
.ref-hero-scroll:before{content:"";width:1px;height:48px;background:#333;display:block}
.ref-ticker{display:flex;overflow:hidden;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:#0f0f0f;padding:14px 0}
.ref-ticker-track{display:flex;animation:ref-ticker 30s linear infinite;white-space:nowrap;width:max-content}
.ref-ticker-item{display:inline-flex;align-items:center;gap:28px;padding:0 28px;font-family:Syne,sans-serif;font-weight:600;font-size:11px;color:#555552;letter-spacing:2px;text-transform:uppercase}
.ref-ticker-dot{width:4px;height:4px;background:#444;border-radius:50%;display:inline-block}
@keyframes ref-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.home .mk-section{padding:100px 0;border-top:1px solid rgba(255,255,255,.04);border-bottom:none}
.home .mk-section:nth-of-type(even){background:#080808}
.home .mk-label{font-size:10px!important;letter-spacing:4px!important;color:#888884!important;font-weight:400!important}
.home .mk-section h2{font-size:clamp(30px,4vw,52px);letter-spacing:-1px;color:#f0efe9;line-height:1.05}
.home .mk-lede{font-size:16px;font-weight:400;color:#888884;line-height:1.85}
.home .mk-card{padding:45px 37px;border-color:rgba(255,255,255,.07);position:relative;transition:background .4s}
.home .mk-card:hover{background:#1a1a1a}
.home .mk-card h3{font-size:20px;letter-spacing:-.02em}
.home .mk-card p{font-size:14px;line-height:1.75;color:#888884}
.home .mk-grid{border-color:rgba(255,255,255,.07)}
.home .mk-pillars{gap:0;border:1px solid rgba(255,255,255,.07)}
.home .mk-pillar{padding:40px 32px;border-right:1px solid rgba(255,255,255,.07);border-top:0}
.home .mk-pillar:last-child{border-right:0}
.home .mk-cta{background:#050505}
.mk-section:not(.mk-hero),.mk-page-hero{scroll-margin-top:76px}
.mk-page-hero{padding-top:165px}
.mk-footer{background:#050505;padding:80px 0 40px}
.mk-footer-grid{gap:60px;grid-template-columns:1.6fr 1fr 1fr 1.2fr}
.mk-footer h4{font-weight:600;font-size:10px;letter-spacing:.12em;color:#888884}
.mk-footer p,.mk-footer a:not(.mk-logo){font-size:13px;color:#888884}
.mk-footer .mk-logo img{height:35px;margin-bottom:20px}
.mk-footer-bottom{color:#555;font-size:12px}
@media(max-width:1024px){
 .mk-links{gap:16px}.mk-links a{font-size:10px}
 .mk-nav{padding:0 24px}
 .mk-footer-grid{grid-template-columns:1fr 1fr;gap:40px}
}
@media(max-width:850px){
 .mk-links{display:none}
 .mk-menu-toggle{display:block}
 .ref-hero{padding:120px 24px 80px}
 .ref-hero h1.ref-title{font-size:clamp(52px,12vw,90px)}
 .ref-hero-inner{max-width:100%}
 .ref-hero-logo-bg{width:120px;right:20px;bottom:20px}
 .ref-hero-bottom{align-items:flex-start}
}
@media(max-width:600px){
 .mk-nav,.mk-header{height:72px}
 .ref-hero{min-height:100svh;padding:125px 24px 65px}
 .ref-hero h1.ref-title{font-size:clamp(48px,13vw,76px);letter-spacing:-2px}
 .ref-eyebrow{letter-spacing:2px}
 .ref-hero-bottom{flex-direction:column;margin-top:46px;gap:26px}
 .ref-btn-primary,.ref-btn-ghost{font-size:13px;padding:14px 20px}
 .ref-hero-scroll{display:none}
 .home .mk-section{padding:72px 0}
 .home .mk-pillar{border:0;border-bottom:1px solid #222}
 .mk-footer-grid{grid-template-columns:1fr;gap:36px}
}
@media(prefers-reduced-motion:reduce){.ref-ticker-track{animation:none}}


/* Reference AI advantage */
.ref-ai-section{background:#080808;border-top:1px solid rgba(255,255,255,.04);padding:100px 0}
.ref-ai-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.ref-ai-head h2{font-family:Syne,sans-serif;font-size:clamp(28px,4vw,52px);letter-spacing:-1px;line-height:1.05}
.ref-ai-body{font-size:16px;color:#888884;line-height:1.85;margin:0}
.ref-ai-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.07);margin-top:64px}
.ref-ai-pillar{padding:40px 32px;border-right:1px solid rgba(255,255,255,.07);transition:background .4s}
.ref-ai-pillar:last-child{border-right:0}
.ref-ai-pillar:hover{background:#111}
.ref-ai-num{font-family:Syne,sans-serif;font-size:11px;letter-spacing:2px;color:#555552;margin-bottom:28px;font-weight:700}
.ref-ai-pillar h3{font-size:19px;color:#f0efe9;line-height:1.2;letter-spacing:-.02em;margin-bottom:12px}
.ref-ai-pillar p{font-size:14px;line-height:1.75;color:#888884}
.ref-comparison{margin-top:80px}
.ref-comparison h3{font-family:Syne,sans-serif;font-size:20px;font-weight:600;margin-bottom:24px;letter-spacing:-.3px}
.ref-comparison-grid{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.ref-comparison-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-bottom:1px solid rgba(255,255,255,.06)}
.ref-comparison-row:last-child{border-bottom:0}
.ref-comparison-row span{padding:18px 24px;font-size:14px;line-height:1.6;color:#888884}
.ref-comparison-row span:first-child{color:#c0bfba;font-weight:500}
.ref-comparison-row span:last-child{color:#f0efe9;background:rgba(255,255,255,.03)}
.ref-comparison-head span{font-family:Syne,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:2.5px;background:#0f0f0f;color:#888884!important}
.ref-comparison-head span:last-child{color:#0b0b0b!important;background:#f0efe9}
.ref-ai-uses{margin-top:56px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.ref-ai-uses>span{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#555552}
.ref-ai-uses>div{display:flex;flex-wrap:wrap;gap:8px}
.ref-ai-uses a{padding:8px 16px;border-radius:100px;border:1px solid rgba(255,255,255,.12);text-decoration:none;font-size:13px;color:#c0bfba;transition:border-color .2s,color .2s}
.ref-ai-uses a:hover{border-color:rgba(255,255,255,.35);color:#f0efe9}
.ref-stat-section{background:#f0efe9;color:#0b0b0b}
.ref-stat-inner{display:grid;grid-template-columns:repeat(4,1fr);max-width:100%;margin:0 auto}
.ref-stat-item{padding:60px 40px;border-right:1px solid rgba(0,0,0,.1);min-width:0}
.ref-stat-item:last-child{border-right:0}
.ref-stat-item strong{display:block;font-family:Syne,sans-serif;font-weight:800;letter-spacing:-3px;font-size:clamp(44px,5.5vw,76px);line-height:1;margin-bottom:8px}
.ref-stat-item span{font-size:12px;color:#777;letter-spacing:.3px}
@media(max-width:960px){.ref-ai-head{grid-template-columns:1fr;gap:40px}.ref-ai-grid{grid-template-columns:1fr 1fr}.ref-ai-pillar:nth-child(2){border-right:0}.ref-ai-pillar:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.ref-stat-inner{grid-template-columns:1fr 1fr}.ref-stat-item:nth-child(2){border-right:0}.ref-stat-item:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.1)}}
@media(max-width:600px){.ref-ai-section{padding:72px 0}.ref-ai-grid{grid-template-columns:1fr}.ref-ai-pillar{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)}.ref-ai-pillar:last-child{border-bottom:0}.ref-comparison-row span{padding:12px 10px;font-size:11px}.ref-comparison-head span{font-size:9px;letter-spacing:.7px}.ref-stat-item{padding:38px 20px}.ref-stat-item strong{font-size:48px}}


/* Final source-reference refinements */
.home .mk-shell{max-width:1280px;padding-left:48px;padding-right:48px}
.home .mk-card{overflow:hidden}
.home .mk-card:before{content:"";position:absolute;inset:0;transform:translateY(101%);background:#1a1a1a;transition:transform .5s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}
.home .mk-card:hover:before{transform:translateY(0)}
.home .mk-card>*{position:relative;z-index:1}
.home .mk-card .mk-tag{font-size:10px;color:#777;letter-spacing:2px;font-weight:500}
.home .mk-card .mk-index{color:rgba(255,255,255,.12)}
.home .mk-card .mk-arrow{border:1px solid rgba(255,255,255,.15);border-radius:100px;padding:6px 13px;color:#aaa}
.home .mk-card:hover .mk-arrow{color:#eee;border-color:#555}
.home .mk-grid{margin-top:55px}
.home .mk-card a:not(.mk-arrow){color:#f0efe9}
.home .mk-card a:hover{color:white}
.home .mk-table th{background:#141414;color:#f0efe9;border-color:#292929;letter-spacing:.05em;font-size:12px}
.home .mk-table td{border-color:#292929}
.home .mk-table th:last-child{background:#f0efe9;color:#0b0b0b}
.home .mk-table td:last-child{background:rgba(255,255,255,.03);color:#f0efe9}
.home .mk-step{padding:25px 0}
.home .mk-step h3{font-size:20px;line-height:1.25}
.home .mk-step-num{border:1px solid #333;border-radius:50%;height:48px;width:48px;display:grid;place-items:center;line-height:1}
.home .mk-faq details{border-bottom:1px solid #222}
.home .mk-faq summary{font-size:18px;letter-spacing:-.02em}
.home .mk-cta h2{font-size:clamp(38px,6vw,80px);letter-spacing:-3px;line-height:.96}
.mk-animated{transition:opacity .8s ease,transform .8s ease}
.mk-animated.mk-before-reveal{opacity:0;transform:translateY(28px)}
.mk-animated.mk-visible{opacity:1;transform:translateY(0)}
body:not(.wp-admin) :focus-visible{outline:2px solid #d8d7d0;outline-offset:5px}
@media(max-width:960px){.home .mk-shell{padding-left:24px;padding-right:24px}}
@media(max-width:600px){.home .mk-shell{padding-left:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){.mk-animated,.mk-animated.mk-before-reveal{opacity:1;transform:none;transition:none}}


/* MARKTI homepage services: original reference-card content and typography */
.home .mk-services-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-color:rgba(255,255,255,.08);
  gap:0;
  margin-top:64px;
}
.home .mk-services-grid .mk-service-card{
  display:flex;
  flex-direction:column;
  padding:39px 39px 37px;
  min-height:292px;
  border-color:rgba(255,255,255,.08);
  background:#0b0b0b;
  cursor:pointer;
}
.home .mk-services-grid .mk-service-card:hover{background:#141414}
.home .mk-service-card .mk-service-top{
  display:flex;align-items:center;gap:13px;
  min-height:25px;margin-bottom:18px;
}
.home .mk-service-card .mk-service-index{
  color:#b6b6b1!important;
  opacity:1!important;
  font-family:"Syne",sans-serif;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:2px!important;
  line-height:1.2;
  font-variant-numeric:tabular-nums;
  text-shadow:none;
}
.home .mk-service-card .mk-service-icon{
  color:#d1d0cb;
  font-size:20px;
  line-height:1;
  font-weight:400;
}
.home .mk-service-card h3{
  font-family:"Syne",sans-serif;
  font-size:20px;
  line-height:1.23;
  letter-spacing:-.03em;
  margin:0 0 15px;
  position:static!important;
}
.home .mk-service-card .mk-service-title-link{
  color:#f0efe9;
  text-decoration:none;
}
.home .mk-service-card .mk-service-title-link::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
}
.home .mk-service-card .mk-service-title-link:focus-visible::after{
  outline:2px solid #f0efe9;
  outline-offset:-5px;
}
.home .mk-service-card .mk-service-description{
  font-family:"DM Sans",sans-serif;
  color:#989894;
  font-size:14px;
  font-weight:400;
  line-height:1.78;
  margin:0 0 19px;
}
.home .mk-service-card .mk-service-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:auto;
}
.home .mk-service-card .mk-service-tag{
  display:inline-flex;
  align-items:center;
  color:#979792;
  border:1px solid rgba(255,255,255,.17);
  border-radius:100px;
  padding:3px 10px;
  font-family:"DM Sans",sans-serif;
  font-size:11px;
  font-weight:400;
  line-height:1.25;
  white-space:nowrap;
}
.home .mk-service-card:hover .mk-service-tag{border-color:rgba(255,255,255,.29);color:#c0bfba}
@media(max-width:1024px){
  .home .mk-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home .mk-services-grid .mk-service-card{padding:34px 30px;min-height:292px}
}
@media(max-width:600px){
  .home .mk-services-grid{grid-template-columns:minmax(0,1fr)}
  .home .mk-services-grid .mk-service-card{padding:30px 25px;min-height:0}
  .home .mk-service-card .mk-service-top{margin-bottom:14px}
  .home .mk-service-card .mk-service-tags{margin-top:7px}
}


/* Shared video background for every inner-page hero.
   The same MARKTI-HERO-SECTION.mp4 and grayscale overlay as the homepage. */
.mk-page-hero.mk-page-video-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  min-height:660px;
  background:#0b0b0b;
  padding:155px 0 100px;
}
.mk-page-video-hero>.mk-shell{
  width:100%;
  position:relative;
  z-index:3;
}
.mk-page-video-hero>.mk-inner-hero-video{
  z-index:1;
  pointer-events:none;
}
.mk-page-video-hero>.ref-grid-bg{
  z-index:2;
  pointer-events:none;
}
.mk-page-video-hero .mk-breadcrumb{color:#a7a7a2}
.mk-page-video-hero .mk-breadcrumb a{color:#d0cfca}
.mk-page-video-hero .mk-label{color:#a6a6a1!important}
.mk-page-video-hero h1,
.mk-page-video-hero .mk-lede,
.mk-page-video-hero .mk-article-meta{
  position:relative;
  z-index:3;
}
.mk-article-video-hero h1{
  max-width:1030px;
  font-size:clamp(2.8rem,5.5vw,5.8rem);
}
.mk-article-video-hero .mk-article-meta{
  color:#bab9b4;
  font-size:13px;
  margin:25px 0 0;
}
@media(max-width:850px){
  .mk-page-hero.mk-page-video-hero{min-height:580px;padding:135px 0 83px}
}
@media(max-width:600px){
  .mk-page-hero.mk-page-video-hero{min-height:540px;padding:125px 0 74px}
}
@media(prefers-reduced-motion:reduce){
 .mk-page-video-hero video{display:none}
}


/* ============================================
   MARKTI / WORK PORTFOLIO
   Confidential experience, editorial presentation
============================================ */
.mk-work-index{width:100%;color:#f0efe9}
.mk-work-kicker{font-family:"DM Sans",sans-serif!important;color:#90908c!important;font-size:10px!important;font-weight:500!important;letter-spacing:.23em!important;text-transform:uppercase!important;margin:0 0 24px!important}
.mk-work-intro{padding:32px 0 85px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,.65fr);gap:80px;align-items:end}
.mk-work-intro h2,.mk-work-grid-head h2,.mk-work-proof h2{font-family:Syne,sans-serif;letter-spacing:-.06em;line-height:1.04;font-weight:700;color:#f0efe9}
.mk-work-intro h2{font-size:clamp(34px,5.2vw,72px);max-width:900px;margin:0 0 30px}
.mk-work-intro h2 em,.mk-work-grid-head h2 em,.mk-work-proof h2 em{color:#777773;font-weight:400}
.mk-work-intro-lede{font-size:18px;color:#a7a7a1;line-height:1.84;max-width:800px;margin:0}
.mk-work-intro-stats{border-left:1px solid #303030;padding-left:32px;display:grid;grid-template-columns:1fr 1fr;gap:15px}
.mk-work-intro-stats div strong{display:block;font-family:Syne,sans-serif;font-size:clamp(42px,5vw,66px);letter-spacing:-.09em;line-height:1;font-weight:800;color:#f0efe9}
.mk-work-intro-stats div span{display:block;margin-top:10px;font-size:12px;color:#8d8d88;line-height:1.5}
.mk-work-intro-stats p{grid-column:span 2;font-size:12px;line-height:1.65;color:#6f6f6b;margin:23px 0 0}
.mk-work-portfolio{border-top:1px solid rgba(255,255,255,.11);padding:78px 0 110px}
.mk-work-grid-head{display:grid;grid-template-columns:1.25fr .75fr;gap:65px;align-items:end;margin-bottom:45px}
.mk-work-grid-head h2{font-size:clamp(30px,4.2vw,55px);margin:0}
.mk-work-grid-head>p{font-size:15px;color:#979792;line-height:1.8;margin:0}
.mk-work-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}
.mk-work-filter{font-family:"DM Sans",sans-serif;font-size:12px;font-weight:500;letter-spacing:.01em;border-radius:60px;border:1px solid rgba(255,255,255,.19);color:#a9a9a5;background:transparent;padding:11px 18px;cursor:pointer;transition:background .2s,border .2s,color .2s}
.mk-work-filter:hover{color:#fff;border-color:rgba(255,255,255,.42)}
.mk-work-filter.active{background:#f0efe9;color:#0b0b0b;border-color:#f0efe9}
.mk-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:stretch}
.mk-portfolio-card{min-width:0;aspect-ratio:1 / 1;display:flex;background:#111;position:relative;overflow:hidden;border:1px solid #2b2b2a;transition:background .3s,border-color .3s,transform .3s}
.mk-portfolio-card:hover{background:#191919;border-color:#545450;transform:translateY(-3px)}
.mk-portfolio-card-link{display:flex;flex:1;min-width:0;flex-direction:column;min-height:0;height:100%;padding:26px 24px;text-decoration:none!important;color:#f0efe9!important}
.mk-portfolio-top{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:auto}
.mk-portfolio-count{font:600 11px Syne,sans-serif;letter-spacing:2px;color:#898984}
.mk-portfolio-symbol{font-family:Syne,sans-serif;font-size:47px;font-weight:400;line-height:1;color:#b5b4ae;opacity:.8;transition:transform .4s,opacity .4s}
.mk-portfolio-card:hover .mk-portfolio-symbol{transform:translate(2px,-4px);opacity:1}
.mk-portfolio-content{margin-top:18px}
.mk-portfolio-type{display:flex;align-items:center;gap:12px;color:#a2a19c;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.mk-portfolio-type-divider{color:#42423f}
.mk-portfolio-card h3{font-family:Syne,sans-serif;max-width:500px;font-weight:700;font-size:clamp(20px,1.9vw,26px);line-height:1.18;letter-spacing:-.04em;margin:0 0 10px}
.mk-portfolio-card p{font-size:13px;color:#a6a59f;max-width:490px;line-height:1.65;margin:0 0 17px}
.mk-portfolio-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #353532;padding-top:15px}
.mk-portfolio-tags{font-size:11px;letter-spacing:.025em;color:#858580}
.mk-portfolio-view{font:600 12px Syne,sans-serif;white-space:nowrap;color:#eae9e2}
.mk-portfolio-view span{display:inline-block;transition:transform .25s}
.mk-portfolio-card:hover .mk-portfolio-view span{transform:translate(3px,-3px)}
.mk-portfolio-featured{background:radial-gradient(ellipse at 93% 0%,#2c2c2b,#111 48%);border-color:#42423d}
.mk-portfolio-featured .mk-portfolio-symbol{font-size:48px;color:#f0efe9}
.mk-portfolio-featured .mk-portfolio-card-link{min-height:0}
.mk-work-empty{color:#bbb;padding:35px;border:1px solid #333}
.mk-work-proof{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid #30302e;padding:90px 0}
.mk-work-proof h2{font-size:clamp(34px,4.6vw,61px);margin:0}
.mk-work-proof>div>p{font-size:16px;line-height:1.85;color:#a8a8a2}
.mk-work-proof-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.mk-work-proof-tags span{border:1px solid #3b3b38;border-radius:40px;padding:8px 12px;color:#c8c8c3;font-size:11px}
.mk-work-confidential{border-top:1px solid #262624;padding:36px 0 0;display:grid;grid-template-columns:1fr 2fr;gap:60px}
.mk-work-confidential>p:last-child{font-size:13px;line-height:1.85;color:#81817b;margin:0}
/* detail pages */
.mk-work-detail{width:100%}
.mk-work-detail section{margin:0;padding:65px 0;border-bottom:1px solid #30302e}
.mk-work-detail section:first-child{padding-top:15px}
.mk-work-overline{font-size:12px;letter-spacing:.15em;color:#b5b5b0;text-transform:uppercase;margin:0 0 32px}
.mk-work-overline span{color:#595953;margin:0 10px}
.mk-work-detail-lead{display:grid;grid-template-columns:1.55fr .45fr;gap:60px;align-items:end}
.mk-work-detail-lead h2{font-size:clamp(30px,5vw,65px);line-height:1.07;letter-spacing:-.055em;margin:0 0 24px}
.mk-work-detail-lede{font-size:clamp(16px,1.6vw,21px);line-height:1.8;color:#b2b2ad;margin:0}
.mk-work-detail-sign{text-align:right;color:#898984}
.mk-work-glyph{display:block;font-family:Syne,sans-serif;font-size:90px;color:#dddcd6;line-height:1;margin-bottom:10px}
.mk-work-detail-sign p{font-size:11px;line-height:1.7;text-transform:uppercase;letter-spacing:.12em}
.mk-work-detail-measures .mk-label{margin-bottom:26px}
.mk-work-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #42423e;border-bottom:1px solid #42423e}
.mk-work-detail-metrics>div{padding:28px 30px 28px 0;margin-right:30px;border-right:1px solid #343431}
.mk-work-detail-metrics>div:last-child{border-right:0}
.mk-work-detail-metrics span,.mk-work-scope-grid span{display:block;font:600 11px Syne,sans-serif;letter-spacing:.12em;color:#777771;margin-bottom:17px}
.mk-work-detail-metrics strong{font:600 clamp(16px,1.6vw,22px) Syne,sans-serif;letter-spacing:-.04em;color:#e9e8e3;line-height:1.4}
.mk-work-disclosure{font-size:12px;color:#81817c;margin:18px 0 0}
.mk-work-story-row{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:45px 0;border-bottom:1px solid #262624}
.mk-work-story-row:first-child{padding-top:0}
.mk-work-story-row:last-child{border-bottom:0;padding-bottom:0}
.mk-work-story-row h2,.mk-work-detail-scope h2,.mk-work-detail-relationships h2{font-size:clamp(26px,3.1vw,42px);letter-spacing:-.04em;line-height:1.16;margin:0}
.mk-work-story-row>p,.mk-work-detail-scope>div>p:not(.mk-work-kicker){font-size:16px;line-height:1.9;color:#aaa9a4;margin:0}
.mk-work-detail-scope{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}
.mk-work-detail-scope>div>p:not(.mk-work-kicker){margin-top:26px}
.mk-work-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.mk-work-scope-grid>div{border-top:1px solid #333;padding:23px 20px 30px 0}
.mk-work-scope-grid h3{font-size:19px;letter-spacing:-.03em;line-height:1.35;margin:0}
.mk-work-detail-insight{background:#f0efe9;margin:50px 0!important;padding:60px!important;color:#101010}
.mk-work-detail-insight .mk-work-kicker{color:#555!important}
.mk-work-detail-insight blockquote{font:600 clamp(24px,3vw,41px)/1.3 Syne,sans-serif;letter-spacing:-.045em;margin:0;max-width:870px}
.mk-work-detail-relationships{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.mk-work-related-services{display:flex;flex-direction:column;gap:0}
.mk-work-related-services a{text-decoration:none;display:flex;justify-content:space-between;padding:15px 0;color:#eaeae6;font:600 17px Syne,sans-serif;border-bottom:1px solid #30302e}
.mk-work-related-services a span{transition:transform .2s}
.mk-work-related-services a:hover span{transform:translate(3px,-3px)}
.mk-work-end-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:40px}
.mk-work-end-nav a{color:#eaeae6;font:600 14px Syne,sans-serif;text-decoration:none}
.mk-work-end-nav a:hover{text-decoration:underline}
[hidden]{display:none!important}
@media(max-width:900px){
 .mk-work-intro{grid-template-columns:1fr;gap:30px}
 .mk-work-intro-stats{border-left:0;border-top:1px solid #333;padding:25px 0 0;max-width:500px}
 .mk-work-grid-head{grid-template-columns:1fr;gap:22px}
 .mk-work-proof{grid-template-columns:1fr;gap:25px}
 .mk-work-detail-lead,.mk-work-story-row,.mk-work-detail-scope,.mk-work-detail-relationships{grid-template-columns:1fr;gap:30px}
 .mk-work-detail-sign{display:none}
}
@media(max-width:620px){
 .mk-work-intro{padding:10px 0 55px}
 .mk-work-intro h2{font-size:clamp(35px,11vw,50px)}
 .mk-work-intro-lede{font-size:16px}
 .mk-work-portfolio{padding:54px 0 70px}
 .mk-portfolio-grid{grid-template-columns:minmax(0,1fr)}
 .mk-portfolio-card-link,.mk-portfolio-featured .mk-portfolio-card-link{padding:23px 21px;min-height:0}
 .mk-portfolio-card h3{font-size:clamp(20px,5.6vw,24px)}
 .mk-portfolio-bottom{align-items:flex-start;gap:10px}
 .mk-portfolio-tags{font-size:10px}
 .mk-work-filters{gap:7px}
 .mk-work-filter{padding:9px 13px;font-size:11px}
 .mk-work-proof{padding:62px 0}
 .mk-work-confidential{grid-template-columns:1fr;gap:10px}
 .mk-work-detail section{padding:48px 0}
 .mk-work-detail-metrics{grid-template-columns:1fr}
 .mk-work-detail-metrics>div{margin-right:0;padding:19px 0;border-right:0;border-bottom:1px solid #292929}
 .mk-work-detail-metrics>div:last-child{border-bottom:0}
 .mk-work-scope-grid{grid-template-columns:1fr}
 .mk-work-detail-insight{padding:33px!important;margin:32px 0!important}
 .mk-work-end-nav{align-items:flex-start;flex-direction:column}
}


/* Homepage selected-experience preview */
.home .mk-home-work-grid .mk-card{display:flex;flex-direction:column;min-height:295px}
.home .mk-home-work-grid .mk-home-work-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.home .mk-home-work-grid .mk-home-work-top span:first-child{font:700 11px Syne,sans-serif;letter-spacing:2px;color:#a4a39e}
.home .mk-home-work-grid .mk-home-work-top span:last-child{font:400 28px Syne,sans-serif;color:#bfbeb8}
.home .mk-home-work-grid h3{font-size:clamp(18px,2vw,25px);line-height:1.2}
.home .mk-home-work-grid .mk-arrow{margin-top:auto;align-self:flex-start}
.home .mk-home-work-grid .mk-card>p:not(.mk-tag){margin-bottom:26px}


/* Expanded industry directory — clean 4-column reference layout */
.mk-home-industries .mk-industries-heading{max-width:820px;margin-bottom:52px}
.mk-home-industries .mk-industries-heading h2{max-width:850px;font-size:clamp(34px,4.3vw,57px);line-height:1.06;letter-spacing:-.055em}
.mk-home-industries .mk-industries-heading>p:last-child{max-width:650px;margin-top:23px;font-size:15px;line-height:1.8;color:#888884}
.mk-industries-hub .mk-industries-heading{max-width:960px;margin-bottom:54px}
.mk-industries-hub .mk-industries-heading h2{max-width:870px;font-size:clamp(30px,4vw,50px)}
.mk-industries-hub .mk-industries-heading>p:last-child{max-width:720px;margin-top:20px}
.mk-industries-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.085);
  border-left:1px solid rgba(255,255,255,.085);
}
.mk-industry-tile{
  display:flex;
  flex-direction:column;
  position:relative;
  justify-content:center;
  align-items:flex-start;
  gap:15px;
  min-width:0;
  min-height:125px;
  padding:27px 27px;
  color:#c8c7c2;
  border-right:1px solid rgba(255,255,255,.085);
  border-bottom:1px solid rgba(255,255,255,.085);
  text-decoration:none!important;
  background:#0b0b0b;
  transition:background .25s,color .25s;
}
.mk-industry-tile:hover,.mk-industry-tile:focus-visible{background:#181818;color:#f0efe9}
.mk-industry-number{
  font:700 11px/1 Syne,sans-serif;
  color:#8b8b85;
  letter-spacing:.2em;
  font-variant-numeric:tabular-nums;
}
.mk-industry-name{
  display:block;
  font:600 clamp(14px,1.45vw,18px)/1.35 Syne,sans-serif;
  letter-spacing:-.025em;
  color:#c8c7c2;
  max-width:235px;
}
.mk-industry-tile:hover .mk-industry-name,.mk-industry-tile:focus-visible .mk-industry-name{color:#f0efe9}
.mk-industry-arrow{
  position:absolute;
  right:22px;
  top:22px;
  font-size:16px;
  color:#aaa9a4;
  opacity:0;
  transform:translate(-4px,4px);
  transition:opacity .25s,transform .25s;
}
.mk-industry-tile:hover .mk-industry-arrow,.mk-industry-tile:focus-visible .mk-industry-arrow{opacity:1;transform:translate(0,0)}
.mk-industries-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px}
.mk-industries-bottom p{color:#777772;font-size:13px;line-height:1.7;margin:0}
.mk-industries-bottom a{text-decoration:none;font:600 12px Syne,sans-serif;color:#dddcd6;white-space:nowrap;border-bottom:1px solid #777;padding:4px 0}
.mk-industries-bottom a:hover{color:#fff;border-color:#fff}
/* Dedicated sector pages */
.mk-industry-detail .mk-section-head{margin-bottom:50px}
.mk-industry-detail-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding:45px 0!important;border-top:1px solid #2b2b29}
.mk-industry-detail-row h2{font-size:clamp(26px,3vw,39px);line-height:1.16;letter-spacing:-.04em}
.mk-industry-detail-row>p{font-size:16px;line-height:1.85;color:#adaca7}
.mk-industry-detail-services{padding:60px 0!important;border-top:1px solid #2b2b29}
.mk-industry-detail-services h2{font-size:clamp(24px,3vw,37px);margin:0 0 28px}
.mk-industry-service-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mk-industry-service-links a{display:block;padding:24px 20px;text-decoration:none;background:#141414;border:1px solid #292929;font:600 15px Syne,sans-serif;color:#e8e8e3}
.mk-industry-service-links a:hover{background:#1c1c1c;border-color:#666}
.mk-industry-detail-note{padding:35px 0 0!important;border-top:1px solid #2b2b29}
.mk-industry-detail-note p{font-size:15px;line-height:1.85;color:#a4a49f}
@media(max-width:1000px){.mk-industries-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-industry-tile{min-height:115px}.mk-industry-name{font-size:17px}}
@media(max-width:720px){.mk-industry-detail-row{grid-template-columns:1fr;gap:16px}.mk-industry-service-links{grid-template-columns:1fr}.mk-industries-bottom{flex-direction:column;align-items:flex-start;gap:10px}.mk-home-industries .mk-industries-heading{margin-bottom:36px}}
@media(max-width:450px){.mk-industries-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-industry-tile{padding:22px 16px;min-height:117px}.mk-industry-name{font-size:14px;max-width:170px}.mk-industry-number{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mk-industry-tile,.mk-industry-arrow{transition:none}}


/* Markti Insights — editorial cards based on the approved visual reference */
.mk-insights-listing{padding:100px 0 110px}
.mk-insights-heading{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
  gap:55px;align-items:end;margin-bottom:50px;
}
.mk-insights-heading h2{
  color:#f0efe9;font-size:clamp(32px,4.1vw,56px);
  line-height:1.08;letter-spacing:-.055em;
  max-width:840px;margin:0;
}
.mk-insights-heading>p{font-size:15px;line-height:1.8;color:#92928d;margin:0 0 5px}
.mk-insights-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;align-items:stretch;
}
.mk-insight-card{
  position:relative;display:flex;flex-direction:column;
  min-width:0;min-height:300px;
  padding:27px 25px 24px;
  background:#111;border:1px solid #292929;
  border-top:3px solid #545450;border-radius:11px;
  transition:transform .25s,border-color .25s,background .25s;
}
.mk-insight-card:first-child{border-top-color:#ecebe5}
.mk-insight-card:hover{transform:translateY(-4px);border-color:#494944;background:#161616}
.mk-insight-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:22px;min-width:0
}
.mk-insight-category{
  display:inline-block;border:1px solid #373734;border-radius:50px;
  color:#a9a8a3;font:500 10px/1.4 "DM Sans",sans-serif;
  text-transform:uppercase;letter-spacing:.055em;padding:5px 10px;
  max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.mk-insight-readtime{font:400 11px "DM Sans",sans-serif;color:#7d7d79;white-space:nowrap}
.mk-insight-card h3{
  color:#f0efe9;
  font-family:Syne,sans-serif;font-size:clamp(18px,1.5vw,22px);
  line-height:1.31;letter-spacing:-.037em;margin:0 0 14px;
}
.mk-insight-card h3 a{color:inherit;text-decoration:none}
.mk-insight-card h3 a:hover{color:#fff}
.mk-insight-excerpt{
  font-family:"DM Sans",sans-serif;font-size:13px;line-height:1.8;
  color:#979792;margin:0 0 28px;
}
.mk-insight-bottom{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-top:auto;
  font-family:"DM Sans",sans-serif;
  font-size:11px;color:#878782;
}
.mk-insight-bottom time{color:#81817c;white-space:nowrap}
.mk-insight-readlink{
  color:#bbb9b2;text-decoration:none;font-weight:500;font-size:12px;white-space:nowrap;
}
.mk-insight-readlink span{display:inline-block;transition:transform .2s}
.mk-insight-readlink:hover{color:#fff}
.mk-insight-readlink:hover span{transform:translateX(4px)}
.mk-insights-pagination{
  margin-top:42px;display:flex;gap:10px;align-items:center;justify-content:center;
}
.mk-insights-pagination a,.mk-insights-pagination span{
  display:inline-flex;align-items:center;justify-content:center;min-width:35px;
  padding:8px 12px;border:1px solid #343434;border-radius:6px;text-decoration:none;
}
.mk-insights-pagination .current{color:#111;background:#f0efe9}
.mk-home-insights .mk-insights-heading{margin-bottom:48px}
.mk-home-insights .mk-insight-card{min-height:295px}
.mk-home-insights .mk-insight-card h3{font-size:20px}
.mk-home-insights .mk-insights-footer{display:flex;justify-content:flex-end;margin-top:27px}
.mk-home-insights .mk-insights-footer a{
  display:inline-block;color:#deddd6;text-decoration:none;font:600 13px Syne,sans-serif;
  padding:7px 0;border-bottom:1px solid #777
}
.mk-home-insights .mk-insights-footer a:hover{color:#fff;border-bottom-color:#fff}
@media(max-width:950px){
 .mk-insights-heading{grid-template-columns:1fr;gap:18px}
 .mk-insights-heading>p{max-width:680px}
 .mk-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 .mk-insights-listing{padding:70px 0 80px}
 .mk-insights-grid{grid-template-columns:1fr;gap:14px}
 .mk-insights-heading{margin-bottom:35px}
 .mk-insight-card,.mk-home-insights .mk-insight-card{min-height:250px;padding:25px 23px}
 .mk-insight-card h3{font-size:21px}
 .mk-insights-heading h2{font-size:clamp(30px,9vw,44px)}
}
@media(prefers-reduced-motion:reduce){.mk-insight-card{transition:none}.mk-insight-card:hover{transform:none}}


/* MARKTI homepage split FAQ reference */
.home .mk-home-faq{background:#080808;padding:110px 0 112px!important}
.home .mk-home-faq-layout{display:grid;grid-template-columns:minmax(0,0.84fr) minmax(0,1.16fr);align-items:start;gap:clamp(55px,7vw,115px)}
.home .mk-home-faq-intro{padding-top:6px}
.home .mk-home-faq-intro .mk-label{margin-bottom:27px!important}
.home .mk-home-faq-intro h2{font:700 clamp(36px,4.4vw,60px)/1.07 Syne,sans-serif;letter-spacing:-.055em;max-width:520px;margin:0 0 27px}
.home .mk-home-faq-intro>p:last-child{font:400 15px/1.9 "DM Sans",sans-serif;color:#898984;max-width:340px;margin:0}
.home .mk-home-faq-intro>p a{color:inherit;text-decoration:none;border-bottom:1px solid #666}
.home .mk-home-faq-intro>p a:hover{color:#f0efe9;border-bottom-color:#f0efe9}
.home .mk-home-faq-list{border-top:1px solid #282825;min-width:0}
.home .mk-home-faq-list details{padding:0;margin:0;border-bottom:1px solid #282825}
.home .mk-home-faq-list summary{
 display:flex;align-items:center;justify-content:space-between;gap:25px;
 list-style:none;cursor:pointer;min-height:83px;
 padding:19px 1px;
 font:600 clamp(15px,1.38vw,18px)/1.5 Syne,sans-serif;
 letter-spacing:-.025em;
 color:#eeeae6;
}
.home .mk-home-faq-list summary::-webkit-details-marker{display:none}
.home .mk-home-faq-list summary::marker{content:""}
.home .mk-home-faq-list summary::after{
 content:"+";
 display:flex;flex-shrink:0;align-items:center;justify-content:center;
 width:28px;height:28px;border:1px solid #454540;border-radius:50%;
 color:#b0afa8;font:400 16px/1 "DM Sans",sans-serif;
 transition:border-color .2s,color .2s,background .2s;
}
.home .mk-home-faq-list details[open] summary::after{content:"×"}
.home .mk-home-faq-list summary:hover::after{border-color:#888;color:#fff;background:#171717}
.home .mk-home-faq-list details>p{
 padding:0 56px 27px 1px;
 max-width:680px;margin:0;
 color:#969690;
 font:400 15px/1.86 "DM Sans",sans-serif;
}
@media(max-width:900px){
 .home .mk-home-faq{padding:75px 0 85px!important}
 .home .mk-home-faq-layout{grid-template-columns:1fr;gap:42px}
 .home .mk-home-faq-intro h2{font-size:clamp(36px,7vw,53px);max-width:700px}
 .home .mk-home-faq-intro>p:last-child{max-width:550px}
}
@media(max-width:620px){
 .home .mk-home-faq-layout{gap:34px}
 .home .mk-home-faq-intro h2{font-size:clamp(34px,9vw,46px)}
 .home .mk-home-faq-list summary{min-height:72px;font-size:15px;gap:16px}
 .home .mk-home-faq-list details>p{font-size:14px;padding-right:35px}
}

/* Compact square portfolio cards, preserving content */

@media(max-width:1150px) and (min-width:861px){
  .mk-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px) and (min-width:621px){
  .mk-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-portfolio-card-link{padding:20px 19px}
  .mk-portfolio-card h3{font-size:20px}
  .mk-portfolio-card p{font-size:12px;line-height:1.5}
  .mk-portfolio-content{margin-top:10px}
  .mk-portfolio-top{margin-bottom:6px}
  .mk-portfolio-bottom{padding-top:10px}
  .mk-portfolio-view{font-size:11px}
}
@media(max-width:620px){
  .mk-portfolio-grid{grid-template-columns:minmax(0,1fr)}
  .mk-portfolio-card,.mk-portfolio-featured{aspect-ratio:1 / 1}
  .mk-portfolio-card-link{min-height:0;height:100%}
}
@media(max-width:390px){
  .mk-portfolio-card,.mk-portfolio-featured{aspect-ratio:auto;min-height:320px}
  .mk-portfolio-card-link{height:auto}
}


/* Mobile navigation reliability fix — menu panel is a sibling of the blurred header */
.mk-header{z-index:110}
.mk-menu-toggle{
  position:relative;
  z-index:112;
  flex:0 0 46px;
  width:46px;
  height:46px;
  padding:0;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.38);
  border-radius:8px;
  color:#f0efe9;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.mk-menu-toggle:hover,.mk-menu-toggle:focus-visible{
  border-color:#e8e8e3;background:rgba(255,255,255,.15)
}
.mk-menu-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:22px;height:22px}
.mk-menu-icon>span{width:22px;height:2px;display:block;border-radius:2px;background:#f0efe9;transition:transform .2s,opacity .2s}
.mk-menu-toggle.is-active .mk-menu-icon>span:first-child{transform:translateY(7px) rotate(45deg)}
.mk-menu-toggle.is-active .mk-menu-icon>span:nth-child(2){opacity:0}
.mk-menu-toggle.is-active .mk-menu-icon>span:last-child{transform:translateY(-7px) rotate(-45deg)}
.mk-mobile{z-index:109}
body.mk-menu-visible{overflow:hidden}
@media (min-width:1201px){
  .mk-menu-toggle{display:none!important}
  .mk-mobile{display:none!important}
}
@media (max-width:1200px){
  .mk-header{background:rgba(11,11,11,.94);border-bottom:1px solid rgba(255,255,255,.1)}
  .mk-nav{width:100%;max-width:100%;padding-left:22px;padding-right:22px;gap:12px}
  .mk-logo{min-width:0}
  .mk-logo img{display:block;height:30px;width:auto;max-width:min(175px,52vw)}
  .mk-links{display:none!important}
  .mk-menu-toggle{display:flex!important;margin-left:auto;visibility:visible!important;opacity:1!important}
  nav.mk-mobile{
    display:none;
    position:fixed;
    top:72px;right:0;bottom:0;left:0;
    width:100%;
    height:auto;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:35px 28px calc(35px + env(safe-area-inset-bottom));
    background:rgba(10,10,10,.985);
    border-top:1px solid #252525;
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
  }
  nav.mk-mobile.open{
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    align-items:stretch;
    gap:16px;
  }
  nav.mk-mobile a{
    display:block;
    width:100%;
    padding:8px 5px;
    font-family:Syne,sans-serif;
    font-size:clamp(19px,5vw,27px);
    font-weight:600;
    line-height:1.35;
    color:#eae9e3;
    text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  nav.mk-mobile a:last-child{
    margin-top:12px;padding:14px 19px;
    font-size:17px;text-align:center;
    background:#f0efe9;color:#111;border-radius:50px
  }
}
@media(max-width:390px){
  .mk-nav{padding-left:16px;padding-right:16px}
  nav.mk-mobile.open{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.mk-menu-icon>span{transition:none}}


/* Additional fail-safe for mobile/tablet browsers that report a desktop-size layout viewport. */
@media (pointer:coarse) and (max-width:1400px){
  .mk-header .mk-links{display:none!important}
  .mk-header .mk-menu-toggle{
    display:flex!important;visibility:visible!important;opacity:1!important;
    flex:0 0 46px!important;width:46px!important;height:46px!important;
    position:relative!important;margin-left:auto!important;
  }
  nav.mk-mobile{display:none}
  nav.mk-mobile.open{
    display:flex!important;position:fixed!important;
    inset:72px 0 0 0!important;height:calc(100dvh - 72px)!important;
    flex-direction:column!important;align-items:stretch!important;
    justify-content:flex-start!important;overflow-y:auto!important;
    padding:30px 26px 50px!important;background:#0b0b0b!important;
  }
}
/* Keep the button and nav above video, overlays and page content. */
@media(max-width:1200px){
  .mk-header{z-index:9998!important}
  .mk-header .mk-menu-toggle{z-index:9999!important;display:flex!important}
  nav.mk-mobile.open{z-index:9997!important}
}


/* Markti journal: dedicated, readable single-column editorial article design */
.mk-article-page{background:#0b0b0b}
.mk-article-column{max-width:980px!important;padding-left:28px!important;padding-right:28px!important}
.mk-article-masthead{padding:142px 0 0;background:#0b0b0b}
.mk-article-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:#777771;font:400 12px "DM Sans",sans-serif;margin-bottom:48px}
.mk-article-breadcrumb a{color:#a9a8a2;text-decoration:none}
.mk-article-breadcrumb a:hover{color:#f0efe9}
.mk-article-category{display:inline-block;border:1px solid #555;border-radius:60px;color:#c8c7c2;text-transform:uppercase;letter-spacing:2px;padding:7px 15px;font-size:11px;margin-bottom:22px}
.mk-article-masthead h1{font-size:clamp(38px,5.5vw,72px);line-height:1.09;letter-spacing:-.062em;margin:0 0 28px;max-width:940px}
.mk-article-byline{display:flex;gap:12px 20px;flex-wrap:wrap;color:#9f9f99;font-size:12px;line-height:1.7;margin-bottom:44px}
.mk-article-byline a{color:#d4d2ca;text-decoration:none}
.mk-article-hero{margin:0;border:1px solid #292929;background:#0b0b0b}
.mk-article-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.mk-editorial-content{padding:42px 0 65px;color:#b8b7b2}
.mk-editorial-content p,.mk-editorial-content li{font:400 17px/1.85 "DM Sans",sans-serif;color:#b7b7b1}
.mk-editorial-content p{margin:0 0 23px}
.mk-editorial-content h2{font-size:clamp(28px,3.4vw,39px);font-weight:700;letter-spacing:-.043em;line-height:1.18;color:#f0efe9;margin:63px 0 22px;scroll-margin-top:95px}
.mk-editorial-content h3{font-size:23px;letter-spacing:-.04em;line-height:1.3;color:#f0efe9;margin:35px 0 16px}
.mk-editorial-content li{margin:11px 0;padding-left:4px}
.mk-editorial-content ul,.mk-editorial-content ol{padding-left:25px;margin:10px 0 27px}
.mk-editorial-content strong{color:#ebeae4}
.mk-editorial-content a{color:#f0efe9;text-decoration:underline;text-underline-offset:4px}
.mk-editorial-content a:hover{color:#b9b9b5}
.mk-editorial-content .mk-short-answer{background:#161616;border:1px solid #363636;border-left:3px solid #f0efe9;border-radius:7px;padding:25px 29px;margin:0 0 37px}
.mk-editorial-content .mk-short-answer strong{display:block;font:700 12px Syne,sans-serif;text-transform:uppercase;letter-spacing:.17em;color:#deddd7;margin-bottom:11px}
.mk-editorial-content .mk-short-answer p{font:400 18px/1.75 "DM Sans",sans-serif;margin:0;color:#e1dfda}
.mk-editorial-content .mk-article-toc{border:1px solid #333;border-radius:8px;padding:24px 28px;background:#101010;margin:35px 0 55px}
.mk-article-toc>strong{font:700 18px Syne,sans-serif;display:block;margin-bottom:8px}
.mk-article-toc ol{margin:0;padding-left:22px}
.mk-article-toc li{font-size:14px;line-height:1.6;margin:8px 0}
.mk-editorial-content .mk-editorial-visual{margin:40px 0 50px}
.mk-editorial-content .mk-editorial-visual img{display:block;width:100%;height:auto;border:1px solid #373737;border-radius:8px}
.mk-editorial-content .mk-editorial-visual figcaption{font:400 13px/1.65 "DM Sans",sans-serif;color:#979791;margin:12px 0 0}
.mk-editorial-content .mk-article-cta{border:1px solid #393939;background:#141414;border-radius:8px;padding:31px;margin:43px 0}
.mk-editorial-content .mk-article-cta h3{font-size:23px;margin:0 0 10px}
.mk-editorial-content .mk-article-cta p{font-size:15px;margin:0 0 20px}
.mk-editorial-content .mk-article-cta a{display:inline-flex;background:#f0efe9;color:#101010;text-decoration:none;border-radius:40px;font:700 13px Syne,sans-serif;padding:12px 20px}
.mk-editorial-content .mk-article-cta a:hover{background:#dedcd6;color:#111}
.mk-editorial-content .mk-editorial-takeaway{border-left:4px solid #f0efe9;background:#242424;color:#f0efe9;margin:36px 0;padding:24px 29px;font:700 clamp(19px,2.3vw,25px)/1.5 Syne,sans-serif}
.mk-editorial-content .mk-article-faq{margin:25px 0 40px}
.mk-editorial-content .mk-article-faq details{border-bottom:1px solid #353535;padding:19px 0}
.mk-editorial-content .mk-article-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font:600 17px/1.5 Syne,sans-serif;color:#eee}
.mk-editorial-content .mk-article-faq summary::-webkit-details-marker{display:none}
.mk-editorial-content .mk-article-faq summary:after{content:"+";display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #444;border-radius:50%;color:#fff}
.mk-editorial-content .mk-article-faq details[open] summary:after{content:"×"}
.mk-editorial-content .mk-article-faq details p{font-size:15px;line-height:1.85;margin:14px 32px 0 0}
.mk-article-author{display:flex;gap:25px;align-items:start;border-top:1px solid #343434;padding:34px 0 75px}
.mk-article-author-icon{background:#f0efe9;color:#111;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font:800 19px Syne,sans-serif}
.mk-article-author strong{font:700 19px Syne,sans-serif}
.mk-article-author p{font-size:14px;margin:10px 0}
.mk-article-author a{font-size:13px;color:#e8e8e2}
.mk-article-related{border-top:1px solid #292929;padding:78px 0 95px}
.mk-article-related h2{font-size:clamp(30px,4vw,50px);margin-bottom:40px}
.mk-related-all{text-align:right;margin-top:28px}.mk-related-all a{color:#eae9e3;font-size:13px}
@media(max-width:650px){.mk-article-column{padding-left:21px!important;padding-right:21px!important}.mk-article-masthead{padding-top:115px}.mk-article-masthead h1{font-size:clamp(34px,9vw,50px)}.mk-article-breadcrumb{margin-bottom:33px}.mk-article-byline{margin-bottom:27px}.mk-editorial-content{padding-top:28px}.mk-editorial-content p,.mk-editorial-content li{font-size:16px;line-height:1.8}.mk-editorial-content h2{margin-top:45px}.mk-editorial-content .mk-short-answer{padding:20px}.mk-editorial-content .mk-article-toc{padding:20px}.mk-editorial-content .mk-article-cta{padding:21px}.mk-article-related{padding:65px 0}}

/* Editorial lead self-check, new Markti draft series */
.mk-editorial-content .mk-article-checklist{list-style:none;padding-left:0;margin:24px 0 34px}
.mk-editorial-content .mk-article-checklist li{position:relative;padding:11px 12px 11px 45px;border-bottom:1px solid #303338}
.mk-editorial-content .mk-article-checklist li::before{content:'';width:17px;height:17px;position:absolute;left:13px;top:16px;border:1px solid #8b9094;border-radius:4px;background:#17191b}
.mk-editorial-content .mk-article-checklist label{cursor:default}
.mk-editorial-content table{width:100%;border-collapse:collapse;margin:20px 0 36px;font-size:15px}
.mk-editorial-content th,.mk-editorial-content td{border-bottom:1px solid #383c3f;text-align:left;padding:12px 10px;vertical-align:top}
.mk-editorial-content th{color:#efefeb;font-weight:600}