/* Isolated promo and discovery treatment for resume-13_pixel.html. */
.variant-13-pixel .hero-pixel-secret{position:relative;display:flex;flex-direction:column;align-items:flex-end;width:100%;margin-top:-6px}
.variant-13-pixel .hero-name-row{display:flex;align-items:center;gap:6px;width:fit-content;max-width:100%}
.variant-13-pixel .hero-name-row h1{margin:8px 0 15px}

/* Instruction strip: the three-cell mark is decoration only. */
.variant-13-pixel .pixel-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;width:fit-content;max-width:100%;padding:7px 10px 8px;border-bottom:1px solid #111}
.variant-13-pixel .pixel-strip-message{font-size:12px;line-height:1.4;white-space:nowrap;color:#111}
.variant-13-pixel .strip-pixel-mark{display:grid;grid-template-columns:repeat(2,6px);grid-template-rows:repeat(2,6px);gap:2px;place-content:center;flex:none;width:22px;height:22px}
.variant-13-pixel .strip-pixel-mark i{display:block;width:6px;height:6px;background:#111}

/* One tiny clickable pixel at the quiet lower edge of the hero copy. */
.variant-13-pixel .found-pixel{appearance:none;display:grid;place-content:center;grid-template-columns:3px;grid-template-rows:3px;flex:none;width:20px;height:20px;margin-top:-8px;padding:0;border:0;background:transparent;cursor:pointer}
.variant-13-pixel .found-pixel i{display:block;width:3px;height:3px;background:#111}
.variant-13-pixel .found-pixel:focus-visible{outline:1px solid #111;outline-offset:2px}

/* Compact perforated coupon folds open from the discovery point. */
.variant-13-pixel .pixel-coupon-disclosure{display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;visibility:hidden;transition:grid-template-rows .42s cubic-bezier(.2,.75,.25,1),margin-top .42s ease,opacity .2s ease,visibility 0s linear .42s}
.variant-13-pixel .pixel-coupon-inner{min-height:0;overflow:hidden;transform-origin:right top;clip-path:inset(0 0 0 100%);transition:clip-path .54s cubic-bezier(.2,.75,.25,1)}
.variant-13-pixel .pixel-coupon-label{position:relative;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:3px 9px;width:min(340px,100%);margin-left:auto;padding:8px 10px 7px;border:1px dashed #111;background:#fff}
.variant-13-pixel .pixel-coupon-label::before{content:"";position:absolute;top:-1px;left:11px;right:11px;height:1px;background:repeating-linear-gradient(90deg,#111 0 3px,transparent 3px 6px);clip-path:inset(0 0 0 100%);transition:clip-path .58s cubic-bezier(.2,.75,.25,1) .1s}
.variant-13-pixel .pixel-coupon-kicker{grid-column:1/-1;font-size:8px;font-weight:700;letter-spacing:.14em}
.variant-13-pixel .pixel-coupon-label code{font:700 20px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.045em;color:#111}
.variant-13-pixel .pixel-copy-button{display:grid;place-items:center;width:25px;height:25px;padding:4px;border:1px solid #111;background:#fff;color:#111;cursor:pointer;transition:background .18s,color .18s,transform .18s}
.variant-13-pixel .pixel-copy-button:hover{background:#111;color:#fff;transform:translateY(-1px)}
.variant-13-pixel .pixel-copy-button:focus-visible{outline:2px solid #111;outline-offset:3px}
.variant-13-pixel .pixel-copy-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter}
.variant-13-pixel .pixel-coupon-note{font-size:10px;line-height:1.35;color:#333}
.variant-13-pixel .pixel-copy-status{grid-column:1/-1;font-size:9px;line-height:1.2;color:#333}
.variant-13-pixel .pixel-copy-status:empty{display:none}
.variant-13-pixel .hero-pixel-secret.is-open .pixel-coupon-disclosure{grid-template-rows:1fr;margin-top:5px;opacity:1;visibility:visible;transition-delay:0s}
.variant-13-pixel .hero-pixel-secret.is-open .pixel-coupon-inner{clip-path:inset(0)}
.variant-13-pixel .hero-pixel-secret.is-open .pixel-coupon-label::before{clip-path:inset(0)}

@media(max-width:600px){
  .variant-13-pixel .pixel-strip{width:100%;gap:8px;padding:7px 7px 8px}
  .variant-13-pixel .pixel-strip-message{white-space:normal;flex:1}
  .variant-13-pixel .hero-pixel-secret{width:100%}
  .variant-13-pixel .pixel-coupon-label{width:min(340px,calc(100vw - 80px));grid-template-columns:1fr auto;gap:4px 8px;padding:7px 9px 6px}
  .variant-13-pixel .pixel-coupon-note{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
  .variant-13-pixel .pixel-coupon-disclosure,
  .variant-13-pixel .pixel-coupon-inner,
  .variant-13-pixel .pixel-coupon-label::before,
  .variant-13-pixel .pixel-copy-button{transition-duration:.01ms!important}
}

/* The footer rule continues into a restrained, hand-drawn signature flourish below the text. */
.variant-13-pixel .v-footer{display:block;margin-top:0;padding:0;border:0}
.variant-13-pixel .footer-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.variant-13-pixel .footer-copy{display:flex;align-items:center;gap:10px}
.variant-13-pixel .footer-year{padding-right:10px;border-right:1px solid #111;color:#111;font-size:10px;font-weight:700;letter-spacing:.1em}
.variant-13-pixel .footer-meta .print{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #111;border-radius:0;background:#111;color:#fff;font:700 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s,transform .18s}
.variant-13-pixel .footer-meta .print:hover{background:#fff;color:#111;box-shadow:3px 3px 0 #111;transform:translate(-1px,-1px)}
.variant-13-pixel .footer-meta .print:focus-visible{outline:2px solid #111;outline-offset:3px}
.variant-13-pixel .footer-meta .print svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}
.variant-13-pixel .footer-line-art{display:block;width:100%;height:auto;margin-top:10px;overflow:visible;color:#111}
.variant-13-pixel .footer-line-art path{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;animation:none}
.variant-13-pixel .footer-line-art.is-visible path{stroke-dashoffset:1;animation:footer-line-draw 2.2s .15s cubic-bezier(.2,.65,.25,1) forwards}
@keyframes footer-line-draw{to{stroke-dashoffset:0}}
@media(max-width:600px){
  .variant-13-pixel .footer-meta{align-items:flex-start}
  .variant-13-pixel .footer-copy{align-items:flex-start;gap:8px}
  .variant-13-pixel .footer-line-art{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.variant-13-pixel .footer-line-art path{animation:none;stroke-dasharray:none;stroke-dashoffset:0}}