.website-project-row{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-bottom:8rem;display:grid}.website-project-row.reverse{grid-template-columns:1fr 1fr}.website-project-row.reverse .website-content{order:2}.website-project-row.reverse .website-showcase{order:1}.website-showcase{aspect-ratio:16/10;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #374151;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.website-showcase:hover{border-color:#f97316;box-shadow:0 20px 60px #f9731626}.website-image{width:100%;height:100%;position:relative;overflow:hidden}.website-image img{object-fit:cover;object-position:top;width:100%;height:auto;min-height:100%;transition:transform 4s ease-in-out}.website-showcase:hover .website-image img{transform:translateY(-25%)}.website-content{padding:0}.website-title{font-family:var(--font-body);background:linear-gradient(90deg,#fff,#9ca3af);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.5rem;font-weight:300;line-height:1.25}@media (min-width:768px){.website-title{font-size:2.25rem}}.website-category{color:#f97316;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:500;display:flex}.website-description{color:#9ca3af;max-width:32rem;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.website-cta{color:#f97316;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.website-cta:hover{color:#fb923c;gap:.5rem}.website-cta svg{transition:transform .3s}.website-cta:hover svg{transform:translate(4px)}.website-image.loading{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%) 0 0/200% 100%;animation:1.5s infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:1024px){.website-project-row,.website-project-row.reverse{text-align:center;grid-template-columns:1fr;gap:2rem}.website-category{justify-content:center}.website-project-row.reverse .website-content,.website-project-row.reverse .website-showcase{order:unset}.website-showcase{aspect-ratio:16/9}}@media (max-width:768px){.website-title{font-size:1.5rem}.website-description{font-size:1rem}.website-category{font-size:.875rem}}