@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Bebas+Neue&family=Oswald:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#080808;--accent-color:#ff6b2b;--accent-secondary:#ff9f43;--text-main:#f0ede8;--text-hero:#fff;--text-muted:#a0a8b0;--text-stat:#ffd166;--text-brand-role:#b8a9e0;--font-display:"Bebas Neue", "Oswald", sans-serif;--font-body:"Inter", sans-serif}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;width:100%;max-width:100vw;overflow-x:hidden}body:after{content:"";opacity:.025;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.nav-header{z-index:50;pointer-events:auto;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.5rem max(2rem,50vw - 600px);display:flex;position:fixed;top:0;left:0}.nav-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.brand-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0f99;border:1px solid #ffffff26;border-radius:8px;padding:.6rem 1.2rem}.brand-name{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--text-hero);font-size:1.15rem}.brand-role{color:var(--text-brand-role);letter-spacing:.12em;text-transform:uppercase;margin-top:3px;font-size:.72rem;font-weight:500}.hero-container{pointer-events:auto;box-sizing:border-box;flex-direction:row;align-items:flex-end;gap:3rem;width:100%;min-height:100vh;padding:7rem max(2rem,50vw - 600px) 0;display:flex;position:relative;overflow:hidden}.hero-left{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:1.8rem;padding-bottom:5rem;display:flex}.hero-title{text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:.08em;font-family:Oswald,sans-serif;font-weight:900;line-height:.95;display:flex}.title-line-1{letter-spacing:.04em;background:linear-gradient(90deg,#ff6b2b 0%,#ff9f43 35%,#ffd32a 65%,#ff6b2b 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.8rem,7.5vw,9rem);font-weight:900;animation:3s linear infinite shimmer,2.5s ease-in-out infinite glowPulse}.title-line-2{letter-spacing:.16em;-webkit-text-stroke:1px #ffffff73;color:#0000;opacity:.7;font-size:clamp(1.8rem,3.2vw,4rem);font-weight:700}.title-line-3{letter-spacing:.06em;color:#fff;text-shadow:0 2px 40px #ffffff1a;font-size:clamp(3rem,5.8vw,7rem);font-weight:900}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 20px #ff6b2b80)}50%{filter:drop-shadow(0 0 40px #ffc82bcc)}}.hero-bio{color:var(--text-muted);letter-spacing:.02em;text-align:left;max-width:480px;font-size:1.05rem;font-weight:300;line-height:1.8}.cta-group{justify-content:flex-start;align-items:center;gap:1.2rem;display:flex}.btn{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:4px;padding:1rem 2.2rem;font-size:1.1rem;text-decoration:none;transition:all .25s;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--accent-color) 0%, var(--accent-secondary) 100%);color:#000;border:none;font-weight:700;box-shadow:0 4px 15px #ff6b2b33}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ff6b2b66}.btn-outline{color:var(--text-main);background:0 0;border:1px solid #ffffff4d}.btn-outline:hover{border-color:var(--text-main);background:#ffffff0d;transform:translateY(-3px)}.stats-row{border-top:1px solid #ffffff14;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;width:100%;max-width:480px;padding-top:1.8rem;display:flex}.stat-item{text-align:left;flex:1}.stat-divider{background:#ffffff1f;width:1px;height:2.5rem;margin:0 1.5rem}.hero-photo-outer{z-index:2;width:38%;height:100vh;position:absolute;top:0;right:0}.hero-photo-inner{width:100%;height:100%;position:relative;overflow:hidden}.hero-photo{object-fit:cover;object-position:center 5%;filter:brightness(.78)contrast(1.08)saturate(.85);width:100%;height:100%;transition:transform .5s cubic-bezier(.23,1,.32,1);display:block}.hero-photo-inner:hover .hero-photo{transform:scale(1.08)}.photo-fade{background:linear-gradient(to top, var(--bg-color) 0%, transparent 100%);pointer-events:none;z-index:3;width:100%;height:45%;position:absolute;bottom:0;left:0}.hero-photo-wrap:before{content:"";background:linear-gradient(to right, var(--bg-color) 0%, transparent 100%);z-index:3;pointer-events:none;width:30%;height:100%;position:absolute;top:0;left:0}.stat-number{font-family:var(--font-display);color:var(--text-stat);letter-spacing:.02em;text-shadow:0 0 20px #ffd16659;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.4rem;font-size:clamp(.65rem,1.5vw,.75rem);font-weight:500}@media (width<=900px){.hero-container{flex-direction:column;align-items:flex-start;gap:2rem;padding:6rem 2rem 0}.hero-left{padding-bottom:3rem}.hero-photo-outer{display:none}.hero-title{font-size:clamp(3.5rem,13vw,6rem)}.stats-row{max-width:100%}.nav-header{padding:1.2rem 2rem}}@media (width<=480px){.hero-container{padding:5.5rem 1.25rem 0}.hero-left{gap:1.2rem;padding-bottom:2.5rem}.nav-header{padding:1rem 1.25rem}.brand-badge{padding:.5rem .9rem}.brand-name{font-size:.95rem}.brand-role{font-size:.62rem}.btn{padding:.55rem 1rem;font-size:.88rem}.stats-row{gap:0}.stat-divider{margin:0 .75rem}.cta-group{flex-wrap:wrap;gap:.75rem}}.about-section{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:5;box-sizing:border-box;background:#06060699;border-top:1px solid #ffffff0f;width:100%;padding:8rem max(2rem,50vw - 600px) 9rem;position:relative;overflow:hidden}.about-section:before{content:"";pointer-events:none;background:0 0;width:70%;height:50%;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.about-label{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:1rem;margin-bottom:3rem;font-size:.75rem;font-weight:600;display:flex}.about-label-line{background:#fff3;flex:0 0 40px;height:1px}.about-statement-wrap{width:100%;max-width:860px;margin-bottom:3rem;display:block}.about-statement-wrap .split-parent,.about-col .split-parent{width:100%;display:block!important}.about-statement{font-family:var(--font-body);color:#ffffffe0;letter-spacing:-.01em;font-size:clamp(1.7rem,3.2vw,3rem);font-weight:300;line-height:1.55}.about-accent{background:linear-gradient(90deg,#ff6b2b,#ffd32a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.about-tags{flex-wrap:wrap;gap:.65rem;margin-bottom:5rem;display:flex}.about-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:.45rem 1rem;font-size:.75rem;font-weight:600;transition:border-color .2s,color .2s}.about-tag:hover{color:#ff9f43;border-color:#ff6b2b80}.about-columns{border-top:1px solid #ffffff12;grid-template-columns:1fr 1fr;gap:3rem;max-width:900px;padding-top:3rem;display:grid}.about-col-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:1rem;font-size:1.1rem}.about-col-text{color:var(--text-muted);font-size:1rem;font-weight:300;line-height:1.85}@media (width<=900px){.about-section{padding:5rem 2rem 6rem}.about-columns{grid-template-columns:1fr;gap:2rem}}@media (width<=480px){.about-section{padding:4rem 1.25rem 5rem}.about-statement{font-size:clamp(1.4rem,5.5vw,2rem)}.about-columns{gap:1.5rem;padding-top:2rem}}.skills-section{z-index:5;box-sizing:border-box;background:#050505a6;border-top:1px solid #ffffff0f;width:100%;padding:8rem max(2rem,50vw - 600px) 9rem;position:relative}.skills-section:before{content:"";pointer-events:none;background:0 0;width:50%;height:50%;position:absolute;bottom:-5%;right:5%}.skills-heading{font-family:var(--font-body);color:#ffffffd9;letter-spacing:-.01em;margin-bottom:4rem;font-size:clamp(1.8rem,3.5vw,3.2rem);font-weight:300;line-height:1.3}.skills-dot{color:#ff6b2b;font-weight:700}.skill-group{margin-bottom:4rem}.skill-group-title{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:#ff9f43;border-left:2px solid #ff6b2b;margin-bottom:1.6rem;padding-left:.9rem;font-size:.7rem;font-weight:700}.skill-logo-grid{perspective:1000px;flex-wrap:wrap;gap:1.4rem;display:flex}.skill-logo-card{cursor:default;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff17;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:128px;height:128px;padding:1.4rem 1rem 1.1rem;transition:border-color .3s,background .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.skill-logo-card:before{content:"";opacity:0;z-index:0;background:conic-gradient(#0000 0%,#ff6b2bcc 20%,#ffd32a99 40%,#0000 60%);border-radius:22px;transition:opacity .3s;animation:2s linear infinite paused ringRotate;position:absolute;inset:-2px}.skill-logo-card:hover:before{opacity:1;animation-play-state:running}.skill-logo-card:after{content:"";z-index:1;background:#0d0d0d;border-radius:19px;position:absolute;inset:1px}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skill-logo-card:hover{background:#ff6b2b0d;border-color:#ff6b2b00;box-shadow:0 25px 60px #ff6b2b38,0 0 40px #ff6b2b1a,inset 0 1px #ffffff12}.skill-logo-img-wrap{z-index:2;filter:drop-shadow(0 0 #0000);justify-content:center;align-items:center;width:58px;height:58px;transition:filter .3s;display:flex;position:relative}.skill-logo-card:hover .skill-logo-img-wrap{filter:drop-shadow(0 0 14px #ffa03c80)}.skill-logo-img{object-fit:contain;width:100%;height:100%;display:block}.skill-logo-invert{filter:invert()brightness(.85)}.skill-logo-name{z-index:2;font-family:var(--font-body);color:#ffffff8c;text-align:center;letter-spacing:.03em;font-size:.78rem;font-weight:500;line-height:1.2;transition:color .25s,transform .25s;position:relative}.skill-logo-card:hover .skill-logo-name{color:#ffc878f2;transform:translateY(-2px)}@media (width<=900px){.skills-section{padding:5rem 2rem 6rem}.skill-logo-card{width:108px;height:108px}.skill-logo-img-wrap{width:50px;height:50px}}@media (width<=560px){.skill-logo-grid{gap:.9rem}.skill-logo-card{width:88px;height:88px}.skill-logo-img-wrap{width:42px;height:42px}}@media (width<=480px){.skills-section{padding:4rem 1.25rem 5rem}.skill-logo-grid{gap:.7rem}.skill-logo-card{border-radius:14px;width:80px;height:80px;padding:1rem .6rem .8rem}.skill-logo-img-wrap{width:36px;height:36px}.skill-logo-name{font-size:.68rem}}.projects-section{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;box-sizing:border-box;background:#060606bf;border-top:1px solid #ffffff0f;width:100%;padding:8rem max(2rem,50vw - 600px) 9rem;position:relative;overflow:hidden}.projects-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#00e5ff0a 0%,#0000 70%);width:50%;height:60%;position:absolute;top:15%;left:-10%}.projects-heading{font-family:var(--font-body);color:#ffffffe0;letter-spacing:-.01em;max-width:940px;margin:0 auto 4.5rem;font-size:clamp(1.8rem,3.5vw,3.2rem);font-weight:300;line-height:1.3}.proj-fullwidth-list{width:100%;max-width:1100px;margin:0 auto 7rem;position:relative}.proj-row{cursor:pointer;transition:background .25s;position:relative}.proj-row-divider{background:#ffffff17;width:100%;height:1px;transition:background .3s}.proj-row.is-active .proj-row-divider{background:var(--proj-accent);opacity:.5}.proj-row-inner{align-items:center;gap:2rem;padding:2.4rem 0;transition:padding .25s;display:flex}.proj-row.is-active .proj-row-inner{padding-left:.5rem}.proj-row-number{color:#ffffff40;letter-spacing:.08em;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:3.5rem;font-family:Oswald,sans-serif;font-size:1.05rem;font-weight:600;transition:color .3s}.proj-row.is-active .proj-row-number{color:var(--proj-accent)}.proj-row-content{flex-direction:column;flex:1;gap:.55rem;display:flex}.proj-row-title{letter-spacing:.02em;color:#ffffff4d;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:clamp(1.8rem,3.5vw,3.2rem);font-weight:700;line-height:1.1;transition:color .3s,transform .3s,text-shadow .3s}.proj-row.is-active .proj-row-title{color:var(--proj-accent);text-shadow:0 0 30px var(--proj-accent);transform:translate(4px)}.proj-row-stack{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.proj-row-tech{letter-spacing:.08em;color:#ffffff59;font-size:.72rem;font-weight:500;font-family:var(--font-body);text-transform:uppercase;transition:color .3s}.proj-row-tech+.proj-row-tech:before{content:"•";opacity:.4;margin-right:.5rem}.proj-row.is-active .proj-row-tech{color:#ffffffa6}.proj-row-play{color:#ffffff4d;border:1.5px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding-left:3px;font-size:.85rem;text-decoration:none;transition:all .3s;display:flex}.proj-row.is-active .proj-row-play,.proj-row:hover .proj-row-play{transform:scale(1.15)}.proj-hover-popup{z-index:100;pointer-events:none;width:380px;position:fixed}.proj-popup-panel{background:#0d0d12;border:1px solid #ffffff26;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #000000d9,0 0 60px #00000080}.proj-popup-viewport{background:#08080b;justify-content:center;align-items:center;width:100%;height:280px;display:flex;position:relative;overflow:hidden}.proj-popup-viewport .mockup-screen{width:90%;height:85%}.proj-popup-image{object-fit:cover;width:100%;height:100%;display:block}.additional-projects-section{border-top:1px solid #ffffff12;width:100%;max-width:1100px;margin:6rem auto 0;padding-top:5rem}.additional-heading{font-family:var(--font-body);color:#ffffffd9;margin-bottom:3rem;font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:600}.additional-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.6rem;display:grid}.additional-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:space-between;gap:1.2rem;padding:1.8rem;transition:border-color .3s,background .3s,box-shadow .3s;display:flex}.additional-card:hover{background:#ff6b2b0d;border-color:#ff6b2b;box-shadow:0 15px 40px #00000073}.additional-header{justify-content:space-between;align-items:center;font-size:1.4rem;display:flex}.folder-icon{color:#ff9f43}.external-link-icon{color:#ffffff4d;font-size:1.1rem;transition:color .2s,transform .2s}.additional-card:hover .external-link-icon{color:#ff9f43;transform:translate(3px,-3px)}.additional-title{font-family:var(--font-body);color:#fff;font-size:1.2rem;font-weight:600}.additional-desc{color:var(--text-muted);flex:1;font-size:.9rem;font-weight:300;line-height:1.65}.additional-stack{flex-wrap:wrap;gap:.4rem;display:flex}.additional-tag{color:#ffffff80;background:#ffffff0d;border-radius:4px;padding:.2rem .6rem;font-family:monospace;font-size:.72rem}@media (width<=950px){.proj-row-title{font-size:clamp(1.4rem,5vw,2rem)}}@media (width<=768px){.proj-hover-popup{display:none}.projects-section{padding:5rem 2rem 6rem}.proj-row-inner{gap:1rem}}@media (width<=480px){.projects-section{padding:4rem 1.25rem 5rem}.proj-row-inner{gap:.75rem;padding:1.6rem 0}.proj-row-number{min-width:2.5rem;font-size:.85rem}.proj-row-title{font-size:clamp(1.1rem,4.5vw,1.5rem)}.proj-row-play{width:36px;height:36px;font-size:.7rem}.proj-fullwidth-list{margin-bottom:4rem}.projects-heading{margin-bottom:3rem;font-size:clamp(1.4rem,5vw,2rem)}}.experience-section{z-index:5;box-sizing:border-box;background:#050505b3;border-top:1px solid #ffffff0f;width:100%;padding:8rem max(2rem,50vw - 600px) 9rem;position:relative;overflow:hidden}.experience-section:before{content:"";pointer-events:none;background:0 0;width:55%;height:55%;position:absolute;top:5%;right:-10%}.timeline-container{max-width:1060px;margin:0 auto;padding:2rem 0 4rem;position:relative}.timeline-line{pointer-events:none;background:linear-gradient(#0000 0%,#ff6b2b59 8% 92%,#0000 100%);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{width:48%;margin-bottom:4rem;position:relative}.timeline-left{margin-right:auto;padding-right:3rem}.timeline-right{margin-left:auto;padding-left:3rem}.timeline-dot{z-index:2;background:#ff6b2b;border:3px solid #080808;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:0;transition:box-shadow .3s,transform .3s;display:flex;position:absolute;top:2rem;box-shadow:0 0 18px #ff6b2bb3}.timeline-left .timeline-dot{right:-7px}.timeline-right .timeline-dot{left:-7px}.timeline-dot-award{background:#ffd32a;border-radius:50%;width:28px;height:28px;font-size:.8rem;top:1.4rem;box-shadow:0 0 18px #ffd32abf}.timeline-left .timeline-dot-award{right:-14px}.timeline-right .timeline-dot-award{left:-14px}.timeline-dot-edu{background:#b8a9e0;border-radius:50%;width:28px;height:28px;font-size:.8rem;top:1.4rem;box-shadow:0 0 18px #b8a9e0a6}.timeline-left .timeline-dot-edu{right:-14px}.timeline-right .timeline-dot-edu{left:-14px}.timeline-item:hover .timeline-dot{transform:scale(1.4)}.timeline-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff07;border:1px solid #ffffff14;border-radius:18px;padding:1.8rem 2rem;transition:border-color .3s,box-shadow .3s,background .3s;position:relative;overflow:hidden}.timeline-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 70% 20%,#ff6b2b0f 0%,#0000 65%);border-radius:18px;transition:opacity .4s;position:absolute;inset:0}.timeline-item:hover .timeline-card{background:#ff6b2b0a;border-color:#ff6b2b61;box-shadow:0 20px 60px #0000008c,0 0 40px #ff6b2b1a}.timeline-item:hover .timeline-card:before{opacity:1}.timeline-card-featured{background:#ff6b2b0b;border-color:#ff6b2b4d;box-shadow:0 0 40px #ff6b2b1f,inset 0 1px #ffffff0f}.timeline-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.timeline-period{letter-spacing:.14em;text-transform:uppercase;color:#ff9f43;font-size:.72rem;font-weight:600;font-family:var(--font-body)}.timeline-type-badge{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:.28rem .75rem;font-size:.65rem;font-weight:700}.timeline-type-work{color:#00e5ff;background:#00e5ff1a;border:1px solid #00e5ff40}.timeline-type-award{color:#ffd32a;background:#ffd32a1a;border:1px solid #ffd32a4d}.timeline-type-education{color:#b8a9e0;background:#b8a9e01a;border:1px solid #b8a9e040}.timeline-role{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:#fff;margin-bottom:.5rem;font-size:clamp(1.05rem,2vw,1.4rem);font-weight:700;line-height:1.25}.timeline-company{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.timeline-company-name{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;font-weight:600}.timeline-company-sep{color:#ffffff40}.timeline-company-loc{color:var(--text-muted);font-size:.82rem;font-weight:400}.timeline-desc{color:var(--text-muted);margin-bottom:1.2rem;font-size:.92rem;font-weight:300;line-height:1.8}.timeline-tags{flex-wrap:wrap;gap:.45rem;display:flex}.timeline-tag{letter-spacing:.07em;text-transform:uppercase;color:#ffffff73;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;padding:.25rem .65rem;font-size:.68rem;font-weight:600;transition:color .2s,border-color .2s}.timeline-item:hover .timeline-tag{color:#ff9f43e6;border-color:#ff6b2b4d}@media (width<=900px){.experience-section{padding:5rem 2rem 6rem}.timeline-line{left:20px}.timeline-container{padding-left:2.5rem}.timeline-item,.timeline-left,.timeline-right{width:100%;margin-left:0;margin-right:0;padding-left:2.5rem;padding-right:0}.timeline-left .timeline-dot,.timeline-right .timeline-dot{left:-7px;right:auto}.timeline-left .timeline-dot-award,.timeline-right .timeline-dot-award,.timeline-left .timeline-dot-edu,.timeline-right .timeline-dot-edu{left:-14px;right:auto}}@media (width<=480px){.experience-section{padding:4rem 1.25rem 5rem}.timeline-container{padding-left:2rem}.timeline-card{padding:1.4rem}}.detail-page{z-index:190;background:#080808;position:fixed;inset:0;overflow:hidden auto}.detail-noise{opacity:.025;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.detail-glow-blob{pointer-events:none;z-index:0;filter:blur(80px);width:80%;height:80%;position:fixed;top:-20%;left:-10%}.detail-nav{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080808d9;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:1.6rem max(2rem,50vw - 600px);display:flex;position:sticky;top:0}.detail-back-btn{color:#ffffff8c;font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.6rem;padding:.5rem .8rem;font-size:.88rem;font-weight:500;transition:color .2s,background .2s;display:flex}.detail-back-btn:hover{color:#fff;background:#ffffff12}.detail-nav-pill{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.55rem;padding:.4rem 1rem;font-size:.75rem;font-weight:600;display:flex}.detail-nav-dot{border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite navDotPulse}@keyframes navDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.detail-nav-label{color:#ffffff8c}.detail-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:6rem;max-width:1200px;min-height:calc(100vh - 74px);margin:0 auto;padding:6rem max(2rem,50vw - 600px) 8rem;display:grid;position:relative}.detail-left{flex-direction:column;gap:2rem;display:flex}.detail-index-label{letter-spacing:.2em;text-transform:uppercase;color:#fff6;align-items:center;gap:.75rem;font-size:.72rem;font-weight:700;display:flex}.detail-index-line{border-radius:2px;width:32px;height:2px}.detail-title{letter-spacing:.02em;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:700;line-height:1.05}.detail-subtitle{color:#ffffff73;letter-spacing:.04em;font-size:.9rem;font-weight:400;line-height:1.6}.detail-role-badge{letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:999px;align-self:flex-start;padding:.45rem 1.1rem;font-size:.78rem;font-weight:600;display:inline-flex}.detail-description{color:#ffffffb3;letter-spacing:.01em;font-size:1.05rem;font-weight:300;line-height:1.85}.detail-stack-section{flex-direction:column;gap:.9rem;display:flex}.detail-stack-label{letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d;font-size:.7rem;font-weight:700}.detail-stack-chips{flex-wrap:wrap;gap:.6rem;display:flex}.detail-chip{color:#ffffffa6;letter-spacing:.05em;background:#ffffff0a;border:1px solid;border-radius:6px;padding:.35rem .9rem;font-family:monospace;font-size:.78rem;transition:background .2s,color .2s}.detail-chip:hover{color:#fff;background:#ffffff17}.detail-cta-row{align-items:center;gap:1.2rem;padding-top:.5rem;display:flex}.detail-cta-primary{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;align-items:center;gap:.55rem;padding:.85rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;display:inline-flex}.detail-cta-primary:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 12px 30px #00000073}.detail-cta-secondary{color:#fff9;font-family:var(--font-body);letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:6px;padding:.85rem 1.6rem;font-size:.9rem;transition:border-color .2s,color .2s,background .2s}.detail-cta-secondary:hover{color:#fff;background:#ffffff0d;border-color:#fff6}.detail-cta-live{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--live-accent,#0f8);border:2px solid var(--live-accent,#0f8);background:0 0;border-radius:6px;order:-1;align-items:center;gap:.6rem;padding:.85rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:color .25s,background .25s,transform .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}.detail-cta-live:before{content:"";background:linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--live-accent,#0f8) 25%, transparent) 50%, transparent 70%);transition:transform .55s;position:absolute;inset:0;transform:translate(-100%)}.detail-cta-live:hover:before{transform:translate(100%)}.detail-cta-live:hover{background:color-mix(in srgb, var(--live-accent,#0f8) 12%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--live-accent,#0f8) 40%, transparent), 0 12px 32px #0006;transform:translateY(-3px)}.detail-cta-live-pulse{background:var(--live-accent,#0f8);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--live-accent,#0f8) 60%, transparent);border-radius:50%;flex-shrink:0;animation:1.8s ease-out infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--live-accent,#0f8) 60%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.detail-right{flex-direction:column;align-items:center;gap:1.8rem;display:flex;position:relative}.detail-mockup-frame{background:#0d0d12;border:1px solid #ffffff1a;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 40px 120px #000c,0 0 60px #0006,inset 0 1px #ffffff12}.detail-mockup-bar{background:#111116;border-bottom:1px solid #ffffff0f;align-items:center;gap:.45rem;padding:.8rem 1.2rem;display:flex}.mockup-dot{border-radius:50%;width:11px;height:11px}.mockup-dot.red{background:#ff5f57}.mockup-dot.yellow{background:#ffbd2e}.mockup-dot.green{background:#28c840}.detail-mockup-screen{aspect-ratio:16/10;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.detail-mockup-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.23,1,.32,1);display:block}.detail-mockup-frame:hover .detail-mockup-img{transform:scale(1.04)}.detail-float-badge{color:#fff9;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem 1.2rem;font-size:.78rem;font-weight:500;display:flex}@media (width<=1000px){.detail-content{grid-template-columns:1fr;gap:3rem;padding:4rem 2rem 6rem}.detail-nav{padding:1.2rem 2rem}.detail-right{order:-1}}@media (width<=600px){.detail-title{font-size:clamp(2rem,9vw,3rem)}.detail-cta-row{flex-direction:column;align-items:flex-start}}.contact-section{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;box-sizing:border-box;background:#050505d9;border-top:1px solid #ffffff0f;width:100%;padding:8rem max(2rem,50vw - 600px) 0;position:relative;overflow:hidden}.contact-glow{pointer-events:none;z-index:0;background:0 0;width:55%;height:60%;position:absolute;bottom:10%;right:-10%}.contact-headline-wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:5rem;display:flex}.contact-headline{letter-spacing:.02em;text-transform:uppercase;color:#ffffffe0;font-family:Oswald,sans-serif;font-size:clamp(3rem,7vw,7.5rem);font-weight:700;line-height:1}.contact-headline-accent{background:linear-gradient(90deg,#ff6b2b 0%,#ff9f43 40%,#ffd32a 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.contact-avail-badge{letter-spacing:.1em;text-transform:uppercase;color:#ff9f43;white-space:nowrap;background:#ff6b2b0f;border:1px solid #ff6b2b4d;border-radius:999px;align-self:center;align-items:center;gap:.6rem;padding:.55rem 1.2rem;font-size:.78rem;font-weight:600;display:flex}.contact-avail-dot{background:#ff6b2b;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite availPulse;box-shadow:0 0 8px #ff6b2b}@keyframes availPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #ff6b2b}50%{opacity:.5;transform:scale(.7);box-shadow:0 0 3px #ff6b2b}}.contact-body{z-index:1;grid-template-columns:1fr 1.4fr;gap:5rem;max-width:1100px;margin-bottom:6rem;display:grid;position:relative}.contact-info{flex-direction:column;gap:2.5rem;display:flex}.contact-info-text{color:var(--text-muted);max-width:380px;font-size:1.05rem;font-weight:300;line-height:1.85}.contact-links{flex-direction:column;gap:.6rem;display:flex}.contact-link{color:var(--text-muted);letter-spacing:.01em;background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:.85rem;padding:.9rem 1.2rem;font-size:.9rem;font-weight:400;text-decoration:none;transition:border-color .25s,background .25s,color .25s,transform .2s;display:flex;position:relative;overflow:hidden}.contact-link:before{content:"";opacity:0;background:linear-gradient(90deg,#ff6b2b0f,#0000);transition:opacity .3s;position:absolute;inset:0}.contact-link:hover{color:#fff;border-color:#ff6b2b66;transform:translate(4px)}.contact-link:hover:before{opacity:1}.contact-link-icon{color:#ff9f43;background:#ff6b2b1a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;transition:background .2s;display:flex}.contact-link:hover .contact-link-icon{background:#ff6b2b33}.contact-link-arrow{color:#fff3;margin-left:auto;font-size:1.1rem;transition:color .2s,transform .2s}.contact-link:hover .contact-link-arrow{color:#ff9f43;transform:translate(3px,-3px)}.contact-form{flex-direction:column;gap:1.4rem;display:flex}.contact-form-row{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.contact-field{flex-direction:column;gap:.5rem;display:flex}.contact-label{letter-spacing:.15em;text-transform:uppercase;color:#ffffff59;font-size:.72rem;font-weight:700}.contact-input,.contact-textarea{color:#fff;font-family:var(--font-body);resize:none;background:#ffffff08;border:1px solid #ffffff17;border-radius:10px;outline:none;width:100%;padding:.85rem 1.1rem;font-size:.95rem;font-weight:300;transition:border-color .25s,background .25s,box-shadow .25s}.contact-input::placeholder,.contact-textarea::placeholder{color:#fff3}.contact-input:focus,.contact-textarea:focus{background:#ff6b2b0a;border-color:#ff6b2b8c;box-shadow:0 0 0 3px #ff6b2b14}.contact-submit{color:#000;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#ff6b2b 0%,#ff9f43 100%);border:none;border-radius:10px;justify-content:center;align-self:flex-start;align-items:center;gap:.75rem;padding:1rem 2.2rem;font-size:1.1rem;font-weight:700;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.contact-submit:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .2s;position:absolute;inset:0}.contact-submit:hover{transform:translateY(-3px);box-shadow:0 14px 35px #ff6b2b66}.contact-submit:hover:after{opacity:1}.contact-submit:active{transform:translateY(-1px)}.contact-submit-arrow{font-size:1.25rem;transition:transform .2s;display:inline-block}.contact-submit:hover .contact-submit-arrow{transform:translate(4px)}.contact-footer{z-index:1;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2.4rem 0 2.8rem;display:flex;position:relative}.contact-footer-brand{align-items:center;gap:.75rem;display:flex}.contact-footer-name{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#fff;font-size:1.05rem}.contact-footer-sep{color:#fff3;font-size:1.1rem}.contact-footer-role{color:#ffffff59;letter-spacing:.06em;font-size:.78rem}.contact-footer-copy{color:#fff3;letter-spacing:.04em;font-size:.78rem}@media (width<=900px){.contact-section{padding:6rem 2rem 0}.contact-body{grid-template-columns:1fr;gap:3rem}.contact-headline{font-size:clamp(2.5rem,10vw,4.5rem)}.contact-headline-wrap{flex-direction:column;align-items:flex-start;margin-bottom:3.5rem}.contact-form-row{grid-template-columns:1fr}.contact-footer{flex-direction:column;align-items:flex-start}}@media (width<=480px){.contact-section{padding:4rem 1.25rem 0}.contact-headline{font-size:clamp(2rem,10vw,3rem)}.contact-headline-wrap{gap:1.2rem;margin-bottom:2.5rem}.contact-body{gap:2rem;margin-bottom:3.5rem}.contact-info-text{max-width:100%;font-size:.95rem}.contact-link{gap:.6rem;padding:.75rem 1rem;font-size:.82rem}.contact-submit{align-self:stretch;width:100%}.contact-footer{gap:.6rem}.contact-footer-name{font-size:.9rem}}.variable-proximity{font-family:Roboto Flex,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}