/* Hallmark · macrostructure: narrow portfolio dossier · tone: deep editorial · anchor hue: lime */
@font-face{font-family:Geist;src:url('/wp-content/themes/mkdsgn/assets/fonts/geist-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('/wp-content/themes/mkdsgn/assets/fonts/geist-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Geist;src:url('/wp-content/themes/mkdsgn/assets/fonts/geist-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--bg:#0a0a0a;--surface:#101010;--surface-2:#141414;--ink:#ececea;--soft:#a09f9b;--muted:#6f6e6a;--faint:#484743;--line:#232321;--accent:#c8ff35;--blue:#30bdf2;--red:#ff615a;--green:#45eda5;--shell:39.5rem;--wide:65rem;--ease:cubic-bezier(.16,1,.3,1)}
html{scroll-behavior:smooth;background:var(--bg)}
*{box-sizing:border-box}
body.mkd-core-page{margin:0;background:var(--bg);color:var(--soft);font:400 14px/1.55 Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.mkd-core-page.admin-bar{padding-top:0}
.mkd-core-page a{color:inherit;text-decoration:none}
.mkd-core-page button,.mkd-core-page input,.mkd-core-page textarea{font:inherit}
.screen-reader-text,.hp{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--accent);color:#0a0a0a!important;padding:.65rem .9rem;border-radius:.4rem;font-weight:700}.skip-link:focus{top:1rem}
.shell{width:min(calc(100% - 40px),var(--shell));margin-inline:auto}.shell-wide{width:min(calc(100% - 32px),var(--wide));margin-inline:auto}
.site-meta{display:flex;justify-content:space-between;padding-top:36px;color:var(--faint);font:600 9px/1.2 ui-monospace,monospace;letter-spacing:.08em}.site-meta time{font-variant-numeric:tabular-nums}
.section{padding-top:78px}.section-label{margin-top:54px;color:var(--faint);font:600 9px/1.2 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.section-note{max-width:36rem;margin:16px 0 0;color:var(--muted)}
.intro{padding-top:56px}.identity-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:linear-gradient(145deg,var(--accent),#5da965);color:#0a0a0a;font-weight:800;font-size:27px;box-shadow:inset 0 0 0 1px #fff5}.intro h1{display:flex;align-items:center;gap:6px;margin:14px 0 0;color:var(--ink);font-size:15px;line-height:1.2;font-weight:600}.verified{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--blue);color:#071013;font-size:9px}.role{margin:4px 0 0;color:var(--muted)}.lede{max-width:38rem;margin:24px 0 0;font-size:15px;line-height:1.65}.lede a{color:var(--ink);border-bottom:1px solid var(--faint)}.copy-email{margin:22px 0 0;padding:0;border:0;background:none;color:var(--muted);cursor:pointer}.copy-email kbd{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-inline:4px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--ink);font:500 11px ui-monospace,monospace}.copy-email:hover{color:var(--ink)}
.work-stage{position:relative;height:470px;margin-top:22px;overflow:hidden;border-block:1px solid #0f0f0f;background:#090909}.dot-field{position:absolute;inset:0;opacity:.28;background-image:radial-gradient(circle,#454541 1px,transparent 1px);background-size:6px 6px;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent)}
.project-stack{position:relative;height:100%}.project-card{position:absolute;width:280px;height:210px;padding:8px;border:4px solid #e7e7e4;border-radius:12px;background:#d9d9d7;box-shadow:0 18px 46px #000a;overflow:hidden;transition:transform .35s var(--ease),z-index 0s}.project-card img,.ui-mock{width:100%;height:100%;object-fit:cover;border-radius:5px;background:#191919}.project-card--1{left:8%;top:82px;transform:rotate(-4deg)}.project-card--2{left:32%;top:112px;transform:rotate(4deg);z-index:3}.project-card--3{left:51%;top:60px;transform:rotate(-2deg);z-index:2}.project-card--4{right:4%;top:123px;transform:rotate(5deg);z-index:4}.project-card:hover{z-index:10;transform:rotate(0) translateY(-10px)}.card-link{position:absolute;inset:0}.ui-mock{padding:22px;color:#92928e;font:10px/1.4 ui-monospace,monospace}.ui-mock strong{display:block;margin:36px 0 18px;color:#e8e8e5;font-size:12px}.ui-mock i{display:block;width:80%;height:8px;margin:9px 0;border-radius:2px;background:#2c2c2c}.ui-mock i:nth-of-type(2){width:54%;background:#3f3f3f}.ui-mock i:nth-of-type(3){width:70%}.ui-mock i:nth-of-type(4){width:43%;background:var(--accent)}.ui-dot{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#555}.ui-mock--2{background:#eee;color:#777}.ui-mock--2 strong{color:#222}.ui-mock--2 i{background:#d0d0d0}.ui-mock--2 i:nth-of-type(4){background:#111}.ui-mock--3{background:#0f1013}.ui-mock--3 i:nth-of-type(2){background:var(--blue)}.ui-mock--4{background:#262625}.ui-mock--4 i:nth-of-type(4){background:#488bd5}
.experience{padding-top:94px}.experience .section-label,.proof .section-label,.stack .section-label,.services .section-label,.writing .section-label,.personal .section-label,.contact .section-label{margin-top:0}.timeline{margin-top:34px}.timeline-row{display:grid;grid-template-columns:120px 1fr;gap:34px;padding:18px 0}.timeline-row time{padding-top:3px;color:var(--faint);font:500 10px ui-monospace,monospace}.timeline-row h2{margin:0;color:var(--ink);font-size:14px;font-weight:600}.timeline-row p{max-width:31rem;margin:5px 0 0;color:var(--muted)}.accent-square{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:4px;border-radius:4px;background:var(--accent);color:#0b0b0b;font-size:10px}
.proof{overflow:visible}.quote-track{display:grid;grid-template-columns:repeat(3,340px);gap:12px;margin-top:16px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.quote-track::-webkit-scrollbar{display:none}.quote-card{display:flex;min-height:220px;margin:0;padding:18px;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#111,#0c0c0c);color:var(--muted)}.quote-card blockquote{margin:0;font-size:14px;line-height:1.55}.quote-card figcaption{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:10px;color:var(--ink)}.quote-card figcaption small{grid-column:2;color:var(--muted)}.avatar{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#090909;font:700 10px ui-monospace,monospace}.avatar--lime{background:var(--accent)}.avatar--blue{background:var(--blue)}.avatar--red{background:var(--red)}
.tool-row{display:flex;flex-wrap:wrap;gap:19px;margin-top:18px}.tool-row span{display:grid;place-items:center;width:32px;height:32px;color:var(--ink);font:700 10px ui-monospace,monospace;transition:transform .2s var(--ease)}.tool-row span:nth-child(1){clip-path:polygon(0 0,100% 0,75% 45%,100% 100%,0 100%,25% 50%);background:#f1f1ee;color:#111}.tool-row span:nth-child(2){border-radius:50%;background:linear-gradient(90deg,#f24 0 33%,#a5f 33% 66%,#2bc 66%)}.tool-row span:nth-child(3){transform:rotate(45deg);border:1px solid #ef4a4a;border-radius:5px}.tool-row span:nth-child(4){border-radius:7px;background:#e8e8e5;color:#111}.tool-row span:nth-child(5){border-radius:50%;background:#fff;color:#111}.tool-row span:nth-child(6){border-radius:50%;background:#191919;font-size:9px}.tool-row span:nth-child(7){border-radius:50%;background:#fff;color:#111}.tool-row span:nth-child(8){border-radius:50%;background:#1ed760;color:#07110a;font-size:15px}.tool-row span:hover{transform:translateY(-4px)}
.services{display:grid;gap:4px}.services .section-label{margin-bottom:17px}.services>a{display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:12px;padding:10px 0;color:var(--ink)}.services>a span:nth-child(2){display:grid}.services small{color:var(--muted)}.services i{color:var(--faint);font-style:normal}.service-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#0a0a0a;font-weight:700}.service-icon--key{background:#f2f2ee}.service-icon--globe{background:#f4ec19}.service-icon--plus{background:#55efae}.services>a:hover i{color:var(--accent);transform:translate(2px,-2px)}
.writing{display:grid}.writing .section-label{margin-bottom:19px}.writing>a{display:grid;grid-template-columns:92px 1fr 55px;gap:18px;padding:7px 0}.writing time,.writing span{color:var(--faint);font:500 10px ui-monospace,monospace}.writing b{color:var(--ink);font-weight:500}.writing span{text-align:right}.writing>a:hover b{color:var(--accent)}
.photo-fan{position:relative;height:280px;margin-top:24px}.photo{position:absolute;width:190px;height:230px;margin:0;padding:5px;border-radius:8px;background:#e7e7e3;box-shadow:0 18px 40px #0008;overflow:hidden}.photo img,.photo-placeholder{width:100%;height:100%;object-fit:cover;border-radius:4px}.photo--1{left:0;top:24px;transform:rotate(-3deg)}.photo--2{left:27%;top:8px;transform:rotate(2deg)}.photo--3{left:52%;top:30px;transform:rotate(-3deg)}.photo--4{right:0;top:14px;transform:rotate(4deg)}.photo-placeholder{background:linear-gradient(145deg,#84a9bd,#d6d2b9 45%,#213329)}.photo--2 .photo-placeholder{background:linear-gradient(145deg,#4f91aa,#d7e4dc 46%,#183a4d)}.photo--3 .photo-placeholder{background:linear-gradient(145deg,#c28a61,#5b3a2b 45%,#18130f)}.photo--4 .photo-placeholder{background:linear-gradient(145deg,#cde3dd,#67988b 46%,#b34034)}.photo-meta{display:flex;justify-content:space-between;color:var(--faint);font-size:10px}.photo-meta a:hover{color:var(--ink)}
.contact-form{display:grid;gap:12px;margin-top:22px}.contact-form label{display:grid}.contact-form label>span{position:absolute;margin:12px;color:var(--faint);font-size:12px;pointer-events:none}.contact-form input,.contact-form textarea{width:100%;border:1px solid transparent;border-radius:9px;background:var(--surface-2);color:var(--ink);outline:0;padding:31px 13px 11px;resize:vertical}.contact-form textarea{min-height:190px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--faint);box-shadow:0 0 0 2px #c8ff3522}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;align-items:center;justify-content:space-between}.form-actions button{border:0;border-radius:999px;background:#ecece8;color:#0a0a0a;padding:7px 11px;font-weight:600;cursor:pointer}.form-actions button:hover{background:var(--accent)}.form-actions span{color:var(--faint);font-size:11px}.form-status{padding:10px 12px;border-radius:8px}.form-status--ok{background:#173221;color:#9aefb7}.form-status--error{background:#351817;color:#ffaaa5}.contact-links{display:grid;margin-top:30px}.contact-links a{display:flex;justify-content:space-between;padding:8px 0}.contact-links a span{color:var(--muted)}.contact-links a b{color:var(--soft);font-weight:400}.contact-links a:hover b{color:var(--accent)}
.footer{padding:100px 0 110px;text-align:center;color:var(--faint);font-size:10px}.signature{margin-bottom:28px;color:var(--ink);font:italic 42px/1 cursive;transform:rotate(-8deg)}.footer p{margin:5px 0}.footer-meta{display:flex;justify-content:space-between;margin-top:55px;font:500 9px ui-monospace,monospace;letter-spacing:.06em}
.dock{position:fixed;left:50%;bottom:18px;z-index:80;display:flex;gap:3px;padding:6px;border:1px solid #ffffff12;border-radius:10px;background:#0d0d0dda;box-shadow:0 12px 34px #0008;backdrop-filter:blur(12px);transform:translateX(-50%)}.dock a{display:grid;place-items:center;width:31px;height:29px;border-radius:6px;color:var(--muted);font-size:13px}.dock a:hover,.dock a.is-active{background:#191919;color:var(--ink)}.dock a:focus-visible,.mkd-core-page button:focus-visible,.mkd-core-page a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.copy-toast{position:fixed;left:50%;bottom:66px;z-index:90;padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:#171717;color:var(--ink);opacity:0;transform:translate(-50%,8px);transition:.2s var(--ease);pointer-events:none}.copy-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media (max-width:800px){.work-stage{height:410px}.project-card{width:230px;height:175px}.project-card--1{left:-6%;top:70px}.project-card--2{left:22%;top:125px}.project-card--3{left:47%;top:58px}.project-card--4{right:-8%;top:138px}.photo{width:31vw;height:205px}.photo--2{left:22%}.photo--3{left:45%}.photo--4{right:0}}
@media (max-width:600px){body.mkd-core-page{font-size:13px}.site-meta{padding-top:24px}.intro{padding-top:42px}.section{padding-top:68px}.work-stage{height:355px}.project-card{width:185px;height:142px;border-width:3px}.project-card--1{left:-14%;top:48px}.project-card--2{left:13%;top:128px}.project-card--3{left:41%;top:66px}.project-card--4{right:-19%;top:150px}.ui-mock{padding:12px;font-size:8px}.ui-mock strong{margin:16px 0 8px}.timeline-row{grid-template-columns:82px 1fr;gap:15px}.quote-track{grid-template-columns:repeat(3,82vw)}.writing>a{grid-template-columns:70px 1fr 42px;gap:8px}.photo-fan{height:220px}.photo{width:39vw;height:174px}.photo--1{left:-4%}.photo--2{left:18%}.photo--3{left:40%}.photo--4{right:-2%}.photo-meta{margin-top:2px}.form-grid{grid-template-columns:1fr}.dock{max-width:calc(100% - 20px);overflow-x:auto}.dock a{flex:0 0 29px}.footer{padding-bottom:100px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card,.tool-row span,.copy-toast{transition:none!important}.project-card:hover{transform:none}}
.studio-signal{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin-top:20px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink)}.signal-cover{display:grid;place-items:center;width:38px;height:38px;border-radius:5px;background:linear-gradient(145deg,#184b4d,#89c3b2);color:#eaf9f2;font-weight:700}.studio-signal>span:nth-child(2){display:grid;line-height:1.25}.studio-signal small{color:var(--muted)}.studio-signal i{display:flex;align-items:flex-end;gap:2px;height:17px;padding-right:7px}.studio-signal i span{display:block;width:2px;border-radius:2px;background:var(--accent);animation:signal 1.1s ease-in-out infinite alternate}.studio-signal i span:nth-child(1){height:7px}.studio-signal i span:nth-child(2){height:14px;animation-delay:-.35s}.studio-signal i span:nth-child(3){height:10px;animation-delay:-.7s}.studio-signal i span:nth-child(4){height:16px;animation-delay:-.2s}@keyframes signal{to{height:4px}}@media (prefers-reduced-motion:reduce){.studio-signal i span{animation:none}}