.work-mosaic{background:var(--home-work-bg);font-family:var(--font-sans);scroll-margin-top:100px}.work-mosaic__layout{display:grid;grid-template-columns:minmax(0,1fr);width:calc(100% - var(--site-gutter) * 2);max-width:var(--home-content-max,1288px);margin-inline:auto;gap:var(--portfolio-space-8)}.work-mosaic__tile{position:relative;display:flex;flex-direction:column;min-width:0;color:var(--color-ink);text-decoration:none}.work-mosaic__tile:focus-visible{outline:2px solid #3875dd;outline-offset:7px;border-radius:26px}.work-mosaic__media{position:relative;display:block;width:100%;aspect-ratio:2/1;max-height:560px;overflow:hidden;isolation:isolate;--cover-radius:26px;border-radius:0;clip-path:inset(0 round var(--cover-radius));background:#101014;transform:translateZ(0)}.work-mosaic__media:after,.work-mosaic__media:before{position:absolute;inset:55% 0 0;content:"";pointer-events:none}.work-mosaic__media:before{inset:76% 0 0;z-index:1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask-image:linear-gradient(transparent,#000 72%);mask-image:linear-gradient(transparent,#000 72%)}.work-mosaic__media:after{z-index:2;background:linear-gradient(transparent,rgba(8,9,12,.42) 48%,rgba(8,9,12,.74))}.work-mosaic__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.22,1,.36,1)}.work-mosaic__tile--devake .work-mosaic__media{background:#d1d6d4}.work-mosaic__tile--devake .work-mosaic__image{object-fit:contain}.work-mosaic__tile--openconclave .work-mosaic__image{object-position:50% 34%}.work-mosaic__tile--sos .work-mosaic__image{object-position:center 38%}.work-mosaic__tile--vcnutrition .work-mosaic__media{background:#edeff1}.work-mosaic__tile--vcnutrition .work-mosaic__image{position:absolute;top:0;left:50%;width:auto;aspect-ratio:2/3;translate:-50% 0;height:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.work-mosaic__project-copy{position:absolute;z-index:3;display:block;text-wrap:pretty;left:var(--portfolio-space-8);right:var(--portfolio-space-8);bottom:var(--portfolio-space-6)}.work-mosaic__project-copy,.work-mosaic__project-title{font:var(--portfolio-font-body);letter-spacing:var(--portfolio-track-body)}.work-mosaic__project-title{color:#fff;white-space:nowrap;text-shadow:0 1px 10px rgba(0,0,0,.18);font-weight:var(--portfolio-weight-medium)}.work-mosaic__project-separator{color:#b8b8be;margin-inline:var(--portfolio-space-2)}.work-mosaic__project-description{text-wrap:pretty;font:var(--portfolio-font-ui);letter-spacing:var(--portfolio-track-body);color:var(--portfolio-on-image-secondary)}@media (hover:hover) and (pointer:fine){.work-mosaic__tile:hover .work-mosaic__image{transform:scale(1.03)}}@media (max-width:699px){.work-mosaic__layout{grid-template-columns:minmax(0,1fr);gap:var(--portfolio-space-6)}.work-mosaic__media{aspect-ratio:2/1;max-height:none;--cover-radius:18px}.work-mosaic__media:after{inset:auto 0 0;height:112px;background:linear-gradient(transparent,rgba(8,9,12,.6) 40%,rgba(8,9,12,.78))}.work-mosaic__project-copy{left:var(--portfolio-space-4);right:var(--portfolio-space-4);bottom:var(--portfolio-space-4)}}@media (prefers-reduced-motion:reduce){.work-mosaic__image{transition:none}}.work-mosaic__cursor{display:none}@media (hover:hover) and (pointer:fine){.work-mosaic__tile[data-cursor-active]{cursor:none}.work-mosaic__cursor{position:fixed;z-index:90;top:0;left:0;display:block;pointer-events:none;opacity:0;width:max-content;will-change:transform;transform:translate3d(-10000px,-10000px,0);transition:opacity .12s}.work-mosaic__cursor[data-visible]{opacity:1}.work-mosaic__cursor{color:#fff}.work-mosaic__cursor-label{position:relative;display:inline-flex;align-items:center;border-radius:12px;background:rgba(24,26,30,.6);-webkit-backdrop-filter:blur(12px) saturate(1.12);backdrop-filter:blur(12px) saturate(1.12);box-shadow:0 4px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.13);white-space:nowrap;font:var(--portfolio-font-ui);letter-spacing:var(--portfolio-track-body);gap:var(--portfolio-space-4);padding:var(--portfolio-space-3) var(--portfolio-space-4)}.work-mosaic__cursor-label>span,.work-mosaic__cursor-label>svg{position:relative;z-index:1}.work-mosaic__cursor-label:after,.work-mosaic__cursor-label:before{position:absolute;inset:0;content:"";border-radius:inherit;pointer-events:none}.work-mosaic__cursor-label:before{background:radial-gradient(ellipse at 25% 0,rgba(255,255,255,.12),transparent 70%)}.work-mosaic__cursor-label:after{padding:1px;background:conic-gradient(from var(--cursor-light-angle,145deg),rgba(255,255,255,.8),rgba(255,255,255,.12) 52deg,rgba(0,0,0,.22) 110deg,rgba(255,255,255,.5) 188deg,rgba(255,255,255,.08) 250deg,rgba(255,255,255,.8));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.work-mosaic__cursor svg{width:16px;height:16px;flex:none}}@media (prefers-reduced-motion:reduce){.work-mosaic__cursor,.work-mosaic__cursor-label{transition:none}}@media (prefers-reduced-transparency:reduce){.work-mosaic__cursor-label{background:rgba(24,26,30,.96);-webkit-backdrop-filter:none;backdrop-filter:none}}