::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#78787859;border-radius:20px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#5a5a5a8c}*{scrollbar-width:thin;scrollbar-color:rgba(120,120,120,.35) transparent}body::-webkit-scrollbar-thumb{opacity:0}body:hover::-webkit-scrollbar-thumb{opacity:1}*{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:root{--bg-body: rgba(5, 5, 5, 1);--bg-hero-start: rgba(0, 0, 0, 1);--bg-hero-end: rgba(10, 10, 10, 1);--bg-projects: rgba(10, 10, 10, 1);--bg-idk: rgba(8, 8, 8, 1);--bg-modal: rgba(18, 18, 18, .3);--text-main: rgba(237, 237, 237, 1);--text-muted: rgba(136, 136, 136, 1);--text-light: rgba(161, 161, 161, 1);--white: rgba(255, 255, 255, 1);--gradient-1: rgb(16, 16, 16, 1);--gradient-2: rgba(12, 12, 12, 1);--gradient-3: rgba(8, 8, 8, 1);--gradient-4: rgba(4, 4, 4, 1);--bg-overlay: rgba(0, 0, 0, .6);--bg-hover-dark: rgba(255, 255, 255, .03);--dot-inactive: rgba(34, 34, 34, 1);--border-light: rgba(255, 255, 255, .15);--border-section: rgba(255, 255, 255, .08);--shadow-modal: 0 20px 40px rgba(0, 0, 0, .8);--font-main: "Helvetica Neue", Arial, sans-serif;--font-mono: monospace}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-body);color:var(--text-main);font-family:var(--font-main);overflow:hidden;cursor:default}h1{font-size:clamp(4rem,15dvw,12rem);line-height:.9;letter-spacing:-.05em;text-transform:uppercase;font-weight:800}h2{font-size:clamp(1rem,3dvw,2rem);font-weight:300;margin-top:1rem;opacity:.7;letter-spacing:.05em}h3{font-size:clamp(2rem,5dvw,4rem);font-weight:700}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer}.hidden{display:none}.fixed-nav{position:fixed;top:0;left:0;width:100%;padding:3rem;display:flex;justify-content:space-between;z-index:999;color:var(--white);animation:easeIn 1.5s ease;pointer-events:none}.fixed-nav>*{pointer-events:auto}.logo{position:relative;font-weight:700;align-self:center;font-size:1.5rem;padding-bottom:4px;color:var(--text-muted)}.logo:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background:var(--text-muted)}.logo:hover:after{animation:spreadWidth .3s ease forwards}.social-links{display:flex;flex-direction:row;gap:1.5rem;align-items:center;justify-content:center}.social-btn{position:relative;text-decoration:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color .3s ease;padding-bottom:4px}.social-btn:after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;background:var(--white);transform:translate(-50%);border-radius:2px}.social-btn:hover{color:var(--white)}.social-btn:hover:after{animation:spreadWidth .3s ease forwards}main{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory}section{position:relative;flex:0 0 100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:0 10dvw;scroll-snap-align:start}.left-slide,.right-slide{flex:0 0 100dvw;scroll-snap-align:start;height:100dvh}.hero-slide,.project-slide,.idk-slide{flex:0 0 100dvh;scroll-snap-align:start}.right-slide{display:flex;flex-direction:column;scroll-snap-align:start;overflow-y:auto;scroll-snap-type:y mandatory}.vertical-slide{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4rem}.hero{justify-content:flex-end;padding-bottom:10dvh}.projects{display:flex;flex-direction:row;align-items:center;gap:4rem}.project-header{writing-mode:vertical-rl;transform:rotate(180deg);font-size:1.5rem;letter-spacing:.2em;opacity:.5;white-space:nowrap}.project-list{display:flex;gap:4rem;padding:4rem;width:100%;max-width:60dvw;overflow:auto}.project-card{transition:transform .3s ease,opacity .3s ease;cursor:pointer}.project-card:hover{transform:translateY(-20px)}.project-card p{font-family:var(--font-mono);color:var(--text-muted);margin-top:.5rem}.idk{justify-content:center;align-items:center;overflow:hidden;position:relative}.idk h2{margin-bottom:.5rem}.random-item{position:absolute;padding:.75rem 1.25rem;background:#0000001a;border:1px solid var(--border-section);color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;white-space:nowrap;pointer-events:auto;transition:all .5s ease,transform .3s cubic-bezier(.175,.885,.32,1.275),background .3s ease,border-color .3s ease,color .3s ease;z-index:50;backdrop-filter:blur(5px);max-width:250px;white-space:normal}.random-item:hover{background:#0000004d;border-color:var(--white);color:var(--white);transform:scale(1.1)!important;z-index:100;cursor:default}@keyframes gradient{0%{background-position:0% 0%}20%{background-position:0% 100%}40%{background-position:100% 100%}60%{background-position:100% 0%}80%{background-position:50% 50%}to{background-position:0% 0%}}.hero,.modal,.projects,.idk{z-index:100;opacity:.8;animation:easeInOpacityDim 1.5s ease}.absolute-bg{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:1;background:repeating-radial-gradient(circle,var(--gradient-1),var(--gradient-2),var(--gradient-3),var(--gradient-4));background-size:250% 250%;animation:gradient 24s linear infinite;will-change:background-position,transform;transform-origin:center}.arrow-indicator{position:absolute;opacity:.4;color:var(--white);pointer-events:auto;cursor:pointer;z-index:1000;transition:opacity .3s ease}.arrow-indicator:hover{opacity:1}.arrow-right{right:2rem;animation:2s bounceRight ease-in-out infinite}.arrow-left{left:2rem;animation:2s bounceLeft ease-in-out infinite}.arrow-bottom{bottom:1rem;animation:2s bounceBottom ease-in-out infinite}.arrow-upper{top:1rem;animation:2s bounceUpper ease-in-out infinite}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;opacity:1;overflow:auto}.modal.show{display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);animation:fadeIn .3s ease}.modal-open{animation:none!important}.modal-open .project-header,.modal-open .project-list,.modal-open .hero,.modal-open .idk,.modal-open .fixed-nav,.modal-open .arrow-indicator{opacity:.1;transition:opacity .25s ease}.modal-content{background-color:var(--bg-modal);width:95dvw;max-width:600px;max-height:90dvh;position:relative;box-shadow:0 8px 32px var(--shadow-modal);overflow:auto;border:1px solid var(--border-light);transition:transform .3s ease,opacity .3s ease}.modal-content .modal-header{padding:3rem 3rem 0}.modal-content .modal-body #modal-description{padding:0 3rem}.modal-close{position:absolute;right:1.5rem;top:1rem;cursor:pointer;color:var(--text-muted);z-index:1001;transition:color .3s ease}.modal-close:hover{color:var(--white)}.modal-header{margin-bottom:1.5rem;overflow:auto}.modal-header h2{margin-top:0;font-size:2rem}.modal-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.modal-tech{font-family:var(--font-mono);color:var(--text-muted);font-size:.9rem;margin:0}.modal-body{margin-bottom:2rem;line-height:1.6;color:var(--text-light)}.modal-footer{display:block}.modal-link{color:var(--text-muted);cursor:pointer;transition:color .3s ease;display:none}.modal-link.show{display:block}.modal-link:hover{color:var(--white)}.carousel{margin-top:1rem;display:flex;justify-content:center}.carousel-arrow{color:var(--text-muted);cursor:pointer;transition:color .3s ease,opacity .3s ease,visibility .3s ease;opacity:0;visibility:hidden;width:3rem;align-self:stretch;display:flex;align-items:center;justify-content:center}.carousel-arrow:hover{color:var(--white);background-color:var(--bg-hover-dark)}.carousel-prev{order:1}.carousel-next{order:3}.carousel-slides{position:relative;overflow:hidden;order:2;flex:1;max-width:100%}.carousel-slide{display:none;position:relative;transition:background-color .3s ease}.carousel-slide.active{display:block}.carousel-slide:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(24px,5dvw,48px);height:clamp(24px,5dvw,48px);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>');background-repeat:no-repeat;background-position:center;background-size:contain;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s ease}.carousel-slide:has(img:hover):after{opacity:1}.carousel-slide img{width:100%;max-height:400px;object-fit:contain;display:block;cursor:pointer;transition:opacity .3s ease}.carousel-slide img:hover{opacity:.8}.carousel-slide:hover{background-color:var(--bg-hover-dark)}.carousel-dots{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem;opacity:0;visibility:hidden;transition:opacity .3s ease}.carousel-dots:has(.carousel-dot){opacity:.7;visibility:visible}.carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--dot-inactive);border:none;cursor:default;padding:0;transition:opacity .3s ease}.carousel-dot.active{background:var(--white);opacity:1;width:8px;height:8px}.image-modal{display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;animation:fadeIn .3s ease;align-items:center;justify-content:center;padding:5rem}.image-modal.show{display:flex;backdrop-filter:blur(3px);background-color:var(--bg-overlay);animation:easeIn .3s ease}.image-modal img{max-width:100dvw;max-height:90dvh;height:auto;object-fit:contain;background-color:var(--bg-hover-dark);animation:zoomIn .3s ease;cursor:default}.image-modal-close{position:absolute;top:1.5rem;right:1.5rem;cursor:pointer;color:var(--text-muted);transition:color .3s ease;background:none;border:none;z-index:1002}.image-modal-close:hover{color:var(--white)}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes easeIn{0%{opacity:0;transform:translateZ(20px)}to{opacity:1;transform:translateZ(0)}}@keyframes easeInOpacityDim{0%{opacity:0;transform:translateZ(20px)}to{opacity:.8;transform:translateZ(0)}}@keyframes bounceRight{0%,to{transform:translate(0)}50%{transform:translate(20px)}}@keyframes bounceLeft{0%,to{transform:translate(0)}50%{transform:translate(-20px)}}@keyframes bounceBottom{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounceUpper{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes spreadWidth{0%{width:0%}to{width:100%}}@media(max-width:768px){.fixed-nav{padding:1rem}.logo{align-self:baseline}.social-links{flex-direction:column}.social-links{gap:1rem}.projects{flex-direction:column;align-items:flex-start;gap:0}.project-list{flex-direction:column;gap:2rem;padding:2rem 0;max-width:80dvw;max-height:50dvh}.project-header{writing-mode:horizontal-tb;transform:none;margin-bottom:2rem}.modal-content{width:100dvw}.modal-close{top:.5rem;right:.5rem}.image-modal{padding:3rem}.image-modal-close{top:.5rem;right:.5rem}h1{font-size:15dvw}.arrow-indicator{bottom:0;padding:clamp(1rem,5dvw,2rem) clamp(1.5rem,5dvw,3rem)}.arrow-indicator svg{width:32px;height:32px}.arrow-right{right:1rem}.arrow-left{left:1rem}.arrow-bottom{bottom:0;right:0}.arrow-upper{top:0;bottom:auto}.random-item{font-size:.7rem;max-width:150px;padding:.5rem .75rem}}@media(max-width:240px){.fixed-nav{justify-content:center}.logo{display:none}}@media(prefers-reduced-motion:reduce){.arrow-indicator{animation:none!important}}body{margin:0;padding:0;background-color:#080808;overflow:hidden}.fixed-nav[data-astro-cid-j7pv25f6]{position:fixed;top:0;left:0;width:100%;z-index:999}main[data-astro-cid-j7pv25f6]{display:flex;height:100dvh;overflow-x:auto;overflow-y:hidden}section[data-astro-cid-j7pv25f6]{flex:0 0 100dvw;height:100dvh}