/* Pixel Pickles captures retain the portfolio's dark shell and the studio's lime accent. */
body.project-pixel-pickles{--project-accent:#d5f879;--project-accent-dark:#20341f}
.site-page .project-card .project-scene.pixel-capture-card{display:block;padding:0;background:radial-gradient(ellipse at 100% 0,#325b35,transparent 75%),#14382b;isolation:isolate}
.site-page .project-card .pixel-capture-card .scene-top{color:#e1edca}
.site-page .project-card .pixel-capture-card .scene-caption{display:block;left:8%;right:8%;bottom:3%;font-size:clamp(7px,1.8cqw,10px);line-height:1.4;color:#e1edca}
.site-page .project-card .pixel-preview-title{position:absolute;top:14%;left:8%;right:8%;font-size:clamp(18px,5.3cqw,30px);font-weight:600;line-height:1.2;letter-spacing:-.045em;color:#f2f5e7}
.site-page .project-card .pixel-preview-title>span{display:none;font-size:clamp(8px,2.2cqw,12px);font-weight:400;line-height:1.5;letter-spacing:0;margin-top:5px;color:#c5d8b3}
.site-page .project-card .pixel-preview-image{display:block;position:absolute;top:29%;left:13%;width:74%;height:auto;aspect-ratio:8/5;object-fit:contain;border:1px solid #bfd57d66;border-radius:8px;box-shadow:0 20px 45px #0005}
.project-pixel-pickles .pixel-capture-cover{margin-bottom:40px}
.project-pixel-pickles .capture-image-link{display:block;border:1px solid #556344;border-radius:18px;overflow:hidden;background:#f7f5eb}
.project-pixel-pickles .capture-image-link:hover{border-color:#d5f879}
.project-pixel-pickles .capture-image-link img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain}
.project-pixel-pickles .capture-kicker{display:block;color:#d5f879;line-height:1.7;margin-bottom:19px}
.project-pixel-pickles .capture-video{margin:30px 0 0;min-width:0}
.project-pixel-pickles .capture-video video{display:block;width:100%;height:auto;aspect-ratio:8/5;border:1px solid #556344;border-radius:16px;background:#17251d}
.project-pixel-pickles .capture-video video:focus-visible{outline:3px solid #d5f879;outline-offset:5px}
.project-pixel-pickles .capture-video figcaption,.project-pixel-pickles .capture-detail figcaption,.project-pixel-pickles .pixel-capture-cover figcaption{font:11px/1.7 var(--mono);color:#bac6b4;margin-top:14px;max-width:100%;letter-spacing:0}
.project-pixel-pickles .capture-description{margin-top:20px;border-top:1px solid #384632;border-bottom:1px solid #384632;padding:4px 0}
.project-pixel-pickles .capture-description summary{cursor:pointer;padding:14px 0;font-size:13px;color:#dce5d7;min-height:44px}
.project-pixel-pickles .capture-description p{font-size:14px;line-height:1.8;color:#c1cbb9;margin:0 0 18px;max-width:65ch}
.project-pixel-pickles .capture-detail{margin:58px 0 0}
.project-pixel-pickles .capture-detail-heading>.mono{font-size:10px;color:#d5f879;line-height:1.7}
.project-pixel-pickles .capture-detail-heading h3{font:400 clamp(28px,3vw,38px)/1.15 var(--serif);letter-spacing:-.035em;color:#eef1e5;margin:14px 0 18px}
.project-pixel-pickles .capture-detail-heading p{font-size:15px;line-height:1.8;color:#c1cbb9;max-width:62ch;margin:0 0 24px}
@media(max-width:760px){
  .project-pixel-pickles .capture-image-link,.project-pixel-pickles .capture-video video{border-radius:10px}
  .project-pixel-pickles .capture-detail{margin-top:40px}
  .project-pixel-pickles .capture-detail-heading p{font-size:14px}
  .project-pixel-pickles .capture-video figcaption,.project-pixel-pickles .capture-detail figcaption,.project-pixel-pickles .pixel-capture-cover figcaption{font-size:10px}
}