/* Project pages use the artist portfolio’s type and remembered colour theme. */
body.project-page{--project-gutter:clamp(20px,5vw,84px);margin:0;background:var(--bg);color:var(--ink);font-family:var(--k-font-body);overflow-wrap:anywhere}
.project-page a{color:inherit;text-underline-offset:5px}
.project-page a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.project-skip{position:absolute;top:-80px;left:20px;padding:12px;background:var(--bg);z-index:10}
.project-skip:focus{top:12px}
.project-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px var(--project-gutter);border-bottom:1px solid var(--line)}
.project-artist{font-size:20px;text-decoration:none}
.project-header nav{display:flex;gap:clamp(20px,4vw,48px);font-size:14px}
.project-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:7vw;padding:clamp(48px,8vw,120px) var(--project-gutter)}
.project-label{font-size:13px;margin:0 0 28px;color:var(--ink2)}
.project-intro h1{font:400 clamp(42px,5.5vw,86px)/1.06 var(--k-font-logo);letter-spacing:-.035em;margin:0 0 28px;max-width:16ch;text-wrap:balance}
.project-role{font-size:15px;line-height:1.7;max-width:40ch;color:var(--ink2)}
.project-cover{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.project-story{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:50px var(--project-gutter) 80px;border-top:1px solid var(--line)}
.project-story h2{font:400 clamp(28px,3vw,40px)/1.2 var(--k-font-logo);margin:0 0 22px}
.project-story p{font-size:clamp(17px,1.4vw,21px);line-height:1.75;margin:0;max-width:55ch;color:var(--ink2)}
.project-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,60px);align-items:start;padding:0 var(--project-gutter) 90px}
.project-media figure{margin:0;min-width:0;grid-column:1/-1}
.project-image img{display:block;width:100%;height:auto}
.project-video iframe{display:block;width:100%;aspect-ratio:var(--video-ratio,1.77778);border:0;background:#000}
.project-media .is-portrait{grid-column:auto;width:100%;max-width:420px;justify-self:center}
.project-next{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:40px var(--project-gutter);border-top:1px solid var(--line)}
.project-next>a:last-child{max-width:55%;text-align:right;text-decoration:none}
.project-next span{display:block;font-size:13px;margin-bottom:12px;color:var(--ink2)}
.project-next strong{font:400 clamp(25px,3vw,40px)/1.2 var(--k-font-logo)}
.project-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding:30px var(--project-gutter);border-top:1px solid var(--line);font-size:13px}
.project-footer>a:first-child{display:flex;align-items:center;gap:12px;text-decoration:none}
html[data-theme=light] .project-footer img{filter:invert(1)}
@media(max-width:700px){.project-header{padding-block:22px}.project-artist{font-size:17px}.project-header nav{font-size:13px}.project-intro{grid-template-columns:1fr;gap:35px}.project-intro h1{max-width:100%;font-size:clamp(38px,10vw,64px)}.project-cover{max-height:50svh}.project-story{grid-template-columns:1fr;gap:40px;padding-block:38px 55px}.project-media{grid-template-columns:1fr;padding-bottom:55px}.project-media .is-portrait{grid-column:1}.project-next{align-items:start;gap:24px}.project-next>a:first-child{max-width:35%;font-size:14px}.project-footer{font-size:12px}}

@media(max-width:700px){.project-header nav a{min-height:44px;display:inline-flex;align-items:center}}