/* Resume page — preview + download. */

.resume{padding-top:60px;padding-bottom:100px}
.resume>h1{font:400 clamp(55px,7vw,106px)/.95 var(--serif);letter-spacing:-.045em;margin:0 0 40px}

/* Actions */
.resume-actions{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;margin-bottom:55px}
.resume-download{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--paper);
  padding:15px 26px;font-size:14px;line-height:1;transition:opacity .2s ease}
.resume-download:hover{color:var(--paper);opacity:.85}
.resume-open{font-size:14px;text-decoration:underline;text-underline-offset:5px}

/* Preview sheet */
.resume-preview{margin:0;max-width:880px}
.resume-preview a{display:block;background:#fff;box-shadow:0 18px 45px #2d29231c;transition:box-shadow .25s ease}
.resume-preview a:hover{box-shadow:0 22px 55px #2d292330}
.resume-preview img{display:block;width:100%;height:auto;aspect-ratio:595/842}

/* Home mark, matching the homepage header (red mark reads on paper;
   the work pages' white phoenix is built for their dark background). */
.home-mark{display:flex;align-items:center;flex:none}
.home-mark img{height:46px;width:30px;object-fit:contain}

@media(max-width:800px){
  .resume{padding-top:45px;padding-bottom:70px}
  .resume>h1{margin-bottom:30px}
  .resume-actions{margin-bottom:38px}
  .resume-preview a{box-shadow:0 10px 24px #2d29231c}
}
@media(max-width:500px){.home-mark img{height:38px}}