@font-face{font-family:FolioSans;src:url('/assets/resume-fonts/archivo-400.woff2') format('woff2');font-style:normal;font-weight:100 500;font-display:swap}
@font-face{font-family:FolioSans;src:url('/assets/resume-fonts/archivo-650.woff2') format('woff2');font-style:normal;font-weight:550 900;font-display:swap}
body:has(.site-shell){background:#f5f4f0;color:#252624}
.site-shell{--ink:#252624;--muted:#6c6e67;--line:#dedfd8;--paper:#f5f4f0;--soft:#eeeee8;--lime:#e7e9e2;--radius:16px;max-width:1320px;margin:auto;padding:0 48px;font-family:FolioSans,Arial,'PingFang SC','Microsoft YaHei',sans-serif;min-height:100vh;background:var(--paper)}
.site-shell h1,.site-shell h2,.site-shell h3{font-family:inherit;font-weight:500}
.site-shell a:focus-visible,.site-shell button:focus-visible,.site-shell input:focus-visible,.site-shell textarea:focus-visible,.site-shell select:focus-visible{outline:2px solid #61665c;outline-offset:5px}
.site-shell .topbar{position:sticky;top:14px;z-index:30;min-height:72px;height:auto;gap:28px;margin:18px 0 0;padding:14px 22px;border:1px solid rgba(209,212,203,.7);border-radius:18px;background:rgba(253,253,249,.88);box-shadow:0 5px 24px #353b2c04}
@supports(backdrop-filter:blur(16px)){.site-shell .topbar{background:rgba(253,253,249,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
.site-shell .topbar .wordmark{width:118px;height:34px;object-fit:contain}
.site-shell .nav-pill{gap:25px;padding:0;background:none;border-radius:0}
.site-shell .nav-pill a{position:relative;padding:8px 0;border-radius:0;background:none;font-size:13px;color:var(--muted);transition:color .2s}
.site-shell .nav-pill a:hover,.site-shell .nav-pill a.active{color:var(--ink)}
.site-shell .nav-pill a.active::after{position:absolute;bottom:3px;left:0;right:0;height:1px;background:currentColor;content:''}
.site-shell .header-actions{gap:19px}
.site-shell .lang-btn{min-height:40px;min-width:30px;padding:8px 0;border:0;font-size:12px;color:var(--muted)}
.site-shell .btn{min-height:46px;border-radius:12px;padding:12px 20px;font-size:13px;font-weight:400;letter-spacing:0;transition:background .18s,border-color .18s,color .18s}
.site-shell .btn.black{background:var(--ink);color:#fafaf6}
.site-shell .btn.outline{border:1px solid #d6d9cf;background:rgba(255,255,251,.4);color:var(--ink)}
.site-shell .btn:hover{transform:none}
.site-shell .btn.black:hover{background:#41443c}
.site-shell .btn.outline:hover{background:rgba(255,255,252,.85);border-color:#c4c9bb}
.site-shell .header-actions .btn{min-height:40px;padding:9px 15px;font-size:12px;background:rgba(255,255,253,.5)}
.site-shell .field input,.site-shell .field textarea,.site-shell .field select{min-height:48px;border-radius:12px;border-color:#d6d9cf;background:#fcfcf8}
.site-shell .site-footer{display:block;margin-top:30px;padding:38px 0 25px;border-top:1px solid var(--line);color:var(--ink)}
.site-shell .footer-top{display:flex;align-items:start;justify-content:space-between;gap:30px}
.site-shell .footer-signature .wordmark{width:118px;height:35px}
.site-shell .footer-signature p{font-size:12px;color:var(--muted);margin:15px 0 0;line-height:1.7}
.site-shell .footer-links{display:flex;gap:28px;font-size:12px;color:var(--muted)}
.site-shell .footer-links a{display:inline-block;padding:8px 0;transition:color .2s}
.site-shell .footer-links a:hover{color:var(--ink)}
.site-shell .footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:10px;color:var(--muted);line-height:1.7;letter-spacing:.015em}
body:has(.site-shell) .modal{border:1px solid #dce0d5;border-radius:18px;background:#fafaf6;box-shadow:0 24px 100px #222a1b1a}
body:has(.site-shell) .modal::backdrop{background:rgba(43,48,38,.22);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body:has(.site-shell) .modal-header{padding:20px 24px;background:rgba(248,249,244,.94);border-bottom:1px solid #dedfd8}
body:has(.site-shell) .modal-header h2{font-size:17px;font-weight:500;letter-spacing:-.02em}
body:has(.site-shell) .modal .btn{border-radius:10px}
@media(max-width:1050px){.site-shell{padding:0 32px}.site-shell .topbar{padding:13px 18px;gap:20px}.site-shell .nav-pill{gap:22px}}
@media(max-width:760px){
 .site-shell{padding:0 22px}.site-shell .topbar{top:8px;margin-top:12px;display:grid;grid-template-columns:1fr auto;row-gap:7px;column-gap:12px;padding:11px 15px 9px;border-radius:15px;min-height:100px}.site-shell .topbar .wordmark{width:101px;height:30px}.site-shell .header-actions{grid-column:2;grid-row:1;gap:10px}.site-shell .header-actions .btn{font-size:11px;padding:8px 11px;min-height:38px;border-radius:10px}.site-shell .lang-btn{font-size:11px;min-width:26px;min-height:38px}.site-shell .nav-pill{grid-column:1/-1;grid-row:2;gap:24px;justify-content:center}.site-shell .nav-pill a{font-size:12px;min-height:35px;padding:8px 0}.site-shell .btn{min-height:44px;padding:12px 17px;font-size:12px}
 .site-shell .site-footer{padding-top:28px;margin-top:20px}.site-shell .footer-top{flex-direction:column;gap:22px}.site-shell .footer-signature p{font-size:11px;margin-top:12px}.site-shell .footer-links{gap:24px;font-size:12px}.site-shell .footer-links a{min-height:40px;display:inline-flex;align-items:center}.site-shell .footer-bottom{font-size:9px;gap:14px;margin-top:25px;padding-top:16px}.site-shell .footer-bottom span:last-child{max-width:190px;text-align:right}
 body:has(.site-shell) .modal-header{padding:15px 16px;flex-wrap:wrap;gap:14px}body:has(.site-shell) .modal-header h2{font-size:15px}body:has(.site-shell) .modal-header .row{flex-wrap:wrap;gap:8px}body:has(.site-shell) .modal-header .btn{min-height:38px;font-size:11px;padding:8px 12px}body:has(.site-shell) .modal-header .icon-btn{margin-left:auto}
}
@media(max-width:370px){.site-shell{padding:0 17px}.site-shell .topbar{padding-inline:12px}.site-shell .nav-pill{gap:21px}.site-shell .header-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){.site-shell *, .site-shell *::before,.site-shell *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Quiet sub-navigation for the document collection. */
.brand-catalog .pdf-view-row{gap:8px;margin-top:-14px;margin-bottom:16px}
.brand-catalog .pdf-view-row button{font-size:12px;padding:8px 13px}
.brand-catalog .catalog-pdf-note{max-width:650px;font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 25px}