:root{color-scheme:dark;--bg: #0b0b10;--card: #12121a;--text: #f2f2f7;--muted: #a0a0b5;--border: rgba(255, 255, 255, .12);--pri: #8b5cf6;--accent: #22d3ee;--font: "Archivo", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--radius: 10px}:root[data-mode=light]{color-scheme:light;--bg: #f7f7fb;--card: #ffffff;--text: #1a1a1a;--muted: #51657a;--border: rgba(17, 24, 39, .12)}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}.page-main{max-height:100dvh!important;overflow-y:auto}.page-main::-webkit-scrollbar{display:none!important}.header{padding:0 5%;margin:auto;align-content:center;height:10dvh;z-index:100;background:var(--card);border-bottom:solid 1px var(--border);box-shadow:5px 5px 8px #00000005;position:sticky;top:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.rtl{flex-direction:row-reverse}.btn{background:var(--pri);color:#fff;border:0;border-radius:calc(var(--radius) - 8px);padding:10px 14px;cursor:pointer}.muted{color:var(--muted)}.projects-list{list-style:none}.proyect-card:hover{cursor:pointer}.project-imageWrapper{width:100%;position:relative;overflow:hidden}a{text-decoration:none;color:unset}.project-image{width:100%;display:block;object-fit:cover;transition:transform .4s ease,opacity .3s ease}.project-overlay{position:absolute;inset:0;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;color:var(--text);background:linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,0),transparent 100%);opacity:0;transform:translateY(12px);transition:opacity .26s ease,transform .26s ease}.project-title{margin:0;text-transform:uppercase;font-size:1.3rem}.project-year,.project-yearInline{font-size:.9rem}.project-description{font-size:.9rem;margin-top:6px}.project-meta{padding:48px}::view-transition-old(root),::view-transition-new(root){animation:page-fade .22s ease-out}@keyframes page-fade{0%{opacity:0}to{opacity:1}}.projects--detail{padding:0 5%;text-align:center}.project-title.titling{font-size:xxx-large}.projects--detail .project-description{font-size:1rem}.project-collage{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:210px;grid-auto-flow:dense;gap:16px;margin-top:32px}.project-collage__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:calc(var(--radius)/2);transition:all .24s ease}.project-collage__image:hover{transform:scale(1.05);box-shadow:5px 5px 8px #00000005}.project-collage__item:nth-child(3n){grid-row:span 2}.project-collage__item:nth-child(5n){grid-column:span 2}.project-collage__item:nth-child(7n){grid-row:span 2;grid-column:span 2}.project-collage__item{display:block}.lightbox{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .18s ease-out;z-index:50}.lightbox:target{opacity:1;pointer-events:auto}.lightbox__backdrop{position:absolute;inset:0}.lightbox__content{position:relative;max-width:96vw;max-height:90vh;padding:8px}.lightbox__image{margin:auto;max-width:90dvw;max-height:90dvh;object-fit:contain;border-radius:var(--radius);display:block}.lightbox__close{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--card);color:var(--text);text-decoration:none;font-size:18px;cursor:pointer;transition:all 80ms ease}.lightbox__close:hover{filter:invert()}.proyect-info{display:flex;flex-direction:column;justify-content:center}.backbutton{position:absolute;display:flex;background-color:var(--card);border:solid 1px var(--border);border-radius:999px;align-items:center;padding:16px;transition:all 80ms ease}.backbutton:hover{filter:invert()}.backicon{width:1.5dvw}:root[data-mode=light] .backicon{filter:invert()}.toggle{--h: 44px;--w: 92px;--pad: 4px;--b: 2px;--dur: .22s;--knob: calc(var(--h) - (var(--pad) * 2) - (var(--b) * 2));width:var(--w);height:var(--h);box-sizing:border-box;border-radius:999px;border:var(--b) solid var(--border);display:inline-flex;align-items:center;padding:var(--pad);position:relative;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.toggle:focus-visible{outline:3px solid color-mix(in oklab,var(--pri),transparent 70%);outline-offset:3px}.toggle__knob{width:var(--knob);height:var(--knob);border-radius:999px;background:var(--bg);box-shadow:0 8px 18px #0000002e;display:grid;place-items:center;transition:transform var(--dur) ease,background var(--dur) ease;will-change:transform}:root[data-mode=dark] .toggle__knob{transform:translate(0)}:root[data-mode=light] .toggle__knob{transform:translate(calc(var(--w) - (var(--pad) * 2) - (var(--b) * 2) - var(--knob)));background:#06c}:root[data-mode=light] .darkmode{filter:invert()}.toggle__icon{width:20px;height:20px;display:block}.toggle__trackIcons{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--pad) + var(--b) + 10px);pointer-events:none;opacity:.35}.toggle__trackIcons img{width:18px;height:18px}.skinToggle{display:inline-flex;gap:6px;margin-left:6px}.skinToggle__btn{background:transparent;border:none;padding:6px 8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.35;transition:opacity .16s ease}.skinToggle__btn img{width:20px;height:20px;display:block}.skinToggle__btn--active{opacity:1}:root[data-mode=light] .skinToggle__btn img{filter:invert()}:root[data-skin=aurora] .projects{overflow:hidden}:root[data-skin=aurora] .projects-list--loop{display:flex;align-items:stretch;flex-wrap:nowrap;animation:projects-scroll 40s linear infinite}:root[data-skin=aurora] .projects-list--single{display:none}:root[data-skin=aurora] .project-card{flex:0 0 25%;max-width:25%}:root[data-skin=aurora] .projects:hover .projects-list{animation-play-state:paused}:root[data-skin=aurora] .project-card:hover .project-image{transform:scale(1.08);opacity:.25}:root[data-skin=aurora] .project-card:hover .project-overlay{opacity:1;transform:translateY(0)}:root[data-skin=aurora] .project-meta{display:none}@keyframes projects-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes projects-scroll-y{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media(max-width:768px){:root[data-skin=aurora] .projects-list{flex-direction:column;flex-wrap:nowrap;height:100%;animation:projects-scroll-y 40s linear infinite}:root[data-skin=aurora] .project-card{flex:0 0 auto;max-width:100%}:root[data-skin=aurora] .project-overlay{opacity:1;align-items:center}:root[data-skin=aurora] .project-image{transform:scale(1.08);opacity:.35}:root[data-skin=aurora] .project-year,:root[data-skin=aurora] .project-yearInline{margin-top:4px}:root[data-skin=aurora] .project-description{font-size:.9rem;margin-top:-4px}}:root[data-skin=luxe] .page-main{max-height:unset}:root[data-skin=luxe] .projects-list--single{padding:0 5%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}:root[data-skin=luxe] .projects-list--loop{display:none}:root[data-skin=luxe] .projects{padding-block:12px;overflow:visible}:root[data-skin=luxe] .project-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);overflow:hidden;box-shadow:5px 5px 8px #00000005;transition:box-shadow .16s ease,transform .16s ease}:root[data-skin=luxe] .project-card:hover{box-shadow:5px 10px 12px #0000000a;transform:translateY(-6px)}:root[data-skin=luxe] .project-image{max-height:230px}:root[data-skin=luxe] .project-overlay{display:none}:root[data-skin=luxe] .project-meta{padding:16px 24px}@media(max-width:768px){:root[data-skin=luxe] .projects-list--single{padding:0 5%;display:grid;grid-template-columns:1fr 1fr;gap:16px}:root[data-skin=luxe] .project-meta{padding:18px 12px}}html,body{margin:0;width:100%;height:100%}.logo--light[data-astro-cid-bbe6dxrz]{display:none}:root[data-mode=light] .logo--dark[data-astro-cid-bbe6dxrz]{display:none}:root[data-mode=light] .logo--light[data-astro-cid-bbe6dxrz]{display:block}.hero[data-astro-cid-bbe6dxrz]{height:30dvh!important;display:flex;align-items:center;justify-content:center}a[data-astro-cid-bbe6dxrz]{text-decoration:none;color:inherit;text-align:center}img[data-astro-cid-bbe6dxrz]{width:100%!important;height:auto}
