.showcase{background:#20332e;color:#fff;overflow:hidden}.showcase-stage{position:relative;height:580px;isolation:isolate;touch-action:pan-y;overflow:hidden}.showcase-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;overflow:hidden}.showcase-slide[aria-hidden=false]{opacity:1;visibility:visible;z-index:1}.showcase-slide::before{content:"";position:absolute;inset:0;background-image:var(--slide-image);background-position:center;background-size:cover;filter:blur(22px);opacity:.45;transform:scale(1.1)}.showcase-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,24,19,.85),rgba(13,24,19,.18) 60%),linear-gradient(0deg,rgba(13,24,19,.65),transparent 45%)}.showcase-slide>img{height:100%;width:100%;object-fit:contain;position:relative;transition:transform 7s linear;transform:scale(1.025)}.showcase[data-playing=true] .showcase-slide[aria-hidden=false]>img{transform:scale(1.08)}.showcase-slide figcaption{position:absolute;bottom:70px;left:45px;z-index:2}.showcase-slide h2{font-family:Georgia,serif;font-style:italic;font-size:50px;color:white;margin:0 0 20px;line-height:1.1}.showcase-slide .eyebrow{color:#e5c391;letter-spacing:2.5px}.slide-label{font-size:13px;color:#edeae1}.showcase-expand{position:absolute;right:24px;top:24px;z-index:3;background:#182d25b8;color:white;border:1px solid #ffffff60;padding:10px 15px;cursor:pointer}.showcase-arrows{position:absolute;right:30px;bottom:40px;z-index:3;display:flex;gap:10px}.showcase-arrows button,.viewer-controls button{border:1px solid #ffffff70;color:white;background:#182d25b8;width:55px;height:55px;font-size:25px;cursor:pointer;transition:background .2s}.showcase-arrows button:hover,.viewer-controls button:hover{background:#956e33}.showcase-bar{padding:20px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff20;gap:15px}.showcase-count{font-size:19px;font-family:Georgia,serif;color:#e5c391;margin-right:24px}.showcase-hint{font-size:10px;letter-spacing:2px;color:#c4cec7}.showcase-play{color:white;border:0;background:none;cursor:pointer;font-size:13px;padding:8px}.showcase-thumbs{display:flex;gap:12px;overflow-x:auto;max-width:100%;padding:20px 28px;scrollbar-width:thin;scrollbar-color:#c5a66c #20332e}.showcase-thumb{flex:0 0 105px;position:relative;padding:0;border:2px solid transparent;background:none;cursor:pointer;opacity:.55;transition:opacity .25s,border-color .25s}.showcase-thumb:hover,.showcase-thumb[aria-pressed=true]{opacity:1}.showcase-thumb[aria-pressed=true]{border-color:#e5c391}.showcase-thumb img{height:74px}.showcase-thumb span{position:absolute;bottom:3px;right:5px;font-size:11px;color:white;text-shadow:0 1px 5px #000;background:#20332e9c;padding:0 4px}.showcase-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#101a16;padding:60px 20px 90px;color:white;margin:0;border:0}.showcase-dialog img{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain;margin:auto}.showcase-close{position:absolute;right:24px;top:15px;background:none;color:white;border:1px solid #ffffff60}.viewer-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px}.viewer-count{white-space:nowrap;color:#e5c391}.showcase-dialog::backdrop{background:#101a16}@media(max-width:700px){.showcase-stage{height:390px}.showcase-slide figcaption{left:22px;bottom:70px}.showcase-slide h2{font-size:33px;margin-bottom:12px}.showcase-slide .eyebrow{font-size:9px;margin-bottom:14px}.showcase-arrows{right:18px;bottom:18px}.showcase-arrows button{width:42px;height:42px;font-size:21px}.showcase-expand{top:15px;right:15px;padding:7px 11px}.showcase-expand span{font-size:11px}.showcase-bar{padding:14px 18px}.showcase-count{font-size:16px;margin-right:0}.showcase-hint{display:none}.showcase-thumbs{padding:15px 18px;gap:9px}.showcase-thumb{flex-basis:82px}.showcase-thumb img{height:58px}.showcase-play{font-size:12px}.showcase-dialog{padding-left:8px;padding-right:8px}}@media(prefers-reduced-motion:reduce){.showcase-slide,.showcase-slide>img{transition:none}.showcase-slide>img,.showcase[data-playing=true] .showcase-slide[aria-hidden=false]>img{transform:none}}
