:root{--bg-color:#fffaec;--text-color:#111;--border-color:#111;--accent-pink:#fec0c1;--accent-blue:#a3def0;--accent-green:#bcebc5;--accent-orange:#fdccaa;--accent-purple:#d1c0ff;--accent-yellow:#fde88f;--border-width:3px;--border-radius:12px;--shadow-sm:6px 6px 0px var(--border-color);--shadow-md:10px 10px 0px var(--border-color);--shadow-hover:2px 2px 0px var(--border-color);--shadow-pressed:0px 0px 0px transparent}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-width:0}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(#d3d1bf 1px,#0000 1px);background-size:20px 20px;margin:0;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-family:Fraunces,serif;font-weight:900}a{color:inherit;text-decoration:none}img,svg,canvas,video{max-width:100%}section,.container,.brut-box,.brut-btn{min-width:0}.skip-to-content{z-index:9999;background:var(--text-color);color:var(--bg-color);border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:1rem}.skip-to-content:focus{top:1rem}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #1a1a1a}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}.brut-box{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);background-color:#fff;transition:all .2s ease-in-out}.brut-btn{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);cursor:pointer;color:var(--text-color);background-color:#fff;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .15s;display:inline-flex}.brut-btn:hover{box-shadow:var(--shadow-hover);transform:translate(1px,1px)}.brut-btn:active{box-shadow:var(--shadow-pressed);transform:translate(3px,3px)}.container{max-width:1240px;margin:0 auto;padding:0 2rem}.section{padding:4rem 0;scroll-margin-top:6rem}.section-title{text-align:center;background-color:var(--accent-purple);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:50px;margin-bottom:3rem;padding:.5rem 1.5rem;font-size:3rem;display:inline-block;transform:rotate(-2deg)}.section-header-wrap{text-align:center}@media (width<=768px){:root{--border-width:2px;--border-radius:10px;--shadow-sm:4px 4px 0px var(--border-color);--shadow-md:6px 6px 0px var(--border-color)}.section{padding:2.5rem 0;scroll-margin-top:5rem}.section-title{padding:.4rem 1rem;font-size:1.8rem}.container{padding:0 1rem}}@media (width<=480px){:root{--shadow-sm:3px 3px 0px var(--border-color);--shadow-md:5px 5px 0px var(--border-color)}.section{padding:1.5rem 0;scroll-margin-top:4.5rem}.section-title{overflow-wrap:anywhere;max-width:100%;margin-bottom:1.5rem;padding:.3rem .8rem;font-size:1.5rem}.bento-pill{padding:.2rem .7rem;font-size:.75rem;line-height:1.35}.brut-box-small{padding:.3rem .7rem;font-size:.8rem}.brut-btn{padding:.65rem .85rem;font-size:.9rem;line-height:1.2}.container{padding:0 .8rem}}@media (width<=360px){.container{padding:0 .65rem}.section{padding:1.25rem 0}.section-title{padding:.28rem .65rem;font-size:1.3rem}.bento-pill{padding:.18rem .55rem;font-size:.7rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}noscript~#root .reveal{opacity:1;transform:none}.bento-pill{border:2px solid var(--border-color);box-shadow:2px 2px 0px var(--border-color);background-color:#fff;border-radius:30px;padding:.3rem .9rem;font-size:.85rem;font-weight:700;display:inline-block}.brut-box-small{border:2px solid var(--border-color);box-shadow:2px 2px 0px var(--border-color);background-color:#fff;border-radius:4px;padding:.4rem .8rem;font-size:.9rem;font-weight:700;display:inline-block}.navbar{z-index:1000;box-sizing:border-box;width:100%;padding:.85rem 1rem 0;transition:transform .3s,opacity .3s;position:fixed;top:0;left:0}.navbar-hidden{opacity:0;pointer-events:none;transform:translateY(-120%)}.navbar.scrolled .nav-content{box-shadow:12px 12px 0px var(--border-color)}.nav-content{background-color:var(--accent-yellow);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);width:100%;box-shadow:var(--shadow-md);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.nav-logo{color:var(--text-color);white-space:nowrap;font-family:Fraunces,serif;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:900}.nav-logo span{color:#ff6b6b}.nav-links{align-items:center;gap:1rem;display:flex}.nav-link{box-shadow:2px 2px 0px var(--border-color);white-space:nowrap;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:70px;min-height:40px;padding:.5rem 1rem;font-size:clamp(.9rem,1.5vw,1rem);font-weight:600;display:inline-flex}.nav-link:hover,.nav-link.active{box-shadow:1px 1px 0px var(--border-color);background-color:var(--accent-pink);transform:translate(1px,1px)}.nav-cta.active{background-color:var(--accent-pink);box-shadow:1px 1px 0px var(--border-color);transform:translate(1px,1px)}.nav-cta{background-color:var(--accent-blue);box-shadow:2px 2px 0px var(--border-color)}.mobile-menu-btn{cursor:pointer;background-color:#fff;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem;display:none}@media (width<=768px){.navbar{padding:.75rem .85rem 0}.navbar.scrolled .nav-content{box-shadow:6px 6px 0px var(--border-color)}.nav-links{background-color:var(--accent-yellow);border:var(--border-width) solid var(--border-color);width:auto;max-height:calc(100dvh - 5.75rem);box-shadow:6px 6px 0px var(--border-color);border-radius:var(--border-radius);z-index:999;flex-direction:column;gap:.75rem;margin-top:0;padding:1rem;display:none;position:absolute;top:calc(100% + .55rem);left:.85rem;right:.85rem;overflow-y:auto}.nav-links.mobile-active,.mobile-menu-btn{display:flex}.nav-content{gap:.6rem;padding:.65rem .8rem}.nav-link,.nav-cta{width:100%}.nav-link{justify-content:flex-start;min-width:0}}@media (width<=480px){.navbar{padding:.55rem .6rem 0}.nav-content{box-shadow:5px 5px 0px var(--border-color);border-radius:10px;padding:.5rem .6rem}.nav-links{gap:.6rem;max-height:calc(100dvh - 4.75rem);padding:.8rem;top:calc(100% + .45rem);left:.6rem;right:.6rem}.nav-logo{font-size:1rem}.mobile-menu-btn{min-width:40px;min-height:40px;box-shadow:4px 4px 0px var(--border-color);padding:.4rem}.nav-link,.nav-cta{min-height:38px;padding:.45rem .7rem;font-size:.9rem}}@media (width<=360px){.navbar{padding:.45rem .5rem 0}.nav-content{padding:.45rem .5rem}.nav-links{padding:.65rem;left:.5rem;right:.5rem}.nav-link,.nav-cta{font-size:.82rem}}.hero-section{padding:10.5rem 0 4.5rem;position:relative}.hero-grid{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:2rem;min-width:0;display:grid}.hero-title{margin-bottom:2.5rem;font-size:clamp(2.5rem,4vw,4rem);line-height:1.1}.highlight-text{background-color:var(--accent-pink);border:var(--border-width) solid var(--border-color);box-shadow:4px 4px 0px var(--border-color);padding:0 .5rem;display:inline-block;transform:rotate(-1deg)}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:1rem;display:flex}.btn-primary{background-color:var(--accent-yellow);padding:1rem 2rem;font-size:1.125rem}.hero-avatar{background-color:var(--accent-yellow);border-radius:20px;width:100%;max-width:380px;transition:all .3s;transform:rotate(2deg)}.hero-avatar:hover{transform:rotate(0)scale(1.02)}.profile-card{border:var(--border-width) solid var(--border-color);border-radius:calc(var(--border-radius) + 6px);box-shadow:var(--shadow-md);background-color:#fff;flex-direction:column;justify-self:center;align-items:center;gap:.55rem;max-width:360px;padding:1rem 1.2rem 1.15rem;display:flex;position:relative}.profile-sticker{background:#c0c7d18c;border:2px solid #5058624d;width:76px;height:22px;position:absolute;top:18px;transform:rotate(-5deg)}.profile-avatar-wrap{justify-content:center;align-items:center;width:128px;height:128px;margin-top:.35rem;display:flex}.profile-card .hero-avatar{object-fit:cover;border:var(--border-width) solid var(--border-color);width:100%;height:100%;box-shadow:4px 4px 0 var(--border-color);border-radius:50%;transform:none}.profile-name{letter-spacing:.04em;margin-top:.15rem;font-size:clamp(1.7rem,2.6vw,2.35rem);line-height:1}.profile-subtitle{color:#fff;text-align:center;overflow-wrap:anywhere;background:#111;border:2px solid #111;border-radius:8px;max-width:100%;padding:.15rem .55rem;font-size:.86rem;font-weight:800}.profile-divider{border:0;border-top:2px solid #2a2a2a;width:100%;margin:.55rem 0 .2rem}.profile-meta{color:#111;text-align:left;flex-direction:column;gap:.46rem;width:100%;margin-top:.35rem;font-size:.86rem;font-weight:700;display:flex}.profile-meta>div{overflow-wrap:anywhere;min-width:0}.meta-key{border:2px solid #222;margin-right:.5rem;padding:.03rem .35rem;display:inline-block;box-shadow:2px 2px #222}.key-location{background:var(--accent-yellow)}.key-status{background:var(--accent-green)}.key-mission{background:var(--accent-blue)}.profile-actions{flex-direction:column;gap:.65rem;width:100%;margin-top:.65rem;display:flex}.profile-actions .brut-btn{width:100%;padding:.75rem .85rem;font-size:.92rem;font-weight:900}.btn-download{background-color:#4fd27f}.btn-contact{background-color:#f16d6f}.profile-socials{gap:.95rem;margin-top:.65rem;font-size:1.35rem;display:flex}.profile-socials a{display:inline-flex}.hero-right{flex-direction:column;gap:1.5rem;display:flex}.hero-cta-card{background-color:var(--accent-yellow);border:var(--border-width) solid var(--border-color);border-radius:calc(var(--border-radius) + 6px);box-shadow:var(--shadow-md);padding:1.85rem 2rem}.hero-lead{color:#111;margin-top:.7rem;font-size:1.125rem;line-height:1.5}.hero-lead-secondary{margin-top:.9rem;font-size:1.125rem}.hero-highlight{background:#fff;border:2px solid #888;padding:0 .2rem;font-weight:900}.hero-cta-actions{gap:1rem;margin-top:1rem;display:flex}.hero-cta-actions .btn-primary{background:#fff;font-size:1.35rem}@media (width<=900px){.hero-section{padding:8rem 0 4.5rem}.hero-grid{text-align:center;grid-template-columns:1fr;gap:1.8rem}.hero-actions{justify-content:center}.hero-avatar{max-width:240px}.hero-title{margin-bottom:1.1rem;font-size:clamp(2.2rem,8vw,3.3rem)}.hero-lead,.hero-lead-secondary{font-size:1.05rem}.hero-cta-actions .btn-primary{width:100%;font-size:1rem}}@media (width<=480px){.hero-section{padding:5.25rem 0 2.5rem}.profile-card{box-shadow:5px 5px 0px var(--border-color);border-radius:12px;padding:1rem 1rem .85rem}.profile-name{text-align:center;font-size:1.55rem;line-height:1.05}.profile-avatar-wrap{width:110px;height:110px}.profile-subtitle,.profile-meta{font-size:.82rem}.meta-key{margin-right:.35rem}.profile-actions .brut-btn{padding:.7rem .8rem;font-size:.9rem}.hero-cta-card{box-shadow:5px 5px 0px var(--border-color);border-radius:12px;padding:1.25rem}.hero-title{margin-bottom:.8rem;font-size:1.65rem}.hero-lead,.hero-lead-secondary{font-size:.95rem}.hero-cta-actions .btn-primary{min-height:44px;padding:.75rem 1rem;font-size:.9rem}}@media (width<=360px){.hero-section{padding-top:4.85rem}.profile-card,.hero-cta-card{padding:.85rem}.profile-name{font-size:1.35rem}.profile-avatar-wrap{width:96px;height:96px}.profile-actions .brut-btn,.hero-cta-actions .btn-primary{font-size:.8rem}.hero-title{font-size:1.45rem}}.terminal-mock{width:100%;box-shadow:6px 6px 0 var(--border-color);background:#0b0b0b;border-radius:12px;overflow:hidden}.terminal-header{background:#ddd;align-items:center;gap:.45rem;padding:.45rem .75rem;display:flex}.terminal-header .dot{border-radius:50%;width:10px;height:10px;display:inline-block}.terminal-header .dot-red{background:#ff5f56}.terminal-header .dot-yellow{background:#ffbd2e}.terminal-header .dot-green{background:#27c93f}.terminal-body{color:#9be6a4;min-height:245px;max-height:320px;padding:.75rem .95rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:.95rem;overflow:auto}.terminal-line{color:#cfeee0;margin:.2rem 0}.terminal-line.prompt-line{color:#fff;font-weight:700}.terminal-input-form{align-items:center;gap:.6rem;margin-top:.4rem;display:flex}.prompt{color:#6be26b;font-family:ui-monospace,monospace}.terminal-input{color:#9be6a4;background:0 0;border:none;outline:none;flex:1;font-family:ui-monospace,monospace;font-size:.95rem}.terminal-line,.terminal-input{overflow-wrap:anywhere;min-width:0}@media (width<=900px){.terminal-body{min-height:200px;max-height:240px}}@media (width<=480px){.terminal-mock{box-shadow:4px 4px 0 var(--border-color);border-radius:10px}.terminal-header{padding:.35rem .6rem}.terminal-header .dot{width:8px;height:8px}.terminal-body{min-height:170px;max-height:220px;padding:.6rem .7rem;font-size:.85rem}.terminal-line{margin:.15rem 0}.terminal-input-form{gap:.4rem;margin-top:.3rem}.prompt,.terminal-input{font-size:.85rem}}@media (width<=360px){.terminal-body{padding:.55rem;font-size:.76rem}.terminal-input-form{flex-wrap:wrap}.terminal-input{flex-basis:100%;font-size:.76rem}}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.projects-panel{background-color:var(--accent-yellow);border-radius:calc(var(--border-radius) + 8px);border:var(--border-width) solid var(--border-color);box-shadow:12px 12px 0px var(--border-color);padding:1.45rem 1.5rem 1.35rem}.projects-header{text-align:left;margin-bottom:2rem}.projects-title{background-color:var(--accent-blue);transform:rotate(-2deg)}.projects-subtitle{color:#555;margin-top:1rem;margin-left:.5rem;font-size:1.2rem}.bento-wide{grid-column:span 4}.bento-narrow{grid-column:span 2}.bento-half{grid-column:span 3}.bento-feature,.bento-third{grid-column:span 1}@media (width<=900px){.projects-grid{grid-template-columns:1fr}.bento-wide,.bento-narrow,.bento-half,.bento-feature{grid-column:span 1}}@media (width<=768px){.projects-panel{box-shadow:7px 7px 0px var(--border-color);border-radius:16px}.projects-header{margin-bottom:1.25rem}.projects-subtitle{margin-left:0;font-size:1rem}}@media (width<=480px){.projects-panel{box-shadow:5px 5px 0px var(--border-color);border-radius:12px;padding:.85rem}.projects-grid{gap:.85rem}.projects-header{margin-bottom:1rem}.projects-title{margin-bottom:0}.projects-subtitle{margin-top:.65rem;font-size:.9rem;line-height:1.4}.project-title{font-size:1.2rem}.project-desc{font-size:.9rem;line-height:1.5}.project-details{border-radius:8px;margin:0 0 .85rem;padding:.65rem .75rem .65rem 1.55rem}.project-details li{margin-bottom:.3rem;font-size:.85rem}}.project-card{background-color:#fff;flex-direction:column;padding:2.5rem;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:visible}.project-card:hover{box-shadow:8px 8px 0px var(--border-color);transform:translate(-4px,-4px)}.project-link-badge{color:#fff;border:2px solid var(--border-color);cursor:pointer;width:60px;height:60px;box-shadow:4px 4px 0px var(--border-color);z-index:10;background-color:red;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex;position:absolute;top:-8px;right:-8px}.project-link-badge:hover{box-shadow:6px 6px 0px var(--border-color);background-color:#c00;transform:scale(1.1)}.project-link-badge .live-text{display:none}@media (width<=768px){.project-link-badge{width:50px;height:50px;box-shadow:3px 3px 0px var(--border-color);top:-5px;right:-5px}.project-link-badge:hover{box-shadow:4px 4px 0px var(--border-color)}}@keyframes flashing{0%,to{opacity:1}50%{opacity:.3}}.project-link-badge{animation:1.5s ease-in-out infinite flashing}.project-content{flex-direction:column;flex:1;display:flex;position:relative}.project-title{margin-bottom:1rem;font-size:1.5rem}.project-desc{color:#333;margin-bottom:1rem;font-size:1rem;line-height:1.6}.project-details{border:2px solid var(--border-color);background:#f6f6f6;border-radius:10px;margin:0 0 1.15rem 1.1rem;padding:.8rem .9rem}.project-details li{margin-bottom:.45rem;line-height:1.45}.project-details li:last-child{margin-bottom:0}.project-tech{flex-wrap:wrap;gap:.75rem;margin-top:auto;margin-bottom:1rem;display:flex}.project-links-container{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.project-card:hover .project-links-container{grid-template-rows:1fr}.project-links{opacity:0;gap:1rem;transition:opacity .3s,padding .3s;display:flex;overflow:hidden}.project-card:hover .project-links{opacity:1;padding-top:1.5rem}@media (width<=768px){.project-links-container{grid-template-rows:1fr}.project-links{opacity:1;padding-top:1.5rem}}.btn-small{padding:.5rem 1rem;font-size:.9rem}@media (width<=768px){.project-card{padding:1.6rem}.project-card:hover{box-shadow:var(--shadow-md);transform:none}}@media (width<=480px){.project-card{box-shadow:4px 4px 0px var(--border-color);border-radius:10px;padding:1rem}.project-tech{gap:.5rem}.project-links{flex-direction:column;gap:.65rem}.project-links .brut-btn{width:100%}}@media (width<=360px){.projects-panel,.project-card{padding:.75rem}.project-title{font-size:1.08rem}.project-desc,.project-details li{font-size:.82rem}}.edu-grid{grid-template-columns:.95fr 1.35fr;align-items:start;gap:1rem;display:grid}.education-panel{background-color:var(--accent-blue);border-radius:calc(var(--border-radius) + 8px);border:var(--border-width) solid var(--border-color);box-shadow:12px 12px 0px var(--border-color);padding:1.35rem 1.5rem 1.15rem}.edu-header{text-align:center;grid-column:1/-1;margin-bottom:1rem}.edu-title{background-color:var(--accent-purple);transform:rotate(-2deg)}.edu-left{flex-direction:column;gap:.85rem;display:flex}.edu-card{padding:.9rem 1rem .85rem}.edu-badge{color:#fff;box-shadow:4px 4px 0 var(--border-color);background:#111;border-radius:6px;padding:.25rem .6rem;font-weight:800;display:inline-block;transform:rotate(-4deg)}.edu-card h3{margin:.5rem 0 .25rem}.edu-card small{color:#333;margin-bottom:.5rem;display:block}.edu-card ul{margin:.25rem 0 0 1.1rem}.edu-meta{background:#fff;border-radius:8px;margin-top:.5rem;padding:.55rem .8rem;display:inline-block}.edu-right{flex-direction:column;gap:.65rem;min-height:400px;padding:.85rem 1rem;display:flex}.canvas-header{gap:.5rem;display:flex}.tool-btn{border:2px solid var(--border-color);cursor:pointer;background:#fffffff2;border-radius:8px;padding:.45rem .6rem;font-weight:800}.tool-btn.active{box-shadow:4px 4px 0 var(--border-color);transform:translate(2px,2px)}.draw-wrapper{background:#272727;border-radius:12px;height:380px;position:relative;overflow:hidden}.draw-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.draw-area-placeholder{color:#777;pointer-events:none;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;inset:0}.edu-footer{align-self:center;margin-top:.5rem}@media (width<=900px){.edu-grid{grid-template-columns:1fr}.draw-wrapper{height:360px}}@media (width<=768px){.education-panel{box-shadow:7px 7px 0px var(--border-color);border-radius:16px}.edu-right{min-height:0}}@media (width<=480px){.education-panel{box-shadow:5px 5px 0px var(--border-color);border-radius:12px;padding:.85rem}.edu-left{gap:.7rem}.edu-card{overflow-wrap:anywhere;border-radius:8px;padding:.7rem .8rem}.edu-header{margin-bottom:.75rem}.edu-card h3{font-size:1rem}.edu-card small{font-size:.8rem}.edu-badge{padding:.2rem .5rem;font-size:.75rem}.canvas-header{flex-wrap:wrap;gap:.3rem}.tool-btn{flex:calc(50% - .3rem);min-height:36px;padding:.3rem .4rem;font-size:.78rem}.draw-wrapper{height:300px}.edu-right{box-shadow:4px 4px 0px var(--border-color);border-radius:10px;padding:.6rem}.edu-footer{text-align:center;font-size:.85rem}}@media (width<=360px){.education-panel{padding:.75rem}.edu-card{padding:.65rem}.edu-meta{padding:.45rem .55rem;font-size:.75rem}.tool-btn{flex-basis:100%}.draw-wrapper{height:260px}}.skills-grid{grid-template-columns:1.2fr 1fr;gap:3rem;display:grid}.skills-cards-grid{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.skill-card{flex-direction:column;gap:.75rem;min-height:110px;padding:1.25rem 1.5rem;display:flex}.skill-label{border:var(--border-width) solid var(--border-color);box-shadow:4px 4px 0px var(--border-color);border-radius:22px;align-self:flex-start;padding:.4rem .9rem;font-weight:900;display:inline-block}.skills-panel{background-color:var(--accent-blue);border-radius:calc(var(--border-radius) + 8px);border:var(--border-width) solid var(--border-color);box-shadow:12px 12px 0px var(--border-color);grid-column:1/-1;padding:1.45rem 1.5rem 1.35rem}.skills-header{text-align:center;grid-column:1/-1;margin-bottom:1.5rem}.skills-title{background-color:var(--accent-yellow);margin-bottom:0;font-size:2.5rem;transform:rotate(-1deg)}.skill-card .arsenal-tags{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.arsenal-tags{flex-wrap:wrap;gap:.75rem;display:flex}@media (width<=900px){.skills-grid,.skills-cards-grid{grid-template-columns:1fr}.skill-card{flex-direction:column;align-items:flex-start}}@media (width<=768px){.skills-grid{gap:1.5rem}.skills-panel{box-shadow:7px 7px 0px var(--border-color);border-radius:16px}.skills-title{font-size:1.8rem}}@media (width<=480px){.skills-panel{box-shadow:5px 5px 0px var(--border-color);border-radius:12px;padding:.85rem}.skills-cards-grid{gap:.8rem}.skills-header{margin-bottom:1rem}.skills-title{font-size:1.5rem}.skill-card{min-height:90px;box-shadow:4px 4px 0px var(--border-color);border-radius:10px;padding:.85rem 1rem}.skill-label{box-shadow:3px 3px 0px var(--border-color);padding:.3rem .7rem;font-size:.85rem}.arsenal-tags{gap:.5rem}}@media (width<=360px){.skills-panel,.skill-card{padding:.75rem}.skill-card{min-height:0}.skill-label{font-size:.78rem}}.center-wrap{flex-direction:column;align-items:center;display:flex}.contact-title-wrap{justify-content:flex-start;width:100%;margin-bottom:2rem;display:flex}.contact-title{background-color:var(--accent-pink)}.contact-card{background-color:var(--accent-yellow);text-align:left;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;width:100%;max-width:1100px;margin-top:2rem;padding:3rem;display:grid}.contact-heading{margin-bottom:1rem;font-size:2rem}.contact-text{color:#333;margin-bottom:0;font-size:1.15rem}.contact-actions{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.btn-large{background-color:var(--accent-blue);overflow-wrap:anywhere;min-width:0;max-width:100%;margin-bottom:0;padding:1.25rem 2.5rem;font-size:1.25rem}.social-links{flex-wrap:wrap;justify-content:flex-start;gap:1.5rem;display:flex}.social-icon{width:60px;height:60px;color:var(--text-color);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.social-icon:hover{box-shadow:2px 2px 0px var(--border-color);background-color:var(--accent-pink);transform:translate(2px,2px)}@media (width<=768px){.contact-card{box-shadow:7px 7px 0px var(--border-color);grid-template-columns:1fr;gap:1.5rem;padding:2rem 1rem}.btn-large{padding:1rem;font-size:1rem}.contact-actions{width:100%}}@media (width<=480px){.contact-title-wrap{margin-bottom:1rem}.contact-card{box-shadow:5px 5px 0px var(--border-color);border-radius:12px;margin-top:1rem;padding:1rem}.contact-heading{font-size:1.3rem;line-height:1.2}.contact-text{font-size:.95rem}.btn-large{width:100%;padding:.9rem;font-size:.9rem}.social-icon{width:50px;height:50px;box-shadow:4px 4px 0px var(--border-color)}.social-links{gap:.75rem}}@media (width<=360px){.contact-card{padding:.8rem}.btn-large{gap:.35rem;font-size:.8rem}.social-icon{width:44px;height:44px}}.beyond-panel{border-radius:calc(var(--border-radius) + 8px);border:var(--border-width) solid var(--border-color);box-shadow:12px 12px 0px var(--border-color);background:linear-gradient(135deg,#ff7878 0%,#ff6f6f 55%,#ff9f59 100%);padding:1.4rem 1.5rem 1.25rem}.beyond-header-wrap{justify-content:flex-start;margin-bottom:1.5rem;display:flex}.beyond-title{background-color:var(--accent-green);transform:rotate(-2deg)}.beyond-grid{grid-template-columns:1.02fr .98fr;align-items:start;gap:1.1rem;display:grid}.beyond-left{flex-direction:column;gap:.95rem;display:flex}.activity-card{background:#fff;padding:1rem 1.05rem .9rem;position:relative}.activity-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.65rem;display:flex}.activity-title-row{align-items:center;gap:.55rem;min-width:0;display:flex}.activity-title-row h3{margin:0;font-size:1.2rem}.activity-icon{font-size:1.4rem}.activity-date{border:2px solid var(--border-color);box-shadow:3px 3px 0px var(--border-color);background:#65aaf8;border-radius:18px;margin-top:.45rem;padding:.25rem .75rem;font-size:.82rem;font-weight:800;display:inline-block}.activity-avatar{border:3px solid var(--border-color);object-fit:cover;width:58px;height:58px;box-shadow:4px 4px 0px var(--border-color);border-radius:50%}.activity-body{border:2px solid var(--border-color);background:#f7f7f7;border-radius:12px;padding:.75rem .85rem;line-height:1.5}.activity-body mark{background:#ffd54d;padding:0 .2rem}.beyond-right{flex-direction:column;gap:1rem;display:flex}.coding-pill{color:#ffd94a;border:var(--border-width) solid #fff;box-shadow:6px 6px 0px var(--border-color);background:#111;border-radius:999px;align-self:flex-start;padding:.55rem 1.4rem;font-family:Fraunces,serif;font-size:1.3rem;font-weight:900}.coding-card{background:#ffd64f;flex-direction:column;gap:.85rem;min-height:365px;padding:1.1rem;display:flex}.coding-item{align-items:flex-start;gap:.8rem;min-width:0;display:flex}.coding-item svg{flex:none;margin-top:.2rem}.coding-item h4{margin:0;font-size:1rem}.coding-item p{margin:.2rem 0 0;font-size:.92rem}.coding-item mark{color:#e35d6a;background:#ffffff59;padding:0 .18rem}@media (width<=900px){.beyond-grid{grid-template-columns:1fr}.coding-card{min-height:auto}}@media (width<=768px){.beyond-panel{box-shadow:7px 7px 0px var(--border-color);border-radius:16px}}@media (width<=480px){.beyond-panel{box-shadow:5px 5px 0px var(--border-color);border-radius:12px;padding:.85rem}.beyond-header-wrap{margin-bottom:.9rem}.beyond-grid,.beyond-left,.beyond-right{gap:.8rem}.activity-card{box-shadow:4px 4px 0px var(--border-color);border-radius:10px;padding:.8rem .8rem .7rem}.activity-top{align-items:center;gap:.65rem}.activity-title-row h3{font-size:1rem;line-height:1.2}.activity-date{padding:.2rem .6rem;font-size:.7rem}.activity-avatar{width:45px;height:45px;box-shadow:3px 3px 0px var(--border-color)}.coding-pill{padding:.4rem 1rem;font-size:1rem}.coding-card{min-height:auto;box-shadow:4px 4px 0px var(--border-color);border-radius:10px;padding:.8rem}.coding-item h4{font-size:.95rem}.coding-item p{font-size:.85rem}}@media (width<=360px){.beyond-panel,.activity-card,.coding-card{padding:.75rem}.activity-avatar{width:38px;height:38px}.activity-date{padding:.18rem .45rem;font-size:.65rem}.coding-item{gap:.55rem}}.marquee-section{padding:0 0 2rem;overflow:hidden}.marquee-bar{background-color:var(--accent-yellow);width:100vw;box-shadow:0 6px 0 var(--border-color), 0 -6px 0 var(--border-color);transform-origin:50%;border-left:0;border-right:0;border-radius:0;margin-left:calc(50% - 50vw);overflow:hidden;transform:rotate(-2deg)}.marquee-track{white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;gap:2.5rem;width:max-content;padding:.9rem 0;font-family:Fraunces,serif;font-size:clamp(1.05rem,2vw,1.5rem);font-weight:900;animation:16s linear infinite marquee-scroll;display:flex}.marquee-track span{flex:none}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}@media (width<=480px){.marquee-section{padding:0 0 1.5rem}.marquee-bar{box-shadow:0 4px 0 var(--border-color), 0 -4px 0 var(--border-color)}.marquee-track{gap:1.5rem;padding:.7rem 0;font-size:clamp(.9rem,2vw,1.2rem);animation:14s linear infinite marquee-scroll}}@media (width<=360px){.marquee-section{padding-bottom:1rem}.marquee-track{gap:1rem;font-size:.82rem}}.site-footer{text-align:center;border-top:var(--border-width) solid var(--border-color);box-shadow:0 -4px 0 var(--border-color);background-color:#fff;flex-direction:column;align-items:center;gap:1.5rem;margin-top:6rem;padding:3rem 2rem;font-weight:700;display:flex}.footer-social{justify-content:center;gap:1.25rem;display:flex}.footer-icon-link{border:var(--border-width) solid var(--border-color);width:44px;height:44px;color:var(--text-color);box-shadow:var(--shadow-hover);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.footer-icon-link:hover{background-color:var(--accent-yellow);box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.footer-copy{color:#444;font-size:.9rem}@media (width<=480px){.site-footer{gap:1rem;margin-top:3rem;padding:2rem 1rem}.footer-social{gap:1rem}.footer-icon-link{width:40px;height:40px}.footer-copy{overflow-wrap:anywhere;font-size:.8rem}}@media (width<=360px){.site-footer{padding:1.5rem .75rem}.footer-icon-link{width:36px;height:36px}}.loading-overlay{z-index:9999;background:#0a0a0a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loading-scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff08,#ffffff08 1px,#0000 1px 2px);animation:.15s infinite scanline-flicker;position:absolute;inset:0}@keyframes scanline-flicker{0%{opacity:.97}50%{opacity:1}to{opacity:.97}}.loading-container{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex;position:relative}.loading-gif{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}