/* Iosevka is loaded by portfolio.css. Grid is CSS, with no image dependency. */
.cutting-mat{background-color:#0b0b0b;background-image:linear-gradient(#ffffff13 1px,transparent 1px),linear-gradient(90deg,#ffffff13 1px,transparent 1px),linear-gradient(#ffffff26 1px,transparent 1px),linear-gradient(90deg,#ffffff26 1px,transparent 1px);background-size:24px 24px,24px 24px,120px 120px,120px 120px;background-position:-1px -1px}.cutting-mat .site-header,.cutting-mat .intro,.cutting-mat .site-footer{background:#0b0b0bf2}.craft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.craft-project{background:#111;border:1px solid #666;padding:28px;min-width:0}.craft-project h2{font-size:30px;min-height:2.5em}.photo-space{aspect-ratio:4/3;border:1px dashed #777;background:#191919;display:grid;place-items:center;text-align:center;margin:24px 0;color:#bdbdbd}.photo-space em{font-size:14px}.craft-project figure img{aspect-ratio:auto;object-fit:contain}.listening-block{margin:48px 0;padding:32px;background:#111;border:1px solid #666}.music-embed{margin-top:24px;max-width:480px}.music-embed img{max-width:100%;height:auto}@media(max-width:760px){.craft-grid{grid-template-columns:1fr}.craft-project{padding:22px}.craft-project h2{min-height:0}.listening-block{padding:22px}}

/* Watch case study: full-width entry with uncropped process photographs. */
.watch-project{grid-column:1 / -1;scroll-margin-top:24px}.watch-project h2{min-height:0}.watch-overview{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.watch-overview>figure{margin:0}.watch-project figure{min-width:0}.watch-project figure img{width:100%;height:auto;object-fit:contain}.watch-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.watch-photo-grid figure{margin:0}.watch-project figcaption{font-size:14px;line-height:1.55}.watch-steps{max-width:85ch}.watch-steps li{padding-left:6px;margin-bottom:16px}.watch-build-gallery{margin-bottom:28px}@media(max-width:900px){.watch-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.watch-overview,.watch-photo-grid{grid-template-columns:1fr}.watch-overview{gap:20px}}