.page-projects{background:#f6f6f3;overflow-x:hidden}
.page-projects .project-browser{--card-w:clamp(220px,30vw,500px);--card-h:min(61svh,640px);--toolbar:56px;--caption:142px;min-height:100svh;padding-top:var(--header-height,80px);color:#171815}
.browser-toolbar{position:sticky;top:var(--header-height,80px);z-index:30;height:var(--toolbar);padding:4px 20px;display:flex;align-items:center;justify-content:center;background:#f6f6f3}
.project-filters{display:flex;gap:6px;align-items:center;justify-content:center;max-width:calc(100% - 90px);overflow:auto;scrollbar-width:none}
.category-filter{font:inherit;font-size:12px;border:0;padding:8px 12px;background:transparent;color:#777973;border-radius:24px;white-space:nowrap}
.category-filter.is-active{background:#20221e;color:#fff}
.category-filter:hover{color:#111}.category-filter.is-active:hover{color:#fff}
.browser-view-switch{position:absolute;right:18px;display:flex;gap:6px}
.browser-view-switch button{border:0;background:none;padding:8px;color:#999c93}
.browser-view-switch button[aria-pressed="true"]{color:#161813}
.browser-view-switch svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.1}
.browser-view-switch span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.rotunda-stage{position:relative;outline-offset:-3px}
.rotunda-card[hidden],.browser-filter-empty[hidden],.rotunda-footer[hidden]{display:none!important}
.rotunda-card-link{display:block;color:inherit;text-decoration:none}
.rotunda-image-wrap{position:relative;overflow:hidden;background:#e9e9e5}
.rotunda-image-wrap img,.rotunda-image-wrap video{display:block;width:100%;height:100%;object-fit:cover;user-select:none}
[data-view="rotunda"] .rotunda-stage{height:calc(100svh - var(--header-height,80px) - var(--toolbar) - var(--caption));min-height:310px;overflow:hidden;touch-action:pan-y}
[data-view="rotunda"] .rotunda-track{position:relative;height:100%;width:100%}
[data-view="rotunda"] .rotunda-card{position:absolute;left:50%;top:50%;width:var(--card-w);height:var(--card-h);max-height:calc(100% - 24px);will-change:transform;transform-origin:center}
[data-view="rotunda"] .rotunda-card-link,[data-view="rotunda"] .rotunda-image-wrap{height:100%}
[data-view="rotunda"] .grid-caption{display:none}
.rotunda-footer{height:var(--caption);display:flex;align-items:center;justify-content:center;padding:12px 24px 22px;text-align:center}
.rotunda-selected{width:100%}
.rotunda-selected a{display:inline-block;color:inherit;text-decoration:none}
.rotunda-selected h2{font-size:clamp(23px,2.3vw,34px);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:0}
.rotunda-selected p{font-size:12px;line-height:1.4;color:#72746d;margin:9px auto 0}
[data-view="grid"] .rotunda-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px}
[data-view="grid"] .rotunda-card{position:relative;z-index:auto!important;transform:none!important;opacity:1!important;visibility:visible!important}
[data-view="grid"] .rotunda-card-link{position:relative;height:100%}
[data-view="grid"] .rotunda-image-wrap{aspect-ratio:4/3}
[data-view="grid"] .grid-caption{position:absolute;inset:0;display:flex;align-items:flex-end;padding:16px;color:white;background:linear-gradient(transparent 55%,rgba(0,0,0,.48));opacity:0;transition:opacity .2s;pointer-events:none}
[data-view="grid"] .grid-caption h2{font-size:clamp(15px,1.5vw,23px);font-weight:400;line-height:1.1;margin:0}
[data-view="grid"] .grid-caption span{display:none}
[data-view="grid"] .rotunda-card-link:hover .grid-caption,[data-view="grid"] .rotunda-card-link:focus-visible .grid-caption{opacity:1}
[data-view="grid"] .rotunda-footer{display:none}
.browser-empty,.browser-filter-empty{padding:80px 24px;text-align:center}
@media(max-width:850px){
 .page-projects .project-browser{--card-w:40vw;--card-h:56svh}
 .category-filter{padding:8px;font-size:11px}
 .project-filters{max-width:calc(100% - 70px);margin-right:60px}
 .browser-view-switch{right:7px;gap:0}
 [data-view="grid"] .rotunda-track{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:520px){
 .page-projects .project-browser{--card-w:62vw;--card-h:57svh;--toolbar:55px;--caption:128px}
 .browser-toolbar{padding:4px}
 .project-filters{justify-content:flex-start;gap:0;padding-left:7px;max-width:calc(100% - 65px);margin-right:65px}
 .category-filter{font-size:10px;padding:8px}
 .browser-view-switch button{padding:8px 5px}
 .rotunda-selected h2{font-size:24px}
 .rotunda-selected p{font-size:11px}
 [data-view="grid"] .rotunda-track{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-view="grid"] .grid-caption{padding:10px}
}
@media(prefers-reduced-motion:reduce){.project-browser *{transition:none!important}}
.rotunda-project-icon{display:block;width:32px;height:32px;object-fit:contain;margin:0 auto 12px}
[data-view="grid"] .rotunda-card{width:auto!important;filter:none!important}
[data-view="rotunda"] .rotunda-image-wrap{box-shadow:0 10px 30px rgba(0,0,0,.035)}
.browser-toolbar{height:auto;min-height:106px;display:flex;flex-direction:column;align-items:stretch;padding:0 24px 9px;gap:8px;z-index:150}
.browser-topline{min-height:48px;display:flex;align-items:center;justify-content:center;position:relative}
.collection-searchbar{display:flex;align-items:center;justify-content:center;gap:15px;min-height:34px}
.collection-search{display:flex;align-items:center;gap:9px;max-width:260px;width:35vw}
.collection-search svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.2;flex-shrink:0}
.collection-search input{font:inherit;font-size:12px;background:transparent;border:0;border-bottom:1px solid #d9dbd3;padding:8px 0;min-width:0;width:100%;outline-offset:2px}
.filter-toggle,.filter-reset,.collection-chips button,.filter-options button{font:inherit;font-size:11px;border:0;cursor:pointer}
.filter-toggle{border-radius:24px;background:#20221e;color:#fff;padding:8px 15px;white-space:nowrap}
.filter-reset{background:none;color:#777;padding:8px 0}
.collection-result{font-size:11px;color:#777;min-width:58px}
.collection-facets{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;padding:4px 0}
.collection-facets[hidden],.filter-reset[hidden]{display:none}
.filter-layer{position:relative}
.filter-layer summary{list-style:none;border-radius:25px;background:#e8e9e4;padding:9px 14px;font-size:11px;cursor:pointer}
.filter-layer summary::-webkit-details-marker{display:none}
.filter-layer.has-selection summary,.filter-layer[open] summary{background:#20221e;color:white}
.filter-options{position:absolute;top:calc(100% + 7px);left:0;width:230px;max-height:260px;overflow:auto;z-index:10;padding:12px;box-shadow:0 10px 35px #0002;background:#f9f9f6;border-radius:16px;display:flex;flex-wrap:wrap;gap:6px}
.filter-options button{border-radius:20px;background:#e9ebe5;color:#20221e;padding:8px 11px;text-align:left}
.filter-options button[aria-pressed="true"]{background:#20221e;color:#fff}
.collection-chips{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.collection-chips:empty{display:none}
.collection-chips button{border-radius:20px;padding:7px 12px;background:#20221e;color:#fff}
.collection-filter-note{flex-basis:100%;text-align:center;font-size:10px;color:#7a7c75;padding:4px 0}
@media(max-width:700px){.browser-toolbar{padding:0 8px 8px}.collection-search{width:45vw}.collection-searchbar{gap:10px}.collection-result{min-width:45px}.filter-options{position:fixed;top:230px;left:16px;right:16px;width:auto}.collection-filter-note{font-size:9px}.project-filters{max-width:calc(100% - 60px)}}