:root{--ink: #000;--mute: rgba(0, 0, 0, .45);--placeholder: #a3a3a3;--paper: #fcfcfc;--field: #f4f4f2;--soft: #f0f0ee;--soft-hover: #e8e8e6;--dark: #262626;--dark-hover: #000;--media: rgba(0, 0, 0, .04);--line-nav: #eeeeed;--line-hover: #eaeae8;--line-on: #d2d2d0;--font: "Inter", -apple-system, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--t: 15px;--lh: 24px;--s1: 8px;--s2: 16px;--s3: 24px;--s4: 32px;--s6: 48px;--s8: 64px;--s15: 120px;--m: 24px;--ctl: 32px;--r-pill: 999px;--r-field: 12px;--r-media: 4px;--label: 96px;--gutter: 40px;--col: 528px;--page: calc(var(--label) + var(--gutter) + var(--col));--page-w: min(var(--page), 100% - 2 * var(--m));--nav-room: 96px;--ease: cubic-bezier(.22, 1, .36, 1);--t-ui: .15s;--t-in: .7s}*{box-sizing:border-box}html,body{margin:0;padding:0}html{overflow-x:clip;scrollbar-gutter:stable}html body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--t);font-weight:400;line-height:var(--lh);letter-spacing:.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,h1,h2,figure{margin:0;font:inherit}a{color:inherit;text-decoration:none}.mute{color:var(--mute)}[hidden]{display:none!important}.pill{display:inline-flex;align-items:center;gap:6px;height:var(--ctl);padding:0 14px;border:1px solid transparent;border-radius:var(--r-pill);background:none;color:var(--ink);font:inherit;letter-spacing:inherit;white-space:nowrap;cursor:pointer;transition:background-color var(--t-ui),border-color var(--t-ui),color var(--t-ui)}.pill svg{display:block;flex:none;width:14px;height:14px}.pill--icon-left{padding-left:10px}.pill--primary{background:var(--dark);color:#fff}.pill--primary:hover{background:var(--dark-hover)}.pill--secondary{background:var(--soft)}.pill--secondary:hover{background:var(--soft-hover)}.pill--quiet:hover{background:color-mix(in srgb,var(--soft) 55%,transparent)}.pill--quiet.is-on{background:var(--soft)}.pill--quiet.is-on:hover{background:var(--soft-hover)}.pills{display:flex;flex-wrap:wrap;gap:var(--s1)}.pills--tight{gap:4px}.link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#00000059;transition:text-decoration-color var(--t-ui),color var(--t-ui)}.link:hover{color:var(--ink);text-decoration-color:var(--ink)}.credits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s4)}@media(max-width:520px){.credits{grid-template-columns:1fr}}.client{position:relative}.client--plain{text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#0000004d;cursor:default;outline:none}.raise{position:absolute;left:50%;bottom:calc(100% + 6px);z-index:2;padding:5px 12px;border-radius:var(--r-pill);background:var(--dark);color:#ffffffb3;font-size:13px;line-height:20px;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(calc(-50% + var(--dx, 0px)),6px) scale(.94);transform-origin:50% 100%;filter:blur(2px);transition:opacity .18s ease,transform .32s cubic-bezier(.2,.9,.3,1.25),filter .25s ease}.raise strong{color:#fff;font-weight:400;font-variant-numeric:tabular-nums}.client:hover .raise,.client:focus-within .raise{opacity:1;transform:translate(calc(-50% + var(--dx, 0px))) scale(1);filter:none}@media(prefers-reduced-motion:reduce){.raise{transition:opacity .18s ease;filter:none}}.client__raised{display:none}@media(hover:none){.client{white-space:nowrap}.client__raised{display:inline;color:var(--mute)}.raise{display:none}.client--plain{text-decoration:none}}.swap{display:inline-grid}.swap>*{grid-area:1 / 1;transition:opacity .25s var(--ease),transform .45s var(--ease)}.swap__b{text-align:center;white-space:nowrap;opacity:0;transform:translateY(6px)}.is-copied .swap__a{opacity:0;transform:translateY(-6px)}.is-copied .swap__b{opacity:1;transform:none}.link .swap__b{width:0;text-align:left}.link .swap__a{text-decoration:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#00000059}.link:hover .swap__a{text-decoration-color:var(--ink)}.link .swap__b{gap:4px}.link .swap__b svg{width:12px;height:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.field{display:block;width:100%;padding:9px 13px;border:1px solid transparent;border-radius:var(--r-field);background:var(--field);color:var(--ink);font:inherit;letter-spacing:inherit;outline:none;transition:background-color var(--t-ui),border-color var(--t-ui)}.field::placeholder{color:var(--placeholder)}.field:hover{border-color:var(--line-hover)}.field:focus{border-color:var(--line-on);background:#fff}textarea.field{min-height:144px;resize:vertical}.nav{position:fixed;top:var(--m);left:50%;z-index:10;display:inline-flex;align-items:center;gap:var(--s3);padding:4px 4px 4px var(--s2);border:1px solid var(--line-nav);border-radius:var(--r-pill);background:var(--paper);transform:translate(-50%);white-space:nowrap}.nav__mark rect{transform-box:view-box}.first-visit .nav{animation:nav-in var(--t-in) var(--ease) both}@keyframes nav-in{0%{opacity:0;top:calc(var(--m) - 8px)}}.nav__home{display:inline-flex;align-items:center;gap:9px;letter-spacing:-.01em}.nav__mark{display:block;width:12px;height:13px;fill:currentColor}.nav__link{color:var(--mute);transition:color var(--t-ui)}.nav__link:hover,.nav__link[aria-current=page]{color:var(--ink)}.row{display:grid;grid-template-columns:var(--label) minmax(0,1fr);column-gap:var(--gutter);width:var(--page-w);margin:0 auto}.row__label{grid-column:1;color:var(--mute)}.row__body{grid-column:2;min-width:0}.rows{display:flex;flex-direction:column;gap:var(--s3)}.row__back{transition:color var(--t-ui)}.row__back:hover{color:var(--ink)}.row--field .row__label{padding-top:10px}.row--pills .row__label{padding-top:4px}.media{overflow:hidden;background:var(--media)}.media.is-loaded{background:none}.media img,.media video{display:block;width:100%}.media video{width:calc(100% + 2px);height:auto;margin:-1px}.media--film{position:relative}.media--film video{cursor:pointer}.film__bar{position:absolute;right:var(--s2);bottom:var(--s2);display:flex;gap:var(--s1);opacity:0;transition:opacity .2s}.media--film:hover .film__bar,.film__bar:focus-within{opacity:1}@media(hover:none){.film__bar{opacity:1}}@media(max-width:760px){.media--film{background:none}.film__bar{position:static;justify-content:flex-start;margin-top:var(--s1);opacity:1}}.film__btn{display:grid;place-items:center;width:var(--ctl);height:var(--ctl);padding:0;border:0;border-radius:var(--r-pill);background:#28282866;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;transition:background .15s}.film__btn:hover{background:#28282899}.film__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.film__btn svg{width:16px;height:16px}.landing{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;overflow:hidden}.landing__main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(var(--s6),9vh,var(--s15));padding:var(--nav-room) 0 var(--s4)}.landing .pills{padding-top:var(--s2)}.covers{display:grid;grid-template-columns:repeat(var(--cols, auto-fit),232px);justify-content:center;gap:var(--s3) var(--s1);padding:0 var(--s2)}.cover{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);width:232px}.cover .media{width:100%;aspect-ratio:232 / 261;border-radius:var(--r-media)}.cover img,.cover video{height:100%;object-fit:cover;transition:transform .9s var(--ease)}.cover video{height:calc(100% + 2px)}.cover:hover img,.cover:hover video{transform:scale(1.03)}.case{padding:var(--nav-room) 0 var(--s15)}.case__cover,.case__media{width:min(960px,calc(100% - var(--s4)));margin:0 auto}.case__words{margin-top:var(--s8)}.case__facts{gap:0}.row--fact .row__label,.row--fact .row__body{padding-top:0}.case__media{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s15)}.case__credits,.case__next{margin-top:var(--s15)}.case__credits+.case__next{margin-top:var(--s8)}.line{display:flex;gap:var(--s2)}.line .media{flex:1 1 0;min-width:0}.line--single .media{flex:0 0 calc(50% - var(--s1))}.case__cover img{height:auto}.line .media img,.line .media video{height:100%;object-fit:cover}.line .media video{height:calc(100% + 2px)}.service{padding:calc(var(--nav-room) + var(--s15)) 0 var(--s15)}.service h2{color:var(--ink)}.service__work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s1)}.service__work .cover{width:auto}.step p:first-child{margin-bottom:var(--s1)}.letter{padding:calc(var(--nav-room) + var(--s15)) 0 var(--s15)}.letter__body{display:flex;flex-direction:column;gap:var(--s3);width:var(--page-w);margin:0 auto;padding-left:calc(var(--label) + var(--gutter))}.sign{display:flex;align-items:center;gap:12px}.sign img{width:48px;height:48px;border-radius:50%;object-fit:cover}.letter .pills{padding-top:var(--s2)}.contact{padding:calc(var(--nav-room) + var(--s15)) 0 var(--s15)}.contact__ways .hint{margin-top:var(--s1)}.contact__form{margin-top:var(--s15)}.send{display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--t-in) var(--ease),transform var(--t-in) var(--ease);transition-delay:var(--d, 0ms)}.reveal.has-video{opacity:1}.reveal.is-in{opacity:1;transform:none}.is-still .reveal{transition:none}html.is-leaving #app{opacity:0;transition:opacity .22s var(--ease)}@media(prefers-reduced-motion:reduce){.first-visit .nav{animation:none}.swap>*{transform:none;transition:none}.reveal{opacity:1;transform:none;transition:none}.cover:hover img,.cover:hover video{transform:none}}@media(max-width:900px){.case__media{gap:var(--s1);margin-top:var(--s8)}.line{gap:var(--s1)}.line--single .media{flex-basis:calc(50% - 4px)}}@media(max-width:760px){:root{--m: 16px;--nav-room: 80px}.row{grid-template-columns:minmax(0,1fr)}.row__label{grid-column:1;padding:0 0 4px}.letter__body{padding-left:0}.row__label:empty{display:none}.row__body{grid-column:1}.case__facts{gap:var(--s1)}.row--field .row__label,.row--pills .row__label{padding:0 0 var(--s1)}.landing__main{justify-content:flex-start;gap:var(--s8);padding-top:calc(var(--nav-room) + var(--s6))}.covers{display:grid;grid-template-columns:1fr 1fr}.cover{width:auto}.letter,.contact{padding-top:calc(var(--nav-room) + var(--s6))}.contact__form{margin-top:var(--s8)}.nav{gap:var(--s2);padding-left:12px}}@media(max-width:440px){.nav__home span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nav{gap:14px}}