:root{--bg:#faf6f0;--bg-2:#f2ebe0;--ink:#1d1a17;--surface:#fff;--border:#1d1a171a;--border-strong:#1d1a1740;--text:#1d1a17;--muted:#6b645c;--accent:#ff5a3c;--accent-soft:#ffe3da;--accent-2:#1f5a4a;--accent-2-soft:#dcebe4;--sun:#ffc14d;--radius:22px;--font:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--display:"Fraunces",Georgia,serif;--mono:"DM Mono",ui-monospace,Menlo,monospace;--ease:cubic-bezier(0.22,1,0.36,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{-webkit-font-smoothing:antialiased;background:#faf6f0;background:var(--bg);color:#1d1a17;color:var(--text);font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{display:block;max-width:100%}button,input,textarea{color:inherit;font:inherit}::selection{background:#ff5a3c;background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#faf6f0;background:var(--bg)}::-webkit-scrollbar-thumb{background:#d8cfc0;border-radius:10px}:focus-visible{border-radius:6px;outline:2px solid #ff5a3c;outline:2px solid var(--accent);outline-offset:3px}.container{margin-inline:auto;width:min(1180px,100% - 48px)}.section{padding:120px 0;position:relative}.section-tag{color:#ff5a3c;color:var(--accent);display:inline-block;font-family:DM Mono,ui-monospace,Menlo,monospace;font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;margin-bottom:18px;text-transform:uppercase}.section-tag:before{content:"/ "}.section-title{font-family:Fraunces,Georgia,serif;font-family:var(--display);font-size:clamp(2.2rem,5vw,3.6rem);font-weight:600;letter-spacing:-.02em;line-height:1.08;margin-bottom:18px}.hl,.section-title em{color:#ff5a3c;color:var(--accent);font-style:italic;font-weight:500}.section-sub{color:#6b645c;color:var(--muted);font-size:1.05rem;max-width:600px}.btn{align-items:center;background:#0000;border:1.5px solid #1d1a17;border:1.5px solid var(--ink);border-radius:999px;color:#1d1a17;color:var(--ink);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:14px 28px;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s,color .3s,box-shadow .3s;transition:transform .3s var(--ease),background .3s,color .3s,box-shadow .3s}.btn:hover{transform:translateY(-3px)}.btn-primary,.btn:hover{background:#1d1a17;background:var(--ink);color:#faf6f0;color:var(--bg)}.btn-primary:hover{background:#ff5a3c;background:var(--accent);border-color:#ff5a3c;border-color:var(--accent);box-shadow:0 14px 30px -10px #ff5a3c99;color:#fff}.card{background:#fff;background:var(--surface);border:1px solid #1d1a171a;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius);overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}.card:hover{border-color:#1d1a1740;border-color:var(--border-strong);box-shadow:0 24px 50px -24px #1d1a1747}.reveal{opacity:0;transform:perspective(900px) rotateX(9deg) translateY(36px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:0ms;transition-delay:var(--d,0ms)}.reveal.in{opacity:1;transform:none}.progress{background:#ff5a3c;background:var(--accent);height:3px;transform:scaleX(0);transform-origin:left;width:100%;z-index:1100}.cursor-glow,.progress{left:0;position:fixed;top:0}.cursor-glow{background:radial-gradient(circle,#ffc14d47,#0000 65%);border-radius:50%;height:460px;margin:-230px 0 0 -230px;pointer-events:none;width:460px;will-change:transform;z-index:0}footer,header,main{position:relative;z-index:2}@media (max-width:768px){.section{padding:80px 0}.container{width:min(1180px,100% - 36px)}.cursor-glow{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.tilt{transform-style:preserve-3d}.tilt.reveal.in,.tilt:not(.reveal){transition:transform .18s ease-out,opacity .9s,box-shadow .4s}.skip-link{background:#1d1a17;background:var(--ink);border-radius:999px;color:#faf6f0;color:var(--bg);font-weight:600;left:16px;padding:10px 18px;position:fixed;top:-60px;transition:top .2s;z-index:3000}.skip-link:focus{top:16px}.loader{background:var(--accent);display:grid;inset:0;place-items:center;position:fixed;transition:transform .7s cubic-bezier(.76,0,.24,1);z-index:2000}.loader-hide{transform:translateY(-100%)}.loader-content{color:#fff;text-align:center}.loader-logo{animation:loaderIn .8s var(--ease) both;font-family:var(--display);font-size:clamp(3rem,9vw,5rem);font-style:italic;font-weight:500;letter-spacing:-.03em}.loader-logo span{color:var(--ink)}.loader-bar{background:#ffffff59;border-radius:2px;height:2px;margin:24px auto 0;overflow:hidden;width:160px}.loader-bar i{animation:loaderFill 1.1s ease-in-out forwards;background:#fff;display:block;height:100%}@keyframes loaderIn{0%{opacity:0;transform:translateY(20px)}}@keyframes loaderFill{0%{width:0}to{width:100%}}.navbar{border-bottom:1px solid #0000;left:0;padding:20px 0;position:fixed;top:0;transition:padding .4s var(--ease),background .4s,border-color .4s;width:100%;z-index:1000}.navbar-scroll{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf6f0d9;border-bottom-color:var(--border);padding:12px 0}.navbar-container{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-inline:auto;width:min(1180px,100% - 48px)}.logo{font-family:var(--display);font-size:1.6rem;font-style:italic;font-weight:600;letter-spacing:-.02em}.logo span{color:var(--accent)}.nav-menu{display:flex;gap:30px}.nav-menu a{color:var(--muted);display:block;font-size:.92rem;font-weight:500;padding:6px 0;position:relative;transition:color .3s}.nav-menu a:after{background:var(--accent);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease);width:100%}.nav-menu a.current,.nav-menu a:hover{color:var(--ink)}.nav-menu a.current:after,.nav-menu a:hover:after{transform:scaleX(1)}.nav-right{align-items:center;display:flex;gap:10px}.nav-icon{border:1.5px solid var(--border-strong);border-radius:50%;color:var(--ink);display:grid;font-size:1.05rem;height:40px;place-items:center;transition:all .3s var(--ease);width:40px}.nav-icon:hover{background:var(--ink);color:var(--bg);transform:translateY(-2px)}.nav-cta{padding:10px 22px}.menu-icon{background:none;border:0;color:var(--ink);cursor:pointer;display:none;height:40px;place-items:center;width:40px}@media (max-width:900px){.nav-cta{display:none}.menu-icon{display:grid}.nav-menu{align-items:center;background:var(--bg);flex-direction:column;gap:14px;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .4s;z-index:-1}.nav-menu.active{opacity:1;pointer-events:auto}.nav-menu a{color:var(--ink);font-family:var(--display);font-size:2.2rem;font-style:italic}}.navbar.on-dark .logo,.navbar.on-dark .menu-icon,.navbar.on-dark .nav-icon,.navbar.on-dark .nav-menu a.current,.navbar.on-dark .nav-menu a:hover{color:#fff4ea}.navbar.on-dark .nav-menu a{color:#fff4eab3}.navbar.on-dark .nav-menu a:after{background:var(--sun)}.navbar.on-dark .nav-icon{border-color:#fff4ea80}.navbar.on-dark .nav-icon:hover{background:#fff4ea;color:var(--ink)}.navbar.on-dark .logo span{color:var(--sun)}.navbar.on-dark .nav-cta{background:#fff4ea;border-color:#fff4ea;color:var(--ink)}.navbar.on-dark.navbar-scroll{background:#1d1a17cc;border-bottom-color:#fff4ea1f}.hero{color:#fff4ea;overflow:hidden;padding:130px 0 0;position:relative}.hero-bg{background:radial-gradient(60% 70% at 78% 40%,#f06a3b 0,#0000 70%),linear-gradient(160deg,#cf4f26,#a63a19 55%,#7d2a10);pointer-events:none}.hero-bg,.hero-bg:after{inset:0;position:absolute}.hero-bg:after{background-image:radial-gradient(#ffffff80 1px,#0000 0);background-size:26px 26px;content:"";mask-image:linear-gradient(90deg,#000,#0000 70%);-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);opacity:.18}.hero-inner{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:.95fr 1.05fr;padding-bottom:90px;position:relative;transform-origin:50% 100%;will-change:transform,opacity}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff4ea1f;border:1px solid #fff4ea47;border-radius:999px;display:inline-flex;font-family:var(--mono);font-size:.78rem;gap:10px;margin-bottom:26px;padding:8px 18px}.hero-badge i{animation:pulse 2s infinite;background:#5df0a1;border-radius:50%;height:8px;width:8px}@keyframes pulse{50%{box-shadow:0 0 0 7px #5df0a138}}.hero h1{font-family:var(--display);font-size:clamp(3.4rem,8vw,6.6rem);font-weight:500;letter-spacing:-.04em;line-height:.98;margin-bottom:20px;text-shadow:0 6px 30px #0000002e}.hero h1 em{color:var(--sun);font-style:italic}.hero h2{font-family:var(--display);font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:500;letter-spacing:-.02em;line-height:1.12;margin-bottom:22px}.rotator{display:block;min-height:1.15em}.rotator em{animation:wordIn .6s var(--ease) both;color:var(--sun);display:inline-block;font-style:italic}@keyframes wordIn{0%{opacity:0;transform:translateY(.4em) rotateX(-50deg)}}.description{color:#fff4ead1;font-size:1.08rem;margin-bottom:32px;max-width:500px}.hero .btn{border-color:#fff4ea;color:#fff4ea}.hero .btn:hover{background:#fff4ea;color:#a63a19}.hero .btn-light{background:#fff4ea;color:#7d2a10}.hero .btn-light:hover{background:var(--sun);border-color:var(--sun);box-shadow:0 14px 30px -10px #00000080;color:var(--ink)}.hero-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.hero-social{display:flex;gap:10px;margin-left:6px}.hero-social a{border:1.5px solid #fff4ea8c;border-radius:50%;display:grid;font-size:1.15rem;height:46px;place-items:center;transition:all .3s var(--ease);width:46px}.hero-social a:hover{background:#fff4ea;color:#a63a19;transform:translateY(-3px) rotate(-6deg)}.hero-right{align-items:flex-end;display:flex;justify-content:center;min-width:0}.stage{--rx:0deg;--ry:0deg;--mx:0;--my:0;aspect-ratio:3/4;height:min(600px,74vh);margin-top:10px;max-width:100%;position:relative;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;width:auto}.stage,.stage>*{transition:transform .25s ease-out}.stage>*{position:absolute}.stage-glow{background:radial-gradient(circle at 50% 35%,#ffb27d 0,#f26a3a 55%,#f26a3a00 78%);border-radius:50% 50% 28px 28px;filter:blur(6px);inset:6% 4% 0;transform:translate3d(calc(var(--mx)*-14px),calc(var(--my)*-10px),-40px)}.orbit{animation:spin 28s linear infinite;border:1.5px dashed #fff4ea73;border-radius:50%}.orbit i{background:var(--sun);border-radius:50%;box-shadow:0 0 20px var(--sun);height:14px;left:50%;margin-left:-7px;position:absolute;top:-7px;width:14px}.o1{inset:2% 2% 8%;transform:translate3d(calc(var(--mx)*-22px),calc(var(--my)*-16px),-20px)}.o2{animation-direction:reverse;animation-duration:20s;border-color:#fff4ea2e;border-style:solid;inset:14% 12% 14%}.o2 i{background:#fff4ea;box-shadow:0 0 16px #fff4ea}.portrait-frame{background:#2b2833;border:2px solid #fff4eae6;border-radius:30px;bottom:0;box-shadow:0 40px 70px -24px #3c0c00b3;left:5%;overflow:hidden;right:5%;top:3%;transform:translate3d(calc(var(--mx)*12px),calc(var(--my)*8px),30px)}.portrait-img{animation:kenburns 16s ease-in-out infinite alternate;height:100%;inset:0;object-fit:cover;position:absolute;transform-origin:50% 20%;width:100%}@keyframes kenburns{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.06) translate3d(-1.2%,1%,0)}}.lamp-glow{animation:lamp 5s ease-in-out infinite;background:radial-gradient(circle at 20% 40%,#ffd68c8c,#0000 62%);height:40%;left:-10%;mix-blend-mode:screen;pointer-events:none;position:absolute;top:6%;width:55%}@keyframes lamp{0%,to{opacity:.55}50%{opacity:1}}.shine{animation:shine 7s ease-in-out infinite;background:linear-gradient(115deg,#0000 38%,#ffffff38 50%,#0000 62%);inset:0;pointer-events:none;position:absolute;transform:translateX(-120%)}@keyframes shine{0%,55%{transform:translateX(-120%)}85%,to{transform:translateX(120%)}}.fx{line-height:1;opacity:0;pointer-events:none;z-index:4}.fx-heart{animation:heartUp 4.5s ease-in infinite;color:#ff6f91}.fx-spark{animation:sparkle 3s ease-in-out infinite;color:#fff4ea}.h1{font-size:26px;right:0;top:46%}.h2{animation-delay:1.5s;font-size:20px;left:1%;top:38%}.h3{animation-delay:2.8s;font-size:16px;right:8%;top:56%}.s1{font-size:26px;left:-2%;top:8%}.s2{animation-delay:1s;font-size:20px;right:-3%;top:30%}.s3{animation-delay:2s;bottom:22%;font-size:18px;left:2%}@keyframes heartUp{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1}to{opacity:0;transform:translateY(-90px) scale(1.2)}}@keyframes sparkle{0%,to{opacity:.2;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(45deg)}}.chip{align-items:center;animation:floaty 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf4eb;border-radius:16px;box-shadow:0 20px 40px -14px #3c0c008c;color:var(--ink);display:flex;font-size:.86rem;font-weight:500;gap:9px;padding:11px 18px;white-space:nowrap;z-index:3}.chip svg{font-size:1.25rem}.c-react{left:-6%;top:14%;transform:translate3d(calc(var(--mx)*38px),calc(var(--my)*26px),80px)}.c-react svg{animation:spin 8s linear infinite;color:#14a7cf}.c-java{animation-delay:-2s;bottom:44%;left:-12%;transform:translate3d(calc(var(--mx)*46px),calc(var(--my)*30px),90px)}.c-java svg{color:#e76f00}.c-stat{animation-delay:-4s;bottom:12%;left:-8%;transform:translate3d(calc(var(--mx)*30px),calc(var(--my)*22px),70px)}.c-stat b{color:var(--accent);font-family:var(--display);font-size:1.4rem;line-height:1}@keyframes floaty{50%{translate:0 -10px}}.code-card{align-items:flex-start;animation-delay:-1s;background:#14161ceb;bottom:7%;color:#e8e6e3;flex-direction:column;font-family:var(--mono);gap:3px;padding:14px 18px 16px;right:-10%;transform:translate3d(calc(var(--mx)*50px),calc(var(--my)*34px),100px)}.code-card code{font-size:.74rem}.code-card .dots{display:flex;gap:6px;margin-bottom:8px}.code-card .dots b{background:#ff5f57;border-radius:50%;height:9px;width:9px}.code-card .dots b:nth-child(2){background:#febc2e}.code-card .dots b:nth-child(3){background:#28c840}.code-card .k{color:#ff8a65}.code-card .f{color:#61dbfb}.code-card .t{color:#7ee0a1}.code-card .a{color:#ffd166}.code-card .s{color:#b794f6}.code-card .caret{animation:blink 1s steps(1) infinite;background:#ff8a65;display:inline-block;height:12px;margin-left:3px;vertical-align:-2px;width:7px}@keyframes blink{50%{opacity:0}}.marquee{background:var(--ink);color:var(--bg);margin-bottom:20px;overflow:hidden;padding:18px 0;position:relative;transform:rotate(-1.2deg) scale(1.04)}.marquee-track{animation:scroll 32s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.marquee span{align-items:center;display:inline-flex;font-family:var(--display);font-size:1.5rem;font-style:italic;gap:28px;padding-right:28px;white-space:nowrap}.marquee b{color:var(--sun);font-size:1rem;font-style:normal}@keyframes scroll{to{transform:translateX(-50%)}}@media (max-width:900px){.hero{padding-top:100px}.hero-inner{gap:0;grid-template-columns:1fr;padding-bottom:60px}.stage{height:auto;width:min(400px,92%)}.c-java,.c-react,.c-stat{left:-2%}.code-card{right:-2%}.code-card code{font-size:.66rem}}.h1-sub{color:#fff4eabf;display:block;font-family:var(--mono);font-size:clamp(.8rem,1.3vw,1rem);font-style:normal;font-weight:400;letter-spacing:.12em;margin-top:14px;text-shadow:none;text-transform:uppercase}.about-top{grid-gap:70px;align-items:center;display:grid;gap:70px;grid-template-columns:320px 1fr}.about-copy,.about-title{grid-column:2}.about-top .polaroid{grid-row:1/span 2}.polaroid{background:#fff;border:1.5px solid var(--ink);border-radius:6px;box-shadow:8px 10px 0 var(--ink);padding:14px 14px 0;position:relative;transform:rotate(-3deg)}.polaroid-img{aspect-ratio:1/1.05;background:#fff;box-shadow:inset 0 0 0 1px #1d1a1724;overflow:hidden}.polaroid-img img{height:100%;object-fit:cover;object-position:center 20%;width:100%}.polaroid figcaption{font-family:var(--display);font-size:1.15rem;font-style:italic;padding:16px 0 18px;text-align:center}.tape{background:#ffc14dcc;border-inline:2px dashed #1d1a1726;height:30px;left:50%;margin-left:-55px;position:absolute;top:-16px;transform:rotate(-4deg);width:110px;z-index:2}.about-copy p{color:var(--muted);font-size:1.05rem;margin-bottom:16px}.about-copy strong{color:var(--ink)}.stats{border-block:1.5px solid var(--ink);display:grid;grid-template-columns:repeat(4,1fr);margin:70px 0}.stat{border-right:1px solid var(--border);padding:34px 24px}.stat:last-child{border-right:0}.stat h3{color:var(--accent);font-family:var(--display);font-size:clamp(2.6rem,5vw,4rem);font-weight:600;letter-spacing:-.04em;line-height:1}.stat p{color:var(--muted);font-size:.9rem;margin-top:10px}.principles{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.principle{padding:28px 24px}.principle:nth-child(odd){background:var(--accent-soft);border-color:#0000}.principle:nth-child(2n){background:var(--accent-2-soft);border-color:#0000}.principle:hover{transform:translateY(-8px) rotate(-1deg)}.principle span{color:var(--muted);font-family:var(--mono);font-size:.78rem}.principle h4{font-family:var(--display);font-size:1.3rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:18px 0 10px}.principle p{color:var(--muted);font-size:.92rem;line-height:1.55}@media (max-width:1000px){.principles{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.about-top{gap:24px;grid-template-columns:1fr}.about-copy,.about-title{grid-column:1}.about-top .polaroid{grid-row:auto;margin:0 auto 20px;width:min(280px,80%)}.stats{grid-template-columns:repeat(2,1fr);margin:50px 0}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media (max-width:520px){.principles{grid-template-columns:1fr}}.polaroid.reveal.in{transform:rotate(-3deg)}.skills{background:var(--bg-2)}.skills-layout{grid-gap:22px;align-items:stretch;display:grid;gap:22px;grid-template-columns:.9fr 1.1fr;margin-top:52px}.react-card{background:var(--ink);color:var(--bg);display:flex;flex-direction:column;padding:38px}.react-card,.react-card:hover{border-color:var(--ink)}.react-bg{animation:spin 30s linear infinite;bottom:-60px;color:#61dbfb;font-size:280px;opacity:.14;position:absolute;right:-60px}@keyframes spin{to{transform:rotate(1turn)}}.pill{align-self:flex-start;background:var(--accent);border-radius:999px;color:#fff;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;padding:4px 14px;text-transform:uppercase}.react-card h3{font-family:var(--display);font-size:clamp(2.6rem,5vw,3.8rem);font-weight:600;letter-spacing:-.03em;line-height:1;margin:20px 0 10px}.react-card p{color:#faf6f0b3;margin-bottom:26px;max-width:380px;position:relative}.react-card ul{grid-gap:10px;display:grid;gap:10px;margin-top:auto;position:relative}.react-card li{align-items:center;display:flex;font-size:.95rem;gap:12px}.react-card li:before{color:var(--sun);content:"✦";font-size:.8rem}.skills-right{grid-gap:22px;display:grid;gap:22px}.skill-group{padding:26px 28px}.skill-group h4{color:var(--muted);font-family:var(--mono);font-size:.76rem;font-weight:500;letter-spacing:.12em;margin-bottom:18px;text-transform:uppercase}.skill-list{display:flex;flex-wrap:wrap;gap:10px}.skill-chip{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:999px;cursor:default;display:inline-flex;font-size:.9rem;font-weight:500;gap:9px;padding:8px 16px 8px 12px;transition:transform .3s var(--ease),background .3s,color .3s}.skill-icon{color:var(--c);display:grid;font-size:1.2rem;place-items:center;transition:color .3s,transform .3s var(--ease)}.skill-chip:hover{background:var(--c);border-color:var(--c);color:#fff;transform:translateY(-3px) rotate(-1.5deg)}.skill-chip:hover .skill-icon{color:#fff;transform:scale(1.15)}@media (max-width:900px){.skills-layout{grid-template-columns:1fr}.react-card{padding:30px}}.projects{background:var(--ink);color:#fff4ea;overflow:hidden}.projects .section-sub{color:#fff4eaa6}.projects .section-tag,.projects .section-title em{color:var(--sun)}.projects:before{background:var(--accent);border-radius:50%;content:"";filter:blur(150px);height:520px;opacity:.25;pointer-events:none;position:absolute;right:-180px;top:-120px;width:520px}.projects .container{position:relative}.project-list{border-top:1.5px solid #fff4ea99;margin-top:56px;perspective:1400px}.project{grid-gap:34px;align-items:center;border-bottom:1px solid #fff4ea2e;display:grid;gap:34px;grid-template-columns:56px 300px 1fr auto;padding:34px 12px;position:relative;transition:opacity .9s var(--ease),transform .9s var(--ease),background .4s,padding .4s var(--ease)}.project:hover{background:#fff4ea0f;padding-left:28px;padding-right:28px}.project-num{color:#fff4ea80;font-family:var(--mono);font-size:.85rem}.project-cover{aspect-ratio:16/10;border:1.5px solid #fff4ea;border-radius:16px;box-shadow:0 30px 50px -20px #000000b3;color:var(--ink);display:grid;overflow:hidden;place-items:center}.project-cover img{height:100%;object-fit:cover;width:100%}.project-cover span{font-size:1.7rem;font-style:italic;font-weight:500;padding:16px;text-align:center}.project-body h3,.project-cover span{font-family:var(--display);letter-spacing:-.02em;line-height:1.15}.project-body h3{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;margin-bottom:8px;transition:color .3s}.project:hover h3{color:var(--accent)}.project-body p{color:#fff4eaa6;margin-bottom:16px;max-width:520px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px}.tech-stack span{border:1px solid #fff4ea59;border-radius:999px;font-family:var(--mono);font-size:.74rem;padding:3px 12px}.project-links{align-items:center;display:flex;gap:12px}.project-links a{border:1.5px solid #fff4ea;border-radius:50%;display:grid;font-size:1.15rem;height:52px;place-items:center;transition:all .3s var(--ease);width:52px}.project-links a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(-12deg) scale(1.08)}.soon{border:1px dashed #fff4ea66;border-radius:999px;color:#fff4ea99;font-family:var(--mono);font-size:.78rem;padding:6px 14px}@media (max-width:1000px){.project{gap:20px 18px;grid-template-columns:40px 1fr}.project-body,.project-cover,.project-links{grid-column:2}}@media (max-width:520px){.project,.project:hover{padding-inline:0}}.service-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-top:52px}.service-card{display:flex;flex-direction:column;padding:28px 24px}.service-card:hover{transform:translateY(-8px)}.service-card:first-child .service-icon{background:var(--accent-soft);color:var(--accent)}.service-card:nth-child(2) .service-icon{background:var(--accent-2-soft);color:var(--accent-2)}.service-card:nth-child(3) .service-icon{background:#fff1cc;color:#b07a00}.service-card:nth-child(4) .service-icon{background:#e6e4ff;color:#5a4fd1}.service-icon{border-radius:16px;display:grid;font-size:1.4rem;height:52px;margin-bottom:20px;place-items:center;width:52px}.service-card h3{font-family:var(--display);font-size:1.3rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin-bottom:10px}.service-card p{color:var(--muted);font-size:.93rem;line-height:1.6;margin-bottom:18px}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.service-tags span{border:1px solid var(--border-strong);border-radius:999px;font-family:var(--mono);font-size:.72rem;padding:3px 11px}.hire-cta{align-items:center;background:var(--ink);border-radius:var(--radius);color:var(--bg);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:28px;padding:24px 30px}.hire-cta strong{display:block;font-family:var(--display);font-size:1.4rem;font-weight:600}.hire-cta span{color:#faf6f0a6;font-size:.92rem}.hire-cta .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.hire-cta .btn-primary:hover{background:var(--sun);border-color:var(--sun);color:var(--ink)}@media (max-width:1000px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.service-grid{grid-template-columns:1fr}.hire-cta{padding:22px}}.contact-panel{grid-gap:56px;background:var(--ink);border-color:var(--ink);border-radius:36px;color:var(--bg);display:grid;gap:56px;grid-template-columns:1fr 1fr;padding:clamp(28px,5vw,64px)}.contact-panel:hover{border-color:var(--ink);box-shadow:none}.contact-glow{background:var(--accent);border-radius:50%;filter:blur(120px);height:420px;opacity:.4;pointer-events:none;position:absolute;right:-120px;top:-160px;width:420px}.contact-form,.contact-left{position:relative;z-index:1}.contact .section-title em{color:var(--sun)}.contact-left>p{color:#faf6f0b3;font-size:1.05rem;max-width:460px}.contact-info{grid-gap:14px;display:grid;gap:14px;margin-top:34px}.info{align-items:center;border:1px solid #faf6f02e;border-radius:16px;display:flex;font-size:.95rem;gap:16px;padding:14px 16px;transition:border-color .3s,transform .3s var(--ease)}a.info:hover{border-color:var(--sun);transform:translateX(6px)}.info small{color:#faf6f08c;display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.info-icon{background:var(--sun);border-radius:50%;color:var(--ink);display:grid;flex:none;height:42px;place-items:center;width:42px}.contact-form{grid-gap:18px;align-content:start;display:grid;gap:18px}.field-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.contact-form label span{color:#faf6f0a6;display:block;font-size:.82rem;margin-bottom:8px}.contact-form input,.contact-form textarea{background:#faf6f00f;border:1px solid #faf6f033;border-radius:14px;color:var(--bg);font-size:.95rem;padding:14px 16px;resize:vertical;transition:border-color .3s,background .3s,box-shadow .3s;width:100%}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#faf6f059}.contact-form input:focus,.contact-form textarea:focus{background:#faf6f01a;border-color:var(--sun);box-shadow:0 0 0 4px #ffc14d2e;outline:none}.contact-form .btn{background:var(--accent);border-color:var(--accent);color:#fff;font-size:1rem;justify-content:center;padding:16px}.contact-form .btn:hover{background:var(--sun);border-color:var(--sun);color:var(--ink)}.contact-form .btn:disabled{cursor:wait;opacity:.6;transform:none}.form-status{min-height:24px}.form-status p{align-items:center;animation:fadeUp .4s var(--ease);display:flex;font-size:.92rem;gap:10px}.form-status .ok{color:#6ee7a8}.form-status .err{color:#ff9a8a}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}@media (max-width:900px){.contact-panel{border-radius:28px;gap:40px;grid-template-columns:1fr}}@media (max-width:520px){.field-row{grid-template-columns:1fr}}.footer{padding:36px 0}.footer-inner{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.88rem;gap:16px;justify-content:space-between}.footer-links{display:flex;gap:10px}.footer-links a{border:1.5px solid var(--border-strong);border-radius:50%;color:var(--ink);display:grid;height:40px;place-items:center;transition:all .3s var(--ease);width:40px}.footer-links a:hover{background:var(--ink);color:var(--bg);transform:translateY(-3px)}.footer-nav{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:8px}.footer-nav a{transition:color .3s}.footer-nav a:hover{color:var(--accent)}.footer-note{font-size:.78rem;margin-top:6px;max-width:520px;opacity:.8}
/*# sourceMappingURL=main.10df5691.css.map*/