.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--bg: #f6f1e8;--bg-2: #efe6da;--ink: #1d1e1b;--muted: #5d5a52;--accent: #d16645;--accent-2: #2b6f6b;--card: rgba(255, 255, 255, .85);--border: rgba(29, 30, 27, .12);--shadow: 0 28px 70px rgba(29, 30, 27, .14);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--max-width: 1120px}body.projectes{margin:0;font-family:Quantico,sans-serif;color:var(--ink);background:radial-gradient(circle at top,#fdf8f2 0%,transparent 50%),linear-gradient(140deg,var(--bg) 0%,var(--bg-2) 100%);min-height:100vh;position:relative;line-height:1.6}body.projectes a{color:#232323}html.theme-dark body.projectes,body.projectes.dark{--bg: #111210;--bg-2: #191b18;--ink: #f3ede4;--muted: #b2aca2;--accent: #e07a57;--accent-2: #76b5b1;--card: rgba(22, 24, 22, .88);--border: rgba(243, 237, 228, .12);--shadow: 0 28px 70px rgba(0, 0, 0, .45);background:radial-gradient(circle at top,rgba(21,24,22,.9) 0%,transparent 50%),linear-gradient(140deg,var(--bg) 0%,var(--bg-2) 100%)}html.theme-dark body.projectes a,body.projectes.dark a,body.projectes a.project-link{color:#fff}body.projectes:before,body.projectes:after{content:"";position:fixed;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(209,102,69,.18) 0%,transparent 70%);filter:blur(10px);z-index:0;pointer-events:none}body.projectes:before{top:-120px;left:-140px}body.projectes:after{bottom:0;right:0;background:radial-gradient(circle,rgba(43,111,107,.2) 0%,transparent 70%)}body.projectes a{text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}body.projectes img{max-width:100%;display:block}.page{position:relative;z-index:1;padding:32px 24px 56px}.topbar{max-width:var(--max-width);margin:0 auto 10px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 22px;border-radius:var(--radius-md);background:#ffffffad;backdrop-filter:blur(18px);border:1px solid var(--border)}html.theme-dark body.projectes .topbar,body.projectes.dark .topbar{background:#141614b3}.brand{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}.nav{display:flex;gap:20px;font-size:.95rem;color:var(--muted);flex:1;justify-content:flex-end;align-items:center}.nav-tools{display:flex;gap:12px;align-items:center;margin-left:12px}.menu-toggle{background:transparent;border:1px solid var(--border);border-radius:12px;width:40px;height:40px;display:none;align-items:center;justify-content:center;color:var(--ink);cursor:pointer}.menu-bars{position:relative;width:18px;height:2px;background:currentColor;transition:transform .2s ease,background .2s ease}.menu-bars:before,.menu-bars:after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;transition:transform .2s ease,top .2s ease}.menu-bars:before{top:-6px}.menu-bars:after{top:6px}body.projectes.menu-open .menu-bars{background:transparent}body.projectes.menu-open .menu-bars:before{top:0;transform:rotate(45deg)}body.projectes.menu-open .menu-bars:after{top:0;transform:rotate(-45deg)}html.theme-dark body.projectes .menu-toggle,body.projectes.dark .menu-toggle{border-color:#f3ede433;color:var(--ink);z-index:999999}.theme-toggle{background:transparent;border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:.75rem;color:var(--muted);cursor:pointer}html.theme-dark body.projectes .theme-toggle,body.projectes.dark .theme-toggle{border-color:#f3ede433}.lang-switch{display:flex;gap:8px;font-size:.75rem;color:var(--muted)}.lang-switch a{padding:6px 10px;border-radius:999px;border:1px solid var(--border)}.lang-switch a.active{background:var(--accent-2);color:#fff;border-color:transparent}.nav a{position:relative;padding-bottom:4px}.nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav a:hover:after{transform:scaleX(1)}main{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:96px}main.projects-page{gap:40px;align-items:center}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:36px;align-items:center}.project-detail{gap:20px}.back-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--muted);text-decoration:none}h1{margin:0}.back-link:hover{color:var(--ink)}.project-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:center}.project-hero-text{display:grid;gap:16px}.project-hero-media{background:var(--card);border-radius:var(--radius-lg);padding:16px;border:1px solid var(--border);box-shadow:var(--shadow)}.project-hero-media img{border-radius:var(--radius-md);width:100%;object-fit:cover;min-height:280px}.project-actions{display:flex;flex-wrap:wrap;gap:12px}.project-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;background:#1d1e1b;color:#f5f1ea;font-weight:600;box-shadow:0 16px 30px #1d1e1b33}html.theme-dark body.projectes .project-link,body.projectes.dark .project-link{background:#f3ede4;color:#1d1e1b}.github-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:#ffffffb3;color:#1d1e1b;box-shadow:0 10px 20px #1d1e1b29;transition:transform .2s ease,background .2s ease}.github-link svg{width:20px;height:20px;fill:currentColor}.github-link:hover{transform:translateY(-2px);background:#ffffffe6}html.theme-dark body.projectes .github-link,body.projectes.dark .github-link{background:#141614e6;color:#f3ede4}.project-link:after{content:"->";transition:transform .2s ease}.project-link:hover:after{transform:translate(4px)}.project-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem;color:var(--muted)}.project-description{display:grid;gap:5px}.description-grid{display:grid;gap:16px;color:var(--muted)}.project-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.metrics-grid .metric{background:#1d1e1b;color:#f5f1ea;border-radius:var(--radius-sm);padding:14px}html.theme-dark body.projectes .metrics-grid .metric,body.projectes.dark .metrics-grid .metric{background:#f3ede414;color:var(--ink);border:1px solid var(--border)}.metrics-grid .metric span{font-size:.8rem;opacity:.8}.hero h1,.section-title h2{font-family:Quantico,sans-serif;font-size:clamp(2.4rem,4.6vw,4rem);line-height:1.05;margin:0 0 18px}.lead{font-size:1.1rem;color:var(--muted);margin:0 0 24px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--accent-2);margin:0}.meta-list{display:flex;flex-wrap:wrap;gap:12px}.pill{padding:6px 12px;border-radius:999px;font-size:.78rem;background:#2b6f6b1a;color:var(--accent-2)}.tag-list{display:flex;flex-wrap:wrap;gap:10px}.tag{padding:6px 12px;border-radius:999px;font-size:.78rem;background:#1d1e1b14;color:var(--muted)}html.theme-dark body.projectes .tag,body.projectes.dark .tag{background:#f3ede414;color:var(--muted)}.hero-media{background:var(--card);border-radius:var(--radius-lg);padding:18px;border:1px solid var(--border);box-shadow:var(--shadow)}.hero-media img{border-radius:var(--radius-md);width:100%;object-fit:cover;min-height:280px}.projects-intro{max-width:760px;text-align:center}.projects-note{margin:0;font-size:.92rem;color:var(--muted)}.options{display:flex;flex-direction:row;align-items:stretch;overflow:hidden;width:min(100%,1100px);height:420px;gap:18px}.option{position:relative;overflow:hidden;min-width:20px;background:var(--optionBackground, var(--defaultBackground, #e6e9ed));background-size:auto 120%;background-position:center;cursor:pointer;flex:1 1 20px;transition:flex .7s cubic-bezier(.22,.61,.36,1),border-radius .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);will-change:flex,margin,transform;border-radius:30px;border:0;padding:0;color:inherit}.option-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .7s cubic-bezier(.22,.61,.36,1)}.option.active .option-media{transform:scale(1.03)}.option:focus-visible{box-shadow:0 0 0 2px #2b6f6b99;outline:none}.option:nth-child(6n+1){--defaultBackground: #ed5565}.option:nth-child(6n+2){--defaultBackground: #fc6e51}.option:nth-child(6n+3){--defaultBackground: #ffce54}.option:nth-child(6n+4){--defaultBackground: #2ecc71}.option:nth-child(6n+5){--defaultBackground: #5d9cec}.option:nth-child(6n){--defaultBackground: #ac92ec}.option.active{flex:8 1 64px;transform:scale(1);border-radius:40px;background-size:auto 100%}.option.active .shadow{box-shadow:inset 0 -120px 120px -120px #000000d9,inset 0 -120px 120px -100px #000000b3}.option.active .label{bottom:22px;left:22px;right:22px}.option.active .info>div{transform:translate(0);opacity:1}.option:not(.active){flex:1 1 20px}.option:not(.active) .shadow{bottom:-40px;box-shadow:inset 0 -120px 0 -120px #000c,inset 0 -120px 0 -100px #000000b3}.option:not(.active) .label{bottom:8px;left:12px;right:12px}.option:not(.active) .info>div{transform:translate(26px);opacity:0}.option .shadow{position:absolute;bottom:0;left:0;right:0;height:140px;transition:.55s cubic-bezier(.22,.61,.36,1);z-index:1}.option .label{display:flex;position:absolute;align-items:center;gap:12px;height:44px;transition:bottom .6s cubic-bezier(.22,.61,.36,1),left .6s cubic-bezier(.22,.61,.36,1),right .6s cubic-bezier(.22,.61,.36,1);z-index:2}.option .icon{display:flex;align-items:center;justify-content:center;min-width:44px;max-width:44px;height:44px;border-radius:50%;background-color:#fff;color:var(--defaultBackground);font-weight:700}.option .info{display:flex;flex-direction:column;justify-content:center;gap:2px;color:#fff;white-space:nowrap}.option .info>div{position:relative;transform:translate(26px);opacity:0;transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .45s ease-out}.option .info .main{font-weight:700;font-size:1.2rem}.option .info .sub{font-size:.9rem}.option .info .meta{font-size:.8rem;opacity:.85}.option .card-eye{display:none}.card-eye{position:absolute;bottom:18px;right:18px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);font-size:1rem;transition:transform .2s ease,background .2s ease;z-index:2}.option.active .card-eye{bottom:0;right:0;display:inline-flex}.card-eye:hover{transform:scale(1.05);background:#ffffff4d}.section-title h2{font-size:clamp(2rem,3.4vw,3rem);margin:0 0 12px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.project-card{background:#ffffffe6;border-radius:var(--radius-md);padding:24px;border:1px solid var(--border);display:flex;flex-direction:column;gap:14px;box-shadow:0 16px 40px #1d1e1b14}html.theme-dark body.projectes .project-card,body.projectes.dark .project-card{background:#141614e6}.project-card img{border-radius:var(--radius-sm);width:100%;height:180px;object-fit:cover}.project-card h3{margin:0;font-size:1.3rem}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--accent-2)}.text-link:after{content:"->";transition:transform .2s ease}.text-link:hover:after{transform:translate(4px)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.info-card{background:#fff;border-radius:var(--radius-md);padding:20px;border:1px solid var(--border);box-shadow:0 18px 40px #1d1e1b0f}html.theme-dark body.projectes .info-card,body.projectes.dark .info-card{background:#141614e6}.info-card h4{margin:0 0 10px;font-size:1rem}.list{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:var(--muted)}.list li{position:relative;padding-left:16px}.list li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.metric{background:#1d1e1b;color:#f5f1ea;border-radius:var(--radius-md);padding:18px}.metric strong{display:block;font-size:1.4rem}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.gallery-item{display:block;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:#fff;padding:0;cursor:pointer}html.theme-dark body.projectes .gallery-item,body.projectes.dark .gallery-item{background:#141614e6}.gallery-item img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.03)}.lightbox{position:fixed;inset:0;background:#0c0c0ccc;backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:24px;z-index:40;text-align:center}.lightbox[data-open=true]{display:flex}.lightbox-figure{margin:0;display:grid;gap:12px;justify-items:center}.lightbox-image{max-width:min(100%,1100px);max-height:80vh;border-radius:var(--radius-md);box-shadow:var(--shadow)}.lightbox-caption{color:#f5f1ea;margin:0;font-size:.95rem}.lightbox-close{position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:50%;background:#fff3;color:#fff;font-size:1rem;border:1px solid rgba(255,255,255,.3);line-height:1;text-align:center;cursor:pointer}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff3;color:#fff;font-size:1.1rem;border:1px solid rgba(255,255,255,.3);cursor:pointer}.lightbox-nav.prev{left:24px}.lightbox-nav.next{right:24px}body.lightbox-open{overflow:hidden}.gallery figure{margin:0;background:#fff;border-radius:var(--radius-md);padding:12px;border:1px solid var(--border)}html.theme-dark body.projectes .gallery figure,body.projectes.dark .gallery figure{background:#141614e6}.gallery img{border-radius:var(--radius-sm);width:100%;height:200px;object-fit:cover}.gallery figcaption{margin-top:8px;font-size:.85rem;color:var(--muted)}.process{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.process-card{background:#ffffffe0;border-radius:var(--radius-md);padding:18px;border:1px solid var(--border)}.process-card span{font-size:.8rem;color:var(--muted)}.cta{background:#1d1e1b;color:#f5f1ea;border-radius:var(--radius-lg);padding:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.cta a{color:#f5f1ea;font-weight:600}.footer{max-width:var(--max-width);margin:80px auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:.9rem}.reveal{animation:fadeUp 0s ease both;animation-delay:var(--delay, 0s)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal{animation:none}.nav a:after,.text-link:after{transition:none}}@media(max-width:960px){.hero,.project-hero{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.options{height:360px}.option{min-width:54px}.option.active{max-width:520px}}@media(max-width:820px){.menu-toggle{display:inline-flex;position:relative;z-index:99999}.topbar{flex-direction:row;align-items:center;display:flex;position:relative;z-index:7}.nav{position:fixed;top:0;left:0;width:77vw;height:25vh;display:flex;flex-direction:column;gap:18px;padding:96px 24px 32px;border-radius:0;background:linear-gradient(140deg,var(--bg) 0%,var(--bg-2) 100%);border:0;box-shadow:none;z-index:1000;justify-content:center;align-items:center;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .25s ease,transform .35s ease}.nav a{font-size:1.1rem}.nav-tools{width:100%;justify-content:center;flex-direction:column;gap:12px;margin-left:0;align-items:center}body.projectes.menu-open .nav{opacity:1;transform:translateY(0);pointer-events:auto}body.projectes.menu-open{overflow:hidden}}@media(max-width:640px){.page{padding:24px 18px 44px}.nav{flex-wrap:wrap}.project-meta{flex-direction:column;align-items:flex-start}.projects-intro{text-align:left}.options{flex-direction:column;height:auto;width:100%;gap:10px}.option{min-height:60px;border-radius:24px}.option.active{max-width:none;min-height:180px}.option .label{left:16px;right:16px}.option .info{white-space:normal}.option .info>div{left:0;opacity:1}.option:not(.active) .shadow{box-shadow:inset 0 -120px 80px -100px #0009}.eyebrow,h1.reveal,p.lead.reveal{margin:0}.topbar{margin:0 auto 13px}#gallery h2{margin:20px 0 30px}.project-detail{gap:25px}.lightbox-nav{top:18%;z-index:99999999}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}