.showcase{margin:62px auto 0;width:100%;padding:0 0 12px;position:relative}.showcase-intro{display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:0 auto;padding:0 40px 21px;gap:20px}.showcase-intro .eyebrow{margin:0;justify-content:flex-start;font-size:8px;letter-spacing:1.1px}.showcase-hint{display:flex;gap:9px;align-items:center;font-size:10px;color:var(--muted)}.showcase-hint>span{font-size:17px}.showcase-rows{display:flex;flex-direction:column;gap:17px;position:relative}.showcase-rows:before,.showcase-rows:after{position:absolute;z-index:2;content:'';top:0;bottom:0;width:45px;pointer-events:none}.showcase-rows:before{left:0;background:linear-gradient(90deg,var(--paper),transparent)}.showcase-rows:after{right:0;background:linear-gradient(-90deg,var(--paper),transparent)}.showcase-row{overflow:hidden;width:100%;cursor:grab;touch-action:pan-y;user-select:none}.showcase-row:active{cursor:grabbing}.showcase-row:focus-visible{outline-offset:-3px}.showcase-track{display:flex;width:max-content;will-change:transform}.showcase-group{display:flex;gap:17px;padding:0 17px 0 0;margin:0;list-style:none;flex-shrink:0}.showcase-card{position:relative;width:242px;height:306px;border-radius:8px;overflow:hidden;background:#2c3029;isolation:isolate;flex-shrink:0}.showcase-card-wide{width:370px}.showcase-card>img,.showcase-card>video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.showcase-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 26%,transparent 60%,#0008);pointer-events:none}.showcase-card-top{position:absolute;top:17px;left:17px;right:17px;display:flex;justify-content:space-between;align-items:center;gap:9px;color:#fff;letter-spacing:1px;font-size:7px;text-transform:uppercase;font-weight:500}.showcase-format{font-size:6px;letter-spacing:.7px;padding:4px 5px;border-radius:3px;background:#0003;border:1px solid #ffffff4d;display:flex;gap:4px}.showcase-card-bottom{position:absolute;bottom:17px;left:17px;right:17px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;line-height:1.2}.showcase-card-bottom>span{font-family:var(--display);font-size:24px;letter-spacing:-1px;font-weight:550}.showcase-card-bottom>svg{height:23px;width:23px;opacity:.85;flex-shrink:0}.showcase-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;max-width:1320px;margin:auto;padding:24px 40px 0}.showcase-footer p{font-size:10px;color:var(--muted);line-height:1.7}.showcase-footer strong{font-weight:550;color:var(--ink)}.showcase-controls{display:flex;align-items:center;gap:9px}.showcase-controls button{height:34px;border:1px solid #d8dcd0;color:var(--ink);background:var(--paper);display:flex;align-items:center;justify-content:center;border-radius:40px;transition:background .2s}.showcase-controls button:hover{background:#e9ece2}.showcase-arrow{width:34px;padding:8px}.showcase-arrow svg{height:16px;width:16px}.showcase-arrow[data-browse="-1"] svg{transform:rotate(180deg)}.showcase-pause{gap:8px;padding:8px 13px;min-width:118px;font-size:9px}.showcase-pause .motion-icon{font-size:10px;width:10px}.showcase-disclaimer{text-align:right;color:var(--muted);font-size:8px}.hero h1{max-width:calc(100vw - 110px)}
@media(min-width:1600px){.showcase-card{width:276px;height:350px}.showcase-card-wide{width:430px}.showcase-group{gap:20px;padding-right:20px}.showcase-rows{gap:20px}.showcase-rows:before,.showcase-rows:after{width:65px}}
@media(max-width:800px){.showcase{margin-top:46px}.showcase-intro{padding:0 25px 17px}.showcase-intro .eyebrow{font-size:7px;letter-spacing:.8px}.showcase-card{width:210px;height:266px}.showcase-card-wide{width:320px}.showcase-group{gap:13px;padding-right:13px}.showcase-rows{gap:13px}.showcase-footer{padding:20px 25px 0;gap:13px}.showcase-footer p{font-size:9px}.showcase-disclaimer{font-size:7px}.showcase-controls{gap:6px}.showcase-pause{min-width:104px;font-size:8px;padding:8px 10px}.showcase-arrow{width:30px}.showcase-controls button{height:30px}.showcase-hint{font-size:8px}.showcase-rows:before,.showcase-rows:after{width:25px}.hero h1{max-width:calc(100vw - 80px)}}
@media(max-width:520px){.showcase{margin-top:43px}.showcase-intro{padding:0 20px 16px;gap:10px}.showcase-intro .eyebrow{font-size:5.7px;letter-spacing:.65px;gap:6px}.showcase-hint{font-size:7px;gap:5px;white-space:nowrap}.showcase-hint>span{font-size:13px}.showcase-card{width:176px;height:230px;border-radius:6px}.showcase-card-wide{width:265px}.showcase-group{gap:10px;padding-right:10px}.showcase-rows{gap:10px}.showcase-rows:before,.showcase-rows:after{width:12px}.showcase-card-top{top:13px;left:13px;right:13px;font-size:5.5px;letter-spacing:.8px}.showcase-format{font-size:5px;padding:3px 4px}.showcase-card-bottom{left:13px;right:13px;bottom:14px}.showcase-card-bottom>span{font-size:20px;letter-spacing:-.8px}.showcase-card-bottom>svg{width:19px;height:19px}.showcase-footer{grid-template-columns:1fr auto;padding:18px 20px 0;gap:12px}.showcase-footer p{max-width:150px;font-size:8px}.showcase-footer p strong{display:block}.showcase-disclaimer{grid-column:1/-1;text-align:center;font-size:6px;margin-top:4px}.showcase-controls{gap:5px}.showcase-pause{min-width:95px;font-size:7px;gap:5px}.showcase-controls button{height:28px}.showcase-arrow{width:28px}.showcase-arrow svg{width:14px;height:14px}.hero h1{max-width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){.showcase-track{will-change:auto}}