@import "https://fonts.googleapis.com/css2?family=Special+Gothic+Expanded+One&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.mobile-navbar{top:calc(env(safe-area-inset-top) + 1rem);z-index:60;display:none;position:fixed;left:50%;transform:translate(-50%)}.mobile-navbar__shell{height:3.5rem;color:var(--color-outline);background:var(--color-gris-30);-webkit-backdrop-filter:blur(4px);align-items:center;display:flex;overflow:hidden}.mobile-navbar__toggle{width:3.5rem;height:3.5rem;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.mobile-navbar__toggle:active,.mobile-navbar__link:active{opacity:.72}.mobile-navbar__toggle svg{width:1.25rem;height:1.25rem}.mobile-navbar__links{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;padding-right:.25rem;display:grid}.mobile-navbar__links[hidden]{display:none}.mobile-navbar__link{min-width:0;min-height:3rem;color:inherit;-webkit-tap-highlight-color:transparent;border-radius:.75rem;place-items:center;text-decoration:none;display:grid}.mobile-navbar__link svg{width:1.25rem;height:1.25rem}.mobile-navbar__link:hover{color:var(--color-blanco)}.mobile-navbar__toggle:focus-visible,.mobile-navbar__link:focus-visible{outline:2px solid var(--color-naranjo);outline-offset:-3px}@media (width<=47.999rem){.mobile-navbar{display:block}}@media (prefers-reduced-transparency:reduce){.mobile-navbar__shell{background:var(--color-gris);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.mobile-navbar__shell{outline:1px solid var(--color-outline);background:var(--color-gris)}}.about-hello-model{width:clamp(9.5rem,43vw,11rem);height:clamp(9.5rem,43vw,11rem);bottom:-1rem;right:-.75rem}@media (width<=63.999rem){.about-bento{transform:none!important}}@media (width<=44rem){.about-hello-card h2{font-size:clamp(1.65rem,7vw,2.1rem);line-height:1.05}.about-hello-copy{text-wrap:pretty;max-width:33ch;font-size:clamp(.9rem,3.8vw,1rem);line-height:1.55}}@media (width>=44.001rem){.about-hello-model{width:12.5rem;height:12.5rem;bottom:-1.25rem;right:-1rem}}@media (width>=64rem){.about-hello-model{width:16rem;height:16rem;bottom:-2rem;right:-2rem}}.projects-transition{background:radial-gradient(circle at 19% 38%, #ffffffa6, transparent 31rem), linear-gradient(160deg, var(--color-blanco), var(--color-celeste))}.project-gallery{width:100%;min-height:100dvh;color:var(--color-negro)}.project-gallery__shell{grid-template-rows:minmax(0,1fr);width:min(100% - clamp(2rem,5vw,5rem),100rem);min-height:100dvh;margin-inline:auto;padding-block:6.5rem clamp(1.25rem,3vh,2rem);display:grid}.project-gallery__layout{grid-template-rows:minmax(0,1fr);grid-template-columns:clamp(11.5rem,12vw,12.5rem) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,2.5vw,2.5rem);min-height:0;display:grid}.project-gallery__collection{align-self:start;min-width:0}.project-gallery__carousel{min-width:0;padding:.25rem 0}.project-gallery__selector-hint{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.project-gallery__carousel-track{clip-path:inset(0);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:clamp(22rem,55vh,34rem);margin-inline:auto;position:relative}.project-gallery__carousel-track:active{cursor:grabbing}.project-gallery__cylinder-slot{position:absolute;top:50%;left:50%}.project-gallery__slot-content{width:100%;height:100%;display:block}.project-gallery__cartridge-choice{width:100%;min-width:0;height:100%;font-family:var(--font-inter);color:var(--color-negro);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:column;flex:none;justify-content:space-between;align-items:center;padding:.35rem;display:flex;position:relative}.project-gallery__selection-marker{z-index:1;background:var(--color-naranjo);clip-path:polygon(100% 0,100% 100%,0 50%);opacity:0;pointer-events:none;width:1rem;height:1.6rem;transition:opacity .15s,transform .18s cubic-bezier(.23,1,.32,1);position:absolute;top:calc(50% - .8rem);right:0;transform:translate(.35rem)}.project-gallery__cartridge-choice[data-selected=true] .project-gallery__selection-marker{opacity:1;transform:translate(0)}.project-gallery__cartridge-choice:focus-visible .project-gallery__selection-marker{transition:none}.project-gallery__cartridge-choice:focus-visible,.project-gallery__visit:focus-visible{outline:2px solid var(--color-naranjo);outline-offset:3px}.project-gallery__cartridge-face{pointer-events:none;opacity:.58;flex:1;place-items:center;width:100%;min-height:0;transition:opacity .18s;display:grid;position:relative;overflow:hidden}.project-gallery__cartridge-choice[data-selected=true] .project-gallery__cartridge-face{opacity:1}.project-gallery__cartridge-face img{object-fit:contain;width:75%;height:75%}.project-gallery__cartridge-face .project-cartridge__canvas{width:100%;height:100%;position:absolute;inset:0}.project-gallery__feature{min-width:0;min-height:0;font-family:var(--font-inter);grid-template:"preview intro""story story""details details"/minmax(0,1.5fr) minmax(0,1fr);align-content:start;gap:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,3rem);display:grid}.project-gallery__feature-head{flex-direction:column;grid-area:intro;justify-content:center;align-items:flex-start;min-width:0;padding-block:.25rem;display:flex}.project-gallery__eyebrow{color:#383838b8;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.7rem;font-size:.65rem;font-weight:750;display:flex}.project-gallery__case-number{color:var(--color-naranjo);font-variant-numeric:tabular-nums}.project-gallery__feature-head h3{font-family:var(--font-special);letter-spacing:-.05em;text-transform:uppercase;overflow-wrap:anywhere;margin-top:.8rem;font-size:clamp(1.8rem,2.6vw,3rem);line-height:1.15}.project-gallery__summary{color:#383838d9;max-width:48ch;margin-top:1rem;font-size:clamp(.9rem,1.05vw,1rem);line-height:1.6}.project-gallery__facts{flex-wrap:wrap;gap:.75rem 1.75rem;margin-block:1.25rem;display:flex}.project-gallery__facts dt{color:#383838b3;margin-bottom:.3rem;font-size:.65rem;font-weight:650}.project-gallery__facts dd{max-width:52ch;font-size:.875rem;font-weight:500;line-height:1.65}.project-gallery__technologies{color:#383838cc;flex-wrap:wrap;gap:.5rem .85rem;margin-bottom:1.25rem;padding:0;font-size:.75rem;font-weight:600;list-style:none;display:flex}.project-gallery__visit{min-height:2.75rem;color:var(--color-amarillo);background:var(--color-negro);border-radius:.8rem;flex:none;justify-content:center;align-items:center;gap:1rem;padding:.75rem 1.1rem;font-size:.8rem;font-weight:750;text-decoration:none;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s;display:inline-flex}.project-gallery__visit svg{width:1.1rem;height:1.1rem}.project-gallery__visit:active{transform:scale(.97)}.project-gallery__preview{grid-area:preview;grid-template-rows:auto auto;align-self:center;min-width:0;min-height:0;margin:0;display:grid}.project-gallery__preview-image{aspect-ratio:1903/917;background:var(--color-negro);border:1px solid #3838381a;border-radius:1.25rem;min-height:0;position:relative;overflow:hidden;box-shadow:0 .8rem 2rem #38383812}.project-gallery__preview img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.project-gallery__preview figcaption{color:#383838b3;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;padding:.7rem .2rem 0;font-size:.65rem;line-height:1.4;display:flex}.project-gallery__story,.project-gallery__details-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);display:grid}.project-gallery__story{border-top:1px solid #38383833;grid-area:story;padding-top:1.75rem}.project-gallery__story-number{color:var(--color-naranjo);font-variant-numeric:tabular-nums;margin-bottom:.75rem;font-size:.7rem;font-weight:750;display:block}.project-gallery__story h4,.project-gallery__details-content h4{letter-spacing:-.025em;font-size:clamp(1rem,1.3vw,1.2rem);font-weight:750;line-height:1.4}.project-gallery__story p,.project-gallery__details-content p{color:#383838e6;text-wrap:pretty;max-width:65ch;margin-top:.75rem;font-size:.9375rem;line-height:1.75}.project-gallery__details{border-block:1px solid #38383833;grid-area:details;min-width:0}.project-gallery__details-trigger{width:100%;min-height:3.75rem;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1rem;font-family:inherit;font-size:.875rem;font-weight:700;display:flex}.project-gallery__details-trigger:focus-visible{outline:2px solid var(--color-naranjo);outline-offset:4px;border-radius:.25rem}.project-gallery__details-trigger svg{width:1.5rem;height:1.5rem;color:var(--color-naranjo);flex:none}.project-gallery__details-plus{transform-origin:50%;transition:transform .18s,opacity .18s}.project-gallery__details[data-open=true] .project-gallery__details-plus{opacity:0;transform:scaleY(0)}.project-gallery__details-panel{overflow:hidden}.project-gallery__details-content{padding-block:.75rem 2rem}.project-gallery__technologies li+li:before{content:"/";color:var(--color-naranjo);margin-right:.85rem}@keyframes project-info-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}.project-gallery__feature-head,.project-gallery__preview,.project-gallery__story,.project-gallery__details{animation:.42s cubic-bezier(.23,1,.32,1) both project-info-enter}.project-gallery__preview{animation-delay:35ms}.project-gallery__feature-head{animation-delay:85ms}.project-gallery__story{animation-delay:.135s}.project-gallery__details{animation-delay:.185s}@media (hover:hover) and (pointer:fine){.project-gallery__cartridge-choice:hover .project-gallery__cartridge-face{opacity:1}.project-gallery__visit:hover{background:var(--color-gris)}}@media (width<=72rem){.project-gallery__carousel{width:min(100%,36rem);margin-inline:auto}.project-gallery__layout{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);gap:1.5rem}.project-gallery__carousel-track{width:min(100%,36rem);height:clamp(8.5rem,16vw,10rem)}.project-gallery__cartridge-choice{height:100%;padding:.25rem}.project-gallery__feature{grid-template:"preview intro""story story""details details"/minmax(0,1.2fr) minmax(0,1fr);row-gap:2rem}}@media (width<=44rem){.project-gallery__shell{width:min(100% - 2rem,38rem);padding-block:6.5rem 2rem}.project-gallery__layout{gap:1.5rem}.project-gallery__feature{grid-template-rows:repeat(4,auto);grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""preview""story""details"}.project-gallery__feature-head h3{font-size:clamp(1.8rem,6.3vw,2.5rem)}.project-gallery__summary{font-size:.95rem}.project-gallery__preview-image{aspect-ratio:1903/917;min-height:0}.project-gallery__story,.project-gallery__details-content{grid-template-columns:minmax(0,1fr);gap:1.75rem}}@media (prefers-reduced-motion:reduce){.project-gallery__feature-head,.project-gallery__preview,.project-gallery__story,.project-gallery__details{animation:none}.project-gallery__cartridge-face,.project-gallery__selection-marker,.project-gallery__details-plus,.project-gallery__visit{transition:none}.project-gallery__selection-marker,.project-gallery__visit:active{transform:none}}@media (prefers-contrast:more){.project-gallery__preview-image,.project-gallery__story,.project-gallery__details{border-color:currentColor}.project-gallery__summary,.project-gallery__story p,.project-gallery__details-content p{color:inherit}}.project-gallery__upcoming{font-family:var(--font-inter);border-block:1px solid #38383833;grid-column:1/-1;align-self:center;padding-block:clamp(3rem,12vh,8rem)}.project-gallery__upcoming>span{letter-spacing:.08em;font-size:.7rem;font-weight:750}.project-gallery__upcoming h3{font-family:var(--font-special);text-transform:uppercase;margin-top:1.25rem;font-size:clamp(2rem,4vw,4rem)}.project-gallery__upcoming p{color:var(--color-gris);margin-top:1rem;line-height:1.6}.project-gallery__selector-hint-mobile{display:none}@media (width<=44rem){.project-gallery__shell{padding-block:calc(env(safe-area-inset-top) + 5.5rem) 3rem;grid-template-rows:auto}.project-gallery__layout{align-content:start;gap:1.25rem}.project-gallery__carousel-track{height:clamp(11rem,44vw,13rem)}.project-gallery__selection-marker{clip-path:polygon(0 0,100% 0,50% 100%);width:1.5rem;height:1rem;top:.15rem;left:50%;right:auto;transform:translate(-50%,-.3rem)}.project-gallery__cartridge-choice[data-selected=true] .project-gallery__selection-marker{transform:translate(-50%)}.project-gallery__selector-hint{clip-path:none;color:#383838b3;width:auto;height:auto;font-family:var(--font-inter);text-align:center;white-space:normal;margin-top:.25rem;font-size:.7rem;position:static;overflow:visible}.project-gallery__selector-hint-desktop{display:none}.project-gallery__selector-hint-mobile{display:inline}.project-gallery__feature{row-gap:1.5rem}.project-gallery__feature-head{padding-block:0}.project-gallery__visit{width:100%}.project-gallery__preview figcaption span:last-child{overflow-wrap:anywhere}.project-gallery__upcoming{padding-block:2.25rem}}.name-marquee{-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}.name-marquee__row{min-height:clamp(3.75rem,5vw,5rem);color:var(--color-blanco);background:var(--color-negro);align-items:center;display:flex;overflow:hidden}.name-marquee__row--light{color:var(--color-negro);background:0 0}.name-marquee__track,.name-marquee__group,.name-marquee__item{flex:none;align-items:center;display:flex}.name-marquee__track{will-change:transform;width:max-content}.name-marquee__group{justify-content:flex-start;min-width:100vw}.name-marquee__item{font-family:var(--font-inter);letter-spacing:-.045em;white-space:nowrap;gap:.2em;padding-inline:0 .2em;font-size:clamp(1.65rem,2.3vw,2.5rem);font-weight:850;line-height:1}.name-marquee__star{letter-spacing:0;flex:none;justify-content:center;align-items:center;font-family:Segoe UI Symbol,Arial Unicode MS,sans-serif;font-size:.9em;line-height:1;display:inline-flex}.name-marquee__pause{border:1px solid var(--color-gris);width:2.75rem;height:2.75rem;color:var(--color-blanco);background:var(--color-negro);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:.5rem;right:.5rem}.name-marquee__pause svg{width:1rem;height:1rem}.name-marquee__pause:focus-visible{outline:2px solid var(--color-morado);outline-offset:3px}@media (hover:hover) and (pointer:fine){.name-marquee__pause{opacity:0;transition:opacity .16s}.name-marquee:hover .name-marquee__pause,.name-marquee:focus-within .name-marquee__pause{opacity:1}}@media (prefers-reduced-motion:reduce){.name-marquee__track{will-change:auto;transform:none!important}}.contact{color:var(--color-amarillo);background:var(--color-negro);font-family:var(--font-inter)}.contact__inner{width:min(100% - clamp(2rem,5vw,5rem),100rem);margin-inline:auto;padding-top:clamp(6rem,12vw,11rem)}.contact__heading h2{font-family:var(--font-special);letter-spacing:-.065em;font-size:clamp(2.35rem,9vw,8rem);line-height:1}.contact__heading h2 span{color:var(--color-morado)}.contact__heading p{color:#eee7d5b3;text-wrap:pretty;max-width:36rem;margin-top:clamp(1.5rem,3vw,2.5rem);font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.6}.contact__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:clamp(3rem,6vw,5rem);display:grid}.contact__action{width:100%;min-width:0;min-height:clamp(12rem,18vw,16rem);color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#eee7d50b;border:1px solid #eee7d533;border-radius:.9rem;flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,2.2vw,1.75rem);text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s;display:flex}.contact__action-top{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;display:flex}.contact__action-top>svg:first-child{width:clamp(2rem,3vw,2.75rem);height:clamp(2rem,3vw,2.75rem);color:var(--color-morado);flex:none;transition:color .18s,transform .18s cubic-bezier(.23,1,.32,1)}.contact__action-top>svg:last-child{width:1.3rem;height:1.3rem;color:var(--color-verde-retro);flex:none;transition:transform .18s cubic-bezier(.23,1,.32,1)}.contact__clipboard{width:1.3rem;height:1.3rem;color:var(--color-verde-retro);flex:none;display:block;position:relative}.contact__clipboard svg{width:100%;height:100%;transition:opacity .15s,transform .18s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.contact__clipboard-add{opacity:0;transform:scale(.78)rotate(-14deg)}.contact__clipboard-check{animation:.22s cubic-bezier(.23,1,.32,1) both contact-check-in}.contact__action-copy{gap:.65rem;min-width:0;display:grid}.contact__action-copy strong{font-family:var(--font-special);letter-spacing:-.04em;font-size:clamp(1.4rem,2.3vw,2.4rem);font-weight:400;line-height:1.1}.contact__action-copy>span{color:#eee7d599;overflow-wrap:anywhere;font-size:.85rem}.contact__email-wrap{min-width:0;position:relative}.contact__action--email{isolation:isolate;height:100%;position:relative;overflow:hidden}.contact__action--email:before{z-index:-1;border-radius:inherit;content:"";opacity:0;pointer-events:none;background:linear-gradient(#07070970,#070709b8),url(/images/cat.gif) 50% 53%/cover;transition:opacity .22s,transform .3s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;transform:scale(1.04)}.contact__action--email:focus-visible:before,.contact__action--email[data-copied=true]:before{opacity:1;transform:scale(1)}.contact__action--email[data-copied=true] .contact__action-top>svg:first-child{color:var(--color-verde-retro)}@keyframes contact-check-in{0%{opacity:.5;transform:scale(.78)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}.contact__success-icon{animation:.22s cubic-bezier(.23,1,.32,1) both contact-check-in}.contact__action:focus-visible,.contact__bottom a:focus-visible{outline:2px solid var(--color-verde-retro);outline-offset:4px}.contact__copy-status{min-height:1.5rem;color:var(--color-verde-retro);margin-top:.6rem;font-size:.8rem}.contact__bottom{color:#eee7d58c;border-top:1px solid #eee7d529;justify-content:space-between;align-items:center;gap:1rem;min-height:5.5rem;margin-top:clamp(3rem,6vw,6rem);font-size:.8rem;display:flex}.contact__bottom a{color:var(--color-amarillo);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.contact__bottom a svg{width:1.15rem;height:1.15rem;color:var(--color-verde-retro);transition:transform .18s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.contact__action:hover{background:#acb4ff1a;border-color:#acb4ff99;transform:translateY(-4px);box-shadow:0 .8rem 1.8rem #00000029}.contact__action:hover .contact__action-top>svg:first-child{color:var(--color-verde-retro);transform:rotate(-6deg)}.contact__action:hover .contact__action-top>svg:last-child{transform:translate(3px,-3px)}.contact__action--email:hover:before{opacity:1;transform:scale(1)}.contact__action--email:hover .contact__clipboard-idle{opacity:0;transform:scale(.78)rotate(14deg)}.contact__action--email:hover .contact__clipboard-add{opacity:1;transform:scale(1)rotate(0)}.contact__bottom a:hover{color:var(--color-morado)}.contact__bottom a:hover svg{transform:translateY(-3px)}}.contact__action:active{transform:scale(.98)}.contact__action:active .contact__action-top>svg:first-child{transform:scale(.86)}.contact__action:active .contact__action-top>svg:last-child{transform:translate(1px,-1px)scale(.86)}.contact__action--email:active .contact__clipboard{transform:scale(.82)}.contact__action--email:focus-visible .contact__clipboard-idle{opacity:0}.contact__action--email:focus-visible .contact__clipboard-add{opacity:1;transform:none}@media (hover:none){.contact__action--email[data-copied=true]:before{opacity:1;transform:scale(1)}}@media (width<=44rem){.contact__inner{padding-top:6rem}.contact__heading h2{font-size:clamp(2.1rem,10.5vw,4.5rem)}.contact__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.contact__action{min-height:10.5rem;padding:1.1rem}.contact__action-copy strong{font-size:clamp(1.2rem,5vw,1.75rem)}.contact__action-copy>span{font-size:.75rem}.contact__email-wrap{grid-column:1/-1}.contact__email-wrap .contact__action{min-height:9rem}.contact__bottom{flex-wrap:wrap;padding-block:1.5rem}.contact__bottom>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.contact__action,.contact__action-top svg,.contact__clipboard svg,.contact__action--email:before,.contact__bottom a svg{transition:none}.contact__action:hover,.contact__action:active,.contact__action:hover .contact__action-top svg{transform:none}.contact__action--email:before{display:none}.contact__success-icon,.contact__clipboard-check{animation:none}}@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-5xl:64rem;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--leading-relaxed:1.625;--radius-3xl:1.5rem;--blur-xs:4px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-celeste:#c9d7e0;--color-blanco:#eaeff3;--color-outline:#dce5eb;--color-gris:#383838;--color-negro:#070709;--color-amarillo:#eee7d5;--color-naranjo:#fe4d00;--color-morado:#acb4ff;--color-verde-retro:#a6ff03;--color-gris-30:#3838384d;--font-special:"Special Gothic Expanded One", sans-serif;--font-inter:"Inter", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-x-\[12\%\]{inset-inline:12%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-8{top:calc(var(--spacing) * 8)}.top-\[8\%\]{top:8%}.top-\[29\%\]{top:29%}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.-bottom-px{bottom:-1px}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-32{height:calc(var(--spacing) * 32)}.h-\[58\%\]{height:58%}.h-full{height:100%}.min-h-52{min-height:calc(var(--spacing) * 52)}.min-h-60{min-height:calc(var(--spacing) * 60)}.min-h-\[21rem\]{min-height:21rem}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.w-\[220\%\]{width:220%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.min-w-0{min-width:0}.origin-bottom{transform-origin:bottom}.origin-bottom-right{transform-origin:100% 100%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.gap-4{gap:calc(var(--spacing) * 4)}.gap-12{gap:calc(var(--spacing) * 12)}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-amarillo\/10{border-color:#eee7d51a}@supports (color:color-mix(in lab, red, red)){.border-amarillo\/10{border-color:color-mix(in oklab, var(--color-amarillo) 10%, transparent)}}.border-negro\/10{border-color:#0707091a}@supports (color:color-mix(in lab, red, red)){.border-negro\/10{border-color:color-mix(in oklab, var(--color-negro) 10%, transparent)}}.bg-gris-30{background-color:var(--color-gris-30)}.bg-negro{background-color:var(--color-negro)}.bg-white\/45{background-color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.bg-white\/45{background-color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.from-celeste{--tw-gradient-from:var(--color-celeste);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blanco{--tw-gradient-to:var(--color-blanco);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-cover{object-fit:cover}.object-top{object-position:top}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:var(--spacing)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-center{text-align:center}.font-inter{font-family:var(--font-inter)}.font-special{font-family:var(--font-special)}.text-\[clamp\(1\.1rem\,5vw\,2\.25rem\)\]{font-size:clamp(1.1rem,5vw,2.25rem)}.text-\[clamp\(4\.5rem\,21vw\,7rem\)\]{font-size:clamp(4.5rem,21vw,7rem)}.leading-\[0\.84\]{--tw-leading:.84;line-height:.84}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.tracking-\[-0\.055em\]{--tw-tracking:-.055em;letter-spacing:-.055em}.whitespace-nowrap{white-space:nowrap}.text-amarillo{color:var(--color-amarillo)}.text-gris-30{color:var(--color-gris-30)}.text-morado{color:var(--color-morado)}.text-naranjo{color:var(--color-naranjo)}.text-negro{color:var(--color-negro)}.text-outline{color:var(--color-outline)}.text-transparent{color:#0000}.text-verde-retro{color:var(--color-verde-retro)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.will-change-transform{will-change:transform}.select-none{-webkit-user-select:none;user-select:none}.\[-webkit-text-stroke\:0\.5px_var\(--color-outline\)\]{-webkit-text-stroke:.5px var(--color-outline)}@media not all and (width>=360px){.max-\[360px\]\:pb-28{padding-bottom:calc(var(--spacing) * 28)}}@media (width>=40rem){.sm\:top-\[40\%\]{top:40%}.sm\:inline{display:inline}.sm\:w-\[160\%\]{width:160%}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-\[clamp\(1\.8rem\,8\.8vw\,3\.5rem\)\]{font-size:clamp(1.8rem,8.8vw,3.5rem)}.sm\:leading-none{--tw-leading:1;line-height:1}.sm\:tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}}@media (width>=48rem){.md\:block{display:block}}@media (width>=64rem){.lg\:top-\[35\%\]{top:35%}.lg\:left-0{left:0}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:row-span-1{grid-row:span 1/span 1}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:row-span-3{grid-row:span 3/span 3}.lg\:h-auto{height:auto}.lg\:h-full{height:100%}.lg\:min-h-0{min-height:0}.lg\:w-full{width:100%}.lg\:max-w-\[27ch\]{max-width:27ch}.lg\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:auto-rows-30{grid-auto-rows:calc(var(--spacing) * 30)}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:overflow-visible{overflow:visible}.lg\:p-6{padding:calc(var(--spacing) * 6)}.lg\:py-0{padding-block:0}.lg\:pt-17{padding-top:calc(var(--spacing) * 17)}.lg\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-\[clamp\(3\.25rem\,13vw\,10rem\)\]{font-size:clamp(3.25rem,13vw,10rem)}.lg\:will-change-transform{will-change:transform}}@media (width>=80rem){.xl\:max-w-\[28ch\]{max-width:28ch}}.\[\&_a\]\:transition-colors a{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[\&_a\:hover\]\:text-blanco a:hover{color:var(--color-blanco)}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.projects-showcase{min-height:100dvh;color:var(--color-amarillo);background:var(--color-negro);align-items:center;padding:clamp(5.5rem,8vh,7.5rem) clamp(1rem,4vw,4rem) clamp(1.25rem,4vh,3rem);display:flex;position:relative;overflow:hidden}.projects-shell{grid-template-rows:auto minmax(0,1fr);gap:clamp(1.25rem,3vh,2rem);width:min(100%,90rem);height:min(48rem,100dvh - 8rem);min-height:34rem;margin-inline:auto;display:grid}.projects-header{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.projects-header h2{max-width:12ch;font-family:var(--font-special);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2rem,4vw,4.25rem);line-height:.92}.projects-header__counter{color:#eee7d573;font-family:var(--font-inter);font-variant-numeric:tabular-nums;letter-spacing:.08em;align-items:baseline;gap:.55rem;font-size:.875rem;font-weight:800;display:flex}.projects-header__counter span:first-child{color:var(--color-verde-retro);font-size:1.5rem}.projects-layout{grid-template-columns:minmax(18rem,.88fr) minmax(24rem,1.12fr);gap:clamp(1.5rem,4vw,4.5rem);min-height:0;display:grid}.project-stage{clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 2rem,100% 100%,2rem 100%,0 calc(100% - 2rem));background:#161617;min-width:0;min-height:0;position:relative;overflow:hidden}.project-stage__media{position:absolute;inset:0;overflow:hidden}.project-stage__screenshot{object-fit:cover;object-position:top center;filter:saturate(.86)contrast(1.04);width:100%;height:100%}.project-stage__shade{background:linear-gradient(#0000 0%,#07070924 42%,#070709f5 100%);position:absolute;inset:0}.project-stage__logo{place-items:center;display:grid;position:absolute;inset:clamp(2rem,7vw,5rem)}.project-stage__logo img{object-fit:contain;filter:drop-shadow(0 1rem 2.5rem #00000073);width:min(78%,17rem);max-height:10rem}.project-stage__future{color:#eee7d57a;background:#111113;place-content:center;justify-items:center;gap:1rem;width:100%;height:100%;display:grid}.project-stage__future svg{width:clamp(4rem,10vw,7rem);height:auto}.project-stage__future span{font-family:var(--font-inter);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.project-stage__chrome{z-index:2;inset-inline:0;justify-content:space-between;align-items:flex-end;gap:1.25rem;padding:clamp(1rem,2.5vw,2rem);display:flex;position:absolute;bottom:0}.project-stage__identity{align-items:center;gap:.875rem;min-width:0;display:flex}.project-stage__number{color:var(--color-verde-retro);font-family:var(--font-special);font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1}.project-stage__identity h3{max-width:18ch;font-family:var(--font-special);text-overflow:ellipsis;font-size:clamp(1rem,1.7vw,1.45rem);line-height:1.05;overflow:hidden}.project-stage__identity p{color:#eee7d5a8;font-family:var(--font-inter);margin-top:.35rem;font-size:.75rem;font-weight:700}.project-stage__action{min-height:2.75rem;color:var(--color-negro);background:var(--color-verde-retro);font-family:var(--font-inter);text-transform:uppercase;clip-path:polygon(.65rem 0,100% 0,100% calc(100% - .65rem),calc(100% - .65rem) 100%,0 100%,0 .65rem);flex:none;justify-content:center;align-items:center;gap:.55rem;padding:.75rem .95rem;font-size:.75rem;font-weight:850;line-height:1;text-decoration:none;display:inline-flex}.project-stage__action svg{width:1rem;height:1rem}.project-stage__action[aria-disabled=true]{color:#eee7d573;background:#eee7d51a}.project-selector{grid-template-rows:auto minmax(0,1fr) auto;gap:.875rem;min-width:0;min-height:0;padding-block:.25rem;display:grid}.project-selector__heading{justify-content:space-between;align-items:center;gap:1rem;padding-inline:.5rem 1.25rem;display:flex}.project-selector__heading h3{font-family:var(--font-special);letter-spacing:-.02em;font-size:clamp(1rem,1.6vw,1.35rem)}.project-selector__heading>span{color:#eee7d5a6;font-family:var(--font-inter);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:800}.project-selector__list{align-content:center;gap:clamp(.625rem,1.5vh,1rem);min-height:0;display:grid}.project-selector__item{color:#eee7d59e;text-align:left;cursor:pointer;clip-path:polygon(1.25rem 0,100% 0,100% calc(100% - 1.25rem),calc(100% - 1.25rem) 100%,0 100%,0 1.25rem);background:#1b191f;grid-template-columns:clamp(4rem,8vw,6.5rem) minmax(0,1fr) auto;align-items:center;gap:clamp(.875rem,2vw,1.5rem);width:calc(100% - 1.5rem);min-height:clamp(5.25rem,12vh,7.25rem);margin-left:1.5rem;padding:.75rem clamp(1rem,2vw,1.5rem) .75rem .75rem;display:grid;position:relative;overflow:hidden}.project-selector__item:before{content:"";background:var(--color-verde-retro);opacity:0;transition:opacity .16s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.project-selector__item[data-active=true]{color:var(--color-negro)}.project-selector__item[data-active=true]:before{opacity:1}.project-selector__item>*{z-index:1;position:relative}.project-selector__thumb{color:#eee7d573;clip-path:polygon(.6rem 0,100% 0,100% calc(100% - .6rem),calc(100% - .6rem) 100%,0 100%,0 .6rem);background:#0f0f11;place-items:center;height:100%;min-height:3.75rem;display:grid;overflow:hidden}.project-selector__thumb img{object-fit:cover;object-position:top center;width:100%;height:100%}.project-selector__thumb svg{width:2rem;height:2rem}.project-selector__copy{gap:.35rem;min-width:0;display:grid}.project-selector__copy strong{font-family:var(--font-special);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.9rem,1.5vw,1.25rem);line-height:1.05;overflow:hidden}.project-selector__copy span{font-family:var(--font-inter);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:750;overflow:hidden}.project-selector__index{font-family:var(--font-special);font-variant-numeric:tabular-nums;font-size:clamp(1rem,2vw,1.5rem)}.project-selector__marker{background:var(--color-naranjo);clip-path:polygon(0 0,100% 0,100% 100%);opacity:0;width:.75rem;height:.75rem;position:absolute;top:0;right:0}.project-selector__item[data-active=true] .project-selector__marker{opacity:1}.project-selector__hint{color:#eee7d580;font-family:var(--font-inter);letter-spacing:.06em;text-transform:uppercase;justify-content:flex-end;align-items:center;gap:1.5rem;padding-inline:.5rem 1.25rem;font-size:.68rem;font-weight:750;display:flex}.project-selector__hint span{align-items:center;gap:.35rem;display:inline-flex}.project-selector__hint kbd{min-width:1.5rem;height:1.5rem;color:var(--color-amarillo);font:inherit;border:1px solid #eee7d53d;place-items:center;padding-inline:.25rem;display:inline-grid}.project-selector__item:focus-visible,.project-stage__action:focus-visible{outline:2px solid var(--color-morado);outline-offset:-4px}@media (hover:hover) and (pointer:fine){.project-selector__item:not([data-active=true]):hover{color:var(--color-amarillo);background:#242129}.project-stage__action:not([aria-disabled=true]):hover{background:var(--color-blanco)}}@media (width<=56rem){.projects-showcase{padding:5.5rem 1rem 1rem}.projects-shell{gap:1rem;height:calc(100dvh - 6.5rem);min-height:31rem}.projects-header h2{font-size:clamp(1.75rem,7vw,3rem)}.projects-layout{grid-template-rows:minmax(12rem,1.08fr) minmax(14rem,.92fr);grid-template-columns:1fr;gap:1rem}.project-stage__logo img{width:min(62%,14rem)}.project-selector{gap:.5rem}.project-selector__heading,.project-selector__hint{display:none}.project-selector__list{align-content:stretch;gap:.5rem}.project-selector__item{grid-template-columns:4rem minmax(0,1fr) auto;width:calc(100% - .75rem);min-height:0;margin-left:.75rem;padding-block:.5rem}}@media (width<=32rem){.projects-header__counter{gap:.35rem}.project-stage__chrome{align-items:center;padding:.875rem}.project-stage__identity{gap:.625rem}.project-stage__identity h3{max-width:16ch;font-size:.9rem}.project-stage__identity p{font-size:.65rem}.project-stage__action{width:2.75rem;padding:0}.project-stage__action span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.project-selector__item{grid-template-columns:3.5rem minmax(0,1fr) auto;gap:.75rem}}@media (prefers-reduced-motion:reduce){.project-selector__item:before{transition:none}}.projects-menu{width:100%;height:100dvh;color:var(--color-gris);background:linear-gradient(180deg, #e1e8ee 0%, var(--color-celeste) 100%);isolation:isolate;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.projects-menu:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(112deg,#ffffff38,#0000 38%);position:absolute;inset:0}.projects-menu__scene{grid-template-rows:auto minmax(0,1fr);gap:clamp(1rem,2vh,1.75rem);width:min(100%,100rem);min-height:0;margin-inline:auto;padding:clamp(5.5rem,9vh,7rem) 0 clamp(1rem,2vh,1.5rem) clamp(1rem,4vw,4rem);display:grid;position:relative}.projects-menu__header{justify-content:space-between;align-items:flex-end;gap:1rem;max-width:44%;display:flex}.projects-menu__header h2{font-family:var(--font-special);letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(2.25rem,5vw,5.5rem);line-height:.82}.projects-menu__header p{color:#3838388c;font-family:var(--font-special);font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:clamp(.8rem,1.2vw,1.1rem)}.projects-menu__main{grid-template-columns:minmax(19rem,.76fr) minmax(34rem,1.24fr);gap:clamp(1rem,2vw,2rem);min-height:0;display:grid}.project-cartridge{transform-origin:48% 55%;align-self:stretch;min-width:0;min-height:0;position:relative;transform:rotate(6deg)}.project-cartridge:before{content:"";z-index:-1;filter:blur(1.5rem);background:#3838382e;position:absolute;inset:6% 14% 8% 15%;transform:translate(1rem,1.35rem)}.project-cartridge__viewport{place-items:center;display:grid;position:absolute;inset:-5% -4% 8%}.project-cartridge__canvas{pointer-events:none;width:100%;height:100%}.project-cartridge__placeholder{aspect-ratio:.72;color:#38383847;clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 2rem,100% 100%,2rem 100%,0 calc(100% - 2rem));background:#e0e8ee85;border:1px solid #38383829;place-items:center;width:min(72%,24rem);display:grid}.project-cartridge__placeholder svg{width:5rem;height:5rem}.project-cartridge__rail{z-index:2;color:#3838387a;font-family:var(--font-inter);letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;flex-direction:column;justify-content:space-between;align-items:center;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:13%;bottom:20%;left:1%}.project-cartridge__caption{z-index:2;color:var(--color-gris);background:0 0;border-top:1px solid #38383859;gap:.35rem;padding:.85rem 0;display:grid;position:absolute;bottom:1%;left:8%;right:2%}.project-cartridge__caption span{font-family:var(--font-inter);letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;font-weight:850}.project-cartridge__caption h3{font-family:var(--font-special);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.9rem,1.35vw,1.25rem);line-height:1;overflow:hidden}.project-cartridge[data-available=false] .project-cartridge__caption{color:#38383885;background:0 0}.project-cartridge__corner{display:none}.project-track{grid-template-rows:auto minmax(0,1fr);gap:.65rem;min-width:0;min-height:0;padding-top:clamp(0rem,2vh,1.25rem);display:grid}.project-track__toolbar{color:#38383894;width:calc(100% - clamp(2rem,8vw,7rem));font-family:var(--font-inter);letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #3838382e;border-bottom:1px solid #3838382e;justify-content:space-between;align-items:center;gap:1rem;margin-left:clamp(1rem,4vw,4rem);padding:.6rem 1rem;font-size:.65rem;font-weight:800;display:flex}.project-track__list{flex-direction:column;justify-content:center;gap:clamp(.4rem,.85vh,.7rem);min-height:0;padding-block:.2rem;display:flex}.project-track__item{color:#07070980;text-align:left;cursor:pointer;transform-origin:0;clip-path:polygon(1rem 0,100% 0,100% calc(100% - 1rem),calc(100% - 1rem) 100%,0 100%,0 1rem);background:#3838381f;flex:1 1 0;grid-template-columns:clamp(4.5rem,8vw,7rem) minmax(0,1fr) auto;align-items:center;gap:clamp(.8rem,1.8vw,1.4rem);width:calc(100% + 4rem);min-height:0;padding:.55rem clamp(5rem,8vw,8rem) .55rem .65rem;transition:color .14s cubic-bezier(.23,1,.32,1),background-color .14s cubic-bezier(.23,1,.32,1);display:grid;position:relative;overflow:hidden;transform:translate(10%)rotate(3.5deg)}.project-track__item:first-child{transform:translate(27%)rotate(3.5deg)}.project-track__item:nth-child(2){transform:translate(15%)rotate(3.5deg)}.project-track__item:nth-child(3){transform:translate(0)rotate(3.5deg)}.project-track__item:nth-child(4){transform:translate(12%)rotate(3.5deg)}.project-track__item:nth-child(5){transform:translate(24%)rotate(3.5deg)}.project-track__item[data-active=true]{z-index:2;color:var(--color-negro);background:#38383842;flex-grow:1.72;transform:translate(-2%)rotate(3.5deg)}.project-track__item:after{content:"";pointer-events:none;border-top:1px solid #3838381a;position:absolute;inset:0}.project-track__item[data-active=true]:after{border-color:#07070924}.project-track__thumb{color:#e0e8ee6b;background:var(--color-negro);clip-path:polygon(.65rem 0,100% 0,calc(100% - .65rem) 100%,0 100%);place-items:center;width:100%;height:100%;min-height:2.8rem;display:grid;overflow:hidden;transform:skew(-4deg)}.project-track__thumb img{object-fit:cover;object-position:top center;width:100%;height:100%;transform:skew(4deg)scale(1.08)}.project-track__thumb svg{width:clamp(1.5rem,3vw,2.3rem);height:auto;transform:skew(4deg)}.project-track__copy{gap:.28rem;min-width:0;display:grid}.project-track__copy strong{font-family:var(--font-special);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.82rem,1.45vw,1.2rem);line-height:1;overflow:hidden}.project-track__copy>span{font-family:var(--font-inter);letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.62rem;font-weight:800;overflow:hidden}.project-track__code{font-family:var(--font-special);font-variant-numeric:tabular-nums;font-size:clamp(.72rem,1vw,.95rem)}.project-track__status{min-width:4.5rem;color:var(--color-gris);font-family:var(--font-inter);letter-spacing:.09em;text-align:center;text-transform:uppercase;clip-path:polygon(.45rem 0,100% 0,100% 100%,0 100%);background:#e0e8ee;padding:.25rem .55rem;font-size:.52rem;font-weight:850;position:absolute;top:0;right:clamp(5rem,8vw,8rem);transform:translateY(-1px)}.project-track__item[data-active=true] .project-track__status{color:#e0e8ee;background:var(--color-gris)}.project-track__item:focus-visible,.projects-menu__enter:focus-visible{outline:2px solid var(--color-negro);outline-offset:-4px}.projects-menu__controls{z-index:5;color:#3838389e;min-height:4rem;font-family:var(--font-inter);letter-spacing:.07em;text-transform:uppercase;background:#e0e8ee7a;border-top:1px solid #38383829;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.25rem;padding-left:clamp(1rem,4vw,4rem);font-size:.66rem;font-weight:800;display:grid;position:relative}.projects-menu__control-group{align-items:center;gap:clamp(1rem,3vw,2.5rem);display:flex}.projects-menu__control-group span{align-items:center;gap:.35rem;display:flex}.projects-menu__controls kbd{min-width:1.55rem;height:1.55rem;color:var(--color-gris);font:inherit;border:1px solid #3838384d;place-items:center;padding-inline:.3rem;display:inline-grid}.projects-menu__controls>p{text-overflow:ellipsis;white-space:nowrap;max-width:32ch;overflow:hidden}.projects-menu__controls>p strong{color:var(--color-negro)}.projects-menu__enter{color:#e0e8ee;background:var(--color-gris);justify-content:center;justify-self:end;align-items:center;gap:.6rem;min-width:min(22vw,18rem);height:100%;padding-inline:clamp(1rem,3vw,2.5rem);text-decoration:none;display:flex}.projects-menu__enter svg{width:1.1rem;height:1.1rem}.projects-menu__enter[aria-disabled=true]{color:#38383861;background:#3838381a}@media (hover:hover) and (pointer:fine){.project-track__item:not([data-active=true]):hover{color:var(--color-negro);background:#3838382e}.projects-menu__enter:not([aria-disabled=true]):hover{color:var(--color-negro);background:#e0e8ee}}@media (width<=64rem){.projects-menu__scene{padding-left:1rem}.projects-menu__main{grid-template-columns:minmax(15rem,.72fr) minmax(27rem,1.28fr)}.project-cartridge__rail{display:none}.projects-menu__controls{grid-template-columns:1fr auto}.projects-menu__controls>p{display:none}}@media (width<=45rem){.projects-menu__scene{gap:.65rem;padding:5rem 0 .65rem}.projects-menu__header{max-width:none;padding-inline:1rem}.projects-menu__header h2{font-size:clamp(1.75rem,9vw,3rem)}.projects-menu__main{grid-template-rows:minmax(10rem,.72fr) minmax(18rem,1.28fr);grid-template-columns:1fr;gap:.35rem}.project-cartridge{justify-self:center;width:min(76%,20rem);transform:rotate(5deg)}.project-cartridge__viewport{inset:-16% -8% -4%}.project-cartridge__caption{padding:.6rem .8rem;bottom:0;left:4%;right:-8%}.project-cartridge__corner{right:-9%}.project-track{gap:.3rem;padding-top:0}.project-track__toolbar{display:none}.project-track__list{gap:.3rem}.project-track__item{grid-template-columns:3.75rem minmax(0,1fr) auto;padding:.35rem 4rem .35rem .45rem;transform:translate(5%)rotate(1.8deg)}.project-track__item:first-child{transform:translate(18%)rotate(1.8deg)}.project-track__item:nth-child(2){transform:translate(10%)rotate(1.8deg)}.project-track__item:nth-child(3){transform:translate(0)rotate(1.8deg)}.project-track__item:nth-child(4){transform:translate(8%)rotate(1.8deg)}.project-track__item:nth-child(5){transform:translate(16%)rotate(1.8deg)}.project-track__item[data-active=true]{transform:translate(-1%)rotate(1.8deg)}.project-track__status{right:4rem}.projects-menu__controls{min-height:3.5rem;padding-left:1rem}.projects-menu__control-group span:last-child{display:none}.projects-menu__enter{min-width:10.5rem}}@media (width<=30rem){.project-track__copy strong{font-size:.72rem}.project-track__copy>span,.project-track__status{font-size:.48rem}.project-track__code,.projects-menu__control-group{display:none}.projects-menu__controls{grid-template-columns:1fr;padding-left:0}.projects-menu__enter{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.project-track__item{transition:none}}.technology-carousel{align-items:center;min-width:0;height:100%;display:flex;overflow:hidden}.technology-carousel__viewport{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.technology-carousel__viewport:active{cursor:grabbing}.technology-carousel__viewport:focus-visible{outline:2px solid var(--color-verde-retro);outline-offset:-2px}.technology-carousel__track{will-change:transform;gap:.75rem;width:max-content;display:flex;position:relative}.technology-carousel__group{flex:none;gap:.75rem;display:flex}.technology-carousel__item{width:7rem;min-height:6.5rem;color:var(--color-amarillo);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.5rem;display:flex}.technology-carousel__icon{aspect-ratio:1;flex:none;place-items:center;width:3.25rem;display:grid;position:relative}.technology-carousel__icon svg{pointer-events:none;width:100%;height:100%}.technology-carousel__label{font-family:var(--font-inter);text-align:center;white-space:nowrap;font-size:.75rem;font-weight:650;line-height:1}@media (prefers-reduced-motion:reduce){.technology-carousel__viewport{touch-action:auto;cursor:auto;scrollbar-width:none;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.technology-carousel__viewport::-webkit-scrollbar{display:none}.technology-carousel__group[aria-hidden=true]{display:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}