.hero{isolation:isolate;background:var(--japi-950);height:100svh;min-height:34rem;position:relative;overflow:hidden}.hero-media{z-index:0;position:absolute;inset:0}.hero-video{object-fit:cover;object-position:50% 50%;width:100%;max-width:none;height:100%}.hero-scrim{z-index:1;pointer-events:none;background:linear-gradient(180deg,#051a0c99 0%,#051a0c33 13%,#051a0c00 24%), linear-gradient(115deg,#051a0c6b 0%,#051a0c4d 18%,#051a0c24 32%,#051a0c0a 42%,#051a0c00 50%), linear-gradient(0deg,var(--japi-950) 0%,#051a0c00 12%);position:absolute;inset:0}.hero-content{z-index:2;left:var(--pad);width:min(56rem,60vw);position:absolute;top:clamp(6.75rem,12.5vh,8.75rem)}.hero{--glyph-shadow:0 0 1px #051a0ccc,0 1px 3px #051a0cb3,0 2px 16px #051a0c8c,0 6px 48px #051a0c73}.hero-title{font:500 clamp(2.75rem,5vw,5rem)/1.04 var(--font-display);letter-spacing:-.04em;color:#fff;text-shadow:var(--glyph-shadow)}.hero-title .line{display:block}.hero-title em{color:color-mix(in srgb,var(--japi-300) 45%,#fff);font-style:italic}.hero .section-label{color:#fff;text-shadow:var(--glyph-shadow);font-size:.75rem;font-weight:600}.hero .section-label:before{background:linear-gradient(90deg,var(--ciano-300),transparent)}.hero-title .w{vertical-align:top;margin:0 -.06em -.14em 0;padding:0 .06em .14em 0;display:inline-block;overflow:hidden}.hero-title .w>span{display:inline-block}.hero-foot{border-top:1px solid #eef4ef4d;margin-top:clamp(1.25rem,2.8vh,2rem);padding-top:clamp(1rem,2vh,1.5rem);display:flex}.hero .link-all{text-shadow:var(--glyph-shadow)}.hero-video{pointer-events:none}.hero-video::-webkit-media-controls,.hero-video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.hero-fallback{position:absolute;inset:0}.js .hero-fallback{animation:fadeIn .8s var(--ease-out-expo) both}@keyframes fadeIn{0%{opacity:0}}@media (width<=767px){.hero-video{object-position:12% 50%}.hero-scrim{background:linear-gradient(180deg,#051a0cc7 0%,#051a0c80 30%,#051a0c00 52%), linear-gradient(0deg,var(--japi-950) 0%,#051a0c00 12%)}.hero-content{right:var(--pad);top:calc(env(safe-area-inset-top) + 6.5rem);width:auto}.hero-title{font-size:clamp(2.5rem,11vw,3.4rem);line-height:1.04}.hero-title .line{display:inline}}.clients{background:var(--superficie);color:var(--grafite)}.clients-grid{border-bottom:1px solid #134f251f;grid-template-columns:repeat(7,minmax(0,1fr));list-style:none;display:grid}.clients-grid li{place-items:center;padding:clamp(1rem,2vw,1.75rem) clamp(.75rem,1.5vw,1.5rem);display:grid}.clients-grid li+li{border-left:1px solid #134f251f}.clients-grid img{mix-blend-mode:multiply;filter:grayscale()contrast(1.1);opacity:.6;width:100%;height:auto;transition:filter .6s var(--ease-out-expo),opacity .6s var(--ease-out-expo)}@media (hover:hover) and (pointer:fine){.clients-grid li:hover img{filter:none;opacity:1}}@media (width<=1023px){.clients-grid{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(40%,12rem);grid-auto-flow:column;overflow-x:auto}.clients-grid::-webkit-scrollbar{display:none}.clients-grid li{scroll-snap-align:start}}.projects{padding:var(--space-section) clamp(1rem,6vw,7rem);background:var(--superficie);color:var(--grafite)}.projects-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem 3rem;margin-bottom:clamp(2.5rem,5vw,4rem);display:flex}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.6vw,3rem);list-style:none;display:grid}.proj{display:block}.proj-media{aspect-ratio:21/20;background:var(--concreto);overflow:hidden}.proj-media img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s var(--ease-out-expo)}.proj-title{font:500 clamp(1.35rem,1.9vw,1.9rem)/1.15 var(--font-display);letter-spacing:-.03em;margin-top:clamp(1rem,1.6vw,1.4rem)}.proj-meta{font:500 .6875rem/1.3 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--pedra);justify-content:space-between;align-items:center;gap:1rem;margin-top:.6rem;display:flex}.proj-meta .ico{color:var(--grafite);transition:transform .5s var(--ease-out-expo),color .3s;font-size:1rem}@media (hover:hover) and (pointer:fine){.proj:hover .proj-meta .ico{transform:translate(4px)}.proj:hover .proj-media img{transform:scale(1.04)}.proj:hover .proj-meta .ico{color:var(--ciano-700)}}@media (width<=767px){.projects-grid{grid-template-columns:1fr;gap:2.75rem}.proj-media{aspect-ratio:4/3}}.method{background:var(--concreto);color:var(--grafite)}.method-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);display:grid}.method-text{background:var(--concreto);flex-direction:column;justify-content:center;min-height:clamp(34rem,82vh,54rem);padding:clamp(2.5rem,6vw,7rem) clamp(2rem,4vw,5rem) clamp(2.5rem,6vw,7rem) clamp(3rem,10vw,11rem);display:flex}.method .section-title{text-wrap:balance;max-width:16ch}.method-lead{max-width:34rem;color:var(--pedra);margin-top:clamp(1.5rem,2.4vw,2.25rem);font-size:clamp(1.05rem,1.2vw,1.2rem);font-weight:300;line-height:1.65}.method .link-all{align-self:flex-start;margin-top:clamp(2rem,3.6vw,3rem)}.method-media{background:#eef2ea;position:relative;overflow:hidden}.method-media img{object-fit:cover;object-position:64% 40%;width:100%;height:100%;position:absolute;inset:0}@media (width<=900px){.method-grid{grid-template-columns:minmax(0,1fr)}.method-text{min-height:0;padding:clamp(2.5rem,8vw,4rem) clamp(1.25rem,6vw,3rem)}.method-media{aspect-ratio:4/3}}.reach{isolation:isolate;padding:var(--space-section) clamp(1rem,6vw,7rem);background:var(--grafite);color:var(--color-text);position:relative}.reach:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#38e0c405 1px,#0000 1px),linear-gradient(90deg,#38e0c405 1px,#0000 1px),linear-gradient(#38e0c409 1px,#0000 1px),linear-gradient(90deg,#38e0c409 1px,#0000 1px);background-size:64px 64px,64px 64px,256px 256px,256px 256px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 30% 30%,#000 20%,#0000 100%);mask-image:radial-gradient(75% 70% at 30% 30%,#000 20%,#0000 100%)}.reach .section-label{color:var(--ciano-400)}.reach .section-title em{color:color-mix(in srgb,var(--japi-300) 75%,#fff)}.reach-head{margin-bottom:clamp(3rem,6vw,5.5rem)}.reach .section-title{text-wrap:balance;max-width:18ch}.reach-grid{grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.reach-item{grid-row:span 5;grid-template-rows:subgrid;border-top:1px solid #eef4ef29;row-gap:0;padding:clamp(2rem,3vw,2.75rem) clamp(1.5rem,3vw,3rem) 0;display:grid;position:relative}.reach-item+.reach-item{border-left:1px solid #eef4ef1f}.reach-item{transition:background-color .6s var(--ease-out-expo)}.reach-item:first-child{padding-left:0}.reach-item:last-child{padding-right:0}.reach-item:before{content:"";background:var(--ciano-400);transform-origin:0;height:1px;transition:transform .9s var(--ease-out-expo);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.reach-item:focus-within:before{transform:scaleX(1)}.reach-top{justify-content:space-between;align-items:flex-start;margin-bottom:clamp(2rem,3.4vw,3rem);display:flex}.reach-ico{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:44px;height:44px;color:var(--ciano-300);transition:color .5s,transform .7s var(--ease-out-expo)}.reach-ico .ghost{opacity:.5}.reach-num{font:500 .6875rem/1 var(--font-body);letter-spacing:.18em;color:var(--ciano-400);font-variant-numeric:tabular-nums}.reach-who{font:500 .6875rem/1.3 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--ciano-400);margin-bottom:1rem}.reach-q{font:500 clamp(1.35rem,1.75vw,1.75rem)/1.2 var(--font-display);letter-spacing:-.03em;text-wrap:balance;hanging-punctuation:first}.reach-desc{color:#eef4efc7;max-width:30rem;margin-top:1.1rem;font-size:1rem;font-weight:300;line-height:1.65}.reach-foot{align-self:end;margin-top:clamp(2rem,3.4vw,2.75rem)}.reach-tags{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.reach-tags li{border-radius:var(--radius-pill);font:500 .75rem/1 var(--font-body);color:var(--ciano-300);background:#38e0c414;border:1px solid #38e0c440;padding:.55rem .9rem}@media (hover:hover) and (pointer:fine){.reach-item:hover:before{transform:scaleX(1)}.reach-item:hover{background-color:#ffffff06}.reach-item:hover .reach-ico{color:var(--ciano-400);transform:translateY(-3px)}}@media (width<=900px){.reach-grid{grid-template-columns:minmax(0,1fr)}.reach-item,.reach-item:first-child,.reach-item:last-child{padding:2.25rem 0 2.75rem}.reach-item+.reach-item{border-left:0}.reach-top{margin-bottom:1.75rem}}.posts{--gutter:clamp(1rem,6vw,7rem);padding:var(--space-section) var(--gutter);background:var(--concreto);color:var(--grafite)}.posts-head{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:clamp(2.5rem,5vw,4rem);display:flex}.posts .section-title em{display:inline}.posts-track{grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.6vw,3rem);list-style:none;display:grid}.post{border-top:1px solid var(--grafite);flex-direction:column;height:100%;padding-top:clamp(1rem,1.4vw,1.25rem);display:flex;position:relative}.post:before{content:"";background:var(--ciano-700);transform-origin:0;height:1px;transition:transform .9s var(--ease-out-expo);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.post:focus-visible:before{transform:scaleX(1)}.post-media{aspect-ratio:1;background:var(--superficie);position:relative;overflow:hidden}.post-media img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s var(--ease-out-expo)}.post-body{flex-direction:column;flex:1;padding-top:clamp(1rem,1.4vw,1.25rem);display:flex}.post-date{font:500 .6875rem/1.3 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--pedra);font-variant-numeric:tabular-nums}.post-title{font:500 clamp(1.2rem,1.5vw,1.5rem)/1.2 var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:.65rem 0 1.75rem}.post .link-all{align-self:flex-start;margin-top:auto}.post--feature .post-media{aspect-ratio:auto;flex:1;min-height:24rem}.post--feature .post-media img{position:absolute;inset:0}.post--feature .post-media:after{content:"";background:linear-gradient(#051a0c00 40%,#051a0c80 68%,#051a0ce6 100%);position:absolute;inset:0}.post--feature .post-body{z-index:1;color:#fff;flex:none;padding:clamp(1.5rem,2.6vw,2.5rem);position:absolute;bottom:0;left:0;right:0}.post--feature .post-date{color:var(--ciano-300)}.post--feature .post-title{letter-spacing:-.035em;max-width:20ch;font-size:clamp(1.6rem,2.3vw,2.25rem);line-height:1.12}.posts-foot{justify-content:space-between;align-items:center;gap:1.5rem;margin-top:clamp(2.5rem,5vw,4rem);display:flex}.posts-nav,.posts-dots{display:none}.posts-nav{gap:.5rem}.posts-arrow{width:2.75rem;height:2.75rem;color:var(--japi-700);transition:background-color .4s,color .4s,border-color .4s,opacity .4s,scale .2s var(--ease-out-expo);border:1px solid #134f253d;border-radius:50%;place-items:center;font-size:1.1rem;display:grid}.posts-arrow--prev .ico{transform:scaleX(-1)}.posts-arrow:not(:disabled):active{scale:.92}.posts-arrow:disabled{opacity:.3;cursor:default}.posts-dots{align-items:center;gap:.5rem}.posts-dots button{width:8px;height:8px;transition:width .5s var(--ease-fluid),background-color .4s;background:#134f2538;border-radius:99px;position:relative}.posts-dots button:after{content:"";position:absolute;inset:-12px -4px}.posts-dots button[aria-current=true]{background:var(--ciano-700);width:28px}@media (hover:hover) and (pointer:fine){.post:hover:before{transform:scaleX(1)}.post:hover .post-media img{transform:scale(1.04)}.post:hover .link-all:after{transform:scaleX(.35)}.post:hover .link-all .ico{transform:translate(4px)}.posts-arrow:not(:disabled):hover{background:var(--japi-700);border-color:var(--japi-700);color:#fff}}@media (width<=900px){.posts-nav,.posts-dots{display:flex}.posts-track{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(82%,26rem);grid-auto-flow:column;gap:1rem;overflow-x:auto}.posts-track::-webkit-scrollbar{display:none}.posts-track>li{scroll-snap-align:start}.post--feature .post-media{min-height:0}}.stats{--gutter:clamp(1rem,6vw,7rem);isolation:isolate;padding:clamp(4rem,9vw,7rem) var(--gutter);background:var(--superficie);color:var(--grafite);border-top:1px solid #134f251a;position:relative;overflow:hidden}.stats-art{z-index:-1;pointer-events:none;width:min(42%,44rem);position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000059 40%,#000 85%);mask-image:linear-gradient(90deg,#0000 0%,#00000059 40%,#000 85%)}.stats-art img{object-fit:cover;object-position:80% 50%;filter:grayscale()contrast(1.1);mix-blend-mode:multiply;opacity:.6;width:100%;height:100%}.stats-grid{grid-template-columns:minmax(0,1fr) minmax(0,2.7fr);align-items:center;gap:clamp(2rem,4vw,4rem);display:grid}.stats .section-title{text-wrap:balance;max-width:11ch;font-size:clamp(2rem,3.2vw,3rem)}.stats .section-title em{display:block}.stats-list{grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;display:grid}.stat{border-left:1px solid #134f2529;flex-direction:column;gap:.85rem;padding:clamp(1.25rem,2vw,1.75rem) clamp(1rem,2vw,2rem);display:flex;position:relative}.stat:nth-child(n+5){border-top:1px solid #134f2529}.stat:before{content:"";background:var(--ciano-700);transform-origin:bottom;width:1px;transition:transform .9s var(--ease-out-expo);position:absolute;top:0;bottom:0;left:-1px;transform:scaleY(0)}.stat-num{font:300 clamp(2.25rem,3.6vw,3.5rem)/1 var(--font-display);letter-spacing:-.045em;color:var(--japi-700);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.35rem;display:flex}.stat-num small{font:400 clamp(.95rem,1.1vw,1.15rem)/1 var(--font-display);letter-spacing:-.01em;color:var(--pedra)}.stat-label{max-width:12rem;font:500 .6875rem/1.45 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--pedra)}@media (hover:hover) and (pointer:fine){.stat:hover:before{transform:scaleY(1)}}@media (width<=1100px){.stats-grid{grid-template-columns:minmax(0,1fr)}.stats .section-title{max-width:16ch}.stats-art{opacity:.7;-webkit-mask-composite:source-in;width:min(60%,32rem);height:min(22rem,60%);inset:0 0 auto auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%),linear-gradient(#000 40%,#0000);mask-image:linear-gradient(90deg,#0000,#000 70%),linear-gradient(#000 40%,#0000);mask-composite:intersect}}@media (width<=640px){.stats-list{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(n+3){border-top:1px solid #134f2529}}.js .hero-video{animation:settle 2.6s var(--ease-out-expo) both}.js .hero-title .w>span{animation:wordUp 1.1s var(--ease-out-expo) both;animation-delay:calc(.45s + var(--i) * 75ms)}.js .hero .section-label{animation:fadeUp 1s var(--ease-out-expo) .3s both}.js .hero-foot{animation:fadeUp 1s var(--ease-out-expo) 1s both}@keyframes settle{0%{transform:scale(1.1)}}@keyframes wordUp{0%{transform:translateY(105%)}}@keyframes fadeUp{0%{opacity:0;filter:blur(6px);transform:translateY(16px)}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.hero-media{animation:linear both heroMedia scroll(root);animation-range:0 100vh}.hero-content{animation:linear both heroContent scroll(root);animation-range:0 60vh}}}@keyframes heroMedia{to{transform:translateY(24vh)}}@keyframes heroContent{to{opacity:0;transform:translateY(-8vh)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.projects-grid>li{animation:linear both projIn view();animation-range:entry entry 70%}.projects-grid>li:nth-child(2){animation-range:entry 8% entry 78%}.projects-grid>li:nth-child(3){animation-range:entry 16% entry 86%}}}@keyframes projIn{0%{opacity:0;transform:translateY(48px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (width>=1024px){.clients-grid li{animation:linear both clientIn view();animation-range:entry entry 60%}.clients-grid li:nth-child(2){animation-range:entry 5% entry 65%}.clients-grid li:nth-child(3){animation-range:entry 10% entry 70%}.clients-grid li:nth-child(4){animation-range:entry 15% entry 75%}.clients-grid li:nth-child(5){animation-range:entry 20% entry 80%}.clients-grid li:nth-child(6){animation-range:entry 25% entry 85%}.clients-grid li:nth-child(7){animation-range:entry 30% entry 90%}}}@keyframes clientIn{0%{opacity:0;transform:translateY(16px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.method-text>*{animation:linear both projIn view();animation-range:entry 10% entry 80%}.method-text>:nth-child(2){animation-range:entry 14% entry 84%}.method-text>:nth-child(3){animation-range:entry 18% entry 88%}.method-text>:nth-child(4){animation-range:entry 22% entry 92%}.method-media{animation:linear both methodReveal view();animation-range:entry cover 45%}.method-media img{animation:linear both methodSettle view();animation-range:entry exit 0%}.reach-head>*{animation:linear both projIn view();animation-range:entry 10% entry 80%}.reach-head>:nth-child(2){animation-range:entry 14% entry 84%}.reach-item{animation:linear both projIn view();animation-range:entry entry 60%}.reach-item:nth-child(2){animation-range:entry 8% entry 68%}.reach-item:nth-child(3){animation-range:entry 16% entry 76%}.reach-ico>*{stroke-dasharray:1;animation:linear both draw view();animation-range:entry 30% cover 40%}.reach-ico>:nth-child(2){animation-range:entry 45% cover 48%}.reach-ico>:nth-child(n+3){animation-range:entry 60% cover 55%}.posts-head>*{animation:linear both projIn view();animation-range:entry 10% entry 80%}.posts-head>:nth-child(2){animation-range:entry 14% entry 84%}.posts-foot{animation:linear both projIn view();animation-range:entry entry 70%}}@media (prefers-reduced-motion:no-preference) and (width>=901px){.posts-track>li{animation:linear both projIn view();animation-range:entry entry 70%}.posts-track>li:nth-child(2){animation-range:entry 8% entry 78%}.posts-track>li:nth-child(3){animation-range:entry 16% entry 86%}.post--feature .post-media{animation:linear both methodReveal view();animation-range:entry cover 40%}}@media (prefers-reduced-motion:no-preference) and (width<=900px){.posts-track{animation:linear both projIn view();animation-range:entry entry 70%}}@media (prefers-reduced-motion:no-preference){.stats-head>*{animation:linear both projIn view();animation-range:entry 10% entry 80%}.stats-head>:nth-child(2){animation-range:entry 14% entry 84%}.stat{animation:linear both projIn view();animation-range:entry entry 60%}.stat:nth-child(4n+2){animation-range:entry 5% entry 65%}.stat:nth-child(4n+3){animation-range:entry 10% entry 70%}.stat:nth-child(4n+4){animation-range:entry 15% entry 75%}.stats-art{animation:linear both statsArt view();animation-range:entry cover 45%}}}@keyframes statsArt{0%{clip-path:inset(0 0 0 30%);opacity:0}}@keyframes draw{0%{stroke-dashoffset:1px}}@keyframes methodReveal{0%{clip-path:inset(18% 0 0)}}@keyframes methodSettle{0%{transform:scale(1.12)}}