:root{font-family:Arial,Helvetica,sans-serif;color:#fff7ed;background:#17120f;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#4a2415,#17120f 60%)}.card{width:min(100%,520px);padding:42px 28px 26px;text-align:center;border:1px solid #75442c;border-radius:24px;background:#231712e6;box-shadow:0 24px 70px #00000059}.top-controls{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:28px}.mode-switch,.menu-button{padding:8px 10px;border:1px solid #895033;border-radius:7px;color:#f6b26b;background:#2d1c15;font:inherit;font-size:.76rem;cursor:pointer}.mode-switch:hover,.menu-button:hover,.mode-switch:focus-visible,.menu-button:focus-visible{color:#fff7ed;background:#4b291b}.menu-wrap{position:relative}.dropdown{position:absolute;top:calc(100% + 7px);right:0;min-width:150px;padding:6px;border:1px solid #895033;border-radius:9px;background:#211511;box-shadow:0 12px 28px #0000004d}.dropdown a{display:block;padding:9px 10px;border-radius:6px;color:#fff7ed;text-decoration:none;font-size:.82rem}.dropdown a:hover,.dropdown a:focus-visible{background:#4b291b}.section-block{margin-top:28px;text-align:left}.section-block h2,.resume-section h2{margin:0 0 10px;color:#f6b26b;font-size:1.1rem}.section-block .intro{margin:0}.text-link,.back-link{display:inline-block;margin-top:12px;color:#f6b26b;font-size:.85rem}.page-card{text-align:left}.page-card h1{text-align:center}.page-card>.eyebrow,.page-card>.intro{text-align:center}.project-card{display:grid;gap:4px;padding:15px 18px;color:inherit;text-decoration:none;border:1px solid #895033;border-radius:12px;background:#2d1c15}.project-card span{color:#d9c4b4;font-size:.85rem}.project-card:hover,.project-card:focus-visible{background:#4b291b}.resume-section{margin-top:22px;padding-top:14px;border-top:1px solid #5c3928}.resume-section p{margin:0;color:#d9c4b4}.avatar-placeholder{width:180px;min-height:52px;margin:0 auto 20px;display:grid;place-items:center;padding:12px;border:1px dashed #f6b26b;border-radius:8px;color:#f6b26b;font-size:.8rem}.eyebrow{margin:0 0 8px;color:#f6b26b;font-size:.72rem;font-weight:700;letter-spacing:.16em}h1{margin:0;font-size:clamp(2rem,8vw,3rem)}.intro{max-width:360px;margin:12px auto 28px;color:#d9c4b4}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px;padding:5px;border-radius:12px;background:#211511}.tab{padding:11px 8px;border:0;border-radius:8px;color:#d9c4b4;background:transparent;font:inherit;cursor:pointer}.tab:hover,.tab:focus-visible{color:#fff7ed}.tab.active{color:#2d1c15;background:#f6b26b;font-weight:700}.links{display:grid;gap:13px}.link{display:flex;justify-content:space-between;gap:16px;padding:15px 18px;color:inherit;text-decoration:none;border:1px solid #895033;border-radius:12px;background:#2d1c15;transition:transform .16s ease,background .16s ease}.link:hover,.link:focus-visible{transform:translateY(-2px);background:#4b291b;outline:none}footer{margin-top:28px;color:#a88d7c;font-size:.8rem}.page-size-tab{padding:7px 9px;border:1px solid #5c3928;border-radius:7px;color:#d9c4b4;background:#211511;font-size:.7rem;white-space:nowrap}