.showcase-section{padding:6rem 2rem;text-align:center}.showcase-title{margin-bottom:0.5rem;font-size:clamp(2rem,3.6vw,2.8rem);line-height:1.12}.showcase-subtitle{font-size:1.2rem;color:#666;margin-bottom:6rem}.showcase-project{display:flex;justify-content:center;align-items:center;gap:4rem;margin-bottom:7rem}.showcase-logo-dark{background:rgba(0,0,0,0.91);width:100px;border-radius:12px;display:flex;justify-content:center;align-items:center}.showcase-logo{max-width:180px;height:auto}.showcase-text{flex:1 1 400px;max-width:500px;text-align:left}.showcase-text p{margin:1.5rem 0}.showcase-btn{display:inline-block;padding:0.7rem 1.5rem;border-radius:6px;font-weight:700;text-decoration:none;background:var(--primary-color);color:var(--secondary-text-color);transition:background-color 0.3s ease,transform 0.2s ease}.showcase-btn:hover{background:var(--primary-color-hover);transform:translateY(-2px)}.showcase-btn.blue{background:#015aff}.showcase-btn.blue:hover{background:#0046c7}.showcase-btn.pink{background:#ff45c1}.showcase-btn.pink:hover{background:#d81a99}.showcase-btn.green{background:#395536}.showcase-btn.green:hover{background:#233521}.showcase-btn.red{background:#fc0101}.showcase-btn.red:hover{background:#ae0000}.showcase-btn.trivium-blue{background:#206476}.showcase-btn.trivium-blue:hover{background:#15424f}.showcase-media{flex:1 1 400px;max-width:600px;aspect-ratio:16 / 10;position:relative;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:transparent}.showcase-media img,.showcase-media video{width:80%;height:80%;object-fit:contain;display:block}@media (hover:hover) and (pointer:fine){.showcase-media:hover{box-shadow:none}}.showcase-preview{width:100%;max-width:600px;height:350px;border-radius:6px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.12);position:relative}.showcase-preview img{width:100%;height:auto;transform:translateY(0);transition:transform 6s linear}.showcase-preview:hover img{transform:translateY(-65%)}.mockup-container{width:600px;position:relative}.mockup-frame{width:90%;padding-top:60%;background:url(/wp-content/uploads/2025/07/w-j-k.webp) no-repeat center/contain;position:relative}.mockup-screen{position:absolute;top:12%;left:13%;width:74.9%;height:67%;border-radius:6px;overflow:hidden}.mockup-screen img{width:100%;height:auto;transform:translateY(0);transition:transform 6s linear}.mockup-screen:hover img{transform:translateY(-83%)}@media (max-width:768px){.showcase-project{flex-direction:column;gap:2rem}.showcase-project.reverse{flex-direction:column-reverse}.showcase-text{text-align:center;flex:none}.showcase-logo-dark{margin:auto}.showcase-media{flex:none}.mockup-container{width:400px}.mockup-frame{margin:auto}}@media (max-width:405px){.mockup-container{width:350px}}@media (max-width:360px){.mockup-container{width:300px}}@media (max-width:310px){.mockup-container{width:250px}}.wave-underline{display:inline-block;position:relative}.wave-underline::after{content:"";display:block;height:14px;margin-top:6px;background:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'>\
<path d='M0 6 C 20 0 40 12 60 6 C 80 0 100 12 120 6' fill='none' stroke='%23028F91' stroke-width='3' stroke-linecap='round'/>\
</svg>") left bottom / 100% 100% no-repeat;opacity:.75}