.project-media-badge{color:#fff;width:44px;height:44px;-webkit-backdrop-filter:blur(var(--hover-surface-blur));backdrop-filter:blur(var(--hover-surface-blur));pointer-events:none;background:#15151566;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;left:12px}@media (hover:none),(max-width:767px){.project-media-badge{display:none}}@media (hover:hover){.project-media-badge{opacity:0;transition:opacity .18s}.work-board>a:is(:hover,:focus-visible) .project-media-badge,.project-preview-link:is(:hover,:focus-visible) .project-media-badge,.private-project-cover:is(:hover,:focus-within) .project-media-badge{opacity:1}}@media (prefers-reduced-motion:reduce){.project-media-badge{transition:none}}.private-project-cover{background:var(--color-placeholder);display:block;position:relative}.private-project-cover>img{object-fit:cover;width:100%;height:100%;display:block}.private-project-hit{cursor:default;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.private-project-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font:400 16px/24px var(--font-sans);letter-spacing:0;text-transform:none;text-align:center;opacity:0;pointer-events:none;background:#0000007a;place-items:center;padding:24px;transition:opacity .18s;display:grid;position:absolute;inset:0}@media (hover:hover){.private-project-cover:hover>.private-project-overlay{opacity:1}}.private-project-cover:focus-within>.private-project-overlay{opacity:1}@media (prefers-reduced-motion:reduce){.private-project-overlay{transition:none}}.work-board>.private-project-cover{aspect-ratio:16/9}.project-preview-media>.private-project-cover{position:absolute;inset:0}.private-project-notice{width:44px;height:44px;position:absolute;bottom:12px;right:12px}.private-project-notice>button{width:44px;height:44px;-webkit-backdrop-filter:blur(var(--hover-surface-blur));backdrop-filter:blur(var(--hover-surface-blur));color:#fff;cursor:default;transition:opacity var(--control-state-duration) var(--ease-entrance),background var(--control-state-duration) var(--ease-entrance),color var(--control-state-duration) var(--ease-entrance);background:#15151566;border:0;border-radius:50%;place-items:center;padding:0;display:grid}@media (hover:none){.private-project-notice>button{color:#151515;background:#fff}}@media (hover:hover){.private-project-cover:focus-within .private-project-notice>button{color:#fff;background:#15151566}}.private-project-title{display:inline-block;position:relative}.private-project-tooltip{z-index:4;color:#222;width:max-content;max-width:calc(100vw - 32px);font-family:var(--font-sans);letter-spacing:0;text-transform:none;white-space:nowrap;background:#fff;border:1px solid #0000000f;border-radius:0;padding:8px 12px;font-size:14px;font-weight:400;line-height:20px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000000f,0 8px 24px #0000001a}.private-project-tooltip:before{content:"";position:absolute;inset:100% 0 -8px}@media (prefers-reduced-motion:reduce){.private-project-notice>button{transition:none}}.private-project-tooltip:not([hidden]){align-items:center;gap:8px;display:flex}.private-project-tooltip svg{opacity:.6;flex-shrink:0}.private-project-title .private-project-tooltip{left:var(--tooltip-x,50%);top:var(--tooltip-y,50%);transform:translate(-50%,calc(-100% - 8px))}:is(.project-wordmark:has(.private-project-tooltip:not([hidden])),.private-project-cover:has(.private-project-tooltip:not([hidden]))){z-index:10;position:relative}.private-project-notice .private-project-tooltip{inset:auto 0 calc(100% + 8px) auto;transform:none}