/* Shared multi-page structure */
body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#f1e3d0;color:#321f1e;padding:12px}.skip-link:focus{top:12px}nav a[aria-current=page]{color:#edc6bd}.page-title{font-family:var(--serif);font-size:clamp(48px,5.7vw,80px);font-weight:400;line-height:1.05;letter-spacing:-2px;margin:22px 0 25px;text-shadow:none}.page-title em{color:#bd9288}.page-title>span{margin-left:0;font-style:normal}.career-section .page-title{font-size:clamp(45px,5vw,70px)}.page-work .work{min-height:75vh}.page-work .page-title{color:#261c19}.page-work .page-title em{color:#773440}.page-contact .contact{padding-top:95px;padding-bottom:65px}.page-contact .page-title{color:#2d211e;font-size:clamp(50px,6vw,85px)}.page-contact .page-title em{color:#73313e}.contact-context{padding-top:55px;padding-bottom:55px;display:grid;grid-template-columns:1fr 2fr;gap:20px 50px}.contact-context p{margin:0;line-height:1.8;color:#c6b3a5;max-width:650px}.contact-context>a{grid-column:2}.home-paths{padding-top:25px;padding-bottom:90px}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px}.path-card{border:1px solid #69483e;padding:35px;background:#251a18;transition:border-color .25s,transform .25s}.path-card:nth-child(2){background:#351c23}.path-card:hover{border-color:#c59b87;transform:translateY(-3px)}.path-card>span{font-size:9px;letter-spacing:1.5px;color:#c5a494}.path-card h2{font-size:37px}.path-card p{font-size:13px;line-height:1.8;color:#c4b1a4;max-width:360px}.path-card b{display:block;font-size:12px;font-weight:400;margin-top:30px;color:#ead8c6}.document-page{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:90px;padding-bottom:100px;align-items:center}.document-intro>p{font-size:15px;line-height:1.8;color:#c7b4a7;max-width:420px}.document-intro .availability{font-size:12px;margin-top:25px}.document-preview{aspect-ratio: .77;background:#e9dfd0;color:#422b24;padding:48px;box-shadow:18px 18px 0 #4e2630;border:1px solid #c0a889;display:flex;flex-direction:column}.document-preview>span{font-size:12px;letter-spacing:2px}.document-preview h2{font-size:39px;color:#632e38;padding-bottom:26px;border-bottom:1px solid #b49a84}.paper-rules{flex:1;min-height:170px;margin-top:30px;background:repeating-linear-gradient(transparent 0,transparent 22px,#b5a18b 23px,transparent 24px);opacity:.4}.document-preview>p{font-size:11px;letter-spacing:1px;margin-top:35px}.document-actions{flex-wrap:wrap}.title-dot{color:#a26168}footer{border-top:1px solid #49352e}
@media(max-width:1000px){.document-page{gap:45px}.document-preview{padding:30px}.path-card{padding:25px}}@media(max-width:760px){.page-title{font-size:48px;letter-spacing:-1.5px}.career-section .page-title{font-size:41px}.path-grid{grid-template-columns:1fr}.path-card h2{font-size:34px}.home-paths{padding-bottom:60px}.document-page{grid-template-columns:1fr;padding-top:55px;padding-bottom:65px;gap:40px}.document-preview{max-width:360px;width:calc(100% - 15px);margin:auto}.contact-context{grid-template-columns:1fr;gap:20px}.contact-context>a{grid-column:1}.page-contact .contact{padding-top:60px}.page-contact .page-title{font-size:43px}.contact-main{align-items:center}.page-index .about{padding-top:55px}}
body>footer.wrap{width:100%}

/* Keep the short homepage introduction together on desktop. */
@media(min-width:1100px){.page-index .hero-intro p{max-width:none;white-space:nowrap}}
.resume-pdf-preview{height:660px;min-width:0;border:1px solid #8a6356;background:#e9dfd0;box-shadow:12px 12px 0 #4e2630}.resume-pdf-preview object{display:block;width:100%;height:100%}.resume-pdf-preview p{padding:30px;color:#632e38}.page-resume .document-page{gap:50px;grid-template-columns:.8fr 1.2fr}@media(max-width:760px){.page-resume .document-page{grid-template-columns:1fr}.resume-pdf-preview{height:520px;width:calc(100% - 12px)}}
.resume-image-preview{display:block;min-width:0;border:1px solid #8a6356;background:#fff;box-shadow:12px 12px 0 #4e2630}.resume-image-preview img{display:block;width:100%;height:auto}.resume-image-preview:hover{border-color:#dab39b}@media(max-width:760px){.resume-image-preview{width:calc(100% - 12px)}}
.career-project-link{display:inline-block;margin-top:19px;padding-bottom:5px;border-bottom:1px solid #b67c70;font-size:12px;color:#edcabc;line-height:1.7}.career-project-link span{color:#c6a895}.career-project-link:hover{color:#fff0e3;border-color:#fff0e3}

/* A warm glow across each experience skill box on hover. */
.page-experience .career-tags li {
  cursor: default;
  transition: background-color 220ms ease, border-color 220ms ease, color 220ms ease, box-shadow 220ms ease;
}
@media (hover: hover) {
  .page-experience .career-tags li:hover {
    background-color: #713540;
    border-color: #c48a81;
    color: #fff2e4;
    box-shadow: 0 0 16px #b76b6840, inset 0 0 8px #e2ac9214;
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-experience .career-tags li { transition: none; }
}

.page-resume .resume-image-preview{padding:0;cursor:zoom-in;text-align:left}
.resume-viewer{width:min(1100px,94vw);max-width:94vw;max-height:92vh;padding:0;overflow:auto;background:#fff}
.resume-viewer-toolbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;background:#251b1a;color:#eee1cf;font-size:13px;z-index:1}
.resume-viewer-toolbar button{background:transparent;border:1px solid #8a6356;color:#fff2e4;padding:8px 14px;cursor:pointer}
.resume-viewer>img{display:block;width:100%;height:auto}
body:has(.resume-viewer[open]){overflow:hidden}
.page-resume .resume-image-preview{cursor:text}
.resume-selectable{display:block;width:100%;height:auto;background:#fff;user-select:text;-webkit-user-select:text}
.resume-selectable image{pointer-events:none;user-select:none;-webkit-user-select:none}
.resume-selectable text{fill:transparent;font-family:Arial,sans-serif;cursor:text;user-select:text;-webkit-user-select:text}
.resume-selectable text::selection{fill:transparent;background:#8eabc966}
.resume-selectable a:hover text{fill:#692b37;text-decoration:underline}
.resume-selectable a{cursor:pointer}

.resume-linkedin{margin:22px 0 28px}.resume-linkedin a{display:inline-block;color:#edc9bc;border-bottom:1px solid #a76d70;padding:8px 0;font-size:14px}.resume-linkedin a:hover{color:#fff1df;border-color:#fff1df}

.career-project-link.career-project-link-below{display:table; margin-top:12px}