:root{color-scheme:dark;--bg:#0b0d0e;--ink:#f1f2ed;--muted:#a3a7a8;--line:#303435;--accent:#d9f777}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}p{line-height:1.65;color:var(--muted)}.wrap{max-width:1600px;margin:auto;padding-left:5%;padding-right:5%}header{height:113px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:19px;letter-spacing:-.5px;font-weight:600}.wordmark span{display:block;color:var(--muted);font-size:12px;font-weight:400;letter-spacing:.3px;margin-top:7px}nav{display:flex;gap:36px;font-size:14px}nav a:hover,.back:hover{color:var(--accent)}.hero{position:relative;min-height:740px;isolation:isolate;overflow:hidden}.hero-top{display:flex;justify-content:space-between;padding-top:38px}.eyebrow,.edition,.small-label{font-size:12px;letter-spacing:1.5px;font-weight:500}.eyebrow{color:var(--accent)}.edition{color:var(--muted)}.hero-copy{position:relative;z-index:2;padding-top:78px;max-width:780px;pointer-events:none}.hero-copy a{pointer-events:auto}h1{font-size:clamp(64px,7.8vw,119px);font-weight:400;line-height:1.02;letter-spacing:-7px;margin:0}h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{max-width:420px;margin:30px 0 25px;font-size:17px}.work-link{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid #737775;padding:8px 0 13px;font-size:14px}.work-link:hover{color:var(--accent)}.hero-art{position:absolute;z-index:-1;width:66%;right:-9%;top:116px;margin:0;height:510px}.hero-art img{width:100%;height:100%;object-fit:contain;opacity:.93;mask-image:linear-gradient(to right,transparent,black 23%)}.hero-art figcaption{position:absolute;bottom:-10px;right:22%;font-size:10px;color:#959c9f;letter-spacing:1.7px}.hero-bottom{display:flex;justify-content:space-between;margin-top:76px;padding-bottom:28px;font-size:12px;color:var(--muted);letter-spacing:.2px}.work{padding-top:85px;padding-bottom:90px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:46px}h2{font-weight:400;font-size:clamp(32px,3.5vw,52px);letter-spacing:-2px;line-height:1.13;margin:0}.section-heading>.eyebrow{padding-top:10px}.featured{border:1px solid #444b3a;background:linear-gradient(125deg,#1d2318,#131711 75%);padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:34px}.tags{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;letter-spacing:1px;color:var(--accent)}.tags span{border:1px solid #5c6547;padding:7px 9px}h3{font-weight:400}.featured h3{font-size:49px;letter-spacing:-2px;margin:43px 0 14px}.featured-intro>p{max-width:350px;font-size:20px;color:#d6dbce;line-height:1.45}.project-index{font-size:11px;color:#a5ad97;letter-spacing:1px;margin-top:48px}.featured-detail{padding-top:4px}.small-label{color:#a5ad97}.featured-detail>p{color:#c0c6b7;margin:24px 0 28px;max-width:470px}.featured summary{font-size:14px;padding:16px 0;border-top:1px solid #49503e;display:flex;justify-content:space-between;cursor:pointer}.detail-body{padding:5px 0 0}h4{font-weight:400;font-size:15px;margin-bottom:8px;color:var(--ink)}.detail-body p{font-size:15px;margin-top:0}.project{border-bottom:1px solid var(--line)}.project summary{display:grid;grid-template-columns:55px 1fr 190px 24px;align-items:center;gap:14px;padding:32px 0;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.number{font-size:12px;color:var(--muted);align-self:start;padding-top:6px}.project-name{font-size:25px;letter-spacing:-.6px}.project-name>span{display:block;font-size:14px;letter-spacing:0;color:var(--muted);margin-top:10px}.project-type{font-size:10px;letter-spacing:1px;color:var(--muted)}.plus{font-size:26px;font-weight:300;transition:transform .2s}details[open] .plus,details[open]>summary>span:last-child:not(.project-name){transform:rotate(45deg)}summary:hover .project-name,summary:hover{color:var(--accent)}.project-body{padding:0 40px 25px 69px;display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1050px}.project-body>p{font-size:20px;margin-top:0}.project-body h4:first-child{margin-top:0}.work-note{font-size:12px;margin:24px 0 0;color:#929797}.approach{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);padding-top:86px;padding-bottom:90px}.approach>.eyebrow{padding-top:10px}.approach h2 span{color:#8a9090}.intro{max-width:515px;margin:25px 0 45px;font-size:18px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.principles>div{border-top:1px solid var(--line);padding-top:19px}.principles span{font-size:12px;color:var(--accent)}.principles h3{font-size:18px;line-height:1.3;margin:27px 0 12px}.principles p{font-size:15px;margin:0}.about{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);padding-top:85px;padding-bottom:90px}.about>.eyebrow{padding-top:10px}.about h2{font-size:37px;line-height:1.2;margin-bottom:30px}.about p{max-width:680px;font-size:17px}.skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.skills span{font-size:12px;padding:9px 12px;border:1px solid var(--line);border-radius:30px;color:#c4c9c7}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:35px;min-height:140px}.back{margin-left:auto;font-size:14px}.copyright{color:var(--muted);font-size:12px}.skip{position:fixed;left:20px;top:-100px;padding:16px;background:var(--accent);color:#111;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){.hero-art{right:-2%;width:64%}}@media(max-width:1000px){h1{letter-spacing:-4px}.hero-art{width:75%;right:-18%;top:155px;opacity:.7}.hero-copy>p{max-width:355px}.featured{gap:35px;padding:32px}.section-heading,.approach,.about{grid-template-columns:1fr 2.4fr}.project-type{display:none}.project summary{grid-template-columns:40px 1fr 25px}.principles{gap:17px}}@media(max-width:680px){header{height:92px}.wordmark{font-size:16px}.wordmark span{font-size:10px}nav{gap:17px;font-size:12px}nav a:nth-child(2){display:none}.wrap{padding-left:6%;padding-right:6%}.hero{min-height:0}.hero-top{padding-top:25px}.eyebrow{font-size:10px;letter-spacing:1px}.edition{display:none}.hero-copy{padding-top:47px}.hero h1{font-size:clamp(48px,10.5vw,70px);letter-spacing:-3px}.hero-copy>p{font-size:16px;max-width:100%;margin-top:25px}.hero-art{position:relative;width:118%;height:275px;top:auto;right:auto;margin:0 -9%;opacity:1;z-index:0}.hero-art img{mask-image:none}.hero-art figcaption{bottom:6px;right:17%;font-size:9px}.hero-bottom{margin-top:24px;gap:24px;font-size:10px;line-height:1.5}.hero-bottom span{max-width:48%}.work{padding-top:50px;padding-bottom:50px}.section-heading,.approach,.about{display:block}.section-heading>.eyebrow{display:block;margin-bottom:25px}h2{font-size:34px;letter-spacing:-1.5px}.section-heading{margin-bottom:30px}.featured{display:block;padding:25px}.featured h3{font-size:39px;margin-top:30px}.featured-intro>p{font-size:18px}.project-index{margin-top:25px;margin-bottom:36px}.tags{font-size:9px;gap:6px}.featured-detail>p{margin-top:17px}.project summary{padding:25px 0;grid-template-columns:25px 1fr 18px;gap:10px}.project-name{font-size:20px}.project-name>span{font-size:12px;line-height:1.5}.project-body{display:block;padding:0 15px 20px 35px}.project-body>p{font-size:17px}.project-body p{font-size:15px}.work-note{line-height:1.6}.approach,.about{padding-top:50px;padding-bottom:50px}.approach>.eyebrow,.about>.eyebrow{display:block;margin-bottom:28px}.principles{grid-template-columns:1fr}.principles>div{display:grid;grid-template-columns:28px 1fr;gap:0 8px;padding:20px 0 0}.principles h3{margin:0 0 12px}.principles p{grid-column:2}.principles span{padding-top:4px}.intro{font-size:16px;margin-bottom:30px}.about h2{font-size:30px}.about p{font-size:16px}footer{min-height:130px;gap:14px;flex-wrap:wrap}.copyright{display:none}.back{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Three-theme landing-page message. */
.hero .theme-title{font-size:clamp(42px,5.6vw,84px);letter-spacing:-.035em;line-height:1.08}.theme-title>span{display:block}.hero .theme-title .theme-prefix{font-size:.48em;letter-spacing:0;color:var(--ink);margin-bottom:20px}.theme-title>span:not(.theme-prefix){color:var(--accent)}.hero-copy{padding-top:50px}.hero-bottom{gap:24px;line-height:1.5}.project-type{font-size:11px;line-height:1.5}.hero-copy>p{max-width:440px}@media(max-width:680px){.hero .theme-title{font-size:clamp(38px,9.5vw,64px)}.hero-copy{padding-top:40px}.hero-copy>p{max-width:100%}}

/* Precise serif and monospace typography; a single transparent logo view. */
@font-face{font-family:SpatialRoman;src:url('fonts/lm-roman.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:SpatialMono;src:url('fonts/lm-mono.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
header.wrap{height:auto;min-height:180px;padding-top:22px;padding-bottom:22px}
header .wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;font-weight:400}
header .wordmark .brand-name{font-family:SpatialMono,'Courier New',monospace;font-size:26px;letter-spacing:-.035em;color:var(--ink);margin-top:14px;line-height:1.2}
header .wordmark .logo-perspective{display:block;width:108px;height:81px;margin:0;perspective:450px}
header .wordmark .logo-view{display:block;width:108px;height:81px;margin:0;background-image:url('mk-logo-pattern.png');background-repeat:no-repeat;background-size:512px 234.5px;background-position:-204px -79px;transform-origin:50% 50%;animation:logo-pan 7s ease-in-out infinite}
@keyframes logo-pan{0%,100%{transform:rotateY(-15deg)}50%{transform:rotateY(15deg)}}
.hero .theme-title{font-family:SpatialRoman,Georgia,serif;font-weight:400;font-size:clamp(44px,6.4vw,96px);letter-spacing:-.045em;line-height:1.04}
.hero .theme-title .theme-prefix{font-family:SpatialMono,'Courier New',monospace;font-size:.4em;letter-spacing:-.02em}
.eyebrow,.edition,.hero-art figcaption,.hero-bottom{font-family:SpatialMono,'Courier New',monospace;font-weight:400}
.eyebrow,.edition{font-size:14px;letter-spacing:.06em}.hero-bottom{font-size:14px}.hero-copy>p{font-size:17px;line-height:1.7}
@media(max-width:680px){header.wrap{min-height:160px}.hero .theme-title{font-size:clamp(40px,10.3vw,68px)}header .wordmark .brand-name{font-size:24px}.eyebrow{font-size:14px}.hero-bottom{font-size:13px}}
@media(prefers-reduced-motion:reduce){header .wordmark .logo-view{animation:none;transform:none}}

/* Smaller frosted glass mark with a more pronounced central-axis turn. */
header .wordmark .logo-perspective{width:96px;height:64px;perspective:280px}
header .wordmark .logo-view{width:96px;height:64px;background-image:url('mk-logo-frosted.png');background-size:contain;background-position:center;opacity:.76;animation:logo-pan 5.5s ease-in-out infinite}
@keyframes logo-pan{0%,100%{transform:rotateY(-38deg)}50%{transform:rotateY(38deg)}}
@media(prefers-reduced-motion:reduce){header .wordmark .logo-view{animation:none;transform:none}}

/* True volume replaces the flat image turn; keep the image as a no-script fallback. */
header .wordmark .logo-perspective{height:76px;perspective:none}
header .wordmark .has-object .logo-view{display:none}
.logo-object{display:block;width:96px;height:76px}

/* Keep each complete thought in its own readable paragraph. */
.hero-description{max-width:500px;width:100%;margin-top:28px}
.hero-description p{font-size:17px;line-height:1.7;margin:0;text-wrap:pretty;word-break:normal;overflow-wrap:normal;hyphens:none}
.hero-description p+p{margin-top:16px}
@media(max-width:1000px) and (min-width:681px){.hero-description{max-width:440px}}
@media(max-width:680px){.hero-description{max-width:100%;margin-top:24px}.hero-description p{font-size:16px;line-height:1.65}}

/* Center the coming-soon announcement on all screen sizes. */
.hero-top{position:relative;align-items:center;min-height:60px}
.hero-top .edition{display:block;position:absolute;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;font-size:14px;letter-spacing:.04em}
@media(max-width:1100px){.hero-top{flex-direction:column;gap:18px;align-items:flex-start}.hero-top .edition{position:static;transform:none;align-self:center;white-space:normal;width:100%}}