.work-visual{aspect-ratio:1.25;position:relative;overflow:hidden;container-type:inline-size}.work-visual.flow{color:#f5f7ff;background:#222e45}.work-visual.portal{color:#172033;background:#cbd6ff}.work-visual.field{color:#172033;background:#e9edfc}.project-cover-title{z-index:1;position:absolute;top:8%;left:8%}.project-cover-title strong{letter-spacing:-.07em;font-size:clamp(2rem,12cqw,5rem);font-weight:450;line-height:1;display:block}.project-cover-title p{margin-top:.75rem;font-size:clamp(.5rem,2cqw,.85rem);line-height:1.5}.portal .project-cover-title strong{font-family:var(--font-serif);font-size:16cqw;font-weight:400}.mock-window{color:#172033;background:#fff;border:1px solid #d4dae7;border-radius:6px;width:91%;font-size:clamp(7px,1.5cqw,11px);transition:transform .65s cubic-bezier(.2,.8,.2,1);position:absolute;top:40%;left:17%;overflow:hidden;transform:perspective(1200px)rotateY(-8deg)rotateX(6deg)rotate(-3deg);box-shadow:0 30px 55px #17203330}.mock-toolbar{border-bottom:1px solid #d4dae7;justify-content:space-between;align-items:center;padding:10px 13px;display:flex}.mock-body{grid-template-columns:25% 1fr;min-height:290px;display:grid}.mock-sidebar{background:#f5f7ff;padding:16px 12px}.mock-sidebar span{color:#526077;margin-bottom:17px;display:block}.mock-content{padding:20px 16px}.mock-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-block:13px;display:flex}.mock-pill{white-space:nowrap;color:var(--primary);background:#e9edfc;border-radius:3px;padding:4px 7px;font-size:8px;display:inline-flex}.mock-phone{aspect-ratio:.51;border:6px solid var(--brand-ink);background:var(--background);border-radius:28px;width:44%;min-width:144px;padding:20px 12px;font-size:10px;position:absolute;top:23%;left:44%;transform:rotate(-9deg);box-shadow:20px 26px 32px #17203320}.project-caption{justify-content:space-between;align-items:start;gap:1rem;margin-top:1.5rem;display:flex}.project-caption h3{letter-spacing:-.045em;max-width:26rem;font-size:1.5rem;line-height:1.3}.project-caption p{color:var(--brand-muted);margin-top:.7rem;font-size:.67rem;line-height:1.7}.project-caption>svg{flex-shrink:0;margin-top:.3rem}.portal .mock-window{width:92%;top:39%;left:17%;transform:perspective(1200px)rotateY(-8deg)rotateX(5deg)rotate(4deg)}.portal .mock-body{grid-template-columns:23% 1fr}a:hover .mock-window{transform:perspective(1200px)rotateY(-4deg)rotateX(2deg)rotate(-1deg)translateY(-6px)}.project-cover{border-radius:var(--radius-lg);background:var(--color-secondary);aspect-ratio:1.25;width:100%;min-width:0;overflow:hidden}.project-cover-motion{width:100%;height:100%}.project-cover img{object-fit:cover;width:100%;height:100%;transition:transform .65s var(--ease-editorial);display:block}.project-cover-large{aspect-ratio:1.8}.project-cover-large img{object-fit:contain}.project-cover-flow{background:var(--brand-ink)}.project-cover-portal{background:var(--brand-pale)}.project-card{background:var(--color-secondary);border-radius:var(--radius-lg);min-width:0;overflow:hidden}.project-card>a{flex-direction:column;height:100%;display:flex}.project-card-copy{flex-direction:column;flex:1;min-width:0;padding:clamp(1.5rem,3cqw,3rem);display:flex}.project-evidence{color:var(--brand-muted);margin-top:1.25rem;font-size:.8125rem;line-height:1.8}.project-card h3{font-size:clamp(1.75rem,3cqw,3rem);line-height:1.1;transition:color .25s}.project-card-summary{margin-block:1.5rem 2rem;font-size:1rem;line-height:1.8}.project-card-action{justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;margin-top:auto;font-size:.875rem;display:flex}.project-card-action svg{transition:transform .4s var(--ease-editorial)}.work-gallery{gap:2rem;display:grid}.work-gallery .project-card>a{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.work-gallery .project-card-copy{padding:clamp(1.5rem,3cqw,3rem)}.work-gallery .project-card h3{font-size:clamp(2rem,3cqw,3rem)}.work-gallery .project-cover{border-radius:0;height:100%}@container public (min-width:1024px){.work-gallery .project-card:nth-child(2n)>a{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.work-gallery .project-card:nth-child(2n) .project-cover{order:2}}@container public (max-width:1023px){.work-gallery .project-card>a{grid-template-columns:minmax(0,1fr)}.project-cover-large{aspect-ratio:1.25}}@container public (max-width:767px){.work-gallery .project-card h3{font-size:clamp(1.5rem,6.5cqw,2rem)}}.project-card>a:focus-visible{outline-offset:-4px}.project-card>a:is(:hover,:focus-visible) h3{color:var(--primary)}@media (prefers-reduced-motion:no-preference){.project-card>a:focus-visible .project-cover img{transform:scale(1.065)}.project-card>a:focus-visible .project-card-action svg{transform:translate(5px,-5px)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project-card>a:hover .project-cover img{transform:scale(1.065)}.project-card>a:hover .project-card-action svg{transform:translate(5px,-5px)}}