@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-cyrillic-wght-normal-CjwCQKo9.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-latin-ext-wght-normal-BDUtSsKd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-latin-wght-normal-ObQm3Zd1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Jost Variable", "Jost", ui-sans-serif, system-ui, sans-serif;--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.05rem + .8vw, 1.875rem);--step-head:clamp(2rem, 1.3rem + 3.2vw, 4rem);--step-display:clamp(3.5rem, 1rem + 9vw, 9.5rem);--white:#fff;--surface:#f2f2f2;--ink:#0a0a0a;--muted:#5c5c5c;--blue:#2436ff;--navy:#0a1170;--gutter:clamp(1rem, .6rem + 1.6vw, 2rem);--header-h:4rem;--section-pad:clamp(5rem, 3rem + 8vw, 10rem);--ease-out:cubic-bezier(.22, 1, .36, 1)}[data-chapter]{background:var(--field);color:var(--field-ink)}[data-chapter=paper]{--field:var(--white);--field-ink:var(--ink);--soft:var(--muted);--action:var(--blue);--action-ink:var(--white);--tint:#8f97ff}[data-chapter=blue]{--field:var(--blue);--field-ink:var(--white);--soft:#dfe2ff;--action:var(--white);--action-ink:var(--blue);--tint:#8f97ff}[data-chapter=black]{--field:var(--ink);--field-ink:var(--white);--soft:#b8b8b8;--action:var(--blue);--action-ink:var(--white);--tint:#6874ff}[data-chapter=athrix]{--field:#ff1f8e;--field-ink:var(--ink);--soft:#3d0420;--action:var(--ink);--action-ink:#ff1f8e;--tint:#ff1f8e;--tab:var(--ink);--tab-ink:#ff1f8e}[data-chapter=invox]{--field:#f9f5ec;--field-ink:#1f5c4d;--soft:#3f6b5f;--action:#1f5c4d;--action-ink:#f9f5ec;--tint:#a9cbbf;--tab:#1f5c4d;--tab-ink:#f9f5ec}[data-chapter=condox]{--field:#22402f;--field-ink:var(--white);--soft:#c9d8cf;--action:var(--white);--action-ink:#22402f;--tint:#b9d3c4;--tab:var(--white);--tab-ink:#22402f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--header-h)}body{font-family:var(--font);font-size:var(--step-body);background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul,ol{list-style:none}h1,h2,h3{text-wrap:balance;font-weight:700}p{text-wrap:pretty}::selection{background:var(--blue);color:var(--white)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[data-chapter=blue] :focus-visible,[data-chapter=black] :focus-visible{outline-color:var(--white)}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--gutter);z-index:100;background:var(--blue);color:var(--white);padding:.75rem 1rem;text-decoration:none;position:fixed;top:-4rem}.skip:focus{top:.75rem}.display{font-size:var(--step-display);letter-spacing:-.03em;text-transform:uppercase;font-weight:700;line-height:.9}.head{font-size:var(--step-head);letter-spacing:-.03em;text-transform:uppercase;font-weight:700;line-height:.95}.btn{background:var(--action);min-height:2.75rem;color:var(--action-ink);white-space:nowrap;transition:transform .16s var(--ease-out), background-color .3s ease, color .3s ease;justify-content:center;align-items:center;gap:.6em;padding:.6rem 1.15rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.97)}.link-arrow{text-underline-offset:.25em;align-items:center;gap:.5em;font-weight:500;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.link-arrow svg{transition:transform .2s var(--ease-out)}.link-arrow:hover svg{transform:translate(3px,-3px)}.duo{background:var(--tint);overflow:hidden}.duo img{object-fit:cover;filter:grayscale()contrast(1.12);mix-blend-mode:multiply;width:100%;height:100%}.js [data-reveal]{opacity:0;transform:translateY(24px)}.js [data-reveal].is-in{opacity:1;transition:opacity .7s var(--ease-out), transform .8s var(--ease-out);transition-delay:calc(var(--d,0) * 80ms);transform:none}.site-header{z-index:50;height:var(--header-h);padding-inline:var(--gutter);justify-content:space-between;align-items:center;gap:1rem;transition:background-color .3s,color .3s;display:flex;position:fixed;inset:0 0 auto}.wordmark{font-weight:700;font-size:var(--step-lead);letter-spacing:-.02em;align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.wordmark svg{width:1.75rem;height:1.75rem}.site-nav{align-items:center;gap:clamp(1rem,2vw,2rem);display:flex}.site-nav ul{gap:clamp(1rem,2vw,2rem);display:flex}.site-nav a:not(.btn){padding-block:.5rem;font-weight:500;text-decoration:none;position:relative}.site-nav a:not(.btn):after{content:"";transform-origin:0;height:2px;transition:transform .25s var(--ease-out);background:currentColor;position:absolute;bottom:.2rem;left:0;right:0;transform:scaleX(0)}.site-nav a:not(.btn):hover:after{transform:scaleX(1)}.menu-toggle{text-underline-offset:.25em;min-height:2.75rem;padding-inline:.5rem;font-weight:500;text-decoration:underline;display:none}@media (width<=760px){.menu-toggle{align-items:center;display:inline-flex}.site-nav ul{inset:var(--header-h) 0 auto;background:var(--field);padding:.5rem var(--gutter) 1.5rem;visibility:hidden;transition:transform .3s var(--ease-out), visibility 0s .3s;z-index:-1;flex-direction:column;gap:0;position:fixed;transform:translateY(-110%)}.site-nav ul a{font-size:var(--step-lead);padding-block:.6rem;display:block}.site-header.menu-open .site-nav ul{visibility:visible;transition:transform .3s var(--ease-out);transform:none}}.hero{position:relative}.hero-top{height:50svh}.hero-bottom{height:62svh;position:relative}.hero-stage{place-items:center;height:100svh;display:grid;position:absolute;inset:0 0 auto}.hero-title{text-align:center;place-items:center;display:grid;transform:translateY(.04em)}.hero-title span{display:block}.hero-title span:first-child{color:var(--blue)}.hero-title span:last-child{color:var(--white)}.hero-sentence{width:min(40rem, calc(100% - 2 * var(--gutter)));text-align:center;font-size:var(--step-lead);line-height:1.35;position:absolute;bottom:calc(12svh + 3.5rem);left:50%;transform:translate(-50%)}.hero-title span{animation:rise .9s var(--ease-out) both}.hero-title span+span{animation-delay:.12s}.hero-sentence{animation:fade .9s .35s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(.4em)}}@keyframes fade{0%{opacity:0}}@media (width<=760px){.hero-top{height:46svh}.hero-stage{height:92svh}.hero-bottom{height:auto;padding:5.5rem var(--gutter) 4.5rem}.hero-sentence{max-width:28ch;margin-inline:auto;position:static;transform:none}}.about{min-height:90svh;padding:var(--section-pad) var(--gutter)}.about h2{margin-bottom:clamp(3rem,6vw,5rem)}.about-row{grid-template-columns:34% minmax(0,56%);align-items:start;display:grid}.about-row+.about-row{margin-top:clamp(4rem,8vw,7.5rem)}.facts{gap:1.25rem;max-width:14rem;display:grid}.facts dt,.record-label{font-size:var(--step-small);color:var(--soft)}.facts dd{font-size:var(--step-body);font-weight:500}.about-paragraph{font-size:var(--step-lead);line-height:1.35}.record{grid-template-columns:repeat(2,minmax(0,18rem));gap:4rem;display:grid}.record li{justify-content:space-between;gap:1rem;padding-block:.4rem;display:flex}.record li span:last-child{color:var(--soft)}@media (width<=760px){.about-row{grid-template-columns:1fr;gap:2rem}.about-row:first-of-type .facts{order:2;grid-template-columns:1fr 1fr;max-width:none}.record{grid-template-columns:1fr;gap:2.5rem}.record-label{color:var(--field-ink);font-weight:500}}.services{min-height:90svh;padding:var(--section-pad) var(--gutter)}.mosaic{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:96px;gap:8px;display:grid}.tile{flex-direction:column;padding:1.5rem;display:flex;overflow:hidden}.tile-dark{color:var(--white);background:#1c1c1c}.tile-blue{background:var(--blue);color:var(--white)}.tile-white{background:var(--white);color:var(--ink)}.t-heading{grid-area:1/1/4/7}.t-heading h2{font-size:var(--step-head)}.t-lead{font-size:var(--step-lead);grid-area:1/7/4/13;line-height:1.25}.t-photo{grid-area:4/1/9/7;padding:0;position:relative}.t-photo figcaption{background:var(--ink);color:var(--white);font-size:var(--step-small);padding:.5rem .75rem;position:absolute;bottom:0;left:0}.t-figure{grid-area:4/7/7/10}.t-figure strong{font-size:var(--step-display);letter-spacing:-.04em;font-weight:700;line-height:.85}.t-figure span{font-size:var(--step-body);margin-top:auto;line-height:1.3}.t-list{font-size:var(--step-lead);grid-area:4/10/7/13;line-height:1.3}.t-list li+li{margin-top:.35rem}.t-redesign{font-size:var(--step-lead);grid-area:7/7/9/10;line-height:1.2}.t-link{grid-area:7/10/9/13;justify-content:space-between;text-decoration:none;transition:background-color .25s,color .25s}.t-link span{font-size:var(--step-lead);font-weight:500;line-height:1.2}.t-link svg{transition:transform .25s var(--ease-out);align-self:flex-end}.t-link:hover{background:var(--blue);color:var(--white)}.t-link:hover svg{transform:translate(4px,-4px)}@media (width<=1000px){.mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:6px}.mosaic>*{grid-area:auto}.t-heading,.t-lead,.t-photo,.t-redesign{grid-column:1/-1}.t-heading{min-height:9rem}.t-photo{aspect-ratio:4/3}.t-figure,.t-list{min-height:13rem}.t-list{font-size:var(--step-body)}.t-redesign{min-height:10rem}.t-link{grid-column:1/-1;min-height:8rem}}.projects-intro{padding:var(--section-pad) var(--gutter) calc(2.75rem + 4rem);gap:1rem var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.projects-intro h2{grid-column:1/7}.projects-intro p{font-size:var(--step-lead);grid-column:8/13;align-self:end;line-height:1.35}.folder{top:calc(var(--header-h) + var(--i) * 4rem);min-height:80svh;padding:0 var(--gutter) 4rem;position:sticky}.folder-tab{bottom:100%;left:var(--gutter);background:var(--tab);min-width:clamp(12.5rem,18vw,20rem);height:2.75rem;color:var(--tab-ink);clip-path:polygon(0 100%,0 0,calc(100% - 1.5rem) 0,100% 100%);font-size:var(--step-lead);letter-spacing:-.01em;align-items:center;padding:0 1.75rem 0 1.25rem;font-weight:700;display:flex;position:absolute}.folder-strip{height:4rem;font-size:var(--step-small);justify-content:flex-end;align-items:center;font-weight:500;display:flex}.folder-body{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.folder-shot{aspect-ratio:16/10;background:var(--ink);grid-column:1/8;overflow:hidden}.folder-shot img{object-fit:cover;object-position:top left;width:100%;height:100%}.folder-text{grid-column:9/13;gap:1.5rem;display:grid}.folder-text p{line-height:1.5}.folder-does{gap:.35rem;font-weight:500;display:grid}.folder-does li:before{content:"";vertical-align:.1em;background:currentColor;width:.5em;height:.5em;margin-right:.6em;display:inline-block}.folder-world{margin-top:.5rem}.folder-world .duo{aspect-ratio:3/2}.folder-world figcaption{font-size:var(--step-small);color:var(--soft);margin-top:.5rem}.folder .btn{justify-self:start}@media (width<=900px){.projects-intro{grid-template-columns:1fr;padding-bottom:5.5rem}.projects-intro h2,.projects-intro p{grid-column:1}.folder{min-height:0;padding-bottom:3rem;position:relative;top:auto}.folder+.folder{margin-top:2.5rem}.folder-tab{min-width:0;height:2.5rem;font-size:var(--step-lead)}.folder-strip{height:3rem}.folder-body{grid-template-columns:1fr}.folder-shot,.folder-text{grid-column:1}.folder-shot{aspect-ratio:4/3}}.process{min-height:90svh;padding:var(--section-pad) var(--gutter)}.process-intro{gap:1rem var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:4rem;display:grid}.process-intro h2{grid-column:1/6}.process-intro p{font-size:var(--step-lead);grid-column:7/12;line-height:1.35}.steps{height:32.5rem;display:flex}.step{min-width:0;transition:flex-grow .45s var(--ease-out);flex:1 1 0;position:relative;overflow:hidden}.step.is-open{flex-grow:5.5}.step:first-child{background:var(--navy);color:var(--white)}.step:nth-child(2){background:var(--blue);color:var(--white)}.step:nth-child(3){color:var(--ink);background:#6874ff}.step:nth-child(4){color:var(--ink);background:#a8afff}.step:nth-child(5){color:var(--ink);background:#dfe2ff}.step h3{height:100%}.step-toggle{text-align:left;justify-content:flex-start;align-items:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.step-toggle span{font-size:var(--step-lead);letter-spacing:-.01em;text-transform:uppercase;writing-mode:vertical-rl;white-space:nowrap;font-weight:700;transition:opacity .2s;transform:rotate(180deg)}.step-toggle:hover span{opacity:.7}.step.is-open .step-toggle{cursor:default;align-items:flex-start}.step.is-open .step-toggle span{writing-mode:horizontal-tb;font-size:var(--step-head);transform:none}.step-panel{width:min(36ch,100% - 3rem);font-size:var(--step-body);opacity:0;visibility:hidden;transition:opacity .3s ease, transform .4s var(--ease-out), visibility 0s .3s;line-height:1.45;position:absolute;bottom:1.5rem;left:1.5rem;transform:translateY(12px)}.step.is-open .step-panel{opacity:1;visibility:visible;transition:opacity .3s ease .22s, transform .4s var(--ease-out) .22s, visibility 0s;transform:none}@media (width<=900px){.process-intro{grid-template-columns:1fr}.process-intro h2,.process-intro p{grid-column:1}.steps{flex-direction:column;height:auto}.step{flex:none}.step h3{height:auto}.step-toggle{align-items:center;width:100%;min-height:4rem;padding:1rem 1.25rem;position:static}.step-toggle span,.step.is-open .step-toggle span{writing-mode:horizontal-tb;font-size:var(--step-lead);transform:none}.step-panel{width:auto;padding:0 1.25rem 1.5rem;display:none;position:static}.step.is-open .step-panel{display:block}}.contact{min-height:min(100svh,56rem);padding:calc(var(--header-h) + 3rem) var(--gutter) 2rem;grid-template-rows:auto 1fr auto auto auto;gap:2rem;display:grid}.contact-whatsapp{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.contact-whatsapp span{color:var(--soft);font-variant-numeric:tabular-nums}.contact-ask{max-width:46rem}.contact-ask h2{font-size:var(--step-lead);text-transform:none;letter-spacing:0;margin-bottom:1.25rem;font-weight:500;line-height:1.3}.topics{border:0;flex-wrap:wrap;gap:.5rem;display:flex}.topics label{position:relative}.topics input{opacity:0;cursor:pointer;position:absolute;inset:0}.topics span{min-height:2.75rem;color:var(--white);transition:background-color .2s ease, color .2s ease, transform .16s var(--ease-out);background:#1c1c1c;align-items:center;padding:.5rem 1rem;font-weight:500;display:inline-flex}.topics label:hover span{background:#2e2e2e}.topics input:checked+span{background:var(--white);color:var(--ink)}.topics input:focus-visible+span{outline:3px solid var(--white);outline-offset:3px}.topics input:active+span{transform:scale(.97)}.subject-preview{color:var(--soft);font-size:var(--step-small);min-height:1.5em;margin-top:1.25rem}.subject-preview strong{color:var(--white);font-weight:500}.contact-email{text-transform:lowercase;font-size:var(--step-display);letter-spacing:-.04em;align-self:end;font-weight:400;line-height:.92;text-decoration:none;transition:color .25s;display:block}.contact-email:hover{color:#8f97ff}.contact-foot{font-size:var(--step-small);color:var(--soft);flex-wrap:wrap;justify-content:flex-end;gap:1rem 2rem;display:flex}.contact-foot ul{flex-wrap:wrap;gap:1.5rem;display:flex}.contact-foot a{color:var(--white)}@media (width<=760px){.contact{min-height:86svh;padding-bottom:3rem}.contact-foot{flex-direction:column}}.site-footer{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;padding:.625rem;display:grid}.f-tile{background:var(--surface);flex-direction:column;min-height:13.75rem;padding:1.25rem;display:flex}.f-statement{grid-column:1/5;justify-content:space-between;gap:1.5rem}.f-statement p:first-child{font-size:var(--step-lead);line-height:1.25}.f-legal{font-size:var(--step-small);color:var(--muted)}.f-legal details{margin-top:.5rem}.f-legal summary{cursor:pointer;text-underline-offset:.2em;text-decoration:underline}.f-legal li{margin-top:.4rem}.f-nav{grid-column:5/8}.f-nav li+li{margin-top:.4rem}.f-nav a{text-decoration:none}.f-nav a:hover{text-underline-offset:.2em;text-decoration:underline}.f-time{grid-column:8/10;justify-content:space-between}.f-time strong{font-size:var(--step-lead);font-variant-numeric:tabular-nums;font-weight:500}.f-mail{grid-column:10/13;justify-content:flex-end;gap:.5rem}.f-mail a{font-weight:500}.f-mail a:first-child{font-size:var(--step-lead);overflow-wrap:anywhere}.f-word{background:var(--ink);min-height:20rem;color:var(--white);grid-column:1/9;place-items:center;display:grid}.f-word span{font-size:var(--step-display);letter-spacing:-.04em;text-transform:uppercase;font-weight:700;line-height:1}.f-invite{background:var(--blue);min-height:20rem;color:var(--white);font-size:var(--step-lead);grid-column:9/13;justify-content:space-between;font-weight:500;text-decoration:none;transition:background-color .25s}.f-invite svg{transition:transform .25s var(--ease-out);align-self:flex-end}.f-invite:hover{background:var(--navy)}.f-invite:hover svg{transform:translate(6px,-6px)}@media (width<=900px){.site-footer{grid-template-columns:1fr 1fr;gap:6px}.f-word,.f-invite{grid-column:1/-1;min-height:10rem}.f-invite{order:-2}.f-word{order:-1}.f-nav,.f-time{grid-column:auto;min-height:11rem}.f-statement,.f-mail{grid-column:1/-1;min-height:8rem}.f-mail a{overflow-wrap:normal}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;transition-delay:0s!important;animation:none!important}.js [data-reveal]{opacity:1;transform:none}}@supports (animation-timeline:view()){.drift{overflow:hidden}.drift img,.drift .duo img{height:118%;animation:linear both drift;animation-timeline:view()}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-15%)}}}
