@font-face{font-family:Jerome;src:url(/fonts/JeromeRegular.woff2) format("woff2"),url(/fonts/JeromeRegular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Payton;src:url(/fonts/PaytonRegular.woff2) format("woff2"),url(/fonts/PaytonRegular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#cbdceb}#c{display:block;width:100vw;height:100vh;font-family:Payton,Jerome,sans-serif,system-ui}#experience{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}#experience #experience-canvas{width:100%;height:100%}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:red;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-screen .loading-screen-content{text-align:center}.loading-screen .loading-screen-content .loading-screen-text{font-family:Payton,sans-serif,system-ui;font-size:4rem;color:#fff;font-weight:700;letter-spacing:.2em;margin-bottom:2rem}@media (max-width: 768px){.loading-screen .loading-screen-content .loading-screen-text{font-size:2.5rem}}@media (max-width: 480px){.loading-screen .loading-screen-content .loading-screen-text{font-size:2rem}}.loading-screen .loading-screen-content .loading-screen-instruction{font-family:Payton,sans-serif,system-ui;font-size:1.5rem;color:#fff;font-weight:400;letter-spacing:.1em;opacity:0;animation:pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.loading-screen .loading-screen-content .loading-screen-instruction{font-size:1.2rem}}@media (max-width: 480px){.loading-screen .loading-screen-content .loading-screen-instruction{font-size:1rem}}.loading-screen .loading-screen-content .loading-screen-button{margin-top:2rem;padding:1rem 3rem;font-family:Payton,sans-serif,system-ui;font-size:1.2rem;font-weight:600;letter-spacing:.15em;color:red;background-color:#fff;border:3px solid #ffffff;border-radius:0;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.loading-screen .loading-screen-content .loading-screen-button:hover{background-color:transparent;color:#fff;transform:scale(1.05)}.loading-screen .loading-screen-content .loading-screen-button:active{transform:scale(.98)}@media (max-width: 768px){.loading-screen .loading-screen-content .loading-screen-button{font-size:1rem;padding:.8rem 2.5rem}}@media (max-width: 480px){.loading-screen .loading-screen-content .loading-screen-button{font-size:.9rem;padding:.7rem 2rem}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#2c5f6fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center;z-index:1000;padding:1rem;padding-top:4vh;overflow-y:auto}.modal.active{display:flex}.modal-container{background:linear-gradient(135deg,#faf8f3,#f5e6d3);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;margin:auto}@media (max-width: 768px){.modal-container{max-width:100%;max-height:85vh;border-radius:16px}}.modal-header{background:linear-gradient(135deg,#4a90a4,#2c5f6f);padding:2.5rem 2rem 5rem;position:relative;overflow:hidden}@media (max-width: 768px){.modal-header{padding:2rem 1.5rem 5rem}}.modal-wave-decoration{position:absolute;bottom:-2px;left:0;width:100%;height:40px;background:#faf8f3}.modal-wave-decoration:before{content:"";position:absolute;top:-25px;left:0;width:200%;height:40px;background:radial-gradient(circle at 50% 0%,transparent 20px,#faf8f3 20px);background-size:40px 40px;animation:wave 3s linear infinite}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-40px)}}.modal-title{font-family:Payton,sans-serif,system-ui;font-size:3.2rem;font-weight:700;color:#faf8f3;margin:0 0 1rem;letter-spacing:.05em;position:relative;z-index:2}@media (max-width: 768px){.modal-title{font-size:2rem}}@media (max-width: 480px){.modal-title{font-size:1.5rem}}.modal-exit-button{position:absolute;top:1.5rem;right:1.5rem;background:#ff6b6b;color:#faf8f3;border:none;padding:.75rem 1.5rem;font-family:Payton,sans-serif,system-ui;font-size:1.4rem;font-weight:600;letter-spacing:.1em;border-radius:8px;cursor:pointer;transition:all .3s ease;z-index:3}.modal-exit-button:hover{background:#ff8c42;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.modal-exit-button:active{transform:translateY(0)}@media (max-width: 768px){.modal-exit-button{padding:.6rem 1.2rem;font-size:.8rem;top:1rem;right:1rem}}@media (max-width: 480px){.modal-exit-button{padding:.5rem 1rem;font-size:.75rem}}.modal-content{padding:2.5rem 2rem;overflow-y:auto;flex:1}@media (max-width: 768px){.modal-content{padding:2rem 1.5rem}}@media (max-width: 480px){.modal-content{padding:1.5rem 1rem}}.modal-section{margin-bottom:2.5rem}.modal-section:last-child{margin-bottom:0}.modal-profile{text-align:center}.profile-image{width:20rem;height:20rem;margin:0 auto 1.5rem;background:linear-gradient(135deg,#4a90a4,#a8dadc);border-radius:50%;box-shadow:0 8px 24px #4a90a44d;overflow:hidden}.profile-image img{width:100%;height:100%;object-fit:cover}@media (max-width: 480px){.profile-image{width:15rem;height:15rem}.profile-image img{width:100%;height:100%;object-fit:cover}}.profile-name{font-family:Payton,sans-serif,system-ui;font-size:2.5rem;font-weight:700;color:#2c5f6f;margin:0 0 .5rem}@media (max-width: 480px){.profile-name{font-size:1.5rem}}.profile-title{font-size:1.2rem;color:#8b7355;margin:0}@media (max-width: 480px){.profile-title{font-size:1rem}}.section-title{font-family:Payton,sans-serif,system-ui;font-size:2rem;font-weight:600;color:#2c5f6f;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:3px solid #a8dadc;display:inline-block}@media (max-width: 480px){.section-title{font-size:1.25rem}}.section-text{font-size:1.2rem;line-height:1.7;color:#8b7355;margin:0}@media (max-width: 480px){.section-text{font-size:1rem}}.work-experience{display:flex;flex-direction:column;gap:2rem}.experience-item{background:#faf8f3;border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #00000014;transition:all .3s ease}.experience-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px #4a90a433}.experience-title{font-family:Payton,sans-serif,system-ui;font-size:1.4rem;font-weight:600;color:#2c5f6f;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #a8dadc}@media (max-width: 768px){.experience-title{font-size:1.2rem}}@media (max-width: 480px){.experience-title{font-size:1.1rem}}.experience-description{font-size:1rem;line-height:1.6;color:#8b7355;margin:0}@media (max-width: 480px){.experience-description{font-size:.9rem}}.skills-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.skill-tag{background:linear-gradient(135deg,#4a90a4,#a8dadc);color:#faf8f3;padding:.6rem 1.2rem;border-radius:20px;font-size:.95rem;font-weight:600;transition:all .3s ease}.skill-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90a44d}@media (max-width: 480px){.skill-tag{font-size:.85rem;padding:.5rem 1rem}}.projects-story{display:flex;flex-direction:column;gap:3rem}@media (max-width: 768px){.projects-story{gap:2rem}}.project-item{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}@media (max-width: 768px){.project-item{grid-template-columns:1fr;gap:1.5rem}}.project-image-left .project-visual{order:1}.project-image-left .project-content{order:2}@media (max-width: 768px){.project-image-left .project-visual{order:1}.project-image-left .project-content{order:2}}.project-image-right .project-content{order:1}.project-image-right .project-visual{order:2}@media (max-width: 768px){.project-image-right .project-visual{order:1}.project-image-right .project-content{order:2}}.project-visual{border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001f;transition:all .4s ease}.project-visual:hover{transform:scale(1.03);box-shadow:0 12px 32px #4a90a440}.project-visual-large{height:320px}@media (max-width: 768px){.project-visual-large{height:240px}}.project-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a90a4,#a8dadc)}.project-content{padding:1rem}@media (max-width: 768px){.project-content{padding:.5rem}}.project-heading{font-family:Payton,sans-serif,system-ui;font-size:2.4rem;font-weight:600;color:#2c5f6f;margin:0 0 1rem;line-height:1.2}@media (max-width: 768px){.project-heading{font-size:1.5rem}}@media (max-width: 480px){.project-heading{font-size:1.3rem}}.project-text{font-size:1rem;line-height:1.7;color:#8b7355;margin:0}@media (max-width: 480px){.project-text{font-size:.7rem;line-height:1.6}}.project-placeholder{font-family:Payton,sans-serif,system-ui;font-size:4rem;font-weight:700;color:#faf8f3;opacity:.5}@media (max-width: 480px){.project-placeholder{font-size:3rem}}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{background:#f5e6d3;color:#2c5f6f;padding:.4rem .8rem;border-radius:12px;font-size:.8rem;font-weight:600}@media (max-width: 480px){.tag{font-size:.75rem;padding:.35rem .7rem}}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem}@media (max-width: 768px){.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.contact-grid{grid-template-columns:1fr;gap:1rem}}.contact-card{background:#faf8f3;border-radius:16px;padding:2rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #00000014}.contact-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #4a90a433}.contact-card:hover .contact-icon{background:linear-gradient(135deg,#ff6b6b,#ff8c42)}@media (max-width: 480px){.contact-card{padding:1.5rem 1rem}}.contact-icon{width:60px;height:60px;margin:0 auto 1rem;background:linear-gradient(135deg,#4a90a4,#a8dadc);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.contact-icon svg{width:30px;height:30px;color:#faf8f3}@media (max-width: 480px){.contact-icon{width:50px;height:50px}.contact-icon svg{width:25px;height:25px}}.contact-label{font-family:Payton,sans-serif,system-ui;font-size:1.1rem;font-weight:600;color:#2c5f6f;margin:0 0 .5rem}@media (max-width: 480px){.contact-label{font-size:1rem}}.contact-value{font-size:.9rem;color:#8b7355;margin:0;word-break:break-word}@media (max-width: 480px){.contact-value{font-size:.85rem}}.hobbies-story{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}@media (max-width: 768px){.hobbies-story{gap:2rem}}.story-item{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}@media (max-width: 768px){.story-item{grid-template-columns:1fr;gap:1.5rem}}.story-image-left .story-image{order:1}.story-image-left .story-content{order:2}@media (max-width: 768px){.story-image-left .story-image{order:1}.story-image-left .story-content{order:2}}.story-image-right .story-content{order:1}.story-image-right .story-image{order:2}@media (max-width: 768px){.story-image-right .story-image{order:1}.story-image-right .story-content{order:2}}.story-image{border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001f;transition:all .4s ease}.story-image:hover{transform:scale(1.03);box-shadow:0 12px 32px #4a90a440}.story-image-large{height:320px}@media (max-width: 768px){.story-image-large{height:240px}}.story-image-large:has(.hobby-image video){height:480px}@media (max-width: 768px){.story-image-large:has(.hobby-image video){height:360px}}.story-image-medium{height:260px}@media (max-width: 768px){.story-image-medium{height:200px}}.story-image-hiking{height:260px}@media (max-width: 768px){.story-image-hiking{height:200px}}.hobby-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a90a4,#a8dadc);object-fit:contain}.hobby-image img,.hobby-image image{width:100%}@media (max-width: 480px){.hobby-image svg{width:50px;height:50px}}.story-content{padding:1rem}@media (max-width: 768px){.story-content{padding:.5rem}}.hobby-title{font-family:Payton,sans-serif,system-ui;font-size:2.4rem;font-weight:600;color:#2c5f6f;margin:0 0 1rem;line-height:1.2}@media (max-width: 768px){.hobby-title{font-size:1.5rem}}@media (max-width: 480px){.hobby-title{font-size:1.3rem}}.hobby-description{font-size:1.3rem;line-height:1.7;color:#8b7355;margin:0}@media (max-width: 480px){.hobby-description{font-size:1rem;line-height:1.6}}