body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Myriad Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background:#fff;font-family:Myriad Pro,Helvetica,Arial,sans-serif;overflow-x:hidden;scroll-behavior:smooth}*,:after,:before{box-sizing:border-box}body{margin:0}.App,body{background:#fff;overflow-x:hidden}.App{max-width:100%;min-height:100vh;width:100%}section{align-items:flex-start;display:flex;height:auto;justify-content:center;min-height:0;padding:0;scroll-margin-top:72px;width:100%}#home{background:#fff;margin:0}#about,#home{color:#333;min-height:100vh;padding:0}#about{align-items:center;background-color:#fff;display:flex;height:auto;justify-content:center}#portfolio,#services{background-color:#fff;border-top:1px solid #eee;color:#333;padding:60px 40px}#contact{background:#fff;color:#333;padding:60px 40px}.vertical-menu{background:#0000;border:none;box-shadow:none;box-sizing:border-box;left:0;margin:0;padding:0 24px;position:fixed;top:0;transition:background-color .28s ease,box-shadow .28s ease,-webkit-backdrop-filter .28s ease;transition:background-color .28s ease,box-shadow .28s ease,backdrop-filter .28s ease;transition:background-color .28s ease,box-shadow .28s ease,backdrop-filter .28s ease,-webkit-backdrop-filter .28s ease;width:100%;z-index:1000}.vertical-menu.menu-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;box-shadow:0 8px 24px #00000014}.menu-header{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1120px}.menu-title{color:#000;font-size:.95rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.menu-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:none;flex-shrink:0;height:44px;justify-content:center;padding:0;width:44px}.menu-toggle-bar{background:#000;border-radius:999px;display:block;height:2px;margin:4px auto;width:22px}.menu-list{align-items:center;flex-direction:row;gap:8px;list-style:none}.menu-item,.menu-list{display:flex;margin:0;padding:0}.menu-link{align-items:center;background:none;border:none;border-radius:999px;color:#000;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;justify-content:center;letter-spacing:.08em;padding:10px 14px;text-decoration:none;text-transform:uppercase;transition:all .25s ease}.menu-link:hover{background:linear-gradient(90deg,#5a5a5a1f,#3c3c3c14);color:#4d4d4d}.menu-link:active{background:linear-gradient(90deg,#5a5a5a,#3a3a3a);color:#fff}.menu-image{display:block;filter:grayscale(.15);max-height:60px;max-width:100%}.resume-modal-backdrop{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}.resume-modal{background:#fff;box-shadow:0 24px 80px #00000059;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.resume-modal-header{align-items:center;background:#fafafa;border-bottom:1px solid #e9e9e9;display:flex;justify-content:space-between;padding:18px 20px 18px 28px}.resume-modal-header h2{color:#1f1f1f;font-size:1rem;letter-spacing:.12em;margin:0;text-transform:uppercase}.resume-modal-close{background:#0000;border:none;color:#333;cursor:pointer;font-size:2rem;line-height:1;padding:0 6px}.resume-modal-frame{background:#fff;border:none;flex:1 1;width:100%}@media (max-width:768px){.vertical-menu{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;padding:0 16px}.menu-header{box-sizing:border-box;gap:12px;height:72px;justify-content:flex-start;padding-right:52px;position:relative;width:100%;z-index:1002}.menu-title{font-size:.82rem;letter-spacing:.18em;max-width:calc(100% - 52px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-toggle{display:flex;margin-left:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:1003}.menu-list{align-items:center;background:#fffffff5;border:none;border-radius:0;bottom:0;box-shadow:none;box-sizing:border-box;display:none;flex-direction:column;gap:12px;justify-content:flex-start;left:0;min-height:100vh;overflow-y:auto;padding:96px 24px 32px;position:fixed;right:0;top:0;width:100%;z-index:1001}.menu-list.menu-list-open{display:flex}.menu-item{display:flex}.menu-item,.menu-link{justify-content:center;width:100%}.menu-link{border-radius:0;font-size:1rem;padding:16px 0;text-align:center}.resume-modal-backdrop{padding:12px}.resume-modal{height:100vh;width:100vw}.resume-modal-header{padding:14px 16px 14px 20px}}.landing-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:calc(100vh - 64px);padding:96px 56px 40px;width:100%}.landing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,minmax(190px,1fr));max-width:1200px;width:100%}.landing-item{align-items:stretch;background:#0000;border:none;cursor:pointer;display:flex;padding:0;transition:transform .28s ease;will-change:transform}.landing-square{aspect-ratio:1/1;border:1px solid #f5f5f5;overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease}.landing-square img{display:block;height:100%;object-fit:cover;width:100%}.landing-overlay{align-items:center;background:#00000087;display:flex;inset:0;justify-content:center;opacity:0;padding:16px;position:absolute;transition:opacity .22s ease}.landing-overlay-label{color:#fff;font-size:.82rem;font-weight:500;letter-spacing:.02em;line-height:1.35;text-align:center}.landing-item:focus-visible .landing-overlay,.landing-item:hover .landing-overlay{opacity:1}.landing-item:focus-visible,.landing-item:hover{transform:scale(1.03)}.landing-item:focus-visible .landing-square,.landing-item:hover .landing-square{box-shadow:0 16px 36px #0000002e}@media (max-width:980px){.landing-container{padding:90px 28px 32px}.landing-grid{gap:20px;grid-template-columns:repeat(2,minmax(190px,1fr))}}@media (max-width:620px){.landing-container{padding:84px 16px 28px}.landing-grid{grid-template-columns:1fr}}.cover-container{box-sizing:border-box;justify-content:center;min-height:0;overflow-x:clip;padding:40px 36px 24px}.about-page,.cover-container{align-items:flex-start;display:flex;width:100%}.about-page{flex-wrap:wrap;gap:clamp(24px,3.4vh,36px);max-width:1200px}.about-left{display:flex;flex:0 1 300px;flex-direction:column;gap:clamp(24px,3.2vh,36px)}.about-photo{display:block;height:140px;margin:0 auto;object-fit:cover;width:140px}.about-section h2{color:#222;font-size:.7rem;font-weight:600;letter-spacing:.22em;margin:0 0 8px;text-transform:uppercase}.about-section p{color:#5a5a5a;font-size:.82rem;line-height:1.35;margin:0 0 6px}.about-section a,.about-section p{overflow-wrap:anywhere}.about-right{align-content:start;display:flex;flex:1 1 540px;flex-wrap:wrap;gap:16px;min-width:0}.about-column{display:flex;flex:1 1 240px;flex-direction:column;gap:clamp(24px,3.2vh,36px);min-width:220px}.resume-group h3{color:#222;font-size:.68rem;font-weight:600;letter-spacing:.2em;margin:0 0 6px;text-transform:uppercase}.resume-item{margin-bottom:clamp(12px,1.8vh,18px)}.resume-item h4{color:#111;font-size:.8rem;font-weight:700;margin:0 0 2px}.resume-item p{color:#444;font-size:.74rem;line-height:1.35;margin:0;white-space:pre-line}.resume-item span{color:#666;display:inline-block;font-size:.7rem;margin-top:4px}@media (max-width:1100px){.about-page{gap:24px}.about-left{flex-basis:260px}.about-right{gap:18px}.about-column{flex:1 1 100%}}@media (max-width:960px){.about-right{flex-direction:column}.about-column{flex:1 1 auto;min-width:0}}@media (max-width:900px){.cover-container{align-items:flex-start;min-height:auto;padding:84px 24px 32px}.about-page{flex-direction:column;gap:28px}.about-column,.about-left,.about-right{flex:1 1 auto;width:100%}.about-right{gap:20px}}@media (max-width:600px){.cover-container{padding:72px 16px 28px}.about-photo{height:120px;width:120px}.about-section p,.resume-item p{font-size:.86rem}}.site-footer{border-top:1px solid #f0f0f0;color:#777;flex-shrink:0;font-size:.9rem;padding:20px 24px 28px;text-align:center;width:100%}
/*# sourceMappingURL=main.9e5b18fc.css.map*/