@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Yanone+Kaffeesatz:wght@200..700&display=swap";html{scroll-behavior:smooth}.page-section{min-height:50vh;padding:80px 24px 40px;box-sizing:border-box;scroll-margin-top:72px}.page-section:nth-child(1){min-height:35vh}.page-section:nth-child(2){min-height:45vh}.page-section:nth-child(3){min-height:60vh}.page-section:nth-child(4){min-height:60vh}.page-section:nth-child(5){min-height:60vh}.about{display:flex;justify-content:center;padding:clamp(10px,2vw,15px)}.about-card{max-width:1200px}.about-title{margin:0 0 clamp(6px,1.5vw,8px) 0;font-size:clamp(1.3rem,3vw,1.6rem)}.about-intro{line-height:1.6;font-size:clamp(.9rem,2vw,1rem)}.about-sub{margin-top:clamp(12px,2.5vw,16px);font-size:clamp(.95rem,2.2vw,1.05rem)}.about-list{list-style:disc;margin:clamp(6px,1.5vw,8px) 0 0 clamp(16px,3vw,20px);font-size:clamp(.9rem,2vw,1rem)}.about-text{margin-top:clamp(6px,1.5vw,8px);font-size:clamp(.9rem,2vw,1rem)}.contact-form{display:flex;flex-direction:column;gap:clamp(8px,2vw,12px);width:75%;margin:0 auto}.contact-form input,.contact-form textarea{padding:clamp(8px,2vw,10px);border:1px solid #ccc;border-radius:clamp(4px,1vw,6px);font-size:clamp(16px,2vw,1rem)}.contact-form button{padding:clamp(8px,2vw,10px) clamp(16px,4vw,20px);border:none;background-color:#000;color:inherit;font-size:clamp(.9rem,2vw,1rem);border-radius:clamp(4px,1vw,6px);cursor:pointer}.contact-card{display:grid;grid-template-columns:1fr 1fr;padding:clamp(8px,2vw,24px);margin:auto;max-width:1200px;width:100%;box-sizing:border-box}.contact-card h2{font-family:Yanone Kaffeesatz;font-weight:300;font-size:clamp(3rem,10vw,5rem);margin:auto}textarea.frosted-input,.contact-form textarea{resize:vertical;min-height:clamp(100px,20vw,120px);max-height:clamp(300px,60vw,420px);overflow:auto;width:100%}@media(max-width:1120px){.contact-card{grid-template-columns:1fr;grid-template-rows:auto 1fr}.contact-card h2{margin:0 auto clamp(1rem,4vw,2rem) auto;text-align:center}.contact-form{margin:0 auto;width:100%}}.tabs{display:flex;gap:clamp(6px,2vw,12px);align-items:center;justify-content:center;position:relative;z-index:1}.tab-button{font-family:Yanone Kaffeesatz;font-size:clamp(18px,4.5vw,25px);background:none;border:none;padding:clamp(4px,1.5vw,8px) clamp(6px,2vw,12px);cursor:pointer;font-weight:400;color:#000000e1;-webkit-tap-highlight-color:transparent}.tab-underline{display:block;height:clamp(2px,.75vw,4px);background:#000000e1;position:relative;transition:left .2s ease,width .2s ease}.no-transition{transition:none}.header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;display:grid;grid-template-columns:minmax(0,max-content) 1fr minmax(0,max-content);align-items:center;gap:clamp(6px,2vw,12px);padding:clamp(4px,1.5vw,8px) clamp(8px,3vw,14px);background:linear-gradient(to bottom,#ffffffa6,#fff0);backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05)}.header-left{display:flex;align-items:center;justify-content:flex-start}.header-center{justify-self:center;display:flex;justify-content:center}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:clamp(6px,2vw,12px)}.header img{width:clamp(1.25rem,4vw,2rem);height:auto}@media(prefers-color-scheme:dark){.header{background:linear-gradient(to bottom,#080a0e70,#080a0e00)}}@media(max-width:769px){.header-center{display:none}.header{padding:clamp(10px,3vw,16px) clamp(16px,4vw,24px);gap:clamp(10px,3vw,16px)}.header img{width:clamp(2rem,6vw,2.5rem)}.header-right{gap:clamp(10px,3vw,16px)}}.hamburger-container{display:none}.hamburger-button{background:none;border:none;cursor:pointer;padding:clamp(8px,2vw,12px);display:flex;flex-direction:column;gap:clamp(4px,1vw,6px);z-index:1001}.hamburger-line{width:clamp(24px,6vw,30px);height:clamp(2px,.5vw,3px);background-color:#fff;transition:all .3s ease;border-radius:2px}.hamburger-button.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(clamp(5px,1.5vw,7px),clamp(5px,1.5vw,7px))}.hamburger-button.open .hamburger-line:nth-child(2){opacity:0}.hamburger-button.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(clamp(5px,1.5vw,7px),clamp(-5px,-1.5vw,-7px))}.hamburger-menu{position:fixed;top:0;right:-100%;width:clamp(250px,70vw,300px);height:100vh;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;padding-top:clamp(60px,15vw,80px);gap:clamp(8px,2vw,12px);transition:right .3s ease;z-index:1000;box-shadow:-2px 0 10px #0000001a}.hamburger-menu.open{right:0}.hamburger-menu-item{font-family:Yanone Kaffeesatz;font-size:clamp(1.5rem,5vw,2rem);background:none;border:none;padding:clamp(12px,3vw,16px) clamp(24px,6vw,32px);cursor:pointer;text-align:left;color:#000;transition:background-color .2s ease;border-left:4px solid transparent}.hamburger-menu-item:hover{background-color:#0000000d}.hamburger-menu-item.active{border-left-color:#000;font-weight:600;background-color:#0000000d}.hamburger-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:999}@media(prefers-color-scheme:dark){.hamburger-menu{background:#1e1e1ef2}.hamburger-menu-item{color:#fff}.hamburger-menu-item:hover{background-color:#ffffff1a}.hamburger-menu-item.active{border-left-color:#fff;background-color:#ffffff1a}}@media(max-width:769px){.hamburger-container{display:block}.hamburger-button{padding:clamp(10px,3vw,14px);gap:clamp(5px,1.5vw,7px)}.hamburger-line{width:clamp(28px,7vw,36px);height:clamp(3px,.75vw,4px)}.hamburger-button.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(clamp(6px,2vw,8px),clamp(6px,2vw,8px))}.hamburger-button.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(clamp(6px,2vw,8px),clamp(-6px,-2vw,-8px))}}.experience-section{padding:clamp(20px,5vw,40px) clamp(15px,3vw,20px);max-width:1000px;margin:0 auto}.timeline{position:relative;padding:clamp(15px,3vw,20px) 0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#fff,#989ba2);transform:translate(-50%);z-index:1}.timeline-item{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(20px,4vw,30px);align-items:center;margin-bottom:clamp(30px,6vw,50px);position:relative;z-index:2}.timeline-item.left{grid-template-columns:1fr auto 1fr}.timeline-item.left .timeline-content{grid-column:1;text-align:right;align-self:center}.timeline-item.left .timeline-dot{grid-column:2;align-self:center}.timeline-item.right{grid-template-columns:1fr auto 1fr}.timeline-item.right .timeline-content{grid-column:3;grid-row:1;text-align:left;align-self:center}.timeline-item.right .timeline-dot{grid-column:2;grid-row:1;align-self:center}.timeline-dot{width:clamp(16px,3vw,20px);height:clamp(16px,3vw,20px);border-radius:50%;background:linear-gradient(135deg,#989ba2,#fff);border:clamp(3px,.6vw,4px) solid #ffffff;box-shadow:0 0 0 clamp(1.5px,.3vw,2px) #989ba2;z-index:10}.timeline-content{padding:clamp(16px,3vw,20px);border-radius:clamp(10px,2vw,12px);transition:transform .2s ease,box-shadow .2s ease}.timeline-content:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0a0f191f}.timeline-header{display:flex;flex-direction:column;gap:clamp(3px,.6vw,4px);margin-bottom:clamp(6px,1.2vw,8px)}.company-name{margin:0;font-size:clamp(1rem,2.2vw,1.1rem);font-weight:700}.timeline-years{font-size:clamp(.8rem,1.7vw,.85rem);font-weight:600}.position{margin:clamp(6px,1.2vw,8px) 0 clamp(3px,.6vw,4px) 0;font-size:clamp(.9rem,1.9vw,.95rem);font-weight:600}.timeline-text{color:#000;font-size:clamp(.9rem,1.8vw,1rem)}.description-list{list-style:none;padding:0;margin:0;font-size:clamp(.85rem,1.8vw,.95rem)}.timeline-item.left .description-list li{position:relative;padding-right:clamp(1.2em,2.5vw,1.5em);text-align:right}.timeline-item.left .description-list li:after{content:"•";position:absolute;right:0;top:0}.timeline-item.right .description-list li{position:relative;padding-left:clamp(1.2em,2.5vw,1.5em);text-align:left}.timeline-item.right .description-list li:before{content:"•";position:absolute;left:0;top:0}@media(max-width:769px){.timeline:before{display:none}.timeline-item{grid-template-columns:1fr;gap:clamp(15px,3vw,20px)}.timeline-item.left,.timeline-item.right{grid-template-columns:1fr}.timeline-item.left .timeline-content,.timeline-item.right .timeline-content{grid-column:1;text-align:left}.timeline-item.left .timeline-dot,.timeline-item.right .timeline-dot{display:none}.timeline-item.left .description-list li,.timeline-item.right .description-list li{text-align:left;padding-left:clamp(1.2em,2.5vw,1.5em);padding-right:0}.timeline-item.left .description-list li:after{content:none}.timeline-item.left .description-list li:before{content:"•";position:absolute;left:0;top:0}}@media(prefers-color-scheme:dark){.timeline-dot{background:linear-gradient(135deg,#b8bcc8,#3b3b3b)}.timeline:before{background:linear-gradient(180deg,#3b3b3b,#a1acb933)}}.nametext{font-family:Yanone Kaffeesatz;font-size:clamp(40px,10vw,100px);font-weight:200;display:flex;flex-wrap:wrap;justify-content:center;position:absolute;left:50%;transform:translate(-50%);-webkit-user-select:none;user-select:none;max-width:90vw}.nametext .first-initial,.nametext .middle-name,.nametext .last-name{display:flex;white-space:nowrap}.nametext .wrapper{padding-left:clamp(8px,2vw,20px);padding-right:clamp(8px,2vw,20px);padding-top:clamp(8px,2vw,20px)}.nametext .wrapper .letter{transform:translateY(40%)}.nametext .wrapper .shadow{transform:scaleY(-1);background:linear-gradient(to top,#4f4f4f 0%,transparent 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer{position:sticky;top:0;z-index:1000;display:grid;grid-template-columns:minmax(0,max-content) 1fr minmax(0,max-content);align-items:center;gap:clamp(6px,2vw,12px);padding:clamp(4px,1.5vw,8px) clamp(8px,3vw,14px);background:linear-gradient(to top,#ffffffa6,#fff0);backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05);color:#000}@media(prefers-color-scheme:dark){.footer{color:#fff;background:linear-gradient(to top,#080a0e70,#080a0e00)}}.footer-left{display:flex;align-items:center;justify-content:flex-start}.footer-center{justify-self:center;display:flex;justify-content:center;font-family:Yanone Kaffeesatz;font-weight:400;font-size:clamp(1rem,2.5vw,1.2rem)}.footer-right{display:flex;align-items:center;justify-content:flex-end;gap:clamp(6px,2vw,12px)}.footer img{width:clamp(1.25rem,4vw,2rem);height:auto}.skills-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:clamp(12px,2vw,20px);max-width:1200px;margin:auto;padding:clamp(16px,3vw,24px)}.skill-card{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.skill-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0a0f191f}.skill-logo{max-width:100%;max-height:70%;object-fit:contain;filter:brightness(0)}.skill-name{font-family:Yanone Kaffeesatz;font-size:clamp(1.2rem,1.5vw,1.5rem);margin:0;text-align:center;font-weight:500}@media(prefers-color-scheme:dark){.skill-logo{filter:brightness(0) invert(1)}}@media(max-width:769px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,1fr);gap:clamp(6px,1.5vw,8px);padding:clamp(8px,1.5vw,12px)}}body{background-image:linear-gradient(#ffffff1a,#ffffff4d),url(/waterfall-5207223-mobile.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;min-height:100vh;margin:0;overflow-x:hidden;max-width:100vw}@media(min-width:769px){body{background-image:linear-gradient(#ffffff1a,#ffffff4d),url(/waterfall-5207223.jpg);background-attachment:fixed}}.frosted-card{border-radius:12px;padding:22px;color:#0b1220;background:linear-gradient(#fff9,#ffffff6b);backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 30px #0009}.frosted-input{width:100%;box-sizing:border-box;padding:12px 14px;margin:6px 0;border-radius:10px;border:1px solid rgba(10,15,20,.06);background:#36343408;color:inherit;font-size:1rem;outline:none;transition:box-shadow .16s ease,transform .12s ease,border-color .12s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.frosted-input::placeholder{color:#000000b5;opacity:.75}.frosted-input:focus{box-shadow:0 6px 18px #4a90e21f;border-color:#000000e6;transform:translateY(-1px)}.frosted-button{display:inline-block;padding:10px 18px;border-radius:10px;color:#000;border:1px solid rgba(255,255,255,.36);background:linear-gradient(180deg,#bababaf2,#ffffffe7);cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease}.frosted-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #85898f2e}@media(prefers-color-scheme:dark){.frosted-card .frosted-button{color:#000}.frosted-card{color:#fff;background:linear-gradient(#080a0e5c,#0c0e1447);border:1px solid rgba(255,255,255,.06)}.frosted-input{border:1px solid rgba(255,255,255,.06)}.frosted-input::placeholder{color:#c5c5c5d0;opacity:.75}}