.project-list-page{padding:4rem 0 6rem;min-height:60vh}.project-list-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}.project-list-page .page-header{text-align:center;margin-bottom:3rem;width:100%}.project-list-page .page-header .page-title{font-size:2.25rem;margin-bottom:1.5rem;font-weight:700;color:var(--main-color)}.project-list-page .page-header .page-subtitle{font-size:1.125rem;color:var(--text-sub-color);line-height:1.6}.project-list-page .project-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3rem;gap:3rem;max-width:1100px;margin:0 auto}.project-list-page .project-card{position:relative;display:flex;flex-direction:column;background:var(--bg-color);border-radius:2rem;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;height:100%;border:1px solid rgba(0,0,0,.04)}.project-list-page .project-card .card-image-wrapper{position:relative;width:100%;height:260px;overflow:hidden}.project-list-page .project-card .card-image-wrapper .card-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-list-page .project-card .card-image-wrapper .card-image{position:relative;width:100%;height:100%;z-index:1;transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-list-page .project-card .card-image-wrapper .card-image img{transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-list-page .project-card .card-image-wrapper .card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.05) 40%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.25));z-index:2;opacity:.25;transition:opacity .4s ease}.project-list-page .project-card .card-content{padding:2.5rem;display:flex;flex-direction:column;flex:1 1;position:relative;background:var(--bg-color)}.project-list-page .project-card .card-content .card-header{display:flex;flex-direction:column-reverse;margin-bottom:1.5rem}.project-list-page .project-card .card-content .card-header .card-title{font-size:1.75rem;font-weight:700;color:var(--text-color);line-height:1.25;white-space:pre-line;letter-spacing:-.02em;margin:0 0 0 -.25rem}.project-list-page .project-card .card-content .card-header .card-subtitle{display:inline-block;font-size:.875rem;font-weight:600;color:var(--main-color);line-height:1.1;letter-spacing:.08em;opacity:.6}.project-list-page .project-card .card-content .card-description{font-size:1.0625rem;color:var(--text-sub-color);line-height:1.75;margin-top:0;margin-bottom:2rem;flex:1 1;white-space:pre-line}.project-list-page .project-card .card-content .card-footer{display:flex;justify-content:flex-end;margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border-color)}.project-list-page .project-card .card-content .card-footer .card-link{display:inline-flex;align-items:center;gap:.75rem;font-size:1.0625rem;font-weight:600;color:var(--text-color);transition:all .4s cubic-bezier(.4,0,.2,1)}.project-list-page .project-card .card-content .card-footer .card-link .arrow{display:inline-block;transition:transform .4s cubic-bezier(.4,0,.2,1);font-size:1.375rem;line-height:1}@media(hover:hover)and (pointer:fine){.project-list-page .project-card:hover{transform:translateY(-12px);box-shadow:0 20px 60px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.08);border-color:rgba(0,0,0,.08)}.project-list-page .project-card:hover .card-image-wrapper .card-overlay{opacity:.4}.project-list-page .project-card:hover .card-image-wrapper .card-bg{transform:scale(1.08)}.project-list-page .project-card:hover .card-image-wrapper .card-image img{transform:scale(1.12)}.project-list-page .project-card:hover .card-link{transform:translateX(6px);color:var(--main-color)}.project-list-page .project-card:hover .card-link .arrow{transform:translateX(6px)}}@media(max-width:1179px){.project-list-page .container{padding:0}.project-list-page .project-grid{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:1rem;-webkit-overflow-scrolling:touch;gap:1.5rem;padding:2rem 1rem;max-width:100%;scrollbar-width:none;-ms-overflow-style:none}.project-list-page .project-grid::-webkit-scrollbar{display:none}.project-list-page .project-grid:before{content:"";flex-shrink:0;width:0}.project-list-page .project-card{flex:0 0 85%;min-width:85%;scroll-snap-align:start;height:auto}.project-list-page .project-card:first-child{scroll-margin-left:1rem}.project-list-page .project-card .card-image-wrapper{height:200px}.project-list-page .project-card .card-content{padding:2rem}}