/* About page: resume layout (dark site theme on screen, clean white A4 in print) */
.about-hero{padding-bottom:70px}
.resume{display:grid;grid-template-columns:330px 1fr;gap:56px;max-width:none;margin:0;padding:30px 4.5vw 90px;color:#F6F1E8}
.rs{align-self:start;position:sticky;top:96px;display:flex;flex-direction:column;gap:34px}
.rs h3,.rsec h2{font:700 11px 'DM Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:#FF6B6E;margin:0 0 14px}
.clist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:14px}
.clist span{display:block;font:600 10px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:rgba(246,241,232,.5);margin-bottom:2px}
.clist a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);overflow-wrap:anywhere}
.clist a:hover{border-color:#F01923}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 14px;font:500 12px 'Manrope',sans-serif}
.ph{border:1px dashed rgba(255,255,255,.28);border-radius:12px;padding:14px 16px;font:500 12px 'DM Mono',monospace;color:rgba(246,241,232,.55)}
.rsec{margin-bottom:56px}
.rsec h2{font-size:12px}
.rsec p{font-size:16px;line-height:1.75;max-width:760px;color:#e6dfd3;margin:0}
.entry{border:1px dashed rgba(255,255,255,.22);border-radius:14px;padding:20px 22px;margin-bottom:14px}
.entry-top{display:grid;grid-template-columns:1fr auto;gap:2px 20px}
.entry-top b{font-size:17px;color:#fff}
.entry-top span{grid-column:1;font:500 13px 'Manrope',sans-serif;color:rgba(246,241,232,.65)}
.entry-top em{grid-row:1/3;grid-column:2;font:600 11px 'DM Mono',monospace;letter-spacing:.08em;color:rgba(246,241,232,.55);align-self:center;font-style:normal !important;font-family:'DM Mono',monospace !important}
.entry ul{margin:14px 0 0;padding-left:18px}
.ph-li{font:400 13px/1.6 'Manrope',sans-serif;color:rgba(246,241,232,.5)}
.rprojs{display:grid;gap:14px}
.rproj{display:block;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:22px;background:#140304;transition:transform .3s ease,border-color .3s ease}
.rproj:hover{transform:translateY(-3px);border-color:#F01923}
.rproj b{font-size:20px;color:#fff}
.rproj div>span{display:block;font:500 12px 'DM Mono',monospace;color:rgba(246,241,232,.6);margin-top:4px}
.rproj p{font-size:14px;margin:14px 0}
.rproj .tags{display:flex;flex-wrap:wrap;gap:8px}
.rproj .tags i{font:500 11px 'DM Mono',monospace;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 12px;font-style:normal}
.rproj>em{display:inline-block;margin-top:16px;font:700 13px 'Manrope',sans-serif;font-style:normal !important;font-family:'Manrope',sans-serif !important;color:#fff}
footer{background:#080102;color:#FFE3E3;border-top:1px solid rgba(240,25,35,.4)}
.about-page{background:#0E0203}
.about-page .case-hero{background:#0E0203}
@media(max-width:900px){.resume{grid-template-columns:1fr;gap:34px}.rs{position:static}}
@media print{
 @page{size:A4;margin:0}
 html{padding:14mm !important}
 .rsec-projects{display:none !important}
 a{color:inherit !important;text-decoration:none !important}
 a[href]:after{content:none !important}
 html,body,.about-page,.about-page .case-hero{background:#fff !important;color:#000 !important}
 .nav,.noise,.case-actions,footer,.scroll-progress,.pt,.contact-dock{display:none !important}
 .case-hero{padding:0 0 10mm !important}
 .about-hero h1,.about-hero .lede,.resume,.clist a,.entry-top b,.rproj b,.rsec p{color:#000 !important}
 .about-hero .eyebrow,.rs h3,.rsec h2{color:#555 !important}
 .resume{display:block;padding:0;max-width:none}
 .rs{position:static;display:grid;grid-template-columns:1fr 1fr;gap:6mm;margin-bottom:8mm}
 .chips li,.ph,.entry,.rproj{border-color:#999 !important;color:#333 !important;background:#fff !important}
 .rproj{break-inside:avoid}.entry{break-inside:avoid}
}

/* Resume details */
.stats{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.stats li{border:1px solid rgba(240,25,35,.5);background:rgba(240,25,35,.08);border-radius:14px;padding:12px 18px;min-width:150px}
.stats b{display:block;font:700 24px/1 Manrope,sans-serif;color:#fff;letter-spacing:-.02em}
.stats span{display:block;font:500 11px/1.4 'DM Mono',monospace;color:rgba(246,241,232,.7);margin-top:6px;max-width:210px}
.rs .sub{font:700 10px 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,241,232,.5);margin:18px 0 10px}
.chips.small li{font-size:11px;padding:5px 11px;opacity:.8}
.edu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.edu b{display:block;font-size:14px;color:#fff;line-height:1.35}
.edu span{display:block;font:500 11px/1.5 'DM Mono',monospace;color:rgba(246,241,232,.6);margin-top:3px}
.entry:not(:has(.ph-li)){border-style:solid;border-color:rgba(255,255,255,.16)}
.entry ul li:not(.ph-li){font-size:14px;line-height:1.65;color:#e6dfd3;margin-bottom:4px}
@media print{.stats li{border-color:#999 !important;background:none !important}.stats b{color:#000 !important}.stats span,.edu span{color:#333 !important}.edu b{color:#000 !important}}
.entry ul a{color:#fff;border-bottom:1px solid rgba(255,255,255,.35);text-decoration:none}.entry ul a:hover{border-color:#F01923;color:#FF6B6E}
