.work-mosaic{overflow:hidden;padding-block:clamp(108px,12svh,154px) clamp(96px,11svh,142px);background:var(--color-paper);color:var(--color-ink)}.work-mosaic__layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,clamp(236px,22vw,310px));gap:clamp(12px,1.2vw,18px);width:100%;max-width:1360px;margin-inline:auto}.work-mosaic__cards{display:contents}.work-mosaic__tile{position:relative;display:block;min-width:0;overflow:hidden;isolation:isolate;border-radius:clamp(22px,2.1vw,30px);background:#dce2e9;color:var(--color-paper);text-decoration:none;transform:translateZ(0);transition:box-shadow .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.work-mosaic__tile:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}@media (hover:hover) and (pointer:fine){.work-mosaic__tile:hover{box-shadow:0 22px 55px rgba(14,14,14,.14);transform:translateY(-4px)}.work-mosaic__tile:hover .work-mosaic__image:not([style]){transform:scale(1.045)}.work-mosaic__tile:hover .work-mosaic__intro-bottom svg,.work-mosaic__tile:hover .work-mosaic__project-arrow{transform:translateX(4px)}}.work-mosaic__tile--intro{grid-column:1/span 4;grid-row:1/span 2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,3vw,42px);border:1px solid rgba(255,255,255,.82);background:radial-gradient(circle at 84% 86%,rgba(233,190,193,.48),transparent 34%),radial-gradient(circle at 12% 15%,rgba(255,255,255,.68),transparent 47%),rgba(221,230,249,.8);-webkit-backdrop-filter:var(--paper-glass-blur);backdrop-filter:var(--paper-glass-blur);color:var(--color-ink);box-shadow:0 22px 65px rgba(14,14,14,.08)}.work-mosaic__intro-bottom,.work-mosaic__intro-top{font-size:11px;letter-spacing:.15em;text-transform:uppercase}.work-mosaic__intro-top{color:rgba(14,14,14,.58)}.work-mosaic__intro-title{margin-block:auto;font-size:clamp(45px,5.2vw,84px);font-weight:400;line-height:.97;letter-spacing:var(--tracking-display-lg)}.work-mosaic__intro-title em{display:block;font-weight:400;line-height:.92;letter-spacing:var(--tracking-quote)}.work-mosaic__intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px;border-top:1px solid rgba(14,14,14,.32)}.work-mosaic__intro-bottom svg,.work-mosaic__project-arrow{flex:none;transition:transform .3s cubic-bezier(.22,1,.36,1)}.work-mosaic__tile--devake{grid-column:5/span 5;grid-row:1}.work-mosaic__tile--openconclave{grid-column:10/span 3;grid-row:1;background:#101014}.work-mosaic__tile--vcnutrition{grid-column:5/span 3;grid-row:2}.work-mosaic__tile--sos{grid-column:8/span 5;grid-row:2}.work-mosaic__media{position:absolute;inset:0;display:block;overflow:hidden}.work-mosaic__image{object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.22,1,.36,1)}.work-mosaic__tile--openconclave .work-mosaic__image{object-position:50% 42%}.work-mosaic__tile--vcnutrition .work-mosaic__image{object-position:20% 60%}.work-mosaic__tile--sos .work-mosaic__image{object-position:center 38%}.work-mosaic__tile--openconclave .work-mosaic__media{bottom:48%}.work-mosaic__tile--openconclave .work-mosaic__project-copy{height:48%;min-height:0;gap:10px;padding:clamp(16px,1.6vw,22px);background:#151519}.work-mosaic__project-copy{position:absolute;z-index:1;inset:auto 0 0;display:flex;min-height:112px;flex-direction:column;justify-content:space-between;gap:16px;padding:clamp(18px,2vw,26px);background:linear-gradient(0deg,rgba(7,8,11,.84),rgba(7,8,11,.43) 72%,transparent);color:#fff}.work-mosaic__project-meta{font-size:10px;letter-spacing:.13em;line-height:1.25;text-transform:uppercase}.work-mosaic__project-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.work-mosaic__project-title{min-width:0;font-size:clamp(26px,2.6vw,39px);font-weight:400;line-height:1.02;letter-spacing:var(--tracking-display-md)}.work-mosaic__tile--sos .work-mosaic__media,.work-mosaic__tile--vcnutrition .work-mosaic__media{bottom:max(37%,122px)}.work-mosaic__tile--sos .work-mosaic__project-copy,.work-mosaic__tile--vcnutrition .work-mosaic__project-copy{height:max(37%,122px);min-height:0;background:#f5f5f2;color:var(--color-ink)}.work-mosaic__tile--sos .work-mosaic__project-copy{background:#dce5f6}@media (min-width:1024px){.work-mosaic__tile--sos .work-mosaic__project-title,.work-mosaic__tile--vcnutrition .work-mosaic__project-title{font-size:clamp(24px,2.2vw,34px)}}@supports (-webkit-touch-callout:none){.work-mosaic__media{-webkit-mask-image:-webkit-radial-gradient(white,black)}}@media (max-width:1023px){.work-mosaic{padding-block:60px 56px}.work-mosaic__layout{display:block}.work-mosaic__tile--intro{margin-bottom:18px;padding:24px}.work-mosaic__intro-title{font-size:clamp(44px,10vw,58px)}.work-mosaic__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.work-mosaic__tile{height:clamp(300px,45vw,390px)}.work-mosaic__tile--intro{height:236px}.work-mosaic__tile--devake,.work-mosaic__tile--sos{grid-column:1/-1;grid-row:auto}.work-mosaic__tile--openconclave{grid-column:1;grid-row:auto}.work-mosaic__tile--vcnutrition{grid-column:2;grid-row:auto}.work-mosaic__project-title{font-size:clamp(29px,4.2vw,36px)}.work-mosaic__project-title-row{align-items:flex-end}.work-mosaic__tile--sos .work-mosaic__media,.work-mosaic__tile--vcnutrition .work-mosaic__media{bottom:45%}.work-mosaic__tile--sos .work-mosaic__project-copy,.work-mosaic__tile--vcnutrition .work-mosaic__project-copy{height:45%}}@media (max-width:639px){.work-mosaic{padding-block:44px 52px}.work-mosaic__tile--intro{height:196px;margin-bottom:14px;padding:20px}.work-mosaic__intro-title{margin-block:0;font-size:44px}.work-mosaic__intro-bottom{padding-top:11px}.work-mosaic__cards{grid-template-columns:minmax(0,1fr);gap:14px}.work-mosaic__cards .work-mosaic__tile{grid-column:1}.work-mosaic__tile--devake{height:clamp(320px,88vw,370px)}.work-mosaic__tile--openconclave,.work-mosaic__tile--sos,.work-mosaic__tile--vcnutrition{height:clamp(300px,80vw,350px)}.work-mosaic__tile--openconclave .work-mosaic__media,.work-mosaic__tile--vcnutrition .work-mosaic__media{bottom:38%}.work-mosaic__tile--openconclave .work-mosaic__project-copy,.work-mosaic__tile--vcnutrition .work-mosaic__project-copy{height:38%}.work-mosaic__project-title{font-size:clamp(30px,8vw,36px)}}@media (prefers-reduced-motion:reduce){.work-mosaic__image,.work-mosaic__intro-bottom svg,.work-mosaic__project-arrow,.work-mosaic__tile{transition:none}}