main.resume-page{--resume-bg:#f7f9fc;--resume-surface:#fff;--resume-soft:#f3f4f6;--resume-ink:#111827;--resume-copy:#4b5563;--resume-muted:#6b7280;--resume-faint:#9ca3af;--resume-line:#dbe3ee;--resume-line-strong:#c6d1df;--resume-blue:#0052ff;--resume-blue-soft:#edf3ff;--resume-grid:#809dbe21;--resume-shadow:0 32px 90px #1118271a, 0 8px 22px #1118270e;isolation:isolate;scroll-behavior:smooth;background:var(--resume-bg);min-height:calc(100vh - 160px);color:var(--resume-ink);flex-direction:column;flex:1;font-family:Inter,Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden auto}main.resume-page:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(to right, var(--resume-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--resume-grid) 1px, transparent 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000c7,#00000047 82%,#0000);mask-image:linear-gradient(#000000c7,#00000047 82%,#0000)}main.resume-page .shell{width:min(100% - 64px,1120px);margin-inline:auto}main.resume-page .page-heading{border-bottom:1px solid var(--resume-line);padding:4rem 0 2.8rem}main.resume-page .page-heading-top{align-items:center;gap:1rem;display:flex}main.resume-page .page-heading .kicker{color:var(--resume-blue);letter-spacing:.14em;text-transform:uppercase;margin:0;font:700 .67rem/1.3 JetBrains Mono,SFMono-Regular,Consolas,monospace}main.resume-page .page-heading h1{max-width:840px;color:var(--resume-ink);letter-spacing:-.085em;margin:1.1rem 0 1rem;font-size:clamp(3.2rem,7vw,6.8rem);font-weight:800;line-height:.9}main.resume-page .page-heading>p:last-child{max-width:660px;color:var(--resume-copy);margin:0;font-size:1rem;line-height:1.7}main.resume-page .resume-view{width:min(100% - 64px,850px);margin:2.25rem auto 5rem;position:relative}main.resume-page .resume-actions{z-index:4;border:1px solid var(--resume-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;justify-content:flex-end;align-items:center;gap:.4rem;min-height:50px;margin:0 0 1rem;padding:.35rem;display:flex;position:sticky;top:1rem;box-shadow:0 12px 30px #11182714}main.resume-page .resume-actions .button{border:1px solid var(--resume-blue);background:var(--resume-blue);color:#fff;letter-spacing:.01em;border-radius:0;justify-content:center;align-items:center;gap:.45rem;min-height:38px;padding:.62rem .9rem;font-size:.72rem;font-weight:800;text-decoration:none;transition:box-shadow .18s,transform .18s,background-color .18s;display:inline-flex;box-shadow:0 6px 15px #0052ff2e,inset 0 -2px #0000001f}main.resume-page .resume-actions .button.outline{border-color:var(--resume-line-strong);background:var(--resume-surface);color:var(--resume-ink);box-shadow:none}main.resume-page .resume-actions .button:hover{transform:translateY(-1px);box-shadow:0 9px 22px #0052ff3b,inset 0 -1px #0000001f}main.resume-page .resume-actions .button.outline:hover{border-color:var(--resume-blue);color:var(--resume-blue);box-shadow:0 6px 18px #0052ff1a}main.resume-page .resume-actions .button:active{transform:translateY(1px);box-shadow:inset 0 2px 3px #0000002b}main.resume-page .resume-actions svg{width:15px;height:15px}main.resume-page .resume-preview-label{min-height:42px;color:var(--resume-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;font:700 .62rem/1.25 JetBrains Mono,SFMono-Regular,Consolas,monospace;display:flex}main.resume-page .resume-preview-label small{color:var(--resume-faint);font:inherit;font-size:.58rem}main.resume-page .resume-document-frame{border:1px solid var(--resume-line-strong);width:100%;height:clamp(720px,80dvh,980px);box-shadow:var(--resume-shadow);overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;background:#dfe3e8;border-radius:0;display:block;overflow:hidden auto}main.resume-page .resume-document-frame:focus-visible{outline:3px solid var(--resume-blue);outline-offset:3px}main.resume-page .resume-document-frame img{border-bottom:1px solid var(--resume-line-strong);background:#fff;width:100%;height:auto;display:block}main.resume-page .resume-document-frame img:last-child{border-bottom:0}main.resume-page .resume-download-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1118274d;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}main.resume-page .resume-download-dialog{border:1px solid var(--resume-line-strong);background:var(--resume-surface);width:min(100%,470px);box-shadow:var(--resume-shadow);padding:2rem;position:relative}main.resume-page .resume-download-close{border:1px solid var(--resume-line);width:32px;height:32px;color:var(--resume-muted);background:0 0;border-radius:0;place-items:center;display:grid;position:absolute;top:.9rem;right:.9rem}main.resume-page .resume-download-close:hover{border-color:var(--resume-blue);color:var(--resume-blue)}main.resume-page .resume-download-dialog .kicker{color:var(--resume-blue);letter-spacing:.13em;margin:0;font:700 .64rem/1.3 JetBrains Mono,monospace}main.resume-page .resume-download-dialog h2{color:var(--resume-ink);letter-spacing:-.05em;margin:.75rem 0 .5rem;font-size:2rem;font-weight:800}main.resume-page .resume-download-dialog>p:not(.kicker){color:var(--resume-copy);margin:0;font-size:.95rem;line-height:1.6}main.resume-page .resume-download-options{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}main.resume-page .resume-download-options .button{border:1px solid var(--resume-blue);background:var(--resume-blue);color:#fff;border-radius:0;align-items:center;gap:.45rem;min-height:42px;padding:.7rem .9rem;font-size:.75rem;font-weight:800;text-decoration:none;display:inline-flex}main.resume-page .resume-download-options .button.outline{background:var(--resume-surface);color:var(--resume-ink)}main.resume-page .resume-download-options .button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0052ff2e}main.resume-page .resume-download-options svg{width:15px;height:15px}@media (max-width:760px){main.resume-page{min-height:calc(100vh - 120px)}main.resume-page .shell,main.resume-page .resume-view{width:calc(100% - 32px)}main.resume-page .page-heading{padding:3rem 0 2.2rem}main.resume-page .page-heading h1{font-size:clamp(3rem,13vw,5.2rem)}main.resume-page .page-heading>p:last-child{font-size:.95rem}main.resume-page .resume-view{margin-top:1.25rem}main.resume-page .resume-actions{justify-content:stretch;top:.5rem;overflow-x:auto}main.resume-page .resume-actions .button{white-space:nowrap;flex:1 0 auto}main.resume-page .resume-document-frame{height:max(620px,76dvh)}main.resume-page .resume-preview-label{flex-direction:column;align-items:flex-start;gap:.35rem}}@media (prefers-reduced-motion:reduce){main.resume-page{scroll-behavior:auto}main.resume-page *,main.resume-page :before,main.resume-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{main.resume-page{background:#fff;overflow:visible}main.resume-page:before,main.resume-page .page-heading,main.resume-page .resume-actions,main.resume-page .resume-preview-label{display:none}main.resume-page .resume-view{width:100%;margin:0}main.resume-page .resume-document-frame{height:auto;box-shadow:none;background:#fff;border:0;overflow:visible}main.resume-page .resume-document-frame img{break-after:page;border:0}main.resume-page .resume-document-frame img:last-child{break-after:auto}}
