@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Courier+Prime:wght@400;700&family=Caveat:wght@600&display=swap";body{font-family:system-ui,sans-serif;background:#0a0a0a;color:#e0e0e0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@keyframes paper-fall{0%{transform:perspective(1400px) rotateX(28deg) rotate(-4deg) translateY(-120px) scale(.82);opacity:0;filter:drop-shadow(0 0px 0px rgba(0,0,0,0))}55%{transform:perspective(1400px) rotateX(4deg) rotate(1deg) translateY(12px) scale(1.02);opacity:1;filter:drop-shadow(0 40px 30px rgba(0,0,0,.18))}75%{transform:perspective(1400px) rotateX(-2deg) rotate(-.5deg) translateY(-5px) scale(.99);filter:drop-shadow(0 10px 8px rgba(0,0,0,.1))}90%{transform:perspective(1400px) rotateX(1deg) rotate(.2deg) translateY(2px) scale(1.003)}to{transform:perspective(1400px) rotateX(0) rotate(0) translateY(0) scale(1);opacity:1;filter:drop-shadow(0 4px 4px rgba(0,0,0,.06))}}body:has(.pp-root){overflow:hidden;height:100vh}@media(max-width:600px){html:has(.pp-root)::-webkit-scrollbar{width:10px}html:has(.pp-root)::-webkit-scrollbar-track{background:#f2ede3}html:has(.pp-root)::-webkit-scrollbar-thumb{background:#5a3e1b;border-radius:0}html:has(.pp-root)::-webkit-scrollbar-thumb:hover{background:#1a1208}html:has(.pp-root){scrollbar-color:#5a3e1b #f2ede3;scrollbar-width:thin}}.pp-root{height:100vh;display:flex;flex-direction:column;overflow:hidden;background-color:#f2ede3;background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(0,0,0,.04) 28px);color:#1a1208;font-family:Cormorant Garamond,Georgia,serif;animation:paper-fall .85s cubic-bezier(.22,1,.36,1) both;transform-origin:center top;will-change:transform,opacity}.pp-header{border-bottom:4px double #1a1208;padding:2.5rem 4rem 2rem;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem}.pp-name{font-family:Playfair Display,serif;font-weight:900;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1;letter-spacing:-.02em;text-transform:uppercase}.pp-name span{display:block;font-weight:400;font-size:.42em;letter-spacing:.25em;text-transform:uppercase;margin-top:.4rem;color:#5a3e1b}.pp-header-links{display:flex;flex-direction:row;align-items:center;gap:1rem}.pp-header-links a{color:#1a1208;text-decoration:none;display:flex;align-items:center;transition:color .15s}.pp-header-links a:hover{color:#8b4513}.pp-cv-link{position:relative;padding-top:2rem;margin-top:-2rem;display:flex!important;align-items:flex-end}.pp-cv-label{position:absolute;top:0;left:-.6rem;transform:rotate(-10deg);font-family:Caveat,cursive;font-size:.95rem;font-weight:600;color:#5a3e1b;line-height:1;pointer-events:none;white-space:nowrap}.pp-cv-arrow{position:absolute;top:.7rem;left:.1rem;pointer-events:none;overflow:visible;transform:scaleY(.72);transform-origin:top left}.pp-nav{display:flex;border-bottom:2px solid #1a1208;font-family:Courier Prime,monospace;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}.pp-nav-item{padding:.7rem 2rem;border-right:1px solid #1a1208;cursor:pointer;background:transparent;border-top:none;border-left:none;border-bottom:none;color:#1a1208;font-family:Courier Prime,monospace;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;transition:background .15s}.pp-nav-item:hover,.pp-nav-item.active{background:#1a1208;color:#f2ede3}.pp-body{display:grid;grid-template-columns:1fr 2.4fr;flex:1;overflow:hidden}.pp-sidebar{border-right:2px solid #1a1208;padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5a3e1b #f2ede3}.pp-sidebar::-webkit-scrollbar{width:6px}.pp-sidebar::-webkit-scrollbar-track{background:#f2ede3}.pp-sidebar::-webkit-scrollbar-thumb{background:#5a3e1b;border-radius:0}.pp-sidebar::-webkit-scrollbar-thumb:hover{background:#1a1208}.pp-content{padding:2rem 3rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5a3e1b #f2ede3}.pp-content::-webkit-scrollbar{width:6px}.pp-content::-webkit-scrollbar-track{background:#f2ede3}.pp-content::-webkit-scrollbar-thumb{background:#5a3e1b;border-radius:0}.pp-content::-webkit-scrollbar-thumb:hover{background:#1a1208}.pp-section-title{font-family:Playfair Display,serif;font-weight:700;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;border-bottom:1px solid #1a1208;padding-bottom:.4rem;margin-bottom:1.2rem}.pp-about-text{font-size:1.05rem;font-weight:600;line-height:1.8;color:#1a1208}.pp-about-text.pp-mt{margin-top:1rem}.pp-drop-cap:first-letter{font-family:Playfair Display,serif;font-size:3.4em;font-weight:900;float:left;line-height:.75;margin-right:.08em;margin-top:.05em}.pp-skill-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.pp-skill-name{font-family:Courier Prime,monospace;font-size:.78rem;letter-spacing:.08em;width:90px;flex-shrink:0}.pp-skill-bar-bg{flex:1;height:6px;border:1px solid #1a1208;background:transparent}.pp-skill-bar-fill{height:100%;width:var(--skill-width);background:#1a1208}.pp-skill-category{margin-bottom:1.2rem}.pp-skill-category-label{font-family:Courier Prime,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#5a3e1b;margin-bottom:.4rem;opacity:.7}.pp-lang-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-family:Courier Prime,monospace;font-size:.78rem;letter-spacing:.05em}.pp-lang-dots{display:flex;gap:4px}.pp-lang-dot{width:7px;height:7px;border:1px solid #1a1208;border-radius:50%}.pp-lang-dot.filled{background:#1a1208}.pp-project{border:2px solid #1a1208;padding:1.8rem 2rem;position:relative}.pp-project-tag{font-family:Courier Prime,monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;background:#1a1208;color:#f2ede3;display:inline-block;padding:.15rem .6rem;margin-bottom:1rem}.pp-project-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;margin-bottom:.3rem}.pp-project-sub{font-family:Courier Prime,monospace;font-size:.75rem;letter-spacing:.1em;color:#5a3e1b;margin-bottom:1.2rem}.pp-project-desc{font-size:1.05rem;font-weight:600;line-height:1.8;color:#1a1208}.pp-project-desc--mt{margin-top:.8rem}.pp-project-corner{position:absolute;bottom:1rem;right:1.2rem;font-family:Courier Prime,monospace;font-size:.65rem;letter-spacing:.15em;color:#5a3e1b;text-transform:uppercase}.pp-project--mt{margin-top:1.5rem}.pp-project-links{display:flex;gap:1.2rem;margin-top:1rem}.pp-project-link{display:inline-block;font-family:Courier Prime,monospace;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#1a1208;text-decoration:none;border-bottom:1px solid #1a1208;transition:color .15s,border-color .15s}.pp-project-link:hover{color:#8b4513;border-color:#8b4513}.pp-contact-row{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem;border-bottom:1px dashed rgba(26,18,8,.3);padding-bottom:1rem}.pp-contact-label{font-family:Courier Prime,monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;width:110px;flex-shrink:0;color:#5a3e1b}.pp-contact-value{font-size:1.05rem;font-weight:600;color:#1a1208}.pp-contact-value a{color:#1a1208;text-decoration:none;border-bottom:1px solid currentColor}.pp-contact-value a:hover{color:#8b4513}.pp-hobbies{list-style:none;font-family:Courier Prime,monospace;font-size:.78rem;line-height:1.9;letter-spacing:.05em}.pp-photo-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pp-photo-wrap img{width:100%;max-width:180px;aspect-ratio:3 / 4;object-fit:cover;object-position:center top;display:block;border:2px solid #1a1208;filter:grayscale(20%) sepia(15%) contrast(1.05);box-shadow:4px 4px #1a1208}.pp-photo-placeholder{width:100%;max-width:180px;aspect-ratio:3 / 4;border:2px dashed #1a1208;display:flex;align-items:center;justify-content:center;background:#1a120808}.pp-photo-hint{font-family:Courier Prime,monospace;font-size:.65rem;letter-spacing:.12em;color:#5a3e1b;text-transform:uppercase}.pp-edu-item{margin-bottom:1.2rem}.pp-edu-school{font-family:Playfair Display,serif;font-weight:700;font-size:.9rem}.pp-edu-detail{font-family:Courier Prime,monospace;font-size:.72rem;letter-spacing:.05em;color:#5a3e1b;margin-top:.2rem;line-height:1.5}.pp-footer{border-top:4px double #1a1208;padding:1rem 4rem;display:flex;justify-content:space-between;align-items:center;font-family:Courier Prime,monospace;font-size:.7rem;letter-spacing:.1em;color:#5a3e1b}@media(max-width:900px){.pp-header{padding:1.8rem 2rem 1.4rem;gap:1rem}.pp-back{margin:1rem 2rem}.pp-nav-item{padding:.6rem 1.2rem;font-size:.7rem;letter-spacing:.12em}.pp-body{grid-template-columns:1fr 2fr}.pp-sidebar{padding:1.8rem 1.2rem;gap:1.8rem}.pp-content{padding:1.8rem}.pp-footer{padding:1rem 2rem}}@media(max-width:600px){body:has(.pp-root){overflow-x:hidden;overflow-y:auto;height:auto}.pp-root{height:auto;overflow:visible}.pp-body,.pp-sidebar,.pp-content{overflow:visible}.pp-header{padding:1.2rem 1.2rem 1rem;grid-template-columns:1fr;gap:.8rem}.pp-header-links{justify-content:flex-start;gap:1.2rem;padding-top:2rem;overflow:visible}.pp-header{overflow:visible}.pp-cv-link{padding-top:0;margin-top:0}.pp-cv-label{top:-1.8rem;left:-.4rem;font-size:.85rem}.pp-cv-arrow{top:-1.3rem;left:.15rem;transform:scaleY(.65)}.pp-back{margin:.8rem 1.2rem;font-size:.7rem}.pp-nav{flex-wrap:wrap;border-bottom:2px solid #1a1208}.pp-nav-item{padding:.55rem .9rem;font-size:.65rem;letter-spacing:.08em;flex:1 1 auto;text-align:center}.pp-body{grid-template-columns:1fr;min-height:unset}.pp-sidebar{border-right:none;border-bottom:2px solid #1a1208;padding:1.2rem;gap:1.4rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto}.pp-photo-wrap{grid-column:1;grid-row:1 / 4;align-items:flex-start}.pp-photo-wrap img,.pp-photo-placeholder{max-width:110px}.pp-sidebar>div{grid-column:2}.pp-content{padding:1.2rem}.pp-project{padding:1.2rem 1rem}.pp-project-corner{position:static;display:block;margin-top:1rem}.pp-contact-label{width:90px;font-size:.62rem}.pp-contact-value{font-size:.85rem}.pp-footer{padding:.8rem 1.2rem;flex-direction:column;gap:.2rem;text-align:center}.pp-drop-cap:first-letter{font-size:2.6em}}