/* MKDSGN Studio. Native CSS, one semantic token layer, no UI framework. */
@font-face{font-family:Satoshi;src:url('../fonts/satoshi-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('../fonts/satoshi-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url('../fonts/satoshi-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--mk-canvas:#0a0a0a;--mk-surface:#141414;--mk-ink:#f1f1ef;--mk-muted:#a0a09e;--mk-line:#292929;--mk-accent:#f1f1ef;--mk-button:#f1f1ef;--mk-button-text:#0a0a0a;--mk-radius:4px;--mk-focus:#fff;color-scheme:dark}
:where(*,*::before,*::after){box-sizing:border-box}
:where(body,h1,h2,h3,p,figure,fieldset){margin:0}
html{scroll-padding-top:88px}
body{font-family:Satoshi,Arial,sans-serif;background:var(--mk-canvas);color:var(--mk-ink);-webkit-font-smoothing:antialiased}
:where(a){color:inherit;text-decoration:none}
:where(button,input){font:inherit}
:where(button){color:inherit;cursor:pointer}
:where(img){display:block;max-width:100%;height:auto}
:where(button,a,input,summary):focus-visible{outline:3px solid var(--mk-focus);outline-offset:5px}
:where(h1,h2,h3){font-weight:500;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
:where(p){line-height:1.6}
:where(button,a){-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
::selection{background:var(--mk-accent);color:#202320}
.wp-site-blocks{padding:0}.wp-site-blocks>*,.mk-main>*{margin-block:0}
.mk-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.mk-section{padding-block:112px}
.mk-icon{width:22px;height:22px;fill:currentColor;flex:none}
.mk-header{height:88px;position:relative;z-index:20;background:var(--mk-canvas)}
.mk-nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mk-brand{display:inline-flex;align-items:center;gap:14px;font-size:27px;font-weight:700;letter-spacing:-.065em;line-height:1}
.mk-brand img{width:40px;height:auto}
.mk-navigation{display:flex;align-items:center;gap:40px;font-size:15px;font-weight:500;white-space:nowrap}
.mk-navigation a{padding:10px 0;display:inline-flex;align-items:center;gap:14px}
.mk-navigation a:hover,.mk-navigation [aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.mk-navigation .mk-nav-contact{padding:10px 0}
.mk-menu-toggle{border:0;background:transparent;align-items:center;gap:8px;padding:10px 0;font-size:15px;display:none}
.mk-hero{padding-block:88px 112px}
.mk-hero-inner{position:relative}.mk-hero-copy{max-width:none}
.mk-hero h1{font-size:clamp(74px,9.6vw,140px);font-weight:500;letter-spacing:-.07em;line-height:1.02;max-width:1200px}
.mk-hero h1 span{display:block}.mk-hero h1 span+span{color:var(--mk-muted)}
.mk-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-top:48px}
.mk-hero p{max-width:470px;font-size:19px;line-height:1.6;color:var(--mk-muted)}
.mk-hero-bottom .mk-actions{margin-top:0;flex:none}
.mk-actions{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-top:30px}
.mk-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--mk-button);color:var(--mk-button-text);border:1px solid transparent;border-radius:3px;padding:16px 24px;font-size:16px;font-weight:500;min-height:54px;white-space:nowrap;line-height:1.2;transition:transform .2s,background .2s}
.mk-button:hover{background:#d8d8d5;transform:translateY(-2px)}.mk-button:active{transform:scale(.98)}
.mk-text-link{display:inline-flex;align-items:center;gap:16px;line-height:1.4;padding-block:8px;font-size:16px;white-space:nowrap;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.mk-text-link .mk-icon{transition:transform .2s}.mk-text-link:hover .mk-icon{transform:translate(3px,-3px)}
.mk-label{display:block;font-size:14px;color:var(--mk-muted);margin-bottom:22px}
.mk-section-title{font-size:clamp(30px,3.1vw,44px);max-width:380px;line-height:1.16}
.mk-services{display:grid;grid-template-columns:.9fr 1.6fr;gap:100px;border-top:1px solid var(--mk-line)}
.mk-service{display:grid;grid-template-columns:28px 1fr;gap:28px;padding:32px 0;border-bottom:1px solid var(--mk-line)}
.mk-service:first-child{padding-top:0}.mk-service:last-child{border-bottom:0;padding-bottom:0}
.mk-service-number{font-size:12px;line-height:2.8;font-variant-numeric:tabular-nums;color:var(--mk-muted)}
.mk-service h3{font-size:30px;letter-spacing:-.035em;line-height:1.25}
.mk-service p{font-size:16px;color:var(--mk-muted);max-width:490px;margin-top:14px}
.mk-contact{padding-block:100px 112px;border-top:1px solid var(--mk-line)}
.mk-contact-copy{max-width:920px}.mk-contact h2{font-size:clamp(44px,6.2vw,88px);max-width:900px;line-height:1.08}
.mk-contact p{max-width:500px;margin-top:24px;font-size:18px;color:var(--mk-muted)}
.mk-contact .mk-actions{margin-top:34px}
.mk-email{display:inline-flex;align-items:center;gap:24px;font-size:24px;line-height:1.4;padding-block:8px;border-bottom:1px solid var(--mk-ink);transition:color .2s}
.mk-email .mk-icon{width:26px;height:26px;transition:transform .2s}.mk-email:hover{color:#bdbdbb}.mk-email:hover .mk-icon{transform:translate(3px,-3px)}
.mk-footer{display:grid;grid-template-columns:1fr 1.1fr;gap:45px 90px;padding-block:52px 28px;border-top:1px solid var(--mk-line)}
.mk-footer-wordmark{font-size:38px;line-height:1;letter-spacing:-.065em;font-weight:700;width:max-content;align-self:start}
.mk-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:24px 44px;align-items:start}
.mk-footer-links p{grid-column:1/-1;font-size:15px;color:var(--mk-muted)}.mk-footer-links nav{display:grid;gap:2px;font-size:14px}
.mk-footer-links nav a{padding-block:10px;width:fit-content}.mk-footer-links nav a:hover{text-decoration:underline;text-underline-offset:4px}
.mk-footer-bottom{grid-column:1/-1;color:var(--mk-muted)}.mk-footer-bottom small{font-size:13px}
.mk-case-intro{padding-block:88px 72px}
.mk-case-intro h1{font-size:clamp(46px,6.4vw,90px);max-width:950px;line-height:1.06}
.mk-case-intro p{font-size:18px;max-width:510px;margin-top:28px;color:var(--mk-muted)}
.mk-case-gallery{padding-top:10px;padding-bottom:96px}
.mk-case-search{display:grid;gap:30px;margin-bottom:24px}
.mk-search-field{max-width:480px}.mk-search-field label{display:block;margin-bottom:8px;font-size:15px;font-weight:500}
.mk-search-input{display:flex;align-items:center;gap:12px;border-bottom:1px solid #555;padding:2px 0;background:var(--mk-canvas)}
.mk-search-input input{border:0;background:transparent;outline:none;width:100%;padding:13px 0;color:var(--mk-ink);font-size:16px;min-width:0}
.mk-search-input:focus-within{outline:3px solid var(--mk-focus);outline-offset:3px}.mk-search-input input:focus-visible{outline:none}.mk-search-input input::placeholder{color:var(--mk-muted);opacity:1}
.mk-filters{border:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 22px}
.mk-filters legend{font-size:15px;margin-bottom:12px;font-weight:500}
.mk-filter{background:transparent;border:0;border-bottom:1px solid transparent;border-radius:0;padding:11px 3px;min-height:46px;font-size:14px;line-height:1.3}
.mk-filter{color:var(--mk-muted);transition:color .2s,border-color .2s}.mk-filter:hover{color:var(--mk-ink)}.mk-filter[aria-pressed=true]{border-color:var(--mk-ink);color:var(--mk-ink)}
.mk-result-count{font-size:14px;color:var(--mk-muted);margin-bottom:26px}
.mk-case-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:34px;row-gap:50px;align-items:start}
.mk-case-link{display:block}.mk-case-visual{aspect-ratio:1.7;border-radius:var(--mk-radius);overflow:hidden;background:var(--mk-surface)}
.mk-case-visual img{height:100%;width:100%;object-fit:cover;object-position:top;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.mk-case-link:hover .mk-case-visual img{transform:scale(1.035)}
.mk-case-type{display:flex;align-items:flex-end;padding:35px;background:var(--mk-surface)}
.mk-case-type span{font-size:clamp(28px,3.4vw,50px);letter-spacing:-.05em;line-height:1.12;max-width:95%;text-wrap:balance}

.mk-case-caption{display:flex;align-items:center;justify-content:space-between;padding-top:18px;gap:18px}
.mk-case-caption h2{font-size:24px;letter-spacing:-.035em;line-height:1.25}
.mk-case-caption p{color:var(--mk-muted);font-size:14px;margin-top:4px}.mk-case-caption .mk-icon{transition:transform .2s}.mk-case-link:hover .mk-case-caption .mk-icon{transform:translate(3px,-3px)}
.mk-no-results{padding:70px 0;max-width:600px}.mk-no-results h2{font-size:40px}.mk-no-results p{margin-block:18px}
.mk-project-intro{padding-block:45px 0}.mk-back{display:inline-flex;align-items:center;gap:12px;font-size:15px;padding-block:10px;margin-bottom:36px}
.mk-back:hover{text-decoration:underline;text-underline-offset:4px}
.mk-project-intro h1{font-size:clamp(45px,6.7vw,100px);max-width:1250px;overflow-wrap:break-word;line-height:1.08}
.mk-project-lead{font-size:22px;max-width:920px;margin-top:24px;line-height:1.5}
.mk-project-meta{display:flex;align-items:center;flex-wrap:wrap;gap:18px 36px;font-size:16px;color:var(--mk-muted);margin-top:22px}
.mk-project-meta a{color:var(--mk-ink)}.mk-project-cover{margin-top:46px;overflow:hidden;border-radius:var(--mk-radius);background:var(--mk-surface)}
.mk-project-cover img{width:100%;height:auto}
.mk-project-story{padding-block:68px 86px}
.mk-story-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start;margin-bottom:80px}
.mk-story-text-only{grid-template-columns:1fr;max-width:800px}
.mk-story-copy h2{font-size:38px;margin-bottom:25px}.mk-story-copy p{font-size:18px;color:var(--mk-muted);margin-bottom:20px}.mk-story-copy h3{font-size:25px;margin-block:30px 15px}
.mk-project-gallery{display:grid;gap:28px}.mk-project-gallery figure{border-radius:var(--mk-radius);overflow:hidden;background:var(--mk-surface)}
.mk-project-gallery img{width:100%;height:auto}.mk-project-gallery figure:has(img[width="390"]){max-width:390px}
.mk-next-case{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--mk-line);padding-top:28px}
.mk-next-case small{display:block;font-size:14px;color:var(--mk-muted);margin-bottom:12px}
.mk-next-case strong{font-size:clamp(28px,3.2vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.1}.mk-next-case .mk-icon{width:42px;height:42px;transition:transform .2s}.mk-next-case:hover .mk-icon{transform:translate(4px,-4px)}
.mk-page{padding-block:80px 120px;min-height:55dvh}.mk-page h1{font-size:clamp(42px,6vw,80px);margin-bottom:35px}.mk-page p{margin-bottom:22px}.mk-page .wp-block-post-content>*+*{margin-top:24px}.mk-page .wp-block-post-content a{text-decoration:underline}
.mk-editor-preview{pointer-events:none;min-height:80px}.editor-styles-wrapper .mk-wrap{width:calc(100% - 48px)}.editor-styles-wrapper .mk-hero{padding-block:64px}.editor-styles-wrapper .mk-hero h1{font-size:76px}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.mk-reveal-ready{transition:opacity .5s,transform .5s}.mk-reveal-ready:not(.mk-in-view){opacity:0;transform:translateY(12px)}}
@media(max-width:1023px){.mk-wrap{width:calc(100% - 64px)}.mk-services{gap:50px;grid-template-columns:.9fr 1.3fr}.mk-hero-bottom{gap:30px}.mk-hero p{max-width:390px;font-size:17px}.mk-hero-bottom .mk-actions{gap:20px}.mk-service h3{font-size:26px}.mk-service{gap:20px}.mk-footer{gap:40px}.mk-case-caption h2{font-size:21px}.mk-story-layout{gap:40px}}
@media(max-height:740px) and (min-width:768px){.mk-hero{padding-block:56px 90px}.mk-hero h1{font-size:clamp(72px,8.8vw,120px)}}
@media(max-width:767px){
 .mk-wrap{width:calc(100% - 40px)}.mk-section{padding-block:68px}.mk-header{height:76px}.mk-brand{font-size:24px;gap:10px}.mk-brand img{width:34px}
 .mk-navigation{gap:16px;font-size:13px}.mk-navigation .mk-nav-contact{padding:9px 0;gap:5px}.mk-nav-contact .mk-icon{width:17px;height:17px}
 .mk-menu-toggle:not([hidden]){display:inline-flex}.mk-js .mk-navigation{display:none;position:absolute;top:76px;left:0;right:0;background:var(--mk-canvas);padding:18px 20px 24px;border-bottom:1px solid var(--mk-line);z-index:30}.mk-js .mk-navigation.mk-menu-open{display:grid;gap:6px}.mk-js .mk-navigation a{font-size:24px;padding:10px 0}.mk-js .mk-navigation .mk-nav-contact{display:flex;justify-content:space-between}
 .mk-hero{padding-block:52px 80px}.mk-hero h1{font-size:clamp(44px,11.7vw,82px);line-height:1.06;letter-spacing:-.06em}.mk-hero-bottom{display:block;margin-top:28px}.mk-hero p{font-size:17px;max-width:360px}.mk-hero-bottom .mk-actions{margin-top:30px;gap:26px}.mk-button{padding:15px 19px;gap:24px;min-height:52px}.mk-text-link{font-size:15px;gap:12px}
 .mk-services{grid-template-columns:1fr;gap:40px}.mk-label{font-size:13px;margin-bottom:18px}.mk-section-title{font-size:34px;max-width:380px}.mk-service{padding-block:26px;gap:20px;grid-template-columns:22px 1fr}.mk-service h3{font-size:26px}.mk-service p{font-size:16px;margin-top:12px}
 .mk-contact{padding-block:65px 74px}.mk-contact h2{font-size:clamp(40px,10vw,60px)}.mk-contact p{font-size:17px;margin-top:23px}.mk-contact .mk-actions{margin-top:27px}.mk-email{font-size:21px;gap:20px}
 .mk-footer{grid-template-columns:1fr;padding-block:38px 26px;gap:32px}.mk-footer-wordmark{font-size:32px}.mk-footer-links{gap:18px 28px}.mk-footer-links p{font-size:14px}.mk-footer-links nav{font-size:14px}
 .mk-case-intro{padding-block:52px 46px}.mk-case-intro h1{font-size:clamp(40px,10.5vw,72px);max-width:620px}.mk-case-intro p{font-size:17px;margin-top:24px}
 .mk-case-gallery{padding-top:15px;padding-bottom:65px}.mk-case-search{gap:23px}.mk-search-field{max-width:100%}.mk-filters{gap:4px 18px}.mk-filter{padding:10px 2px;font-size:13px}.mk-case-grid{grid-template-columns:1fr;gap:34px}.mk-case-visual{aspect-ratio:1.55}.mk-case-caption{padding-top:14px}.mk-case-caption h2{font-size:23px}.mk-case-type span{font-size:36px}.mk-no-results h2{font-size:32px}
 .mk-project-intro{padding-top:28px}.mk-back{margin-bottom:24px}.mk-project-intro h1{font-size:clamp(38px,9.6vw,65px);line-height:1.12}.mk-project-lead{font-size:19px;margin-top:19px}.mk-project-meta{gap:10px 24px;margin-top:16px;font-size:14px}.mk-project-cover{margin-top:30px}.mk-project-story{padding-block:42px 55px}.mk-story-layout{grid-template-columns:1fr;gap:30px;margin-bottom:42px}.mk-story-copy h2{font-size:32px}.mk-story-copy p{font-size:17px}.mk-project-gallery{gap:22px}.mk-next-case strong{font-size:30px}.mk-next-case .mk-icon{width:32px;height:32px}
 .mk-page{padding-block:48px 70px}.mk-page h1{font-size:42px}.mk-actions{gap:20px}
}
@media(max-width:374px){.mk-wrap{width:calc(100% - 32px)}.mk-hero h1{font-size:42px}.mk-hero p{font-size:16px}.mk-contact h2{font-size:37px}.mk-navigation{gap:10px}.mk-brand span{font-size:22px}.mk-service h3{font-size:23px}.mk-case-intro h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.mk-reveal-ready{opacity:1!important;transform:none!important}}
@media print{.mk-header,.mk-contact,.mk-footer,.mk-case-search{display:none}.mk-reveal-ready{opacity:1!important;transform:none!important}.mk-hero{padding-block:0 60px}.mk-wrap{width:100%}:root{--mk-canvas:#fff;--mk-ink:#202320;--mk-muted:#5b615b}}