.showcase-reel{margin:76px -32px 88px;padding:0;scroll-margin-top:140px;--reel-gap:14px;--reel-height:285px}
.showcase-heading{padding:0 32px 29px;display:flex;justify-content:space-between;align-items:end;gap:30px}.showcase-kicker{font-size:8px;letter-spacing:.15em;color:#A78BBC;display:flex;align-items:center;gap:8px;margin-bottom:14px}.showcase-kicker:before{content:'';width:5px;height:5px;border-radius:50%;background:#D8C0F8;box-shadow:0 0 10px #D8C0F845}.showcase-heading h2{font:550 40px/1.12 Manrope,sans-serif;letter-spacing:-1.6px;color:#F1EAF6}.showcase-controls{display:flex;align-items:center;gap:23px;padding-bottom:3px;flex:none}.showcase-controls>.textlink{font-size:10px;gap:8px}.showcase-pause{display:flex;align-items:center;gap:8px;min-height:35px;background:#1E1925;border:1px solid #44364F;border-radius:7px;color:#C9B5D9;padding:8px 11px;font-size:9px;cursor:pointer}.showcase-pause:hover{border-color:#BD9BD8;background:#2A2133}.pause-glyph{font:12px/1 Arial;width:11px;text-align:center}.showcase-rows{display:grid;gap:var(--reel-gap);overflow:hidden;isolation:isolate}.showcase-lane{min-width:0;overflow:hidden;position:relative}.showcase-track{display:flex;width:max-content;animation:showcase-drift 65s linear infinite;will-change:transform}.showcase-group{display:flex;gap:var(--reel-gap);padding-right:var(--reel-gap);width:max-content;flex:none}.lane-1{--reel-height:220px}.lane-1 .showcase-track{animation-name:showcase-drift-back;animation-duration:74s}
.showcase-tile{display:block;flex:none;height:var(--reel-height);width:430px;border-radius:10px;position:relative;overflow:hidden;background:#211B29;border:0;padding:0;isolation:isolate;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px #FFF1}.showcase-tile.portrait{width:205px}.lane-1 .showcase-tile.landscape{width:360px}.lane-1 .showcase-tile.portrait{width:180px}.showcase-tile>img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.3,1);will-change:transform}.showcase-tile:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#100A1780);pointer-events:none}.showcase-tile:hover>img,.showcase-tile:focus-visible>img{transform:scale(1.035)}.showcase-tile-type{position:absolute;top:13px;left:13px;color:#FFF;font-size:8px;padding:5px 7px;border:1px solid #FFFFFF30;border-radius:4px;background:#15101940;backdrop-filter:blur(10px);z-index:1}.showcase-tile-caption{position:absolute;bottom:16px;left:16px;right:16px;display:flex;align-items:end;justify-content:space-between;gap:10px;color:#FFF;z-index:1;transform:translateY(3px);transition:transform .25s}.showcase-tile-caption strong{font:500 17px/1.25 Manrope,sans-serif;letter-spacing:-.4px;max-width:240px;text-shadow:0 1px 6px #0004}.showcase-tile.portrait .showcase-tile-caption strong{font-size:15px;max-width:125px}.showcase-tile-caption>span{width:25px;height:25px;border:1px solid #FFFFFF70;border-radius:50%;display:grid;place-items:center;flex:none;background:#15101920;backdrop-filter:blur(8px)}.showcase-tile-caption svg{width:12px;height:12px}.showcase-tile:hover .showcase-tile-caption{transform:translateY(0)}
.showcase-foot{padding:17px 32px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#807087;line-height:1.7}.showcase-foot>span:last-child{display:flex;align-items:center;gap:7px;color:#A88BB9}.showcase-foot svg{width:11px;height:11px}
@keyframes showcase-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@keyframes showcase-drift-back{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
.showcase-reel.is-paused .showcase-track,.showcase-reel.has-viewer .showcase-track,.showcase-reel:has(.showcase-tile:focus-visible) .showcase-track,.showcase-reel[data-in-view=false] .showcase-track{animation-play-state:paused}
@media(hover:hover){.showcase-rows:hover .showcase-track{animation-play-state:paused}}
.showcase-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px;padding-bottom:75px}.showcase-collection article{min-width:0}.showcase-collection .showcase-tile{width:100%;height:380px}.showcase-collection article:nth-child(3n + 2) .showcase-tile{height:380px}.showcase-collection .showcase-tile:after{display:none}.showcase-collection .showcase-tile-caption{display:none}.showcase-collection article>span{display:block;font-size:9px;color:#A68CB8;margin:16px 0 8px}.showcase-collection h2{font:500 20px/1.3 Manrope,sans-serif;letter-spacing:-.4px}.showcase-collection .showcase-tile>img{object-fit:cover}
.showcase-viewer{width:min(1040px,calc(100vw - 48px));max-height:calc(100dvh - 56px);border:1px solid #6B517E;border-radius:17px;background:#17121D;padding:0;color:#F1E8F8;box-shadow:0 25px 100px #0008;overflow:auto}.showcase-viewer::backdrop{background:#09070CDE;backdrop-filter:blur(9px)}.showcase-viewer[open]{animation:showcase-open .24s ease both}.showcase-viewer-layout{display:grid;grid-template-columns:1.45fr 1fr;min-height:520px}.showcase-viewer-art{background:#110E17;display:grid;place-items:center;min-height:0;position:relative}.showcase-viewer-art>img{width:100%;height:100%;max-height:75dvh;object-fit:contain}.showcase-viewer-copy{padding:39px 30px 30px;display:flex;flex-direction:column;align-items:start}.showcase-viewer-close{position:absolute;top:12px;right:12px;width:29px;height:29px;border:1px solid #79638B;background:#21182BEF;border-radius:50%;color:#E5D1F2;display:grid;place-items:center;z-index:2}.showcase-viewer-close svg{width:14px;height:14px}.showcase-viewer-copy>.eyebrow{font-size:8px;color:#A787BE;letter-spacing:.12em}.showcase-viewer h2{font-size:32px;letter-spacing:-1px;line-height:1.15;margin:22px 0 12px}.showcase-viewer-type{font-size:11px;color:#B299C4}.showcase-brief{border-top:1px solid #493454;margin:29px 0;padding-top:20px;width:100%}.showcase-brief>span{font-size:8px;letter-spacing:.1em;color:#A18AAE}.showcase-brief p{font-size:12px;line-height:1.9;color:#AD9ABA;margin-top:12px}.showcase-viewer-copy>.btn{margin-top:auto;font-size:11px}.showcase-viewer-nav{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:26px;padding-top:17px;border-top:1px solid #3E2C47}.showcase-viewer-nav>span{font-size:10px;color:#8F759F;letter-spacing:.12em}.showcase-viewer-nav>div{display:flex;gap:6px}.showcase-viewer-nav button{height:29px;width:33px;background:#291F32;border:1px solid #503B5D;border-radius:5px;color:#D4B8E6;display:grid;place-items:center}.showcase-viewer-nav svg{width:13px;height:13px}.showcase-viewer-nav button:first-child svg{transform:rotate(180deg)}.showcase-viewer-hint{font-size:8px;color:#786283;line-height:1.7;margin-top:14px}.viewer-lock{overflow:hidden}
@keyframes showcase-open{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@media(min-width:1600px){.showcase-reel{--reel-height:330px}.showcase-tile.landscape{width:490px}.showcase-tile.portrait{width:235px}.lane-1{--reel-height:255px}.lane-1 .showcase-tile.landscape{width:405px}.lane-1 .showcase-tile.portrait{width:205px}}
@media(max-width:1000px){.showcase-heading{align-items:start}.showcase-heading h2{font-size:33px}.showcase-controls{flex-direction:column;align-items:end;gap:13px}.showcase-reel{--reel-height:240px}.showcase-tile.landscape{width:360px}.showcase-tile.portrait{width:175px}.lane-1{--reel-height:200px}.showcase-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-viewer-layout{grid-template-columns:1.2fr 1fr}.showcase-viewer-copy{padding:35px 23px 25px}.showcase-viewer h2{font-size:27px}}
@media(max-width:650px){.showcase-reel{margin:44px -17px 48px;--reel-gap:10px;--reel-height:235px}.showcase-heading{display:block;padding:0 17px 22px}.showcase-kicker{font-size:7px;margin-bottom:12px}.showcase-heading h2{font-size:31px;letter-spacing:-1.2px;max-width:300px}.showcase-controls{flex-direction:row;align-items:center;justify-content:space-between;gap:14px;margin-top:21px;padding:0}.showcase-controls>.textlink{font-size:9px}.showcase-pause{font-size:8px;min-height:31px;padding:7px 9px}.showcase-tile{border-radius:8px}.showcase-tile.landscape{width:300px}.showcase-tile.portrait{width:168px}.lane-1{--reel-height:185px}.lane-1 .showcase-tile.landscape{width:275px}.lane-1 .showcase-tile.portrait{width:153px}.showcase-tile-caption{bottom:13px;left:13px;right:13px}.showcase-tile-caption strong{font-size:16px}.showcase-tile-type{font-size:7px;top:10px;left:10px}.showcase-foot{padding:13px 17px 0;font-size:8px;display:block}.showcase-foot>span:last-child{display:none}.showcase-collection{gap:25px 13px}.showcase-collection .showcase-tile,.showcase-collection article:nth-child(3n + 2) .showcase-tile{height:240px}.showcase-collection h2{font-size:16px}.showcase-collection article>span{font-size:8px}.showcase-viewer{width:calc(100vw - 26px);max-height:calc(100dvh - 32px);border-radius:12px}.showcase-viewer-layout{display:flex;flex-direction:column;min-height:0}.showcase-viewer-art{max-height:44dvh;min-height:200px}.showcase-viewer-art>img{max-height:44dvh;min-height:200px;width:100%;object-fit:contain}.showcase-viewer-copy{padding:23px}.showcase-viewer h2{font-size:28px;margin:13px 0 8px}.showcase-brief{margin:20px 0;padding-top:15px}.showcase-brief p{font-size:11px;line-height:1.8}.showcase-viewer-copy>.btn{width:100%;justify-content:center}.showcase-viewer-nav{margin-top:18px}.showcase-viewer-hint{margin-top:9px}}
@media(prefers-reduced-motion:reduce){.showcase-track,.lane-1 .showcase-track{animation:none!important;transform:none!important}.showcase-repeat{display:none}.showcase-lane{overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}.showcase-tile>img,.showcase-tile-caption{transition:none}.showcase-viewer[open]{animation:none}.showcase-pause{display:none}}
/* Each row owns a separate set. Keep a full viewport between loop copies. */
.showcase-reel .showcase-group{min-width:calc(100vw + 500px)}
.showcase-reel .showcase-group .showcase-tile.landscape{flex-grow:2}
.showcase-reel .showcase-group .showcase-tile.portrait{flex-grow:1}
@media(max-width:650px){.showcase-reel .showcase-group{min-width:0}}
.showcase-reel .showcase-tile.portrait>img{object-position:center top}
.showcase-collection .showcase-tile.landscape,.showcase-collection .showcase-tile.portrait{width:100%;min-width:0}