:root{--ink:#1616d9;font-family:Consolas,"Lucida Console","Courier New",monospace;font-size:13px;line-height:1.2;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;padding:12px 4px;min-height:100svh}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
.hover-text{-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media(hover:hover){.hover-text:hover{background:var(--ink);color:#fff}}
a:focus-visible .hover-text{background:var(--ink);color:#fff}
a:focus-visible,button:focus-visible,video:focus-visible,.image-gallery:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
button:focus-visible .hover-text{background:var(--ink);color:#fff}
::selection{background:var(--ink);color:#fff}
.masthead{display:grid;grid-template-columns:1fr 1fr;align-items:start}
.masthead nav{display:flex;flex-direction:column;align-items:flex-start}
.wordmark{font-weight:400}
.masthead a[aria-current="page"]:not(.wordmark){text-decoration:underline}
.slash-divider{overflow:hidden;white-space:nowrap;height:16px;margin-top:80px;user-select:none;font-size:16px;line-height:1;letter-spacing:2px}
.slash-divider::before{content:"////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////"}
main{margin-top:28px;padding-bottom:180px}
.record-link{position:fixed;right:max(4px,env(safe-area-inset-right));bottom:max(4px,env(safe-area-inset-bottom));width:clamp(110px,12vw,170px);aspect-ratio:1;z-index:10;clip-path:circle(42% at 50% 50%)}
.record-link img{display:block;width:100%;height:100%;object-fit:contain}
.record-link:focus-visible{outline:none}
.record-link:focus-visible::after{content:"";position:absolute;inset:8%;border:2px solid var(--ink);border-radius:50%}
.page{width:100%}
h1,h2,p{font-size:inherit;line-height:inherit;margin:0;font-weight:400}
h1,h2{font-weight:400;text-transform:uppercase}
h1:focus{outline:none}
.back{display:inline-block;margin-bottom:24px}
.section-top{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px}
.project-list{max-width:100%}
.project-row{display:grid;grid-template-columns:1fr 1fr;padding:0 0 12px;align-items:start}
.project-row:hover{text-decoration:none}
.project-row:hover .project-name{text-decoration:none}
.project-meta{display:flex;gap:24px}
.project-intro{display:grid;grid-template-columns:1fr 1fr;margin:0 0 32px}
.project-intro p{max-width:380px;padding-right:16px}
.media-stack{display:grid;gap:40px}
.media-stack figure{margin:0}
.media-stack img,.media-stack video{display:block;width:100%;max-height:85svh;object-fit:contain;object-position:left top}
.media-stack video{max-width:1200px;background:#000;aspect-ratio:16/9}
.image-caption{display:flex;justify-content:space-between;max-width:1200px;margin-top:6px}
.artwork-page{max-width:1400px}
.project-video video{display:block;width:100%;height:auto;max-height:70svh;object-fit:contain;object-position:left center;background:#000}
.artwork-page .media-stack img{height:auto;max-height:none}
.artwork-page .image-caption{max-width:none}
.image-gallery{width:100%}
.image-gallery figure,.image-lightbox figure{margin:0}
.gallery-open{display:block;width:100%;cursor:zoom-in;touch-action:pan-y}
.gallery-image{display:block;width:100%;height:auto;max-height:70svh;object-fit:contain;object-position:left center}
.gallery-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:16px}
.gallery-controls button:first-child{justify-self:start}
.gallery-controls button:last-child{justify-self:end}
.image-lightbox{color:var(--ink);background:#fff;border:0;padding:20px;margin:0;width:100%;max-width:none;height:100dvh;max-height:none}
.image-lightbox[open]{display:flex;flex-direction:column}
.image-lightbox::backdrop{background:#fff}
.lightbox-close{align-self:flex-end;margin-bottom:20px;min-height:24px}
.image-lightbox figure{display:flex;flex:1;min-height:0;flex-direction:column}
.lightbox-image{display:block;width:100%;flex:1;min-height:0;object-fit:contain;touch-action:pan-y}
.image-lightbox .gallery-controls{flex-shrink:0;margin-top:20px}
.image-lightbox .gallery-controls button{min-height:32px}
.lightbox-open{overflow:hidden}
@media(max-width:600px){.image-lightbox{padding:12px}.gallery-controls button{min-height:36px}}
.project-statement{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:48px 0 64px;line-height:1.65}
.project-subtitle{max-width:340px}
.project-essay{max-width:580px}
.project-essay p+p{margin-top:18px}
.statement-only .project-essay{grid-column:2}
@media(max-width:600px){.project-statement{grid-template-columns:1fr;gap:24px;margin:32px 0 40px}.project-subtitle{max-width:none}.statement-only .project-essay{grid-column:1}}
.next-project{display:inline-block;margin-top:40px}
.music-tracks{display:grid;gap:32px;max-width:580px}
.music-track{margin:0}
.music-track figcaption{margin-bottom:12px}
.music-track audio{display:block;width:100%}
.music-track audio:not([controls]){display:none}
.music-controls{display:grid;grid-template-columns:80px 1fr 90px;gap:8px 16px;align-items:center}
.music-controls[hidden]{display:none}
.music-controls button{justify-self:start;min-height:28px}
.music-time{justify-self:start;white-space:nowrap}
.music-mute{grid-column:3}
.music-seek{grid-column:1 / 3}
.music-controls input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:24px;margin:0;background:transparent;cursor:pointer;accent-color:var(--ink)}
.music-controls input[type=range]::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,var(--ink) var(--progress,0%),#1616d933 var(--progress,0%))}
.music-controls input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:5px;height:13px;margin-top:-6px;border:0;border-radius:0;background:var(--ink)}
.music-controls input[type=range]::-moz-range-track{height:1px;background:#1616d933}
.music-controls input[type=range]::-moz-range-progress{height:1px;background:var(--ink)}
.music-controls input[type=range]::-moz-range-thumb{width:5px;height:13px;border:0;border-radius:0;background:var(--ink)}
.music-controls input[type=range]:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
.music-controls input[type=range]:disabled{cursor:default;opacity:.4}
@media(max-width:400px){.music-controls{grid-template-columns:70px 1fr 80px;column-gap:8px}}
.body-copy,.imprint-copy{max-width:380px}
.body-copy{line-height:1.65}
.body-copy blockquote{margin:24px 0;padding-left:16px;border-left:1px solid var(--ink)}
.body-copy blockquote p{margin-bottom:0}
.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.instagram-link{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}
.instagram-link:hover,.instagram-link:focus-visible{color:#fff;background:var(--ink)}
.imprint-copy{line-height:1.65}
.body-copy p,.imprint-copy p{margin-bottom:16px}
.imprint-copy h2{margin:24px 0 8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){body{padding:12px 8px}.masthead{column-gap:16px}.masthead a{padding:4px 0}.slash-divider{margin-top:60px}main{margin-top:24px}.project-row,.section-top,.project-intro{column-gap:16px}.project-meta{flex-direction:column;gap:0}.project-row{padding-bottom:22px}.project-intro{row-gap:16px}.media-stack{gap:24px}.body-copy,.imprint-copy{max-width:100%}}