.showcase-card{--logo-size: 6rem;position:relative;margin-top:3rem;width:100%;border-radius:1rem}.showcase-card:after{position:absolute;z-index:-1;height:100%;width:100%;border-radius:1rem;--tw-content: "";content:var(--tw-content);--offset: -.5rem;right:var(--offset);bottom:calc(var(--offset) - 1px);background-color:var(--app-primary-color)}.showcase-card .client-name{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0px;position:absolute;top:0;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding:.5rem .75rem;left:var(--logo-size);min-width:55%}.showcase-card .client-name p{font-size:.875rem;line-height:1.25rem;font-weight:500;letter-spacing:.025em}.showcase-card .client-logo{position:absolute;top:0;aspect-ratio:1 / 1;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);width:var(--logo-size)}.showcase-card .client-logo img{aspect-ratio:1 / 1}.showcase-card .client-logo,.showcase-card .client-name{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));background-color:var(--app-bg-color)}.showcase-card .image-grid{--aspect-ratio: .73;display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;border-radius:1rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:2rem .75rem .75rem;border-color:var(--app-primary-color);aspect-ratio:var(--aspect-ratio)}.showcase-card .image-grid .image-wrapper{width:100%;overflow:clip;border-radius:.5rem;background-color:var(--app-primary-color);aspect-ratio:var(--aspect-ratio)}.showcase-card .image-grid .image-wrapper img{width:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:var(--aspect-ratio)}section#showcase-page .section-content{padding-left:.75rem;padding-right:.75rem}@media (min-width: 1024px){section#showcase-page .section-content{padding-left:0;padding-right:0}}section#showcase-page .showcases{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2.5rem}@media (min-width: 768px){section#showcase-page .showcases{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){section#showcase-page .showcases{grid-template-columns:repeat(3,minmax(0,1fr))}}section#showcase-page .client{margin-left:auto;margin-right:auto;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem}@media (min-width: 1024px){section#showcase-page .client{padding:1.5rem}}section#showcase-page .client .img-wrapper{position:relative;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));padding:.5rem;background-color:var(--app-bg-color)}section#showcase-page .client .img-wrapper:after{position:absolute;left:50%;top:50%;z-index:-2;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:clip;background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 1024px){section#showcase-page .client .img-wrapper:after{overflow:auto}}section#showcase-page .client .img-wrapper:after{width:calc(var(--initial-width) * var(--scale));max-width:100vw;height:calc(var(--initial-height) * var(--scale));--scale: .8;--initial-width: 248px;--initial-height: 130px;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 247.59 129.73'%3E%3Cellipse cx='126.43' cy='65.22' rx='125.51' ry='53.82' transform='translate(-13.88 41.74) rotate(-17.78)' fill='none' stroke='%23fff' stroke-miterlimit='10'/%3E%3Cpath d='M241.15,9.54a9.55,9.55,0,0,0-9.54,9.55,9.55,9.55,0,0,0-9.54-9.55A9.54,9.54,0,0,0,231.61,0,9.54,9.54,0,0,0,241.15,9.54Z' fill='%23ff4808'/%3E%3Ccircle cx='5.29' cy='102.81' r='5.29' fill='%23ff4808'/%3E%3Ccircle cx='234.11' cy='82.46' r='5.29' fill='%23fff'/%3E%3Cpath d='M55.05,51.08A23.24,23.24,0,0,0,31.82,74.32,23.25,23.25,0,0,0,8.58,51.08,23.24,23.24,0,0,0,31.82,27.85,23.23,23.23,0,0,0,55.05,51.08Z' fill='%23fff'/%3E%3C/svg%3E")}section#showcase-page .client img{aspect-ratio:1 / 1;width:5rem;-o-object-fit:cover;object-fit:cover}section#showcase-page .client .client-name{position:relative;margin-top:.75rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));padding:.375rem 1.5rem;text-align:center;background-color:var(--app-bg-color);min-width:200px}@media (min-width: 1024px){section#showcase-page .client .client-name{min-width:250px}}section#showcase-page .client .client-name:after{position:absolute;left:50%;top:50%;z-index:-2;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-top-width:2px;--tw-content: "";content:var(--tw-content);-o-border-image:linear-gradient(to right,hsl(0,0%,0%),var(--app-primary-color),hsl(0,0%,0%)) 1;border-image:linear-gradient(to right,hsl(0,0%,0%),var(--app-primary-color),hsl(0,0%,0%)) 1;width:220%}@media (min-width: 1024px){{width:300%}}section#showcase-page .client .client-name p{font-size:.875rem;line-height:1.25rem;font-weight:500;letter-spacing:.025em}section#showcase-page .posts{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem}@media (min-width: 768px){section#showcase-page .posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){section#showcase-page .posts{grid-template-columns:repeat(3,minmax(0,1fr))}}section#showcase-page .post{border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;color:var(--app-primary-color);border:1px solid var(--app-primary-color)}section#showcase-page .post .image-wrapper{aspect-ratio:.73;width:100%;border-radius:.75rem;background-color:var(--app-primary-color);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}section#showcase-page .post .blur-image-placeholder{aspect-ratio:.73;width:100%;border-radius:.75rem}section#showcase-page .post .blur-image-placeholder img.cover{aspect-ratio:.73;width:100%;-o-object-fit:cover;object-fit:cover}section#showcase-page .post .footer{margin-top:.75rem}section#showcase-page .post .footer .author-wrapper{margin-bottom:.25rem;display:flex;align-items:center;justify-content:space-between}section#showcase-page .post .footer .author{display:flex;align-items:center;gap:.5rem}section#showcase-page .post .footer .author img{height:3rem;width:3rem;border-radius:9999px}section#showcase-page .post .footer .title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:48px}