:root{--black:#090909;--panel:#111;--gold:#c99a20;--gold-soft:#e7c862;--white:#f7f2e9;--muted:#aaa39a;--line:rgba(201,154,32,.35)}
*{box-sizing:border-box}
html{background:var(--black);color:var(--white);scroll-behavior:smooth}
body{margin:0;background:var(--black);font-family:Montserrat,sans-serif;min-height:100vh}
main{padding:118px clamp(20px,5vw,82px) 90px}
.showcase-hero{max-width:1050px;margin:0 auto;padding:76px 0 62px;text-align:center}
.showcase-eyebrow{color:var(--gold);font-size:11px;font-weight:500;letter-spacing:.42em;text-transform:uppercase}
.showcase-hero h1{font:400 clamp(46px,7vw,96px)/.93 "Cormorant Garamond",serif;margin:24px 0;color:var(--white)}
.showcase-hero h1 em{color:var(--gold-soft);font-weight:400}
.showcase-lead{max-width:720px;margin:0 auto;color:#c8c2b9;font-size:14px;line-height:1.9}
.showcase-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 42px;border-bottom:1px solid var(--line);padding-bottom:22px}
.showcase-filters button{background:transparent;border:1px solid #373229;color:#bdb7ae;font:500 10px Montserrat,sans-serif;letter-spacing:.22em;padding:13px 25px;text-transform:uppercase;cursor:pointer}
.showcase-filters button:hover,.showcase-filters button.is-active{border-color:var(--gold);background:rgba(201,154,32,.12);color:var(--gold-soft)}
.showcase-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.7vw,28px);max-width:1480px;margin:auto}
.showcase-card{position:relative;grid-column:span 5;min-height:clamp(500px,62vw,780px);overflow:hidden;background:var(--panel);border:1px solid rgba(201,154,32,.22);cursor:zoom-in}
.showcase-card:nth-child(4n+1){grid-column:span 7}
.showcase-card:nth-child(4n+2){grid-column:span 5;margin-top:90px}
.showcase-card:nth-child(4n+3){grid-column:span 5}
.showcase-card:nth-child(4n+4){grid-column:span 7;margin-top:-50px}
.showcase-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .5s ease}
.showcase-card.is-landscape:nth-child(n){grid-column:1/-1;min-height:0;height:auto;margin:clamp(12px,2vw,30px) 0;background:#0e0e0e}
.showcase-card.is-landscape img{width:100%;height:auto;max-height:none;object-fit:contain}
.showcase-card:hover img{transform:scale(1.025);filter:brightness(.82)}
.showcase-card-info{position:absolute;inset:auto 0 0;padding:80px 28px 26px;background:linear-gradient(transparent,rgba(0,0,0,.87));pointer-events:none}
.showcase-card-info span{display:block;color:var(--gold-soft);font-size:9px;letter-spacing:.3em;text-transform:uppercase}
.showcase-card-info h2{font:400 clamp(25px,3vw,42px) "Cormorant Garamond",serif;margin:6px 0 0}
.showcase-card:not(.has-title) .showcase-card-info{padding-top:40px}
.showcase-status{grid-column:1/-1;text-align:center;color:var(--muted);padding:80px 20px}
.showcase-viewer{position:fixed;z-index:10000;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.96);padding:28px}
.showcase-viewer.is-open{display:flex}
.showcase-viewer figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:calc(100vw - 150px);height:calc(100vh - 56px)}
.showcase-viewer img{display:block;max-width:100%;max-height:calc(100vh - 125px);object-fit:contain}
.showcase-viewer figcaption{text-align:center;min-height:60px;padding-top:12px}
.showcase-viewer figcaption span{display:block;color:var(--muted);font-size:9px;letter-spacing:.22em;text-transform:uppercase}
.showcase-viewer figcaption strong{display:block;font:400 24px "Cormorant Garamond",serif;margin:3px 0}
.viewer-close,.viewer-nav{position:absolute;background:rgba(20,20,20,.84);border:1px solid rgba(201,154,32,.5);color:#fff;cursor:pointer;width:50px;height:50px;font-size:34px;line-height:1}
.viewer-close{top:22px;right:22px}
.viewer-nav{top:50%;transform:translateY(-50%)}
.viewer-prev{left:24px}.viewer-next{right:24px}
body.viewer-open{overflow:hidden}
@media(max-width:800px){main{padding:76px 14px 50px}.showcase-hero{padding:55px 8px 40px}.showcase-gallery{display:block}.showcase-card,.showcase-card:nth-child(n){min-height:0;height:auto;margin:0 0 18px}.showcase-card img{height:auto;max-height:82vh;object-fit:contain;background:#0e0e0e}.showcase-card-info{padding:55px 20px 19px}.showcase-filters{position:sticky;z-index:5;top:65px;background:rgba(9,9,9,.96);padding:12px 0;margin-bottom:22px}.showcase-filters button{padding:11px 15px}.showcase-viewer{padding:70px 10px 18px}.showcase-viewer figure{max-width:100%;height:calc(100vh - 88px)}.showcase-viewer img{max-height:calc(100vh - 150px)}.viewer-nav{top:auto;bottom:28px;width:44px;height:44px}.viewer-prev{left:12px}.viewer-next{right:12px}.viewer-close{top:14px;right:14px}}