/* Project proof uses the existing ASALA typography and materials. */
.selected-work{position:relative;padding:clamp(32px,5vw,72px) var(--gut);background:var(--black,#080808);color:var(--paper,#f2f2ee);scroll-margin-top:132px}
.selected-work__head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:32px}
.selected-work__head h2{margin:0;font:800 clamp(44px,5vw,76px)/.95 var(--display);text-transform:uppercase}
.selected-work__head p{max-width:34ch;margin:0;color:var(--muted,#b9bdbf);font-size:17px;line-height:1.5}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px;margin-top:28px}
.project-card{min-width:0}
.project-card__image{display:block;border:1px solid #464747;background:#141515;overflow:hidden}
.project-card__image img{display:block;width:100%;height:auto;aspect-ratio:1440/1000}
.project-card__meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 9px;font:500 13px/1.4 var(--text);color:#b9bdbf}
.project-card h3{margin:0;font:750 clamp(29px,3vw,42px)/1.1 var(--display)}
.project-card h3 a{color:var(--paper);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.project-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.project-card p{font:400 16px/1.55 var(--text);max-width:54ch;margin:9px 0 0;color:#c5c8c8}
.selected-work__next{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.selected-work__next a,.project-source a,.project-facts>a,.project-archive a{display:inline-flex;align-items:center;min-height:44px;color:var(--paper);text-underline-offset:5px;font-size:15px}
.selected-work :focus-visible,.project-captures :focus-visible,.project-story :focus-visible{outline:2px solid var(--brass,#b8975a);outline-offset:5px}
.project-captures{padding:clamp(24px,4vw,60px) var(--gut);color:var(--paper)}
.project-captures__heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px}
.project-captures h2{font:700 28px/1.1 var(--display);margin:0}
.project-captures__heading p,.project-captures__note{font:400 13px/1.6 var(--text);color:#b9bdbf;margin:0}
.project-captures__pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,22%);align-items:center;gap:clamp(20px,4vw,60px)}
.project-screen{min-width:0;margin:0}
.project-screen a{display:block;text-decoration:none;overflow:hidden;background:#151616;border:6px solid #282a2a;box-shadow:0 0 0 1px #5c5d5d,0 12px 24px #0005;border-radius:8px}
.project-screen__bar{display:block;padding:10px 16px;font:400 12px/1.2 var(--text);color:#c5c8c8;border-bottom:1px solid #454747;overflow-wrap:anywhere}
.project-screen img{display:block;width:100%;height:auto}
.project-screen--mobile a{border-width:7px;border-radius:24px}
.project-screen figcaption{margin-top:14px;font:400 13px/1.5 var(--text);color:#b9bdbf}
.project-captures__note{margin-top:24px}
.project-cover__intro{padding:clamp(36px,5vw,76px) var(--gut) 0}
.project-relation{margin:0 0 16px;font:500 14px/1.5 var(--text);color:#b9bdbf}
.project-cover h1{font:800 clamp(64px,8vw,132px)/.95 var(--display);margin:0 0 24px}
.project-story{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:clamp(32px,6vw,100px);padding:clamp(32px,5vw,72px) var(--gut)}
.project-facts{align-self:start;position:sticky;top:90px;padding-right:24px;border-right:1px solid var(--line)}
.project-facts h2{font:700 26px/1.2 var(--display);margin:0 0 24px}
.project-facts dl{margin:0}
.project-facts dt{color:#b9bdbf;font-size:13px;margin-top:24px}
.project-facts dd{margin:7px 0 0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.project-facts a{color:var(--paper);text-underline-offset:4px}
.project-facts>a{margin-top:24px}
.project-story__body{max-width:66ch}
.project-story__body section+section{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.project-story__body h2{font:750 clamp(30px,3vw,42px)/1.1 var(--display);margin:0 0 18px}
.project-story__body h3{font:650 19px/1.35 var(--text);margin:26px 0 8px}
.project-story__body p{font:400 17px/1.7 var(--text);margin:0;color:#d3d5d4}
.project-archive{margin-top:40px;color:#b9bdbf}
.project-source{padding-bottom:24px}
/* Painting and the duplicate mobile audit entry have been removed from the lobby. */
.hero{grid-template-rows:auto auto minmax(0,1fr) auto!important}
@media(max-width:819px){
  .selected-work__head,.project-captures__heading{display:block}
  .selected-work__head p,.project-captures__heading p{margin-top:14px}
  .selected-work{scroll-margin-top:130px}
  .project-grid{gap:32px 20px}
  .project-card__meta{font-size:12px}
  .project-story{grid-template-columns:1fr;gap:36px}
  .project-facts{position:static;border-right:0;border-bottom:1px solid var(--line);padding:0 0 28px}
  .project-captures__pair{grid-template-columns:minmax(0,1fr) minmax(110px,25%);gap:20px}
}
@media(max-width:560px){
  .project-grid{grid-template-columns:1fr}
  .project-captures__pair{grid-template-columns:1fr;gap:28px}
  .project-screen--mobile{width:min(250px,82%);justify-self:center}
  .project-screen__bar{font-size:11px;padding:8px}
  .project-screen a{border-width:4px}
  .project-screen--mobile a{border-width:7px}
  .selected-work__next{display:grid;gap:6px}
}
.project-product{margin:0;padding:24px var(--gut) 40px}
.project-product img{display:block;width:100%;height:auto;border:1px solid #464747}
.project-product figcaption{color:#b9bdbf;font:400 14px/1.6 var(--text);margin-top:14px;max-width:75ch}
.project-product a:focus-visible{outline:2px solid var(--brass,#b8975a);outline-offset:5px}
.project-card[hidden]{display:none}
.selected-work .filters{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 16px}
.selected-work .filters button{min-height:44px;padding:10px 16px;border:1px solid var(--line-2);background:var(--slab-2);color:var(--soft);font:500 12px/1.3 var(--text);letter-spacing:.08em;text-transform:uppercase}
.selected-work .filters button:hover{border-color:var(--soft);color:var(--paper)}
.selected-work .filters button[aria-checked="true"]{border-color:var(--casper);background:var(--casper);color:var(--black)}