@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}body{color:#633e3e;background-color:#1e1010;font-family:PP Neue Montreal,sans-serif;overflow-x:hidden}a{text-transform:uppercase;color:#000;-webkit-font-smoothing:antialiased;font-family:Akkurat Mono Pro,monospace;font-size:14px;font-weight:500;text-decoration:none}span{font-family:PP Neue Montreal,sans-serif;font-size:16px;font-weight:500;position:relative;top:-.075em}img{object-fit:cover;width:100%;height:100%}.link{align-items:center;gap:.5rem;padding:0 1rem;display:flex}.home{justify-content:center;align-items:center;width:100vw;height:100svh;display:flex}.projects-lists{flex-direction:column;gap:.5em;list-style:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-item{list-style:none}.projects-page{background-color:#160c0c;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(135deg,#1c1010 0%,#321c1c 50%,#1c1010 100%);background-size:60px 60px,60px 60px,100% 100%;min-height:100vh;padding:2rem 0 6rem}.projects-header{text-align:center;max-width:1400px;margin:0 auto;padding:4rem 2rem 3rem;position:relative}.back-to-home{color:#faebd7d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff24;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:3rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.back-to-home:hover{color:#faebd7;background:#ffffff1f;border-color:#ffb36666;transform:translateY(-2px)}.projects-page-title{color:#faebd7;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1}.projects-page-subtitle{color:#faebd78c;max-width:700px;margin:0 auto;font-size:clamp(1rem,2vw,1.3rem);line-height:1.6}.projects-grid-container{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid}.project-grid-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem;flex-direction:column;text-decoration:none;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;overflow:hidden;box-shadow:0 8px 32px #0006}.project-grid-card:hover{border-color:#ff853359;transform:translateY(-8px);box-shadow:0 24px 60px #0000008c}.project-grid-image{aspect-ratio:16/9;background:linear-gradient(135deg,#2d1b1b 0%,#1a1010 100%);flex-shrink:0;width:100%;position:relative;overflow:hidden}.project-grid-image img{transition:transform .55s}.project-grid-card:hover .project-grid-image img{transform:scale(1.06)}.project-overlay{opacity:0;background:linear-gradient(#0000 30%,#000000a6 100%);justify-content:flex-start;align-items:flex-end;padding:1.5rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-grid-card:hover .project-overlay{opacity:1}.view-project{color:#fff;text-transform:uppercase;letter-spacing:1.5px;background:#ff8533e6;border-radius:50px;padding:.45rem 1rem;font-size:.9rem;font-weight:700}.project-grid-content{flex-direction:column;flex:1;padding:1.75rem 1.75rem 1.5rem;display:flex}.project-grid-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-grid-number{color:#ffffff26;font-size:1.6rem;font-weight:800;line-height:1}.project-grid-category{color:#e07020;text-transform:uppercase;letter-spacing:.5px;background:#ffb3661f;border-radius:50px;padding:.35rem .85rem;font-size:.7rem;font-weight:700}.project-grid-title{color:#faebd7;margin-bottom:.65rem;font-size:1.45rem;font-weight:700;line-height:1.3;transition:color .3s}.project-grid-card:hover .project-grid-title{color:#ff8533}.project-grid-description{color:#faebd799;margin-bottom:1.25rem;font-size:.95rem;line-height:1.7}.project-grid-tech{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.tech-badge{color:#faebd7bf;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;padding:.3rem .75rem;font-size:.75rem;font-weight:600;transition:background .2s}.tech-badge:hover{background:#ffffff21}.tech-badge.more{color:#ffb366;background:#ff853326;border-color:#ff853340}.project-grid-meta{color:#faebd766;border-top:1px solid #ffffff14;align-items:center;gap:.6rem;margin-top:auto;padding-top:1.25rem;font-size:.82rem;display:flex}.meta-year{color:#faebd780;font-weight:600}.meta-dot{color:#fff3}.meta-client{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.project-nav{z-index:2;justify-content:space-between;gap:2em;width:50vw;padding:1em;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.project-nav .link{color:#faebd7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:.5rem}.project-page-scroll-progress{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffff40;border:1px solid #fff;border-radius:.5em;flex:2;justify-content:center;align-items:center;height:30px;display:flex;position:relative;overflow:hidden}.project-page-scroll-progress-bar{z-index:-1;background-color:#c6c6be;width:0%;height:100%;transition:width .1s ease-out;position:absolute;top:0;left:0}.project-page{background-color:#160c0c;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(135deg,#1c1010 0%,#321c1c 50%,#1c1010 100%);background-size:60px 60px,60px 60px,100% 100%;min-height:100vh;padding:8rem 0 0}.project-hero-section{text-align:center;max-width:1200px;margin:0 auto;padding:4rem 2rem 2rem}.project-category{color:#ff8533;text-transform:uppercase;letter-spacing:1px;background:#ffb3661a;border-radius:50px;margin-bottom:2rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-block}.project-hero-title{color:#faebd7;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.1}.project-hero-description{color:#faebd7a6;max-width:800px;margin:0 auto 3rem;font-size:clamp(1rem,2vw,1.3rem);line-height:1.8}.project-meta{flex-wrap:wrap;justify-content:center;gap:3rem;margin-bottom:3rem;display:flex}.meta-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.meta-label{color:#faebd773;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600}.meta-value{color:#faebd7;font-size:1.1rem;font-weight:600}.project-tech-stack{margin-bottom:3rem}.project-tech-stack h3{color:#faebd7bf;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.tech-tags{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.tech-tag{color:#faebd7cc;background:#ffffff12;border:1px solid #ffffff26;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s}.tech-tag:hover{background:#ff85331f;border-color:#ff8533;transform:translateY(-2px)}.project-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.project-btn{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.project-btn.primary{color:#fff;background:#ff8533;box-shadow:0 4px 15px #ff85334d}.project-btn.primary:hover{background:#f60;transform:translateY(-2px);box-shadow:0 6px 25px #ff853366}.project-btn.secondary{color:#faebd7;background:#ffffff14;border:2px solid #fff3}.project-btn.secondary:hover{background:#ffffff24;border-color:#faebd7;transform:translateY(-2px)}.project-features-section{max-width:1200px;margin:2rem auto 4rem;padding:0 2rem}.project-features-section h2{color:#faebd7;text-align:center;margin-bottom:3rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:1.5rem;padding:2rem;transition:all .3s;position:relative;box-shadow:0 6px 24px #0000004d}.feature-card:hover{border-color:#ff853373;transform:translateY(-5px);box-shadow:0 16px 48px #00000073}.feature-number{color:#ff8533;background:#ffb3661a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1rem;font-size:1.2rem;font-weight:700;display:flex}.feature-card p{color:#faebd7b3;margin:0;font-size:1rem;line-height:1.6}.project-video-section{text-align:center;max-width:1000px;margin:6rem auto;padding:0 2rem}.project-video-section h2{color:#faebd7;margin-bottom:2rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.project-video-wrapper{background:#000;border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px #00000026}.project-video{width:100%;max-height:560px;display:block}.project-images-section{max-width:1400px;margin:6rem auto;padding:0 2rem}.project-images-section h2{color:#faebd7;text-align:center;margin-bottom:3rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.project-images{flex-direction:column;gap:3rem;display:flex}.project-images.is-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.project-img-wrapper{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:1200px;margin:0 auto;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 20px 60px #0006}.project-images.is-grid .project-img-wrapper{max-width:none;margin:0}.project-img-wrapper:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0003}.project-img{width:100%;line-height:0;overflow:hidden}.project-img img{width:100%;height:auto;display:block}.project-img-caption{border-top:1px solid #ffffff14;padding:1.25rem 1.5rem 1.5rem}.project-img-caption h4{color:#faebd7;margin-bottom:.4rem;font-size:1rem;font-weight:600}.project-img-caption p{color:#faebd799;margin:0;font-size:.9rem;line-height:1.55}.project-footer{background:linear-gradient(135deg,#3f2525 0%,#281919 100%);margin-top:6rem;padding:6rem 2rem}.project-footer-content{text-align:center;max-width:1000px;margin:0 auto}.footer-label{color:#fff9;text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem;font-size:1rem}.footer-next-project{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:2rem;padding:3rem;text-decoration:none;transition:all .4s;display:block;position:relative;overflow:hidden}.footer-next-project:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.footer-next-project:hover:before{left:100%}.footer-next-project:hover{background:#ffffff14;border-color:#ffb36680;transform:translateY(-10px)}.footer-next-project h2{color:#faebd7;margin-bottom:1rem;font-size:clamp(2rem,4vw,4rem);font-weight:800}.footer-next-project p{color:#ffffffb3;margin-bottom:1.5rem;font-size:1.2rem;line-height:1.6}.footer-arrow{color:#ff8533;font-size:2rem;transition:transform .3s;display:inline-block}.footer-next-project:hover .footer-arrow{transform:translate(10px)}.project-footer h1{cursor:pointer;color:#faebd7;font-size:clamp(2.5rem,5vw,4rem)}.project-footer-copy{padding:4rem 0}.landing-page{width:100%;min-height:100vh}.projects-preview{background-color:#160c0c;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(135deg,#1c1010 0%,#321c1c 50%,#1c1010 100%);background-size:60px 60px,60px 60px,100% 100%;padding:8rem 2rem}.section-title{color:#faebd7;text-align:center;margin-bottom:4rem;font-size:clamp(2rem,5vw,4rem);font-weight:600}.project-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1400px;margin:0 auto 4rem;display:grid}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:block;overflow:hidden;box-shadow:0 8px 32px #0006}.project-card:hover{border-color:#ffb3664d;transform:translateY(-10px);box-shadow:0 20px 60px #00000080}.project-card-image{width:100%;height:300px;position:relative;overflow:hidden}.project-card-image img{transition:transform .5s}.project-card:hover .project-card-image img{transform:scale(1.1)}.project-card-content{padding:2rem}.project-card-content h3{color:#faebd7;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.project-card-content p{color:#faebd7a6;margin-bottom:1rem;line-height:1.6}.project-card-content .link{color:#ffb366;justify-content:flex-start;padding:0;font-weight:600}.navbar-container{z-index:100;width:100%;box-shadow:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000001a;transition:background-color .4s ease-in-out,box-shadow .4s ease-in-out;position:fixed;top:0;left:0}.main-navbar{opacity:1;height:80px;padding:1.75rem 3rem}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;height:100%;margin:0 auto;display:flex}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-logo{color:#faebd7;letter-spacing:.18em;text-transform:uppercase;font-family:PP Neue Montreal,sans-serif;font-size:.82rem;font-weight:700;text-decoration:none;transition:opacity .25s}.nav-logo:hover{opacity:.7}.nav-links .link{color:#faebd7a6;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #0000;border-radius:0;padding:.3rem 0;font-size:.72rem;font-weight:500;transition:color .2s}.nav-links .link:hover{color:#faebd7;background-color:#0000;border-bottom-color:#faebd766}.navbar-container.is-scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffffff7;box-shadow:0 1px #00000014}.navbar-container.is-scrolled .nav-logo{color:#1a0f0f}.navbar-container.is-scrolled .nav-links .link{color:#1e101099}.navbar-container.is-scrolled .nav-links .link:hover{color:#1a0f0f;background-color:#0000;border-bottom-color:#1e101059}.hero-section{text-align:center;background:radial-gradient(85% 70% at 50% 42%,#6e301c6b 0%,#0000 65%),#1e1010;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.hero-bg-gradient{z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 38%,#8c3c1e2e 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;flex-direction:column;align-items:center;gap:1rem;display:flex}.hero-image-container{margin-bottom:0;position:absolute;top:300px;bottom:auto;left:0%;transform:translate(-50%)}.hero-image{object-fit:cover;border:4px solid #ffffff4d;border-radius:0%;transition:transform .3s,box-shadow .3s;box-shadow:0 0 40px #ffb36633,0 10px 30px #0000004d}.hero-image:hover{transform:scale(1.05);box-shadow:0 0 60px #ffb36666,0 15px 40px #0006}.hero-greeting{color:#faebd773;letter-spacing:.35em;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;display:block}.hero-title{color:#faebd7;letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(4.5rem,11vw,9rem);font-weight:800;line-height:.95}.hero-subtitle{color:#faebd7a6;max-width:560px;font-size:1rem;font-weight:400;line-height:1.55}.typing-text{color:#e8944a;max-width:540px;margin-top:.35rem;font-size:.95rem;font-weight:400;line-height:1.75;display:block}.hero-cursor{color:#faebd7;opacity:1;margin-left:.04em;font-weight:300;animation:1s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-roles{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 2.5rem;margin:.25rem 0 .5rem;display:flex;overflow:visible}.hero-role{align-items:center;width:fit-content;padding:.25rem 0;transition:filter .55s,opacity .55s;display:inline-flex;position:relative;overflow:visible}.role-text{letter-spacing:.04em;white-space:nowrap;font-family:Courier New,Courier,monospace;font-size:clamp(1.1rem,2.8vw,1.9rem);font-weight:600}.hero-role.is-active{filter:none;opacity:1}.hero-role.is-active .role-text{color:#faebd7}.hero-role.is-blurred{filter:blur(3px);opacity:.3}.hero-role.is-blurred .role-text{color:#faebd7bf}.focus-frame{pointer-events:none;--c:#63a3e6e6;--b:2px;--s:14px;background:conic-gradient(from 90deg at var(--b)var(--b),transparent 25%,var(--c)0)0 0,conic-gradient(from 180deg at calc(100% - var(--b))var(--b),transparent 25%,var(--c)0)100% 0,conic-gradient(from 0deg at var(--b)calc(100% - var(--b)),transparent 25%,var(--c)0)0 100%,conic-gradient(from -90deg at calc(100% - var(--b))calc(100% - var(--b)),transparent 25%,var(--c)0)100% 100%;background-size:var(--s)var(--s);background-repeat:no-repeat;animation:.35s forwards focus-snap;position:absolute;inset:-10px -14px}@keyframes focus-snap{0%{opacity:0;inset:-18px -20px}to{opacity:1;inset:-10px -14px}}.hero-cta{color:#3f2525;text-transform:uppercase;letter-spacing:1px;background-color:#faebd7;border-radius:50px;align-items:center;gap:.8rem;margin-top:1rem;padding:1rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #0003}.hero-cta:hover{background-color:#ffb366;transform:translateY(-3px)scale(1.05);box-shadow:0 10px 30px #faebd766}.hero-cta-arrow{font-size:1.2rem;transition:transform .3s}.hero-cta:hover .hero-cta-arrow{transform:translate(5px)}.scroll-indicator{color:#faebd759;letter-spacing:.25em;text-transform:uppercase;z-index:1;flex-direction:column;align-items:center;gap:.4rem;font-size:.65rem;display:flex;position:absolute;bottom:2.5rem}.scroll-arrow{font-size:1rem;animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}.about-intro{background:#1a0e0e;padding:10rem 2rem}.about-intro-inner{grid-template-columns:1fr 440px;align-items:center;gap:7rem;max-width:1300px;margin:0 auto;display:grid}.about-intro-text{flex-direction:column;gap:1.6rem;display:flex}.about-heading{color:#faebd7;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;display:flex}.about-icon{font-size:1.6rem}.about-intro-text p{color:#faebd7ad;margin:0;font-size:1.15rem;line-height:1.95}.about-intro-text strong{color:#faebd7;font-weight:600}.about-highlight{color:#e8944a;font-weight:500}.about-photo-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.about-photo-dots{z-index:0;background-image:radial-gradient(#faebd72e 1.5px,#0000 1.5px);background-size:16px 16px;border-radius:4px;width:180px;height:180px;position:absolute;top:-28px;right:-28px}.about-photo-circle{z-index:1;background:#2a1515;border:3px solid #faebd71f;border-radius:50%;width:380px;height:380px;position:relative;overflow:hidden;box-shadow:0 0 60px #64281480}.horizontal-scroll-container{background-color:#160c0c;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),radial-gradient(#46231999 0%,#0c0606fa 75%),linear-gradient(135deg,#1c1010 0%,#321c1c 50%,#1c1010 100%);background-size:60px 60px,60px 60px,100% 100%,100% 100%;width:100%;height:100vh;position:relative;overflow:hidden}.horizontal-scroll-content{align-items:center;gap:8rem;height:100%;padding:0 10vw;display:flex}.roadmap-intro,.roadmap-end{text-align:center;flex-shrink:0;min-width:40vw}.roadmap-intro h2,.roadmap-end h2{color:#faebd7;margin-bottom:1rem;font-size:clamp(2rem,5vw,4rem)}.roadmap-intro p,.roadmap-end p{color:#fff9;font-size:1.2rem}.roadmap-item{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:2rem;flex-shrink:0;min-width:420px;max-width:460px;padding:3.5rem;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 8px 40px #0006}.roadmap-item:hover{border-color:#ffb36640;transform:translateY(-12px);box-shadow:0 24px 70px #00000073}.roadmap-visual{margin-bottom:1.75rem}.roadmap-image{border-radius:1.2rem;width:100%;height:240px;margin-bottom:.5rem;position:relative;overflow:hidden;box-shadow:0 12px 35px #0006}.roadmap-image img{transition:transform .3s}.roadmap-item:hover .roadmap-image img{transform:scale(1.05)}.roadmap-icon{text-align:center;margin-bottom:1rem;font-size:4.5rem}.roadmap-year{color:#ffb366;letter-spacing:2px;margin-bottom:.6rem;font-size:1rem;font-weight:700}.roadmap-title{color:#faebd7;margin-bottom:1.1rem;font-size:2rem;font-weight:600;line-height:1.25}.roadmap-desc{color:#ffffffb3;font-size:1.05rem;line-height:1.75}.roadmap-line{background:linear-gradient(90deg,#ffb36699,#0000);width:4rem;height:2px;position:absolute;top:50%;right:-4rem}.roadmap-item:last-of-type .roadmap-line{display:none}.skills-section{background-color:#160c0c;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(135deg,#1c1010 0%,#321c1c 50%,#1c1010 100%);background-size:60px 60px,60px 60px,100% 100%;padding:5rem 2rem;overflow:hidden}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:900px;margin:0 auto;display:grid}.skill-card:nth-child(4){grid-column:1/2;justify-self:end;width:100%}.skill-card:nth-child(5){grid-column:2/3;width:100%}.skill-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:1.25rem;padding:1.75rem 1.5rem;transition:transform .4s,box-shadow .4s,border-color .3s;box-shadow:0 8px 32px #00000059}.skill-card:hover{border-color:#ffb3664d;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 60px #00000080}.skill-icon-container{justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.skill-image{object-fit:contain;width:90px;height:90px;transition:transform .3s}.skill-card:hover .skill-image{transform:scale(1.1)}.skill-icon{margin-bottom:1rem;font-size:2.25rem}.skill-card h3{color:#faebd7;text-align:center;margin-bottom:0;font-size:1.1rem;font-weight:600}.contact-cta{text-align:center;background:#1a0e0e;padding:8rem 2rem}.contact-cta-title{color:#faebd7;margin-bottom:1.25rem;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:800;line-height:1.1}.contact-cta-sub{color:#faebd78c;margin-bottom:3rem;font-size:1rem;line-height:1.75}.contact-cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.cta-social-btn{color:#faebd7d9;background:#faebd70f;border:1px solid #faebd726;border-radius:8px;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .25s,border-color .25s,color .25s,transform .2s;display:inline-flex}.cta-social-btn:hover{color:#faebd7;background:#faebd71f;border-color:#faebd759;transform:translateY(-2px)}.cta-social-img{object-fit:cover;border-radius:4px;flex-shrink:0;width:24px;height:24px}.cta-social-icon{color:#e8944a;font-size:.95rem;font-style:normal;font-weight:700;line-height:1}.education-section{background-color:#160c0c;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(135deg,#1c1010 0%,#321c1c 50%,#1c1010 100%);background-size:60px 60px,60px 60px,100% 100%;padding:8rem 2rem}.education-timeline{flex-direction:column;gap:3rem;max-width:1000px;margin:0 auto;display:flex}.education-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:2rem;gap:2rem;padding:3rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.education-card:before{content:"";background:linear-gradient(#e8944a,#c0392b);width:5px;height:100%;position:absolute;top:0;left:0}.education-card:hover{border-color:#ffb36640;transform:translateY(-5px);box-shadow:0 20px 60px #00000080}.edu-logo-container{background:#ffffffe6;border-radius:1.5rem;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;padding:.25rem;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000004d}.edu-logo{object-fit:contain;width:100%;height:100%;transition:transform .3s}.education-card:hover .edu-logo{transform:scale(1.05)}.edu-icon{border-radius:1.5rem;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.edu-content{flex:1}.edu-school{color:#faebd7;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.edu-degree{color:#faebd7bf;margin-bottom:1rem;font-size:1.3rem;font-weight:500}.edu-meta{flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;display:flex}.edu-period,.edu-location{color:#faebd780;font-size:1rem;font-weight:500}.edu-highlights{flex-wrap:wrap;gap:.8rem;list-style:none;display:flex}.edu-highlights li{color:#faebd7bf;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.certifications-section{background-color:#160c0c;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(135deg,#1c1010 0%,#321c1c 50%,#1c1010 100%);background-size:60px 60px,60px 60px,100% 100%;padding:8rem 2rem}.certifications-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;max-width:1400px;margin:0 auto;display:grid}.cert-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:1.5rem;gap:1.5rem;padding:2rem;transition:all .3s;display:flex;box-shadow:0 6px 24px #00000059}.cert-card:hover{border-color:#ffb36659;transform:translateY(-5px);box-shadow:0 16px 48px #00000080}.cert-logo-container{border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;padding:.8rem;font-size:2rem;display:flex;box-shadow:0 4px 16px #0000004d;background:#ffffffeb!important}.cert-logo{object-fit:contain;width:100%;height:100%}.cert-icon{border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.cert-content{flex-direction:column;flex:1;gap:.3rem;display:flex}.cert-title{color:#faebd7;font-size:1.1rem;font-weight:600;line-height:1.4}.cert-issuer{color:#faebd7a6;font-size:.9rem;font-weight:500}.cert-date{color:#faebd766;margin-top:.3rem;font-size:.85rem;font-weight:500}.mobile-menu-button{cursor:pointer;z-index:101;background:0 0;border:none;padding:.5rem;display:none}.hamburger{background-color:#faebd7;width:25px;height:2px;transition:background-color .3s;display:block;position:relative}.hamburger:before,.hamburger:after{content:"";background-color:#faebd7;width:25px;height:2px;transition:all .3s;position:absolute}.hamburger:before{top:-8px}.hamburger:after{top:8px}.navbar-container.is-scrolled .hamburger,.navbar-container.is-scrolled .hamburger:before,.navbar-container.is-scrolled .hamburger:after{background-color:#333}.hamburger.active{background-color:#0000}.hamburger.active:before{top:0;transform:rotate(45deg)}.hamburger.active:after{top:0;transform:rotate(-45deg)}@media (max-width:768px){.mobile-menu-button{display:block}.main-navbar{height:64px;padding:1rem 1.5rem}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background-color:#3f2525fa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:70%;max-width:300px;height:100vh;padding:2rem;transition:right .4s ease-in-out;position:fixed;top:0;right:-100%}.nav-links.mobile-open{right:0}.nav-links .link{text-align:center;width:100%;padding:1rem;font-size:1.2rem;color:#faebd7!important}.navbar-container.is-scrolled .nav-links{background-color:#fffffffa}.navbar-container.is-scrolled .nav-links .link{color:#333!important}.hero-roles{gap:.75rem 1.5rem}.role-text{font-size:1rem}.focus-frame{inset:-8px -10px}.hero-section{height:auto;min-height:100vh;padding:80px 1rem 1rem}.hero-image-container{margin-bottom:2rem;position:relative;top:0;left:0;transform:none}.hero-image{width:150px;height:150px}.hero-greeting{font-size:1rem}.hero-title{font-size:clamp(2rem,12vw,4rem)}.hero-subtitle{padding:0 1rem;font-size:clamp(.9rem,4vw,1.2rem)}.typing-text{font-size:1rem}.hero-cta{padding:.8rem 1.5rem;font-size:.9rem}.scroll-indicator{font-size:.8rem;bottom:1rem}.about-intro{padding:6rem 1.5rem}.about-intro-inner{grid-template-columns:1fr;gap:3.5rem}.about-photo-wrapper{order:-1}.about-photo-circle{width:260px;height:260px}.about-photo-dots{width:120px;height:120px;top:-14px;right:-12px}.horizontal-scroll-container{height:100vh;overflow:hidden}.horizontal-scroll-content{flex-wrap:nowrap;align-items:center;gap:1.25rem;height:100%;padding:1.5rem 1rem;display:flex}.roadmap-item{flex-shrink:0;min-width:78vw;max-width:82vw;padding:1.25rem}.roadmap-image{height:140px}.roadmap-icon{font-size:2.5rem}.roadmap-title{font-size:1.1rem}.roadmap-desc{font-size:.82rem}.roadmap-intro,.roadmap-end{flex-shrink:0;min-width:70vw;max-width:75vw}.roadmap-intro h2,.roadmap-end h2{font-size:clamp(1.5rem,7vw,2.5rem)}.roadmap-line{width:1rem;right:-1rem}.skills-section{padding:3rem 1rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.skill-card:nth-child(4),.skill-card:nth-child(5){grid-column:auto;justify-self:stretch;width:100%}.skill-card:nth-child(5){grid-column:1/-1;width:100%;max-width:calc(50% - .5rem);margin:0 auto}.skill-card{padding:1.25rem 1rem}.skill-image{width:44px;height:44px}.skill-icon{font-size:2rem}.skill-card h3{font-size:.95rem}.projects-preview{padding:4rem 1.5rem}.project-grid{grid-template-columns:1fr;gap:2rem}.project-card-image{height:200px}.project-card-content{padding:1.5rem}.project-card-content h3{font-size:1.3rem}.contact-cta{padding:5rem 1.5rem}.contact-cta-title{font-size:clamp(2.2rem,10vw,3.5rem)}.contact-cta-buttons{gap:.75rem}.cta-button{padding:1rem 2rem;font-size:1rem}.education-section{padding:4rem 1.5rem}.education-card{flex-direction:column;gap:1.5rem;padding:2rem}.edu-logo-container{width:100px;height:100px}.edu-icon{width:80px;height:80px}.edu-school{font-size:1.5rem}.edu-degree{font-size:1.1rem}.edu-meta{flex-direction:column;gap:.5rem}.edu-highlights{gap:.5rem}.edu-highlights li{padding:.4rem .8rem;font-size:.85rem}.certifications-section{padding:4rem 1.5rem}.certifications-grid{grid-template-columns:1fr;gap:1.5rem}.cert-card{gap:1rem;padding:1.5rem}.cert-logo-container{width:55px;height:55px;padding:.6rem;font-size:1.5rem}.cert-icon{width:50px;height:50px;font-size:1.5rem}.cert-title{font-size:1rem}.cert-issuer{font-size:.85rem}.projects-lists{gap:.3em;padding:0 1rem}.project-item .link{padding:.5rem;font-size:1rem}.projects-page{padding:1rem 0 4rem}.projects-header{padding:2rem 1.5rem}.back-to-home{margin-bottom:2rem;padding:.7rem 1.2rem;font-size:.85rem}.projects-page-title{font-size:clamp(2rem,10vw,3rem)}.projects-page-subtitle{font-size:1rem}.projects-grid-container{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.project-grid-card{border-radius:1.25rem}.project-grid-content{padding:1.25rem}.project-grid-number{font-size:1.3rem}.project-grid-title{font-size:1.25rem}.project-grid-description{font-size:.9rem}.project-grid-meta{flex-wrap:wrap;font-size:.8rem}.project-nav{flex-direction:row;gap:.5em;width:90vw;padding:.5em}.project-nav .link{padding:.5rem .8rem;font-size:.75rem}.back-link span:last-child,.next-link span:first-child{display:none}.project-page-scroll-progress{flex:1;height:25px}.project-page-scroll-progress p{font-size:.8rem}.project-page{padding:6rem 0 0}.project-hero-section{padding:2rem 1.5rem}.project-category{padding:.4rem 1rem;font-size:.75rem}.project-meta{gap:1.5rem}.meta-label{font-size:.75rem}.meta-value{font-size:1rem}.tech-tags{gap:.5rem}.tech-tag{padding:.5rem 1rem;font-size:.85rem}.project-actions{flex-direction:column;width:100%}.project-btn{justify-content:center;width:100%;padding:.9rem 1.5rem}.project-features-section{margin:3rem auto;padding:0 1.5rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.project-images-section{margin:3rem auto;padding:0 1rem}.project-img-wrapper{border-radius:15px}.project-images.is-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.project-images.is-grid .project-img-caption h4{font-size:.85rem}.project-images.is-grid .project-img-caption p{font-size:.8rem}.project-footer{margin-top:3rem;padding:3rem 1.5rem}.footer-next-project{padding:2rem 1.5rem}.footer-next-project p{font-size:1rem}.footer-arrow{font-size:1.5rem}}@media (min-width:769px) and (max-width:1024px){.hero-title{font-size:clamp(4rem,8vw,6rem)}.hero-image-container{margin-bottom:2rem;position:relative;top:0;left:0;transform:none}.project-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-card:nth-child(4),.skill-card:nth-child(5){grid-column:auto;justify-self:stretch;width:100%}.skill-card:nth-child(5){grid-column:1/-1;max-width:calc(50% - 1rem);margin:0 auto}.certifications-grid{grid-template-columns:repeat(2,1fr)}.roadmap-item{min-width:380px;max-width:420px}.main-navbar{padding:1.5rem 2rem}.project-nav{width:70vw}}@media (min-width:1400px){.hero-title{font-size:8rem}.project-grid,.certifications-grid{grid-template-columns:repeat(3,1fr)}}