@font-face{font-family:Wordmark;src:url(/fonts/wordmark-700.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020,U+002D,U+0041-005A}:root{--wordmark: "acier-bat-solid", "Wordmark", "Helvetica Neue", Helvetica, Arial, sans-serif;--bg: #fcfcfb;--ink: #1a1a18;--muted: #8c8c86;--body: #4a4a45;--faint: #a3a39c;--rule: #e6e4de;--tile: #efefec;--fade: .55s;--ease: cubic-bezier(.4, 0, .2, 1);--ease-slow: cubic-bezier(.2, 0, .2, 1);--tile-gap: 2px;--page-max: 1200px;--page-pad: 40px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}p{text-wrap:pretty}img,video{display:block;max-width:100%}.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--bg);padding:10px 16px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;z-index:20}.skip-link:focus{left:0}.shell{min-height:100vh;display:flex;flex-direction:column}.site-header{padding:64px var(--page-pad) 0;display:flex;flex-direction:column;align-items:center;gap:34px}.wordmark{display:flex;flex-direction:column;align-items:center;gap:10px}.wordmark__name{font-family:var(--wordmark);font-size:29px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;line-height:1;text-indent:.2em}.wordmark__role{font-family:var(--wordmark);font-size:10px;font-weight:400;letter-spacing:.36em;text-transform:uppercase;color:var(--muted);line-height:1;text-indent:.36em}.site-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:34px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase}.site-nav a{padding-bottom:4px;color:var(--muted);transition:color .22s var(--ease)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}.site-main{flex:1;width:100%;max-width:var(--page-max);margin:0 auto;padding:72px var(--page-pad) 0;outline:none}.site-footer{padding:96px var(--page-pad) 44px;display:flex;justify-content:center;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#a9a9a2}.site-footer a{transition:color .22s var(--ease)}.site-footer a:hover{color:var(--ink)}.page-rule{border-top:1px solid var(--rule)}.grid-frame{border-bottom:1px solid var(--rule);padding:26px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tile-gap)}.section-outro{max-width:620px;margin:40px auto 0;text-align:center}.section-outro p{margin:0;font-size:13px;line-height:1.85;color:var(--body)}.section-outro a{display:inline-block;margin-top:20px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #cfccc4;padding-bottom:4px;transition:border-color .2s var(--ease)}.section-outro a:hover{border-bottom-color:var(--ink)}.tile{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--tile)}.tile--square{aspect-ratio:1}.tile__layers{position:absolute;inset:0;transition:transform 1.4s var(--ease-slow);transform:scale(1)}.tile.is-active .tile__layers{transform:scale(1.025)}.tile__poster,.tile__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tile__video{opacity:0;transition:opacity var(--fade) var(--ease);pointer-events:none}.tile.is-playing .tile__video{opacity:1}.tile__overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:22px 24px;background:linear-gradient(to top,#12121094,#1212101f 42%,#12121000 70%);opacity:0;transition:opacity var(--fade) var(--ease)}.tile.is-active .tile__overlay{opacity:1}.tile__caption{display:flex;flex-direction:column;gap:5px}.tile__titleline{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.tile__title{font-size:15px;letter-spacing:.02em;color:#fff}.tile__tag{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff9e}.tile__client{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ffffffb8}.tile:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.notice{max-width:760px;margin:0 auto 44px;text-align:center;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.project{max-width:1040px;margin:44px auto 0}.project__player{position:relative;aspect-ratio:16 / 9;background:#0d0d0c}.project__player video{width:100%;height:100%;object-fit:contain}.project__pending{position:relative;aspect-ratio:16 / 9;background-image:repeating-linear-gradient(135deg,#eeeeec 0 11px,#e6e6e2 11px 22px);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.project__pending span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;line-height:1.9}.project__body{max-width:680px;margin:56px auto 0}.project__heading{margin:0;font-size:16px;font-weight:400;letter-spacing:.04em}.project__context{margin:22px 0 0;font-size:14.5px;line-height:1.85;color:var(--body)}.linklist{display:flex;flex-direction:column;gap:12px;margin-top:34px;align-items:flex-start}.linklist a{font-size:13px;line-height:1.6;color:var(--body);border-bottom:1px solid var(--rule);padding-bottom:2px;transition:color .2s var(--ease),border-color .2s var(--ease)}.linklist a:hover{color:var(--ink);border-bottom-color:var(--ink)}.block{margin-top:52px;padding-top:26px;border-top:1px solid var(--rule)}.block__label{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.credits{display:flex;flex-direction:column;gap:7px;margin-top:16px}.credits div{font-size:13px;line-height:1.6;color:var(--body)}.credits--columns{display:block;columns:2;column-gap:40px}.credits--columns div{font-size:12.5px;line-height:1.95}@media(max-width:620px){.credits--columns{columns:1}}.project__foot{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;margin-top:56px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.project__foot a{transition:color .2s var(--ease)}.project__foot a:hover{color:var(--ink)}.project__pager{display:flex;gap:26px}.project__pager span{color:#cfccc4}.embed{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0d0d0c;cursor:pointer}.embed__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-slow),opacity .4s var(--ease)}.embed:hover .embed__poster{transform:scale(1.02)}.embed__play{position:absolute;inset:0;margin:auto;width:68px;height:68px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;opacity:.82;transition:opacity .3s var(--ease),transform .3s var(--ease);filter:drop-shadow(0 1px 12px rgba(0,0,0,.45))}.embed__play svg{width:100%;height:100%;display:block}.embed:hover .embed__play{opacity:1;transform:scale(1.06)}.embed__play:focus-visible{outline:2px solid #fff;outline-offset:6px}.embed.is-live{cursor:default}.embed.is-live .embed__poster,.embed.is-live .embed__play{opacity:0;pointer-events:none}.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.about{max-width:1040px;margin:52px auto 0;display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:64px;align-items:start}.about__portrait{margin:0;position:sticky;top:40px}.about__portrait img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;background:var(--tile)}.about__body{max-width:600px}.about__lede{margin:0;font-size:15.5px;line-height:1.8;font-weight:500}.about__body p:not(.about__lede){margin:22px 0 0;font-size:14.5px;line-height:1.85;color:var(--body)}.about__body p a{border-bottom:1px solid var(--rule)}.about__body p a:hover{border-bottom-color:var(--ink)}.awards{display:flex;flex-direction:column;gap:8px;margin-top:18px;font-size:13px;line-height:1.65;color:var(--body)}.awards strong{font-weight:500;color:var(--ink)}.selections{margin-top:24px;columns:2;column-gap:40px;font-size:12.5px;line-height:2;color:#7d7d76}.reps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.stack{margin-top:16px;display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.7;color:var(--body);align-items:flex-start}.stack a,.reps a{border-bottom:1px solid var(--rule);transition:border-color .2s var(--ease)}.stack a:hover,.reps a:hover{border-bottom-color:var(--ink)}.form{margin-top:26px;display:flex;flex-direction:column;gap:18px}.form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.field input,.field textarea{font-family:inherit;font-size:13.5px;line-height:1.6;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--rule);padding:8px 0;border-radius:0;transition:border-color .2s var(--ease)}.field input:focus,.field textarea:focus{outline:none;border-bottom-color:var(--ink)}.field textarea{resize:vertical;min-height:108px}.form__trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form__send{align-self:flex-start;margin-top:8px;font-family:inherit;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--ink);padding:13px 30px;cursor:pointer;border-radius:0;transition:background .22s var(--ease),color .22s var(--ease)}.form__send:hover{background:var(--ink);color:var(--bg)}.form__send[disabled]{opacity:.45;cursor:default}.form__send[disabled]:hover{background:transparent;color:var(--ink)}.form__status{font-size:12.5px;line-height:1.7;color:var(--body);min-height:1.2em}.form__status[data-state=error]{color:#a3402f}.notfound{max-width:620px;margin:40px auto 0;text-align:center}.notfound h1{margin:0;font-size:18px;font-weight:400;letter-spacing:.22em;text-transform:uppercase}.notfound p{margin:24px 0 0;font-size:14.5px;line-height:1.85;color:var(--body)}@media(max-width:1080px){.about{grid-template-columns:1fr;gap:44px}.about__portrait{position:static;max-width:260px}}@media(max-width:900px){:root{--page-pad: 24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{padding-top:44px}.site-main{padding-top:52px}}@media(max-width:620px){.grid{grid-template-columns:minmax(0,1fr)}.wordmark__name{font-size:20px;letter-spacing:.16em;text-indent:.16em}.site-nav{gap:18px 20px}.selections{columns:1}.reps{grid-template-columns:1fr;gap:32px}.form__row{grid-template-columns:1fr}.tile__overlay{opacity:1}}@media(prefers-reduced-motion:reduce){.tile__layers{transition:none}.tile.is-active .tile__layers{transform:none}}
