*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:62.5%}body{color:#0a0a0a;background:var(--page-bg);-webkit-font-smoothing:antialiased;--page-bg:#fff;--glow:#0000000d;height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.6rem;line-height:1.6;transition:background-color .8s;overflow:hidden}body[data-slide=about],body[data-slide=projects]{--page-bg:#f4f4f4}body[data-slide=contact]{--page-bg:#0a0a0a;--glow:#ffffff12}.backdrop{pointer-events:none;transform:translate3d(var(--parallax,0px),0,0);will-change:transform;transition:transform 1.1s cubic-bezier(.77,0,.18,1),filter .8s;position:fixed;top:0;left:0}body[data-slide=contact] .backdrop{filter:invert()}body:before{content:"";background:radial-gradient(circle,var(--glow)0%,transparent 65%);pointer-events:none;will-change:transform;border-radius:50%;width:70vw;height:70vw;animation:26s ease-in-out infinite alternate drift;position:fixed;top:-30vh;left:-20vw}@keyframes drift{0%{transform:translate(0,0)}50%{transform:translate(70vw,30vh)}to{transform:translate(30vw,60vh)}}img,video{max-width:100%;display:block}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline-offset:3px;outline:2px solid}::selection{color:#fff;background:#0a0a0a}.eyebrow,.label{letter-spacing:.08em;text-transform:uppercase;color:#737373;margin-bottom:2rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.3rem;font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:1rem;padding:1.4rem 2.6rem;font-size:1.5rem;font-weight:600;line-height:1;transition:background .25s,color .25s,border-color .25s,transform .25s;display:inline-flex}.btn i{transition:transform .25s}.btn:hover i.fa-arrow-right{transform:translate(4px)}.btn:active{transform:scale(.97)}.btn--sm{padding:1.1rem 2rem;font-size:1.4rem}.btn--dark{color:#fff;background:#0a0a0a}.btn--dark:hover{background:#404040}.btn--outline{color:#0a0a0a;border-color:#d4d4d4}.btn--outline:hover{background:#f4f4f4;border-color:#0a0a0a}.btn--light{color:#0a0a0a;background:#fff}.btn--light:hover{background:#e5e5e5}.link{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;align-items:center;gap:.8rem;padding-bottom:.3rem;font-size:1.4rem;font-weight:600;transition:background-size .3s;display:inline-flex}.link:hover{background-size:100% 1px}.site-header{z-index:10;background:linear-gradient(var(--page-bg)65%,transparent);justify-content:space-between;align-items:center;gap:2rem;height:8rem;padding:0 4.8rem;transition:color .4s;display:flex;position:fixed;inset:0 0 auto}@media (width<=37.5em){.site-header{height:6.4rem;padding:0 2rem}}.brand{align-items:center;gap:1.2rem;font-size:1.5rem;font-weight:600;display:flex}.brand__mark{color:#fff;letter-spacing:.04em;background:#0a0a0a;border-radius:1rem;place-items:center;width:3.8rem;height:3.8rem;font-size:1.3rem;font-weight:700;transition:background .4s,color .4s;display:grid}@media (width<=56.25em){.brand__name{display:none}}.site-nav{backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #e5e5e5;border-radius:999px;gap:.4rem;padding:.5rem;transition:background .4s,border-color .4s;display:flex}.site-nav__link{color:#737373;border-radius:999px;padding:.8rem 1.8rem;font-size:1.4rem;font-weight:500;transition:color .25s,background .25s}.site-nav__link:hover{color:#0a0a0a}.site-nav__link.is-active{color:#fff;background:#0a0a0a}@media (width<=37.5em){.site-nav{display:none}}.controls{z-index:10;pointer-events:none;background:linear-gradient(to top,var(--page-bg)65%,transparent);align-items:center;gap:3rem;height:8rem;padding:0 4.8rem;transition:color .4s;display:flex;position:fixed;inset:auto 0 0}.controls>*{pointer-events:auto}.controls__counter{color:#737373;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.3rem}.controls__counter b{color:#0a0a0a;font-weight:500;transition:color .4s}.controls__progress{background:#e5e5e5;border-radius:2px;flex:1;max-width:24rem;height:2px;transition:background .4s;overflow:hidden}.controls__progress span{background:#0a0a0a;width:25%;height:100%;transition:width .8s cubic-bezier(.77,0,.18,1),background .4s;display:block}.controls__arrows{gap:1rem;margin-left:auto;display:flex}@media (width<=37.5em){.controls{gap:2rem;height:6.4rem;padding:0 2rem}}.arrow{border:1px solid #d4d4d4;border-radius:50%;place-items:center;width:4.8rem;height:4.8rem;font-size:1.5rem;transition:background .25s,color .25s,border-color .25s,opacity .25s;display:grid}.arrow:hover:not(:disabled){color:#fff;background:#0a0a0a;border-color:#0a0a0a}.arrow:disabled{opacity:.3;cursor:default}body[data-slide=contact] .site-header,body[data-slide=contact] .controls{color:#fff}body[data-slide=contact] .brand__mark{color:#0a0a0a;background:#fff}body[data-slide=contact] .site-nav{background:#ffffff0f;border-color:#262626}body[data-slide=contact] .site-nav__link{color:#a3a3a3}body[data-slide=contact] .site-nav__link:hover{color:#fff}body[data-slide=contact] .site-nav__link.is-active,body[data-slide=contact] .site-header .btn--dark{color:#0a0a0a;background:#fff}body[data-slide=contact] .site-header .btn--dark:hover{background:#e5e5e5}body[data-slide=contact] .controls__counter b{color:#fff}body[data-slide=contact] .controls__progress{background:#262626}body[data-slide=contact] .controls__progress span{background:#fff}body[data-slide=contact] .arrow{border-color:#404040}body[data-slide=contact] .arrow:hover:not(:disabled){color:#0a0a0a;background:#fff;border-color:#fff}.deck{position:fixed;inset:0;overflow:hidden}.deck__track{will-change:transform;width:max-content;height:100%;transition:transform .8s cubic-bezier(.77,0,.18,1);display:flex}.deck__track.no-transition{transition:none}.slide{scrollbar-width:thin;flex:0 0 100vw;width:100vw;height:100%;padding:10rem 4.8rem;display:flex;overflow:hidden auto}.slide .slide__inner>*{opacity:0;transition:opacity .7s,transform .8s cubic-bezier(.77,0,.18,1);transform:translate(4rem)}.slide.is-active .slide__inner>*{opacity:1;transform:none}.slide.is-active .slide__inner>:first-child{transition-delay:.23s}.slide.is-active .slide__inner>:nth-child(2){transition-delay:.31s}.slide.is-active .slide__inner>:nth-child(3){transition-delay:.39s}.slide.is-active .slide__inner>:nth-child(4){transition-delay:.47s}.slide.is-active .slide__inner>:nth-child(5){transition-delay:.55s}.slide.is-active .slide__inner>:nth-child(6){transition-delay:.63s}@media (width<=37.5em){.slide{padding:8.4rem 2rem}}.slide__inner{width:100%;max-width:128rem;margin:auto}.slide__title{letter-spacing:-.04em;margin-bottom:3rem;font-size:clamp(4rem,6vw,7.2rem);font-weight:700;line-height:1.02}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:6rem;display:grid}@media (width<=56.25em){.hero{grid-template-columns:1fr;gap:4rem}}.hero__title{letter-spacing:-.045em;color:#a3a3a3;margin-bottom:3rem;font-size:clamp(4.4rem,7vw,9rem);font-weight:800;line-height:.98}.hero__name{color:#0a0a0a}.hero__lead{color:#404040;max-width:52rem;margin-bottom:4rem;font-size:clamp(1.6rem,1.4vw,1.9rem)}.hero__actions{flex-wrap:wrap;gap:1.2rem;margin-bottom:4.8rem;display:flex}@media (height<=56.25em){.hero__title{margin-bottom:2rem;font-size:clamp(4rem,5.5vw,7rem)}.hero__lead,.hero__actions{margin-bottom:2.4rem}}.stack{flex-wrap:wrap;gap:.8rem;display:flex}.stack li{color:#404040;background:#fff;border:1px solid #e5e5e5;border-radius:999px;padding:.6rem 1.2rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem}.hero__visual{justify-content:center;display:flex}@media (width<=56.25em){.hero__visual{order:-1;justify-content:flex-start}}.portrait{aspect-ratio:4/5;isolation:isolate;background:linear-gradient(160deg,#f4f4f4 10%,#d4d4d4);border-radius:2.4rem;width:min(100%,42rem);position:relative;overflow:visible}@media (height<=56.25em){.portrait{width:min(100%,34rem)}}@media (width<=56.25em){.portrait{width:min(70%,28rem)}}@media (width<=37.5em){.portrait{aspect-ratio:1;border-radius:50%;width:16rem}}.portrait__img{object-fit:cover;object-position:center 30%;border-radius:inherit;filter:grayscale()contrast(1.05);mix-blend-mode:multiply;width:100%;height:100%;transition:filter .6s}.portrait:hover .portrait__img{filter:grayscale(.4)contrast(1.05)}.portrait__tag{white-space:nowrap;border-radius:1.2rem;align-items:center;gap:.8rem;padding:1rem 1.6rem;font-size:1.3rem;font-weight:600;display:flex;position:absolute;box-shadow:0 1.6rem 4rem #0a0a0a1f}.portrait__tag--top{color:#0a0a0a;background:#fff;top:12%;left:-3rem}.portrait__tag--bottom{color:#fff;background:#0a0a0a;bottom:10%;right:-3rem}@media (width<=56.25em){.portrait__tag{display:none}}.about{grid-template-columns:1fr 1fr;align-items:center;gap:8rem;display:grid}@media (width<=56.25em){.about{grid-template-columns:1fr;gap:4rem}}.about__text{color:#404040;max-width:54rem;font-size:1.7rem}.about__text+.about__text{margin-top:1.6rem}.timeline{border-left:1px solid #d4d4d4;padding-left:3.2rem;position:relative}.timeline__item{background:#fff;border:1px solid #e5e5e5;border-radius:1.6rem;padding:2.4rem 2.8rem;transition:transform .3s,border-color .3s;position:relative}.timeline__item+.timeline__item{margin-top:1.6rem}.timeline__item:before{content:"";background:#fff;border:2px solid #0a0a0a;border-radius:50%;width:1.1rem;height:1.1rem;position:absolute;top:3rem;left:-3.2rem;transform:translate(-50%)}.timeline__item:first-child:before{background:#0a0a0a}.timeline__item:hover{border-color:#a3a3a3;transform:translate(6px)}.timeline__period{color:#737373;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2rem}.timeline__title{letter-spacing:-.01em;margin:.4rem 0;font-size:1.9rem;font-weight:700}.timeline__desc{color:#404040;font-size:1.45rem}.experience{grid-template-columns:.9fr 1.1fr;align-items:center;gap:7rem;display:grid}@media (width<=56.25em){.experience{grid-template-columns:1fr;gap:4rem}}.experience__intro .slide__title{font-size:clamp(3.6rem,4.8vw,6rem)}.role{color:#fff;background:#0a0a0a;border-radius:1.6rem;margin-bottom:2.4rem;padding:2.4rem 2.8rem}.role__period{color:#a3a3a3;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2rem}.role__title{letter-spacing:-.02em;margin:.4rem 0 .2rem;font-size:2.2rem;font-weight:700}.role__company{color:#e5e5e5;font-size:1.6rem;font-weight:500}.role__note{color:#a3a3a3;margin-top:.4rem;font-size:1.3rem}.experience .tags li{background:#fff;border:1px solid #e5e5e5}.highlights{counter-reset:highlight;gap:.2rem;display:grid}.highlights li{counter-increment:highlight;color:#404040;border-radius:1.2rem;padding:1.4rem 1.6rem 1.4rem 5.6rem;font-size:1.45rem;line-height:1.55;transition:background .25s,color .25s;position:relative}.highlights li:before{content:counter(highlight,decimal-leading-zero);color:#a3a3a3;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;position:absolute;top:1.6rem;left:1.6rem}.highlights li b{color:#0a0a0a;font-weight:600}.highlights li:hover{color:#0a0a0a;background:#ffffffd9}.projects__head .slide__title{margin-bottom:3.2rem;font-size:clamp(3.6rem,4.5vw,5.6rem)}.projects__grid{grid-template-columns:repeat(3,1fr);gap:2.4rem;display:grid}@media (width<=75em){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=56.25em){.projects__grid{grid-template-columns:1fr}}.project{background:#fff;border:1px solid #e5e5e5;border-radius:1.6rem;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;overflow:hidden}.project:hover{border-color:#d4d4d4;transform:translateY(-6px);box-shadow:0 2.4rem 5rem #0a0a0a14}.project__media{aspect-ratio:16/9}@media (height<=56.25em){.project__media{aspect-ratio:2.2}}.project__media{background:#171717;overflow:hidden}.project__media video{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .5s,transform .6s}.project:hover .project__media video{filter:grayscale(0);transform:scale(1.03)}.project__body{flex-direction:column;flex:1;padding:2rem 2.4rem;display:flex}.project__index{color:#a3a3a3;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2rem}.project__title{letter-spacing:-.01em;margin:.4rem 0 1rem;font-size:1.9rem;font-weight:700;line-height:1.3}.project .tags{margin-bottom:1.6rem}.project__desc{color:#404040;margin-bottom:1.8rem;font-size:1.45rem}.project__links{border-top:1px solid #e5e5e5;gap:2.4rem;margin-top:auto;padding-top:1.4rem;display:flex}.tags{flex-wrap:wrap;gap:.6rem;display:flex}.tags li{color:#404040;background:#f4f4f4;border-radius:.6rem;padding:.4rem 1rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem}.slide--contact{color:#fff}.slide--contact .eyebrow{color:#737373}.slide--contact ::selection{color:#0a0a0a;background:#fff}.contact__title{letter-spacing:-.05em;margin-bottom:3rem;font-size:clamp(5rem,10vw,13rem);font-weight:800;line-height:.95}.contact__lead{color:#a3a3a3;margin-bottom:4rem;font-size:1.8rem}.contact__email{letter-spacing:-.02em;word-break:break-all;border-bottom:1px solid #404040;align-items:center;gap:1.6rem;margin-bottom:4rem;padding-bottom:.8rem;font-size:clamp(1.8rem,3vw,3.2rem);font-weight:600;transition:border-color .3s;display:inline-flex}.contact__email i{font-size:.7em;transition:transform .3s}.contact__email:hover{border-color:#fff}.contact__email:hover i{transform:translate(6px)rotate(-45deg)}.contact__row{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:6rem;display:flex}.contact__footer{color:#737373;font-size:1.3rem}.contact__footer a{color:#d4d4d4}.contact__footer a:hover{color:#fff}.socials{gap:1rem;display:flex}.socials a{color:#d4d4d4;border:1px solid #404040;border-radius:50%;place-items:center;width:4.8rem;height:4.8rem;font-size:1.8rem;transition:background .25s,color .25s,border-color .25s;display:grid}.socials a:hover{color:#0a0a0a;background:#fff;border-color:#fff}
/*# sourceMappingURL=MyPortfolio-1.cfa5b2b8.css.map */