@import"https://fonts.googleapis.com/css2?family=Bevan:ital@0;1&family=DM+Serif+Text:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Young+Serif&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;-webkit-font-smoothing:antialiased;--header-height: 60px}html,body{box-sizing:border-box;min-height:100%;width:100%;padding:0;margin:0;overflow-x:hidden;background-color:#1a1a1a}*,*:before,*:after{box-sizing:inherit}.center{display:flex;flex-direction:column;width:100%;position:relative}.hero-holder{position:sticky;top:calc(-100svh + var(--header-height));height:100svh;overflow:hidden;z-index:10;box-shadow:0 4px 15px #0006;width:100%}.hero-holder:before{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#2b464b;z-index:1;pointer-events:none;opacity:calc(var(--progress, 0) * .7)}p{font-size:1.2rem;font-weight:500;color:#bec32d}h2{font-size:1.5rem;color:#bec32d}.under-photo,.over-photo{position:absolute;top:-10svh;left:0;width:120%;height:120svh;object-fit:cover;object-position:50% 50%}.under-photo{z-index:0}.over-photo{z-index:3;pointer-events:none;filter:brightness(.9)}.content-holder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;z-index:2}.outline-text,.solid-front-text{z-index:4;pointer-events:none}.outline-text .my-name{color:transparent;-webkit-text-stroke:.001em #545969}.top-text{font-size:clamp(1.5rem,2vw,3rem);color:#6f341d;padding-top:30px;opacity:calc(1 - var(--progress, 0) * 3)}.my-name{font-family:"Young Serif",serif;color:#bec32d;width:100%;text-align:center;margin:0;position:absolute;font-size:max(2.4rem,calc(min(15vw,12rem) - (min(15vw,12rem) - 2rem) * var(--progress, 0)));bottom:max(30px,calc(20svh - (20svh - var(--header-height) / 2) * var(--progress, 0)));transform:translateY(50%);line-height:1;filter:url(#grainy-text)}.outline-front{z-index:6;opacity:calc(1 - var(--progress, 0) * 2)}.solid-front{z-index:7;opacity:min(1,calc(var(--progress, 0) * 1.5))}.app-container{background-color:#1a1a1a;min-height:100vh;width:100%;overflow-x:hidden}.contact{position:relative;z-index:5;background-color:#0e160f;color:#b00d1a;min-height:100vh;padding-top:calc(var(--header-height) + 60px);padding-left:5%;padding-right:5%;padding-bottom:80px;display:flex;align-items:center;flex-direction:column;width:100%;box-sizing:border-box}.after{width:100%;display:flex;max-width:1200px;gap:15%;height:fit-content;align-items:flex-start}.pfp{width:30%;border-radius:12px;object-fit:cover;box-shadow:0 8px 20px #00000080}.about-me{width:70%}.skills-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.skill-pill{background-color:#24251e;color:#bec32d;border:1px solid rgba(190,195,45,.4);border-radius:8px;padding:4px 12px;font-size:.9rem;font-weight:600}.arrow{filter:invert(13%) sepia(100%) saturate(7483%) hue-rotate(1deg) brightness(70%) contrast(115%);height:235px;display:block}.title{display:flex;justify-content:center;font-family:"Young Serif",serif;font-weight:700;font-size:clamp(2rem,4vw,3rem);color:#ae0b19;margin-top:40px;margin-bottom:20px;text-align:center}.carousel-wrapper{display:flex;align-items:center;justify-content:center;width:80vw;max-width:1200px;gap:15px}.carousel-container{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;padding:20px 0;width:100%}.carousel-container::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 auto;scroll-snap-align:center;cursor:pointer;transition:transform .2s ease}.carousel-item:hover{transform:translateY(-4px)}.carousel-item img{width:400px;height:auto;border-radius:8px;box-shadow:0 10px 20px #0009;display:block}.carousel-btn{background-color:#bec32d;color:#0e160f;border:none;border-radius:50%;width:50px;height:50px;font-size:2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease,filter .2s ease;-webkit-user-select:none;user-select:none}.carousel-btn:hover{transform:scale(1.1);filter:brightness(1.1)}.carousel-btn:active{transform:scale(.95)}.sticky-stack-container{display:flex;flex-direction:column;gap:30px;padding-bottom:120px;width:100%;max-width:1000px;margin-top:25px}.stack-card{position:sticky;min-height:340px;background-color:#24251e;border-radius:20px;display:flex;justify-content:space-between;align-items:center;padding:36px 40px;text-decoration:none;box-shadow:0 -10px 30px #0009;border:1px solid rgba(190,195,45,.2);overflow:hidden;transition:transform .2s ease,border-color .2s ease}.stack-card:hover{border-color:#bec32d80}.card-text{flex:1;max-width:55%;z-index:2}.card-num-badge{font-family:"Young Serif",serif;font-size:.95rem;color:#bec32d;margin-bottom:4px;letter-spacing:.1em}.card-text h2{font-family:"Young Serif",serif;font-size:clamp(2rem,3.2vw,2.7rem);color:#bec32d;margin:0 0 4px;line-height:1.15}.card-type-label{display:inline-block;font-size:.82rem;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.card-text p{color:#ffffffbf;font-size:.98rem;line-height:1.55;margin:0 0 16px}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.project-tag-pill{font-size:.75rem;font-weight:600;background:#00000059;border:1px solid rgba(190,195,45,.3);color:#bec32d;padding:4px 10px;border-radius:6px}.card-actions{display:flex;gap:10px}.project-link-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .2s ease,filter .2s ease,background-color .2s ease}.project-link-btn.primary{background:#bec32d;color:#0e160f;font-weight:700}.project-link-btn.primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.project-link-btn.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.project-link-btn.secondary:hover{transform:translateY(-2px);background:#ffffff2e;border-color:#bec32d}.card-img-wrapper{position:relative;width:42%;height:250px;display:flex;align-items:center;justify-content:center}.card-img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:12px;transform:rotate(4deg) scale(1.02);box-shadow:-10px 10px 25px #0009;border:1px solid rgba(190,195,45,.25);transition:transform .3s ease}.stack-card:hover .card-img-wrapper img{transform:rotate(0) scale(1.05)}.lightbox-overlay{position:fixed;inset:0;background:#000000e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.lightbox-box{position:relative;max-width:90vw;max-height:85vh}.lightbox-box img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 15px 40px #000c;border:1px solid rgba(190,195,45,.4)}.lightbox-close{position:absolute;top:-42px;right:0;background:#bec32d;color:#0e160f;border:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem}@media(max-width:900px){.my-name{white-space:normal;font-size:calc(27vw - (27vw - 2rem) * var(--progress, 0));line-height:.85;padding:0 10px}.top-text{font-size:clamp(1.1rem,4vw,1.8rem);padding-top:20px}.contact{padding-top:calc(var(--header-height) + 40px);padding-left:4%;padding-right:4%}.after{flex-direction:column;align-items:center;gap:20px;text-align:center}.pfp{width:min(220px,60%);border-radius:16px}.about-me{width:100%;display:flex;flex-direction:column;align-items:center}.skills-tags{justify-content:center}.arrow{height:140px;max-width:80%;object-fit:contain}.carousel-wrapper{width:100%;gap:8px;padding:0 4px}.carousel-item img{width:min(72vw,300px)}.carousel-btn{width:38px;height:38px;font-size:1.4rem}}@media(max-width:800px){.sticky-stack-container{gap:20px;padding-bottom:80px}.stack-card{height:auto;min-height:auto;flex-direction:column;padding:24px 20px;gap:16px;align-items:flex-start}.card-text{max-width:100%;width:100%}.card-text h2{font-size:clamp(1.8rem,6.5vw,2.4rem);margin:0 0 6px;word-break:break-word}.card-text p{font-size:.95rem}.card-img-wrapper{width:100%;height:190px}.card-img-wrapper img{width:100%;height:100%;transform:none;box-shadow:0 6px 15px #00000080;border-radius:10px;margin-top:8px}.stack-card:hover .card-img-wrapper img{transform:none}.card-actions{flex-wrap:wrap;width:100%}}.main-nav{position:fixed;top:6px;right:20px;z-index:1001;background:#0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.2);display:flex;gap:.5rem}.main-nav a{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;padding:.25rem .75rem;border-radius:12px}.main-nav a:hover{background:#ffffff1a}.main-nav a.active{color:#1a1a1a;background-color:#fff;font-weight:600}.contact-page{max-width:800px;margin:0 auto;padding:2rem;color:#fff;text-align:center;box-sizing:border-box;width:100%}.contact-page p{color:#fff;opacity:.8;max-width:500px;margin-left:auto;margin-right:auto}.contact-page h1{font-family:"Young Serif",serif;font-size:3rem;margin-bottom:1rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;text-align:left;box-sizing:border-box;width:100%}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:500;color:#fff}.form-group input,.form-group textarea{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;color:#fff;font-size:1rem;box-sizing:border-box;width:100%;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#fff}.submit-btn{background-color:#fff;color:#000;border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover{background-color:#ddd}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.site-footer{background-color:#0e160f;color:#ffffffb3;padding:2rem 1rem;text-align:center;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:10}.social-icons{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.social-icons a{color:#ffffffb3;font-size:1.5rem;transition:color .3s ease,transform .3s ease}.social-icons a:hover{color:#fff;transform:translateY(-2px)}.copyright-text{font-size:.9rem;color:#ffffff80;margin:0}@media(max-width:600px){.main-nav{top:6px;right:12px;padding:.3rem .45rem;gap:.25rem}.main-nav a{font-size:.85rem;padding:.2rem .55rem}.contact-page{padding:1.5rem 1rem}.contact-page h1{font-size:2.2rem}.form-group input,.form-group textarea{font-size:16px}}