.showcase__ribbon{--showcase-w:clamp(240px, 27vw, 400px);--showcase-skew:29.5deg;isolation:isolate;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;box-shadow:0 12px 32px rgb(var(--shadow-color) / .12), 0 4px 8px rgb(var(--shadow-color) / .04);color:#1a1c22;translate:0 calc(-1 * var(--showcase-lift));will-change:transform;background:#fff;border-radius:.5rem;text-decoration:none;transition:translate .35s cubic-bezier(.2,0,0,1),opacity .2s cubic-bezier(.2,0,0,1),box-shadow .35s cubic-bezier(.2,0,0,1);display:block;position:absolute;container-type:inline-size}.showcase-card:hover,.showcase-card:focus-visible{--showcase-lift:14px;box-shadow:0 24px 56px rgb(var(--shadow-color) / .16), 0 8px 16px rgb(var(--shadow-color) / .06)}.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:.5rem}.showcase-site{border-radius:inherit;color:#1a1c22;font-family:var(--font-instrument), "Instrument Sans", system-ui, sans-serif;background:#fff;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:#ebedef;border-bottom:1px solid #d9dbdf;align-items:center;gap:1.3cqw;height:7cqw;padding:0 2.6cqw;display:flex}.showcase-site__dot{background:#bec1c7;border-radius:50%;width:2cqw;height:2cqw}.showcase-site__url{color:#666970;white-space:nowrap;background:#fff;border-radius:9999px;flex:1;height:4.4cqw;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(--font-funnel), "Funnel Display", system-ui, sans-serif;margin-right:auto;font-size:3.6cqw;font-weight:800}.showcase-site__nav .showcase-site__line{width:6cqw}.showcase-site__nav em,.showcase-site__copy em{white-space:nowrap;background:var(--site-accent);color:#fff;border-radius:9999px;font-style:normal;font-weight:600}.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(--font-funnel), "Funnel Display", system-ui, sans-serif;letter-spacing:-.01em;text-wrap:balance;margin-bottom:.8cqw;font-size:5cqw;font-weight:800;line-height:1.1}.showcase-site__line{background:#d9dbdf;border-radius:9999px;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(--site-accent), color-mix(in srgb, var(--site-accent) 45%, #fff));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:#f5f7fa;border:1px solid #d9dbdf;border-radius:1.8cqw;height:9cqw}.showcase-site[data-layout=cover] .showcase-site__hero{background:linear-gradient(120deg, color-mix(in srgb, var(--site-accent) 80%, black), var(--site-accent));color:#fff;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{color:var(--site-accent);background:#fff}.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}