.vyudu-visual-showcase{position:relative;overflow:hidden}.showcase-header{text-align:center;margin-bottom:clamp(3rem,6vw,5rem);max-width:800px;margin-left:auto;margin-right:auto}.showcase-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#ec9a6f;margin-bottom:1.5rem;font-weight:600}.showcase-eyebrow:before{content:"";width:30px;height:1px;background:linear-gradient(90deg,#EC9A6F,transparent)}.showcase-heading{font-family:var(--font-heading-family);font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1.15;color:rgb(var(--color-foreground));margin:0}.showcase-heading-emphasis{font-style:italic;color:#ec9a6f}.showcase-subheading{max-width:560px;margin:1.5rem auto 0;font-size:.95rem;line-height:1.7;color:rgba(var(--color-foreground),.7)}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:.75rem;max-width:1100px;margin:0 auto}.showcase-card{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .3s ease}.showcase-card:nth-child(1){grid-column:1 / 3;grid-row:1}.showcase-card:nth-child(2){grid-column:3 / 4;grid-row:1 / 3}.showcase-card:nth-child(3){grid-column:1 / 2;grid-row:2}.showcase-card:nth-child(4){grid-column:2 / 3;grid-row:2}.showcase-card:hover{transform:translateY(-4px)}.showcase-card-image-wrapper{width:100%;height:100%;min-height:240px;overflow:hidden;background:#f5f5f5;position:relative}.showcase-card:nth-child(1) .showcase-card-image-wrapper{min-height:280px;max-height:380px}.showcase-card:nth-child(2) .showcase-card-image-wrapper{min-height:100%;max-height:none}.showcase-card:nth-child(3) .showcase-card-image-wrapper,.showcase-card:nth-child(4) .showcase-card-image-wrapper{min-height:240px;max-height:340px}.showcase-card-image{width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.16,1,.3,1);image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.showcase-card:hover .showcase-card-image{transform:scale(1.03) translateZ(0)}.showcase-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0f0f0ee6,#0f0f0e1a,#0f0f0e33);transition:background .5s ease;pointer-events:none}.showcase-card:hover .showcase-card-overlay{background:linear-gradient(to top,#0f0f0ef2,#0f0f0e0d 40%,#0f0f0e1a)}.showcase-card-content{position:absolute;bottom:0;left:0;right:0;padding:clamp(1.5rem,3vw,2.5rem);z-index:1}.showcase-card-tags{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.showcase-card-tag{padding:.3rem .75rem;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(236,154,111,.25);border-radius:100px;color:#ec9a6f;background:#ec9a6f0f;font-weight:600}.showcase-card-title{font-family:var(--font-heading-family);font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:500;color:#fffdfb;margin:0 0 .5rem;line-height:1.2}.showcase-card-description{font-size:.85rem;line-height:1.6;color:#fffdfbb3;max-width:400px;margin:0}.showcase-card-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.showcase-card-arrow{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ec9a6f1a;border:1px solid rgba(236,154,111,.2);color:#ec9a6f;opacity:0;transform:translate(-10px,10px);transition:all .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.showcase-card:hover .showcase-card-arrow{opacity:1;transform:translate(0)}.reveal,.reveal.visible{opacity:1;transform:translateY(0)}.stagger-reveal>.reveal-child{opacity:1;transform:translateY(0) scale(1)}.stagger-reveal.visible>.reveal-child{opacity:1;transform:translateY(0) scale(1)}@media screen and (max-width:1024px){.showcase-grid{grid-template-columns:1fr;grid-template-rows:auto;max-width:700px}.showcase-card:nth-child(1){grid-row:auto}.showcase-card-image-wrapper{min-height:200px;max-height:350px}}@media screen and (max-width:749px){.showcase-header{margin-bottom:2rem}.showcase-eyebrow{font-size:.65rem;margin-bottom:1rem}.showcase-heading{font-size:1.75rem}.showcase-subheading{font-size:.9rem;margin-top:1rem}.showcase-grid{gap:.5rem;max-width:100%}.showcase-card-image-wrapper{min-height:180px;max-height:300px}.showcase-card-content{padding:1.5rem}.showcase-card-title{font-size:1.2rem}.showcase-card-description{font-size:.8rem}.showcase-card-arrow{width:40px;height:40px;top:1rem;right:1rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-vyudu-visual-showcase.css.map */