
.kmk-portfolio{color-scheme:dark;--bg:#080909;--ink:#eeeae4;--muted:#a6aaa9;--line:#323737;--accent:#bacdce}.kmk-portfolio *{box-sizing:border-box}.kmk-portfolio{scroll-behavior:smooth;scroll-padding-top:75px}.kmk-portfolio{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:400}.kmk-portfolio a{color:inherit;text-decoration:none}.kmk-portfolio figure{margin:0;min-width:0}.kmk-portfolio .photo{position:relative;overflow:hidden;background:#111}.kmk-portfolio .photo img{position:absolute;max-width:none;height:auto;display:block}.kmk-portfolio figcaption{font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px}.kmk-portfolio p{font-size:17px;line-height:1.95;color:#b8bdbb;margin:24px 0 0;max-width:37em}.kmk-portfolio h1,.kmk-portfolio h2{margin:0;font-weight:400}.kmk-portfolio h2{font-size:clamp(27px,2.65vw,43px);line-height:1.5;letter-spacing:.02em;text-wrap:balance}.kmk-portfolio .wrap{width:88%;max-width:1440px;margin:auto}.kmk-portfolio .top{padding:26px 0 20px;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:12px;letter-spacing:.15em;border-bottom:1px solid var(--line)}.kmk-portfolio .cover{position:relative;display:grid;grid-template-columns:1fr 2.25fr;align-items:center;padding:58px 0 76px}.kmk-portfolio .cover-title{position:relative;z-index:1;margin-right:-90px}.kmk-portfolio .cover h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(68px,8.1vw,132px);line-height:1.05;letter-spacing:.045em}.kmk-portfolio .role{margin-top:38px;font-size:14px;line-height:2;color:#b8bdbb;letter-spacing:.08em}.kmk-portfolio .cover figure{grid-column:2}.kmk-portfolio .nav{position:sticky;top:0;z-index:5;background:rgba(8,9,9,.96);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;padding:19px 0;font-size:14px;color:var(--muted)}.kmk-portfolio .nav a:hover,.kmk-portfolio .nav a:focus-visible{color:white}.kmk-portfolio .nav b{font-weight:400;margin-right:9px;color:#d2d9d6}.kmk-portfolio .section{padding:100px 0;border-bottom:1px solid var(--line)}.kmk-portfolio .eyebrow{font-size:14px;color:var(--accent);letter-spacing:.14em;margin-bottom:25px}.kmk-portfolio .eyebrow span{display:inline-block;margin-right:22px;font-family:Georgia,serif;font-size:20px}.kmk-portfolio .start{display:grid;grid-template-columns:1fr 1.55fr;gap:8%;align-items:center}.kmk-portfolio .translation{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:start}.kmk-portfolio .translation .pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:8px}.kmk-portfolio .model{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center}.kmk-portfolio .model .copy{grid-column:2;grid-row:1}.kmk-portfolio .model figure{grid-column:1;grid-row:1}.kmk-portfolio .spatial{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}.kmk-portfolio .spatial .evidence{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:22px}.kmk-portfolio .final-head{max-width:710px;margin-bottom:48px}.kmk-portfolio .diptych{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}.kmk-portfolio .diptych figure:nth-child(2){margin-top:100px}.kmk-portfolio .wide{margin-top:90px}.kmk-portfolio .wide figcaption{display:flex;justify-content:space-between;gap:20px}.kmk-portfolio footer{padding:35px 0 55px;color:var(--muted);font-size:12px;letter-spacing:.12em}.kmk-portfolio a:focus-visible{outline:1px solid white;outline-offset:7px}@media(min-width:1600px){.kmk-portfolio p{font-size:18px}}@media(max-width:1000px){.kmk-portfolio .wrap{width:90%}.kmk-portfolio .section{padding:72px 0}.kmk-portfolio .start,.kmk-portfolio .translation,.kmk-portfolio .model,.kmk-portfolio .spatial{gap:5%}.kmk-portfolio .translation{grid-template-columns:1fr}.kmk-portfolio .translation .pair{margin-top:35px;max-width:750px}.kmk-portfolio .spatial{grid-template-columns:1fr}.kmk-portfolio .spatial .evidence{margin-top:35px;max-width:800px}.kmk-portfolio .cover h1{font-size:9vw}.kmk-portfolio .cover-title{margin-right:-60px}.kmk-portfolio p{font-size:16px}.kmk-portfolio .nav{font-size:13px}.kmk-portfolio .nav b{margin-right:4px}}@media(max-width:640px){.kmk-portfolio .wrap{width:auto;margin:0 22px}.kmk-portfolio .top{font-size:11px;line-height:1.7;letter-spacing:.08em}.kmk-portfolio .top span:last-child{max-width:95px;text-align:right}.kmk-portfolio .cover{display:flex;flex-direction:column;align-items:stretch;padding:36px 0 42px}.kmk-portfolio .cover-title{margin:0 0 28px}.kmk-portfolio .cover h1{font-size:clamp(58px,16vw,94px);line-height:.98}.kmk-portfolio .cover h1 br{display:none}.kmk-portfolio .cover h1 span{display:block}.kmk-portfolio .role{margin-top:22px;font-size:13px}.kmk-portfolio .nav{gap:0;padding:15px 0}.kmk-portfolio .nav a{font-size:12px;display:flex;flex-direction:column;gap:5px}.kmk-portfolio .nav b{font-size:12px}.kmk-portfolio .section{padding:56px 0}.kmk-portfolio .start,.kmk-portfolio .model{display:flex;flex-direction:column;gap:30px;align-items:stretch}.kmk-portfolio .eyebrow{margin-bottom:18px}.kmk-portfolio .eyebrow span{margin-right:14px}.kmk-portfolio h2{font-size:28px;line-height:1.55}.kmk-portfolio p{margin-top:19px;line-height:1.9}.kmk-portfolio .translation .pair{gap:14px;margin-top:27px}.kmk-portfolio .spatial .evidence{grid-template-columns:1fr;gap:28px;margin-top:27px}.kmk-portfolio .spatial .evidence figure:first-child{width:75%}.kmk-portfolio .diptych{grid-template-columns:1fr;gap:38px}.kmk-portfolio .diptych figure:nth-child(2){margin-top:0}.kmk-portfolio .final-head{margin-bottom:30px}.kmk-portfolio .wide{margin-top:44px}.kmk-portfolio .wide figcaption{display:block}.kmk-portfolio figcaption{font-size:14px;margin-top:10px}.kmk-portfolio .wide figcaption span{display:block;margin-top:4px}.kmk-portfolio footer{line-height:1.8}.kmk-portfolio .photo{width:100%}}@media(prefers-reduced-motion:reduce){.kmk-portfolio{scroll-behavior:auto}}

.kmk-portfolio .photo{aspect-ratio:auto}.kmk-portfolio .photo img{position:static;display:block;width:100%;height:auto;max-width:100%}.kmk-portfolio .cover{grid-template-columns:1fr 2.25fr;padding-top:32px}.kmk-portfolio .cover-title{margin-right:0}.kmk-portfolio .cover h1{font-size:clamp(58px,7vw,112px)}.kmk-portfolio .wrap{container-type:inline-size}.kmk-portfolio .section:last-child{border-bottom:0}.kmk-portfolio{overflow-wrap:break-word}
@container (max-width:800px){.kmk-portfolio .translation,.kmk-portfolio .spatial{grid-template-columns:1fr}.kmk-portfolio .translation .pair,.kmk-portfolio .spatial .evidence{margin-top:30px}.kmk-portfolio .cover h1{font-size:clamp(48px,10cqw,90px)}}
@container (max-width:560px){.kmk-portfolio .start,.kmk-portfolio .model,.kmk-portfolio .cover{display:flex;flex-direction:column;align-items:stretch;gap:28px}.kmk-portfolio .cover-title{margin:0}.kmk-portfolio .cover h1{font-size:clamp(55px,16cqw,85px)}.kmk-portfolio .cover h1 br{display:none}.kmk-portfolio .cover h1 span{display:block}.kmk-portfolio .diptych,.kmk-portfolio .spatial .evidence{grid-template-columns:1fr}.kmk-portfolio .diptych figure:nth-child(2){margin-top:0}.kmk-portfolio .section{padding:50px 0}.kmk-portfolio h2{font-size:28px}.kmk-portfolio .diptych{gap:35px}.kmk-portfolio .wide{margin-top:44px}}


.kmk-portfolio .press-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:8%;padding:75px 0 100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:start}
.kmk-portfolio .press-poster{margin:0;position:sticky;top:36px}.kmk-portfolio .press-poster img{display:block;width:100%;height:auto}.kmk-portfolio .press-poster figcaption{font-size:12px;letter-spacing:.07em}.kmk-portfolio .press-kicker{font-size:14px;letter-spacing:.12em;color:var(--muted);display:flex;justify-content:space-between;gap:16px;margin-bottom:32px}.kmk-portfolio .press-kicker span{font-size:11px}.kmk-portfolio .press-publication{font-family:Georgia,serif;font-size:20px;color:#eeeae4}.kmk-portfolio .press-stars{font-size:25px;letter-spacing:.21em;color:#c7b389;margin:17px 0}.kmk-portfolio blockquote{margin:0}.kmk-portfolio .press-verdict>span{font-family:Georgia,serif;font-style:italic;font-size:clamp(30px,3.6vw,54px);line-height:1.2;display:block}.kmk-portfolio .press-verdict p{font-size:24px;color:var(--ink);margin-top:12px;letter-spacing:.08em}.kmk-portfolio .press-byline{font-size:12px;color:var(--muted);margin-top:17px;line-height:1.8}.kmk-portfolio .press-details{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}.kmk-portfolio .press-review h3{font-size:14px;font-weight:400;color:#c7b389;margin:0 0 16px}.kmk-portfolio .press-review blockquote p[lang],.kmk-portfolio .press-telegraph blockquote p[lang]{font-family:Georgia,serif;font-size:17px;font-style:italic;line-height:1.65;margin:0;color:#eeeae4}.kmk-portfolio p.press-translation{font-size:14px;line-height:1.9;color:#b8bdbb;margin:13px 0 0}.kmk-portfolio .press-source{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-top:17px}.kmk-portfolio .press-telegraph{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.kmk-portfolio .press-telegraph blockquote{margin-top:13px}.kmk-portfolio .press-credit{font-size:12px;line-height:1.9;margin-top:25px;color:var(--muted)}
@media(max-width:1000px){.kmk-portfolio .press-details{grid-template-columns:1fr;gap:25px}.kmk-portfolio .press-section{gap:6%}.kmk-portfolio .press-poster{position:static}}
@media(max-width:640px){.kmk-portfolio .press-section{grid-template-columns:1fr;padding:45px 0 55px;gap:40px}.kmk-portfolio .press-poster{width:78%;max-width:340px}.kmk-portfolio .press-verdict>span{font-size:38px}.kmk-portfolio .press-kicker{margin-bottom:25px}.kmk-portfolio .press-details{gap:30px}}
@container(max-width:800px){.kmk-portfolio .press-details{grid-template-columns:1fr}.kmk-portfolio .press-poster{position:static}}
@container(max-width:560px){.kmk-portfolio .press-section{grid-template-columns:1fr;gap:35px;padding:45px 0}.kmk-portfolio .press-poster{width:78%;max-width:340px}.kmk-portfolio .press-verdict>span{font-size:36px}}

.kmk-portfolio .press-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:center}.kmk-portfolio .press-poster{position:static;max-width:440px}.kmk-portfolio .press-details{grid-template-columns:1fr;margin-top:30px;padding-top:30px}.kmk-portfolio .press-review blockquote p[lang]{font-size:clamp(22px,2.1vw,32px);line-height:1.55}.kmk-portfolio .press-review p.press-translation{font-size:17px;line-height:1.95;margin-top:24px}.kmk-portfolio .press-review h3{margin-bottom:20px}.kmk-portfolio .press-credit{margin-top:28px}@media(max-width:640px){.kmk-portfolio .press-section{grid-template-columns:1fr}.kmk-portfolio .press-review blockquote p[lang]{font-size:24px}.kmk-portfolio .press-review p.press-translation{font-size:16px}}@container(max-width:560px){.kmk-portfolio .press-section{grid-template-columns:1fr}}

