.flickering-text{font-family:Quicksand,Poppins,Nunito,Rubik,sans-serif;font-weight:900;animation:flicker 8s infinite ease-in-out;background:linear-gradient(135deg,#f2c14ff2,#f2c14fbf,#f2c14ff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(242,193,79,.6)) drop-shadow(0 0 20px rgba(242,193,79,.4)) drop-shadow(0 0 30px rgba(242,193,79,.3)) drop-shadow(0 2px 8px rgba(242,193,79,.5)) blur(.3px)}@keyframes flicker{0%,to{opacity:1;text-shadow:0 0 2px rgba(255,255,255,.9),0 0 5px rgba(255,255,255,.7);filter:drop-shadow(0 0 12px rgba(242,193,79,.7)) drop-shadow(0 0 24px rgba(242,193,79,.5)) drop-shadow(0 0 35px rgba(242,193,79,.35))}10%{opacity:.85;text-shadow:0 0 2px rgba(255,255,255,.7),0 0 3px rgba(255,255,255,.5);filter:drop-shadow(0 0 8px rgba(242,193,79,.5)) drop-shadow(0 0 16px rgba(242,193,79,.3)) drop-shadow(0 0 24px rgba(242,193,79,.2))}15%{opacity:.95;text-shadow:0 0 3px rgba(255,255,255,.9),0 0 6px rgba(255,255,255,.8);filter:drop-shadow(0 0 14px rgba(242,193,79,.8)) drop-shadow(0 0 28px rgba(242,193,79,.6)) drop-shadow(0 0 40px rgba(242,193,79,.4))}30%{opacity:.75;text-shadow:0 0 1px rgba(255,255,255,.6),0 0 3px rgba(255,255,255,.4);filter:drop-shadow(0 0 6px rgba(242,193,79,.4)) drop-shadow(0 0 12px rgba(242,193,79,.25)) drop-shadow(0 0 18px rgba(242,193,79,.15))}35%{opacity:.9;text-shadow:0 0 2px rgba(255,255,255,.8),0 0 4px rgba(255,255,255,.6);filter:drop-shadow(0 0 10px rgba(242,193,79,.6)) drop-shadow(0 0 20px rgba(242,193,79,.4)) drop-shadow(0 0 28px rgba(242,193,79,.3))}50%{opacity:.8;text-shadow:0 0 2px rgba(255,255,255,.7),0 0 4px rgba(255,255,255,.5);filter:drop-shadow(0 0 8px rgba(242,193,79,.5)) drop-shadow(0 0 18px rgba(242,193,79,.35)) drop-shadow(0 0 25px rgba(242,193,79,.25))}60%{opacity:1;text-shadow:0 0 3px rgba(255,255,255,.9),0 0 5px rgba(255,255,255,.7);filter:drop-shadow(0 0 12px rgba(242,193,79,.7)) drop-shadow(0 0 24px rgba(242,193,79,.5)) drop-shadow(0 0 35px rgba(242,193,79,.35))}75%{opacity:.88;text-shadow:0 0 2px rgba(255,255,255,.8),0 0 4px rgba(255,255,255,.6);filter:drop-shadow(0 0 10px rgba(242,193,79,.6)) drop-shadow(0 0 20px rgba(242,193,79,.4)) drop-shadow(0 0 30px rgba(242,193,79,.3))}85%{opacity:.78;text-shadow:0 0 1px rgba(255,255,255,.7),0 0 3px rgba(255,255,255,.5);filter:drop-shadow(0 0 7px rgba(242,193,79,.5)) drop-shadow(0 0 15px rgba(242,193,79,.3)) drop-shadow(0 0 22px rgba(242,193,79,.2))}95%{opacity:.92;text-shadow:0 0 2px rgba(255,255,255,.85),0 0 5px rgba(255,255,255,.65);filter:drop-shadow(0 0 11px rgba(242,193,79,.65)) drop-shadow(0 0 22px rgba(242,193,79,.45)) drop-shadow(0 0 32px rgba(242,193,79,.32))}}:root{--ts-speed: .7s}.switch{position:relative;display:inline-block}.switch input{height:100%;width:100%;position:absolute;left:0;top:0;opacity:0;z-index:100;cursor:pointer}.switch label{height:38px;width:60px;background-color:#f2c14f14;border:1px solid var(--line);border-radius:100px;display:flex;align-items:center;padding:0 3px;box-shadow:inset 0 0 10px #f2c14f0d,inset 0 0 2px -1px #f2c14f1a;position:relative;cursor:pointer;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.bulb{height:32px;width:32px;background-color:#2ed4a614;border-radius:50%;position:relative;display:block;transition:all .8s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;box-shadow:inset 0 0 1px 2px #2ed4a61a,inset 0 0 4px 6px #2ed4a60d,0 10px 15px -5px #0003}.bulb-center{position:absolute;display:block;height:20px;width:20px;background-color:#f2c14f4d;border-radius:50%;top:50%;left:50%;transition:all .8s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #f2c14f33}.bulb-center:after{content:"";display:block;height:8px;width:8px;background-color:#f2c14f;border-radius:50%;position:absolute;transition:var(--ts-speed);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px 2px #2ed4a6}.filament-1,.filament-2{position:absolute;display:block;height:20px;width:20px;border-radius:50%;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%) rotate(-45deg)}.filament-1:after,.filament-1:before,.filament-2:after,.filament-2:before{content:"";display:block;height:3px;width:10px;border-radius:50%;border:1px solid rgba(242,193,79,.3);position:absolute;transition:var(--ts-speed);top:-2px;left:-1px;transform:rotate(-10deg)}.filament-1:before,.filament-2:before{left:15px;transform:rotate(10deg)}.filament-2{transform:translate(-50%,-50%) rotate(45deg)!important}.reflections{height:100%;width:100%;display:block;border-radius:50%;overflow:hidden;position:absolute;z-index:90;perspective:70px}.reflections span{height:80px;width:80px;border-radius:50%;background-image:linear-gradient(-135deg,transparent 10%,rgba(255,255,255,.3));position:absolute;left:-40px;bottom:-45px}.reflections span:after{content:"";display:block;height:35px;width:20px;position:absolute;top:-36px;right:-40px;border-radius:50%;box-shadow:4px -2px 0 -3px #fff6;filter:blur(1px);transform:rotate(-10deg)}.reflections:after{content:"";display:block;height:80px;width:50px;background-image:linear-gradient(80deg,#ffffff0d 45%,#ffffff80);border-radius:10% 20% 50% 30%/30% 60% 30% 40%;position:absolute;transform-style:preserve-3d;transform:rotateX(-25deg) rotate(-35deg) skew(-15deg) translate(10px,-20px);top:-8px;left:-5px}.reflections:before{content:"";display:block;position:absolute;height:10px;width:30px;background-image:linear-gradient(to right,transparent,rgba(255,255,255,.15));bottom:10px;right:0;transform:rotate(45deg)}.spark1,.spark2,.spark3,.spark4{display:block;background-color:#d1b82b;position:absolute;border-radius:50%;transition:.4s;opacity:0}.spark1{height:1px;width:1px;right:-5px;bottom:23px}.spark2,.spark3,.spark4{height:3px;width:3px}.spark2{right:20px;bottom:80px}.spark3{left:20px;bottom:80px}.spark4{left:20px;bottom:20px}.switch input:checked~label .bulb{margin-left:auto;background-color:#f2b04526;box-shadow:inset 0 0 1px 2px #f2b04533,inset 0 0 4px 6px #f2b04514,0 10px 15px -5px #0003,0 0 15px 20px #f2b0450f}.switch input:checked~label .bulb>.bulb-center{background-color:#f2c14f80;box-shadow:inset 0 0 0 2px #f2c14f66,0 0 8px 6px #f2c14f4d,0 0 12px 8px #2ed4a633}.switch input:checked~label .bulb>.bulb-center:after{background-color:#f2c14f;box-shadow:0 0 6px 4px #f2c14f,0 0 12px 6px #2ed4a6}.switch input:checked~label .bulb>.filament-1:before,.switch input:checked~label .bulb>.filament-1:after,.switch input:checked~label .bulb>.filament-2:before,.switch input:checked~label .bulb>.filament-2:after{border-color:#f2c14f}.switch input:checked~label .bulb>.sparks .spark1{height:1px;width:1px;animation:spark1 2s ease-in-out;animation-delay:.4s}.switch input:checked~label .bulb>.sparks .spark2{height:1px;width:1px;animation:spark2 2.4s ease-in-out;animation-delay:.4s}.switch input:checked~label .bulb>.sparks .spark3{height:1px;width:1px;animation:spark3 2s ease-in-out;animation-delay:.9s}.switch input:checked~label .bulb>.sparks .spark4{height:1px;width:1px;animation:spark4 1.7s ease-in-out;animation-delay:.9s}@keyframes spark1{0%{right:-5px;height:1px;width:1px;opacity:0}20%{height:3px;width:3px;right:0;opacity:1}30%{right:-5px;opacity:1;height:3px;width:3px}70%{height:3px;width:3px}to{right:-60px;bottom:40px;opacity:0}}@keyframes spark2{0%{height:3px;width:3px;opacity:0}30%{opacity:1}to{right:-20px;bottom:100px;opacity:0}}@keyframes spark3{0%{opacity:0}30%{opacity:1;height:2px;width:2px}to{left:0;bottom:100px;opacity:0;height:3px;width:3px}}@keyframes spark4{0%{opacity:0}30%{opacity:1;height:2px;width:2px}to{left:-20px;bottom:-10px;opacity:0;height:3px;width:3px}}:root.light .switch label{background-color:#f2b04514;border-color:#f2b04526;box-shadow:inset 0 0 10px #f2b0450a,inset 0 0 2px -1px #f2b04514}:root.light .bulb{background-color:#2ed4a614;box-shadow:inset 0 0 1px 2px #2ed4a61a,inset 0 0 4px 6px #2ed4a60d,0 10px 15px -5px #0000001a}:root.light .bulb-center{background-color:#f2b04533;box-shadow:inset 0 0 0 2px #f2b04526}:root.light .bulb-center:after{background-color:#f2b045;box-shadow:0 0 2px 2px #2abf9b}:root.light .filament-1:after,:root.light .filament-1:before,:root.light .filament-2:after,:root.light .filament-2:before{border-color:#f2b04533}:root{--bg: #0f1115;--panel: #151a24;--panel-strong: #0d1118;--accent: #f2c14f;--accent-2: #2ed4a6;--text: #e6e8ef;--muted: #9aa2b3;--line: rgba(255, 255, 255, .08);--shadow: 0 20px 60px rgba(0, 0, 0, .35);--radius: 18px}:root.light{--bg: #f7f8fb;--panel: #ffffff;--panel-strong: #f0f3fa;--accent: #f2b045;--accent-2: #2abf9b;--text: #0b0f14;--muted: #556070;--line: rgba(0, 0, 0, .08);--shadow: 0 18px 48px rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;width:100%}body{font-family:Space Grotesk,Clash Display,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(46,212,166,.08),transparent 26%),radial-gradient(circle at 80% 0%,rgba(242,193,79,.08),transparent 32%),var(--bg);color:var(--text);line-height:1.6;letter-spacing:-.01em;transition:background .4s ease,color .3s ease}html{scroll-behavior:smooth}@keyframes jelly{0%,to{transform:scale(1)}25%{transform:scale(1.05,.95)}50%{transform:scale(.95,1.05)}75%{transform:scale(1.02,.98)}}.shell{width:min(1200px,100%);margin:0 auto;padding:32px 16px;max-width:100%}.sparkles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden;contain:layout paint}.sparkle{position:absolute;top:0;left:0;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle,#f2c14fcc,#2ed4a666);box-shadow:0 0 calc(var(--size) * 2) #f2c14f99;pointer-events:none;will-change:transform,opacity;opacity:0;transform:translate3d(var(--x),-10px,0);animation-name:sparkle-fall;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:1}@keyframes sparkle-fall{0%{transform:translate3d(var(--x),-10px,0);opacity:0}10%{opacity:var(--opacity)}90%{opacity:var(--opacity)}to{transform:translate3d(calc(var(--x) + var(--drift)),100vh,0);opacity:0}}header.shell{padding-top:16px}.nav{position:sticky;top:16px;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin-bottom:24px;background:#0d1118d1;backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:999px;z-index:10;transition:background .3s ease,border-color .3s ease}:root.light .nav{background:#ffffffeb;border-color:#0000001a;box-shadow:0 2px 12px #00000014}.brand{font-family:Clash Display,Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.03em;color:#fff;text-decoration:none;cursor:pointer;transition:color .3s ease,opacity .3s ease;display:flex;align-items:center;font-size:1.5rem;text-shadow:0 0 8px rgba(255,255,255,.4),0 0 16px rgba(255,255,255,.2)}.brand:hover{color:var(--accent);opacity:.8}nav{display:flex;gap:16px}.nav a{color:var(--muted);text-decoration:none;font-size:.95rem;transition:color .2s ease;padding:4px 8px;border-radius:6px}.nav a:hover,.nav a.active{color:var(--accent);background:#f2c14f1a;text-shadow:0 0 12px rgba(242,193,79,.4)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:32px;border-radius:var(--radius);background:linear-gradient(135deg,#151a24e6,#0d1118d9);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative;transition:background .3s ease,border-color .3s ease}:root.light .hero{background:linear-gradient(135deg,#f7f8fb,#f0f3faf2);border-color:#0000001a;box-shadow:0 20px 50px #0000001a}.hero__copy h1{font-family:Clash Display,Space Grotesk,sans-serif;font-size:clamp(2.4rem,4vw,3.4rem);margin:0 0 12px;letter-spacing:-.04em}.lede{color:var(--muted);max-width:720px;margin:0 0 16px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--muted);margin:0 0 8px;text-shadow:0 0 10px rgba(46,212,166,.3);font-weight:500}.hero__ctas{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.btn{padding:12px 18px;border-radius:999px;border:1px solid var(--line);color:var(--text);text-decoration:none;font-weight:600;font-size:.95rem;transition:transform .15s ease,box-shadow .15s ease,background .2s ease;cursor:pointer;background:transparent}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000040}.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0b0f14;border:none}.btn.ghost{background:transparent}.btn.ghost:hover{color:var(--accent);border-color:var(--accent)}:root.light .btn.ghost{color:var(--text);border-color:#0003}:root.light .btn.ghost:hover{color:var(--accent);border-color:var(--accent)}.btn.toggle{display:flex;align-items:center;gap:8px;padding:8px 14px}.theme-toggle{display:flex;align-items:center;gap:8px}.bulb-icon{color:var(--accent);width:20px;height:20px;flex-shrink:0;transition:color .3s ease}.theme-toggle:hover .bulb-icon{color:var(--accent)}.bulb-text{font-size:.9rem;font-weight:500}:root.light .bulb-icon{color:var(--accent);padding:10px 14px;font-size:.85rem}.hero__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:10px}.label{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.value{font-weight:600}.hero__panel{position:relative;animation:panelBounce 3s ease-in-out infinite}.panel{position:relative;background:linear-gradient(160deg,#0f1118e6,#0f1118a6);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:background .3s ease,border-color .3s ease;overflow:visible}:root.light .panel{background:linear-gradient(160deg,#fffffff2,#f0f3fae6);border-color:#00000014;box-shadow:0 4px 16px #00000014}.panel__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--muted);position:relative;z-index:1}.panel__top strong{color:var(--accent);font-weight:900}.hero__panel .panel__top strong{position:absolute;top:50%;right:-20px;transform:translateY(-50%);font-size:20rem;line-height:1;opacity:.25;z-index:-1;pointer-events:none;text-shadow:0 0 30px rgba(242,193,79,.4)}.contact .panel__top strong{position:absolute;bottom:-190px;right:-260px;transform:rotate(90deg);font-size:3rem;line-height:1;opacity:.25;z-index:-1;pointer-events:none;text-shadow:0 0 30px rgba(242,193,99,1)}:root.light .panel__top strong{color:var(--accent)}.panel__body{color:var(--muted);margin:0 0 12px;transition:color .3s ease}:root.light .panel__body{color:var(--muted)}.panel__tags{display:flex;flex-wrap:wrap;gap:8px}.panel__tags span{padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--text);background:#ffffff08;transition:background .3s ease,border-color .3s ease}:root.light .panel__tags span{border-color:#0000001a;color:var(--text);background:#0000000a}.orb{position:absolute;inset:20% auto auto 50%;width:180px;height:180px;background:radial-gradient(circle at 30% 30%,#f2c14fcc,#2ed4a633);filter:blur(22px);opacity:.85;pointer-events:none}.section{padding:60px 24px}.section__header h2{margin:6px 0 18px;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.03em}.grid{display:grid;gap:18px}.projects{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;margin-top:32px}.project-card{position:relative;height:380px;display:flex;justify-content:center;align-items:center;margin:0;transition:.5s;overflow:visible;border-radius:var(--radius)}.project-card:before{content:"";position:absolute;top:0;left:50%;width:100%;height:100%;background:var(--gradient);border-radius:var(--radius);transform:skew(15deg) translate(-50%);transition:all .6s cubic-bezier(.34,1.56,.64,1);z-index:1;opacity:.5}.project-card:after{content:"";position:absolute;top:0;left:50%;width:100%;height:100%;background:var(--gradient);border-radius:var(--radius);transform:skew(15deg) translate(-50%);transition:all .6s cubic-bezier(.34,1.56,.64,1);filter:blur(30px);z-index:1;opacity:.3}.project-card:hover:before,.project-card:hover:after{transform:skew(0) translate(0) scale(.35);width:100%;height:100%;inset:auto 20px 20px auto}@media(hover:hover){.project-card:hover:before,.project-card:hover:after{transform:skew(0) translate(0) scale(.35);width:100%;height:100%;inset:auto 20px 20px auto}}.project-card__bg{display:block;position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:var(--radius)}.project-card__bg:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-radius:8px;background:#ffffff26;backdrop-filter:blur(10px);opacity:0;transition:.3s;animation:shimmer 2s ease-in-out infinite;box-shadow:0 5px 15px #0000001a}.project-card:hover .project-card__bg:before{top:-50px;left:50px;width:100px;height:100px;opacity:1}.project-card__bg:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;border-radius:var(--radius);background:#ffffff1a;backdrop-filter:blur(10px);opacity:0;transition:.5s;animation:shimmer 2s ease-in-out infinite;box-shadow:0 5px 15px #0000001a;animation-delay:-1s}.project-card:hover .project-card__bg:after{bottom:-50px;right:50px;width:100px;height:100px;opacity:1}@keyframes shimmer{0%,to{transform:translateY(10px)}50%{transform:translateY(-10px)}}.project-card__image{position:absolute;left:0;top:0;width:100%;height:100%;z-index:13;overflow:hidden;border-radius:var(--radius);transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;opacity:1;pointer-events:auto}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.project-card:hover .project-card__image{width:120px;height:120px;inset:auto 20px 20px auto;border-radius:8px;z-index:13;opacity:1;pointer-events:auto}.project-card__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:32px 36px;background:#151a24d9;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;border-radius:var(--radius);z-index:12;transition:all .6s cubic-bezier(.34,1.56,.64,1);color:var(--text);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.project-card:hover .project-card__content{padding:40px 36px}.project-card__header{margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.project-card__header h3{font-size:1.3rem;font-weight:700;color:var(--text);margin:0;letter-spacing:-.02em}.project-card__body{font-size:.9rem;color:var(--muted);margin:0 0 12px;line-height:1.5}.project-card__bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.project-card__bullets li{font-size:.85rem;color:var(--muted);padding-left:14px;position:relative;line-height:1.4}.project-card__bullets li:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:700}.project-card__link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;background:var(--accent);color:var(--panel-strong);text-decoration:none;border-radius:8px;font-size:1.2rem;transition:all .3s ease;cursor:pointer;align-self:flex-end;margin-top:auto;flex-shrink:0;border:none;outline:none}.project-card__link:hover,.project-card__link:focus{background:var(--accent-2);transform:scale(1.1);outline:none}.project-card__link:active{transform:scale(.95)}@keyframes swing{0%,to{transform:rotate(-25deg)}50%{transform:rotate(-20deg)}}.project-card__string{position:absolute;top:-30px;right:12px;width:2px;height:40px;background:var(--muted);opacity:.8;transform-origin:top center;z-index:14}.project-card__tag,.project-card__string{display:none}.project-card__tag-outer{position:absolute;top:-15px;right:-15px;width:40px;height:40px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;box-shadow:0 6px 16px #0000004d;z-index:15;color:var(--panel-strong);border:3px solid var(--panel);animation:swing 2.5s ease-in-out infinite;transform-origin:top center;transition:all .3s ease}.project-card__tag-outer:hover{background:var(--accent-2);animation:none;transform:scale(1.2);box-shadow:0 8px 20px #0006}:root.light .project-card__content{background:#fffc;border-color:#00000014}.projects-accordion{display:flex;flex-direction:column;gap:16px}.project-accordion{display:flex;height:200px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;cursor:pointer;transition:border-color .3s ease,transform .3s ease;position:relative}.project-accordion:hover{border-color:var(--accent);transform:translateY(-4px)}.project-accordion__image{flex:1;min-width:0;height:100%;background:linear-gradient(135deg,#151a2499,#0d111866);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.project-accordion__image img{width:100%;height:100%;object-fit:cover}.project-accordion__content{flex:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:var(--panel);padding:0;opacity:0}.project-accordion__content .card__header{margin-bottom:12px;flex-wrap:nowrap}.project-accordion__content .label{font-size:.95rem;white-space:nowrap}.project-accordion__content .tag{font-size:.8rem;white-space:nowrap}.project-accordion__content .card__body{margin-bottom:10px;font-size:.85rem;line-height:1.4}.project-accordion__content ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.project-accordion__content ul li{color:var(--muted);font-size:.8rem;padding-left:14px;position:relative;line-height:1.3}.project-accordion__content ul li:before{content:"•";position:absolute;left:0;color:var(--accent)}.skills{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:transform .3s ease,border-color .3s ease;overflow:hidden}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.card__image{width:100%;height:280px;margin:-18px -18px 16px;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(135deg,#151a2499,#0d111866);display:flex;align-items:center;justify-content:center;position:relative}.card__image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);z-index:1;pointer-events:none}.card__image img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .3s ease;position:relative;z-index:0;padding:12px}.card:hover .card__image img{transform:scale(1.05)}.card__header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:10px;flex-wrap:wrap}.card__body{color:var(--muted);margin:0 0 12px}.card ul,.timeline ul{color:var(--muted);padding-left:18px;margin:0;display:grid;gap:6px}.tag{color:var(--accent);font-weight:600;letter-spacing:.02em}.controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;position:relative;z-index:20}.chip{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:var(--text);font-weight:600;cursor:pointer;transition:transform .15s ease,border-color .2s ease,color .2s ease;text-shadow:0 0 8px rgba(46,212,166,.25)}.chip:hover{transform:translateY(-1px);border-color:var(--accent)}.chip.active{color:#0b0f14;background:linear-gradient(120deg,var(--accent),var(--accent-2));border:none}.timeline{display:grid;gap:16px}.timeline__item{display:grid;grid-template-columns:.35fr .65fr;gap:16px;padding:18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-strong);transition:transform .2s ease,border-color .2s ease}.timeline__item:hover{transform:translateY(-4px);border-color:var(--accent)}.timeline__meta p{margin:0 0 6px;color:var(--muted)}.timeline__item h3{margin:0 0 10px}.contact{display:grid;grid-template-columns:.65fr .35fr;gap:18px;align-items:start}.contact__actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.contact__links{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted)}.contact__links a{color:var(--text);text-decoration:none}.footer{padding:32px 0 48px;color:var(--muted);text-align:center}@media(max-width:900px){.nav{gap:12px;padding:12px 14px}.brand{font-size:.95rem}nav{gap:8px}.nav a{font-size:.8rem;padding:4px 8px}.switch{transform:scale(.9)}.hero{grid-template-columns:1fr;gap:24px}.hero h1{font-size:2.5rem;line-height:1.1}.hero p{font-size:1rem}.hero__copy{padding:0}.contact,.timeline__item{grid-template-columns:1fr}.controls{justify-content:center;flex-wrap:wrap}.section__header h2{font-size:2rem}.projects-grid{grid-template-columns:1fr}.project-card{height:320px}.project-card:before,.project-card:after{filter:blur(15px);opacity:.4}.project-card:hover:before,.project-card:hover:after{transform:skew(0) translate(0) scale(.35);width:100%;height:100%;inset:auto 20px 20px auto}.project-card__tag-outer{top:-12px;right:-12px}.project-card__content{padding:28px 32px}.project-card__header h3{font-size:1.1rem}.project-card__body{font-size:.85rem}.project-card__bullets li{font-size:.8rem}.contact .panel__top strong{position:static;transform:none;font-size:inherit;opacity:1;z-index:auto;text-shadow:none}}@media(max-width:640px){.shell{width:100%;padding:24px 12px;max-width:100%}.nav{position:relative;top:0;border-radius:20px;padding:12px;gap:8px;flex-wrap:wrap;justify-content:space-between;align-items:center}.brand{font-size:1.2rem;font-weight:700;order:1}.switch{order:2;transform:scale(.9)}nav{gap:8px;margin-top:0;order:3;flex-basis:100%;justify-content:center;flex-wrap:wrap}.nav a{font-size:.85rem;padding:6px 10px}.nav a{font-size:.85rem;padding:4px 8px}.switch{transform:scale(.85)}.hero h1{font-size:2rem;line-height:1.15}.hero p{font-size:.95rem}.eyebrow{font-size:.8rem}.section__header h2{font-size:1.6rem}.project-card:hover{animation:jelly .6s ease-in-out}.project-card:active:before,.project-card:active:after{transform:skew(0) translate(0) scale(.35);width:100%;height:100%;inset:auto 20px 20px auto}.project-card__tag-outer{animation:swing 2.5s ease-in-out infinite;top:-20px;right:-20px}.project-card__tag-outer:hover,.project-card__tag-outer:active{background:var(--accent-2);animation:none;transform:scale(1.2)}.card__header{flex-direction:column;align-items:flex-start;gap:8px}.card,.timeline__item{padding:14px}.btn{font-size:.9rem;padding:10px 18px}.panel{padding:14px}.panel__top strong{font-size:10rem;opacity:.25;z-index:-1;text-shadow:0 0 30px rgba(242,193,79,.4)}.contact .panel__top strong{position:static;transform:none;font-size:inherit;opacity:1;z-index:auto;text-shadow:none}.contact__actions{flex-direction:column}}@media(max-width:400px){.nav{padding:10px;gap:8px}.brand{font-size:1.1rem;font-weight:700;order:1}.switch{order:2;transform:scale(.8)}nav{gap:6px;justify-content:center;order:3;flex-basis:100%}.nav a{font-size:.8rem;padding:5px 8px}.switch{transform:scale(.75)}.hero h1{font-size:1.75rem}.section__header h2{font-size:1.4rem}.card h3,.timeline__item h3{font-size:1rem}.contact .panel__top strong{position:static;transform:none;font-size:inherit;opacity:1;z-index:auto;text-shadow:none}}