section[id],footer[id],[id=top]{scroll-margin-top:var(--bar-h)}.link-anim{text-decoration:none;background-size:0 0!important}.link-anim:hover,.link-anim:focus-visible{text-decoration:none}.project-hero{padding:calc(var(--bar-h) + var(--s-40)) 0 var(--s-40);background:var(--bone);z-index:5;position:relative}.project-hero .hero-title-col{grid-column:1/span 4;padding:0 12.5%}.project-hero .title{letter-spacing:-.02em;color:var(--ink);text-align:center;text-wrap:balance;margin:0;font-size:clamp(36px,26.1px + 2.63vw,64px);font-weight:500;line-height:1}.proto-sticky-btn{bottom:var(--s-24);right:var(--s-24);bottom:max(var(--s-24), env(safe-area-inset-bottom));right:max(var(--s-24), env(safe-area-inset-right));z-index:100;background:var(--demo-bg,var(--c-tierra));width:120px;height:120px;color:var(--demo-text,var(--c-verde));font-size:var(--t-m);text-align:center;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), opacity var(--dur-base) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;font-weight:500;line-height:1.2;text-decoration:none;animation:linear btn-spin;animation-timeline:scroll(root);position:fixed;border:none!important;display:flex!important}.proto-sticky-btn:hover{background:var(--demo-text,var(--c-verde));color:var(--demo-bg,var(--c-tierra));opacity:1}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.proto-sticky-btn{animation:none}}.project-hero .hero-tags{justify-content:center;gap:var(--s-8);margin-bottom:var(--s-16);flex-wrap:wrap;grid-column:1/span 4;display:flex}.hero-tag{font-size:var(--t-l);color:var(--ink);font-weight:500}.hero-tags .hero-tag:not(:nth-child(2)){display:none}.project-hero .hero-role{margin:var(--s-24) 0 0;font-size:var(--t-l);color:var(--ink);text-align:center;text-wrap:balance;grid-column:1/span 4;font-weight:500}.case-narrative{padding:var(--s-40) 0;background:var(--bone);z-index:5;position:relative}.case-narrative .narrative-text{grid-column:1/span 4;padding:0 12.5%}.case-narrative.is-center .narrative-text{text-align:center}.case-narrative.has-media .narrative-text{grid-column:3/span 2;align-self:center;max-width:none;margin-left:0;margin-right:0;padding:0}.case-narrative.has-media .narrative-media{border-radius:var(--radius-lg);clip-path:inset(0 round var(--radius-lg));grid-column:1/span 2;align-self:center;overflow:hidden}.case-narrative.has-media .narrative-media video{object-fit:cover;aspect-ratio:1;width:100%;height:100%;display:block}.case-narrative.has-media .narrative-media.is-portrait video{aspect-ratio:3/4}.case-narrative .narrative-text h3{font-size:var(--t-m);letter-spacing:0;margin:0 0 var(--s-24);text-align:center;font-weight:500;line-height:1.15}.case-narrative .narrative-text p{font-size:var(--t-m);text-align:center;margin:0;font-weight:500;line-height:1.2}.case-narrative.has-media .narrative-text h3,.case-narrative.has-media .narrative-text p{text-align:left}.case-narrative .narrative-text p+p{margin-top:var(--s-24)}.case-narrative .narrative-text p+ul,.case-narrative .narrative-text ul+p{margin-top:var(--s-40)}.case-narrative .narrative-text strong{font-weight:500}.narrative-label{font-size:var(--t-chrome);opacity:.5;margin-bottom:4px;font-weight:500;display:block}.case-narrative .narrative-text ul{margin:0;padding:0;list-style:none}.case-narrative .narrative-text li{padding-left:var(--s-40);font-size:var(--t-m);margin:0;font-weight:500;line-height:1.2;position:relative}.case-narrative .narrative-text li:before{content:"";background:var(--accent,var(--c-verde));border-radius:50%;width:16px;height:16px;position:absolute;top:calc(.7em - 8px);left:0}.case-narrative .narrative-text li+li{margin-top:var(--s-24)}.case-tag{top:var(--s-24);left:var(--s-24);z-index:2;color:var(--ink);font-size:var(--t-l);letter-spacing:0;font-weight:500;line-height:1;position:absolute}.case-fullvideo{padding:var(--s-40) 0;background:var(--bone);z-index:5;position:relative}.case-fullvideo .fullvideo-media{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;clip-path:inset(0 round var(--radius-lg));background:0 0;grid-column:1/span 4;font-size:0;display:block;position:relative;overflow:hidden}.case-fullvideo:has(.case-tag) .fullvideo-media{background:var(--c-tierra)}.case-fullvideo .fullvideo-media video{object-fit:cover;width:100%;height:100%;display:block}.case-pair{padding:var(--s-40) 0;background:var(--bone);z-index:5;position:relative}.case-pair .pair-row{column-gap:var(--col-gap);grid-column:1/span 4;grid-template-columns:1fr 1fr;display:grid}.case-pair .pair-half{aspect-ratio:1;border-radius:var(--radius-lg);clip-path:inset(0 round var(--radius-lg));background:0 0;font-size:0;display:block;overflow:hidden}.case-pair.is-portrait .pair-half{aspect-ratio:3/4}.case-pair .pair-half.is-photo{background-position:50%;background-size:cover}.case-pair .pair-half.is-video video{object-fit:cover;width:100%;height:100%;display:block}.case-results{padding:var(--s-40) 0 var(--s-120);background:var(--bone);z-index:5;position:relative}.case-results .results-photo{aspect-ratio:1;background:var(--c-tierra);border-radius:var(--radius-lg);clip-path:inset(0 round var(--radius-lg));grid-column:1/span 2;overflow:hidden}.case-results .results-photo img,.case-results .results-photo video{object-fit:cover;width:100%;height:100%;display:block}.case-results .results-stats{justify-content:center;gap:var(--s-16);flex-direction:column;grid-column:3/span 2;align-self:center;display:flex}.results-lead{font-size:var(--t-m);margin:0 0 var(--s-24);font-weight:500;line-height:1.2}.results-lead strong{font-weight:500}.stat-item{padding:var(--s-24);color:var(--stat-text,var(--c-tierra));background:linear-gradient(to right, var(--stat-bg,var(--accent,var(--c-verde))), var(--stat-bg,var(--accent,var(--c-verde)))) no-repeat left center;background-size:calc(var(--bar-progress,0) * 100%) 100%;flex-direction:column;gap:0;display:flex}.stat-big{letter-spacing:-.02em;color:var(--stat-text,var(--c-tierra));font-variant-numeric:tabular-nums;margin:0;font-size:clamp(28px,3.5vw,56px);font-weight:500;line-height:1.08}.stat-lbl{font-size:var(--t-m);letter-spacing:0;color:var(--stat-text,var(--c-tierra));margin:0;font-weight:500;line-height:1.2}.stat-closing{font-size:var(--t-m);margin:var(--s-24) 0 0;font-weight:500;line-height:1.2}.stat-closing--wide{margin:var(--s-40) 0 var(--s-40);text-align:center;grid-column:1/span 4;padding:0 12.5%}.proto-trigger:not(.proto-sticky-btn){font-size:var(--t-m);color:var(--c-tierra);transition:opacity var(--dur-fast) var(--ease-out);font-weight:500;text-decoration:none;display:inline-block}.proto-trigger:not(.proto-sticky-btn):hover{opacity:.5}body.proto-modal-open{overflow:hidden}body.proto-modal-open .proto-sticky-btn,body.proto-modal-open .site-header{opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.proto-modal{z-index:300;background:color-mix(in srgb, var(--ink) 88%, transparent);justify-content:center;align-items:center;gap:var(--s-24);opacity:0;pointer-events:none;transition:opacity var(--t-page) var(--t-curve-in);flex-direction:column;display:flex;position:fixed;inset:0}.proto-modal.is-open{opacity:1;pointer-events:all;transition:opacity var(--t-page) var(--t-curve-out)}.proto-close{top:var(--s-40);right:var(--s-40);cursor:pointer;color:var(--accent,var(--c-verde));font-size:var(--t-m);z-index:1;background:0 0;border:none;padding:0;font-family:inherit;font-weight:500;line-height:1;position:absolute}.proto-close:hover{opacity:.35}.proto-viewport{background:var(--paper);border-radius:var(--radius-lg);width:82vw;max-width:1280px;height:78vh;transition:width var(--dur-base) var(--ease-out), max-width var(--dur-base) var(--ease-out);overflow:hidden}.proto-viewport.is-modal{background:0 0}.proto-viewport[data-viewport=mobile]{width:390px;max-width:390px}.proto-viewport.no-toolbar{height:88vh}.playground-full,.playground-pair,.playground-row{z-index:5;background:var(--bone);padding:var(--s-80) 0;position:relative}.playground-full img,.playground-full video{border-radius:var(--radius-lg);width:100%;height:auto;clip-path:inset(0 round var(--radius-lg));grid-column:1/span 4;display:block}.playground-pair .grid{align-items:start}.playground-pair>.grid>img:first-child,.playground-pair>.grid>video:first-child{border-radius:var(--radius-lg);width:100%;height:auto;clip-path:inset(0 round var(--radius-lg));grid-column:1/span 2;display:block}.playground-pair>.grid>img:nth-child(2),.playground-pair>.grid>video:nth-child(2){border-radius:var(--radius-lg);width:100%;height:auto;clip-path:inset(0 round var(--radius-lg));grid-column:3/span 2;display:block}.playground-row .grid{align-items:start}.playground-row .grid img,.playground-row .grid video{border-radius:var(--radius-lg);width:100%;height:auto;clip-path:inset(0 round var(--radius-lg));display:block}.pg-span-1{grid-column:span 1}.pg-span-2{grid-column:span 2}.pg-span-3{grid-column:span 3}.pg-span-4{grid-column:span 4}.playground-pair>.grid>.pg-stack{gap:var(--s-24);flex-direction:column;display:flex}.playground-pair>.grid>.pg-stack:first-child{grid-column:1/span 2}.playground-pair>.grid>.pg-stack:nth-child(2){grid-column:3/span 2}.playground-pair>.grid>.pg-stack>img,.playground-pair>.grid>.pg-stack>video{border-radius:var(--radius-lg);width:100%;height:auto;clip-path:inset(0 round var(--radius-lg));display:block}.proto-frame{background:var(--paper,#fff);border:none;width:100%;height:100%;display:block}.proto-viewport.is-modal .proto-frame{background:0 0}.proto-toolbar{gap:var(--s-16);flex-shrink:0;display:flex}.proto-tag{font-size:var(--t-m);letter-spacing:0;cursor:pointer;color:var(--accent,var(--c-verde));transition:color var(--dur-base) var(--ease-out);background:0 0;border:none;padding:0;font-family:inherit;font-weight:500;line-height:1}.proto-tag:not(.is-active){color:color-mix(in srgb, var(--accent,var(--c-verde)) 40%, transparent)}.proto-tag:hover{color:var(--accent,var(--c-verde))}.case-nav{--color-bg:var(--case-bg,var(--c-verde));--color-text:var(--case-text,var(--c-tierra));padding:var(--s-80) 0;background:var(--color-bg);color:var(--color-text);z-index:5;position:relative}.case-nav-next{text-align:center;grid-column:1/span 4;padding:0 12.5%}.case-nav-label{font-size:var(--t-m);color:var(--case-text,var(--c-tierra));margin:0 0 var(--s-8);font-weight:500}.case-nav-link{font-size:var(--t-xl);color:var(--case-text,var(--c-tierra));font-weight:500;line-height:1.1;text-decoration:none;display:block;position:relative}.case-nav-link:hover,.case-nav-link:focus-visible{text-decoration:none}.is-placeholder{text-align:center;color:var(--c-tierra);font-size:var(--t-chrome);letter-spacing:0;padding:var(--s-24);justify-content:center;align-items:center;font-weight:500;line-height:1.3;display:flex;background:var(--c-lima)!important}.is-placeholder:before{content:attr(data-label);white-space:pre-line;max-width:60%}@media (width<=767px){.project-hero{padding-top:var(--mob-first-fold-pad);padding-bottom:var(--mob-content-gap);text-align:center}.project-hero .grid{text-align:center;align-items:center}.project-hero .hero-tags{margin-bottom:var(--mob-eyebrow-gap);justify-content:center;gap:8px}.project-hero .hero-title-col,.project-hero .title{text-align:center;max-width:100%;margin:0 auto;padding:0}.project-hero .title{font-size:var(--mob-text-lead);letter-spacing:-.02em;line-height:1.05}.project-hero .subtitle,.project-hero .hero-role{margin-top:var(--mob-title-gap);text-align:center;max-width:100%;padding:0}.case-narrative .narrative-text{max-width:100%;padding:0}.case-narrative.has-media .narrative-media{margin-bottom:var(--mob-stack-gap)}.case-narrative .narrative-text h3,.case-narrative .narrative-text p{text-align:left;font-size:var(--mob-text-body)}.case-narrative .narrative-text ul,.case-narrative .narrative-text ol{font-size:var(--mob-text-bullet)}.case-narrative .narrative-text li{font-size:var(--mob-text-bullet);line-height:1.4}.case-narrative .narrative-text h3{margin-bottom:var(--mob-eyebrow-gap)}.results-lead{text-align:center;max-width:100%;font-size:var(--mob-text-body);padding:0}.case-nav,.case-nav .grid{text-align:center}.case-nav .case-nav-link,.case-nav .next-title{text-align:center;max-width:100%;font-size:var(--mob-text-lead)}.case-fullvideo .fullvideo-media{aspect-ratio:4/3!important}.case-fullvideo .fullvideo-media video{position:absolute;inset:0;object-fit:cover!important;width:100%!important;height:100%!important}.case-pair .pair-row{row-gap:var(--s-16);grid-template-columns:1fr}.case-pair .pair-half,.case-pair.is-portrait .pair-half{aspect-ratio:4/3}.case-pair .pair-half video,.case-pair .pair-half img{object-fit:cover}.case-results .results-photo{aspect-ratio:4/3}.case-results .results-photo img,.case-results .results-photo video{object-fit:cover}:is(.case-fullvideo:has(+.case-fullvideo),.case-fullvideo:has(+.case-pair),.case-fullvideo:has(+.case-results),.case-fullvideo:has(+.case-narrative.has-media),.case-pair:has(+.case-fullvideo),.case-pair:has(+.case-pair),.case-pair:has(+.case-results),.case-pair:has(+.case-narrative.has-media)){padding-bottom:var(--s-8)}.case-fullvideo+.case-fullvideo,.case-fullvideo+.case-pair,.case-fullvideo+.case-results,.case-fullvideo+.case-narrative.has-media,.case-pair+.case-fullvideo,.case-pair+.case-pair,.case-pair+.case-results,.case-pair+.case-narrative.has-media{padding-top:var(--s-8)}.case-narrative.has-media .narrative-media,.case-narrative.has-media .narrative-media.is-portrait{aspect-ratio:4/3}.case-narrative.has-media .narrative-media video,.case-narrative.has-media .narrative-media.is-portrait video{aspect-ratio:4/3;object-fit:cover}.case-results .results-stats{margin-top:var(--s-24)}.stat-item{padding:var(--s-16)}.stat-big{font-size:var(--mob-text-stat)}.stat-lbl,.stat-closing{font-size:var(--mob-text-body)}.proto-sticky-btn{bottom:var(--s-24);right:var(--s-16);width:110px;height:110px;font-size:var(--t-l);transition:opacity var(--dur-base) var(--ease-out);padding:0;animation:none!important}.proto-sticky-btn:hover{background:var(--demo-bg);color:var(--demo-text)}body.menu-open .proto-sticky-btn{opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.proto-modal{box-sizing:border-box;background:color-mix(in srgb, var(--ink) 92%, transparent);padding:24px}.proto-toolbar{display:none}.proto-viewport,.proto-viewport[data-viewport=desktop],.proto-viewport[data-viewport=mobile]{border-radius:var(--radius-lg);width:100%!important;max-width:100%!important;height:100%!important}.proto-close{z-index:999;background:var(--ink);color:var(--paper);border-radius:999px;padding:10px 18px;position:fixed;top:16px;left:16px;box-shadow:0 4px 12px #0000004d}.proto-close:hover{opacity:1;background:var(--ink)}.more-grid{grid-template-columns:1fr}.more-card .thumb,.more-card video.thumb,.next-card .next-thumb,.next-thumb{aspect-ratio:4/3}.playground-full,.playground-pair,.playground-row{padding:var(--s-8) 0}:is(.playground-full:has(+.case-nav),.playground-pair:has(+.case-nav),.playground-row:has(+.case-nav)){padding-bottom:var(--s-40)}.playground-full img,.playground-full video{grid-column:1}.playground-pair>.grid{row-gap:var(--s-16)}.playground-pair>.grid>img:first-child,.playground-pair>.grid>video:first-child,.playground-pair>.grid>img:nth-child(2),.playground-pair>.grid>video:nth-child(2),.playground-pair>.grid>.pg-stack{grid-column:1}.playground-pair>.grid>.pg-stack{gap:var(--s-16)}.playground-row .grid{row-gap:var(--s-16)}.playground-row .grid img,.playground-row .grid video,.pg-span-1,.pg-span-2,.pg-span-3,.pg-span-4{grid-column:1}}