@layer tokens;@layer base{*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}body{background:var(--color-2);color:var(--color-1);margin:0;overflow-x:clip}img{max-width:100%;display:block}h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-3);outline-offset:3px}main{overflow-x:clip}.skip{left:var(--space-1);z-index:100;border-radius:var(--radius-2);background:var(--color-2);color:var(--color-1);font-family:var(--font-2);padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;position:fixed;top:12px;transform:translateY(-160%)}.skip:focus-visible{transform:none}}@layer atoms,layout;@layer sections{#hero{--ap:min(74vw,44svh);z-index:3;min-height:max(100svh,560px);padding:0 var(--space-1);background:var(--color-1);color:var(--color-2);grid-template-rows:1fr auto;display:grid;position:relative;overflow:clip visible}#hero .hero__intro{align-content:start;justify-items:start;gap:18px;max-width:32rem;padding-top:clamp(92px,14svh,150px);display:grid}#hero .hero__lead{color:var(--color-2)}#hero .hero__title{white-space:nowrap;align-self:end;padding-bottom:clamp(18px,5svh,52px);position:static}#hero .hero__word,#hero .hero__mask,#hero .hero__glyphs{display:inline-block}#hero .hero__period{border-radius:var(--radius-2);background:var(--color-3);vertical-align:baseline;width:.19em;height:.19em;margin-left:.035em;display:inline-block;position:static}#hero .hero__stage{left:calc(50% - var(--ap)/2);top:calc(57% - var(--ap)/2);width:var(--ap);height:var(--ap);font-size:16px;line-height:0;position:absolute}#hero .hero__aperture{border-radius:var(--radius-2);background:var(--color-3);display:block;position:absolute;inset:0;overflow:hidden}#hero .hero__tint{background:var(--color-3);opacity:0;position:absolute;inset:0}#hero .hero__orbit{border-radius:var(--radius-2);border:1px solid color-mix(in srgb,var(--color-2)16%,transparent);display:block;position:absolute;inset:-9%}#hero .hero__moon{border-radius:var(--radius-2);background:var(--color-3);width:9%;height:9%;margin:-4.5% 0 0 -4.5%;position:absolute;top:0;left:50%}@media (min-width:900px) and (orientation:landscape){#hero{--ap:min(36vw,60svh)}#hero .hero__title{font-size:min(26.5vw,43svh)}#hero .hero__period{background:0 0;position:relative}#hero .hero__stage{top:auto;bottom:0;left:0}}@media (max-width:899px),(orientation:portrait){#hero{grid-template-rows:auto minmax(150px,1fr) auto}#hero .hero__title,#hero .hero__period{display:contents}#hero .hero__intro{grid-row:1}#hero .hero__stage{grid-row:2;width:auto;height:auto;margin:24px 0;position:relative;top:auto;left:auto;container-type:size}#hero .hero__stage>*{--d:calc(min(100cqw,100cqh)/1.22)}#hero .hero__aperture{width:var(--d);height:var(--d);margin:auto;inset:0}#hero .hero__orbit{width:calc(var(--d)*1.18);height:calc(var(--d)*1.18);margin:auto;inset:0}#hero .hero__word{grid-row:3;padding-bottom:clamp(18px,5svh,52px)}#hero .hero__word:after{content:"";border-radius:var(--radius-2);background:var(--color-3);width:.19em;height:.19em;margin-left:.035em;display:inline-block}}@media (max-width:639px){#hero .hero__word{padding-bottom:96px}}@media (prefers-reduced-motion:no-preference){#hero .hero__mask{animation:.95s linear backwards hero-mask}#hero .hero__glyphs{animation:.95s cubic-bezier(.16,.84,.24,1) backwards hero-rise}#hero .hero__stage{transform-origin:50%;animation:1.1s cubic-bezier(.2,.9,.25,1.12) backwards hero-swell}#hero .hero__intro{animation:.9s cubic-bezier(.16,.84,.24,1) .12s backwards hero-lift}#hero .hero__orbit{animation:13s linear infinite hero-orbit}#hero.is-offscreen .hero__orbit{animation-play-state:paused}@media (min-width:900px) and (orientation:landscape){#hero .hero__stage{transform-origin:0 100%;animation-name:hero-inflate}}@keyframes hero-mask{0%,to{clip-path:inset(-40% -8% 0)}}@keyframes hero-rise{0%{transform:translateY(92%)}}@keyframes hero-swell{0%{transform:scale(.72)}}@keyframes hero-inflate{0%{transform:scale(.36)}}@keyframes hero-lift{0%{transform:translateY(26px)}}@keyframes hero-orbit{to{transform:rotate(360deg)}}}#statement{padding:var(--space-2)var(--space-1)calc(var(--space-2)*.9);background:var(--color-2);position:relative}#statement .statement__title{font-size:clamp(40px,8.7vw,140px)}#statement .statement__line{display:block}#statement .statement__body{grid-template-columns:minmax(0,1fr);gap:48px;margin-top:clamp(56px,11vh,120px);display:grid}#statement .statement__lead{max-width:36rem}#statement .statement__index ul{gap:12px;display:grid}@media (min-width:900px){#statement .statement__body{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start}#statement .statement__lead{letter-spacing:-.025em;font-size:clamp(24px,2.35vw,34px);line-height:1.16}}#work{color:var(--color-2);position:relative}#work .work__plate{background:var(--color-1);position:absolute;inset:0 0 -2px}#work .work__stage{padding:var(--space-2)var(--space-1);grid-template-columns:minmax(0,1fr);align-content:start;gap:clamp(28px,4vh,48px);display:grid;position:relative}#work .work__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;display:flex}#work .work__lead{max-width:25rem;color:var(--color-5)}#work .work__track{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}#work .case{border-radius:var(--radius-1);background:var(--color-7);aspect-ratio:4/5;display:block;position:relative;overflow:hidden}#work .case__media{position:absolute;inset:0;overflow:hidden}#work .case__img{object-fit:cover;width:114%;max-width:none;height:100%;position:absolute;top:0;left:-7%}#work .case__media:after{content:"";background:linear-gradient(to top,color-mix(in srgb,var(--color-1)82%,transparent),transparent);position:absolute;inset:40% 0 0}#work .case__tag{background:color-mix(in srgb,var(--color-1)62%,transparent);position:absolute;top:clamp(18px,2vw,28px);left:clamp(18px,2vw,28px)}#work .case__text{gap:10px;display:grid;position:absolute;bottom:clamp(18px,2.4vw,36px);left:clamp(18px,2.4vw,36px);right:clamp(18px,2.4vw,36px)}#work .case__line{max-width:30rem;color:var(--color-2)}@media (min-width:700px){#work .work__track{grid-template-columns:repeat(2,minmax(0,1fr))}#work .case{aspect-ratio:16/11}#work .case:last-child:nth-child(odd){aspect-ratio:16/6.5;grid-column:span 2}}#again{background:var(--color-1);color:var(--color-2);position:relative}#again .again__stage{padding:calc(var(--space-2)*.7)var(--space-1)var(--space-2);position:relative}#again .again__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;display:flex}#again .again__lead{max-width:27rem;color:var(--color-5)}#again .again__swing{margin-top:clamp(40px,7vh,72px)}#again .again__wheel{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}#again .partner__card{border-radius:var(--radius-1);background:var(--color-7);aspect-ratio:4/5;display:block;position:relative;overflow:hidden}#again .partner__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#again .partner__card:after{content:"";background:linear-gradient(to top,color-mix(in srgb,var(--color-1)86%,transparent),transparent);position:absolute;inset:35% 0 0}#again .partner__text{z-index:1;justify-items:start;gap:10px;display:grid;position:absolute;bottom:clamp(16px,1.8vw,26px);left:clamp(16px,1.8vw,26px);right:clamp(16px,1.8vw,26px)}#again .partner__year{background:color-mix(in srgb,var(--color-1)62%,transparent)}#again .partner__name{font-size:clamp(28px,2.6vw,40px)}#again .partner__line{color:var(--color-2)}@media (min-width:640px){#again .again__wheel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){#again .again__wheel{grid-template-columns:repeat(3,minmax(0,1fr))}}#capabilities{padding:calc(var(--space-2)*.6)var(--space-1)var(--space-2);background:var(--color-1);color:var(--color-2);position:relative}#capabilities .capabilities__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 40px;margin-bottom:clamp(40px,7vh,80px);display:flex}#capabilities .capabilities__lead{max-width:27rem;color:var(--color-5)}#capabilities .capabilities__deck{gap:20px;display:grid}#capabilities .service{box-shadow:var(--shadow-1);grid-template-columns:minmax(0,1fr);gap:24px;padding:clamp(18px,2.4vw,34px);display:grid;position:relative;overflow:hidden}#capabilities .service__text{flex-direction:column;gap:16px;display:flex}#capabilities .service__line{max-width:30rem;color:var(--color-6)}#capabilities .service__link{align-self:flex-start}#capabilities .service__tags{color:var(--color-6);flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px;display:flex}#capabilities .service__media{border-radius:var(--radius-3);aspect-ratio:16/10;overflow:hidden}#capabilities .service__media img{object-fit:cover;width:100%;height:100%}#capabilities .service__shade{background:var(--color-1);opacity:0;pointer-events:none;position:absolute;inset:0}@media (min-width:900px){#capabilities .service{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,3vw,48px);min-height:max(400px,min(62svh,560px))}#capabilities .service__media{aspect-ratio:auto;height:100%;position:relative}#capabilities .service__media img{position:absolute;inset:0}}#method{padding:var(--space-2)var(--space-1);background:var(--color-2);position:relative}#method .method__head .m-link{justify-self:start}#method .method__head{gap:24px;max-width:60rem;margin-bottom:clamp(48px,9vh,110px);display:grid}#method .method__lead{max-width:34rem}#method .method__body{grid-template-columns:minmax(0,1fr) 92px;align-items:start;gap:20px;display:grid}#method .method__ring{aspect-ratio:1;grid-area:1/2;width:100%;position:relative}#method .method__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;rotate:-90deg}#method .method__track{fill:none;stroke:color-mix(in srgb,var(--color-1)14%,transparent);stroke-width:1.5px}#method .method__arc{fill:none;stroke:var(--color-3);stroke-width:5px;stroke-linecap:round}#method .method__station{left:calc(50% + 42.5%*var(--x));top:calc(50% + 42.5%*var(--y));border-radius:var(--radius-2);background:var(--color-3);width:9%;height:9%;margin:-4.5% 0 0 -4.5%;position:absolute}#method .method__arm{position:absolute;inset:7.5%}#method .method__runner{border:3px solid var(--color-3);border-radius:var(--radius-2);background:var(--color-2);width:15%;height:15%;margin:-7.5% 0 0 -7.5%;position:absolute;top:0;left:50%}#method .method__steps{grid-area:1/1;gap:clamp(56px,18vh,170px);display:grid}#method .step{gap:14px;max-width:34rem;display:grid}#method .step__text{color:var(--color-6)}@media (min-width:900px){#method .method__body{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:7vw}#method .method__ring{grid-column:1;justify-self:center;width:min(100%,50svh)}#method .method__steps{grid-column:2;padding-block:8svh 14svh}}#studio{padding:var(--space-2)var(--space-1);background:var(--color-2);position:relative}#studio .studio__head{gap:28px;margin-bottom:clamp(48px,8vh,96px);display:grid}#studio .studio__lead{gap:.75em;max-width:42rem;display:grid}#studio .studio__lead p{margin:0}#studio .studio__collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}#studio .shot{border-radius:var(--radius-3);background:var(--color-4);position:relative;overflow:hidden}#studio .shot img{object-fit:cover;width:100%;height:100%}#studio .shot--wide{aspect-ratio:3/2;grid-column:span 2}#studio .shot--tall{aspect-ratio:3/4}#studio .studio__roles{grid-column:span 2;align-content:start;gap:18px;padding-top:24px;display:grid}#studio .studio__roles ul{display:grid}#studio .role{border-top:1px solid color-mix(in srgb,var(--color-1)16%,transparent);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:14px 0;display:flex}#studio .role__place{color:var(--color-6)}@media (min-width:900px){#studio .studio__head{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;column-gap:6vw}#studio .studio__collage{aspect-ratio:1.85;display:block}#studio .shot{position:absolute}#studio .shot:first-child{width:34%;top:0;left:0}#studio .shot:nth-child(2){width:19%;top:5.5%;left:37%}#studio .shot:nth-child(3){width:20%;top:47%;left:8%}#studio .shot:nth-child(4){width:41%;top:0;left:59%}#studio .shot:nth-child(5){width:36%;top:53.3%;left:31%}#studio .studio__roles{width:29%;padding-top:0;position:absolute;top:55%;left:71%}}#journal{padding:calc(var(--space-2)*.6)var(--space-1)var(--space-2);background:var(--color-2);position:relative}#journal .journal__head{justify-items:start;gap:20px;margin-bottom:clamp(40px,7vh,88px);display:grid}#journal .journal__body{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;display:grid}#journal .journal__frame{border-radius:var(--radius-1);background:var(--color-4);aspect-ratio:16/10;position:relative;overflow:hidden}#journal .journal__shot{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#journal .journal__shot:first-child{z-index:1}#journal .journal__list{gap:clamp(36px,8vh,72px);display:grid}#journal .story{border-top:1px solid color-mix(in srgb,var(--color-1)16%,transparent);gap:12px;max-width:36rem;padding-top:20px;display:grid}#journal .story__meta{color:var(--color-6)}#journal .story__meta span{color:var(--color-3)}#journal .story__text{color:var(--color-6)}@media (min-width:900px){#journal .journal__body{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:7vw}#journal .journal__frame{aspect-ratio:4/5}#journal .journal__list{gap:clamp(64px,18vh,170px);padding-block:6svh 10svh}}#faq{padding:var(--space-2)var(--space-1);background:var(--color-2);border-top:1px solid color-mix(in srgb,var(--color-1)12%,transparent);gap:40px;display:grid;position:relative}#faq .faq__head{align-content:start;justify-items:start;gap:24px;display:grid}#faq .faq__title{font-size:clamp(48px,7.2vw,116px)}#faq .faq__item{border-bottom:1px solid color-mix(in srgb,var(--color-1)16%,transparent)}#faq .faq__item:first-child{border-top:1px solid color-mix(in srgb,var(--color-1)16%,transparent)}#faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;list-style:none;display:flex}#faq summary::-webkit-details-marker{display:none}#faq .faq__mark{border:1.5px solid var(--color-1);border-radius:var(--radius-2);flex:none;width:34px;height:34px;position:relative}#faq .faq__mark:after{content:"";border-radius:var(--radius-2);background:var(--color-3);width:10px;height:10px;margin:auto;transition:transform .45s cubic-bezier(.7,0,.2,1);position:absolute;inset:0}#faq details[open] .faq__mark:after{transform:scale(3.1)}#faq .faq__answer{max-width:40rem;color:var(--color-6);padding:0 0 26px}@media (hover:hover){#faq summary:hover .faq__mark:after{transform:scale(1.8)}#faq details[open] summary:hover .faq__mark:after{transform:scale(3.1)}}@media (min-width:900px){#faq{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:6vw}}}@layer scenes{@media (prefers-reduced-motion:no-preference){#work.is-track{height:calc(100svh + var(--run,0px))}#work.is-track .work__stage{grid-template-rows:auto minmax(0,1fr);height:100svh;min-height:560px;padding-top:clamp(84px,13svh,120px);padding-bottom:clamp(24px,5svh,48px);position:sticky;top:0;overflow:clip}#work.is-track .work__window{transform-origin:0;align-items:center;min-height:0;display:flex}#work.is-track .work__track{gap:clamp(14px,1.6vw,24px);width:max-content;height:min(100%,64svh);display:flex}#work.is-track .case{aspect-ratio:4/5;flex:none;width:auto;height:100%}@media (min-width:700px){#work.is-track .case{aspect-ratio:16/10.5}}#again.is-wheel{height:calc(100svh + var(--spin,0px))}#again.is-wheel .again__stage{height:100svh;min-height:560px;padding-top:clamp(84px,13svh,120px);position:sticky;top:0;overflow:clip}#again.is-wheel .again__swing{left:50%;top:calc(var(--arc-top) + var(--radius));width:0;height:0;margin:0;position:absolute}#again.is-wheel .again__wheel{width:0;height:0;display:block;position:absolute;top:0;left:0}#again.is-wheel .partner{width:0;height:0;rotate:calc(var(--i)*var(--step));position:absolute;top:0;left:0}#again.is-wheel .partner__card{left:calc(var(--card)/-2);top:calc(var(--radius)*-1);width:var(--card);position:absolute}#capabilities.is-deck .service{top:calc(clamp(80px,12svh,108px) + var(--i)*14px);transform-origin:50% 0;position:sticky}#method.is-cycle .method__ring{position:sticky;top:104px}@media (min-width:900px){#method.is-cycle .method__ring{top:calc(50svh - min(25svh,21vw))}}#journal.is-swap .journal__frame{z-index:1;position:sticky;top:80px}#journal.is-swap .journal__shot:first-child{z-index:auto}@media (min-width:900px){#journal.is-swap .journal__frame{max-height:60svh;top:calc(50svh - min(30svh,22vw))}}}#journal .story__meta span{color:var(--color-1);font-weight:700}#journal .story h3 a,#work .case__name a{text-decoration:none}@media (hover:hover){#journal .story h3 a:hover,#work .case__name a:hover{text-underline-offset:6px;text-decoration:underline}}:focus-visible{outline-color:var(--color-1)}#navigation :focus-visible,#hero :focus-visible,#work :focus-visible,#again :focus-visible,#capabilities .capabilities__head :focus-visible,#navigation .menu :focus-visible{outline-color:var(--color-3)}#hero .hero__actions{flex-wrap:wrap;align-items:center;gap:14px 26px;display:flex}#capabilities .service__price{font-family:var(--font-1);letter-spacing:-.03em;color:var(--color-1);font-size:clamp(22px,2vw,30px);font-weight:800;line-height:1}#capabilities .service__price-sub{font-family:var(--font-2);letter-spacing:0;color:var(--color-6);margin-top:8px;font-size:15px;font-weight:600;display:block}#hero .hero__aperture .fw-logo{width:84%;height:84%;position:absolute;top:8%;left:8%}#work .case__media:after{background:linear-gradient(to top,var(--color-1)0%,color-mix(in srgb,var(--color-1)92%,transparent)35%,transparent);inset:30% 0 0}#work .case__img{filter:saturate(.88)contrast(1.06)brightness(.96)}#work .case__media:before{content:"";z-index:1;background:var(--color-1);opacity:.14;mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}#work .case__media:after{z-index:1}#work .case__ver{color:var(--color-3);justify-self:start;font-weight:600}#work .case--producto .case__media{background:radial-gradient(120% 90% at 80% 10%,#2a2850 0%,var(--color-1)60%)}#work .case--producto .case__media:before{display:none}#work .case__device{border:10px solid #2c2b45;border-bottom:0;border-radius:16px 16px 0 0;position:absolute;inset:12% 5% -6% 47%;overflow:hidden;box-shadow:0 30px 80px -20px #0009}#work .case__device img{object-fit:cover;object-position:top center;width:100%;height:100%}#work .case--producto .case__text{right:56%}@media (max-width:699px){#work .case__device{inset:10% -20% -6% 18%}#work .case--producto .case__text{right:clamp(18px,2.4vw,36px)}}#work .case__tag,#work .case__text{z-index:2}#again .partner__card{margin:0}#again .partner__img{filter:saturate(.9)contrast(1.05)brightness(.95)}#again .partner__quote{margin:0;font-size:clamp(16px,1.25vw,18px);font-weight:500;line-height:1.4}#again .partner__quote:before{content:"“";color:var(--color-3);font-family:var(--font-1);margin-right:2px;font-weight:800}#again .partner__name{font-size:clamp(22px,1.9vw,28px)}#again .partner__role{color:var(--color-5);margin-top:-6px}#again .partner__text{right:22%}#again .partner__quote{max-width:26ch}#capabilities .service__media{position:relative}#capabilities .service__media img{filter:saturate(.88)contrast(1.06)brightness(.96)}#capabilities .service__media:after{content:"";background:var(--color-1);opacity:.12;mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}}
