.project-selection,.project-gallery{background:var(--paper);color:var(--ink)}
.project-selection{padding:64px 0;border-block:1px solid rgba(9,9,9,.12)}
.project-selection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
.project-selection-heading .section-kicker{color:#8f0b0e;margin-bottom:8px}
.project-selection-heading h2{font:600 clamp(30px,3.4vw,48px)/1.06 var(--display);max-width:750px;margin:0 0 12px;text-transform:uppercase}
.project-selection-heading p:last-child{margin:0;font-size:15px}
.project-more{display:inline-flex;align-items:center;gap:16px;flex-shrink:0;padding-block:10px;border-bottom:1px solid #9a282a;font-size:14px}
.project-more span{font-size:22px;color:#9a282a}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.project-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.project-card{min-width:0;display:flex;flex-direction:column;background:#f8f4ed;border:1px solid #c9bfaf;box-shadow:0 5px 18px rgba(20,15,9,.035);transition:border-color .2s,box-shadow .2s}
.project-card:hover{border-color:#9a282a;box-shadow:0 8px 22px rgba(20,15,9,.08)}
.project-shot{display:block;overflow:hidden;background:#fff}
.project-shot img{display:block;width:100%;height:auto;aspect-ratio:800/486;object-fit:contain;background:#fff;transition:filter .2s}
.project-shot:hover img{filter:brightness(.97)}
.project-window{height:25px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;background:#eee9e1;border-bottom:1px solid #d9d0c3}
.project-window>span{display:flex;gap:4px;flex-shrink:0}.project-window i{width:4px;height:4px;border-radius:50%;background:#b5ab9d}
.project-window b{font-weight:400;font-size:10px;color:#5b554c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-card-copy{padding:18px;flex:1;display:flex;flex-direction:column}
.project-card h3{font:600 25px/1.12 var(--display);margin:0 0 18px;overflow-wrap:anywhere}
.project-grid-compact h3{font-size:23px}
.project-card-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:auto}
.project-card-links a{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:12px;color:#5b302b;border-bottom:1px solid transparent}
.project-card-links a:hover{border-color:#9a282a}
.project-card a:focus-visible,.project-more:focus-visible{outline:3px solid #9a282a;outline-offset:3px}
.projects-page{background:var(--paper);color:var(--ink)}
.project-gallery-hero{padding:145px 0 42px;background:#101010;color:var(--paper)}
.project-gallery-hero h1{font:600 clamp(46px,6vw,82px)/1.02 var(--display);margin:18px 0;text-transform:uppercase}
.project-gallery-hero p{max-width:680px;margin-bottom:12px}
.project-gallery-hero .breadcrumbs{font-size:13px;color:#bdb4a5}
.project-gallery-hero .project-version-note{font-size:13px;color:#bdb4a5}
.project-gallery{padding:40px 0 80px}
.project-filter{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:24px;align-items:end;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #c9bfaf}
.project-filter label{display:block;min-width:0;font-size:13px;font-weight:500}
.project-filter input,.project-filter select{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid #b7ab99;background:#f8f4ed;color:#090909;padding:12px;font-size:16px;min-height:48px}
.project-filter output{font-size:13px;white-space:nowrap;padding-bottom:12px}
.project-filter input:focus-visible,.project-filter select:focus-visible{outline:2px solid #9a282a;outline-offset:2px}
.project-card[hidden]{display:none!important}
.project-preview{width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #c9bfaf;background:#f8f4ed;color:#090909;overflow:auto;box-shadow:0 20px 100px rgba(0,0,0,.5)}
.project-preview::backdrop{background:rgba(4,4,4,.84)}
.project-preview-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;background:#f8f4ed;border-bottom:1px solid #c9bfaf;z-index:1}
.project-preview-head h2{font:600 25px/1.1 var(--display);margin:0;overflow-wrap:anywhere}
.project-preview-head button{border:0;background:transparent;color:#090909;font-size:13px;cursor:pointer;min-height:44px;flex-shrink:0}
.project-preview-head button span{font-size:23px;margin-inline-start:8px}
.project-preview-head button:focus-visible{outline:2px solid #9a282a;outline-offset:2px}
.project-preview img{display:block;width:100%;height:auto;background:#fff}
.project-preview-open{overflow:hidden}
@media(max-width:1050px){.project-grid,.project-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.project-selection-heading{align-items:flex-start}.project-more{flex-shrink:1}}
@media(max-width:600px){.project-selection{padding:44px 0}.project-selection-heading{display:block;margin-bottom:24px}.project-more{margin-top:16px}.project-grid,.project-grid-compact{gap:16px}.project-card-copy{padding:12px}.project-card h3,.project-grid-compact h3{font-size:20px}.project-card-links{gap:4px 10px}.project-card-links a{font-size:11px;min-height:36px}.project-window{padding-inline:6px;height:21px}.project-window b{font-size:8px}.project-window i{width:3px;height:3px}.project-filter{grid-template-columns:1fr;gap:16px}.project-filter output{padding:0}.project-gallery-hero{padding:120px 0 30px}.project-preview-head{padding:12px;gap:12px}.project-preview-head h2{font-size:22px}.project-preview-head button{font-size:11px;max-width:110px}}
@media(prefers-reduced-motion:reduce){.project-card,.project-shot img{transition:none}}