.render-showcase{background:#f5f5f2}
.showcase-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:end}
.showcase-heading h2{font-size:clamp(42px,5vw,76px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
.showcase-heading>p{font-size:15px;line-height:1.8;max-width:55ch;color:#555650}
.showcase-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid #c9c9c2;margin-top:45px}
.showcase-filters{display:flex;gap:32px}
.showcase-filters button{position:relative;min-height:52px;font-size:13px;color:#555650;padding:12px 0;background:transparent;border:0}
.showcase-filters button[aria-pressed=true]{color:#171717}
.showcase-filters button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;height:2px;background:#171717;left:0;right:0}
.showcase-count{font-size:12px;line-height:1.6;color:#555650}
.render-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 40px;margin-top:35px}
.render-item{min-width:0}
.render-item[hidden]{display:none}
.render-card{display:block}
.render-cover{position:relative;overflow:hidden;aspect-ratio:3/2;background:#e7e7e1}
.render-cover>img{width:100%;height:100%;object-fit:cover}
.render-cover>span{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:16px;padding:13px 16px;background:#f5f5f2;color:#171717;font-size:12px}
.render-cover svg{width:18px;height:18px}
.render-meta{display:flex;justify-content:space-between;gap:15px;margin-top:20px;font-size:11px;line-height:1.5;color:#555650}
.render-card h3{font-size:clamp(24px,2.5vw,36px);line-height:1.3;letter-spacing:-.025em;margin-top:14px;text-wrap:balance}
.render-card>p{font-size:14px;line-height:1.7;color:#555650;margin-top:12px}
.render-card:hover h3{text-decoration:underline;text-underline-offset:6px}
.render-showcase :focus-visible{outline:2px solid #46865e;outline-offset:6px}
.showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #c9c9c2;margin-top:50px;padding-top:30px}
.showcase-visible-count{font-size:12px;color:#555650}
.showcase-more{font-size:13px;min-height:48px;padding:12px 22px;border:1px solid #171717;background:transparent}
.showcase-more:hover{background:#171717;color:#fff}
.showcase-filters[hidden],.showcase-more[hidden]{display:none}
.render-viewer-open{overflow:hidden}
dialog.render-viewer{width:min(1440px,96vw);height:min(950px,94svh);max-width:96vw;max-height:94svh;border:0;padding:0;margin:auto;background:#171717;color:#f5f5f2;overflow:hidden}
dialog.render-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}
dialog.render-viewer::backdrop{background:rgba(0,0,0,.82)}
.render-viewer-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 26px;border-bottom:1px solid #41423d}
.render-viewer-top h2{font-size:clamp(19px,2vw,29px);line-height:1.3;letter-spacing:-.02em;text-wrap:balance}
.render-viewer-top p{font-size:11px;color:#cdcec7;margin-top:7px}
.render-viewer button{color:#f5f5f2;background:transparent;border:0;padding:0}
.render-viewer button:focus-visible{outline:2px solid #b4d4bc;outline-offset:3px}
.render-viewer-close{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0}
.render-viewer-close svg,.render-previous svg,.render-next svg{width:25px;height:25px}
.render-viewer-stage{display:grid;grid-template-columns:62px minmax(0,1fr) 62px;align-items:center;min-height:0;padding:20px 0}
.render-viewer-stage figure{height:100%;min-height:0;position:relative;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.render-viewer-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.render-previous,.render-next{height:64px;display:grid;place-items:center;margin:0 8px}
.render-viewer-close:hover,.render-previous:hover,.render-next:hover{background:#41423d}
.render-image-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;font-size:13px;color:#fff;background:#171717;padding:12px 18px;text-align:center}
.render-image-status:empty{display:none}
.image-loading .render-viewer-stage img{opacity:.4}
.render-viewer-caption{display:flex;justify-content:space-between;gap:25px;padding:0 26px 18px;align-items:start;color:#cdcec7;font-size:12px;line-height:1.6}
.render-viewer-caption>span{white-space:nowrap;font-variant-numeric:tabular-nums}
.render-thumbnails{display:flex;gap:12px;overflow-x:auto;min-height:94px;padding:15px 26px 18px;border-top:1px solid #41423d;scrollbar-color:#888b81 #171717}
.render-thumbnails button{flex:0 0 90px;height:64px;opacity:.55;border:2px solid transparent;padding:0;overflow:hidden}
.render-thumbnails button[aria-pressed=true]{opacity:1;border-color:#f5f5f2}
.render-thumbnails img{width:100%;height:100%;object-fit:cover}
@media(max-width:1000px){.showcase-toolbar{flex-wrap:wrap;gap:10px}.showcase-count{padding-bottom:14px}.render-grid{gap:40px 25px}}
@media(max-width:800px){.showcase-heading{grid-template-columns:1fr;gap:25px}.showcase-heading h2{font-size:42px}.showcase-heading>p{font-size:14px}.showcase-toolbar{margin-top:30px}.showcase-filters{gap:25px}.showcase-count{font-size:11px}.render-grid{grid-template-columns:1fr;gap:35px;margin-top:28px}.render-card h3{font-size:27px}.render-cover>span{right:12px;bottom:12px;padding:11px 13px}.showcase-bottom{margin-top:35px;gap:15px;flex-wrap:wrap}.showcase-more{padding:12px 18px}.render-viewer-top{padding:15px}.render-viewer-stage{grid-template-columns:44px minmax(0,1fr) 44px;padding:10px 0}.render-previous,.render-next{position:static;transform:none;margin:0;height:56px;width:44px}.render-viewer-caption{padding:5px 16px 15px;font-size:11px;gap:12px}.render-thumbnails{padding:12px 16px;gap:10px;min-height:82px}.render-thumbnails button{flex-basis:75px;height:55px}.render-image-status{padding:10px;font-size:12px}}
@media(max-width:420px){.showcase-heading h2{font-size:37px}.showcase-filters{gap:20px}.showcase-filters button{font-size:12px}.render-viewer-top h2{font-size:19px}}