*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--stone-500:#78716c;--stone-600:#57534e;--neutral-950:#000;--zinc-300:#d4d4d8;--white:#fff;--black:#000}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background-color:var(--neutral-950);color:var(--white);font-family:Work Sans,sans-serif;overflow-x:hidden}.hero{background:#030703;width:100%;height:100vh;min-height:700px;position:relative;overflow:hidden}.hero-aurora{z-index:0;background-color:#0000;background-image:radial-gradient(80% 60% at 25% 15%,#62814180 0%,#0000 60%),radial-gradient(70% 50% at 75% 35%,#3a502059 0%,#0000 55%),radial-gradient(90% 40% at 50% 20%,#1a2a104d 0%,#0000 50%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:20s ease-in-out infinite aurora;position:absolute;inset:0;overflow:hidden}@keyframes aurora{0%{background-position:0 0}50%{background-position:100%}to{background-position:0 0}}.hero-bg{z-index:1;background:linear-gradient(93deg,#00000026 0%,#03070366 38%);position:absolute;inset:0}.hero:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#000c 100%);height:200px;position:absolute;bottom:0;left:0;right:0}.hero-bg:after{content:"";opacity:.35;pointer-events:none;position:absolute;inset:0}nav{z-index:100;justify-content:flex-end;align-items:center;gap:16px;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}nav a{color:var(--neutral-950);cursor:pointer;-webkit-user-select:none;user-select:none;caret-color:#0000;background:#111111f2;border-radius:50px;outline:none;padding:4px 14px;font-family:Work Sans,cursive;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .2s}nav a span{color:var(--stone-600)}nav a:hover{background:#57844d}nav a:focus{outline:none}nav a:has(img){border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.hero-name{z-index:2;align-items:baseline;gap:8px;display:flex;position:absolute;bottom:160px;left:98px}.hero-name .first{color:var(--white);text-shadow:0 4px 4px #00000040;font-family:Work Sans,sans-serif;font-size:clamp(4rem,9vw,7.5rem);font-weight:400;line-height:1}.hero-name .last{color:#78905e;text-shadow:0 4px 4px #00000080;font-family:WindSong,cursive;font-size:clamp(4rem,9vw,7.5rem);font-weight:400;line-height:1}.hero-links{text-align:center;z-index:2;color:var(--white);font-size:1.5rem;font-weight:400;position:absolute;bottom:100px;left:0;right:0}.hero-links a{color:var(--white);text-decoration:none;transition:opacity .3s}.hero-links a:hover{opacity:.7}.hero-links span{color:var(--white);opacity:.6;letter-spacing:.01em}.about{background:linear-gradient(180deg, var(--neutral-950) 0%, var(--neutral-950) 15%, #1a2a10 30%, #628141 48%, #3a5020 60%, var(--neutral-950) 75%);position:relative;overflow:hidden}.about-pin{align-items:center;min-height:100vh;display:flex}.about-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1280px;margin:0 auto;padding:0 60px;display:grid}.about-left{flex-direction:column;gap:32px;display:flex}.about-text{text-align:right;text-shadow:0 4px 4px #00000040;max-width:600px;margin-left:auto;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:400;line-height:1.5}.about-images{border-radius:6px;height:480px;position:relative;overflow:hidden}.about-img-main{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.img-placeholder{color:#fff3;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#78716c66 0%,#28282899 100%);justify-content:center;align-items:center;font-size:.75rem;display:flex}.works{background:linear-gradient(93deg, #00000080 0%, var(--neutral-950) 38%);z-index:1;min-height:100vh;position:relative;overflow:visible}.works-header{text-align:center;padding:0 60px;overflow:hidden}.works-title{text-align:center;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600}.works-title span.script{color:#78905e;font-family:WindSong,cursive;font-weight:500}.works-title span.sans{color:var(--white);font-family:Work Sans,sans-serif}.works-wrapper{width:100%;min-height:100vh;padding-top:100px;padding-bottom:50px}.works-cards{width:100%;max-width:1000px;margin:0 auto;padding:0 60px}.work-card-wrapper{perspective:500px;width:100%;margin-bottom:50px}.work-card-wrapper:last-child{margin-bottom:0}.work-card-stacked{aspect-ratio:16/9;cursor:pointer;background:linear-gradient(135deg,#3c3c3ce6,#141414);border-radius:16px;justify-content:center;align-items:center;width:100%;font-size:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.work-card-image{position:absolute;inset:0;overflow:hidden}.work-card-image img{object-fit:cover;width:100%;height:100%;display:block}.work-card-overlay{z-index:2;background:linear-gradient(#0000 0%,#00000026 60%,#000000b3 100%);flex-direction:column;justify-content:flex-end;padding:40px;display:flex;position:absolute;inset:0}.work-card-title{color:var(--white);margin:0 0 8px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;line-height:1.2}.work-card-desc{color:#ffffffb3;max-width:500px;margin:0 0 20px;font-size:1rem;line-height:1.5}.work-card-link{color:#78905e;align-items:center;gap:8px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.skills{background:linear-gradient(93deg, #00000080 0%, var(--neutral-950) 38%);overflow:hidden}.skills-pin{align-items:center;min-height:100vh;padding:120px;display:flex}.skills-inner{grid-template-columns:1fr 1fr;align-items:start;gap:60px;max-width:1280px;margin:0 auto;display:grid}.skills-bio{font-size:clamp(1.25rem,2.5vw,2rem);font-weight:400;line-height:1.5}.skills-header{color:var(--white);margin-bottom:4px;font-size:1.6rem;font-weight:400}.skills-header span.script{color:#78905e;font-family:WindSong,cursive}.skills-right{flex-direction:column;gap:32px;display:flex}.skills-category h3{margin-bottom:8px;font-size:1.5rem;font-weight:400}.skills-category ul{flex-wrap:wrap;gap:6px 16px;list-style:none;display:flex}.skills-category ul li{color:#ffffffd9;font-size:.95rem}.skills-icons{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;list-style:none;display:flex}.skills-icon-item{background:#78905e80;border:1px solid #78905e99;border-radius:12px;justify-content:center;align-items:center;padding:16px 20px;display:flex}.skills-icon-item svg{width:48px;height:48px}.contact{background:linear-gradient(to bottom, var(--neutral-950) 0%, #e5e4e0 25%, #e5e4e0 100%);color:#000;align-items:center;min-height:120vh;font-family:Work Sans,sans-serif;display:flex;position:relative;overflow:hidden}.contact-inner{z-index:2;width:100%;max-width:1400px;margin:0 auto;padding:120px 80px;position:relative}.contact-content-left{flex-direction:column;width:100%;max-width:750px;display:flex}.contact-title{background:linear-gradient(135deg,#6f6f6f 30%,#910707 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(5rem,13vw,11rem);font-style:normal;font-weight:900;line-height:1}.contact-avail{color:#1a1a1a;max-width:380px;margin-bottom:48px;margin-left:clamp(80px,15vw,220px);font-size:clamp(1rem,1.4vw,1.25rem);font-weight:600;line-height:1.4}.contact-links{flex-direction:column;gap:8px;margin-bottom:64px;display:flex}.contact-links a{width:fit-content;font-size:clamp(1rem,3.2vw,1.25rem);font-weight:800;line-height:1.15;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:block}.contact-links a.github,.contact-links a.linkedin,.contact-links a.instagram{color:#1a1a1a}.contact-links a:hover{transform:translate(12px);color:#dcb6b6!important;opacity:1!important}.contact-email{color:#1a1a1a;font-size:clamp(1rem,3.2vw,1.25rem);font-weight:600;text-decoration:none;transition:opacity .3s}.contact-email:hover{opacity:.6}.contact-image-wrap{pointer-events:none;z-index:1;justify-content:flex-end;align-items:flex-end;width:55%;height:100%;display:flex;position:absolute;bottom:-60px;right:-50px}.contact-angels-img{object-fit:contain;width:auto;height:105%;display:block;-webkit-mask-image:linear-gradient(#0000 0%,#0000004d 10%,#000 30% 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#0000004d 10%,#000 30% 70%,#0000 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}footer{background:#000;border-top:1px solid #ffffff0d;min-height:100vh;overflow:hidden}.footer-pin{flex-direction:column;justify-content:space-between;min-height:100vh;padding:80px;display:flex;position:relative;overflow:hidden}.footer-email{color:var(--white);z-index:3;font-family:Work Sans,sans-serif;font-size:1.3rem;font-weight:500;line-height:1.5;position:absolute;top:60px;left:80px}.footer-email .email-link{color:var(--white);text-decoration:underline;-webkit-text-decoration-color:var(--white);text-decoration-color:var(--white);text-underline-offset:4px;font-weight:600;text-decoration-thickness:1.5px}.footer-email .footer-copyright{color:#fffffff2;margin-top:6px;font-size:1.1rem;font-weight:500;display:inline-block}.footer-top{z-index:3;justify-content:flex-start;align-items:flex-start;display:flex;position:absolute;top:60px;left:56%;transform:none}.footer-links{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.footer-links a{color:var(--white);font-family:Work Sans,sans-serif;font-size:1.3rem;font-weight:600;text-decoration:none;transition:opacity .25s}.footer-links a:hover{opacity:.6}.footer-icarus-wrap{pointer-events:auto;z-index:1;cursor:default;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;position:absolute;top:30%;left:61%;transform:translate(-50%,-50%)}.footer-icarus-ascii{white-space:pre;-webkit-user-select:none;user-select:none;color:#fffc;cursor:default;text-align:left;letter-spacing:0;margin:0;padding:0;font-family:Courier New,Consolas,monospace;font-size:clamp(.35rem,.6vw,.55rem);line-height:1.05;position:relative;overflow:visible}.ascii-char{color:#fffc;z-index:1;background-color:#0000;min-width:0;margin:0;padding:0;transition:background-color .15s;display:inline;position:relative}.ascii-char.space{background-color:#0000!important}.footer-inner{width:100%;margin-top:auto}.footer-name{z-index:2;justify-content:space-between;align-items:flex-end;width:100%;padding:0 80px;display:flex;position:absolute;bottom:50px;left:0}.footer-name .first{color:var(--white);font-family:Work Sans,sans-serif;font-size:clamp(4.5rem,10vw,8rem);font-weight:500;line-height:.8}.footer-name .last{color:#4b6640;font-family:WindSong,cursive;font-size:clamp(4.5rem,10vw,8rem);font-weight:400;line-height:.8}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-name{animation:.9s .2s both fadeUp}.hero-links{animation:.9s .45s both fadeUp}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:none}.preloader{z-index:9999;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preloader-container{align-items:baseline;gap:8px;display:flex}.preloader-first{color:#fff;text-shadow:0 4px 4px #00000040;will-change:transform, font-size;opacity:0;font-family:Work Sans,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:400}.preloader-last{color:#78905e;text-shadow:0 4px 4px #00000080;will-change:transform, font-size;opacity:0;font-family:WindSong,cursive;font-size:clamp(2rem,5vw,3.5rem);font-weight:400}.preloader-logo{object-fit:contain;opacity:0;will-change:transform, opacity;width:64px;height:40px;margin-top:-20px;margin-left:-32px;position:absolute;top:50%;left:50%}@media (width<=1200px){.hero-name{left:60px}.about-inner{gap:40px;padding:0 40px}.skills-pin{padding:200px 60px}.contact-inner{padding:120px 60px}.footer-pin{padding:80px}}@media (width<=900px){.about-inner,.skills-inner{grid-template-columns:1fr}.hero-name{left:32px}nav{gap:10px;padding:16px 24px}nav a{padding:3px 10px;font-size:1rem}nav a:has(img){width:34px;height:34px}nav a:has(img) img{width:22px;height:18px}.about-inner{gap:32px;padding:0 32px}.about-text{text-align:left;margin-left:0}.about-images{height:350px}.works-header{padding:30px 32px}.works-cards{padding:0 30px}.work-card-overlay{padding:30px}.skills-pin{padding:100px 32px}.skills-icons{justify-content:center;gap:20px}.skills-icon-item{border-radius:10px;padding:12px 16px}.skills-icon-item svg{width:36px;height:36px}.contact-inner{padding:100px 40px}.contact-avail{margin-left:60px}.contact-image-wrap{opacity:.3;width:100%;margin-left:500px;margin-right:-600px}.footer-pin{padding:60px 40px}.footer-email{font-size:1.1rem;top:40px;left:40px}.footer-top{top:40px;left:60px}.footer-name{padding:0 40px;bottom:40px}.footer-name .first{font-size:clamp(3rem,11vw,6rem)}.footer-name .last{font-size:clamp(3rem,11vw,7rem)}.footer-links a{font-size:1.1rem}.footer-icarus-wrap{height:75%;top:30%;left:65%;transform:translate(-50%,-50%)}.footer-icarus-ascii{font-size:clamp(.35rem,.55vw,.5rem)}}@media (width<=800px){.footer-pin{padding:50px 30px}.footer-email{font-size:1rem;top:35px;left:30px}.footer-top{top:35px;left:50px}.footer-name{padding:0 30px;bottom:35px}.footer-name .first{font-size:clamp(2.8rem,10vw,5rem)}.footer-name .last{font-size:clamp(3.2rem,10vw,5rem)}.footer-links a{font-size:1rem}.footer-icarus-wrap{height:70%;top:30%;left:65%;transform:translate(-50%,-50%)}.footer-icarus-ascii{font-size:clamp(.3rem,.5vw,.45rem)}}@media (width<=600px){nav{gap:8px;padding:12px 16px}nav a{padding:2px 8px;font-size:.85rem}nav a:has(img){width:28px;height:28px}nav a:has(img) img{width:18px;height:14px}.hero-name{justify-content:center;left:0;right:0}.hero-name .first,.hero-name .last{font-size:clamp(2.5rem,12vw,4rem)}.hero-links{font-size:1.2rem}.about-inner{padding:0 20px}.about-text{font-size:1.1rem}.about-images{height:260px}.works-header{padding:20px}.works-title{font-size:1.2rem}.works-cards{padding:0 20px}.work-card-overlay{padding:16px}.work-card-title{font-size:clamp(1rem,3vw,1.4rem)}.work-card-desc{font-size:.8rem;display:none}.skills-pin{padding:80px 20px}.skills-bio{font-size:1.1rem}.skills-header{font-size:1.3rem}.skills-category h3{font-size:1.2rem}.skills-icons{justify-content:center;gap:16px}.skills-icon-item{border-radius:8px;padding:10px 14px}.skills-icon-item svg{width:28px;height:28px}.contact-inner{padding:80px 24px}.contact-title{font-size:clamp(3rem,12vw,6rem)}.contact-avail{margin-left:0;font-size:1.1rem}.contact-links a,.contact-email{font-size:1.1rem}.contact-image-wrap{opacity:.25;width:100%}.footer-pin{flex-direction:column;align-items:center;padding:40px 24px}.footer-email{text-align:left;order:2;width:fit-content;margin:20px auto 0;font-size:.95rem;position:relative;top:auto;left:auto}.footer-links a{font-size:1rem}.footer-top{order:1;margin-bottom:10px;position:relative;top:auto;left:auto;transform:none}.footer-icarus-wrap{order:0;width:100%;height:auto;margin-bottom:20px;position:relative;top:auto;left:60px;transform:none}.footer-icarus-ascii{font-size:clamp(.2rem,.3vw,.4rem)}.footer-name{order:3;margin-top:20px;padding:0 24px;position:relative;bottom:auto}.footer-name .first{font-size:clamp(2.5rem,8vw,4.5rem)}.footer-name .last{font-size:clamp(2rem,7vw,3.5rem)}}