.project-card{--card-foreground-color: var(--card-text-color, var(--card-brand-color, var(--text-primary)));display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);max-height:100%;border-radius:var(--border-radius-lg);border:var(--size-2) solid color-mix(in srgb,rgb(80 80 80) 10%,transparent);opacity:0;translate:0 32px;transition:opacity .4s cubic-bezier(.16,1,.3,1),translate .4s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--card-index, 0) * 20ms)}.project-card.is-visible{opacity:1;translate:0 0}.project-card.was-visible:not(.is-visible){translate:0 -84px}.project-card--primary{min-height:25rem}.card--secondary{display:flex;flex-direction:column;min-height:16rem}.card__image-container{aspect-ratio:3/2;width:100%;overflow:hidden}.card__image-container .card__image-full{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease-in-out}.project-card.interactive-card{position:relative;background-color:var(--card-background-color);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-base);padding:var(--space-1)}.project-card.interactive-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.project-card__link{display:block;width:100%;height:100%;text-decoration:none}.project-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--card-brand-color, var(--text-accentprimary));display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:var(--space-3);opacity:0;transition:opacity .4s ease-in-out;text-align:left;border-radius:var(--border-radius-lg)}.card.interactive-card:hover .card__overlay{opacity:.9}.card.interactive-card:hover .card__image-full{opacity:.3}.project-card__info-hover{opacity:0;transform:translateY(var(--space-2));transition:opacity .3s ease-out .15s,transform .3s ease-out .15s}.project-card.interactive-card:hover .project-card__info-hover{opacity:1;transform:translateY(0)}.card__container-hero{display:flex;justify-content:space-between;align-items:center;content-visibility:auto;width:100%;padding-block-end:var(--space-1);border-bottom:var(--size-1) solid color-mix(in srgb,rgb(36 36 36) 25%,transparent);color:var(--card-foreground-color)}.project-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-top:0;margin-bottom:var(--space-xs)}.card__info-container{display:none}.card__name{font-size:var(--font-size-h5);letter-spacing:-.1rem;color:var(--card-foreground-color)}.card__categories{display:flex;justify-content:flex-start;align-items:flex-end;gap:var(--space-1)}.card__description{margin-bottom:0;padding-block:var(--space-2);color:var(--card-foreground-color)}.card__category{display:flex;padding:var(--space-1);justify-content:center;align-items:center;gap:var(--space-1);font-size:var(--fs-caption);font-family:var(--font-sans);font-weight:var(--font-weight-normal);color:var(--card-foreground-color);text-align:center}.card__link{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--space-2);color:var(--card-foreground-color)}.card__metrics{display:flex;align-items:center;align-content:center;gap:var(--spacing-unit-8pt);align-self:stretch;flex-wrap:wrap}.card__metrics .card__metrica{font-size:var(--fs-note);font-weight:var(--font-weight-medium);line-height:var(--line-height-note);color:var(--card-foreground-color);text-align:left;margin-bottom:0}.card__year{font-size:var(--fs-caption);font-weight:var(--font-weight-medium);margin-top:0;margin-bottom:var(--space-xs)}.card__link--disabled{pointer-events:none;opacity:1;cursor:default}@container projects-container (min-width: 768px){.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.project-card--primary{grid-column:span 2}.project-card--secondary,.project-card--tertiary{grid-column:span 1}.card__info-container{display:flex}.card__image-container{max-height:70vh}.project-card.interactive-card{padding:var(--space-4)}}@container projects-page-container (min-width: 768px){.project-card--secondary{padding-left:var(--space-8);padding-right:var(--space-8)}.projects-grid-secondary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);padding:0 var(--space-8) 0}.project-card__link{display:flex;flex-direction:column;align-self:stretch;justify-content:flex-start}.card__info-container{display:flex;flex-direction:column;gap:var(--space-2);align-self:stretch;flex-grow:1}}@container projects-page-container (min-width: 1280px){.project-card--secondary>.project-card__link{flex-direction:column}.card__info-container--primary{padding:var(--space-4) var(--space-8)}.card__info-container--secondary,.card__info-container--tertiary{padding:var(--space-4) 0}}@container projects-page-container (min-width: 1920px){.project-card--secondary>.project-card__link{display:flex;flex-direction:row;gap:var(--space-4)}.card__info-container--secondary{display:flex;align-self:center;justify-content:space-between;gap:var(--space-4)}}.project-card--en-proceso .card__link--disabled{opacity:.8;pointer-events:none;-webkit-user-select:none;user-select:none;filter:grayscale(35%);transition:opacity .3s ease,filter .3s ease}.project-card--en-proceso .card__description{mix-blend-mode:normal;color:var(--text-secondary)}.card__status{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:var(--fs-note, .75rem);font-family:var(--font-sans);font-style:italic;font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--text-accentsecondary, #888);background:color-mix(in srgb,currentcolor 10%,transparent);border:1px solid color-mix(in srgb,currentcolor 20%,transparent);border-radius:999px;padding:4px 10px}.card__status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentcolor;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@media (hover: hover){.project-card--en-proceso{cursor:none}.project-card.interactive-card.project-card--en-proceso:hover{transform:none;box-shadow:var(--shadow-sm)}.project-card--en-proceso:hover .card__link--disabled{opacity:.5;filter:grayscale(15%)}.project-card--en-proceso:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001f;border-radius:var(--border-radius-lg);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.project-card--en-proceso:hover:after{opacity:1}.project-card--en-proceso .card__status{opacity:0;transition:opacity .2s ease}.card__bubble{position:fixed;top:0;left:0;width:100px;height:100px;border-radius:50%;background:#ffffff5e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgb(255 255 255 / 30%);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9999;opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .28s cubic-bezier(.34,1.56,.64,1),transform .28s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity,left,top;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff13}.card__bubble--visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.card__bubble-text{font-family:Helvetica Neue,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#363333eb;text-align:center;line-height:1.4}}@media (hover: none){.card__bubble{display:none}}.home-intro{position:relative;overflow:clip visible;width:100%;background-color:var(--bg-primary)}.home-intro__outro{min-height:clamp(5rem,14svh,10rem);background-color:transparent}.hero{position:relative;display:flex;isolation:isolate;flex-direction:column;justify-content:flex-start;align-items:start;overflow:clip visible;width:100%;min-height:max(48rem,120svh);padding:0 var(--space-2) var(--space-10);background-color:var(--bg-primary)}.hero__content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-height:calc(100svh - var(--space-10));max-width:var(--container-xl);margin-inline:auto;gap:var(--space-2)}.hero__heading,.hero__subheading,.hero__interactive{position:relative;z-index:1}.hero__heading{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);text-align:left;content-visibility:auto;max-width:48rem}.hero__subheading{max-width:48rem;margin-bottom:0;color:var(--text-primary);font-family:var(--font-sans);font-weight:var(--font-weight-normal);text-align:left;content-visibility:auto}.hero__heading-span--accent{color:var(--brand);font-style:italic;font-weight:var(--font-weight-bold)}.hero__description{color:var(--text-secondary);font-size:var(--font-size-h6);text-align:left}.hero__sun{position:absolute;z-index:0;inset-block-start:clamp(-7rem,-6vw,-3rem);inset-inline-end:clamp(-10rem,-4vw,-3rem);width:clamp(24rem,56vw,52rem);height:clamp(24rem,56vw,52rem);opacity:.58;filter:blur(0);transform-origin:center;pointer-events:none;will-change:transform,opacity,filter}.hero__sun-image{width:100%;height:100%;object-fit:contain;animation:hero-sun-rotation 24s linear infinite;will-change:transform}.hero__btn-container{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%;gap:var(--space-2);will-change:transform,opacity}@keyframes hero-sun-rotation{to{transform:rotate(1turn)}}.about-home{position:relative;container-name:about-home;container-type:inline-size;display:grid;isolation:isolate;grid-template-areas:"design bolt and" "development development development" "copy copy copy";grid-template-columns:minmax(0,1fr) clamp(3.5rem,18cqi,5rem) auto;place-content:center;align-items:center;overflow:visible;width:100%;max-width:var(--container-xl);margin-inline:auto;padding:var(--space-8) var(--space-2);gap:var(--space-2);color:var(--text-primary);background-color:transparent;min-height:max(48rem,145svh)}.about-home__backdrop{position:absolute;z-index:-1;inset-block:-18svh;inset-inline-start:50%;width:100vw;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg-accentsolid) 18%,transparent) 14%,color-mix(in srgb,var(--bg-accentsolid) 72%,transparent) 32%,var(--bg-accentsolid) 50%,color-mix(in srgb,var(--bg-accentsolid) 72%,transparent) 68%,color-mix(in srgb,var(--bg-accentsolid) 18%,transparent) 86%,transparent 100%);opacity:.96;filter:blur(24px) saturate(1.03);transform:translate(-50%);pointer-events:none}.about-home__title{z-index:1;margin:0;color:var(--text-primary);font-family:var(--font-mono);font-size:clamp(2rem,9cqi,4.5rem);font-weight:var(--font-weight-bold);line-height:1;text-wrap:nowrap;white-space:nowrap;will-change:transform,opacity}.about-home__title--design,.about-home__title--design-blur{grid-area:design;letter-spacing:.07em}.about-home__title--design-blur{z-index:0;opacity:0;filter:blur(9px);pointer-events:none}.about-home__title--and{grid-area:and}.about-home__title--development{grid-area:development;justify-self:end}.about-home__image{grid-area:bolt;z-index:2;width:100%;height:auto;aspect-ratio:1;object-fit:cover;pointer-events:none;will-change:transform,opacity}.about-home__content{grid-area:copy;width:min(18rem,80cqi);margin:var(--space-2) 0 0 10cqi;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-note);line-height:var(--line-height-note);will-change:transform,opacity}.about-home__word{display:inline-block;will-change:transform,opacity,filter}@media (prefers-reduced-motion: no-preference){.about-home__title--design,.about-home__title--and,.about-home__title--development,.about-home__image,.about-home__content{visibility:hidden;opacity:0}}@media (prefers-reduced-motion: reduce){.hero__sun-image{animation:none}}.projects,.playground{display:flex;flex-direction:column;width:100%;gap:var(--space-4);padding:var(--space-4) 0;border-radius:var(--radius-s);content-visibility:auto}.projects{position:relative;z-index:1;background-color:var(--bg-primary)}.projects__container-title,.playground__container-title{display:flex;justify-content:space-between;align-items:center;content-visibility:auto;width:100%}.projects__title,.playground__title{font-family:var(--font-sans);font-size:var(--font-size-h3);font-weight:var(--font-weight-normal);letter-spacing:-.005rem;text-transform:uppercase;text-align:center}.projects__subtitle,.playground__subtitle{font-family:var(--font-mono);font-size:var(--fs-body);font-weight:var(--font-weight-normal);letter-spacing:-.02rem;text-transform:uppercase;text-align:center;margin-bottom:0}.projects__intro{margin-bottom:0;padding:0 var(--space-2);text-align:left;grid-column:1 / -1;max-width:48rem}.projects__header{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;justify-content:center;padding:var(--space-4)}.projects__grid{display:grid;gap:var(--space-8);width:100%;padding:0 var(--space-2)}.projects__footer{display:flex;justify-content:center}.playground{display:flex;flex-direction:column;justify-content:center;width:100%;gap:var(--space-3);padding:var(--space-2);background-color:var(--bg-accentprimary);padding-top:var(--space-10)}.playground__title{margin-top:0}.playground__intro{text-align:center;margin-bottom:var(--space-4)}.playground__grid{display:grid;gap:var(--space-3)}.cta{display:flex;justify-content:center;flex-direction:column;margin:var(--space-6) 0}.cta__title{text-align:center;margin-bottom:var(--space-4)}.cta__links{display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;align-items:center}@media (width >=768px){.cta__links{flex-direction:row;gap:var(--space-4);justify-content:space-evenly}.about{flex-direction:row;gap:var(--space-4);justify-content:space-between;align-items:start}.about__title{min-width:50%}}@container main-content-container (min-width: 600px){.hero{padding-inline:var(--space-4)}.hero__btn-container{flex-flow:row wrap;align-items:start;gap:var(--space-6)}}@container main-content-container (min-width: 960px){.hero__heading{font-size:var(--font-size-h1);max-width:min(100%,72rem)}.hero__btn-container{flex-direction:row;gap:var(--space-6);align-items:start}}@container main-content-container (min-width: 768px){.about-home{--about-composition-top: calc(50% - 13.574cqi) ;position:relative;display:block;max-width:var(--container-xl);margin-inline:auto;padding:0}.about-home__title{position:absolute;font-size:10.677cqi;line-height:normal}.about-home__title--design,.about-home__title--design-blur{inset-block-start:var(--about-composition-top);inset-inline-start:0;letter-spacing:.747cqi}.about-home__title--and{inset-block-start:var(--about-composition-top);inset-inline-start:57.02cqi}.about-home__title--development{inset-block-start:calc(var(--about-composition-top) + 12.377cqi);inset-inline:auto .75cqi}.about-home__image{position:absolute;inset-block-start:calc(var(--about-composition-top) + 1.094cqi);inset-inline-start:40.101cqi;width:13.984cqi;height:13.984cqi}.about-home__content{position:absolute;inset-block-start:calc(var(--about-composition-top) + 20.463cqi);inset-inline-start:10.286cqi;width:21.853cqi;margin:0;font-size:var(--fs-body);line-height:var(--line-height-body)}}@container main-content-container (min-width: 1280px){.hero{display:flex;flex-direction:column;gap:var(--space-8)}.projects{display:flex;flex-direction:column;justify-content:center;padding-block:var(--space-10)}.projects__intro{text-align:center}.hero__heading{font-size:var(--font-size-h1);letter-spacing:-.3rem;line-height:1.2em;word-break:keep-all;overflow-wrap:normal}}@container main-content-container (min-width: 1570px){.hero__sun{inset-block-start:50%;inset-inline:50% auto;translate:-50% -50%}}@container app-container (min-width: 1920px){.home-intro .hero{max-width:none}}.projects{container-type:inline-size;container-name:projects-container}.projects-page{container-type:inline-size;container-name:projects-page-container;max-width:var(--container-xl);margin-inline:auto;width:100%}.projects-page__header{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--space-4) var(--space-4) var(--space-8);gap:var(--space-4)}.projects-page__title{font-family:var(--font-mono);font-size:var(--font-size-h3)}.projects-page__subtitle{font-family:var(--font-mono);font-size:var(--fs-body);color:var(--text-secondary);margin-bottom:0}.projects-grid{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-10);padding:0 var(--space-4) var(--space-10)}@container projects-grid-container (min-width: 768px){.projects-grid-secondary{display:grid;padding:0 var(--space-8) var(--space-10);grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}.about{display:flex;flex-direction:column;align-items:center;width:100%;container-type:inline-size;container-name:about-container}.about__header{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.about__title-page{padding-inline-start:var(--space-3)}.about__container{display:flex;flex-direction:column;gap:var(--space-max);padding:var(--space-2) var(--space-3) var(--space-8);width:100%}.about__title-page{letter-spacing:6px}.about__img-container{border-radius:var(--radius-m);width:100%;overflow-x:hidden}.about__img-container img{border-radius:var(--radius-xl)}.information__container{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--space-12);padding-inline:var(--space-2);container-type:inline-size;container-name:information-container}.experience,.education,.cta,.methodology,.skills{display:flex;flex-direction:column;width:100%}.information__header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding-bottom:var(--space-4)}.experience__list,.education__list,.skills__list{display:flex;flex-direction:column;gap:var(--space-3)}.experience__item,.education__item,.skills__items{border-bottom:1px solid rgb(0 0 0 / 15%);padding-bottom:var(--space-4)}.experience__company,.education__university{color:var(--text-secondary)}.experience__company-container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.experience__year,.education__year{color:var(--text-tertiary)}.experience__description{display:none}.education__description{color:var(--text-secondary);margin-bottom:0}.about__contenido-container{display:flex;flex-direction:column;gap:var(--space-4)}.about__text-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.about__intro-container{min-height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block-start:var(--space-4)}.about__intro{color:var(--text-secondary);font-size:var(--font-size-h5);width:90%;align-self:center}.about__text{color:var(--text-secondary)}.experience__container,.education__container{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.methodology{container-type:inline-size;container-name:methodology;display:flex;flex-direction:column;align-items:center;width:100%;background-color:var(--bg-primary)}.methodology__container{display:flex;flex-direction:column;gap:var(--space-12);width:100%}.methodology__text-container{display:flex;flex-direction:column;gap:var(--space-8);width:100%}.methodology__title{text-align:center}.methodology__list{display:flex;flex-direction:column;gap:var(--space-3)}.methodology__item{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:var(--space-5) var(--space-3) var(--space-5) var(--space-3);gap:var(--space-3);width:100%;height:568px;border-radius:var(--radius-m);background-color:var(--card-methodology-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.methodology__heading{color:var(--text-muted);height:100%;font-family:var(--font-sans);font-size:var(--font-size-h4);letter-spacing:-1.5px;min-height:3rem}.methodology__content{min-height:4rem}.skills__name--background{font-weight:var(--font-weight-normal);background:var(--blue-50);border:var(--size-1) solid var(--blue-900);color:var(--blue-500);border-radius:var(--radius-2xs);padding:var(--space-1) var(--space-2)}.skills__name--margin{margin-top:var(--space-4)}.skills__item{font-size:var(--fs-note);font-weight:var(--font-weight-light);padding-top:var(--space-1)}@container about-container (min-width: 768px){.about__container{padding:0 var(--space-8) 0}.about__contenido-container{display:flex;flex-direction:row}.about__img-container img{aspect-ratio:3 / 2;width:100%;object-fit:cover;object-position:top center}.about__text,.about__intro{max-width:75ch;align-self:center}.information__container{gap:var(--space-max);padding-inline:var(--space-8)}}@container about-container (min-width: 1440px){.about__img-container{display:flex;align-items:center;flex-grow:0;max-height:1047px;overflow-y:hidden}.about__img-container img{object-fit:cover;aspect-ratio:9 / 16;flex:none;order:0;flex-grow:1;max-height:51rem;min-width:36rem}.about__text,.about__intro{max-width:65ch}.experience__name{font-size:var(--font-size-h5)}.experience__company{margin-bottom:0;font-size:var(--font-size-h6)}.experience__year-container time{font-size:var(--fs-body)}}@container about-container (min-width: 1920px){.about__img-container img{object-fit:cover;aspect-ratio:4 / 8;flex:none;order:0;flex-grow:1;max-height:55rem;min-width:38rem}}@container methodology (min-width: 750px){.methodology__container{flex-flow:row wrap;align-items:center}.methodology__list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.methodology__heading{font-size:var(--font-size-h4);letter-spacing:-1.5px}.methodology__content{flex:1}}@container methodology (min-width: 1280px){.methodology__text-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.methodology__heading{font-size:var(--font-size-h4);letter-spacing:-1.5px}}@container information-container (min-width: 1280px){.experience,.education,.cta,.skills{flex-direction:row;gap:var(--space-4)}.information__header{flex:0;flex-grow:1;justify-content:flex-start}.experience__list,.education__list,.skills__list,.tools__list{min-width:60%;padding-top:var(--space-4)}.experience__list{flex:1}.experience__description{max-width:75ch}}@media (width >= 768px){.about__title-page{padding:var(--space-1) var(--space-8) var(--space-8);font-size:var(--font-size-h2);letter-spacing:-.3rem}.about__container{padding:0 var(--space-8) var(--space-10)}.about__img{object-fit:cover;height:600px}.experience__description{display:block}.methodology__intro{max-width:60ch;color:var(--text-secondary)}}.gallery{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(31rem,1fr));gap:var(--space-3);margin-top:var(--space-2)}.gallery__intro-text{text-align:center}.gallery__item{min-width:100%}.gallery__item--desktop{display:none}.gallery__item--video>.gallery__media--video{width:100%}.gallery__item--image{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--space-5);width:100%;min-width:100%;height:auto;border-radius:var(--border-radius-md)}.gallery__item--problem{height:31.25rem;max-height:31.25rem}.gallery__item--lottie{width:100%;height:100%}.gallery__media--image{flex-direction:row;justify-content:center;align-items:center;padding:16px;width:100%;height:347.19px;min-width:100%;display:block;object-fit:contain;flex:4}.gallery__media{display:flex;justify-content:center;align-items:center;align-self:stretch}.gallery__caption{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-note);font-style:normal;line-height:var(--line-height-xs);display:flex;align-items:center;min-height:var(--space-20);padding-inline:var(--space-3);padding-block:var(--space-2);background-color:var(--bg-primary);width:100%;flex:1}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.gallery-item img,.gallery-item video,.gallery-item lottie-player{display:block;width:100%;height:auto;object-fit:cover;background-color:var(--blue-grey-50)}.gallery-item lottie-player{max-height:300px;margin-left:auto;margin-right:auto}.gallery-item figcaption{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-accentsecondary);text-align:center;background-color:var(--background-body);margin-top:auto;border-top:var(--border-width) solid var(--border-color)}.project-section--pruebas-usabilidad{gap:0}@container app-container (min-width: 768px){.gallery__item--image{display:flex}.gallery__media--image{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-2);width:100%;object-fit:contain;flex:4}.gallery__item--mobile{display:none}.gallery__item--desktop{display:flex;justify-content:center}}.project__hero--image{position:relative;width:100%}.project__detail--title{font-size:var(--font-size-h1)}.problemas-list__subtitle{font-size:var(--font-size-h4);margin-top:var(--space-3);margin-bottom:var(--space-6)}.problem-section__heading{font-size:var(--font-size-h4);font-family:var(--font-sans);font-weight:var(--font-weight-normal);margin:var(--space-3) 0;padding-block:var(--space-10) var(--space-2)}.project-detail__subtitle{font-size:var(--font-size-h5)}.problem-section__intro{padding-block-end:var(--space-max)}.problem-section__user-story-snippet{display:flex;flex-direction:column;gap:var(--space-3)}.user-story{display:flex;flex-direction:column;gap:var(--space-2)}.problem-section__list,.insights-list{display:flex;justify-content:center;padding:var(--space-3) 0;flex-direction:column;align-items:flex-start;gap:var(--space-4);align-self:stretch}.problem-section__list-item{display:flex;align-items:center;padding:var(--space-2) var(--space-2);gap:var(--space-2);align-self:stretch;border-bottom:1px solid var(--grey-800)}.problem-section__item-icon svg{width:2rem;height:2rem;aspect-ratio:1/1}.insight-section__item-icon svg{width:2rem;height:2rem;aspect-ratio:1/1}.problem-section__item-title{font-weight:var(--font-weight-semibold);display:block;margin-bottom:var(--space-2)}.problem-section__item-description{margin:0}.problem-section__gallery{display:flex;flex-direction:column;align-items:center}.problem__introduction{padding-block:var(--space-8);text-align:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-h5)}.user-story__container{display:flex;align-items:center;gap:var(--space-2)}.user-story__name{font-size:var(--fs-body);font-weight:var(--font-weight-bold);font-family:var(--font-sans)}.gallery__item--problem{background:var(--red-50);border:1px solid var(--grey-400)}.problem__title-container{padding-block-start:var(--space-14)}@container app-container (min-width: 768px){.problem-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3)}.problem-section__heroes{display:flex;text-align:left;padding-block:var(--space-8);width:100%}.problem-section__heading{margin-top:0}.problem-section__text-container>p.problem-section__paragraph{max-width:40ch}.problem__gallery{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr))}.problem-section__list,.insights-list{display:grid;grid-template-columns:1fr 1fr}.problem-section__list-container{flex-direction:column;align-items:flex-start;padding:var(--space-6);margin-block-end:var(--space-8);gap:var(--space-3);width:100%;height:auto;background:var(--bg-primary);border:1px solid var(--grey-800);border-radius:var(--border-radius-md)}.problem-section-list{display:flex;flex-flow:row wrap;place-content:center center;align-items:center;padding:var(--space-3) 0;gap:var(--space-8)}.problem-section__list-item{text-align:start;gap:var(--space-5)}.problem-section__item-icon svg{width:2.5rem;height:2.5rem;aspect-ratio:1/1}}.critiques__intro{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.critiques__list,.contributions__list,.interaction__list,.investigation__list{display:flex;padding:var(--space-2);flex-direction:column;justify-content:center;align-items:center;gap:var(--space-3)}.item{display:flex;padding:var(--space-2);flex-direction:column;align-items:flex-start;gap:var(--space-2);align-self:stretch;border-radius:var(--radius-xs)}.critiques__item{background:var(--amber-100);border:var(--stroke-s) solid var(--amber-200)}.interaction__item{background:var(--blue-grey-50);border:var(--stroke-s) solid var(--blue-grey-200)}.cronograma-section{margin-top:var(--space-4);margin-bottom:var(--space-42);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.cronograma-section__img{width:100%;height:auto}.cronograma-section__text{font-size:var(--fs-note);font-weight:var(--font-weight-light)}.learnings-section{width:100%;background-color:var(--learnings-bg);padding-block:var(--space-5);padding-inline:var(--space-2);margin-bottom:0}.learnings-section__container{display:flex;flex-direction:column;gap:var(--space-8);width:100%}.learnings-section__list{display:flex;flex-direction:column;gap:var(--space-3);padding-block-end:var(--space-8);border-bottom:2px solid var(--border-color)}.learnings-section__item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--learnings-card-bg);border:var(--border-width) solid var(--learnings-border);border-radius:var(--border-radius-sm)}.learnings-section__item-header{display:flex;flex-direction:column;gap:var(--space-2)}.learnings-section__item--icon svg{width:2rem;height:2rem;fill:var(--learnings-icon)}h6.learnings-section__item--title{color:var(--learnings-heading);font-weight:var(--font-weight-bold);letter-spacing:-.8px}p.learnings-section__item--description{color:var(--learnings-text);font-size:var(--fs-note);letter-spacing:0;margin-bottom:0}.learnings-conclusion{grid-column-start:1;width:90%;font-size:var(--font-size-h5);font-weight:var(--font-weight-normal);padding-block-end:var(--space-8);line-height:var(--line-height-heading-4);letter-spacing:-.05rem;color:var(--learnings-icon)}@container app-container (min-width: 768px){.learnings-section__list{display:grid;grid-template-columns:repeat(2,1fr)}.learnings-section__item{min-height:20rem;justify-content:space-between}p.learnings-section__item--description{font-size:var(--fs-body)}.learnings-section__item--icon svg{width:3rem;height:3rem}.lumina-reflexion-section{display:flex;justify-content:center;align-items:center;padding-block-end:var(--space-12)}.learnings-conclusion{margin:0 auto;font-size:var(--font-size-h5);padding-block-start:var(--space-8);padding-block-end:var(--space-12);max-width:1520px}}.conclusion-section__container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-4);align-self:stretch;border-radius:var(--border-radius-sm)}.conclusion-section__icon{width:2rem;height:2rem;aspect-ratio:1/1}.conclusion-section__icon svg{fill:currentcolor;width:2rem;height:2rem}.conclusion-section__title{font-family:var(--font-sans);font-weight:var(--font-weight-bold);font-size:var(--font-size-h6);line-height:var(--line-height-sm);padding:var(--space-2) 0;text-align:center}.conclusion-section__description{font-size:var(--fs-note);align-items:flex-start;align-self:stretch;margin-block:var(--space-0);letter-spacing:0;max-width:60ch}@container app-container (min-width: 768px){.conclusion-section__container{max-width:60ch;align-self:center}}.logros-section{padding-block-start:var(--space-10)}.metrics-section__intro{font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);color:var(--text-secondary);max-width:60ch;text-wrap:balance;margin:0 0 var(--space-4) 0}.metrics-section__list{display:grid;grid-template-columns:1fr;gap:var(--space-1);list-style:none;margin:0;padding:0}.metric-section__item{position:relative;padding:var(--space-4) var(--space-3);background-color:var(--bg-primary);border-radius:var(--radius-s);border:var(--border-width) solid var(--border-primary);overflow:hidden;transition:var(--transition-base)}.metric-section__item:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:2px;background:var(--bg-accentsolid);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.metric-section__item:hover{box-shadow:var(--shadow-sm);border-color:var(--border-accentprimary)}.metric-section__item:hover:before{transform:scaleX(1)}.metric-section__item article{display:flex;flex-direction:column;gap:var(--space-1-5)}.metric-section__item-label{font-family:var(--font-sans);font-size:var(--fs-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-caption);letter-spacing:2px;text-transform:uppercase;color:var(--text-tertiary);margin:0}.metric-section__item-value{display:block;font-family:var(--font-mono);font-size:var(--fs-heading-3);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading-3);color:var(--text-primary);margin:0;opacity:0;transform:translateY(10px)}.metric-section__item.is-visible .metric-section__item-value{animation:metric-reveal .45s cubic-bezier(.16,1,.3,1) forwards}.metrics-section__list li:nth-child(1) .metric-section__item-value{animation-delay:0ms}.metrics-section__list li:nth-child(2) .metric-section__item-value{animation-delay:70ms}.metrics-section__list li:nth-child(3) .metric-section__item-value{animation-delay:.14s}.metrics-section__list li:nth-child(4) .metric-section__item-value{animation-delay:.21s}.metrics-section__list li:nth-child(5) .metric-section__item-value{animation-delay:.28s}.metrics-section__list li:nth-child(6) .metric-section__item-value{animation-delay:.35s}@keyframes metric-reveal{to{opacity:1;transform:translateY(0)}}.metric-section__item-description{font-family:var(--font-sans);font-size:var(--fs-note);font-weight:var(--font-weight-normal);line-height:var(--line-height-note);color:var(--text-secondary);margin:0}.metric-conclusion{font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text-secondary);line-height:var(--line-height-body);padding:var(--space-4);border-inline-start:var(--stroke-m) solid var(--bg-accentsolid);background-color:var(--bg-accentprimary);border-radius:0 var(--radius-s) var(--radius-s) 0;text-wrap:balance}@container app-container (min-width: 600px){.metrics-section__list{grid-template-columns:repeat(2,1fr)}}@container app-container (min-width: 1024px){.metrics-section__list{grid-template-columns:repeat(3,1fr)}}@media (width <= 400px){.metric-section__item-value{font-size:var(--fs-heading-4)}}.methodology-list{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr)}.methodology-list>li:nth-child(1),.methodology-list>li:nth-child(3),.methodology-list>li:nth-child(5){background-color:var(--blue-grey-200)}.methodology-item{display:flex;height:auto;padding:var(--space-4) var(--space-2);flex-direction:column;align-items:flex-start;background-color:var(--blue-grey-50);width:100%;gap:var(--space-2)}.methodology-number{display:flex;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--blue-grey-900)}.methodology-number p{font-family:var(--font-mono);font-size:var(--font-size-h6);font-weight:var(--font-weight-normal);color:var(--blue-grey-50);margin-block:0}.methodology-title{display:flex;height:4.25rem;flex-direction:column;justify-content:center;align-items:center}.methodology-title h6{font-size:var(--font-size-h6);font-weight:var(--font-weight-bold);color:var(--blue-grey-800);align-self:stretch}.methodology-text{font-family:var(--font-sans, "Host Grotesk");font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-sm);color:var(--blue-grey-800);letter-spacing:-.5px}@container app-container (min-width: 768px){.methodology-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.methodology-list>li:nth-child(3){background-color:var(--blue-grey-50)}.methodology-list>li:nth-child(1),.methodology-list>li:nth-child(4),.methodology-list>li:nth-child(5){background-color:var(--blue-grey-200)}.methodology-list>li:nth-child(1){grid-column:1 / -1}.methodology-list>li:nth-child(2){grid-row:2 / 4}.methodology-list>li:nth-child(5):last-child{grid-column:1 / -1}}@container app-container (min-width: 1280px){.methodology-list{display:flex;gap:0}.methodology-list>li:nth-child(4){background-color:var(--blue-grey-50)}.methodology-list>li:nth-child(1),.methodology-list>li:nth-child(3),.methodology-list>li:nth-child(5){background-color:var(--blue-grey-200)}}.tabs{max-width:800px;margin:0 auto;border-radius:var(--border-radius-md)}.tab-buttons{display:flex;background-color:var(--color-background-body);padding-block-start:var(--space-2)}button.tab-button{padding:.5rem 1rem;border:none;border-radius:0;border-top-left-radius:var(--space-3);border-top-right-radius:var(--space-3);cursor:pointer;transition:background .2s;font-weight:var(--font-weight-bold);width:100%}.tab-panel{display:none;animation:fade .3s ease-in-out}.tab-panel.active{display:block}.tab-button[data-tab-target=uxui].active{background:var(--blue-50);color:var(--blue-700)}.tab-button[data-tab-target=frontend].active{background:var(--indigo-50);color:var(--indigo-700)}#uxui.tab-panel.active{background:var(--blue-50);color:var(--blue-900)}#frontend.tab-panel.active{background:var(--indigo-50);color:var(--indigo-900)}.contributions__heading{font-size:var(--font-size-h6);font-weight:var(--font-weight-normal)}.contributions__list{padding-block-end:var(--space-8)}.contributions__item{display:flex;padding:var(--space-2);flex-direction:column;align-items:flex-start;gap:var(--space-2);align-self:stretch;border-radius:var(--radius-xs)}.investigation-content{width:100%;display:flex;flex-direction:column;gap:var(--space-8)}.investigation__list{display:flex;flex-flow:column}.subsections-container{display:flex;flex-direction:column;gap:var(--space-4)}.subsections-container div{width:100%}.investigation__item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);width:100%;background:var(--teal-50);border:2px solid var(--teal-300);border-radius:var(--border-radius-sm)}.methodology-intro p{font-weight:var(--font-weight-normal)}@container app-container (min-width: 1280px){.investigation__list{flex-flow:row}.investigation__item{flex-direction:column;align-items:flex-start;background:var(--teal-50)}}.gallery__item--wireframing{height:auto;max-height:100%;border:var(--border-width) solid var(--yellow-700);padding:var(--space-2)}.wireframing__media{width:100%;object-fit:contain}.interfaz__gallery{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}figure.gallery__item--interfaz,.gallery__media--lottie{display:flex;flex-direction:column;padding-block:var(--space-6)}.gallery__text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;gap:var(--space-2)}.gallery__title{font-weight:var(--font-weight-bold)}.interfaz__media{width:100%;height:100%;object-fit:contain}@container app-container (min-width: 1024px){.interfaz__gallery{gap:var(--space-max)}figure.gallery__item--interfaz{display:flex;flex-direction:row;align-items:flex-start;padding:var(--space-2);gap:var(--space-4);width:100%;border-radius:var(--radius-xs)}.gallery__text-container{flex:1;height:100%;width:100%;min-width:324px;gap:var(--space-4)}.gallery__description{font-size:var(--fs-note);color:var(--text-secondary)}.interfaz__media{display:block;width:673px;height:100%;object-fit:contain;flex:2}}.mi-rol-section{--rol-card-radius: calc(var(--radius-2xl) + var(--space-1));--rol-accent: var(--project-primary);--rol-detail: var(--project-secondary);--rol-contrast: var(--base-black);width:100%}.mi-rol-section .project-section__title-icon{color:var(--rol-accent)}.rol-bento__icon svg{width:100%;height:100%;fill:currentcolor}.mi-rol-section .project-section__title-icon svg{fill:currentcolor}.rol-bento__intro{max-width:60ch}.rol-bento__intro p{margin-block-end:0}.rol-bento{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);width:100%;max-width:var(--container-3xl);margin-block-start:var(--space-2);margin-inline:auto}.rol-bento__item{min-width:0}.rol-bento__card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--space-3);height:100%;min-width:0;padding:var(--space-3);overflow:hidden;color:var(--text-primary);background-color:var(--bg-primary);border:var(--border-width) solid var(--border-tertiary);border-radius:var(--rol-card-radius);transition:var(--transition-base)}.rol-bento__item--large .rol-bento__card,.rol-bento__item--compact .rol-bento__card{background-color:var(--bg-secondary)}.rol-bento__item--accent .rol-bento__card{color:var(--rol-contrast);background-color:var(--rol-accent)}.rol-bento__item--accent .rol-bento__card:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-color:var(--rol-contrast);content:"";opacity:.1;-webkit-mask-image:url(/img/projects/capitalbienes/mi-rol-noise-mask.png);mask-image:url(/img/projects/capitalbienes/mi-rol-noise-mask.png);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--space-12) var(--space-12);mask-size:var(--space-12) var(--space-12)}.rol-bento__icon{display:grid;place-items:center;width:var(--space-5);height:var(--space-5);flex:0 0 auto;padding:var(--space-1);color:var(--rol-accent);background-color:color-mix(in srgb,var(--rol-accent) 10%,var(--bg-primary));border:var(--border-width) solid var(--border-secondary);border-radius:var(--radius-m)}.rol-bento__item--accent .rol-bento__icon{color:var(--rol-contrast);background-color:color-mix(in srgb,var(--rol-contrast) 10%,var(--rol-accent));border-color:var(--border-primarysolid)}.rol-bento__content{display:flex;flex-direction:column;gap:var(--space-1-5)}.rol-bento__title{font-family:var(--font-mono);font-size:var(--fs-heading-6);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading-6)}.rol-bento__item--large .rol-bento__title{font-size:var(--fs-heading-5);line-height:var(--line-height-heading-5)}.rol-bento__description{margin-block-end:0;color:var(--text-secondary)}.rol-bento__item--accent .rol-bento__description{color:var(--rol-contrast)}.rol-bento__visual{margin-block-start:auto}.rol-bento__visual--bars{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background-color:var(--bg-primary);border:var(--border-width) solid var(--border-secondary);border-radius:var(--radius-xl)}.rol-bento__visual-caption{margin-block-end:0;font-family:var(--font-mono);font-size:var(--fs-note);font-weight:var(--font-weight-medium);color:var(--text-primary)}.rol-bento__bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.rol-bento__bar-item{display:grid;grid-template-rows:var(--space-14) auto;gap:var(--space-1);min-width:0;text-align:center}.rol-bento__bar-track{display:flex;align-items:flex-end;padding-inline:var(--space-1);overflow:hidden;background-color:color-mix(in srgb,var(--rol-detail) 8%,var(--bg-primary));border:var(--border-width) solid var(--border-secondary);border-radius:var(--radius-s)}.rol-bento__bar{display:block;width:100%;background-color:var(--rol-detail);border-radius:var(--radius-s) var(--radius-s) var(--radius-none) var(--radius-none)}.rol-bento__bar--short{height:42%}.rol-bento__bar--medium{height:66%}.rol-bento__bar--tall{height:90%}.rol-bento__bar-label,.rol-bento__swatch-label{overflow-wrap:anywhere;font-family:var(--font-sans);font-size:var(--fs-caption);line-height:var(--line-height-caption);color:var(--text-secondary)}.rol-bento__visual--swatches{display:flex;flex-direction:column;gap:var(--space-2)}.rol-bento__swatches{display:flex;flex-direction:column;gap:var(--space-1)}.rol-bento__swatch{display:grid;grid-template-columns:var(--space-5) minmax(0,1fr);align-items:center;gap:var(--space-1-5);padding:var(--space-1);background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-tertiary);border-radius:var(--radius-l)}.rol-bento__swatch-color{width:var(--space-5);aspect-ratio:1;border:var(--border-width) solid var(--border-secondary);border-radius:var(--radius-m)}.rol-bento__swatch-color--accent{background-color:var(--rol-accent)}.rol-bento__swatch-color--detail{background-color:var(--rol-detail)}.rol-bento__swatch-color--contrast{background-color:var(--project-tertiary)}.learnings-section--capital-bienes{--learnings-bg: color-mix(in srgb, var(--project-primary) 10%, var(--bg-primary));--learnings-card-bg: var(--bg-primary);--learnings-border: color-mix( in srgb, var(--project-secondary) 30%, var(--border-tertiary) );--learnings-heading: var(--text-primary);--learnings-text: var(--text-secondary);--learnings-icon: var(--project-primary)}.learnings-section--capital-bienes .project-section__title-icon svg{fill:var(--project-primary)}@media (hover: hover){.rol-bento__card:hover{border-color:var(--rol-accent)}}@media (prefers-reduced-motion: reduce){.rol-bento__card{transition:none}}@container app-container (min-width: 768px){.rol-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(13rem,auto);gap:var(--space-3)}.rol-bento__item--large{grid-column:1 / -1}.rol-bento__card{padding:var(--space-4)}.rol-bento__item--large .rol-bento__card{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.9fr);column-gap:var(--space-4);align-items:end}.rol-bento__item--large .rol-bento__icon,.rol-bento__item--large .rol-bento__content{grid-column:1}.rol-bento__item--large .rol-bento__icon{align-self:start}.rol-bento__item--large .rol-bento__visual{grid-row:1 / span 2;grid-column:2;align-self:stretch}.rol-bento__item--tall{grid-row:span 2}}@container app-container (min-width: 1280px){.rol-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(15rem,auto));grid-auto-flow:dense}.rol-bento__item--large{grid-row:span 2;grid-column:span 2}.rol-bento__item--tall{grid-row:span 2}.rol-bento__item--accent,.rol-bento__item--compact{grid-column:span 1}.rol-bento__item--large .rol-bento__card{padding:var(--space-5)}}@container app-container (min-width: 1440px){.rol-bento__item--large .rol-bento__card{display:flex;flex-direction:column;align-items:stretch}}.rediseno-section{width:100%}.redesign-showcase__introduction{max-width:60ch;margin-block-end:var(--space-1)}.redesign-showcase,.redesign-showcase__stage,.redesign-showcase__panels,.redesign-showcase__panel,.redesign-showcase__media-panel,.redesign-showcase__frame{width:100%}.redesign-showcase__panels{display:grid;gap:var(--space-8)}.redesign-showcase__panel{display:grid;gap:var(--space-3);padding-block-start:var(--space-3);border-block-start:var(--border-width) solid var(--border-tertiary)}.redesign-showcase__text-panel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1-5);max-width:36rem}.redesign-showcase__position{margin-block-end:0;font-family:var(--font-mono);font-size:var(--fs-note);font-weight:var(--font-weight-medium);color:var(--project-primary, var(--text-primary))}.redesign-showcase__title{font-family:var(--font-sans);font-size:var(--fs-heading-5);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading-5)}.redesign-showcase__description{max-width:48ch;margin-block-end:0;color:var(--text-secondary)}.redesign-showcase__media-panel{margin:0}.redesign-showcase__frame{overflow:hidden;background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-tertiary);border-radius:var(--radius-xs);box-shadow:var(--shadow-xs)}.redesign-showcase__image{width:100%;height:auto}@media (width >= 768px) and (prefers-reduced-motion: no-preference){.redesign-showcase.is-enhanced .redesign-showcase__stage{position:relative;height:100svh}.redesign-showcase.is-enhanced .redesign-showcase__panels,.redesign-showcase.is-enhanced .redesign-showcase__panel{position:absolute;top:0;right:0;bottom:0;left:0}.redesign-showcase.is-enhanced .redesign-showcase__panels{display:block}.redesign-showcase.is-enhanced .redesign-showcase__panel{display:grid;grid-template-columns:minmax(14rem,.72fr) minmax(0,1.45fr);align-items:center;gap:clamp(var(--space-3),5vw,var(--space-8));padding-block:clamp(var(--space-2),4svh,var(--space-5));visibility:hidden;border-block-start:0}.redesign-showcase.is-enhanced .redesign-showcase__text-panel{grid-column:1}.redesign-showcase.is-enhanced .redesign-showcase__media-panel{grid-column:2;overflow:hidden;border-radius:var(--radius-xs);padding:var(--space-1);will-change:opacity,transform}.redesign-showcase.is-enhanced .redesign-showcase__frame{height:min(72svh,52rem)}.redesign-showcase.is-enhanced .redesign-showcase__image{will-change:transform}}@media (width >= 1280px) and (prefers-reduced-motion: no-preference){.redesign-showcase.is-enhanced .redesign-showcase__panel{grid-template-columns:minmax(18rem,.68fr) minmax(0,1.55fr)}.redesign-showcase__title{font-size:var(--fs-heading-4);line-height:var(--line-height-heading-4)}}@media (prefers-reduced-motion: reduce){.redesign-showcase__frame{box-shadow:none}}.tools,.stack-tecnologico-section{width:100%;container-type:inline-size;container-name:tools-container}.tech-intro-description{margin-bottom:var(--space-2);font-size:var(--font-size-base);color:var(--text-accentsecondary)}.tech-list{list-style:none;display:grid;grid-template-columns:1fr}.tech-item{display:flex;align-items:start;flex-direction:row;gap:var(--space-4);background-color:var(--background-surface);min-width:var(--space-6);position:relative;cursor:default}.tech-icon{min-width:var(--space-12);min-height:var(--space-12);width:var(--space-12);height:var(--space-12);object-fit:contain;object-position:center;border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);padding:var(--space-2) var(--space-2)}.tech-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-h6);color:var(--text-muted);height:100%;padding-block:var(--space-4);font-family:var(--font-sans);min-height:1rem}.tech-icon-placeholder{display:inline-block;width:20px;height:20px;margin-right:var(--space-2)}@container tools-container (min-width: 768px){.tech-list{grid-template-columns:repeat(3,1fr)}.tech-item{flex-direction:column}}:root{--conclusion-challenge-fill: var(--red-50);--conclusion-challenge-icon: var(--red-500);--conclusion-challenge-stroke: var(--red-300);--conclusion-challenge-text: var(--red-900);--conclusion-challenge-title: var(--red-700);--conclusion-empathize-fill: var(--teal-50);--conclusion-empathize-icon: var(--teal-500);--conclusion-empathize-stroke: var(--teal-300);--conclusion-empathize-text: var(--teal-900);--conclusion-empathize-title: var(--teal-700);--conclusion-ideation-fill: var(--purple-50);--conclusion-ideation-icon: var(--deep-purple-500);--conclusion-ideation-stroke: var(--purple-300);--conclusion-ideation-text: var(--purple-900);--conclusion-ideation-title: var(--deep-purple-700);--conclusion-metrics-fill: var(--green-50);--conclusion-metrics-icon: var(--green-500);--conclusion-metrics-stroke: var(--green-300);--conclusion-metrics-text: var(--green-900);--conclusion-metrics-title: var(--green-700);--conclusion-prototype-fill: var(--yellow-50);--conclusion-prototype-icon: var(--yellow-700);--conclusion-prototype-stroke: var(--yellow-300);--conclusion-prototype-text: var(--yellow-900);--conclusion-prototype-title: var(--yellow-800);--conclusion-test-fill: var(--blue-50);--conclusion-test-icon: var(--blue-500);--conclusion-test-stroke: var(--blue-300);--conclusion-test-text: var(--blue-900);--conclusion-test-title: var(--blue-700)}.project-detail-body{display:flex;flex-direction:column;gap:var(--space-10);padding:0 var(--space-2);width:100%;margin-inline:auto}.project-detail-body p{max-width:60ch}.project-detail-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-2);background-color:var(--brand-color)}.project-detail-subtitle{max-width:60ch}.project-detail-header--lumina{color:var(--yellow-50)}.header__antetitulo-container{display:inherit;flex-direction:column;align-items:center;gap:var(--space-3)}.header__logotipo{display:none}.project-detail-antetitulo{text-align:center}.project-detail__title{font-size:var(--font-size-h3);color:var(--card-brand-color);max-width:60ch}.project-meta-info{display:flex;flex-direction:column;align-items:start;text-align:start;gap:var(--space-2);padding:var(--space-3) 0 var(--space-2);border-bottom:2px solid var(--border-secondary)}.project-meta-info__item{display:flex;flex-direction:column;gap:var(--space-1);font-family:var(--font-sans);font-size:var(--fs-note)}.project-meta-info__label{font-weight:var(--font-weight-bold);font-size:var(--fs-body);color:var(--card-brand-color)}.project-technologies{display:flex;flex-direction:column;background-color:var(--background-body);width:100%}.project-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);align-self:stretch}.stack-tecnologico-section{border-radius:var(--border-radius-md);border:var(--border-width) solid var(--border-color);padding:var(--space-2);margin:var(--space-4) 0}.project-section__title-container{display:flex;align-items:center;gap:var(--space-1)}.project-section__title{font-size:var(--font-size-h4);font-family:var(--font-sans);font-weight:var(--font-weight-normal)}.project-section__title-icon svg{width:1.5rem;height:1.5rem;aspect-ratio:1/1;vertical-align:middle}.project-section__subtitle--fase{font-size:var(--font-size-h4);margin-bottom:var(--space-2);letter-spacing:-1px}.business-challenge-text{font-size:var(--fs-note)}.project-section--investigacion .investigation-hero-image{width:100%;margin-bottom:var(--space-3)}.project-section--investigacion .investigation-hero-image img{width:100%;max-height:450px;object-fit:cover;border-radius:var(--border-radius-md)}.investigation-intro,.investigation-conclusion{margin-bottom:var(--space-3)}.investigation-intro ul,.investigation-conclusion ul{margin-top:var(--space-2);margin-bottom:var(--space-2)}.insights-subtitle{font-size:var(--font-size-h4);margin-top:var(--space-3);margin-bottom:var(--space-2)}.insights-list{list-style:none;padding-left:0;margin-bottom:var(--space-3)}.insight-item{display:flex;align-items:flex-start;margin-bottom:var(--space-2);padding:var(--space-2);background-color:var(--bg-primary);border-left:4px solid var(--text-warning-primary);border-radius:var(--border-radius-sm)}.insight-icon{width:28px;height:28px;margin-right:var(--space-3);flex-shrink:0;margin-top:.1em}.insight-icon-placeholder{display:inline-block;width:28px;height:28px;margin-right:var(--space-3)}.insight-text{flex-grow:1;margin:0;line-height:var(--line-height-heading-unitless)}.metrics{display:flex;flex-direction:column;gap:var(--space-2)}.user-story-snippet{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);background-color:var(--background-body);padding:var(--space-2);border-radius:var(--border-radius-sm);border-left:4px solid var(--bg-primary)}.user-story-snippet__icon{flex-shrink:0;width:48px;height:48px}.user-story-snippet__text strong{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-h4);color:var(--text-primary)}.user-story-snippet__text p{margin-bottom:0;color:var(--text-secondary)}.project-gallery--nested{margin-top:var(--space-3);margin-bottom:var(--space-3)}.subsections-container h2{font-size:var(--font-size-h6)}@container app-container (min-width: 768px){.project-detail-body{padding:0 var(--space-4)}.project-meta-info{align-items:start;text-align:start;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0 var(--space-2);border-bottom:2px solid var(--border-secondary)}.header__logotipo{display:flex}.header__isotipo{display:none}.project-section__title-container{align-items:center;width:100%}}@container app-container (min-width: 1280px){.project-meta-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(18.75rem,1fr));gap:var(--space-2);padding-inline:var(--space-4);width:100%}.project-meta-info__item{min-width:18.75rem}.project-detail-body{gap:var(--space-max)}.project-section__subtitle{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold)}.project-section__title-icon svg{width:2rem;height:2rem;aspect-ratio:1/1}}.project-detail-header--hikari{background-color:var(--brand-color);color:#f5f5e5}.header__isotipo--hikari svg{width:5rem;height:5rem;fill:#f5f5e5}.header__logotipo--hikari{fill:#f5f5e5}.gallery__caption--imagenes{display:none}.gallery__item--imagenes{height:auto;max-height:none}.imagenes__gallery{gap:var(--space-4)}.imagenes-section{padding-block-end:var(--space-4)}section#imagenes.imagenes-section{padding-inline:var(--space-4);padding-block-end:var(--space-2)}.header__logotipo--lumina svg{width:25rem}.header__logotipo--lumina svg path{fill:#fffbe9}#app>main>header>div>span.header__isotipo.header__isotipo--lumina>svg{width:12rem;height:12rem;fill:#fffbe9}.lumina-concepto-section{padding-inline:var(--space-2)}.lumina-reflexion-section{padding-inline:var(--space-2);padding-block-start:var(--space-10)}:root{--candlelight-50: #FFFFFB;--candlelight-100: #FFF5BD;--candlelight-200: #FFEA7C;--candlelight-300: #FFE02A;--candlelight-400: #FDD606;--candlelight-500: #FBCD01;--candlelight-600: #FCBF02;--candlelight-700: #FDAD04;--candlelight-800: #FD9C01;--candlelight-900: #FB8002;--amber-100: #ffecb3;--amber-200: #ffe082;--amber-300: #ffd54f;--amber-400: #ffca28;--amber-50: #fff8e1;--amber-500: #ffc107;--amber-600: #ffb300;--amber-700: #ffa000;--amber-800: #ff8f00;--amber-900: #ff6f00;--base-white: #fff;--blue-100: #bbdefb;--blue-200: #90caf9;--blue-300: #64b5f6;--blue-400: #42a5f5;--blue-50: #e3f2fd;--blue-500: #2196f3;--blue-600: #1e88e5;--blue-700: #1976d2;--blue-800: #1565c0;--blue-900: #0d47a1;--blue-grey-100: #cfd8dc;--blue-grey-200: #b0bec5;--blue-grey-300: #90a4ae;--blue-grey-400: #78909c;--blue-grey-50: #eceff1;--blue-grey-500: #607d8b;--blue-grey-600: #546e7a;--blue-grey-700: #455a64;--blue-grey-800: #37474f;--blue-grey-900: #263238;--brown-100: #d7ccc8;--brown-200: #bcaaa4;--brown-300: #a1887f;--brown-400: #8d6e63;--brown-50: #efebe9;--brown-500: #795548;--brown-600: #6d4c41;--brown-700: #5d4037;--brown-800: #4e342e;--brown-900: #3e2723;--cyan-100: #b2ebf2;--cyan-200: #80deea;--cyan-300: #4dd0e1;--cyan-400: #26c6da;--cyan-50: #e0f7fa;--cyan-500: #00bcd4;--cyan-600: #00acc1;--cyan-700: #0097a7;--cyan-800: #00838f;--cyan-900: #006064;--deep-orange-100: #ffccbc;--deep-orange-200: #ffab91;--deep-orange-300: #ff8a65;--deep-orange-400: #ff7043;--deep-orange-50: #fbe9e7;--deep-orange-500: #ff5722;--deep-orange-600: #f4511e;--deep-orange-700: #e64a19;--deep-orange-800: #d84315;--deep-orange-900: #bf360c;--deep-purple-100: #d1c4e9;--deep-purple-200: #b39ddb;--deep-purple-300: #9575cd;--deep-purple-400: #7e57c2;--deep-purple-50: #ede7f6;--deep-purple-500: #673ab7;--deep-purple-600: #5e35b1;--deep-purple-700: #512da8;--deep-purple-800: #4527a0;--deep-purple-900: #311b92;--green-100: #c8e6c9;--green-200: #a5d6a7;--green-300: #81c784;--green-400: #66bb6a;--green-50: #e8f5e9;--green-500: #4caf50;--green-600: #43a047;--green-700: #388e3c;--green-800: #2e7d32;--green-900: #1b5e20;--grey-100: #f5f5f5;--grey-200: #eee;--grey-300: #e0e0e0;--grey-400: #bdbdbd;--grey-50: #fafafa;--grey-500: #9e9e9e;--grey-600: #757575;--grey-700: #616161;--grey-800: #424242;--grey-900: #212121;--indigo-100: #c5cae9;--indigo-200: #9fa8da;--indigo-300: #7986cb;--indigo-400: #5c6bc0;--indigo-50: #e8eaf6;--indigo-500: #3f51b5;--indigo-600: #3949ab;--indigo-700: #303f9f;--indigo-800: #283593;--indigo-900: #1a237e;--light-blue-100: #b3e5fc;--light-blue-200: #81d4fa;--light-blue-300: #4fc3f7;--light-blue-400: #29b6f6;--light-blue-50: #e1f5fe;--light-blue-500: #03a9f4;--light-blue-600: #039be5;--light-blue-700: #0288d1;--light-blue-800: #0277bd;--light-blue-900: #01579b;--light-green-100: #dcedc8;--light-green-200: #c5e1a5;--light-green-300: #aed581;--light-green-400: #9ccc65;--light-green-50: #f1f8e9;--light-green-500: #8bc34a;--light-green-600: #7cb342;--light-green-700: #689f38;--light-green-800: #558b2f;--light-green-900: #33691e;--lime-100: #f0f4c3;--lime-200: #e6ee9c;--lime-300: #dce775;--lime-400: #d4e157;--lime-50: #f9fbe7;--lime-500: #cddc39;--lime-600: #c0ca33;--lime-700: #afb42b;--lime-800: #9e9d24;--lime-900: #827717;--orange-100: #ffe0b2;--orange-200: #ffcc80;--orange-300: #ffb74d;--orange-400: #ffa726;--orange-50: #fff3e0;--orange-500: #ff9800;--orange-600: #fb8c00;--orange-700: #f57c00;--orange-800: #ef6c00;--orange-900: #e65100;--pink-100: #f8bbd0;--pink-200: #f48fb1;--pink-300: #f06292;--pink-400: #ec407a;--pink-50: #fce4ec;--pink-500: #e91e63;--pink-600: #d81b60;--pink-700: #c2185b;--pink-800: #ad1457;--pink-900: #880e4f;--purple-100: #e1bee7;--purple-200: #ce93d8;--purple-300: #ba68c8;--purple-400: #ab47bc;--purple-50: #f3e5f5;--purple-500: #9c27b0;--purple-600: #8e24aa;--purple-700: #7b1fa2;--purple-800: #6a1b9a;--purple-900: #4a148c;--red-100: #ffcdd2;--red-200: #ef9a9a;--red-300: #e57373;--red-400: #ef5350;--red-50: #ffebee;--red-500: #f44336;--red-600: #e53935;--red-700: #d32f2f;--red-800: #c62828;--red-900: #b71c1c;--teal-100: #b2dfdb;--teal-200: #80cbc4;--teal-300: #4db6ac;--teal-400: #26a69a;--teal-50: #e0f2f1;--teal-500: #009688;--teal-600: #00897b;--teal-700: #00796b;--teal-800: #00695c;--teal-900: #004d40;--yellow-100: #fff9c4;--yellow-200: #fff59d;--yellow-300: #fff176;--yellow-400: #ffee58;--yellow-50: #fffde7;--yellow-500: #ffeb3b;--yellow-600: #fdd835;--yellow-700: #fbc02d;--yellow-800: #f9a825;--yellow-900: #f57f17;--base-white: #FFF;--base-black: #000;--base-transparent: #0000;--font-size-base: var(--fs-body);--text-muted: rgb(0 0 0 / 65%);--font-mono: "JetBrains Mono", monospace;--font-sans: "Host Grotesk", blinkmacsystemfont;--font-family-heading: var(--font-mono);--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 800;--line-height-heading-unitless: 1.25;--fs-caption: clamp(.64rem, .03vi + .63rem, .67rem);--fs-note: clamp(.875rem, .09vi + .78rem, .95rem);--fs-body: clamp(1rem, .19vi + .95rem, 1.19rem);--fs-heading-6: clamp(1.25rem, .34vi + 1.17rem, 1.58rem);--fs-heading-5: clamp(1.56rem, .57vi + 1.43rem, 2.11rem);--fs-heading-4: clamp(1.95rem, .89vi + 1.74rem, 2.81rem);--fs-heading-3: clamp(2.44rem, 1.35vi + 2.12rem, 3.75rem);--fs-heading-2: clamp(3.05rem, 2.02vi + 2.58rem, 5rem);--fs-heading-1: clamp(3.81rem, 2.95vi + 3.12rem, 6.66rem);--line-height-caption: clamp(1.2, 1.25, 1.3);--line-height-note: clamp(1.25, 1.35, 1.4);--line-height-body: clamp(1.4, 1.5, 1.6);--line-height-heading-6: clamp(1.3, 1.35, 1.4);--line-height-heading-5: clamp(1.25, 1.3, 1.35);--line-height-heading-4: clamp(1.2, 1.25, 1.3);--line-height-heading-3: clamp(1.15, 1.2, 1.25);--line-height-heading-2: clamp(1.1, 1.15, 1.2);--line-height-heading-1: clamp(1, 1.05, 1.1);--font-size-h1: var(--fs-heading-1);--font-size-h2: var(--fs-heading-2);--font-size-h3: var(--fs-heading-3);--font-size-h4: var(--fs-heading-4);--font-size-h5: var(--fs-heading-5);--font-size-h6: var(--fs-heading-6);--spacing-unit-8pt: .5rem;--space-0: 0rem;--space-0-5: .25rem;--space-1: var(--spacing-unit-8pt);--space-1-5: calc(var(--spacing-unit-8pt) * 1.5);--space-2: calc(var(--spacing-unit-8pt) * 2);--space-2-5: calc(var(--spacing-unit-8pt) * 2.5);--space-3: calc(var(--spacing-unit-8pt) * 3);--space-4: calc(var(--spacing-unit-8pt) * 4);--space-5: calc(var(--spacing-unit-8pt) * 5);--space-6: calc(var(--spacing-unit-8pt) * 6);--space-7: calc(var(--spacing-unit-8pt) * 7);--space-8: calc(var(--spacing-unit-8pt) * 8);--space-9: calc(var(--spacing-unit-8pt) * 9);--space-10: calc(var(--spacing-unit-8pt) * 10);--space-11: calc(var(--spacing-unit-8pt) * 11);--space-12: calc(var(--spacing-unit-8pt) * 12);--space-13: calc(var(--spacing-unit-8pt) * 13);--space-14: calc(var(--spacing-unit-8pt) * 14);--space-max: calc(var(--spacing-unit-8pt) * 15);--size-none: 0px;--size-1: 2px;--size-2: 4px;--size-3: 8px;--size-4: 16px;--size-5: 24px;--size-6: 32px;--size-7: 40px;--size-8: 48px;--size-9: 56px;--size-10: 64px;--size-11: 80px;--size-12: 96px;--size-13: 112px;--size-14: 128px;--size-15: 144px;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 4rem;--border-width: 1px;--border-color: var(--blue-grey-100);--radius-none: 0rem;--radius-2xs: .25rem;--radius-xs: .5rem;--radius-s: .75rem;--radius-m: 1rem;--radius-l: 1.25rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 62.4375rem;--stroke-xs: .075rem;--stroke-s: .125rem;--stroke-m: .25rem;--stroke-l: .5rem;--stroke-xl: .75rem;--stroke-2xl: 1rem;--container-width: 420px;--container-sm: 40rem;--container-md: 48rem;--container-lg: 64rem;--container-xl: 80rem;--container-2xl: 96rem;--container-3xl: 112rem;--header-height: calc(var(--spacing-unit-8pt) * 8);--phi: 1.618;--transition-base: all .2s ease-in-out;--shadow-3xs: 0px 1px 2px 0px #0000000D, 0px 0px 1px 0px #00000009;--shadow-2xs: 0px 4px 8px 0px #00000013, 0px 1px 7px 0px #0000000E;--shadow-xs: 0px 7px 15px 0px #0000001A, 0px 3px 12px 0px #00000012;--shadow-sm: 0px 9px 22px 0px #00000020, 0px 4px 18px 0px #00000016;--shadow-md: 0px 12px 29px 0px #00000026, 0px 5px 23px 0px #0000001B;--shadow-lg: 0px 15px 35px 0px #0000002D, 0px 6px 28px 0px #0000001F;--shadow-xl: 0px 18px 42px 0px #0003, 0px 7px 34px 0px #00000024}.text-style-heading-heading-1-regular{font-size:var(--fs-heading-1);font-family:var(--font-mono);font-weight:400;font-style:normal;line-height:var(--line-height-heading-1);letter-spacing:6px;text-decoration:none;text-transform:none}.text-style-heading-heading-1-light{font-size:var(--fs-heading-1);font-family:var(--font-mono);font-weight:300;font-style:normal;line-height:var(--line-height-heading-1);letter-spacing:-1.5px;text-decoration:none;text-transform:none}.text-style-heading-heading-2-light{font-size:var(--fs-heading-2);font-family:var(--font-mono);font-weight:300;font-style:normal;line-height:var(--line-height-heading-2);letter-spacing:.5px;text-decoration:none;text-transform:none}.text-style-heading-heading-2-regular{font-size:var(--fs-heading-2);font-family:var(--font-mono);font-weight:400;font-style:normal;line-height:var(--line-height-heading-2);letter-spacing:.5px;text-decoration:none;text-transform:none}.text-style-heading-heading-3-regular{font-size:var(--fs-heading-3);font-family:var(--font-mono);font-weight:400;font-style:normal;line-height:var(--line-height-heading-3);text-decoration:none;text-transform:none}.text-style-heading-heading-3-bold{font-size:var(--fs-heading-3);font-family:var(--font-mono);font-weight:700;font-style:normal;line-height:var(--line-height-heading-3);text-decoration:none;text-transform:none}.text-style-heading-heading-4-regular{font-size:var(--fs-heading-4);font-family:var(--font-mono);font-weight:400;font-style:normal;line-height:var(--line-height-heading-4);letter-spacing:.25px;text-decoration:none;text-transform:none}.text-style-heading-5-regular{font-size:var(--fs-heading-5);font-family:var(--font-mono);font-weight:400;font-style:normal;line-height:var(--line-height-heading-5);text-decoration:none;text-transform:none}.text-style-heading-heading-6-medium{font-size:var(--fs-heading-6);font-family:var(--font-mono);font-weight:500;font-style:normal;line-height:var(--line-height-heading-6);letter-spacing:.25px;text-decoration:none;text-transform:none}.text-style-heading-subtitle-1-regular{font-size:var(--fs-body);font-family:var(--font-sans);font-weight:400;font-style:normal;line-height:var(--line-height-body);letter-spacing:.15px;text-decoration:none;text-transform:none}.text-style-heading-subtitle-1-bold{font-size:var(--fs-body);font-family:var(--font-sans);font-weight:700;font-style:normal;line-height:var(--line-height-body);letter-spacing:2px;text-decoration:none;text-transform:none;margin-bottom:0}.text-style-heading-subtitle-2-regular{font-size:var(--fs-note);font-family:var(--font-sans);font-weight:400;font-style:normal;line-height:var(--line-height-note);letter-spacing:.1px;text-decoration:none;text-transform:none}.text-style-heading-subtitle-2-bold{font-size:var(--fs-note);font-family:var(--font-sans);font-weight:700;font-style:normal;line-height:var(--line-height-note);text-decoration:none;text-transform:none;margin-bottom:0}.text-style-heading-subtitle-2-medium{font-size:var(--fs-note);font-family:var(--font-sans);font-weight:500;font-style:normal;line-height:var(--line-height-note);text-decoration:none;text-transform:none;margin-bottom:0}.text-style-body-body-1-regular{font-size:var(--fs-body);font-family:var(--font-sans);font-weight:400;font-style:normal;line-height:var(--line-height-body);letter-spacing:.5px;text-decoration:none;text-transform:none}.text-style-body-body-1-bold{font-size:var(--fs-body);font-family:var(--font-sans);font-weight:700;font-style:normal;line-height:var(--line-height-body);text-decoration:none;text-transform:none}.text-style-body-body-2-regular{font-size:var(--fs-note);font-family:var(--font-sans);font-weight:400;font-style:normal;line-height:var(--line-height-note);letter-spacing:.25px;text-decoration:none;text-transform:none}.text-style-body-body-2-bold{font-size:var(--fs-note);font-family:var(--font-sans);font-weight:700;font-style:normal;line-height:var(--line-height-note);text-decoration:none;text-transform:none}.text-style-body-button-regular{font-size:var(--fs-note);font-family:var(--font-sans);font-weight:400;font-style:normal;line-height:2.25rem;letter-spacing:1.25px;text-decoration:none;text-transform:none}.text-style-body-button-bold{font-size:var(--fs-note);font-family:var(--font-sans);font-weight:700;font-style:normal;line-height:2.25rem;letter-spacing:1.25px;text-decoration:none;text-transform:none}.text-style-body-caption-regular{font-size:var(--fs-caption);font-family:var(--font-sans);font-weight:400;font-style:normal;line-height:var(--line-height-caption);letter-spacing:.4px;text-decoration:none;text-transform:none}.text-style-body-overline-medium{font-size:var(--fs-caption);font-family:var(--font-sans);font-weight:600;font-style:normal;line-height:var(--line-height-caption);letter-spacing:2px;text-decoration:none;text-transform:uppercase;color:var(--text-tertiary)}.flex-ccc-3{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-3)}:root{--bg-transparent: var(--base-transparent);--bg-accent-primary-hover: var(--amber-100, #ffecb3);--bg-accent-solid-hover: var(--amber-700, #ffa000);--bg-accentprimary: var(--amber-50, #fff8e1);--bg-accentsolid: var(--amber-500, #ffc107);--bg-blacksolid: var(--blue-grey-900, #263238);--bg-blacksolid-hover: var(--blue-grey-700, #455a64);--bg-disabled: var(--blue-grey-300, #90a4ae);--bg-disabledalt: var(--blue-grey-100, #cfd8dc);--bg-error-primary-hover: var(--red-100, #ffcdd2);--bg-error-secondary-hover: var(--red-900, #b71c1c);--bg-errorprimary: var(--red-50, #ffebee);--bg-errorsecondary: var(--red-700, #d32f2f);--bg-info-primary-hover: var(--blue-100, #bbdefb);--bg-info-secondary-hover: var(--blue-900, #0d47a1);--bg-infoprimary: var(--blue-50, #e3f2fd);--bg-infosecondary: var(--blue-700, #1976d2);--bg-primary: var(--base-white, #fff);--bg-primary-hover: var(--blue-grey-50, #eceff1);--bg-quaternary: var(--blue-grey-300, #90a4ae);--bg-quaternary-hover: var(--blue-grey-400, #78909c);--bg-secondary: var(--blue-grey-50, #eceff1);--bg-secondary-hover: var(--blue-grey-100, #cfd8dc);--bg-success-primary-hover: var(--green-200, #a5d6a7);--bg-success-secondary-hover: var(--green-900, #1b5e20);--bg-successprimary: var(--green-100, #c8e6c9);--bg-successsecondary: var(--green-700, #388e3c);--bg-tertiary: var(--blue-grey-100, #cfd8dc);--bg-tertiary-hover: var(--blue-grey-200, #b0bec5);--bg-warning-primary-hover: var(--orange-200, #ffcc80);--bg-warning-secondary-hover: var(--orange-900, #e65100);--bg-warningprimary: var(--orange-100, #ffe0b2);--bg-warningsecondary: var(--orange-700, #f57c00);--border-accentprimary: var(--amber-500, #ffc107);--border-accentsecondary: var(--amber-100, #ffecb3);--border-disabled: var(--blue-grey-300, #90a4ae);--border-disabledalt: var(--blue-grey-200, #b0bec5);--border-errorprimary: var(--red-500, #f44336);--border-errorsecondary: var(--red-300, #e57373);--border-infoprimary: var(--blue-500, #2196f3);--border-infosecondary: var(--blue-300, #64b5f6);--border-primary: var(--blue-grey-300, #90a4ae);--border-primarysolid: var(--blue-grey-900, #263238);--border-secondary: var(--blue-grey-200, #b0bec5);--border-successprimary: var(--green-500, #4caf50);--border-successsecondary: var(--green-300, #81c784);--border-tertiary: var(--blue-grey-100, #cfd8dc);--border-warningprimary: var(--orange-500, #ff9800);--border-warningsecondary: var(--orange-300, #ffb74d);--border-transparent: var(--base-transparent, #ffffff00);--icon-accent-primary-hover: var(--amber-700, #ffa000);--icon-accent-secondary-hover: var(--amber-400, #ffca28);--icon-accentprimary: var(--amber-500, #ffc107);--icon-accentsecondary: var(--amber-300, #ffd54f);--icon-disabled: var(--blue-grey-400, #78909c);--icon-disabledalt: var(--blue-grey-300, #90a4ae);--icon-error-primary-hover: var(--red-700, #d32f2f);--icon-error-secondary-hover: var(--red-500, #f44336);--icon-errorprimary: var(--red-700, #d32f2f);--icon-errorsecondary: var(--red-300, #e57373);--icon-info-primary-hover: var(--blue-900, #0d47a1);--icon-info-secondary-hover: var(--blue-500, #2196f3);--icon-infoprimary: var(--blue-700, #1976d2);--icon-infosecondary: var(--blue-400, #42a5f5);--icon-placeholder: var(--blue-grey-400, #78909c);--icon-primary: var(--blue-grey-900, #263238);--icon-primary-hover: var(--blue-grey-700, #455a64);--icon-secondary: var(--blue-grey-700, #455a64);--icon-secondary-hover: var(--blue-grey-900, #263238);--icon-success-primary-hover: var(--green-900, #1b5e20);--icon-success-secondary-hover: var(--green-300, #81c784);--icon-successprimary: var(--green-700, #388e3c);--icon-successsecondary: var(--green-200, #a5d6a7);--icon-tertiary: var(--blue-grey-400, #78909c);--icon-tertiary-hover: var(--blue-grey-700, #455a64);--icon-warning-primary-hover: var(--orange-900, #e65100);--icon-warning-secondary-hover: var(--orange-500, #ff9800);--icon-warningprimary: var(--orange-700, #f57c00);--icon-warningsecondary: var(--orange-400, #ffa726);--text-accent-primary-hover: var(--amber-700, #ffa000);--text-accent-secondary-hover: var(--amber-400, #ffca28);--text-accent-tertiary-hover: var(--candlelight-400, #fdd606);--text-accentprimary: var(--amber-500, #ffc107);--text-accentsecondary: var(--amber-300, #ffd54f);--text-accenttertiary: var(--candlelight-100, #fff5bd);--text-disabled: var(--blue-grey-400, #78909c);--text-disabledalt: var(--blue-grey-300, #90a4ae);--text-error-primary-hover: var(--red-900, #b71c1c);--text-error-secondary-hover: var(--red-500, #f44336);--text-errorprimary: var(--red-700, #d32f2f);--text-errorsecondary: var(--red-400, #ef5350);--text-info-primary-hover: var(--blue-900, #0d47a1);--text-info-secondary-hover: var(--blue-500, #2196f3);--text-infoprimary: var(--blue-700, #1976d2);--text-infosecondary: var(--blue-400, #42a5f5);--text-placeholder: var(--blue-grey-400, #78909c);--text-primary: var(--blue-grey-900, #263238);--text-primary-hover: var(--blue-grey-700, #455a64);--text-secondary: var(--blue-grey-700, #455a64);--text-secondary-hover: var(--blue-grey-900, #263238);--text-success-primary-hover: var(--green-900, #1b5e20);--text-success-secondary-hover: var(--green-900, #1b5e20);--text-successprimary: var(--green-700, #388e3c);--text-successsecondary: var(--green-400, #66bb6a);--text-tertiary: var(--blue-grey-500, #607d8b);--text-tertiary-hover: var(--blue-grey-700, #455a64);--text-warning-primary-hover: var(--orange-900, #e65100);--text-warning-secondary-hover: var(--orange-500, #ff9800);--text-warning-primary: var(--orange-700, #f57c00);--text-warningsecondary: var(--orange-400, #ffa726);--background-body: var(--bg-primary);--learnings-bg: #FFF0C5;--learnings-card-bg: #ffe997;--learnings-border: #C9A920;--learnings-heading: #3B2F00;--learnings-text: #3B2F00;--learnings-icon: #8E7500;--text-on-dark-primary: var(--candlelight-50);--text-on-dark-hover: var(--candlelight-300);--bg-on-dark: transparent;--bg-on-dark-hover: var(--blue-grey-50)}@font-face{font-display:swap;font-family:Jet Brains Mono;font-style:normal;font-weight:300;src:url(../assets/fonts/victor-mono/JetBrainsMono-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jet Brains Mono;font-style:normal;font-weight:400;src:url(../assets/fonts/victor-mono/JetBrainsMono-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jet Brains Mono;font-style:normal;font-weight:500;src:url(../assets/fonts/victor-mono/JetBrainsMono-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jet Brains Mono;font-style:normal;font-weight:600;src:url(../assets/fonts/victor-mono/JetBrainsMono-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jet Brains Mono;font-style:normal;font-weight:700;src:url(../assets/fonts/victor-mono/JetBrainsMono-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jet Brains Mono;font-style:italic;font-weight:300;src:url(../assets/fonts/victor-mono/JetBrainsMono-LightItalic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jet Brains Mono;font-style:italic;font-weight:400;src:url(../assets/fonts/victor-mono/JetBrainsMono-Italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jet Brains Mono;font-style:italic;font-weight:600;src:url(../assets/fonts/victor-mono/JetBrainsMono-SemiBoldItalic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jet Brains Mono;font-style:italic;font-weight:700;src:url(../assets/fonts/victor-mono/JetBrainsMono-BoldItalic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Host Grotesk;font-style:normal;font-weight:100 800;src:url(/assets/HostGroteskVar-rrV-pUEZ.woff2) format("woff2"),url(../assets/fonts/host-grotesk/HostGroteskVar.woff) format("woff")}@font-face{font-display:swap;font-family:Host Grotesk;font-style:italic;font-weight:100 800;src:url(/assets/HostGroteskVarItalic-2sDWzBJ8.woff2) format("woff2"),url(../assets/fonts/host-grotesk/HostGroteskVarItalic.woff) format("woff")}.header{background-color:#ffffff17;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none;position:fixed;width:100%;max-width:100%;overflow:hidden;z-index:10;padding-block:var(--space-2);top:0;opacity:1;transition:background-color .24s ease,box-shadow .24s ease,opacity .5s ease-in-out,top .7s ease}@starting-style{.header{opacity:0;top:0}}.header__container{display:flex;justify-content:space-between;align-items:center;height:min-content;position:relative;width:100%;padding-inline:var(--space-2)}.header__logo{flex-shrink:1;letter-spacing:-.05rem;margin-bottom:0}.mobile-menu__container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-2)}.header__logo,.mobile-menu__logo{font-weight:var(--font-weight-normal);font-size:var(--font-size-h5);color:var(--candlelight-700)}.header.scrolled{background-color:#ffffffe0;box-shadow:var(--shadow-sm)}.header__nav--desktop{display:none}.header__nav-list{list-style:none;display:flex;gap:var(--space-3)}.header__nav-item a{font-weight:var(--font-weight-medium);color:var(--text-base);font-size:var(--font-size-base);text-decoration-thickness:1px;text-underline-offset:.32rem}.header__nav-item a:hover,.header__nav-item a[aria-current=page]{color:var(--text-accentprimary);text-decoration:underline}.header__nav--mobile-toggle,#mobile-menu-toggle-button,#close-menu-toggle{align-self:center;background-color:transparent;border:none;cursor:pointer}.header__nav-item a:focus-visible,.header__nav--mobile-toggle:focus-visible,.mobile-menu a:focus-visible{outline:2px solid var(--text-accentsecondary);outline-offset:.35rem}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;min-height:100svh;height:100dvh;overflow-y:auto;background-color:var(--bg-blacksolid);clip-path:inset(0 0 100% 0);opacity:0;pointer-events:none;visibility:hidden;transition:clip-path .42s cubic-bezier(.22,1,.36,1) .1s,opacity .24s ease .1s,visibility 0s linear .52s;isolation:isolate}.mobile-menu--open{clip-path:inset(0);opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}.mobile-menu__logo{color:var(--text-accentprimary)}.mobile-menu__nav{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100dvh - var(--header-height));padding:var(--space-10) var(--space-6) calc(100lvh - 100svh + var(--space-6))}.mobile-menu__nav-list{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding-block-start:var(--space-12)}.mobile-menu__nav-item{font-family:var(--font-mono);font-size:var(--font-size-h3);font-weight:var(--font-weight-normal);line-height:1;letter-spacing:-.05rem}.mobile-menu .mobile-menu__nav-item a{color:var(--base-white);text-decoration:none;text-decoration-thickness:1px;text-underline-offset:.3em}.mobile-menu__nav-item--utility{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgb(236 239 241 / 28%);font-family:inherit;font-size:var(--font-size-base);letter-spacing:normal}.mobile-menu .mobile-menu__nav-item--utility a{color:var(--text-disabledalt)}.mobile-menu .mobile-menu__nav-item--utility a:hover{color:var(--base-white)}.mobile-menu .mobile-menu__nav-item a:hover,.mobile-menu .mobile-menu__nav-item a[aria-current=page]{color:var(--text-accentsecondary);text-decoration:underline}.mobile-menu__nav-social .btn--tertiary{color:var(--text-accentsecondary)}.mobile-menu__container,.mobile-menu__nav-item,.mobile-menu__nav-social{opacity:0;transform:translateY(1.25rem);transition:opacity .28s ease,transform .34s cubic-bezier(.22,1,.36,1)}.mobile-menu--open .mobile-menu__container{opacity:1;transform:translateY(0);transition-delay:.1s}.mobile-menu--open .mobile-menu__nav-item{opacity:1;transform:translateY(0);transition-delay:calc(.16s + var(--menu-item-delay))}.mobile-menu--open .mobile-menu__nav-social{opacity:1;transform:translateY(0);transition-delay:.34s}.no-scroll{overflow:hidden}@media (prefers-reduced-motion: reduce){.mobile-menu,.mobile-menu__container,.mobile-menu__nav-item,.mobile-menu__nav-social{clip-path:none;transform:none;transition:opacity 1ms linear,visibility 0s}.mobile-menu--open .mobile-menu__container,.mobile-menu--open .mobile-menu__nav-item,.mobile-menu--open .mobile-menu__nav-social{transition-delay:0s}}@media (width >= 1280px){.header__nav--desktop{display:flex;white-space:nowrap}.header__nav--mobile-toggle,.mobile-menu{display:none}}.footer{container-type:inline-size;container-name:footer;display:flex;flex-direction:column;justify-content:space-around;width:100%;height:100dvh;background-color:var(--bg-blacksolid);color:var(--text-primary);z-index:11;overflow:hidden}.footer__container{margin:0 auto;display:flex;flex-direction:column;justify-content:space-around;flex-shrink:1}.footer__info{container-type:inline-size;container-name:footer-info;display:flex;align-items:center;justify-content:flex-start;height:min-content}.footer__info-container{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-3);gap:var(--space-2);width:100%}.footer__hook-container{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-3);gap:var(--space-4);width:100%;flex-grow:1}.footer__hook{font-family:var(--font-sans);font-weight:400;align-self:flex-start;font-size:var(--font-size-h4);color:var(--text-accenttertiary)}.footer__description{max-width:55ch;margin-bottom:0;color:var(--text-tertiary);font-size:var(--font-size-base)}.footer__info-email,.footer__info-call-to-action{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.footer__email--copy svg{fill:var(--icon-accentprimary)}.footer__email--copy{background-color:transparent;border:none;cursor:pointer}.footer__email--copy:hover{fill:var(--secondary-dark)}.footer__social-list{display:inline-flex;gap:var(--space-2);flex-direction:row;justify-content:flex-start;list-style:none;margin-top:var(--space-2)}.footer__call-to-action{color:var(--bg-blacksolid)}.footer__logo{margin:-1% -1% -1.5% -.8%;transform:translateY(7%);overflow-x:hidden}.footer__logo svg{fill:var(--icon-accentprimary)}.footer__icon-wrapper{display:inline-block;width:24px;height:24px;line-height:0}.footer__icon-wrapper svg{width:100%;height:100%;fill:var(--secondary-dark)}.footer__copyright-section{text-align:right;padding:0 var(--space-2);color:var(--text-secondary)}@container footer (min-width: 960px){.footer__container{max-width:var(--container-lg)}.footer__info-container{padding:var(--space-3);display:flex;flex-direction:row}}@container footer (min-width: 1280px){.footer__container{max-width:var(--container-xl)}.footer__description{font-size:var(--font-size-h6)}}@container footer (min-width: 1440px){.footer{height:auto}.footer__container{max-width:var(--container-xl)}.footer__info-container{padding:var(--space-2)}}.btn{--btn-background: var(--bg-transparent);--btn-border-color: var(--border-transparent);--btn-color: var(--text-primary);--btn-gap: var(--space-0-5);--btn-padding: calc(var(--space-1) - var(--size-1)) calc(var(--space-2) - var(--size-1));--btn-font-size: .875rem;--btn-font-weight: var(--font-weight-medium);--btn-line-height: 1.375rem;--btn-letter-spacing: .0063rem;--btn-text-transform: none;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;inline-size:fit-content;max-inline-size:100%;gap:var(--btn-gap);padding:var(--btn-padding);border:var(--size-1) solid var(--btn-border-color);border-radius:var(--radius-full);color:var(--btn-color);background-color:var(--btn-background);font-family:var(--font-sans);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--btn-line-height);letter-spacing:var(--btn-letter-spacing);text-align:center;text-decoration:none;text-transform:var(--btn-text-transform);white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}.btn--primary{--btn-background: var(--bg-accentsolid);--btn-color: var(--text-primary);--btn-hover-background: var(--bg-accent-primary-hover);position:relative;isolation:isolate;overflow:hidden}.btn--primary:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--btn-hover-background);content:"";transform:translate(-100%);transition:transform .4s ease-in-out}.btn--primary.btn--on-dark{--btn-background: var(--bg-transparent);--btn-color: var(--text-on-dark-primary);--btn-hover-background: var(--bg-on-dark-hover)}.btn--primary:focus-visible{--btn-border-color: var(--border-accentsecondary);outline:none}.btn--primary:is(:disabled,[aria-disabled=true],.is-disabled){--btn-background: var(--bg-disabledalt);--btn-color: var(--text-disabledalt)}.btn--primary:is(:disabled,[aria-disabled=true],.is-disabled):before{transform:translate(-100%)}.btn--primary:not(:disabled,[aria-disabled=true],.is-disabled):hover:before{transform:translate(0)}.btn--primary.btn--on-dark:not(:disabled,[aria-disabled=true],.is-disabled):hover{--btn-color: var(--text-primary)}.btn--secondary{--btn-background: var(--bg-secondary);--btn-color: var(--text-primary)}.btn--secondary:focus-visible{--btn-border-color: var(--border-secondary);outline:none}.btn--secondary:is(:disabled,[aria-disabled=true],.is-disabled){--btn-background: var(--bg-disabledalt);--btn-color: var(--text-disabled)}.btn--secondary:not(:disabled,[aria-disabled=true],.is-disabled):hover{--btn-background: var(--bg-secondary-hover)}.btn:is(:disabled,[aria-disabled=true],.is-disabled){cursor:not-allowed}.btn:is([aria-disabled=true],.is-disabled){pointer-events:none}.btn--sm{--btn-gap: var(--space-0-5);--btn-padding: calc(var(--space-1) - var(--size-1)) calc(var(--space-2) - var(--size-1));--btn-font-size: .875rem;--btn-font-weight: var(--font-weight-medium);--btn-line-height: 1.375rem;--btn-letter-spacing: .0063rem;--btn-text-transform: none}.btn--md{--btn-gap: var(--space-1);--btn-padding: calc(var(--space-1-5) - var(--size-1)) calc(var(--space-2-5) - var(--size-1));--btn-font-size: .8125rem;--btn-font-weight: var(--font-weight-medium);--btn-line-height: 2.25rem;--btn-letter-spacing: .0781rem;--btn-text-transform: uppercase}.btn--secondary.btn--md{--btn-font-size: .875rem}.btn--lg{--btn-gap: var(--space-1-5);--btn-padding: calc(var(--space-2) - var(--size-1)) calc(var(--space-3) - var(--size-1));--btn-font-size: 1rem;--btn-font-weight: var(--font-weight-bold);--btn-line-height: 2.25rem;--btn-letter-spacing: var(--size-1);--btn-text-transform: none}.btn__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;inline-size:1.25rem;block-size:1.25rem;color:currentcolor;transition:transform .3s ease-in-out}.btn--md .btn__icon{inline-size:var(--size-5);block-size:var(--size-5)}.btn--lg .btn__icon{inline-size:var(--size-6);block-size:var(--size-6)}.btn__icon svg,.btn__icon img{display:block;inline-size:100%;block-size:100%}.btn:not(:disabled,[aria-disabled=true],.is-disabled):hover .btn__icon{transform:translate(var(--space-0-5)) rotate(45deg) scale(1.05)}.btn--icon{inline-size:var(--size-8);min-inline-size:var(--size-8);block-size:var(--size-8);min-block-size:var(--size-8);padding:var(--space-1)}.btn--icon.btn--md{padding:var(--space-1-5) var(--space-1)}.btn--icon.btn--lg{inline-size:var(--size-10);min-inline-size:var(--size-10);block-size:var(--size-10);min-block-size:var(--size-10);padding:var(--space-2)}@view-transition{navigation: auto;}@media (prefers-reduced-motion: no-preference){.project-detail__hero-image{view-transition-name:hero-image;view-transition-duration:.5s;view-transition-timing-function:ease-in-out}}@keyframes fade-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes fade-out{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -8px}}::view-transition-old(root){animation:.2s ease-out both fade-out}::view-transition-new(root){animation:.28s ease-out both fade-in}@media (prefers-reduced-motion: reduce){.project-card,::view-transition-old(root),::view-transition-new(root){animation:none;transition:none;opacity:1;translate:0 0}}*,:after,:before{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}#app{display:flex;flex-direction:column;min-height:100%;container-type:inline-size;container-name:app-container}body{min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:var(--font-mono);line-height:var(--line-height-body);color:var(--text-primary);background-color:var(--bg-primary);scrollbar-gutter:stable both-edges}html{font-size:var(--font-size-base);scroll-behavior:smooth}.main__content{display:flex;flex-direction:column;gap:var(--space-4);width:100%;padding-block-start:var(--space-10);margin-inline:auto;container-type:inline-size;container-name:main-content-container}h1,h2,h3,h4,h5,h6{text-wrap:balance}h1{font-size:var(--fs-heading-1);font-family:var(--font-mono);font-style:normal;line-height:var(--line-height-heading-1);letter-spacing:-.4rem;text-decoration:none;text-transform:none;font-weight:500}h2{font-size:var(--fs-heading-2);font-family:var(--font-mono);font-style:normal;line-height:var(--line-height-heading-2);letter-spacing:.5px;text-decoration:none;text-transform:none;font-weight:500}h3{font-size:var(--fs-heading-3);font-family:var(--font-mono);font-weight:400;font-style:normal;line-height:var(--line-height-heading-3);text-decoration:none;text-transform:none}h4{font-size:var(--fs-heading-4);font-family:var(--font-mono);font-weight:400;font-style:normal;line-height:var(--line-height-heading-4);letter-spacing:.25px;text-decoration:none;text-transform:none}h5{font-size:var(--fs-heading-5);font-family:var(--font-mono);font-weight:400;font-style:normal;line-height:var(--line-height-heading-5);text-decoration:none;text-transform:none;letter-spacing:-.125rem}h6{font-size:var(--fs-heading-6);font-family:var(--font-mono);font-weight:500;font-style:normal;line-height:var(--line-height-heading-6);letter-spacing:.25px;text-decoration:none;text-transform:none}p{font-size:var(--fs-body);font-family:var(--font-sans);font-weight:400;font-style:normal;line-height:var(--line-height-body);letter-spacing:.5px;text-decoration:none;text-transform:none;margin-bottom:1lh;text-wrap:pretty}ul,ol{font-family:var(--font-sans)}.reset--list{list-style:none}a{color:var(--text-accentprimary);text-decoration:none;transition:var(--transition-base)}img{max-width:100%;height:auto;display:block;border-style:none}@container app-container (min-width: 1920px){.hero,.projects,.project-detail-body,.learnings-section__container,.learnings__title-container,.learnings-section__description,.learnings-section__subtitle,.project-meta-info,.about,.imagenes-section,.footer__container,.project-detail__hero-image{max-width:var(--container-xl);margin-inline:auto}}