/* Typography matches the approved Sisyphus design-process styles only inside this block. */
.kmk-portfolio{--ink:#d8ddd7;--muted:#9aa398;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;font-weight:300;position:relative;width:100%}
.kmk-portfolio .copy h2,.kmk-portfolio .cover h1{font-family:inherit;font-size:clamp(13.3px,1.085vw,19.6px);line-height:1.55;font-weight:450;letter-spacing:normal;text-wrap:pretty}
.kmk-portfolio .copy h2{margin-bottom:20px}
.kmk-portfolio p,.kmk-portfolio .press-review blockquote p[lang],.kmk-portfolio .press-review p.press-translation{font-family:inherit;font-size:clamp(9.8px,.728vw,12.6px);line-height:1.475;font-weight:300;font-style:normal;color:var(--ink);text-wrap:pretty;letter-spacing:normal}
.kmk-portfolio .copy p{margin-top:0}.kmk-portfolio .press-review p.press-translation{margin-top:14px}
.kmk-portfolio .eyebrow,.kmk-portfolio .eyebrow span{font-family:inherit;font-size:8.4px;line-height:1.7;font-weight:300;letter-spacing:.08em;color:var(--muted)}
.kmk-portfolio .eyebrow{margin-bottom:20px}.kmk-portfolio .eyebrow span{margin-right:0}.kmk-portfolio .eyebrow span::after{content:" - ";white-space:pre}
.kmk-portfolio figcaption,.kmk-portfolio .press-poster figcaption{position:relative;padding-left:20px;font-size:12px;line-height:1.7;font-weight:400;color:var(--muted);margin-top:10px;letter-spacing:normal;text-wrap:pretty}
.kmk-portfolio figcaption::before{content:"↖";position:absolute;left:0;top:0;font-size:15px;line-height:1.4}
.kmk-portfolio .press-review h3{font-family:inherit;font-size:clamp(13.3px,1.085vw,19.6px);line-height:1.55;font-weight:450}
.kmk-portfolio .role,.kmk-portfolio .press-kicker,.kmk-portfolio .press-byline{font-family:inherit;font-size:12px;line-height:1.7;font-weight:400}
.kmk-portfolio .press-publication{font-family:inherit;font-size:clamp(13.3px,1.085vw,19.6px);line-height:1.55;font-weight:450}
.kmk-portfolio .wrap>*,.kmk-portfolio .copy,.kmk-portfolio .press-content{min-width:0}
@media(max-width:760px){.kmk-portfolio .copy h2,.kmk-portfolio .cover h1,.kmk-portfolio .press-review h3,.kmk-portfolio .press-publication{font-size:16.1px}.kmk-portfolio p,.kmk-portfolio .press-review blockquote p[lang],.kmk-portfolio .press-review p.press-translation{font-size:11.2px;line-height:1.475}.kmk-portfolio figcaption,.kmk-portfolio .press-poster figcaption{font-size:11px}.kmk-portfolio .copy h2{margin-bottom:15px}}
@container(max-width:560px){.kmk-portfolio .copy h2,.kmk-portfolio .cover h1,.kmk-portfolio .press-review h3,.kmk-portfolio .press-publication{font-size:16.1px}.kmk-portfolio p,.kmk-portfolio .press-review blockquote p[lang],.kmk-portfolio .press-review p.press-translation{font-size:11.2px;line-height:1.475}.kmk-portfolio figcaption,.kmk-portfolio .press-poster figcaption{font-size:11px}}

/* Compact editorial grouping: overview/review, concept/build, model/space. */
.kmk-portfolio .wrap{max-width:1280px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:36px;row-gap:44px;padding:36px 0 64px}
.kmk-portfolio .cover{grid-column:span 7;display:flex;flex-direction:column;align-items:stretch;padding:0;gap:18px}
.kmk-portfolio .cover-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0}.kmk-portfolio .cover h1 br{display:none}.kmk-portfolio .cover h1 span{display:inline}.kmk-portfolio .cover h1 span+span{margin-left:.25em}.kmk-portfolio .role{margin:0}
.kmk-portfolio .press-section{grid-column:span 5;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:20px;padding:0;border:0}.kmk-portfolio .press-poster{width:100%;max-width:none}.kmk-portfolio .press-poster figcaption{font-size:10px}.kmk-portfolio .press-kicker{margin-bottom:14px;display:block}.kmk-portfolio .press-kicker span{display:block;font-size:9px;margin-top:4px}.kmk-portfolio .press-stars{margin:10px 0;font-size:18px}.kmk-portfolio .press-details{margin-top:16px;padding-top:16px}.kmk-portfolio .press-review h3{margin-bottom:12px}
.kmk-portfolio .press-review blockquote p[lang],.kmk-portfolio .press-review p.press-translation{font-style:italic;line-height:1.65}.kmk-portfolio p.review-attribution{font-size:11px;line-height:1.7;font-style:normal;color:var(--muted);margin-top:16px;max-width:none}.kmk-portfolio .review-attribution a{text-decoration:underline;text-underline-offset:3px}
.kmk-portfolio .section{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:30px 0 0;border-bottom:0;border-top:1px solid var(--line)}
.kmk-portfolio .start{grid-column:span 5}.kmk-portfolio .translation{grid-column:span 7}.kmk-portfolio .model{grid-column:span 7}.kmk-portfolio .spatial{grid-column:span 5}.kmk-portfolio .section:not(.start):not(.translation):not(.model):not(.spatial){grid-column:1/-1}
.kmk-portfolio .eyebrow{margin-bottom:12px}.kmk-portfolio .copy h2{margin-bottom:12px}.kmk-portfolio .copy p{max-width:none}.kmk-portfolio .translation .pair,.kmk-portfolio .spatial .evidence{margin:0;padding:0;gap:14px}.kmk-portfolio .spatial .evidence{grid-template-columns:1fr;max-width:none}.kmk-portfolio .spatial .evidence figure:first-child{width:72%}.kmk-portfolio .final-head{margin-bottom:0;max-width:710px}.kmk-portfolio .diptych{width:76%;max-width:880px;gap:24px;align-self:center}.kmk-portfolio .diptych figure:nth-child(2){margin-top:48px}.kmk-portfolio .wide{margin-top:24px}
@media(max-width:1000px){.kmk-portfolio .wrap{gap:32px 24px}.kmk-portfolio .cover,.kmk-portfolio .press-section{grid-column:1/-1}.kmk-portfolio .cover{display:grid;grid-template-columns:1fr 2.25fr;align-items:center}.kmk-portfolio .cover-title{display:block}.kmk-portfolio .role{margin-top:14px}.kmk-portfolio .press-section{grid-template-columns:120px minmax(0,1fr)}.kmk-portfolio .translation .pair{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.kmk-portfolio .wrap{display:flex;flex-direction:column;gap:30px;padding-top:24px;padding-bottom:44px}.kmk-portfolio .cover{display:flex;gap:18px}.kmk-portfolio .cover-title{display:flex}.kmk-portfolio .role{margin:0}.kmk-portfolio .press-section{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px}.kmk-portfolio .section{padding-top:24px;gap:18px}.kmk-portfolio .diptych{width:100%;display:grid;grid-template-columns:1fr;gap:24px}.kmk-portfolio .diptych figure:nth-child(2){margin-top:0}.kmk-portfolio .spatial .evidence figure:first-child{width:85%}.kmk-portfolio .wide{margin-top:8px}}
@container(max-width:560px){.kmk-portfolio .cover{display:flex}.kmk-portfolio .cover h1 span{display:inline}.kmk-portfolio .cover-title{display:flex}.kmk-portfolio .press-section{grid-template-columns:92px minmax(0,1fr);gap:16px;padding:0}.kmk-portfolio .section{gap:18px;padding-top:24px}.kmk-portfolio .start,.kmk-portfolio .translation,.kmk-portfolio .model,.kmk-portfolio .spatial{grid-column:1/-1}.kmk-portfolio .press-poster{width:100%}.kmk-portfolio .diptych{width:100%}}

/* Approved alignment refinements. */
.kmk-portfolio .section,.kmk-portfolio .press-section,.kmk-portfolio .press-details,.kmk-portfolio .press-telegraph{border:0}
.kmk-portfolio .cover{display:block}.kmk-portfolio .cover figure{width:100%}
.kmk-portfolio .telegraph-review{margin-top:26px}.kmk-portfolio .press-review blockquote p[lang],.kmk-portfolio .press-review .press-translation{font-style:italic}
.kmk-portfolio .start{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:36px}.kmk-portfolio .start .copy{text-align:right}.kmk-portfolio .start .copy p{margin-left:auto;max-width:37em}
.kmk-portfolio .translation{grid-column:1/-1;text-align:center;align-items:center}.kmk-portfolio .translation .copy{width:100%;max-width:760px}.kmk-portfolio .translation .pair{width:76%;max-width:900px}.kmk-portfolio .translation figcaption{text-align:left}
.kmk-portfolio .model{grid-column:span 8}.kmk-portfolio .spatial{grid-column:span 4}.kmk-portfolio .spatial .evidence figure:first-child{width:100%}.kmk-portfolio .diptych .image-explanation{margin-top:12px;max-width:none}
@media(max-width:640px){.kmk-portfolio .start{display:flex;gap:18px}.kmk-portfolio .start .copy{text-align:right}.kmk-portfolio .translation .pair{width:100%}.kmk-portfolio .spatial .evidence figure:first-child{width:100%}}
@container(max-width:560px){.kmk-portfolio .start{display:flex;gap:18px}.kmk-portfolio .translation .pair{width:100%}.kmk-portfolio .model,.kmk-portfolio .spatial{grid-column:1/-1}.kmk-portfolio .spatial .evidence figure:first-child{width:100%}}

/* Same cover image reveals from the introduction; no duplicate asset. */
.kmk-portfolio.kmk-peek{margin-top:calc(-1 * var(--kmk-peek-height,84px));overflow:hidden;isolation:isolate}
.kmk-portfolio.kmk-peek .wrap{padding-top:calc(var(--kmk-peek-height,84px) + 36px)}
.kmk-portfolio.kmk-peek .cover{position:relative;z-index:1}
.kmk-portfolio.kmk-peek .cover .photo{overflow:visible;background:transparent}
.kmk-portfolio.kmk-peek .cover img{transform-origin:0 0;will-change:transform;pointer-events:none}
@media(max-width:640px){.kmk-portfolio.kmk-peek .wrap{padding-top:calc(var(--kmk-peek-height,84px) + 24px)}}
