@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap";html,body,#root,.App{height:100%;margin:0}body{font-family:IBM Plex Sans;font-size:clamp(.95rem,1.1vw,1.1rem);line-height:1.6}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/CabinetGrotesk-Variable.ttf)}h1{font-family:Cabinet Grotesk;font-size:clamp(2rem,6vw,3.5rem)}a{text-decoration:none}.bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.bg canvas{width:100%;height:100%;display:block}.bg:after{content:"";position:fixed;inset:0;pointer-events:none;background:url(/drawable/noise-128.png) 0 0/256px 256px repeat;opacity:.07}.page{position:relative;z-index:1;height:100svh;overflow-y:auto;justify-content:center;align-items:center}.panel{min-height:100svh;scroll-snap-align:start;background:transparent;color:#fff;display:flex;flex-direction:column;margin-bottom:0;padding-inline:clamp(1rem,8vw,6rem);max-width:1000px;margin-inline:auto}.wrap{overflow:hidden}#hero{justify-content:center;align-items:center;text-align:center}.title{display:grid;gap:clamp(.6rem,1.2vw,1rem);align-items:center;justify-items:center}.name{width:40svw;max-width:700px;margin:0;line-height:.9;font-weight:800;font-size:clamp(2.8rem,9vw,8.8rem);text-align:left;overflow:visible}@media (max-width: 420px){.name{width:70%;max-width:100%}}.firstname{display:block}.lastname{display:block;text-align:right}.subtitle{grid-column:1 / -1;margin:0;font-weight:400;letter-spacing:.02em;font-size:clamp(1rem,2.2vw,2rem)}.hero-contact{position:absolute;left:50%;bottom:28px;transform:translate(-50%);color:#eaeaea;font-size:clamp(.9rem,1.8vw,1.1rem);letter-spacing:.02em;opacity:.9}.hero-contact:hover{opacity:1;color:#fff}#about{justify-content:center}#about p{text-align:left;align-self:center;max-width:40rem}#experience{height:100svh}#experience h1{margin-top:10vh}.timeline{grid-template-columns:1fr;row-gap:16px;max-width:38rem;border-left:2px solid rgba(255,255,255,.15);padding-left:clamp(.75rem,2vw,2rem)}.entry{margin-bottom:30px}.period{order:-1;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffff14;font-weight:600;font-size:clamp(.76rem,2.6vw,.9rem);line-height:1;letter-spacing:.01em;margin-bottom:10px}.entry h3,.entry .degree{font-family:Cabinet Grotesk;line-height:1.25;margin:0 0 3px}.entry p,.entry .meta{line-height:1.5;margin:0 0 6px}#experience .timeline{margin-top:15vh}#experience .entry{margin-bottom:50px}#education h1{margin:0 0 14px}#education .timeline{margin-top:5vh}#project h1{margin-top:12vh;text-align:center}#project p:first-of-type{margin-top:8vh}#project p{text-align:left;align-self:center;max-width:40rem}#contact{font-family:Cabinet Grotesk;font-size:1.2em;align-items:center;justify-content:center;text-align:center}#contact .container{display:flex;flex-direction:column;justify-content:space-between;height:50svh}.connect-sentence{font-weight:800;letter-spacing:.1em}#contact .cta{background:#fff3;color:#fff;border:#fff;border-style:solid;padding-block:10px;border-radius:1000px;border-width:1px;transition:all .1s ease-out;font-weight:700;letter-spacing:1.5px}#contact .cta:hover{background:#fff;color:#000}#contact .socials{gap:1.5rem;justify-content:center;align-items:center;display:flex}#contact .socials a{display:inline-flex;color:#fff;transition:transform .2s ease,color .2s ease}#contact .socials svg{width:40px;height:40px;fill:currentColor}#contact .socials a:hover{transform:scale(1.15)}