:root{color-scheme:dark}
/* Keep the established brand; simplify the reading order. */
html:not(#_t) body .wk-8{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px;margin-top:0}
.wk-8>li:first-child{grid-column:1/-1}
html:not(#_t) body .wk-8>li:first-child .wk-pic{height:clamp(360px,49vw,650px);aspect-ratio:auto;align-items:center}
.wk-8>li:first-child .wk-pic img{object-position:center}
html:not(#_t) body .wk-8 h3,html:not(#_t) body .wk-8 h3 *{font-size:clamp(26px,2.7vw,42px)!important;line-height:1.14!important}
html:not(#_t) body .wk-8>li:first-child h3,html:not(#_t) body .wk-8>li:first-child h3 *{font-size:clamp(30px,3.5vw,52px)!important}
html:not(#_t) body .pj-head.wrap{padding-top:108px;padding-bottom:24px}
html:not(#_t) body .pj-head h1{font-size:clamp(36px,4vw,60px)!important;margin:0!important}
.pj-head>p{display:none} /* one general intro repeated by project cards; original retained */
.wk-sel>.wk-lab,.wk-sel>h2,.wk-sel>.wk-sub{display:none}
html:not(#_t) body .wk-sel{padding-top:24px}
html:not(#_t) body .wk-k{font-size:13px!important;line-height:1.5!important;margin-top:12px;padding-top:12px}
html:not(#_t) body .wk-go{gap:8px 26px;margin-top:12px}
html:not(#_t) body .wk-go a{font-size:17px!important;min-height:44px}
.vf-details{margin:0}
html:not(#_t) body .vf-details>summary,html:not(#_t) body .vf-opening-details>summary{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:none;color:#bcbcbf;font:500 16px/1.4 Jost,system-ui,sans-serif!important}
.vf-details>summary::before,.vf-opening-details>summary::before{content:'+';color:#00c8d7;font-size:20px}.vf-details[open]>summary::before,.vf-opening-details[open]>summary::before{content:'−'}
.vf-details>summary::-webkit-details-marker,.vf-opening-details>summary::-webkit-details-marker{display:none}
.vf-details>div{padding:4px 0 16px;max-width:58ch}
html:not(#_t) body .vf-details .wk-line,html:not(#_t) body .vf-details .wk-fact{font-size:16px!important;line-height:1.6!important}
summary:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #00c8d7;outline-offset:4px}
.vf-opening-details{grid-column:1/-1}
.vf-opening-details p{max-width:72ch}
@media(max-width:760px){html:not(#_t) body .pj-head.wrap{padding-top:90px;padding-bottom:16px}html:not(#_t) body .wk-8{grid-template-columns:1fr;gap:44px}html:not(#_t) body .wk-8>li:first-child .wk-pic{height:auto;aspect-ratio:16/9}html:not(#_t) body .wk-8>li:first-child h3,html:not(#_t) body .wk-8>li:first-child h3 *{font-size:30px!important}.wk-bar ul{gap:0 16px!important}html:not(#_t) body .wk-bar a{font-size:14px!important}.wk-sel{padding-top:16px!important}}

.vf-intro{margin-top:8px}.vf-intro summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;color:#bcbcbf;font-size:14px}.vf-intro p{max-width:56ch}.vf-intro summary:hover{color:#f7f5f1}

#selected{scroll-margin-top:calc(var(--wk-hdr,72px) + var(--wk-bar,80px) + 16px)}.vf-opening-details{order:9}
/* A stable two-row stack: the fixed site header, then the category bar. */
body:has(.wk) .hdr.hide:not(.open){transform:none!important}
html:not(#_t) body .wk>.wk-bar,html:not(#_t) body .wk.wk-up>.wk-bar{top:var(--wk-hdr,72px)!important;padding-top:0!important;transition:none!important}
#selected{scroll-margin-top:calc(var(--wk-hdr,72px) + var(--wk-bar,80px) + 24px)}

/* Prevent scrolling page text from showing through the fixed navigation. */
body:has(.wk) .hdr{background:#0b0c0e!important}

/* A single opening title, with context available beside it. */
html:not(#_t) body .pj-head.wrap>.label{display:none!important}
html:not(#_t) body .pj-head.wrap{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:104px;padding-bottom:12px}
html:not(#_t) body .pj-head.wrap .vf-intro{margin:0;max-width:56ch}
html:not(#_t) body .pj-head.wrap .vf-intro[open]{flex-basis:100%}
body:has(.wk) ::selection{background:#00c8d7;color:#0b0c10}
body:has(.wk) summary{touch-action:manipulation}
@media(max-width:760px){html:not(#_t) body .pj-head.wrap{padding-top:92px;gap:0 16px}html:not(#_t) body .pj-head h1{font-size:38px!important}}

/* Tony: equal project frames, whole artwork, consistent grid and caption edges. */
html:not(#_t) body .wk-8>li:not(:first-child) .wk-pic,
html:not(#_t) body .wk-grid .wk-tm{aspect-ratio:1/1!important;height:auto!important;width:100%;display:flex;align-items:center;justify-content:center}
html:not(#_t) body .wk-8 .wk-pic img,
html:not(#_t) body .wk-grid .wk-tm img{width:100%;height:100%;object-fit:contain!important;object-position:center!important;transform:none!important}
html:not(#_t) body .wk-8>li{min-width:0}
html:not(#_t) body .wk-8 :is(.wk-k,.wk-go,h3,.vf-details){width:100%;max-width:none;box-sizing:border-box}
html:not(#_t) body .wk-grid{column-gap:40px}
@supports(grid-template-rows:subgrid){
 html:not(#_t) body .wk-8{row-gap:12px}
 html:not(#_t) body .wk-8>li{display:grid;grid-template-rows:subgrid;grid-row:span 5;margin-bottom:52px;align-items:start}
 html:not(#_t) body .wk-8 :is(.wk-k,.wk-go,h3,.vf-details){margin-top:0;margin-bottom:0}
 html:not(#_t) body .wk-8 .wk-go{align-self:start}
}
@media(max-width:760px){html:not(#_t) body .wk-grid{column-gap:16px}html:not(#_t) body .wk-8>li{margin-bottom:32px}}
html:not(#_t) body .wk-8>li:not(:first-child) h3,
html:not(#_t) body .wk-8>li:not(:first-child) h3 *{font-size:clamp(26px,2.7vw,42px)!important;line-height:1.14!important}
html:not(#_t) body .wk-8>li .wk-k{font-size:13px!important;line-height:1.5!important}