:root{--base: #191724;--surface: #1f1d2e;--overlay: #26233a;--muted: #6e6a86;--subtle: #908caa;--text: #e0def4;--love: #eb6f92;--gold: #f6c177;--rose: #ebbcba;--pine: #31748f;--foam: #9ccfd8;--iris: #c4a7e7;--highlight-low: #21202e;--highlight-med: #403d52;--highlight-high: #524f67;font-family:sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:HackBold;src:local("HackBold"),url(/fonts/HackNerdFont-Bold.ttf) format("truetype");font-weight:700;font-display:swap}body{margin:0;display:flex;flex-direction:column;min-height:100vh;background-color:var(--base);color:var(--text);font-family:sans-serif}#root,.App{width:100%;flex:1;display:flex;flex-direction:column}#wrapper{flex:1;display:flex;flex-direction:column;min-height:100vh;position:relative}#header{text-align:center;padding:2em 1em;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;box-sizing:border-box;margin:auto;flex:1}#header hr{width:75%;color:var(--iris);margin:3em}#header .logo svg{color:var(--pine);font-size:2.5rem}#header .content{width:100%}#header .inner{width:100%;display:flex;flex-direction:column;align-items:center}#header h1{font-family:HackBold,sans-serif;font-size:2.5em;margin:.5em 0;color:var(--rose);width:100%}#header h3{font-family:HackBold,sans-serif;font-size:1.2em;margin:0;color:var(--subtle);width:100%}#header nav{width:100%}.nav-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}button{font-family:sans-serif;color:var(--base);border:none;cursor:pointer;transition:all .2s;border-radius:8px}button:hover{font-family:sans-serif;font-weight:550;transform:scale(1.02);box-shadow:0 4px 8px #0003}.nav-buttons{display:flex;flex-direction:column;align-items:center;list-style:none;padding:0;margin:0;gap:1em;width:100%}.nav-button{background-color:var(--foam);padding:.8em 1.5em;font-size:1.1em;width:200px}.nav-button:hover{background-color:var(--iris)}.back-button{background-color:var(--iris);padding:.5rem 1rem;font-size:1rem;margin-left:auto}.back-button:hover{background-color:var(--love)}.download-button{background-color:var(--pine);color:var(--text);padding:.8em 0;margin:2em;border-radius:8px;font-size:1.1em;width:180px}.download-button:hover{background-color:var(--foam);color:var(--base)}#footer{text-align:center;padding-bottom:2rem;background-color:transparent;margin-top:auto}#footer a{color:var(--gold);transition:all .2s;align-items:center;justify-content:center}#footer svg{font-size:1.9em}#footer svg:hover{color:var(--iris);transform:scale(1.2)}#resume,#gallery{width:100%;flex:1;padding:2em 1rem;box-sizing:border-box;display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 1rem;margin-bottom:2rem}.section-header h2{font-family:HackBold,sans-serif;margin:0;text-align:left;flex-grow:1}#resume{width:100%;padding:2em;display:flex;flex-direction:column;align-items:center}#resume article{width:75%;max-width:1200px;padding:0;box-sizing:border-box;flex:1}#resume iframe{border:none;background:#fff;width:100%;height:90vh;border-radius:8px;box-shadow:0 2px 10px #0000001a}#gallery{width:100%;padding:2em;display:flex;flex-direction:column;align-items:center}.image-grid{width:100%;max-width:800px;display:flex;flex-direction:column;gap:2rem}.image-grid figure{margin:0;display:flex;flex-direction:column;align-items:center}.image-grid img{max-width:100%;height:auto;max-height:80vh;transition:all .2s;object-fit:contain;cursor:pointer;border-radius:3px;box-shadow:0 4px 8px #0003}.image-grid img:hover{transform:scale(1.02)}.image-grid figcaption{color:var(--subtle);margin-top:.5rem;text-align:center;width:100%}.camera-group{margin:16rem 0;width:100%}.camera-title{font-family:HackBold,sans-serif;text-align:center;color:var(--rose);margin:1rem;font-size:1.5rem;position:relative;padding:1rem}.camera-title em{font-size:.8em;color:var(--pine)}.camera-title:after{content:"";display:block;width:100px;height:2px;background:var(--gold);margin:.5rem auto 0}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{max-width:99vw;max-height:99vh;background-color:#f0f0f0;padding:.66rem;text-align:center}.modal-content img{max-width:90vw;max-height:95vh}#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at center,var(--base) 30%,var(--surface) 100%)}
