.corpus-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(2rem,8vw,8rem);padding-block:clamp(2.5rem,5vw,4.5rem) clamp(4rem,8vw,7rem)}
.corpus-intro .corpus-intro-logo{display:block;width:min(100%,36rem)}
.corpus-intro-logo img{width:100%;height:auto;mix-blend-mode:multiply}
.corpus-intro-note{justify-self:end;width:16rem;max-width:100%}
.corpus-intro-note>p:first-child{font: .8rem/1.5 var(--mono);margin-bottom:1rem}
.corpus-intro-note>p:nth-child(2){font:400 clamp(1.6rem,2.4vw,2.2rem)/1.2 var(--nadia-goth)}
.corpus-intro-note>a{justify-content:space-between;gap:3rem;padding:12px 0;border-bottom:1px solid currentColor;font:.8125rem var(--mono);margin-top:1.25rem;text-decoration:none}
.work-gallery{padding-block:clamp(3rem,7vw,6rem) clamp(5rem,10vw,9rem)}
.work-heading{display:flex;justify-content:space-between;align-items:end;gap:1.5rem}
.work-heading h2{font:400 clamp(2.8rem,6vw,5rem)/1.08 var(--nadia-goth)}
.work-heading p{font-size:.9375rem;color:var(--muted);padding-bottom:.4rem}
.work-filters{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin:2rem 0 2.75rem;border-bottom:1px solid var(--line)}
.work-filters button{border:0;border-bottom:1px solid transparent;background:none;color:var(--muted);padding:.8rem 0;min-width:var(--touch-target);min-height:var(--touch-target);font: .8125rem/1.5 var(--sans);cursor:pointer;margin-bottom:-1px}
.work-filters button[aria-pressed="true"]{border-color:var(--ink);color:var(--ink)}
.work-filters button span{font: .6875rem var(--mono);margin-left:.4rem;vertical-align:super}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5rem 2rem;align-items:start}
.work-item{min-width:0}
.work-item[hidden]{display:none}
.work-gallery .work-item>a{display:block;width:100%;min-height:0}
.work-item img{width:100%;height:auto;background:#efede8}
.work-item figcaption{display:flex;justify-content:space-between;gap:1rem;margin-top:.9rem;font: .6875rem/1.5 var(--mono);color:var(--muted)}
.work-item figcaption>span:last-child{font-family:var(--sans);text-align:right}
.work-viewer{position:fixed;inset:0;margin:auto;width:min(96vw,100rem);max-width:none;height:94vh;height:94dvh;max-height:94dvh;padding:1rem 1.5rem 1.25rem;border:0;background:var(--paper);color:var(--ink);overflow:hidden;overscroll-behavior:contain}
.work-viewer::backdrop{background:rgb(15 17 15 / 92%)}
.work-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem}
.viewer-top,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.viewer-top h2{min-width:0;overflow-wrap:anywhere;font:400 .9375rem/1.5 var(--sans)}
.work-viewer button{border:0;background:none;color:inherit;min-width:var(--touch-target);min-height:var(--touch-target);padding:.5rem;font: .75rem/1.5 var(--mono);cursor:pointer}
.viewer-top button{white-space:nowrap;flex-shrink:0}
.viewer-top button span{font-size:1.25rem;margin-left:.5rem}
.viewer-bottom>span{font: .75rem var(--mono);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.viewer-image-wrap{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
.viewer-image-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
html:has(.work-viewer[open]),body:has(.work-viewer[open]){overflow:hidden}
.closing-paper .profile-label{font:.8rem/1.5 var(--mono);margin:0 0 1.5rem;color:inherit}
.closing-paper .studio-information>p:not(.profile-label){max-width:48ch;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65}
@media(max-width:850px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.5rem}.work-heading{align-items:start;flex-direction:column}.corpus-intro{grid-template-columns:1fr;gap:2rem}.corpus-intro-note{justify-self:start}}
@media(max-width:600px){.corpus-intro{grid-template-columns:1fr;padding-top:1.5rem;padding-bottom:3rem;gap:2rem}.corpus-intro .corpus-intro-logo{width:100%}.corpus-intro-note{justify-self:start;width:100%}.corpus-intro-note>p:nth-child(2){font-size:1.6rem}.corpus-intro-note>p:first-child{margin-bottom:.5rem}.work-filters{gap:.25rem 1.25rem;margin-bottom:2rem}.work-grid{gap:2.5rem 1rem}.work-item--landscape{grid-column:1/-1}.work-item figcaption{display:block;font-size:.6875rem}.work-item figcaption>span{display:block}.work-item figcaption>span:last-child{text-align:left;margin-top:.2rem}}
.work-viewer button:disabled{opacity:.35;cursor:default}
.work-item figcaption{font-size:.75rem}
@media (max-width: 600px) {
  .work-grid{grid-template-columns:minmax(0,1fr)}
}

:root{--site-brand-width:clamp(200px,20vw,248px)}
.site-brand{display:inline-flex;align-items:center;flex-shrink:0;width:var(--site-brand-width);min-height:44px}
.site-brand img{width:100%;height:auto;mix-blend-mode:multiply}
.after-art-footer .site-brand img,
:root:is([data-active-scene="corpus"],[data-active-scene="directory"]) .site-header .site-brand img{filter:invert(1);mix-blend-mode:screen}
@media(max-width:600px){:root{--site-brand-width:140px}}

.corpus-intro:first-child{padding-top:calc(var(--header-height) + clamp(32px,5vw,64px));padding-bottom:clamp(24px,4vw,48px)}

.corpus-intro{position:relative;z-index:6}
.corpus-intro-logo{position:relative;background:var(--paper)}
.corpus-intro-note{position:relative}
.corpus-intro-note>p{width:fit-content;background:var(--paper)}
.corpus-intro-note>a{background:var(--paper)}
.opening .opening-stage{overflow:visible;background:transparent}

.work-filters button:active,.work-viewer button:active{color:var(--ink);text-decoration:underline;text-underline-offset:.3em}
.after-art-footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));padding-left:calc(var(--gutter) + env(safe-area-inset-left,0px));padding-right:calc(var(--gutter) + env(safe-area-inset-right,0px))}
@media(max-width:600px),(max-height:500px) and (pointer:coarse){
  .work-viewer{width:100%;height:100vh;height:100dvh;max-height:100dvh;padding:calc(1rem + env(safe-area-inset-top,0px)) calc(1rem + env(safe-area-inset-right,0px)) calc(1rem + env(safe-area-inset-bottom,0px)) calc(1rem + env(safe-area-inset-left,0px))}
  .work-viewer[open]{gap:.5rem}
  .work-viewer button{min-width:var(--touch-target-comfort);min-height:var(--touch-target-comfort)}
  .viewer-top{gap:.5rem}
  .viewer-top h2{font-size:.8125rem}
  .viewer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.5rem}
  .viewer-bottom button:first-child{justify-self:start}
  .viewer-bottom button:last-child{justify-self:end}
}