:root{font-family:IBM Plex Mono,monospace;line-height:1.5;font-weight:400;color:#2d2013;background-color:#f1c232;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;margin:0}h2{font-size:1.8em;line-height:1.2;margin:0;font-weight:400}@media(max-width:768px){h1{font-size:2.2em}h2{font-size:1.4em}}#root{max-width:1280px;margin:0 auto;padding:2rem;width:100%;min-height:100vh}.page-container{display:flex;flex-direction:column;min-height:calc(100vh - 4rem);justify-content:center}.page-container:has(.header-mode){justify-content:flex-start}.resume-container{display:flex;align-items:center;justify-content:center;gap:4rem;transition:all .3s ease}.resume-container.header-mode{justify-content:space-between;gap:3rem;padding:1.5rem 0;border-bottom:3px solid #2d2013;margin-bottom:2rem;position:sticky;top:0;background:#f1c232;z-index:100}.resume-container.header-mode .info-section h1{font-size:2.2rem;margin-bottom:.25rem}.resume-container.header-mode .info-section h2{font-size:1.3rem}.resume-container.header-mode .photo{width:120px;height:150px}.resume-container.header-mode .annulets{margin-top:1rem;gap:.5rem}.resume-container.header-mode .annulet{width:24px;height:24px;border-width:4px}.info-section{text-align:left}.info-section h1{margin-bottom:.5rem;transition:font-size .3s ease}.info-section h2{transition:font-size .3s ease}.photo-section{flex-shrink:0}.photo{width:200px;height:250px;object-fit:cover;border:4px solid #2d2013;box-shadow:6px 6px #2d2013;transition:all .3s ease}.annulets{display:flex;gap:.65rem;margin-top:1.5rem;transition:all .3s ease}.annulet{width:32px;height:32px;border:5px solid #2d2013;border-radius:50%;transition:transform .3s ease,opacity .2s ease;animation:wave .4s ease-out backwards}.annulet:nth-child(1){animation-delay:.5s}.annulet:nth-child(2){animation-delay:.65s}.annulet:nth-child(3){animation-delay:.8s}@keyframes wave{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.annulet.clickable{cursor:pointer;position:relative}.annulet.clickable:before{content:"";position:absolute;top:-4px;left:-4px;width:40px;height:40px}@media(hover:hover){.annulet.clickable:hover{transform:scale(1.2)}}.annulet.active{border-color:#5a4020}.content-section{flex:1;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.job-entry{margin-bottom:2.5rem;padding-left:1.5rem;border-left:3px solid #2d2013}.job-company{font-size:1.6rem;font-weight:700;color:#2d2013;margin-bottom:.75rem}.job-years{font-weight:400;font-size:1.2rem;margin-left:.75rem;opacity:.7}.job-role{margin-bottom:1.25rem;padding-left:1rem}.job-title{font-weight:700;font-size:1.4rem}.job-dates{font-size:1.2rem;font-style:italic;opacity:.8;margin:.25rem 0}.job-description{font-size:1.3rem;line-height:1.5}.skills-education{display:flex;flex-direction:column;gap:2rem}.skill-category{padding-left:1.5rem;border-left:3px solid #2d2013}.skill-category-label{font-size:1.4rem;font-weight:700;color:#2d2013;margin-bottom:.75rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#2d2013;color:#f1c232;padding:.4rem .8rem;font-size:1.1rem;border-radius:3px}.education-entry{margin-bottom:1.5rem;padding-left:1rem;border-left:3px solid #2d2013}.education-school{font-size:1.4rem;font-weight:700;color:#2d2013}.education-note{font-weight:400;font-size:1.1rem;margin-left:.5rem;opacity:.8}.education-degree{font-size:1.2rem;margin:.25rem 0}.education-years{font-size:1.1rem;font-style:italic;opacity:.8}.links-section{display:flex;flex-direction:column;gap:1rem;max-width:400px}.link-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#2d2013;color:#f1c232;text-decoration:none;font-size:1.3rem;font-weight:700;transition:transform .2s ease,box-shadow .2s ease;border:3px solid #2d2013}@media(hover:hover){.link-item:hover{transform:translate(5px);box-shadow:4px 4px #5a4020}}.link-icon{font-size:1.5rem}.link-label{flex:1}@media(max-width:768px){#root{padding:1rem}.resume-container{flex-direction:column;gap:2rem}.info-section{text-align:center}.annulets{justify-content:center}.photo{width:150px;height:188px}.resume-container.header-mode{padding:1rem 0;justify-content:flex-start;align-items:flex-start}.resume-container.header-mode .photo-section{display:none}.resume-container.header-mode .info-section{text-align:left}.resume-container.header-mode .annulets{justify-content:flex-start}.resume-container.header-mode .info-section h1{font-size:1.6rem}.resume-container.header-mode .info-section h2{font-size:1.1rem}.job-company{font-size:1.3rem}.job-years{display:block;margin-left:0}.job-title{font-size:1.2rem}.job-dates{font-size:1rem}.job-description{font-size:1.1rem}.skills-education{gap:1.5rem}.skill-category-label{font-size:1.2rem}.skill-tag{font-size:1rem;padding:.3rem .6rem}.education-school{font-size:1.2rem}.education-note{display:block;margin-left:0}.education-degree{font-size:1.1rem}.links-section{max-width:100%}.link-item{font-size:1.1rem;padding:.8rem 1rem}}