:where(.ab-hero,.ab-brand,.ab-think__inner,.ab-work,.ab-links,.ab-close__inner){grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);display:grid}:where(.ab-hero,.ab-brand,.ab-think__inner,.ab-work,.ab-links,.ab-close__inner)>*{grid-column:1/-1;min-width:0}.ab-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}.ab-head{align-content:start;gap:14px;display:grid}.ab-h2{font-size:var(--fs-display-l);font-weight:var(--fw-heavy);letter-spacing:var(--ls-title);text-wrap:balance;margin:0;line-height:1.06}.ab-h2 :is(.t-light,.ab-line){display:block}.ab-hero{padding-top:calc(var(--header-h) + clamp(40px, 9svh, 112px));padding-bottom:clamp(48px,6vw,88px)}.ab-hero__title{max-width:18ch;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}.ab-hero__title :is(.t-light,.ab-line){display:block}.ab-hero__text{max-width:52ch;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}.ab-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px;display:flex}@media (min-width:1024px){.ab-hero__title{grid-column:1/11}.ab-hero__text,.ab-actions{grid-column:1/8}}.ab-scene{border-top:1px solid var(--color-borde)}.ab-scene__intro{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);padding-block:clamp(48px,5.5vw,80px) clamp(32px,4vw,56px);display:grid}.ab-scene__intro>*{grid-column:1/-1}@media (min-width:1024px){.ab-scene__intro>*{grid-column:1/9}}.ab-scene__frame{grid-template-columns:minmax(0,1fr);row-gap:clamp(20px,2.6vw,32px);display:grid}.ab-scene__frame>*{min-width:0;margin:0}.ab-top{justify-items:start;gap:14px;display:grid}.ab-dir{width:clamp(120px,11vw,180px);display:block}.ab-dir img{width:100%;height:auto;display:block}.ab-example{color:var(--color-piedra);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;margin:0}.ab-pole,.ab-result__pole{font-size:clamp(1.75rem,.9rem + 1.8vw,3rem);font-weight:var(--fw-heavy);letter-spacing:var(--ls-title);white-space:nowrap;line-height:1}.ab-pole--prod{display:grid}.ab-pole--prod>span{grid-area:1/1}.ab-pole__live{display:none}.ab-pole__live,.ab-result__pole--live{color:var(--color-petroleo)}.ab-caps{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex-direction:column;align-items:flex-start;gap:10px;padding:0;font-size:.75rem;line-height:1.3;list-style:none;display:flex}.ab-caps li[data-on=true]{color:var(--color-carbon)}.ab-caps li[data-on=false]{color:var(--color-piedra)}.ab-caption{max-width:46ch;color:var(--color-grafito);font-size:var(--fs-body-l);text-wrap:pretty;line-height:1.4}.ab-result{border-top:1px solid var(--color-borde);flex-direction:column;align-items:flex-start;gap:14px;padding-top:clamp(24px,3vw,40px);display:flex;margin-top:clamp(16px,3vw,40px)!important}.ab-result__decision{gap:8px;display:grid}.ab-result__text{font-size:clamp(1.25rem,.9rem + 1vw,1.75rem);font-weight:var(--fw-light);letter-spacing:-.015em;margin:0;line-height:1.2}.ab-result__tags{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;margin:0}.ab-end{background:var(--color-carbon);color:var(--color-blanco);box-shadow:0 0 0 100vmax var(--color-carbon);clip-path:inset(0 -100vmax);justify-items:start;gap:clamp(20px,3vw,36px);padding-block:clamp(64px,8vw,120px);display:grid;margin-top:clamp(32px,5vw,72px)!important}.ab-end__title{font-size:var(--fs-display-xl);font-weight:var(--fw-heavy);letter-spacing:var(--ls-hero);text-wrap:balance;margin:0;line-height:.98}.ab-end__title :is(.t-light,.ab-line){display:block}.ab-end__title .t-light{color:color-mix(in srgb, var(--color-blanco) 72%, var(--color-carbon))}.ab-end__logo{width:clamp(140px,14vw,200px);display:block}.ab-end__logo img{width:100%;height:auto;display:block}@media (min-width:768px){.ab-scene__frame{grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(20px,3vw,56px)}.ab-scene__frame>*{grid-column:1/-1}.ab-scene__frame>.ab-top{grid-area:1/2;justify-items:center}.ab-scene__frame>.ab-pole--biz{grid-area:2/1;align-self:center}.ab-scene__frame>.ab-caps{flex-direction:row;grid-area:2/2;justify-content:space-between;align-items:center;gap:12px}.ab-scene__frame>.ab-pole--prod{grid-area:2/3;align-self:center;justify-items:end}.ab-result{flex-flow:wrap;align-items:baseline;gap:16px clamp(24px,3vw,48px)}}@media (min-width:1024px){.ab-caps{font-size:.875rem}}.ab-scene__runway{display:none}.ab-scene[data-motion=on] .ab-scene__sticky{top:var(--header-space);height:calc(100svh - var(--header-space));background:var(--color-blanco);position:sticky;overflow:hidden}.ab-scene[data-motion=on] .ab-scene__frame{box-sizing:border-box;grid-template-rows:auto auto minmax(0,1fr) auto auto;row-gap:0;height:100%;padding-block:clamp(18px,3svh,40px)}.ab-scene[data-motion=on] .ab-scene__frame>*{grid-column:1}.ab-scene[data-motion=on] .ab-top{grid-row:1;margin-bottom:clamp(14px,2.4svh,24px)!important}.ab-scene[data-motion=on] .ab-pole--biz{grid-row:2}.ab-scene[data-motion=on] .ab-caps{grid-row:3;align-self:center;gap:clamp(12px,2.6svh,24px)}.ab-scene[data-motion=on] .ab-pole--prod{grid-row:4;margin-bottom:clamp(16px,3svh,32px)!important}.ab-scene[data-motion=on] .ab-pole__live{display:block}.ab-scene[data-motion=on] .ab-caption{grid-row:5;align-self:end}.ab-scene[data-motion=on] .ab-result{border:0;grid-row:3;align-self:center;padding:0;margin:0!important}.ab-scene[data-motion=on] .ab-result__pole{display:none}.ab-scene[data-motion=on] .ab-result__decision{position:relative}.ab-scene[data-motion=on] .ab-result__tags{margin-top:10px;position:absolute;top:100%;left:0}.ab-scene[data-motion=on] .ab-end{box-shadow:none;clip-path:none;background:0 0;grid-area:1/1/-1/-1;align-content:center;align-self:center;padding:0;margin:0!important}@media (min-width:768px){.ab-scene[data-motion=on] .ab-scene__frame{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr) auto}.ab-scene[data-motion=on] .ab-top{grid-area:1/2;align-self:end;margin-bottom:clamp(24px,5svh,56px)!important}.ab-scene[data-motion=on] .ab-pole--biz{grid-area:2/1}.ab-scene[data-motion=on] .ab-caps{grid-area:2/2;gap:12px}.ab-scene[data-motion=on] .ab-pole--prod{grid-area:2/3;margin:0!important}.ab-scene[data-motion=on] .ab-result{grid-area:2/2;justify-self:center}.ab-scene[data-motion=on] .ab-result__decision{text-align:center;justify-items:center}.ab-scene[data-motion=on] .ab-result__tags{right:0}.ab-scene[data-motion=on] .ab-caption{grid-area:4/1/5/-1}}.ab-scene[data-motion=on] .ab-scene__runway{display:block}.ab-scene__runway>div{height:var(--m)}@media (min-width:768px){.ab-scene__runway>div{height:var(--d)}}.ab-brand{row-gap:clamp(36px,5vw,64px);padding-block:clamp(64px,7.5vw,112px)}.ab-brand__purpose{gap:16px;display:grid}.ab-brand__statement{max-width:20ch;font-size:var(--fs-display-xl);font-weight:var(--fw-heavy);letter-spacing:var(--ls-hero);text-wrap:balance;margin:0;line-height:1}.ab-brand__idea{border-top:1px solid var(--color-carbon);align-content:start;gap:10px;padding-top:18px;display:grid}.ab-brand__idea p{margin:0}.ab-brand__title{font-size:var(--fs-display-m);font-weight:var(--fw-heavy);letter-spacing:-.015em;text-wrap:balance;margin:0;line-height:1.15}.ab-brand__text{max-width:46ch;color:var(--color-grafito);font-size:var(--fs-body);text-wrap:pretty;line-height:1.5}@media (min-width:768px){.ab-brand__idea:nth-child(2){grid-column:1/5}.ab-brand__idea:nth-child(3){grid-column:5/9}}@media (min-width:1024px){.ab-brand__purpose{grid-column:1/11}.ab-brand__idea:nth-child(2){grid-column:1/6}.ab-brand__idea:nth-child(3){grid-column:7/12}}.ab-think{background:var(--color-melocoton)}.ab-think__inner{row-gap:clamp(24px,3vw,40px);padding-block:clamp(56px,6.5vw,96px)}.ab-principles{border-top:1px solid var(--color-carbon);margin:0;padding:0;list-style:none}.ab-principles li{gap:6px var(--gutter);border-bottom:1px solid color-mix(in srgb, var(--color-carbon) 18%, var(--color-melocoton));padding-block:18px 20px;display:grid}.ab-principle__title{font-size:var(--fs-display-m);font-weight:var(--fw-heavy);letter-spacing:-.015em;text-wrap:balance;margin:0;line-height:1.15}.ab-principle__text{max-width:52ch;color:var(--color-grafito);font-size:var(--fs-body);margin:0;line-height:1.5}@media (min-width:1024px){.ab-think__inner>.ab-head{grid-column:1/9}.ab-principles li{grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline}.ab-principle__title{grid-column:1/8}.ab-principle__text{grid-column:8/13}}.ab-work{row-gap:clamp(24px,3vw,40px);padding-block:clamp(48px,5.5vw,80px)}.ab-work__body{gap:12px;display:grid}.ab-work__body p{max-width:52ch;color:var(--color-grafito);font-size:var(--fs-body-l);text-wrap:pretty;margin:0;line-height:1.45}.ab-work__body p:first-child{color:var(--color-carbon)}.ab-direction{border-top:1px solid var(--color-borde);gap:4px;margin-top:clamp(8px,1.5vw,16px);padding-top:16px;display:grid}.ab-direction p{margin:0}.ab-direction .ab-label{margin-bottom:6px}.ab-direction__name{font-size:var(--fs-body-l);font-weight:500;line-height:1.3}.ab-direction__role{color:var(--color-piedra);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em}.ab-direction__line{color:var(--color-grafito);font-size:var(--fs-body);line-height:1.5;margin-top:6px!important}@media (min-width:1024px){.ab-work>.ab-head{grid-column:1/9}.ab-work__body{grid-column:1/8}.ab-direction{grid-column:1/6}}.ab-links{border-top:1px solid var(--color-borde);row-gap:18px;padding-block:clamp(32px,4vw,48px) clamp(56px,6.5vw,96px)}.ab-verbs{font-size:var(--fs-small);gap:10px;margin:0;padding:0;line-height:1.4;list-style:none;display:grid}.ab-verbs li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ab-verbs__verb{min-width:7.5em;color:var(--color-piedra);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase}.ab-verbs .arrow{width:.8em;height:.8em;color:var(--color-piedra)}.ab-verbs a{color:var(--color-link);text-underline-offset:3px}@media (hover:hover){.ab-verbs a:hover{color:var(--color-link-hover)}}.ab-links__projects{font-size:var(--fs-small);justify-self:start}@media (min-width:1024px){.ab-verbs,.ab-links__projects{grid-column:1/7}}.ab-close{background:var(--color-carbon);color:var(--color-blanco)}.ab-close :focus-visible{outline-color:var(--color-blanco)}.ab-close .button--primary:focus-visible{outline-color:var(--color-blanco)}.ab-close__inner{row-gap:clamp(24px,3vw,36px);padding-block:clamp(72px,8vw,120px) clamp(56px,6.5vw,96px)}.ab-close__title{font-size:var(--fs-display-xl);font-weight:var(--fw-heavy);letter-spacing:var(--ls-hero);margin:0;line-height:.98}.ab-close__title :is(.t-light,.ab-line){display:block}.ab-close__body{justify-items:start;gap:24px;display:grid}.ab-close__text{max-width:42ch;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){.ab-close__title{grid-column:1/10}.ab-close__body{grid-column:1/7}}@media (prefers-reduced-motion:no-preference){.ab-hero>[style*=--i],.ab-hero__title>[style*=--i]{animation:ab-in .65s var(--ease-out-expo) both;animation-delay:calc(var(--i) * 90ms + 60ms)}}@keyframes ab-in{0%{opacity:0;transform:translateY(16px)}}.ab[data-motion=on] .ab-head[data-reveal],.ab[data-motion=on] [data-reveal=block]{opacity:0;transition:opacity .55s ease var(--d,0s), transform .65s var(--ease-out-expo) var(--d,0s);transform:translateY(16px)}.ab[data-motion=on] .ab-head[data-reveal].is-in,.ab[data-motion=on] [data-reveal=block].is-in{opacity:1;transform:none}.ab[data-motion=on] .ab-principles li[data-reveal]>*{opacity:0;transition:opacity .5s ease calc(var(--d,0s) + .12s), transform .6s var(--ease-out-expo) calc(var(--d,0s) + .12s);transform:translateY(12px)}.ab[data-motion=on] .ab-principles li[data-reveal].is-in>*{opacity:1;transform:none}.ab[data-motion=on] [data-reveal=seq] :is(.t-light,.ab-line,.ab-close__body){opacity:0;transition:opacity .6s ease, transform .7s var(--ease-out-expo);transform:translateY(18px)}.ab[data-motion=on] [data-reveal=seq] .ab-line{transition-delay:.2s}.ab[data-motion=on] [data-reveal=seq] .ab-close__body{transition-delay:.42s}.ab[data-motion=on] [data-reveal=seq].is-in :is(.t-light,.ab-line,.ab-close__body){opacity:1;transform:none}
