/* Original artwork and real captures remain separate, with a 7-degree feathered seam. */
.sample-stats dl{display:grid;grid-template-columns:repeat(var(--stat-count,2),minmax(0,1fr));gap:12px 8px}
.sample-stats dd{font-size:clamp(18px,1.7vw,23px)}
.sample-stats dt{line-height:1.35;overflow-wrap:break-word}
.art-split{position:absolute;inset:0;overflow:hidden;background:#8eb3b2}
.art-split>.project-image{position:absolute;left:0;top:0;width:65%;height:100%;object-fit:cover;object-position:35% 70%}
.art-split.larp>.project-image{left:-6%;object-position:65% 73%}
.capture-side{position:absolute;inset:0;mask-image:linear-gradient(83deg,transparent calc(50% - 3px),#000 calc(50% + 3px));-webkit-mask-image:linear-gradient(83deg,transparent calc(50% - 3px),#000 calc(50% + 3px))}
.capture-side img{position:absolute;right:0;top:0;width:60%;height:100%;object-fit:cover;object-position:50% 55%;image-rendering:auto}
.art-split.icon .capture-side img{right:-5%}
.art-split.larp .capture-side img{width:62%;object-position:65% 50%}
.project-art:has(.art-split)::after{opacity:.3}

/* A compact manuscript folio: warm parchment, rubricated initials, and ink details. */
.project-rail .notes h2{font:600 italic 24px/1.2 'Playfair Display',Georgia,serif;color:#e8d6aa;display:flex;align-items:center;gap:10px}
.notes h2::after{content:'';width:32px;height:32px;background:url('/assets/scribe-quill.svg') center/contain no-repeat;opacity:.8}
.notes .note-board{position:relative;isolation:isolate;display:grid;padding:12px 14px 18px;background-color:#e7d3a5;background-image:radial-gradient(ellipse at 0 0,#9c6e3638,transparent 55%),radial-gradient(ellipse at 100% 100%,#a66e3b30,transparent 60%),repeating-linear-gradient(0deg,transparent 0 23px,#97764012 23px 24px);border:0;border-left:3px solid #a38049;border-right:3px solid #bd9c63;box-shadow:inset 2px 0 #f8e8bd,inset -2px 0 #f5e4b8,0 4px 0 #152b33;margin-top:16px}
.notes .note-board::before,.notes .note-board::after{content:'';position:absolute;left:-7px;right:-7px;height:9px;background:linear-gradient(#f4e4bb 0 2px,#c8a76c 2px 5px,#8d683f 5px 7px,#b99359 7px);box-shadow:2px 2px 0 #152b3366;pointer-events:none}
.notes .note-board::before{top:-5px}.notes .note-board::after{bottom:-5px}
.notes .note-link{position:relative;grid-template-columns:minmax(0,1fr) 20px;gap:4px 8px;min-height:68px;padding:12px 0;border-bottom:1px solid #97744355;color:#443422;transition:background-color .15s}
.notes .note-link:last-child{border-bottom:0;padding-bottom:8px}
.notes .note-link time{font:italic 12px/1.3 'Playfair Display',Georgia,serif;color:#795a38;letter-spacing:.035em}
.notes .note-title{display:block;font:600 17px/1.4 'Playfair Display',Georgia,serif;text-wrap:pretty}
.notes .note-title::first-letter{color:#8d382a;font-size:1.35em}
.notes .note-link .ui-icon{align-self:center;width:20px;height:20px;padding:0;background:none;color:#75512d;box-shadow:none;stroke-width:1.5}
.notes .note-link:is(:hover,:focus-visible){background:#fff1ce70;color:#3b271b}
.notes .note-link:is(:hover,:focus-visible) .ui-icon{background:none;color:#8d382a}
.notes .note-link:focus-visible{outline:2px solid #8d382a;outline-offset:3px}
@media(max-width:1050px) and (min-width:761px){.notes .note-board{padding-inline:10px}.notes .note-title{font-size:16px}}

/* Resume uses the same raised key, with an unmistakable blue face. */
.detail-link.resume-link{margin-top:20px;padding-inline:12px;gap:10px;background:#286aa2;background-image:linear-gradient(#347db6 0 48%,#286aa2 48%);color:#f1f8ff;border-color:#152e48;text-shadow:0 1px #163b60;box-shadow:inset 2px 2px #83badb,inset -2px -3px #1b4d7b,0 5px 0 #173b60,0 7px 0 #112b37;font-size:18px;line-height:1.2}
.resume-link span{min-width:0}
.detail-link.resume-link::before{border-color:#aacfed66;background:linear-gradient(#c0e5fb,#c0e5fb) left top/3px 3px no-repeat,linear-gradient(#c0e5fb,#c0e5fb) right top/3px 3px no-repeat}
.detail-link.resume-link::after{background:#d3efff77}
.detail-link.resume-link .ui-icon{background:#183e61;color:#d9efff;box-shadow:inset 1px 1px #0f2c46,0 1px #85b8da}
.detail-link.resume-link:is(:hover,:focus-visible){background-image:linear-gradient(#408bc2 0 48%,#337aaf 48%)}
.detail-link.resume-link:focus-visible{outline-color:#c8ecff}
.detail-link.resume-link:active{box-shadow:inset 2px 2px #1b4d7b,inset -2px -2px #83badb,0 1px 0 #173b60,0 3px 0 #112b37}