/* Seth's design changes on top of the Cargo copy (loaded last, so these win). */
/* 2026-11-09 note #1: photos touch each other in a row, and no photo has rounded corners */
.pc-media, #proj-cards.pc-static .pc-media { gap: 0 !important; }
.pc-cell, #proj-cards.pc-static .pc-cell,
media-item img, .in2-photo, .in2-photo *, #index-preview, .cycle, .pg-tile, #lb img { border-radius: 0 !important; }

/* note #5: the glowing green dot on the Info sheet becomes a small animated spiral */
.in2 .in2-dot { width: 15px !important; height: 15px !important; border-radius: 0 !important; box-shadow: none !important; animation: in2-spin 3.2s linear infinite !important; background: #2f7d5b !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cpath d='M0 0C1 -1 2 -1.4 3 -.6 4.6 .8 3.6 3.6 1 4.6-2.2 5.8-5.4 3.2-5.6-.6-5.8-5 -2-8.4 2.6-8.2 8-8 10.8-2.8 10-.4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cpath d='M0 0C1 -1 2 -1.4 3 -.6 4.6 .8 3.6 3.6 1 4.6-2.2 5.8-5.4 3.2-5.6-.6-5.8-5 -2-8.4 2.6-8.2 8-8 10.8-2.8 10-.4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat; }
@keyframes in2-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .in2 .in2-dot { animation: none !important; } }

/* logo: two separate SVG halves that part and circle each other on hover (js/cargo-lite.js); the old Cargo image only reserves the space */
.page[page-url^="footer"] media-item.linked { visibility: hidden !important; }
#pd-logo { position: fixed; z-index: 400; display: none; cursor: pointer; mix-blend-mode: normal; }
#pd-logo img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; will-change: transform; user-select: none; -webkit-user-drag: none; pointer-events: none; }
#pd-split { display: none !important; }

/* top fade: the page background is painted over content under the header (z-index 100), so the pinned header/nav/footer must sit above it */
html body:not(.mobile) .page.pinned { z-index: 300; }

/* phone home: EIGEN_DELUSION entry under the project rows */
.pc-eg { display: flex; align-items: baseline; gap: 18px; font-size: 13px; padding: 4px 0 40px; flex: none; }
.pc-eg span { opacity: .6; width: 22px; white-space: nowrap; margin-right: 56px; }
.pc-eg a { position: relative; }

/* top fade, tightened (2026-11-10): only the strip behind the header text, so the first project row stays readable */
html body:not(.mobile)::after {
  height: 64px;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 55%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, black 55%, transparent 100%);
}