.pt-project-list{flex-direction:column;gap:14px;padding:0 22px;display:flex}@media (min-width:768px){.pt-project-list{grid-template-columns:1fr 1fr;gap:22px;padding:0;display:grid}}.pt-project-card{background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;border-radius:22px;transition:none;animation:.4s both pt-fade-up;position:relative}.pt-project-list .pt-project-card:first-child,.pt-project-pager .pt-project-card:first-child{animation-delay:50ms}.pt-project-list .pt-project-card:nth-child(2),.pt-project-pager .pt-project-card:nth-child(2){animation-delay:.15s}.pt-project-list .pt-project-card:nth-child(3),.pt-project-pager .pt-project-card:nth-child(3){animation-delay:.25s}.pt-project-list .pt-project-card:nth-child(4),.pt-project-pager .pt-project-card:nth-child(4){animation-delay:.35s}.pt-project-list .pt-project-card:nth-child(5),.pt-project-pager .pt-project-card:nth-child(5){animation-delay:.45s}.pt-project-list .pt-project-card:nth-child(6),.pt-project-pager .pt-project-card:nth-child(6){animation-delay:.55s}@media (min-width:768px){.pt-project-card{box-shadow:var(--shadow-soft)}.pt-project-card:active{transform:scale(.985)}.pt-project-card:before{content:"";border-radius:inherit;box-shadow:var(--shadow-med);opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0}.pt-project-card:hover:before{opacity:1}}.pt-project-thumb{aspect-ratio:16/10;border-radius:21px 21px 0 0;width:100%;position:relative;overflow:hidden}@media (min-width:768px){.pt-project-list .pt-project-thumb{aspect-ratio:16/10}}.pt-project-thumb-grad{position:absolute;inset:0}.pt-project-thumb:after{content:"";pointer-events:none;border:1px solid #0000000d;position:absolute;inset:0}.pt-thumb-mono{font-family:var(--font-title);font-weight:var(--title-weight);color:#f4f1ea38;z-index:1;font-size:92px;line-height:1;position:absolute;bottom:-16px;right:14px}@media (min-width:768px){.pt-project-list .pt-thumb-mono{font-size:110px}}.pt-thumb-chip{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--on-grad);background:#0d201852;border:1px solid #f4f1ea2e;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.pt-project-meta{padding:16px}@media (min-width:768px){.pt-project-list .pt-project-meta{padding:18px}}.pt-project-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.pt-project-title{font-family:var(--font-title);font-weight:var(--title-weight);letter-spacing:var(--title-tracking);color:var(--pine-darkest);margin:0;font-size:19px}@media (min-width:768px){.pt-project-list .pt-project-title{font-size:22px}}.pt-project-year{color:var(--ink-subtle);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.pt-project-desc{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.45}@media (min-width:768px){.pt-project-list .pt-project-desc{font-size:15px}}.pt-tag-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.pt-tag{background:var(--surface-sage);color:var(--pine-mid);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600}.pt-project-grid{grid-template-columns:1fr 1fr;gap:12px;padding:0 22px;display:grid}.pt-project-grid .pt-project-thumb{aspect-ratio:1}.pt-project-grid .pt-thumb-mono{font-size:64px}.pt-project-grid .pt-project-meta{padding:12px 13px 14px}.pt-project-grid .pt-project-title{font-size:16px}.pt-project-grid .pt-project-desc,.pt-project-grid .pt-tag-row{display:none}.pt-project-pager{flex-direction:column;gap:16px;padding:0 16px;display:flex}.pt-project-pager .pt-project-card{width:100%}.pt-project-pager .pt-project-thumb{aspect-ratio:16/10}@media (min-width:768px){.pt-project-pager{grid-template-columns:repeat(3,1fr);gap:22px;padding:0;display:grid}.pt-project-pager .pt-project-card{width:auto}}.pt-project-carousel{overflow-x:auto;overflow-y:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;padding:0 16px 4px;scroll-padding-left:16px;display:flex}.pt-project-carousel::-webkit-scrollbar{display:none}.pt-project-carousel .pt-project-card{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 80%}.pt-project-carousel .pt-project-thumb{aspect-ratio:16/10}@media (min-width:768px){.pt-project-carousel{scroll-snap-type:none;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;display:grid;overflow:visible}.pt-project-carousel .pt-project-card{flex:initial;scroll-snap-align:none}}