.prj{--prj-grid:repeat(var(--cols), minmax(0, 1fr))}.prj :is(.prj-hero,.prj-viva,.prj-oh__inner,.prj-mikala,.prj-close__inner){grid-template-columns:var(--prj-grid);column-gap:var(--gutter);display:grid}:where(.prj-hero,.prj-viva,.prj-oh__inner,.prj-mikala,.prj-close__inner)>*{grid-column:1/-1;min-width:0}.prj-label{color:var(--color-piedra);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:400;line-height:1.45}.prj-label--dark,.prj-oh .prj-label{color:var(--color-blanco-muted)}.prj-head{gap:10px;display:grid}.prj-name{font-size:var(--fs-display-l);font-weight:var(--fw-heavy);letter-spacing:var(--ls-title);margin:0;line-height:1.06}.prj-part{align-content:start;gap:10px;display:grid}.prj-part p{max-width:46ch;color:var(--color-grafito);font-size:var(--fs-body);text-wrap:pretty;margin:0;line-height:1.5}.prj-part--result p{color:var(--color-carbon);font-size:var(--fs-body-l);line-height:1.4}.prj-services{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;line-height:1.6;display:flex}.prj-services__label{color:var(--color-piedra)}.prj-services__label:after{content:" ·"}.prj-services__link{color:var(--color-link);text-underline-offset:3px}@media (hover:hover){.prj-services__link:hover{color:var(--color-link-hover)}}.prj-oh .prj-services__label{color:var(--color-blanco-muted)}.prj-oh .prj-services__link{color:var(--color-blanco)}.prj-hero{padding-top:calc(var(--header-h) + clamp(40px, 9svh, 112px));row-gap:0;padding-bottom:clamp(56px,7vw,104px)}.prj-hero__title{max-width:16ch;font-size:var(--fs-display-xl);font-weight:var(--fw-heavy);letter-spacing:var(--ls-hero);text-wrap:balance;margin:20px 0 0;line-height:.98}.prj-hero__title .t-light{display:block}.prj-hero__text{max-width:46ch;color:var(--color-grafito);font-size:var(--fs-body-l);text-wrap:pretty;margin:clamp(20px,2.4vw,32px) 0 0;line-height:1.45}.prj-index{margin-top:clamp(48px,6vw,88px)}.prj-index__label{margin-bottom:12px}.prj-index ol{border-top:1px solid var(--color-borde);margin:0;padding:0;list-style:none}.prj-index li{border-bottom:1px solid var(--color-borde)}.prj-index a{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding-block:18px;text-decoration:none;display:grid}.prj-index__name{font-size:var(--fs-display-m);letter-spacing:-.015em;grid-column:1;font-weight:500;line-height:1.15}.prj-index__status{color:var(--color-piedra);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;grid-row:2}.prj-index .arrow{transition:transform .18s var(--ease-out-expo);grid-area:1/2/3;align-self:center}@media (hover:hover){.prj-index a:hover .prj-index__name{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.prj-index a:hover .arrow{transform:translateY(4px)}}@media (min-width:768px){.prj-index a{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;padding-block:22px}.prj-index__status{grid-area:1/2}.prj-index .arrow{grid-area:1/3}}@media (min-width:1024px){.prj-index,.prj-hero__title{grid-column:1/10}}.prj-viva{border-top:1px solid var(--color-borde);row-gap:clamp(28px,4vw,56px);padding-block:clamp(64px,8vw,128px)}.prj-viva__story{align-content:start;gap:28px;display:grid}@media (min-width:768px){.prj-viva__story{grid-column:1/5}.prj-viva__detail{grid-column:5/-1;align-self:start}}@media (min-width:1024px){.prj-viva__story{grid-column:1/6;padding-top:8px}.prj-viva__detail{grid-column:7/12}}.prj-oh{background:var(--color-carbon);color:var(--color-blanco)}.prj-oh :focus-visible{outline-color:var(--color-blanco)}.prj-oh__inner{row-gap:clamp(32px,4.5vw,64px);padding-block:clamp(72px,9vw,144px)}.prj-oh .prj-part p{color:color-mix(in srgb, var(--color-blanco) 80%, var(--color-carbon))}.prj-oh__story{gap:28px var(--gutter);display:grid}.prj-oh__shots{gap:var(--gutter);align-items:start;display:grid}@media (min-width:768px){.prj-oh__story{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.prj-oh__story{grid-area:2/1/auto/7;grid-template-columns:minmax(0,1fr);align-content:start}.prj-oh__shots{display:contents}.prj-oh__pdp{grid-area:2/8/auto/-1}.prj-oh__nav{grid-area:3/1/auto/-1}}.prj-oh__result{border-top:1px solid var(--color-grafito);gap:20px;padding-top:28px;display:grid}.prj-metrics{gap:28px var(--gutter);margin:0;display:grid}.prj-metric{gap:8px;display:grid}.prj-metric__label{color:var(--color-blanco-muted);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase}.prj-metric__values{letter-spacing:-.035em;font-variant-numeric:lining-nums;white-space:nowrap;align-items:baseline;gap:0 .3em;margin:0;font-size:clamp(2.5rem,1.6rem + 4.2vw,5.25rem);line-height:.95;display:flex}.prj-metric__before,.prj-metric__arrow{color:var(--color-blanco-muted);font-weight:var(--fw-light)}.prj-metric__after{font-weight:var(--fw-heavy)}.prj-metrics__note{color:var(--color-blanco-muted);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;margin:0}@media (min-width:1024px){.prj-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.prj-mikala{row-gap:clamp(28px,4vw,56px);padding-block:clamp(64px,8vw,128px)}.prj-mikala__story{gap:28px var(--gutter);display:grid}.prj-mikala__result{align-content:start;gap:10px;display:grid}.prj-mikala__status{font-size:var(--fs-display-m);font-weight:var(--fw-heavy);letter-spacing:-.015em;margin:0;line-height:1.15}.prj-mikala__line{max-width:40ch;color:var(--color-grafito);font-size:var(--fs-body);text-wrap:pretty;margin:0 0 18px;line-height:1.5}.prj-products{gap:28px var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.prj-product__img img{width:100%;height:auto;display:block}.prj-product__name{font-size:var(--fs-small);text-wrap:pretty;margin:12px 0 4px;line-height:1.4}.prj-product__price{color:var(--color-piedra);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;margin:0}@media (min-width:768px){.prj-mikala__story{grid-column:1/6}.prj-mikala__result{grid-column:6/-1}}@media (min-width:1024px){.prj-mikala__story{grid-column:1/8;grid-template-columns:repeat(2,minmax(0,1fr))}.prj-mikala__result{grid-column:9/-1}.prj-products{grid-template-columns:repeat(4,minmax(0,1fr))}}.prj-close{background:var(--color-carbon);color:var(--color-blanco)}.prj-close :focus-visible{outline-color:var(--color-blanco)}.prj-close .button--primary:focus-visible{outline-color:var(--color-blanco)}.prj-close__inner{row-gap:clamp(24px,3vw,36px);padding-block:clamp(72px,8vw,120px) clamp(56px,6.5vw,96px)}.prj-close__title{font-size:var(--fs-display-xl);font-weight:var(--fw-heavy);letter-spacing:var(--ls-hero);margin:0;line-height:.98}.prj-close__title .t-light{display:block}.prj-close__body{justify-items:start;gap:24px;display:grid}.prj-close__text{max-width:40ch;color:color-mix(in srgb, var(--color-blanco) 80%, var(--color-carbon));font-size:var(--fs-body-l);margin:0;line-height:1.5}@media (min-width:1024px){.prj-close__title{grid-column:1/10}.prj-close__body{grid-column:1/7}}