:root{--header-scale:1.25;--mark-h:calc(clamp(3rem, 1.9525rem + 2.206vw, 3.9375rem) * var(--header-scale));--mark-w:calc(var(--mark-h) * 2.3936);--header-pad:calc(var(--mark-w) * .26 + 4px);--mark-left:var(--header-pad);--mark-top:var(--header-pad);--header-h:calc(var(--header-pad) * 2 + var(--mark-h))}@media (width<=479px){:root{--header-scale:1}}.site-header__nav{--nav-main:max(.875rem, calc(clamp(.95rem, .62rem + .75vw, 1.5rem) * var(--header-scale) * .7));--nav-minor:var(--nav-main);--nav-child:max(.875rem, calc(var(--nav-main) * .6));--nav-space:calc(var(--nav-minor) * 2.2);--hit-top:.5em;--hit-bottom:.9em;z-index:2;justify-content:flex-end;align-items:center;gap:var(--nav-space);--nav-stroke:max(1px, .045em);height:100%;font-family:var(--display);letter-spacing:.04em;flex:1;font-weight:700;display:flex;position:relative}.nav{margin:0;padding:0;list-style:none;display:flex}.nav--main{gap:var(--nav-space);font-size:var(--nav-main);letter-spacing:.06em;text-transform:uppercase}.nav--minor{gap:var(--nav-space);font-size:var(--nav-minor);letter-spacing:.06em;text-transform:uppercase}.nav__item{position:relative}.nav__children{padding:calc(var(--hit-bottom) + .2rem) .9rem .85rem;background:var(--black);font-size:var(--nav-child);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .22s var(--ease-out), transform .32s var(--ease-out), visibility 0s linear .32s;gap:1.8em;margin:0;list-style:none;display:flex;position:absolute;top:100%;left:-.9rem;transform:translateY(-.35rem)}.nav__item--parent:focus-within>.nav__children{opacity:1;visibility:visible;transition:opacity .22s var(--ease-out), transform .32s var(--ease-out);transform:none}@media (hover:hover) and (pointer:fine){.nav__item--parent:hover>.nav__children{opacity:1;visibility:visible;transition:opacity .22s var(--ease-out), transform .32s var(--ease-out);transform:none}}.nav__item--parent.is-dismissed>.nav__children{opacity:0;visibility:hidden}.nav__link{padding:var(--hit-top) 0 var(--hit-bottom);margin:calc(var(--hit-top) * -1) 0 calc(var(--hit-bottom) * -1);white-space:nowrap;transition:color .24s var(--ease-out);perspective:800px;perspective-origin:50% calc(var(--hit-top) + .5lh);display:block;position:relative}.site-header__nav[data-active] .nav__link:not([aria-current]){color:var(--muted)}.nav__link[aria-current] .nav__text{color:var(--ink)}.nav__label{display:block;overflow:clip}.nav__roll{transition:transform .42s var(--ease-out);display:block;position:relative}.nav__text{display:block}.nav__text+.nav__text{-webkit-user-select:none;user-select:none;position:absolute;top:100%;left:0}.nav__num{display:none}.nav__cube{--turn:0deg;--face-x:.6em;--face-y:.5em;--track:.12em;margin:calc(var(--face-y) * -1) calc(var(--track) - var(--face-x)) calc(var(--face-y) * -1) calc(var(--face-x) * -1);padding:var(--face-y) calc(var(--face-x) - var(--track)) var(--face-y) var(--face-x);pointer-events:none;transform-style:preserve-3d;transform:rotateY(90deg) translateX(50%) rotateY(var(--turn)) translateX(-50%) rotateY(-90deg);transition:transform .26s var(--ease-out), background-color .26s var(--ease-out), color .26s var(--ease-out);background-color:#0000;display:flex;position:relative}.nav--main .nav__cube,.nav--minor .nav__cube,.nav__children .nav__cube{--track:.06em;--face-x:.4em;--face-y:.3em}.nav__face{width:100%;height:100%;padding:inherit;background-color:var(--dim);color:var(--black);transform-origin:0;backface-visibility:hidden;transition:background-color .26s var(--ease-out);align-items:center;display:flex;position:absolute;top:0;left:100%;transform:rotateY(90deg)}.nav__link[href=\#artist] .nav__face{background-image:var(--spectrum);background-position:bottom;background-repeat:no-repeat;background-size:100% 2px}.nav__link:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.site-header__nav[data-active] .nav__link:hover{color:var(--ink)}}@media (width>=48em){.nav__link:focus-visible{z-index:1}.nav__link:focus-visible .nav__text{color:#0000;-webkit-text-stroke:var(--nav-stroke) var(--ink)}.nav__link:focus-visible .nav__cube{outline:2px solid var(--ink);outline-offset:2px}}@media (hover:hover) and (pointer:fine){.nav__link:hover{z-index:1}.nav__link:hover .nav__text{color:#0000;-webkit-text-stroke:var(--nav-stroke) var(--ink)}}.menu-toggle{z-index:3;min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:.75rem;margin-right:-.5rem;padding:0 .5rem;font-size:.875rem;display:none;position:relative}.menu-toggle__icon{width:1.4rem;height:.6rem;display:block;position:relative}.menu-toggle__icon span{width:100%;height:1px;transition:transform .3s var(--ease-out);background:currentColor;position:absolute;left:0}.menu-toggle__icon span:first-child{top:0}.menu-toggle__icon span:last-child{bottom:0}.menu-toggle[aria-expanded=true] .menu-toggle__icon span:first-child{transform:translateY(calc(.3rem - .5px))rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle__icon span:last-child{transform:translateY(calc(.5px - .3rem))rotate(-45deg)}@media (width<=47.99em){.menu-toggle{display:inline-flex}.site-header__nav{--hit-top:.1em;--hit-bottom:.12em;--sheet-main:min(11vw, 8svh, 4.5rem);--sheet-gap:max(clamp(.3rem, 1.6svh, 1rem), calc(44px - var(--sheet-main) * .9));z-index:1;height:auto;padding:calc(var(--header-h) + clamp(.5rem, 3vh, 2rem)) var(--pad) calc(var(--pad) + env(safe-area-inset-bottom,0px));padding-top:calc(var(--header-h) + clamp(.5rem, 3svh, 2rem));overscroll-behavior:contain;background:var(--black);visibility:hidden;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;font-size:.875rem;display:flex;position:fixed;inset:0;overflow-y:auto}.site-header.is-open .site-header__nav{visibility:visible}.nav{gap:var(--sheet-gap);flex-direction:column}.nav--main{font-size:inherit;margin-top:auto}.nav--minor{font-size:inherit;margin-top:clamp(1.1rem,4svh,2.5rem)}.nav__children{font-size:inherit;opacity:1;visibility:inherit;background:0 0;flex-wrap:wrap;gap:.4rem 1.6rem;margin:0;padding:.7rem 0 .4rem 2.6rem;transition:none;display:flex;position:static;transform:none}.nav__link{font-family:var(--sans);font-size:var(--sheet-main);letter-spacing:-.045em;grid-template-columns:2.6rem max-content;align-items:start;font-weight:700;line-height:.9;display:grid}.nav__link--child{font-size:calc(var(--sheet-main) * .45);letter-spacing:.02em;font-weight:700;display:block}.nav__link{--hit-top:max(.1em, calc(22px - .45em));--hit-bottom:max(.12em, calc(22px - .45em))}.nav__children{padding-top:max(.7rem, calc(23px - var(--sheet-main) * .0825));padding-bottom:max(.4rem, calc(23px - .3rem - var(--sheet-main) * .1025))}.nav__num{color:var(--muted);font-family:var(--mono);letter-spacing:.16em;grid-area:1/1;padding-top:.3em;font-size:.875rem;font-weight:400;line-height:1;display:block}.nav__link--child .nav__num{display:none}.nav__label{margin-bottom:-.2em;padding-bottom:.2em}.nav__text+.nav__text{top:calc(100% + .25em)}.nav__link[aria-current] .nav__num{color:var(--ink)}.nav__cube{display:contents}.nav__face{display:none}.nav__link:focus-visible .nav__label{outline:2px solid var(--ink);outline-offset:4px}.nav__label{grid-area:1/2;margin-right:-.08em;padding-top:.04em;padding-right:.08em}}@media (width<=47.99em) and (hover:hover) and (pointer:fine){.nav__link:hover .nav__roll{transform:translateY(calc(-100% - .25em))}}@media (forced-colors:active){.menu-toggle__icon span{forced-color-adjust:none;background:canvastext}.nav__children{border:1px solid canvastext}}@media (prefers-reduced-motion:reduce){.nav__roll,.nav__cube,.nav__face,.nav__children,.menu-toggle__icon span{transition:none}}@font-face{font-family:Oswald;src:url(/fonts/oswald-latin-wght-normal.woff2)format("woff2");font-weight:200 700;font-style:normal;font-display:swap;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}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;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}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-latin-600-normal.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;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}@font-face{font-family:DM Mono;src:url(/fonts/dm-mono-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;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}@font-face{font-family:DM Mono;src:url(/fonts/dm-mono-latin-500-normal.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;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{--display:"Oswald", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--sans:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}.about__heading,.swatch__wordmark,.hero__name,.fold__statement,.fold__quote,.fold__heading,.loader__count,.fcross__line,.index__title,.irow__name,.bento__value,.aintro__title,.awall__title,.awork__title,.case-card__client,.gwall__name{font-family:var(--display);letter-spacing:0}.fcross__line,.index__title,.aintro__title,.awall__title{text-transform:uppercase;letter-spacing:.005em}.contact__heading{font-family:var(--display);letter-spacing:.005em;font-weight:300}@media (width<=47.99em){.site-header__nav .nav__link{font-family:var(--display);letter-spacing:.01em}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ab-page{color:#ece6da;background:#0c0e12;min-height:100svh;margin:0}.ab-page ::selection{color:#0c0e12;background:#c6c9ce}.ab-skip{z-index:200;color:#0c0e12;font:500 14px/1 var(--mono);background:#ece6da;padding:10px 14px;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.ab-skip:focus{transform:none}.ab-set{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ab-set img{opacity:.9;filter:brightness(.5);width:max(100vw,177.78svh);max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ab-set:after{content:"";background:radial-gradient(120% 90% at 50% 40%,#0000 30%,#0c0e12c7);position:absolute;inset:0}.ab-page--case .ab-set:after{background:linear-gradient(#0c0e128c,#0c0e128c),radial-gradient(120% 90% at 50% 40%,#0000 30%,#0c0e12c7)}.ab-site{--black:#000;--ink:#f4f4f1;--muted:#9a9a95;--dim:#7a7a7f;--ease-out:cubic-bezier(.23, 1, .32, 1);--pad:clamp(1rem, 4vw, 4.5rem);z-index:10;height:var(--header-h);padding:env(safe-area-inset-top,0px) max(var(--header-pad), env(safe-area-inset-right,0px)) 0 var(--header-pad);color:var(--ink);justify-content:flex-end;align-items:center;display:flex;position:relative}:where(.ab-site) :is(a,button){color:inherit;text-decoration:none}:where(.ab-site) button{font:inherit}.ab-site .nav__link{text-shadow:0 0 .7rem #0c0e12f2,0 0 .25rem #0c0e12e6}.ab-site__mark{z-index:2;top:calc(var(--header-pad) - var(--mark-w) * .39);left:calc(var(--header-pad) - var(--mark-w) * .47);width:calc(var(--mark-w) * 1.92);aspect-ratio:16/9;position:absolute}.ab-site__mark img{width:100%;height:auto;position:absolute;inset:0}.ab-site__mark:focus-visible{outline-offset:3px;outline:3px solid #ece6da}#ab-main{z-index:1;position:relative}#ab-main:focus{outline:none}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}.r-doc{gap:1.2rem;padding-top:clamp(1rem,3vh,2rem);display:grid}.r-doc h1{font:600 clamp(38px, 4.6vw, 58px)/1.04 var(--display);text-transform:uppercase}.r-lede{color:var(--sp-ink);font-size:clamp(19px,1.5vw,22px)}.r-role,.r-brief p{color:var(--sp-soft)}.r-brief{gap:.8rem;display:grid}.r-note{color:var(--sp-dim);font-size:15px}.r-nav{border-top:1px solid var(--sp-rule);gap:.6rem;padding:1.2rem 0;display:grid}.r-contents{columns:2;column-gap:2rem;margin:0;padding-left:1.6rem;font-size:16px}.r-contents li{break-inside:avoid;padding:.15rem 0}.r-contents--more{padding-left:0;list-style:none}.r-part{border-top:1px solid var(--sp-rule);gap:.7rem;margin-top:1rem;padding-top:2.5rem;display:grid}.r-part h2{font:500 clamp(28px, 3vw, 38px)/1.1 var(--display);text-transform:uppercase}.r-part h3{font:500 clamp(20px, 2vw, 24px)/1.2 var(--display);text-transform:uppercase}.r-headline{font:500 20px/1.35 var(--sans);color:var(--sp-accent)}.r-features{gap:1.4rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.r-features dl{gap:.2rem;margin:.3rem 0 0;display:grid}.r-features dt{font:400 13px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sp-dim);margin-top:.4rem}.r-features dd{color:var(--sp-soft);margin:0}.r-table{border-collapse:collapse;width:100%;font:400 15px/1.4 var(--mono);margin-top:1rem}.r-table caption{text-align:left;padding-bottom:.4rem}.r-table th,.r-table td{border-bottom:1px solid var(--sp-rule);text-align:left;padding:.5rem .4rem}.r-table td{text-align:right}.r-total{color:var(--sp-accent)}.r-measures,.r-notes,.r-demos{gap:1.2rem;margin:0;padding:0;list-style:none;display:grid}.r-measure__fig{font:500 clamp(24px, 2.4vw, 30px)/1.1 var(--display);color:var(--sp-accent)}.r-measure__fig s{color:var(--sp-dim)}.r-measures li p:not(.r-measure__fig):not(.sp-label),.r-notes li,.r-page>p{color:var(--sp-soft)}.r-notes{gap:.6rem;padding-left:1.2rem;list-style:outside}.r-page{gap:.6rem;margin-top:1.6rem;display:grid}.r-demos{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.r-demos a{gap:.5rem;text-decoration:none;display:grid}.r-demos img{border:1px solid var(--sp-rule);width:100%;height:auto}.r-demo__nm,.r-back{font:400 14px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.r-back a{align-items:center;gap:.5em;min-height:44px;display:inline-flex}.r-back--end{margin-top:2rem}@media (width<=600px){.r-contents{columns:1}.r-table{font-size:13px}}