.website-showcase{position:relative;width:100%;min-height:100vh}.website-showcase__container{display:flex;flex-direction:row;width:100%;min-height:100vh}.website-showcase__screenshot{width:50%;position:relative;background-color:#000;overflow-y:auto;overflow-x:hidden;padding:2rem}.website-showcase__screenshot-inner{width:100%;max-width:800px;margin:0 auto}.website-showcase__screenshot img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 4px 20px #0000001a}.website-showcase__content{width:50%;position:relative;padding:4rem;display:flex;align-items:flex-start}.website-showcase__content-inner{position:sticky;top:1.8rem;width:100%;max-width:600px;margin:0 auto;padding-top:2rem}.website-showcase__heading{font-size:4rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:#000}.website-showcase__description{font-size:2rem;line-height:1.7;color:#666;margin-bottom:2rem;white-space:pre-wrap}.website-showcase__link{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background-color:#00ffed;color:#000;text-decoration:none;font-weight:600;border-radius:4px;transition:all .3s ease}.website-showcase__link:hover{background-color:#00ffed;transform:translateY(-2px);box-shadow:0 4px 12px #0003,0 0 25px #00ffed99}.website-showcase__link svg{width:20px;height:20px}.blog-standard-content{padding:2rem 0}.website-showcase__signature{width:100%;background-color:#000;padding:5rem 2rem;text-align:center}.website-showcase__signature-inner{max-width:1000px;margin:0 auto}.website-showcase__signature-text{font-size:2.5rem;font-weight:600;color:#fff;margin-bottom:2.5rem;line-height:1.4}.website-showcase__signature-link{display:inline-flex;align-items:center;gap:.5rem;padding:1.5rem 3.5rem;background-color:#00ffed;color:#000;text-decoration:none;font-weight:600;font-size:1.5rem;border-radius:4px;transition:all .3s ease}.website-showcase__signature-link:hover{background-color:#00ffed;transform:translateY(-2px);box-shadow:0 4px 12px #0003,0 0 25px #00ffed99}.website-showcase__signature-profile{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:3rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.2)}.website-showcase__signature-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #00FFED}.website-showcase__signature-details{text-align:left}.website-showcase__signature-name{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.website-showcase__signature-contact{display:flex;flex-direction:column;gap:.5rem}.website-showcase__signature-contact a{color:#00ffed;text-decoration:none;font-size:1.125rem;transition:opacity .3s ease}.website-showcase__signature-contact a:hover{opacity:.8}@media screen and (max-width: 989px){.website-showcase__container{flex-direction:column;min-height:auto}.website-showcase__screenshot,.website-showcase__content{width:100%}.website-showcase__content{order:1;position:relative;padding:2rem 1.5rem;align-items:flex-start}.website-showcase__screenshot{order:2;min-height:60vh;padding:1.5rem}.website-showcase__content-inner{position:relative;top:0;padding-top:0}.website-showcase__heading{font-size:2.5rem}.website-showcase__description{font-size:1.25rem}}@media screen and (max-width: 749px){.website-showcase__content{order:1;padding:1.5rem 1rem}.website-showcase__screenshot{order:2;padding:1rem;min-height:50vh}.website-showcase__heading{font-size:2.75rem;margin-bottom:1.25rem}.website-showcase__description{font-size:1.375rem;margin-bottom:2rem}.website-showcase__link{padding:1.125rem 2rem;font-size:1.125rem}.website-showcase__signature{padding:2rem 1rem}.website-showcase__signature-text{font-size:1.75rem;margin-bottom:1.5rem}.website-showcase__signature-link{padding:1.25rem 2.5rem;font-size:1.25rem}.website-showcase__signature-profile{flex-direction:column;gap:1.5rem;margin-top:2rem;padding-top:2rem}.website-showcase__signature-photo{width:100px;height:100px}.website-showcase__signature-details{text-align:center}.website-showcase__signature-name{font-size:1.5rem}.website-showcase__signature-contact{align-items:center}.website-showcase__signature-contact a{font-size:1rem}}@media (prefers-reduced-motion: no-preference){.website-showcase__screenshot img{animation:fadeIn .6s ease-out}.website-showcase__content-inner{animation:slideInRight .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-blog-post-showcase.css.map */