@font-face{font-family:PP Frama;src:url(/assets/PPFrama-Thin-CvwBZj9u.otf)format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:PP Frama;src:url(/assets/PPFrama-Extralight-C8WQviZY.otf)format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:PP Frama;src:url(/assets/PPFrama-Light-C6QDxNj_.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:PP Frama;src:url(/assets/PPFrama-Regular-CeVOq9oA.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Frama;src:url(/assets/PPFrama-Medium-drx_gU26.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PP Frama;src:url(/assets/PPFrama-Semibold-CLCfbYal.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:PP Frama;src:url(/assets/PPFrama-Bold-kBNu1_TJ.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:PP Frama;src:url(/assets/PPFrama-Extrabold-Cr31AgC1.otf)format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:PP Frama;src:url(/assets/PPFrama-Black-BHZpr_Lr.otf)format("opentype");font-weight:900;font-style:normal;font-display:swap}:root{--bg:#0a0a0a;--font:#f2f2f2;--font-variant:#c4c4c4;--container-bg:#252525a4;--container-contrast:#32353a;--primary-accent:#57b1ff;--secondary-accent:#87a8cf}:root[data-theme=light]{--bg:#eee;--font:#0a0a0a;--font-variant:#5c5c5c;--container-bg:#ffffffa4;--container-contrast:#d2dae1;--primary-accent:#2a7fd4;--secondary-accent:#5c7da0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--font);-webkit-user-select:none;user-select:none;font-family:PP Frama,Helvetica Neue,Arial,sans-serif;overflow:hidden}button{border:none}a{color:var(--font);text-decoration:none}ol,ul{list-style:none}#app{position:fixed;inset:0}#app canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#app.is-dragging canvas{cursor:grabbing}.header{z-index:1000;justify-content:space-between;align-items:center;width:100vw;padding:0 3.2vw;display:flex;position:fixed;bottom:7vh}@media (width<=820px){.header{padding:0 5vw;bottom:5vh}}@media (width<=480px){.header{pointer-events:none;grid-template-rows:auto 1fr auto;grid-template-columns:auto auto;height:100vh;padding:3vh 6vw;display:grid;inset:0}.header .darkmode-switch{pointer-events:auto;grid-area:1/1;justify-self:start}.header .contact{pointer-events:auto;grid-area:1/2;justify-self:end}.header .menu{pointer-events:auto;grid-area:3/1/auto/-1;place-self:end stretch}}.header .darkmode-switch{--slot:48px;background-color:var(--container-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;border-radius:100px;align-items:center;height:60px;padding:6px;display:flex;position:relative}@media (width<=480px){.header .darkmode-switch{--slot:38px;width:auto;height:50px}}.header .darkmode-switch .darkmode-pill{width:var(--slot);background-color:var(--container-contrast);pointer-events:none;z-index:0;border-radius:100px;height:calc(100% - 12px);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:6px;left:6px}.header .darkmode-switch .darkmode-icon{z-index:1;width:var(--slot);height:100%;color:var(--font-variant);justify-content:center;align-items:center;transition:color .3s ease-out,transform .3s ease-out;display:flex;position:relative}.header .darkmode-switch .darkmode-icon svg{width:24px;height:24px}@media (width<=480px){.header .darkmode-switch .darkmode-icon svg{width:21px;height:21px}}.header .darkmode-switch .darkmode-icon:hover{color:var(--primary-accent);transform:scale(.95)}.header .darkmode-switch[data-state=dark] .darkmode-pill{transform:translate(0)}.header .darkmode-switch[data-state=dark] .darkmode-icon--sun{color:var(--font)}.header .darkmode-switch[data-state=light] .darkmode-pill{transform:translateX(var(--slot))}.header .darkmode-switch[data-state=light] .darkmode-icon--moon{color:var(--font)}.header .menu{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--container-bg);border-radius:100px;justify-content:center;align-items:center;gap:15px;height:60px;padding:0 6px;display:flex;position:relative}.header .menu .menu-pill{background-color:var(--container-contrast);pointer-events:none;z-index:0;width:110px;height:calc(100% - 12px);transform:translate(calc(var(--i,0) * 125px), -50%);border-radius:100px;transition:transform .45s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:6px}.header .menu .menu-pill.is-instant{transition:none}.header .menu button{z-index:1;color:var(--font-variant);cursor:pointer;background-color:#0000;border-radius:100px;width:110px;height:100%;font-family:PP Frama,Helvetica Neue,Arial,sans-serif;font-size:clamp(1rem,.5rem + .55vw,1.2rem);font-weight:400;transition:color .3s ease-out,transform .3s ease-out;position:relative}.header .menu button.is-active{color:var(--font)}.header .menu button:hover{color:var(--primary-accent);transform:scale(.95)}@media (width<=480px){.header .menu{gap:0;width:100%;height:50px}.header .menu .menu-pill{width:calc(33.3333% - 4px);transform:translate(calc(var(--i,0) * 100%), -50%)}.header .menu button{flex:1;width:auto;font-size:1rem}}.header .contact-button{background-color:var(--container-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:105px;height:60px;color:var(--font);border-radius:100px;font-family:PP Frama,Helvetica Neue,Arial,sans-serif;font-size:clamp(1rem,.5rem + .55vw,1.2rem);font-weight:400}.header .contact-button p{transition:color .3s ease-out,transform .3s ease-out}@media (width<=480px){.header .contact-button{width:105px;height:50px;font-size:1rem}}.header .contact-button:hover p{color:var(--primary-accent);transform:scale(.95)}.views{pointer-events:none;z-index:1;position:fixed;inset:0}.view{opacity:0;visibility:hidden;position:absolute;inset:0}.view[data-view=about],.view[data-view=career]{background:var(--bg);overflow-y:hidden}.view[data-view=about].is-active,.view[data-view=career].is-active{pointer-events:auto}.view .view-inner{flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:100%;padding-top:7vh;padding-left:3.2vw;padding-right:3.2vw;display:flex}@media (width<=820px){.view .view-inner{padding-top:8vh;padding-left:5vw;padding-right:5vw}}@media (width<=480px){.view .view-inner{padding-top:30%;padding-left:6vw;padding-right:6vw}}.view-inner-about .heading-image-container{justify-content:flex-start;align-items:center;width:50%;display:flex}@media (width<=820px){.view-inner-about .heading-image-container{width:70%}}.view-inner-about .heading-image-container img{width:20%}.view-inner-about .heading-image-container img:first-child{transform:rotate(-4deg)}.view-inner-about .heading-image-container img:nth-child(2){margin-left:-8%;transform:rotate(3deg)translateY(-6%)}.view-inner-about .heading-image-container img:nth-child(3){margin-left:-10%;transform:rotate(-2deg)}.view-inner-about .content-container{flex-direction:column;justify-content:flex-start;align-items:center;gap:3vh;width:100%;height:auto;margin-top:5vh;display:flex}@media (width<=820px){.view-inner-about .content-container{gap:3vh;margin-top:5vh}}@media (width<=480px){.view-inner-about .content-container{gap:3vh;margin-top:4vh}}.view-inner-about .content-container p{font-size:clamp(1.5rem,1.1rem + .85vw,2rem)}@media (width<=820px){.view-inner-about .content-container p{font-size:clamp(1.5rem,1.2rem + .95vw,2.2rem)}}@media (width<=480px){.view-inner-about .content-container p{font-size:clamp(1.2rem,1rem + .85vw,2rem)}}.view-inner-carreer .heading-image-container{justify-content:flex-start;align-items:center;width:50%;display:flex}@media (width<=820px){.view-inner-carreer .heading-image-container{width:75%}}.view-inner-carreer .heading-image-container img{width:20%}.view-inner-carreer .heading-image-container img:first-child{z-index:20;transform:rotate(4deg)}.view-inner-carreer .heading-image-container img:nth-child(2){margin-left:-5%;transform:rotate(-5deg)translateY(4%)}.view-inner-carreer .heading-image-container img:nth-child(3){margin-left:-10%;transform:rotate(-2deg)}.view-inner-carreer .content-container{flex-direction:column;justify-content:flex-start;align-items:center;gap:3vh;width:100%;height:auto;margin-top:5vh;display:flex}@media (width<=820px){.view-inner-carreer .content-container{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:4vw;margin-top:6vh}}@media (width<=480px){.view-inner-carreer .content-container{margin-top:4vh}}.view-inner-carreer .content-container p{font-size:clamp(1.5rem,1.1rem + .85vw,2rem)}@media (width<=820px){.view-inner-carreer .content-container p{font-size:clamp(1.5rem,1.2rem + .95vw,2.2rem)}}@media (width<=480px){.view-inner-carreer .content-container p{font-size:clamp(1.2rem,1rem + .85vw,2rem)}}*,:before,:after{cursor:none!important}body{isolation:isolate}.cursor-container{pointer-events:none}.cursor{z-index:9999;mix-blend-mode:difference;pointer-events:none;opacity:0;background:#fff;border-radius:100px;width:18px;height:18px;transition:width .25s,height .25s;position:fixed;top:0;left:0}.cursor.is-active{width:12px;height:12px}.loading-screen{z-index:9000;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:4vh 4vw;display:flex;position:fixed;inset:0}@media (width<=820px){.loading-screen{padding:4vh 5vw}}.loading-content{justify-content:center;align-items:center;gap:1rem;width:100%;height:90%;display:flex;position:relative}@media (width<=820px){.loading-content{flex-direction:column}}.loading-content p{color:var(--font);width:30%;font-size:2rem;font-weight:600}@media (width<=820px){.loading-content p{width:50%}}@media (width<=480px){.loading-content p{width:100%;font-size:1.5rem}}.loading-content p:first-child{text-align:right}@media (width<=820px){.loading-content p:first-child{text-align:center}}.loading-content p:last-child{text-align:left}@media (width<=820px){.loading-content p:last-child{text-align:center}}.loading-content .loading-slideshow{aspect-ratio:1;width:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=820px){.loading-content .loading-slideshow{width:180px}}@media (width<=480px){.loading-content .loading-slideshow{width:120px}}.loading-content .loading-slideshow img{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.loading-bar{--p:0;align-self:flex-end;width:100%;height:3px;position:relative}.loading-bar-track,.loading-bar-fill{border-radius:2px;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.loading-bar-track{background:var(--container-contrast);width:100%}.loading-bar-fill{width:calc(var(--p) * 1%);background:var(--primary-accent)}.loading-bar-label{top:50%;left:calc(var(--p) * 1%);transform:translate(calc(var(--p) * -1%), -50%);background-color:var(--container-contrast);box-shadow:0 0 0 1rem var(--bg);width:65px;height:25px;color:var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;font-family:PP Frama,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:500;display:flex;position:absolute}@media (width<=480px){.loading-bar-label{box-shadow:0 0 0 .5rem var(--bg);font-size:.9rem}}.timeline{width:100%}.timeline+.timeline{margin-top:3vh}@media (width<=820px){.timeline{flex:1;width:auto}.timeline+.timeline{margin-top:0}}@media (width<=480px){.timeline:first-child{display:none}}.timeline-title{color:var(--font);margin-bottom:4vh;font-size:clamp(1.2rem,.9rem + .6vw,1.6rem);font-weight:600}@media (width<=820px){.timeline-title{margin-bottom:2vh;font-size:clamp(1.2rem,.9rem + 1vw,2rem)}}@media (width<=480px){.timeline-title{display:none}}.timeline-track{display:flex;position:relative}.timeline-track:before{content:"";background:var(--container-contrast);z-index:0;height:3px;transform:scaleX(var(--draw,1));transform-origin:0;position:absolute;top:7px;left:0;right:0}@media (width<=820px){.timeline-track{flex-direction:column}.timeline-track:before{width:3px;height:auto;transform:scaleY(var(--draw,1));transform-origin:top;inset:0 auto 0 5.5px}}.timeline-item{flex-direction:column;flex:1;padding-right:1.5rem;display:flex;position:relative}@media (width<=820px){.timeline-item{flex-direction:row;flex:none;align-items:flex-start;padding-bottom:3.5vh;padding-right:0}.timeline-item:last-child{padding-bottom:0}}.timeline-node{background:var(--primary-accent);width:14px;height:14px;box-shadow:0 0 0 5px var(--bg);z-index:1;border-radius:50%;flex-shrink:0;position:relative;top:1.5px}@media (width<=820px){.timeline-node{position:relative;top:4.5px}}.timeline-label{flex-direction:column;gap:.4rem;margin-top:1.6rem;display:flex}@media (width<=820px){.timeline-label{margin-top:0;margin-left:1.2rem}}.timeline-period{color:var(--primary-accent);opacity:.9;font-size:.9rem;font-weight:500}@media (width<=820px){.timeline-period{font-size:1rem}}.timeline-role{color:var(--font);font-size:clamp(1rem,.85rem + .35vw,1.25rem);font-weight:500}@media (width<=820px){.timeline-role{font-size:clamp(1.1rem,.85rem + .5vw,1.45rem)}}.timeline-place{color:var(--font-variant);font-size:.95rem;font-weight:400}@media (width<=820px){.timeline-place{font-size:1.05rem}}.contact{position:relative}.contact-panel{transform-origin:100% 100%;z-index:2000;background-color:var(--container-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:450px;color:var(--font);opacity:0;visibility:hidden;border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;position:absolute;bottom:calc(100% + 12px);right:0}@media (width<=480px){.contact-panel{transform-origin:100% 0;width:min(88vw,340px);top:calc(100% + 12px);bottom:auto}}.contact-panel-close{background-color:var(--container-contrast);width:30px;height:30px;color:var(--font-variant);pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.9rem;right:.9rem}.contact-panel-close .icon{transition:color .3s ease-out,transform .3s ease-out}.contact-panel-close:hover .icon{color:var(--primary-accent);transform:scale(.85)}.contact-panel-text{color:var(--font-variant);width:95%;margin-top:.5rem;padding-right:2rem;font-family:PP Frama,Helvetica Neue,Arial,sans-serif;font-size:clamp(.9rem,.8rem + .3vw,1.1rem);font-weight:400;line-height:1.45}.contact-panel-actions{flex-direction:column;gap:.75rem;display:flex}.contact-panel-btn{background-color:var(--container-contrast);color:var(--font);cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-family:PP Frama,Helvetica Neue,Arial,sans-serif;font-size:clamp(.9rem,.8rem + .3vw,1.05rem);font-weight:500;transition:color .3s ease-out,transform .25s ease-out;display:flex}.contact-panel-btn .bt-content{justify-content:flex-start;align-items:center;gap:.5rem;transition:transform .3s;display:flex}.contact-panel-btn .bt-content svg{color:var(--font);flex-shrink:0;transition:color .3s ease-out,transform .25s ease-out}.contact-panel-btn .bt-content span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-panel-btn:hover{color:var(--primary-accent)}.contact-panel-btn:hover .bt-content{transform:scale(.99)}.contact-panel-btn:hover .bt-content svg{color:var(--primary-accent)}