.projects-page,.project-page{padding-block:2rem 4rem}.projects-intro{max-width:47rem;margin-bottom:2.5rem}.projects-intro h1,.project-lead h1{letter-spacing:-.045em;margin-block:.75rem 1.25rem;font-size:clamp(2rem,4.2vw,3.7rem);line-height:1.08}.projects-intro>p:last-child,.project-intro{max-width:42rem;font-size:1rem;line-height:1.75}.project-breadcrumbs{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.8rem;display:flex}.project-breadcrumbs a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.project-lead{grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center;gap:1rem clamp(2rem,5vw,5rem);display:grid}.project-lead-copy{grid-area:1/1;align-self:end}.project-lead>.project-comparison{grid-area:1/2/span 2}.project-lead-summary{grid-area:2/1;align-self:start}.project-lead-summary>.text-link{align-items:center;width:fit-content;min-height:44px;margin-top:.75rem;display:flex}.project-details{margin-block:1.5rem;padding-left:1.2rem;line-height:1.7}.project-details li+li{margin-top:.45rem}.project-comparison{min-width:0}.project-comparison-controls{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.project-comparison-controls .filter-chip{min-width:64px}.project-comparison-controls .button{width:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target);padding:0;font-size:1.25rem}.project-comparison-controls span{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:center;font-size:.8125rem}.project-comparison-controls>span:last-child:not(:first-child){margin-left:.25rem}.project-comparison-images{touch-action:pan-y;background:var(--color-surface-muted);display:grid}.project-comparison-images figure{pointer-events:none;grid-area:1/1;margin:0;display:none}.project-comparison-images figure.is-visible{pointer-events:auto;display:block}.project-comparison-images img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:660px;display:block}.project-reveal-images{background:var(--color-surface-muted);position:relative}.project-reveal-images img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:660px;display:block}.project-reveal-before{background:var(--color-surface-muted);position:absolute;inset:0}.project-reveal-before img{height:100%}.project-reveal-divider{left:var(--reveal-position);pointer-events:none;background:#fff;width:2px;position:absolute;inset-block:0}.project-reveal-divider span{background:var(--color-background);width:44px;height:44px;color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;font-size:1.2rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-reveal-range{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.project-reveal-images:has(input:focus-visible){outline:3px solid var(--color-primary);outline-offset:4px}.project-reveal-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.project-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 3rem;max-width:62rem;margin-block:3rem;display:grid}.project-story h2{margin-bottom:.75rem;font-size:1.25rem;line-height:1.3}.project-story p{font-size:.95rem;line-height:1.8}.project-next-step{border-block:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:2rem;margin-block:2rem;padding-block:2rem;display:flex}.project-next-step h2{margin-bottom:.75rem;font-size:clamp(1.5rem,3vw,2rem)}.project-next-step p{max-width:42rem;line-height:1.75}.project-next-step .button{flex-shrink:0}.project-cards{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:2rem 1.25rem;display:grid}.project-filters{flex-wrap:wrap;gap:.5rem;display:flex}.project-filter-status{color:var(--color-text-muted);margin-block:.75rem 1.5rem;font-size:.8rem}.project-instagram{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1.5rem}.project-instagram h2{margin-bottom:.65rem;font-size:1.35rem}.project-instagram p{font-size:.9rem;line-height:1.7}.project-instagram>div{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.75rem;display:flex}.project-instagram a{align-items:center;min-height:44px;font-size:.85rem;display:inline-flex}.project-card{min-width:0}.project-card .project-comparison-images{touch-action:auto}.project-card .project-comparison-images img,.project-card .project-reveal-images img{object-fit:cover;object-position:var(--project-card-position,50% 50%);height:260px;max-height:260px}.project-card.is-collage .project-comparison-images img{object-fit:contain}.project-carousel{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:calc(31.25% - .78125rem);grid-auto-flow:column;gap:1.25rem;padding-block:.25rem 1rem;display:grid;overflow-x:auto}.project-carousel-card{scroll-snap-align:start;min-width:0}.project-carousel-card .project-comparison-images{touch-action:auto}.project-carousel-card .project-comparison-images img,.project-carousel-card .project-reveal-images img{object-fit:cover;object-position:var(--project-card-position,50% 50%);height:300px;max-height:300px}.project-carousel-card.is-collage .project-comparison-images img{object-fit:contain}.project-carousel-card>.text-link{align-items:center;min-height:44px;font-size:.8rem;display:inline-flex}@media (max-width:1000px){.project-carousel{grid-auto-columns:44%;gap:1rem}.project-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.project-carousel{grid-auto-columns:82%;gap:1rem}.project-lead,.project-story{grid-template-columns:minmax(0,1fr)}.project-lead{gap:1.5rem}.project-lead h1{font-size:clamp(2rem,8vw,3rem)}.project-story{gap:1.5rem;margin-block:2rem}.project-next-step{flex-direction:column;align-items:start;gap:1rem}.project-cards{gap:2rem 1rem}.project-comparison-images img{max-height:none}.project-comparison-controls span{font-size:.65rem}.project-breadcrumbs{margin-bottom:1rem}.project-page,.projects-page{padding-top:1rem}}@media (max-width:560px){.project-cards{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.project-lead-copy{grid-area:1/1}.project-lead>.project-comparison{grid-area:2/1}.project-lead-summary{grid-area:3/1}.project-details{margin-top:0}}.project-more-link{background:var(--color-surface-muted);border:1px solid var(--color-border);flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;height:100%;min-height:300px;padding:2rem;text-decoration:none;display:flex}.project-more-link h3{min-height:0;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15}.project-more-link>span{color:var(--color-primary);font-size:2rem}.project-card-heading{flex-wrap:wrap;align-items:baseline;gap:.4rem .6rem;margin-bottom:.5rem;display:flex}.project-card-heading h2,.project-card-heading h3{flex:10rem;min-height:0;margin:0;font-size:1.05rem;line-height:1.35}.project-category-tag{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);white-space:nowrap;align-items:center;padding:.2rem .5rem;font-size:.65rem;display:inline-flex}.project-card>.project-card-link{align-items:center;min-height:44px;font-size:.8rem;display:inline-flex}.project-comparison-images .photo-open{height:100%}.project-comparison-controls{margin-top:.65rem}.project-card .project-comparison-controls,.project-carousel-card .project-comparison-controls{justify-content:flex-end}@media (max-width:560px){.project-card-heading{min-height:0}}.project-card,.project-carousel-card:not(.project-carousel-more){position:relative}.project-card>.project-card-link,.project-carousel-card>.text-link{color:var(--color-primary);min-height:44px;margin:0;font-weight:650;position:absolute;bottom:0;left:0}.project-card .project-comparison-controls,.project-carousel-card .project-comparison-controls,.project-card .horizontal-carousel-controls{min-height:44px;padding-left:6rem}.photo-project-open{cursor:pointer;text-decoration:none}.project-card .project-comparison-controls .filter-chip,.project-carousel-card .project-comparison-controls .filter-chip{min-width:56px;padding-inline:.65rem}
