.showcase__ribbon{--showcase-w:clamp(240px, 27vw, 400px);--showcase-skew:29.5deg;height:calc(var(--showcase-w) * 1.34);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:clip}.showcase__ribbon:active{cursor:grabbing}.showcase-card{--showcase-lift:0px;top:calc(50% - var(--showcase-w) / 3);left:calc(50% - var(--showcase-w) / 2);width:var(--showcase-w);aspect-ratio:3/2;border-radius:var(--tk-radius-sm);background:var(--tk-white);box-shadow:var(--tk-shadow-lg);color:var(--tk-navy-950);translate:0 calc(-1 * var(--showcase-lift));will-change:transform;transition:translate var(--tk-duration-slow) var(--tk-ease), opacity var(--tk-duration-base) var(--tk-ease), box-shadow var(--tk-duration-slow) var(--tk-ease);text-decoration:none;display:block;position:absolute;container-type:inline-size}.showcase-card:hover,.showcase-card:focus-visible{--showcase-lift:14px;box-shadow:var(--tk-shadow-xl)}.showcase-card:hover+.showcase-card{--showcase-lift:4px}.showcase-card:has(+.showcase-card:hover){--showcase-lift:4px}.showcase__ribbon:hover .showcase-card:not(:hover){opacity:.75}.showcase-card:focus-visible{outline-offset:6px;border-radius:var(--tk-radius-sm)}.showcase-site{border-radius:inherit;background:var(--tk-white);color:var(--tk-navy-950);font-family:var(--tk-font-sans);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.showcase-site--image img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.showcase-site__bar{background:var(--tk-neutral-100);border-bottom:1px solid var(--tk-neutral-200);align-items:center;gap:1.3cqw;height:7cqw;padding:0 2.6cqw;display:flex}.showcase-site__dot{background:var(--tk-neutral-300);border-radius:50%;width:2cqw;height:2cqw}.showcase-site__url{border-radius:var(--tk-radius-full);background:var(--tk-white);height:4.4cqw;color:var(--tk-neutral-600);white-space:nowrap;flex:1;margin-left:2cqw;padding:0 2.6cqw;font-size:2.5cqw;line-height:4.4cqw;overflow:hidden}.showcase-site__nav{align-items:center;gap:2.4cqw;padding:2.6cqw 4cqw;display:flex}.showcase-site__nav b{white-space:nowrap;font-family:var(--tk-font-display);font-weight:var(--tk-weight-semibold);margin-right:auto;font-size:3.6cqw}.showcase-site__nav .showcase-site__line{width:6cqw}.showcase-site__nav em,.showcase-site__copy em{font-style:normal;font-weight:var(--tk-weight-semibold);white-space:nowrap;border-radius:var(--tk-radius-full);background:var(--accent);color:var(--tk-white)}.showcase-site__nav em{padding:1.1cqw 2.6cqw;font-size:2.3cqw}.showcase-site__hero{flex:1;grid-template-columns:1.15fr 1fr;align-items:center;gap:4cqw;min-height:0;padding:1.5cqw 4cqw 3.5cqw;display:grid}.showcase-site__copy{flex-direction:column;align-items:flex-start;gap:1.9cqw;min-width:0;display:flex}.showcase-site__copy strong{font-family:var(--tk-font-display);font-weight:var(--tk-weight-semibold);letter-spacing:-.01em;text-wrap:balance;margin-bottom:.8cqw;font-size:5cqw;line-height:1.1}.showcase-site__line{border-radius:var(--tk-radius-full);background:var(--tk-neutral-200);width:92%;height:1.5cqw;display:block}.showcase-site__copy .showcase-site__line+.showcase-site__line{width:64%}.showcase-site__copy em{margin-top:1.4cqw;padding:1.6cqw 3.2cqw;font-size:2.6cqw}.showcase-site__visual{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 45%, var(--tk-white)));border-radius:2.5cqw;align-self:stretch;min-height:24cqw;position:relative;overflow:hidden}.showcase-site__visual:after{content:"";aspect-ratio:1;background:#ffffff47;border-radius:50%;width:72%;position:absolute;bottom:-34%;right:-14%}.showcase-site__row{grid-template-columns:repeat(3,1fr);gap:2.6cqw;padding:0 4cqw 4cqw;display:grid}.showcase-site__cell{background:var(--tk-neutral-50);border:1px solid var(--tk-neutral-200);border-radius:1.8cqw;height:9cqw}.showcase-site[data-layout=cover] .showcase-site__hero{background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 80%, black), var(--accent));color:var(--tk-white);border-radius:2.5cqw;grid-template-columns:1fr;margin:0 4cqw 3cqw;padding:5cqw}.showcase-site[data-layout=cover] .showcase-site__line{background:#ffffff73}.showcase-site[data-layout=cover] .showcase-site__copy em{background:var(--tk-white);color:var(--accent)}.showcase-site[data-layout=cover] .showcase-site__visual{display:none}.showcase-site[data-layout=center] .showcase-site__hero{text-align:center;grid-template-columns:1fr;gap:3cqw}.showcase-site[data-layout=center] .showcase-site__copy{align-items:center}.showcase-site[data-layout=center] .showcase-site__copy strong{max-width:84%;font-size:5.6cqw}.showcase-site[data-layout=center] .showcase-site__line{width:60%}.showcase-site[data-layout=center] .showcase-site__copy .showcase-site__line+.showcase-site__line{width:42%}.showcase-site[data-layout=center] .showcase-site__visual{min-height:13cqw}.showcase-site[data-layout=center] .showcase-site__row{display:none}