.projects-folio{--folio-shadow:0 1px 8px rgba(20,20,20,0.04);--folio-shadow-hover:0 18px 40px -24px rgba(20,20,20,0.28);--folio-dark:#15181d;--folio-radius:1rem}.projects-folio__band,.projects-folio__cta-wrap,.projects-folio__grid-wrap,.projects-folio__hero,.projects-folio__why{width:min(1280px,calc(100% - 2rem));margin-inline:auto}@media (min-width:768px){.projects-folio__band,.projects-folio__cta-wrap,.projects-folio__grid-wrap,.projects-folio__hero,.projects-folio__why{width:min(1280px,calc(100% - 4rem))}}.projects-folio__hero{padding-top:7.5rem;padding-bottom:2.5rem;text-align:center}.projects-folio__hero-inner{max-width:46rem;margin-inline:auto}.projects-folio__status{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem .85rem;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--folio-shadow)}.projects-folio__dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--color-success)}.projects-folio__status-sep{color:var(--color-text-faint)}.projects-folio__status-live{color:var(--color-success)}.projects-folio__title{margin-bottom:1rem}.projects-folio__accent{color:var(--color-accent)}.projects-folio__lead{margin-bottom:2rem}.projects-folio__trust{display:grid;gap:.5rem;text-align:left}@media (min-width:768px){.projects-folio__trust{grid-template-columns:repeat(3,minmax(0,1fr))}}.projects-folio__trust-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--folio-shadow)}.projects-folio__trust-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;background:var(--color-accent-muted);color:var(--color-accent)}.projects-folio__band{padding-bottom:3.5rem}.projects-folio__manifesto{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--folio-shadow);padding:1.75rem 1.5rem}@media (min-width:768px){.projects-folio__manifesto{padding:2.5rem}}.projects-folio__manifesto-top{display:flex;flex-direction:column;gap:1.75rem}@media (min-width:1024px){.projects-folio__manifesto-top{flex-direction:row;align-items:flex-start;justify-content:space-between}}.projects-folio__manifesto-copy{max-width:42rem}.projects-folio__manifesto-kicker{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.projects-folio__manifesto-bar{width:.35rem;height:1rem;background:var(--color-accent)}.projects-folio__aside{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}@media (min-width:1024px){.projects-folio__aside{width:18rem}}.projects-folio__aside-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-surface-raised)}.projects-folio__aside-item svg{flex-shrink:0;margin-top:.1rem;color:var(--color-accent)}.projects-folio__filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.projects-folio__filter-row{display:flex;flex-wrap:wrap;gap:.35rem}.projects-folio__filter{padding:.45rem .85rem;background:var(--color-surface-raised);color:var(--color-text-muted);font-size:.875rem;font-weight:600;line-height:1.3;border:1px solid transparent;cursor:pointer}.projects-folio__filter:hover{color:var(--color-text)}.projects-folio__filter.is-active{background:var(--color-accent);color:var(--color-on-accent)}.projects-folio__filter-note{display:none;align-items:center;gap:.35rem;color:var(--color-text-muted)}@media (min-width:1280px){.projects-folio__filter-note{display:flex}}.projects-folio__grid-wrap{padding-bottom:5rem}.projects-folio__grid{display:grid;grid-template-columns:1fr;gap:1.75rem}@media (min-width:768px){.projects-folio__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.projects-folio__card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--folio-shadow);transition:box-shadow .45s var(--ease-out-expo)}.projects-folio__card-link{position:absolute;inset:0;z-index:1}.projects-folio__card-link span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.projects-folio__card:hover{box-shadow:var(--folio-shadow-hover)}.projects-folio__card.is-featured{grid-column:1/-1}@media (min-width:1024px){.projects-folio__card.is-featured{flex-direction:row}.projects-folio__card.is-featured .projects-folio__chrome{width:50%}.projects-folio__card.is-featured .projects-folio__preview{min-height:18rem;height:100%}.projects-folio__card.is-featured .projects-folio__body{width:50%;padding:2.5rem}}.projects-folio__chrome{display:flex;flex-direction:column;background:var(--folio-dark);padding:.5rem}.projects-folio__chrome-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .4rem .4rem}.projects-folio__traffic{display:flex;gap:.3rem}.projects-folio__traffic span{width:.55rem;height:.55rem;border-radius:999px}.projects-folio__traffic span:first-child{background:#b3261e}.projects-folio__traffic span:nth-child(2){background:#c47a12}.projects-folio__traffic span:nth-child(3){background:#2f6b4f}.projects-folio__host{display:inline-flex;align-items:center;gap:.3rem;min-width:0;padding:.15rem .55rem;background:#334155;color:#9eadc5;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.02em;line-height:1.4}.projects-folio__host span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-folio__chrome-status{flex-shrink:0;color:#9eadc5;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.projects-folio__chrome-status.is-live{color:#7dcea0}.projects-folio__preview{position:relative;width:100%;height:14rem;overflow:hidden;background:#0b0f19}.projects-folio__preview img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.projects-folio__note{margin:0;padding:.55rem .75rem .65rem;background:var(--folio-dark);color:#c5ccd6;font-size:.75rem;line-height:1.45}.projects-folio__body{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:1.5rem}.projects-folio__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.4rem}.projects-folio__tag{padding:.15rem .45rem;background:var(--color-accent-muted);color:var(--color-accent);font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.projects-folio__place{color:var(--color-text-muted)}.projects-folio__name{margin-bottom:.65rem;transition:color .3s var(--ease-soft)}.projects-folio__card:hover .projects-folio__name{color:var(--color-accent)}.projects-folio__transform{margin-bottom:1rem;padding:.75rem;background:var(--color-surface-raised)}.projects-folio__transform-label{margin-bottom:.2rem;color:var(--color-accent)}.projects-folio__chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem}.projects-folio__chip{padding:.3rem .5rem;background:var(--color-surface-raised);color:var(--color-text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.02em}.projects-folio__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem}.projects-folio__more{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-accent);font-size:.875rem;font-weight:600}.projects-folio__card:hover .projects-folio__more svg{transform:translateX(3px)}.projects-folio__more svg{transition:transform .35s var(--ease-out-expo)}.projects-folio__visibility{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-muted);white-space:nowrap}.projects-folio__visibility.is-public{color:var(--color-success);font-weight:600}.projects-folio__visibility-dot{width:.35rem;height:.35rem;border-radius:999px;background:currentColor}.projects-folio__why{padding-bottom:5rem}.projects-folio__why-card{padding:2rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--folio-shadow)}@media (min-width:768px){.projects-folio__why-card{padding:3.5rem}}.projects-folio__why-intro{max-width:40rem;margin:0 auto 2.5rem;text-align:center}.projects-folio__why-kicker{color:var(--color-accent)}.projects-folio__why-intro h2{margin-top:.4rem}.projects-folio__why-intro p{margin-top:.75rem}.projects-folio__pillars{display:grid;gap:1.5rem}@media (min-width:768px){.projects-folio__pillars{grid-template-columns:repeat(3,minmax(0,1fr))}}.projects-folio__pillar{display:flex;flex-direction:column;gap:.65rem;padding:1.5rem;background:var(--color-surface-raised)}.projects-folio__pillar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--color-accent-muted);color:var(--color-accent)}.projects-folio__pillar-note{display:flex;align-items:center;gap:.35rem;margin-top:auto;padding-top:.5rem;color:var(--color-success);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.projects-folio__cta-wrap{padding-bottom:5rem}.projects-folio__cta{position:relative;overflow:hidden;padding:3rem 1.5rem;background:var(--folio-dark);color:#f5f5f5;text-align:center;box-shadow:var(--folio-shadow-hover)}@media (min-width:768px){.projects-folio__cta{padding:5rem 3rem}}.projects-folio__cta-inner{position:relative;max-width:40rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center}.projects-folio__cta-kicker{margin-bottom:1rem;color:#ffb2b9}.projects-folio__cta h2{color:#f7f9fb;margin-bottom:1rem}.projects-folio__cta-lead{color:#b9c7e0;margin-bottom:2rem}.projects-folio__cta-actions{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;width:100%;margin-bottom:1.5rem}@media (min-width:640px){.projects-folio__cta-actions{flex-direction:row;justify-content:center;align-items:center;width:auto}}.projects-folio__reassure{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;color:#b9c7e0}.projects-folio__reassure span{display:inline-flex;align-items:center;gap:.4rem}.projects-folio__reassure svg{color:#7dcea0}@media (prefers-reduced-motion:reduce){.projects-folio__card,.projects-folio__more svg,.projects-folio__name{transition:none}}