/* mostly.eli — unofficial brother resumes */
.resume-intro{padding-top:74px;padding-bottom:64px}
.resume-intro h1{font:800 clamp(66px,8.5vw,111px)/1.02 'DM Sans',system-ui,sans-serif;letter-spacing:-.084em;margin:20px 0 17px}
.resume-intro h1 i{font:italic 600 .96em 'Fraunces',Georgia,serif;color:#bf7860}
.resume-intro h1 .period{font-size:.55em;color:#c58569;letter-spacing:0;margin-left:5px;vertical-align:15px}
.resume-intro>p:not(.eyebrow){font-size:15px;color:#74756e}
.resume-scene{background:#e1eadf;padding:75px 0 90px}
.resume-mason .resume-scene{background:#e5e3d5}
.resume-sheet{max-width:1050px;margin:auto;background:#fffdf7;padding:clamp(22px,5vw,63px);box-shadow:12px 18px 0 #6a8c7114,0 23px 60px #303f301c;position:relative;border:1px solid #e5e0d6}
.resume-sheet:before{content:'';position:absolute;top:-18px;right:18%;width:95px;height:30px;background:#e7bd8c9c;transform:rotate(8deg)}
.resume-sheet-header{display:flex;justify-content:space-between;gap:15px;border-bottom:2px solid var(--ink);padding-bottom:12px;font:700 10px 'DM Mono',monospace;letter-spacing:.13em}
.resume-main{display:grid;grid-template-columns:38% 1fr;gap:46px;padding:42px 0 43px;align-items:center}
.resume-photo-col{position:relative}
.resume-photo{padding:10px 10px 38px;background:#f9f7ee;transform:rotate(-2deg);box-shadow:0 9px 25px #0002;border:1px solid #e9e2d4;aspect-ratio:3/4.3}
.resume-photo img{width:100%;height:100%;object-fit:cover;object-position:center 12%}
.resume-verified{font:700 9px 'DM Mono',monospace;letter-spacing:.09em;margin:21px 0;color:#77786c}
.resume-scribble{font-size:21px;color:#b57c65;transform:rotate(-5deg);margin:8px 0}
.resume-title-col{position:relative}
.resume-title-col h2{font:800 clamp(65px,8vw,104px)/.99 'DM Sans',system-ui,sans-serif;letter-spacing:-.085em;margin:15px 0 13px}
.resume-title-symbol{font:500 50px 'Kalam',cursive;color:#c38c70;margin-left:11px}
.resume-job{font:700 14px 'DM Mono',monospace;line-height:1.6;color:#5a7166}
.resume-lead{font-size:17px;line-height:1.75;max-width:470px;color:#686a5f;margin-top:27px}
.resume-paper-stamp{width:max-content;max-width:160px;border:3px double #c58b73;color:#b77b65;font:800 14px/1.25 'DM Mono',monospace;letter-spacing:.13em;transform:rotate(-10deg);text-align:center;padding:13px 20px;margin:27px 0 0 auto}
.resume-horizontal-rule{border-top:1px dashed #c5c7b8}
.resume-content{display:grid;grid-template-columns:.88fr 1.12fr;gap:60px;padding:52px 0 33px}
.resume-content h3,.resume-report h3{font:800 clamp(28px,3.7vw,41px)/1.05 'DM Sans',system-ui,sans-serif;letter-spacing:-.06em;margin:11px 0 17px}
.resume-content p:not(.eyebrow){font-size:14px;line-height:1.92;color:#73786e}
.resume-fact{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px solid #d9d9cc;padding:11px 0}
.resume-fact span{font:600 9px 'DM Mono',monospace;letter-spacing:.07em;color:#7d7e76;flex:0 0 38%}
.resume-fact strong{font-size:13px;font-weight:700;text-align:right}
.resume-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}
.resume-report{padding:27px;background:#f3e9ce}
.resume-grade{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px dashed #d7c9a9;padding:8px 0;font-size:13px}
.resume-grade strong{font:800 22px 'Fraunces',Georgia,serif;color:#b27c5f}
.resume-report .handwritten{display:block;margin-top:25px;font-size:18px;color:#9a8063;transform:rotate(-2deg)}
.resume-notice{background:#d9e5d8;padding:29px;display:flex;flex-direction:column;min-height:235px;position:relative}
.resume-mason .resume-notice{background:#d5dee5}
.resume-notice p{font:800 clamp(18px,2.5vw,25px)/1.26 'DM Sans',sans-serif;letter-spacing:-.03em;margin-top:28px}
.resume-quote{font-size:21px;line-height:1.2;color:#a87760;transform:rotate(-3deg);margin:auto 0 4px;padding-top:20px}
.resume-sheet-footer{border-top:2px solid var(--ink);display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:50px;padding-top:16px}
.resume-sheet-footer>span:first-child{font:700 9px 'DM Mono',monospace;letter-spacing:.08em;color:#858777}
.resume-sheet-footer .handwritten{font-size:26px;color:#b47b63;transform:rotate(-4deg)}
.resume-navigation{max-width:1050px;margin:36px auto 0;display:flex;justify-content:space-between;align-items:center;gap:25px}
.resume-next{background:#fff9ed;padding:20px 25px;box-shadow:4px 5px 0 #435e3c20;transform:rotate(2deg);transition:transform .18s}
.resume-next:hover{transform:translateY(-5px) rotate(0deg)}
.resume-next strong{display:block;font:800 24px 'DM Sans',sans-serif;letter-spacing:-.04em;margin-top:7px}
.resume-next strong span{color:#be8061}
.resume-gallery-link{font-weight:800;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px}
@media(max-width:820px){.resume-content{gap:25px}.resume-main{gap:28px}.resume-photo{aspect-ratio:3/4.6}}
@media(max-width:570px){.resume-intro{padding:52px 20px 43px}.resume-intro h1{font-size:68px}.resume-scene{padding:38px 0 60px}.resume-sheet{padding:19px}.resume-sheet-header{font-size:7px;letter-spacing:0}.resume-main{grid-template-columns:1fr;gap:12px;padding:26px 0}.resume-photo-col{max-width:270px;margin:auto}.resume-photo{aspect-ratio:3/3.5}.resume-title-col h2{font-size:70px;margin-top:12px}.resume-title-symbol{font-size:36px}.resume-job{font-size:11px}.resume-lead{font-size:14px;margin-top:15px}.resume-paper-stamp{font-size:10px;margin:15px 12px 0 auto}.resume-content,.resume-bottom-grid{grid-template-columns:1fr;gap:30px}.resume-content{padding-top:32px}.resume-content h3,.resume-report h3{font-size:34px}.resume-fact span{flex-basis:40%;font-size:8px}.resume-fact strong{font-size:12px}.resume-sheet-footer{flex-direction:column;align-items:flex-start;margin-top:32px}.resume-navigation{flex-direction:column;align-items:flex-start;padding:0 8px}.resume-gallery-link{margin-top:10px}}