:root{--ink: #14130F;--paper: #F2EFE7;--clay: #C4633A;--ink-60: rgba(20, 19, 15, .6);--paper-60: rgba(242, 239, 231, .6);--paper-12: rgba(242, 239, 231, .12);--step: 72px;--gutter: 24px;--max: 1440px;--size-hero: clamp(40px, 6.4vw, 104px);--size-h2: clamp(40px, 6vw, 96px);--size-ticker: clamp(28px, 4vw, 64px);--size-sub: clamp(20px, 1.7vw, 24px);--size-body: 17px;--size-caption: 13px;--track-display: -.02em;--track-logo: .06em;--track-caption: .1em;--blink: 1.1s;--header-h: 72px}@media(max-width:768px){:root{--size-hero: clamp(34px, 8.4vw, 56px);--size-h2: clamp(24px, 6.7vw, 44px)}}@font-face{font-family:Right Grotesk Spatial;src:url(/fonts/RightGroteskSpatial-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Right Grotesk Spatial;src:url(/fonts/RightGroteskSpatial-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Right Grotesk Spatial;src:url(/fonts/RightGroteskSpatial-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;font-family:Right Grotesk Spatial,"Suisse Int'l",Inter Tight,system-ui,sans-serif;font-weight:400;font-size:var(--size-body);line-height:1.5;color:var(--paper);background:var(--ink);overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}img,svg,canvas{display:block}svg:has(>use[href="#chev"]){aspect-ratio:1023 / 776}svg:has(>use[href="#logo-lamai"]){aspect-ratio:8623 / 1400}svg:has(>use[href="#llama"]){aspect-ratio:20 / 28}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}::selection{background:var(--clay);color:var(--paper)}:focus-visible{outline:2px solid var(--clay);outline-offset:3px}.intro .header,.intro .hero-inner{opacity:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.t-hero{font-size:var(--size-hero);font-weight:700;line-height:1.02;letter-spacing:var(--track-display)}.t-h2{font-size:var(--size-h2);font-weight:700;line-height:1;letter-spacing:var(--track-display)}.t-sub{font-size:var(--size-sub);font-weight:500;line-height:1.35}.t-caption{font-size:var(--size-caption);font-weight:500;letter-spacing:var(--track-caption);text-transform:uppercase}.clay{color:var(--clay)}.type-caret{display:inline-block;height:.74em;width:auto;margin-left:.12em;vertical-align:-.08em;animation:caret-blink var(--blink) steps(1,end) infinite}svg.type-caret:has(>use[href="#caret"]){aspect-ratio:40 / 96}@keyframes caret-blink{50%{opacity:0}}.hold{white-space:nowrap}.container{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.header{position:fixed;inset:0 0 auto;z-index:10;height:var(--header-h);transition:background .25s ease,color .25s ease,border-color .25s ease;color:var(--paper);border-bottom:1px solid transparent}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100%}.header-inner .logo{grid-column:2}.header-inner .nav{grid-column:3;justify-self:end}@media(min-width:769px){.header--solid{background:color-mix(in srgb,var(--ink) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--paper-12)}.header--light{background:var(--paper);color:var(--ink);border-bottom-color:#14130f1f;-webkit-backdrop-filter:none;backdrop-filter:none}}.logo{display:block;flex:0 0 auto}.logo svg{height:20px;width:auto}.nav{display:flex;align-items:center;gap:clamp(24px,3vw,48px)}.nav a{font-weight:500;font-size:17px}.nav a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.link-back{display:inline-flex;align-items:center;gap:12px}.link-back svg{height:.55em;width:auto;transition:transform .25s cubic-bezier(.22,1,.36,1)}.link-back:hover svg{transform:translate(4px)}@media(max-width:768px){.header{position:absolute;inset:0 0 auto}.header-inner{grid-template-columns:auto 1fr}.header-inner .logo{grid-column:1}.header-inner .nav{grid-column:2}.nav-write{display:none}}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:clip}.hero-canvas{position:absolute;inset:0 0 auto;z-index:0;width:100%;height:100svh;pointer-events:none}.hero-veil{position:absolute;inset:0 45% auto 0;z-index:0;height:100svh;background:linear-gradient(90deg,var(--ink),transparent);pointer-events:none}.hero-inner{position:relative;z-index:1;width:100%;padding-top:calc(var(--header-h) + 24px);padding-bottom:clamp(40px,7vh,72px);display:flex;flex-direction:column;align-items:flex-start;gap:clamp(24px,4vh,40px)}.hero-title{max-width:15ch}.hero-sub{max-width:460px;font-weight:400;color:var(--paper-60)}.btn-write{display:inline-flex;align-items:center;gap:14px;padding:16px 28px;border:1px solid var(--paper-12);font-size:clamp(18px,1.6vw,22px);font-weight:500;line-height:1;transition:border-color .2s ease}.btn-write:hover{border-color:var(--paper-60)}.btn-write:active{background:var(--clay);border-color:var(--clay)}.btn-chev{display:inline-block;height:.62em;width:auto;transition:transform .25s cubic-bezier(.22,1,.36,1)}.btn-write:hover .btn-chev{transform:translate(4px)}.btn-write:active .btn-chev path{fill:var(--paper)}.pattern-strip{height:160px;background:var(--ink) url(/svg/pattern-tile-clay-on-ink.svg) left top / var(--step) var(--step) repeat;border-block:1px solid var(--paper-12)}.footer{padding-block:clamp(56px,8vw,96px) 0}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.footer-contacts{display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-size:17px;font-weight:500}.footer-contacts a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.footer-line{margin-top:clamp(48px,6vw,80px);padding-block:22px;border-top:1px solid var(--paper-12);color:var(--paper-60)}@media(max-width:768px){.hero-sub{max-width:100%}.footer-inner{flex-direction:column}.footer-contacts{align-items:flex-start}}@media(max-width:480px){.btn-write{width:100%;justify-content:center}}:root{--section-pad: clamp(110px, 14vw, 220px)}@media(max-width:768px){:root{--section-pad: 72px}}@keyframes blink{50%{opacity:0}}.manifest{padding-block:var(--section-pad)}.manifest-line{max-width:17em}@media(max-width:768px){.manifest-line{font-size:clamp(29px,8.2vw,44px)}}.reveal-line{display:block;overflow:hidden;padding-block:.08em .16em;margin-block:-.08em -.16em}.reveal-line-inner{display:block;will-change:transform}.manifest-note{margin-top:clamp(48px,6vw,88px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);max-width:1000px;color:var(--paper-60)}.manifest-note p{max-width:30em}.services{padding-block:var(--section-pad) 0;background:var(--paper);color:var(--ink)}.services-title{max-width:14em;margin-bottom:clamp(56px,8vw,112px)}.ticker{display:grid;grid-template-columns:calc(max(var(--gutter),(100vw - var(--max)) / 2 + var(--gutter)) + clamp(130px,12vw,175px)) minmax(0,1fr);align-items:center;border-top:1px solid rgba(20,19,15,.14);padding-block:clamp(16px,2.2vw,30px)}.ticker:last-of-type{border-bottom:1px solid rgba(20,19,15,.14)}.ticker-label{color:var(--ink-60);padding-left:max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter)));padding-right:20px}.ticker-viewport{overflow:hidden;min-width:0;contain:layout paint}.ticker-row{display:inline-flex;align-items:center;gap:0;will-change:transform}@keyframes ticker-left{to{transform:translate(calc(-1 * var(--loopw)))}}@keyframes ticker-right{0%{transform:translate(calc(-1 * var(--loopw)))}to{transform:none}}.ticker-track{display:inline-flex;align-items:center;gap:clamp(28px,3.5vw,56px);padding-right:clamp(28px,3.5vw,56px);font-size:var(--size-ticker);font-weight:500;line-height:1.1;white-space:nowrap}.ticker-track svg{height:.44em;width:auto;flex:0 0 auto}.services-plates{margin-top:clamp(72px,10vw,136px);background:var(--ink);color:var(--paper)}.services-plate--next{border-top:1px solid var(--paper-12)}.services-plate-inner{display:flex;align-items:flex-start;gap:clamp(20px,3vw,40px);padding-block:clamp(48px,7vw,96px)}.services-plate-inner svg{height:.78em;width:auto;flex:0 0 auto;margin-top:.28em;font-size:clamp(22px,2.4vw,34px)}.services-plate-inner p{font-size:clamp(22px,2.4vw,34px);font-weight:500;line-height:1.3;max-width:28em}.clients{padding-block:var(--section-pad) 0}.clients .t-caption{color:var(--paper-60);display:block;margin-bottom:clamp(32px,4vw,56px)}.clients-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.clients-track{--sets: 3;display:flex;width:max-content;animation:clients-run 60s linear infinite}@keyframes clients-run{0%{transform:translate(0)}to{transform:translate(calc(-100% / var(--sets)))}}.clients-marquee:hover .clients-track,.clients-marquee:focus-within .clients-track{animation-play-state:paused}.clients-set{display:flex;align-items:center}.client-cell{--logo-h: 40px;--logo-k: 1;flex:0 0 auto;display:grid;place-items:center;height:156px;padding-inline:clamp(30px,3.4vw,54px)}.client-cell img{display:block;width:auto;height:calc(var(--logo-h) * var(--logo-k));filter:var(--logo-rest, brightness(0) invert(1));opacity:.62;transition:filter .45s ease,opacity .45s ease}@media(hover:hover){.client-cell:hover img{filter:var(--logo-live, brightness(1) invert(0));opacity:1}}.client-cell:active img,.client-cell:focus-visible img{filter:var(--logo-live, brightness(1) invert(0));opacity:1}.client-cell--swap img{grid-area:1 / 1;filter:none}.client-cell--swap .logo-rest{opacity:.62}.client-cell--swap .logo-live{opacity:0}@media(hover:hover){.client-cell--swap:hover img{filter:none}.client-cell--swap:hover .logo-rest{opacity:0}.client-cell--swap:hover .logo-live{opacity:1}}.client-cell--swap:active img,.client-cell--swap:focus-visible img{filter:none}.client-cell--swap:active .logo-rest,.client-cell--swap:focus-visible .logo-rest{opacity:0}.client-cell--swap:active .logo-live,.client-cell--swap:focus-visible .logo-live{opacity:1}@media(prefers-reduced-motion:reduce){.clients-track{animation:none;width:auto;min-width:max-content;justify-content:center}.clients-marquee{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}.clients-marquee::-webkit-scrollbar{display:none}}.case-media{position:relative;aspect-ratio:3 / 2;overflow:hidden;border:1px solid var(--paper-12)}.case-media-fill{position:absolute;inset:0;background:var(--ink) url(/svg/pattern-tile-paper-on-ink.svg) left top / var(--step) var(--step) repeat;display:grid;place-items:center;transition:transform .4s cubic-bezier(.22,1,.36,1)}.case-media-fill .t-caption{color:var(--paper-60)}.link-more{display:inline-flex;align-items:center;gap:14px;margin-top:clamp(48px,6vw,72px);font-size:clamp(24px,2.6vw,34px);font-weight:500}.link-more svg{height:.6em;width:auto;transition:transform .25s cubic-bezier(.22,1,.36,1)}.link-more:hover svg{transform:translate(4px)}.contact{padding-block:calc(var(--section-pad) * .6) var(--section-pad)}.contact-title{margin-bottom:clamp(56px,7vw,96px)}.ask-form{max-width:900px}.field{border-bottom:1px solid var(--paper-12);transition:border-color .2s ease}.field:focus-within{border-color:var(--paper-60)}.field-task{display:flex;align-items:flex-start;gap:clamp(16px,2vw,28px);padding-block:18px}.field-task svg{height:.72em;width:auto;flex:0 0 auto;margin-top:.42em;font-size:clamp(22px,2.6vw,34px)}.ask-form textarea,.ask-form input{width:100%;background:none;border:0;outline:none;color:var(--paper);font-family:inherit;font-weight:400}.ask-form textarea{font-size:clamp(22px,2.6vw,34px);line-height:1.35;resize:none;overflow:hidden}.ask-form textarea::placeholder,.ask-form input::placeholder{color:var(--paper-60);opacity:.7}.field-contact{margin-top:36px;padding-block:16px}.ask-form input{font-size:clamp(19px,1.9vw,26px)}.field-error{margin-top:14px;color:var(--clay);font-weight:500;font-size:17px}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.btn-send{margin-top:clamp(40px,5vw,56px);display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:62px;padding:16px 36px;border:1px solid var(--paper-12);font-size:20px;font-weight:500;transition:border-color .2s ease}.btn-send:hover:enabled{border-color:var(--paper-60)}.btn-send:active:enabled{background:var(--clay);border-color:var(--clay)}.btn-send-llama svg{height:34px;width:auto;animation:blink var(--blink) steps(1,end) infinite}.form-done{font-size:clamp(22px,2.6vw,34px);font-weight:500}.page-head{padding-top:calc(var(--header-h) + clamp(56px,9vw,128px))}.filters{display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,40px);margin-block:clamp(40px,5vw,72px)}.filters button{font-size:18px;font-weight:500;color:var(--paper-60);transition:color .2s ease}.filters button:hover{color:var(--paper)}.filters button.is-active{color:var(--clay)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,48px);padding-bottom:var(--section-pad)}.project-card{cursor:default}.project-card .case-media img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block;transition:transform .4s cubic-bezier(.22,1,.36,1)}.project-card.is-link{cursor:pointer;display:block}.project-card.is-link:hover .case-media img{transform:scale(1.03)}.project-card h3{margin:20px 0 4px;font-size:22px;font-weight:500}.project-card .case-type{color:var(--paper-60);font-size:15px}.portfolio-request{padding-block:clamp(48px,7vw,104px) clamp(96px,14vw,200px);display:grid;justify-items:start;gap:28px}.portfolio-lead{font-size:clamp(28px,3.6vw,52px);font-weight:500;line-height:1.1;letter-spacing:-.02em;max-width:18ch}.portfolio-note{font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--paper-60);max-width:52ch}.portfolio-actions{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}.portfolio-mail{font-size:clamp(17px,1.4vw,20px);color:var(--paper-60);transition:color .2s ease}.portfolio-mail:hover{color:var(--paper)}.empty-state{padding-block:clamp(96px,14vw,200px);display:grid;justify-items:start;gap:28px}.empty-state svg{height:56px;width:auto}.empty-state p{font-size:clamp(20px,2vw,26px);font-weight:500}@media(max-width:1024px){.client-cell{--logo-k: .74;height:122px;padding-inline:28px}}@media(max-width:768px){.manifest-note{grid-template-columns:1fr}.hero-veil{display:none}.ticker{grid-template-columns:1fr;row-gap:10px}.ticker-label{padding-left:var(--gutter)}.client-cell{--logo-k: .56;height:94px;padding-inline:20px}.projects-grid{grid-template-columns:1fr}.services-plate-inner{flex-direction:column;gap:24px}}@media(max-width:480px){.btn-send{width:100%}}
