:root{--header-height: 72px;--max-width: 1120px;--bg: #f6f5f2;--bg-2: #efebe5;--surface: #ffffff;--surface-2: #f3f1ec;--text: #0b0f14;--muted: #4a5460;--border: #11161d;--accent: #0057ff;--accent-2: #16a34a;--shadow: 0 24px 60px rgba(8, 12, 16, .12)}[data-theme=dark]{--bg: #0c0f12;--bg-2: #0f1419;--surface: #121821;--surface-2: #0f141c;--text: #e7eef7;--muted: #a0adba;--border: #e7eef7;--accent: #5aa2ff;--accent-2: #4ade80;--shadow: 0 28px 80px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Space Grotesk,IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);line-height:1.6;background:radial-gradient(1200px 600px at 10% -10%,rgba(0,87,255,.12),transparent 55%),radial-gradient(900px 500px at 90% 10%,rgba(22,163,74,.12),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg-2));min-height:100vh;padding-top:var(--header-height);position:relative}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(17,22,29,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(17,22,29,.08) 1px,transparent 1px);background-size:48px 48px;opacity:.25;pointer-events:none;z-index:-1}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font-family:inherit}.container{width:min(100% - 2.5rem,var(--max-width));margin:0 auto}.skip-link{position:absolute;left:.75rem;top:.75rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);transform:translateY(-140%);transition:transform .2s ease;z-index:999}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--border) 20%,transparent);z-index:50}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{font-weight:700;letter-spacing:.02em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:1.25rem;font-size:.95rem}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-.35rem;width:0;height:2px;background:var(--accent);transition:width .2s ease}.nav-links a:hover:after,.nav-links a:focus-visible:after{width:100%}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.4rem .75rem;border-radius:999px;font-size:.85rem;cursor:pointer}main{padding:3.5rem 0 4rem}.section{margin-bottom:4rem}.section-title{font-size:clamp(1.4rem,2vw,1.8rem);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.04em}.hero{display:grid;gap:2rem;align-items:center}.hero h1{font-size:clamp(2.6rem,6vw,4.2rem);margin:0 0 .75rem;line-height:1.05}.hero p{font-size:1.2rem;max-width:45ch;color:var(--muted)}.tagline{text-transform:uppercase;letter-spacing:.12em;font-size:.9rem}.hero-bullets{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.75rem;font-weight:600}.hero-bullets li{display:flex;align-items:center;gap:.6rem}.hero-bullets li:before{content:"";width:12px;height:12px;border-radius:2px;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.button{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.button.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.card{background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 15%,transparent);border-radius:16px;padding:1.25rem;display:grid;gap:.9rem;box-shadow:0 20px 40px #0a0e1214;transition:transform .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.card h3{margin:0;font-size:1.2rem}.card .summary,.summary{color:var(--muted);margin:0}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 30%,transparent);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.impact{font-weight:600;font-size:.95rem}.impact span{color:var(--muted);font-weight:500;margin-right:.35rem}.card-links{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.9rem}.card-links a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}.skills,.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem}.tag-button{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.35rem .7rem;border-radius:999px;cursor:pointer;font-size:.85rem}.tag-button.is-active{background:var(--text);color:var(--bg)}.search{display:flex;align-items:center;border:1px solid color-mix(in srgb,var(--border) 25%,transparent);border-radius:999px;padding:.3rem .75rem;background:var(--surface)}.search input{border:none;background:transparent;outline:none;font-size:.95rem;width:min(240px,70vw)}.filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem}.page-hero{margin-bottom:2rem}.page-hero h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:.5rem}.page-hero p{color:var(--muted);max-width:60ch}.project-meta{display:grid;gap:1.5rem;margin-bottom:2rem}.project-layout{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr)}.project-main{display:grid;gap:2rem}.project-content{background:var(--surface);padding:1.75rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 15%,transparent);box-shadow:0 16px 30px #0a0e1214}.project-content h2{margin-top:2rem}.project-diary{display:grid;gap:1rem}.project-diary h2{margin:0;font-size:clamp(1.35rem,2vw,1.6rem)}.project-diary-list{display:grid;gap:1rem}.project-diary-post{background:var(--surface);border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 15%,transparent);box-shadow:0 16px 30px #0a0e1214;overflow:hidden}.project-diary-header{margin:0}.project-diary-header .summary{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.project-diary-header h3{margin:.15rem 0 .35rem}.project-diary-header p{margin:0}.project-diary-post h2{margin-top:1.6rem}.project-diary-toggle{display:block}.project-diary-summary{list-style:none;cursor:pointer;padding:1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.project-diary-summary::-webkit-details-marker{display:none}.project-diary-indicator{width:1rem;height:1rem;margin-top:.3rem;border-right:2px solid color-mix(in srgb,var(--text) 85%,transparent);border-bottom:2px solid color-mix(in srgb,var(--text) 85%,transparent);transform:rotate(45deg);transition:transform .2s ease;flex-shrink:0}.project-diary-toggle[open] .project-diary-indicator{transform:rotate(-135deg)}.project-diary-body{padding:0 1.5rem 1.5rem}.project-toc{background:var(--surface-2);border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 15%,transparent);padding:1.25rem;height:fit-content}.project-toc h2{font-size:1rem;margin-top:0;text-transform:uppercase;letter-spacing:.08em}.project-toc ul{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.4rem}.project-toc a{color:var(--muted);font-size:.9rem}.project-toc a:hover{color:var(--accent)}.timeline{display:grid;gap:1rem;border-left:2px solid color-mix(in srgb,var(--border) 30%,transparent);padding-left:1.2rem}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:-1.55rem;top:.35rem;width:10px;height:10px;border-radius:50%;background:var(--accent)}.icon-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.icon-badge{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--border) 25%,transparent);background:var(--surface-2)}.icon-badge svg{width:36px;height:36px;display:block}.icon-badge--autismo{color:#0057ff}.icon-badge--fisica{color:#16a34a}[data-theme=dark] .icon-badge--autismo{color:#6aa8ff}[data-theme=dark] .icon-badge--fisica{color:#4ade80}.site-footer{padding:2rem 0 3rem;border-top:1px solid color-mix(in srgb,var(--border) 15%,transparent);color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.external-notice{position:fixed;right:1rem;bottom:1rem;z-index:80;max-width:min(90vw,360px);margin:0;padding:.65rem .9rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 20%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);color:var(--text);box-shadow:var(--shadow);font-size:.85rem;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.external-notice.is-visible{opacity:1;transform:translateY(0)}.reveal{animation:fadeUp .7s ease both;animation-delay:var(--delay, 0ms)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (min-width: 900px){.hero{grid-template-columns:1.1fr .9fr}.project-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start}}@media (max-width: 720px){:root{--header-height: 64px}.nav-links{gap:.75rem;font-size:.85rem;flex-wrap:nowrap;overflow-x:auto;max-width:60vw;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.header-inner{gap:.5rem}main{padding-top:2.5rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{animation:none}.button:hover,.card:hover{transform:none;box-shadow:none}}