@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;scrollbar-gutter:stable}body{-webkit-font-smoothing:antialiased;min-height:100svh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}:focus-visible{outline-offset:4px;outline:2px solid}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}
@layer tokens{:root{interpolate-size:allow-keywords;--azabache:#000;--folio:#fff;--mandarina:#f47626;--celeste:#9bd1ed;--cacao:#411900;--cereza:#78001b;--lila:#ddcdf4;--pino:#174b44;--paper:#f4f1eb;--paper-panel:#f0ede7;--h1:clamp(5rem, 11.11vw, 10rem);--h2:clamp(3.25rem, 7.78vw, 7rem);--h3:clamp(2.75rem, 4.72vw, 4.25rem);--h4:clamp(2rem, 3.06vw, 2.75rem);--subhead:clamp(1.4375rem, 1.94vw, 1.75rem);--body-large:clamp(1.25rem, 1.67vw, 1.5rem);--body:1rem;--label:.75rem;--label-large:1rem;--label-meta:.75rem;--leading-h1:.78;--leading-h2:.8;--leading-h3:.85;--leading-h4:1;--leading-subhead:1.02;--leading-body-large:1.28;--leading-body:1.35;--tracking-h1:-.04em;--tracking-h2:-.02em;--tracking-h3:-.03em;--tracking-h4:-.025em;--tracking-subhead:-.02em;--tracking-body-large:-.015em;--tracking-body:-.005em;--tracking-label:.075em;--tracking-label-meta:.12em;--page-pad:clamp(1.25rem, 3vw, 2.75rem);--radius:3px;--header-space:4.5rem;--type-display-hero:clamp(4.5rem, 11vw, 12rem);--type-display-xl:clamp(3.8rem, 7.6vw, 8.5rem);--type-display-title:clamp(2.5rem, 4.6vw, 5rem);--type-body-large:clamp(1.25rem, 1.8vw, 2rem);--type-body:1.0625rem;--hero-bg:var(--azabache);--hero-text:var(--lila);--hero-accent:var(--mandarina);--what-bg:var(--cacao);--what-text:var(--folio);--beliefs-bg:var(--cereza);--beliefs-text:var(--lila);--projects-bg:var(--lila);--projects-text:var(--cacao);--process-bg:var(--pino);--process-text:var(--lila);--process-accent:var(--mandarina);--results-bg:var(--azabache);--results-text:var(--lila);--contact-bg:var(--azabache);--contact-text:var(--lila);--page-bg:var(--hero-bg);--page-ink:var(--hero-text);--studio-bg:var(--what-bg);--studio-ink:var(--what-text);--beliefs-ink:var(--beliefs-text);--work-bg:var(--projects-bg);--work-ink:var(--projects-text);--process-ink:var(--process-text);--results-ink:var(--results-text);--bg:var(--page-bg);--ink:var(--page-ink);--accent:var(--mandarina)}}
@layer type{@font-face{font-family:Neue Haas;src:url(/fonts/neue-haas-roman.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Neue Haas;src:url(/fonts/neue-haas-medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Neue Haas;src:url(/fonts/neue-haas-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Silka Mono;src:url(/fonts/silka-mono.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Neue Haas Fallback;src:local(Helvetica),local(Arial),local(Liberation Sans);size-adjust:97.6%;ascent-override:95.3%;descent-override:26.6%;line-gap-override:0%}:root{--font-display:"Neue Haas", "Neue Haas Fallback", Helvetica, Arial, sans-serif;--font-mono:"Silka Mono", ui-monospace, monospace}body{font-family:var(--font-display);font-size:var(--body);font-weight:400;line-height:var(--leading-body);letter-spacing:var(--tracking-body);font-synthesis:none}.h1,.h2,.h3,.h4,.subhead{text-wrap:balance;text-transform:lowercase;font-weight:500}.h1{font-size:var(--h1);line-height:var(--leading-h1);letter-spacing:var(--tracking-h1)}.h2{font-size:var(--h2);line-height:var(--leading-h2);letter-spacing:var(--tracking-h2)}.h3{font-size:var(--h3);line-height:var(--leading-h3);letter-spacing:var(--tracking-h3)}.h4{font-size:var(--h4);line-height:var(--leading-h4);letter-spacing:var(--tracking-h4)}.subhead{font-size:var(--subhead);line-height:var(--leading-subhead);letter-spacing:var(--tracking-subhead)}.body-large{font-size:var(--body-large);line-height:var(--leading-body-large);letter-spacing:var(--tracking-body-large);text-wrap:pretty}.body{font-size:var(--body);line-height:var(--leading-body);text-wrap:pretty}.label,.label-large,.label-meta{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;line-height:1}.label{font-size:var(--label)}.label-large{font-size:var(--label-large)}.label-meta{font-size:var(--label-meta);letter-spacing:var(--tracking-label-meta);line-height:1.4}}
@layer reset,tokens,type,components,page;@layer page{html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--ink)}::selection{background:var(--accent);color:var(--azabache)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}
@layer page{#what-we-do,#beliefs,#projects,#process,#results{scroll-margin-top:0}.hero,.what,.beliefs,.project-sticky,.process,.results,.site-footer{transition:background-color .5s,color .5s}.hero{--hero-type-inset:var(--page-pad);--bg:var(--hero-bg);--ink:var(--hero-text);min-height:100svh;padding:7rem var(--page-pad) var(--page-pad);background:var(--bg);color:var(--ink);isolation:isolate;position:relative;overflow:hidden;container-type:inline-size}.hero:before{content:"";z-index:-2;aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--hero-accent) 40%, transparent) 0, color-mix(in srgb, var(--hero-accent) 10%, transparent) 42%, transparent 70%);filter:blur(.35rem);border-radius:50%;width:min(78vw,72rem);position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.hero-grain{z-index:-1;opacity:.17;pointer-events:none;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 30% 40%,currentColor 0 .4px,#0000 .7px 3px);background-size:7px 7px;position:absolute;inset:0}.hero-portal{z-index:1;aspect-ratio:936/1500;border-radius:var(--radius);width:min(27vw,26rem);position:absolute;top:46%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 1.5rem 5rem #0003}.hero-portal img{object-fit:cover;filter:saturate(.72)contrast(1.05);height:100%}.hero h1{z-index:2;inset:0 var(--hero-type-inset);font-size:var(--h1);font-size:clamp(5rem,11.82cqi,10rem);font-weight:500;line-height:var(--leading-h1);letter-spacing:var(--tracking-h1);text-transform:lowercase;pointer-events:none;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:absolute}.hero h1 span{width:max-content;max-width:100%;display:block}.hero h1 span:first-child{justify-self:start}.hero h1 span:last-child{justify-self:end}.hero-footer{z-index:3;right:var(--page-pad);bottom:var(--page-pad);left:var(--page-pad);grid-template-columns:1fr auto 1fr;align-items:last baseline;gap:2rem;display:grid;position:absolute}.section-label{font-family:Silka Mono,monospace;font-size:var(--label);letter-spacing:.075em;text-transform:uppercase}.hero-footer>p{letter-spacing:-.01em;text-align:center;text-wrap:balance;grid-column:2;justify-self:center;max-width:40ch;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.12}.hero-explore{grid-column:3;justify-self:end;gap:0;padding-block:0;font-size:1.5rem;position:relative}.hero-explore:after{content:"";position:absolute;inset:-.75rem}.hero-explore>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes portal-in{0%{opacity:0;clip-path:inset(48% 42% round .2rem);transform:translate(-50%,-50%)scale(.82)}}@keyframes portal-image-in{0%{transform:scale(1.25)}}@keyframes hero-left-in{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-18vw)}}@keyframes hero-right-in{0%{opacity:0;clip-path:inset(0 0 0 100%);transform:translate(18vw)}}.what,.beliefs,.process,.results{padding:clamp(6rem, 9vw, 9rem) var(--page-pad);position:relative}.section-label{width:max-content;max-width:100%;display:block}.what{--bg:var(--what-bg);--ink:var(--what-text);background:var(--bg);color:var(--ink);flex-direction:column;display:flex}.what-lead{flex-direction:column;flex:1;justify-content:space-between;gap:clamp(5rem,10vw,10rem);padding:clamp(5rem,9vw,9rem) 0 0;display:flex;container-type:inline-size}.what-lead h2{width:100%;font-size:var(--h2);font-size:min(clamp(3.25rem,8.28cqi,7rem),9.57cqi);font-weight:500;line-height:var(--leading-h2);letter-spacing:var(--tracking-h2);text-transform:none}.what-lead h2 span,.what-lead h2 em{display:block}.what-lead h2 em{color:var(--mandarina);font-style:normal;font-weight:500}.what-lead h2 em:first-of-type{padding-left:clamp(1rem,4.26cqi,4rem)}.what-lead h2 em:nth-of-type(2){padding-left:clamp(2rem,8.51cqi,9rem)}.what-lead h2 em:nth-of-type(3){padding-left:clamp(3rem,12.77cqi,14rem)}.what-lead h2 span:last-child{text-align:right}.what-detail-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:1rem;display:grid}.what-deck{max-width:34rem;font-size:var(--body-large);line-height:var(--leading-body-large);letter-spacing:var(--tracking-body-large);text-wrap:pretty;flex-direction:column;grid-column:1/9;gap:.85em;display:flex}.what-body{grid-column:10/13;justify-content:flex-end;align-self:end;display:flex}.projects{--bg:var(--projects-bg);--ink:var(--projects-text);background:var(--bg);height:380svh;color:var(--ink);position:relative}.project-sticky{--copy-band:clamp(7.5rem, 13vh, 10.5rem);--free-height:calc(100svh - var(--header-space) - var(--copy-band));--card-max-h:calc(var(--free-height) - 2rem);height:100svh;padding:5.8rem var(--page-pad) 2rem;background:var(--bg);color:var(--ink);isolation:isolate;position:sticky;top:0;overflow:hidden}.project-orbit{position:absolute;inset:0}.project-orbit-card{top:calc(var(--header-space) + var(--free-height) / 2);border-radius:var(--radius);background:var(--azabache);transform:translate(calc(-50% + var(--project-x)), -50%);will-change:transform;position:absolute;left:50%;overflow:hidden;box-shadow:0 1.5rem 4rem #0000002e}.project-orbit-card[data-orientation=portrait]{width:min(25vw, 23rem, calc(var(--card-max-h) * var(--project-ratio)))}.project-orbit-card[data-orientation=landscape]{width:min(53vw, 54rem, calc(var(--card-max-h) * var(--project-ratio)))}.project-orbit-card video{object-fit:cover;filter:saturate(.84)contrast(1.04);width:100%;height:100%}.project-copy-stack{z-index:5;pointer-events:none;position:absolute;inset:0}.project-stage-copy{right:var(--page-pad);bottom:2.2rem;left:var(--page-pad);opacity:0;pointer-events:none;will-change:opacity;grid-template-columns:repeat(12,minmax(0,1fr));align-items:last baseline;gap:1rem 1.5rem;transition:opacity .18s ease-out;display:grid;position:absolute}.project-stage-copy.is-active{opacity:1}.project-title-block{grid-column:1/7;justify-self:start}.project-title-block h3{max-width:22ch;font-size:var(--h4);font-weight:500;line-height:var(--leading-h4);letter-spacing:var(--tracking-h4);text-transform:none;text-align:left;text-wrap:balance}.project-description{grid-column:7/13;justify-self:end}.project-description p{max-width:34rem;font-size:var(--body-large);line-height:var(--leading-body-large);letter-spacing:var(--tracking-body-large);text-align:right;text-wrap:balance}.results{background:var(--bg);min-height:120svh;color:var(--ink);text-align:center;isolation:isolate;perspective:1100px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4rem,8vh,8rem);display:flex;overflow:hidden;container-type:inline-size}.results>.section-label,.results>p{z-index:30;position:relative}.results>.section-label{top:clamp(2rem,5vw,4rem);left:var(--page-pad);position:absolute;transform:none}.results h2{z-index:10;width:100%;max-width:98rem;font-size:var(--h2);font-size:clamp(3.25rem,8.28cqi,7rem);font-weight:500;line-height:var(--leading-h2);letter-spacing:var(--tracking-h2);text-transform:none;margin:0 auto;padding:0;position:relative}.results h2 span{width:auto;max-width:100%;display:block}.results h2 span:last-child{opacity:1;margin-left:0}.results>p{letter-spacing:-.012em;text-align:center;text-wrap:balance;align-self:center;max-width:40rem;margin-inline:auto;font-size:clamp(1.2rem,1.8vw,1.75rem);line-height:1.12}.results-trail{z-index:5;pointer-events:none;transform-style:preserve-3d;display:none;position:absolute;inset:0;overflow:hidden}.results-trail-image{aspect-ratio:4/5;border-radius:var(--radius);background:color-mix(in srgb, currentColor 10%, transparent);opacity:0;backface-visibility:hidden;will-change:transform, opacity, filter;width:clamp(10rem,16.5vw,17rem);position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 1.5rem 4rem #00000038}.results-trail-image[data-orientation=landscape]{aspect-ratio:16/10;width:clamp(12rem,21vw,22rem)}.results-trail-image img,.results-static-image img{object-fit:cover;filter:saturate(.82)contrast(1.04);height:100%}.results-static-image{z-index:1;opacity:.5;aspect-ratio:4/5;border-radius:var(--radius);width:min(42vw,22rem);position:absolute;top:50%;left:52%;overflow:hidden;transform:translate(-50%,-50%)rotate(1.5deg);box-shadow:0 1.5rem 5rem #0000003d}@media (hover:hover) and (pointer:fine){.results-trail{display:block}.results-static-image{filter:saturate(.6)contrast(1.04);display:block;transform:translate(-50%,-50%)rotate(1.5deg)scale(.94)}}.footer-bar{padding:1.35rem 0 calc(1.35rem + env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb, currentColor 24%, transparent);color:var(--contact-text);font-family:Silka Mono,monospace;font-size:var(--label);letter-spacing:.075em;text-transform:uppercase;background:0 0;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:1rem;display:grid}.footer-bar>p{opacity:.72;text-align:left;grid-column:1/5;justify-self:start}.footer-socials{grid-column:5/9;justify-content:center;gap:clamp(1rem,2vw,2rem);display:flex}.footer-legal{grid-column:9/13;justify-content:flex-end;gap:clamp(1rem,2vw,2rem);display:flex}.footer-bar a{opacity:.72;transition:opacity .18s}.footer-bar a:hover{opacity:1}.sticky-chapter{transform-origin:top;will-change:transform}.hero{z-index:1;position:sticky;top:0}.what{z-index:2;position:relative}.projects{z-index:4}.closing{--bg:var(--results-bg);--ink:var(--results-text);z-index:6;background:var(--bg);min-height:100svh;color:var(--ink);position:relative;overflow:hidden}.closing-sticky{background:var(--bg);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.closing .results,.closing .site-footer{width:100%;height:auto;min-height:0;position:relative}.closing .results{min-height:0;padding:clamp(6rem, 8vw, 8rem) var(--page-pad) clamp(1.5rem, 2.5vw, 2.5rem);flex:1;gap:clamp(1.5rem,3vh,2.5rem)}.closing .site-footer{z-index:30;padding:0 var(--page-pad) calc(1rem + env(safe-area-inset-bottom));color:var(--results-text);background:0 0;flex-direction:column;justify-content:center;align-self:stretch;display:flex;overflow:visible}.closing .footer-bar{width:100%;color:inherit;border-top:0;padding-top:1rem;padding-bottom:0}.closing .footer-bar>p,.closing .footer-bar a{opacity:1}@media (max-width:900px){.hero-portal{width:min(40vw,26rem)}.what-detail-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.what-deck{grid-column:1/7}.what-body{grid-column:7/9}.project-orbit-card[data-orientation=portrait]{width:min(42vw, 23rem, calc(var(--card-max-h) * var(--project-ratio)))}.project-orbit-card[data-orientation=landscape]{width:min(72vw, 54rem, calc(var(--card-max-h) * var(--project-ratio)))}.project-title-block{grid-column:1/6}.project-description{grid-column:6/13}}@media (max-width:640px){.hero{min-height:100svh;padding-top:6rem}.hero-portal{aspect-ratio:4/5;width:68vw;top:44%}.hero{--hero-type-inset:.75rem}.hero h1{grid-template-columns:1fr;align-content:space-between;top:18%;bottom:28%}.hero h1 span:last-child{justify-self:end}.hero-footer{grid-template-columns:1fr;justify-items:center;gap:.85rem}.hero-footer>p{grid-column:1;max-width:19rem}.hero-footer .hero-explore{grid-column:1;justify-self:center}.what,.beliefs,.process,.results{padding-top:5.5rem}.what-lead{padding:4rem 0}.what-detail-grid{grid-template-columns:1fr;gap:2.5rem}.what-deck,.what-body{grid-column:1}.what-body{justify-content:flex-start}.projects{height:330svh}.project-sticky{--copy-band:clamp(11.5rem, 30vh, 15rem);padding:5.25rem var(--page-pad) 1.2rem}.project-orbit-card[data-orientation=portrait]{width:min(62vw, 20rem, calc(var(--card-max-h) * var(--project-ratio)))}.project-orbit-card[data-orientation=landscape]{width:min(88vw, 34rem, calc(var(--card-max-h) * var(--project-ratio)))}.project-orbit-card{transform:translate(calc(-50% + var(--project-x-mobile)), -50%)}.project-stage-copy{right:var(--page-pad);bottom:2.6rem;left:var(--page-pad);grid-template-columns:1fr;align-items:start;gap:.9rem}.project-title-block,.project-description{grid-column:1;justify-self:start}.project-description p{text-align:left}.project-description{max-width:28rem}.what-deck,.project-description p{font-size:var(--body);line-height:var(--leading-body);letter-spacing:var(--tracking-body)}.results{gap:4rem;min-height:108svh;padding-block:8rem 6rem}.results h2{text-wrap:balance;padding:0}.results h2 span,.results h2 span:last-child{width:auto;margin-left:0;display:inline}.results>p{text-align:center;align-self:center;max-width:30rem;font-size:clamp(1.15rem,5.2vw,1.55rem)}.results-static-image{width:min(52vw,18rem);top:49%;left:65%}.footer-bar{padding-top:1.2rem;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom));text-align:center;grid-template-columns:1fr;justify-items:center;gap:1rem}.footer-socials{order:1}.footer-legal{order:2}.footer-bar>p{order:3}.footer-bar>p,.footer-socials,.footer-legal{text-align:center;flex-wrap:wrap;grid-column:auto;justify-content:center;justify-self:center}.hero,.what,.belief-pair{position:relative;top:auto}.closing{height:auto}.closing-sticky{height:auto;position:relative;overflow:visible}.closing .results,.closing .site-footer{width:100%;height:auto;position:relative;inset:auto;transform:none}.closing .site-footer{min-height:0;padding:0 var(--page-pad) calc(1rem + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.results-trail{display:none!important}.results-static-image{display:block!important}.closing{height:auto}.closing-sticky{height:auto;position:relative;overflow:visible}.closing .results,.closing .site-footer{height:auto;position:relative;inset:auto;transform:none}}.beliefs-block{z-index:3;position:relative}.process-block{z-index:5;position:relative}.closing-actions{z-index:30;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}.closing-actions>*{pointer-events:auto}@media (max-width:640px){.closing-actions{justify-content:flex-start}}}