.new-page-header{max-width:1100px;margin:0 auto;padding:8rem 2rem 1rem}.new-page-title{font-family:"Instrument Serif",serif;font-size:clamp(2rem,4vw,3rem);font-weight:400}@media(max-width:640px){.new-page-header{padding-top:3rem}}.value-card,.experience-item,.education-item,.credential-item,.project-card,.publication-item,.testimonial-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;transition:border-color .18s ease,background-color .18s ease}.value-card:hover,.experience-item:hover,.education-item:hover,.credential-item:hover,.project-card:hover,.publication-item:hover,.testimonial-card:hover{border-color:var(--accent);background:var(--surface-hover)}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.value-card{padding:2rem}.value-card h3{font-size:1.05rem;font-weight:500;margin-bottom:.5rem}.value-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.7;font-weight:300}@media(max-width:860px){.values-grid{grid-template-columns:1fr}}.experience-list{display:flex;flex-direction:column;gap:1rem}.experience-item{display:grid;grid-template-columns:150px 1fr auto;gap:2rem;align-items:start;padding:2rem}.exp-date{font-size:.85rem;color:var(--text-secondary);padding-top:.25rem;font-variant-numeric:tabular-nums}.exp-content h3{font-size:1.15rem;font-weight:500;margin-bottom:.3rem}.exp-content .company{color:var(--accent);font-size:.9rem;margin-bottom:.75rem}.exp-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.7;font-weight:300}.exp-tags{display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.25rem}.exp-tag{font-size:.7rem;padding:.25rem .7rem;border-radius:100px;border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap}@media(max-width:720px){.experience-item{grid-template-columns:1fr;gap:.75rem}}.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.education-list{display:flex;flex-direction:column;gap:1.25rem}.education-item{padding:1.5rem}.education-item h3{font-size:1.05rem;font-weight:500;margin-bottom:.25rem}.education-item .school{color:var(--accent);font-size:.85rem;margin-bottom:.4rem}.education-item .year{font-size:.8rem;color:var(--text-secondary)}.credentials-list{display:flex;flex-direction:column;gap:1rem}.credential-item{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.4rem;border-radius:12px}.credential-icon{width:38px;height:38px;border-radius:10px;background:var(--accent-glow);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.credential-item h3{font-size:.9rem;font-weight:500;margin-bottom:.15rem}.credential-item span{font-size:.78rem;color:var(--text-secondary)}@media(max-width:720px){.education-grid{grid-template-columns:1fr}}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-card{padding:2rem}.project-label{font-size:.7rem;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem}.project-card h3{font-family:"Instrument Serif",serif;font-size:1.5rem;font-weight:400;margin-bottom:.75rem}.project-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7;font-weight:300}.project-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.85rem;color:var(--accent);text-decoration:none}@media(max-width:720px){.projects-grid{grid-template-columns:1fr}}.publication-item{padding:1.5rem 1.75rem;margin-bottom:1rem}.publication-item h3{font-size:1rem;font-weight:500;font-style:italic;margin-bottom:.25rem}.publication-item span{font-size:.82rem;color:var(--text-secondary);font-weight:300}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.testimonial-card{padding:2rem;display:flex;flex-direction:column}.testimonial-quote{font-size:.9rem;color:var(--text-secondary);line-height:1.75;font-weight:300;font-style:italic;flex-grow:1;margin-bottom:1.5rem}.testimonial-quote:before{content:"“";font-family:"Instrument Serif",serif;font-size:2rem;color:var(--accent);line-height:0;vertical-align:-.35em;margin-right:.15em}.testimonial-author{border-top:1px solid var(--border);padding-top:1rem}.testimonial-author strong{font-size:.85rem;font-weight:500;color:var(--text);display:block;margin-bottom:.15rem}.testimonial-author span{font-size:.75rem;color:var(--text-secondary);font-weight:300}@media(max-width:720px){.testimonials-grid{grid-template-columns:1fr}}.game-description{color:var(--text-secondary);font-size:1rem;font-weight:300;line-height:1.7;max-width:560px;margin-bottom:2rem}.game-wrapper{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#0a0a1a;aspect-ratio:2 / 1}.game-wrapper canvas{width:100%;height:100%;display:block}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a14bf;z-index:2}.game-overlay-content{text-align:center}.game-overlay-content h3{font-family:"Instrument Serif",serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:400;color:#fff;margin-bottom:.5rem}.game-overlay-content p{color:#b7b5c2;font-size:.9rem;margin-bottom:1.5rem;font-weight:300;line-height:1.6}.game-hud{position:absolute;top:0;left:0;right:0;display:none;justify-content:space-between;padding:.6rem 1rem;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent);color:#fff;font-size:.78rem;font-weight:500;letter-spacing:.02em;z-index:1;pointer-events:none}.game-hud button{pointer-events:auto}.game-controls-hint{color:var(--text-secondary);font-size:.82rem;font-weight:300;margin-top:1.25rem;text-align:center}.game-touch-controls{display:none;position:absolute;bottom:12px;left:12px;right:12px;justify-content:space-between;z-index:3;pointer-events:none}.game-touch-group{display:flex;gap:8px;pointer-events:all}.game-touch-btn{width:50px;height:50px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:#00000073;color:#ffffffd9;font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.game-touch-btn:active{background:var(--accent);border-color:var(--accent)}
