@font-face{font-family:Fragment Mono;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/FragmentMono-Regular.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans Condensed;font-weight:900;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexSansCondensed-Bold.woff2) format("woff2")}@font-face{font-family:DM Sans;font-weight:100 1000;font-style:normal;font-display:swap;src:url(/fonts/DMSans-VariableFont_opsz,wght.ttf) format("truetype")}h1,h2,h3,h4,h5,a,p,button,label,figcaption{font-family:var(--main-font);margin:0;font-size:var(--font-size);font-weight:400;text-transform:uppercase}a,.link{color:var(--text);text-decoration:none;cursor:pointer}.link-accent{display:block;background-color:var(--palette-blue);color:var(--palette-white)}a:hover{color:var(--color-primary-dark)}.button{background:light-dark(rgba(217,217,217,.75),rgba(49,49,49,.75));backdrop-filter:blur(5px);padding:.6rem 1.5rem;width:100%;cursor:pointer;span{display:block;width:100%;text-align:center}&:hover{background-color:#0000ffbf;color:#fff}@media(min-width:768px){width:fit-content;span{width:14ch}}}button:focus{outline:none}button:focus-visible{outline:1px solid blue}:root{--columns: 6;--case-stud-columns: 6;--padding: .8rem;--gap: .8rem;--case-study-gap: 1.6rem}@media(min-width:768px){:root{--columns: 12;--padding: .8rem;--case-stud-columns: 16}}.grid{display:grid;margin-inline:auto;width:100%;gap:var(--gap);grid-template-columns:calc(var(--padding) - var(--gap)) repeat(var(--columns),minmax(0,1fr)) calc(var(--padding) - var(--gap));row-gap:0;grid-auto-rows:min-content;.subgrid{grid-column:2 / -2;display:grid;grid-template-columns:subgrid}.case-study-grid{grid-column:2 / -2;grid-template-columns:repeat(var(--case-stud-columns),minmax(0,1fr));gap:0 var(--case-study-gap);display:grid}}.content-grid{--min-column-width: 16rem;--max-columns: 3;--col-gap: 1.6rem;--row-gap: 4.8rem;@media(min-width:900px){--row-gap: clamp(5.6rem, 3.7vw, 5.7vh)}@media(min-width:1400px){--max-columns: 5}scroll-snap-align:start;scroll-margin-block-start:7.2rem;margin-block-start:3.8rem;z-index:1;min-height:100dvh;button{display:contents}&[data-view=grid]{display:grid;column-gap:var(--col-gap);row-gap:var(--row-gap);grid-template-columns:repeat(auto-fill,minmax(max(var(--min-column-width),100% / var(--max-columns)),1fr));figure:focus-within{outline:1px solid Highlight;outline:1px solid -webkit-focus-ring-color}.case-study__asset{aspect-ratio:unset;display:flex;justify-content:center;img{max-width:100%}}}&[data-view=list]{display:flex;flex-direction:column;gap:1.5rem;li,figure{display:contents}figure:focus-within figcaption{outline:1px solid Highlight;outline:1px solid -webkit-focus-ring-color}figcaption{display:flex;width:100%;height:3.3rem;align-items:center;&:hover{background-color:var(--palette-blue);color:var(--palette-white)}span{display:inline-block;flex:1;vertical-align:middle;text-align:start;&:nth-of-type(2){min-width:13ch}&:nth-of-type(3){max-width:3ch}&:last-of-type{text-align:right}}}.case-study__asset{display:none}}&[data-filter=strategy]{li:not(:has([data-type=strategy])){display:none}}&[data-filter=partnership]{li:not(:has([data-type=partnership])){display:none}}&[data-filter=amplification]{li:not(:has([data-type=amplification])){display:none}}&[data-filter=content]{li:not(:has([data-type=content])){display:none}}&[data-filter="earned media"]{li:not(:has([data-type="earned media"])){display:none}}}:root{color-scheme:light dark;--palette-black: #000;--palette-slate: #494949;--palette-w95-grey: #d5d5d5;--palette-white: #fff;--palette-off-white: #f0f0e3;--palette-blue: #00f;--text: light-dark(var(--palette-black), var(--palette-white));--background: light-dark(var(--palette-off-white), var(--palette-black));--accent: var(--palette-blue)}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;overflow:clip;position:absolute;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;display:none}.filters{border:none;padding:0;margin:0;display:flex;gap:.5rem}*{box-sizing:border-box}html,body{font-family:Fragment Mono,monospace;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;@media(prefers-reduced-motion:reduce){scroll-behavior:auto}}html{font-size:62.5%;min-height:100%;overflow-y:scroll;box-sizing:border-box;background-color:var(--background);color:var(--text);scroll-behavior:smooth;@media(prefers-reduced-motion:reduce){scroll-snap-type:none;scroll-behavior:auto}&:has(dialog[open]){overflow:hidden}&:has(.homepage),&:has(.404),&:has(.lightbox-dialog.show){overscroll-behavior:contain}}html:has(.lightbox-dialog.show){overflow:hidden!important}:root{--content-icon-display: none;--content-year-display: none;--font-size: 1.2rem;--grid-col-gap: 1.6rem;--grid-row-gap: 4.8rem;--100dvh: calc(100dvh - env(safe-area-inset-bottom)) ;--alt-font: "IBM Plex Sans Condensed", helvetica, sans-serif;--main-font: "Fragment Mono", monospace;@media(min-width:720px){--grid-col-gap: clamp(3.2rem, 2.4vw, 2.4vw);--grid-row-gap: clamp(5.6rem, 3.7vw, 5.7vh)}}body{font-size:var(--font-size);text-transform:uppercase}@media screen and (min-width:720px){:root{--content-year-display: inline}}ul{list-style:none;list-style-type:none;margin:0;padding:0}a:hover{color:var(--text)}a:has(svg){color:var(--text)}a:has(svg):hover{color:var(--accent)}button{color:var(--text);margin:0;padding:0;background:none;border:none;cursor:pointer}:root{--container-padding: 2.4rem;--container-padding-inline: 2rem;--100dvh: calc(var(--vh, 1dvh) * 100)}.filter-view-menu{position:sticky;display:flex;justify-content:space-between;top:2.4rem;left:3rem;z-index:2;container-type:scroll-state;fieldset{padding:0;margin:0;border:none}button{anchor-name:--filter-menu-button;transition:margin .2s;display:inline-flex;align-items:center;gap:.3rem;svg{margin-right:.4rem}&:has(svg){&:before{content:"["}&:after{content:"]"}}@supports (not (container-type: scroll-state)){margin-left:5.4rem}@container scroll-state(stuck: top){margin-left:5.4rem}}#filters-popover{padding:.4rem;border:none;background-color:unset}#filters-popover:popover-open{@supports (not (position-anchor: auto)){inset:0;margin:auto;&::backdrop{background-color:#00000080}}@supports (position-anchor: auto){position-anchor:auto;position:absolute;top:calc(anchor(end) + 1.4rem);left:anchor(start)}display:flex;flex-direction:column;gap:.8rem;color:var(--background);background-color:var(--text)}.content-view{display:inline-flex;gap:2.8rem;label{&:has(:checked){&:before{content:"[";margin-right:.8rem}&:after{content:"]";margin-left:.8rem}}}}label{display:inline-flex;align-items:center;cursor:pointer;&:focus-within{outline:Highlight auto 1px;outline:-webkit-focus-ring-color auto 1px}svg{margin-right:1.2rem}input{margin:0;margin-right:-1.3rem;opacity:0}}}@media screen and (min-width:720px){.filter-menu,.view-menu{button{display:none}ul.content-filter{flex-wrap:wrap}ul{position:static;display:inline-flex;gap:2.8rem;label{&:has(:checked){&:before{content:"[";margin-right:.8rem}&:after{content:"]";margin-left:.8rem}}}}}}dialog#lightbox{opacity:0;transition:opacity,display,overlay;transition-behavior:allow-discrete;transition-duration:.3s;background-color:var(--background);padding:var(--gap);width:var(--mobile-dialog-width, initial);view-transition-name:--lightbox;--modal-logo-visibility: visible;--header-justify-content: space-between;&[open]{opacity:1;display:flex;background-color:var(--background);@starting-style{opacity:0}--content-year-display: inline;--content-icon-display: inline}max-width:100%;max-height:100%;height:100%;border:none;flex-direction:column;justify-content:space-between;header{display:flex;justify-content:var(--header-justify-content);svg{display:var(--modal-logo-visibility)}}.modal-content{flex-grow:1;align-content:center;justify-items:center;max-height:calc(100dvh - (3 * var(--gap)));figcaption{width:100%}@media screen and (max-width:599px){figcaption{flex-wrap:wrap;span{width:calc(50% - var(--container-padding));&:nth-child(2n){text-align:end}}}}.case-study__asset,.case-study__asset *{max-height:calc(100dvh - var(--deck-header-logo-height, 16px) - (2 * var(--gap)) - (2 * 16px));max-width:100%}}}@media screen and (min-width:1000px){:root{--inset-cols: 3}}@media screen and (min-width:1200px){:root{--inset-cols: 2}}@media screen and (min-width:1000px){:where(dialog#lightbox){--dsk-dialog-width: calc(min(151.2rem, 100%) - var(--aside-width) - 2.4rem);--col-w: calc((100% - 13 * var(--gap)) / 12);--dsk-dialog-inset: calc(var(--inset-cols) * (var(--col-w) + var(--gap)));max-width:100%;max-height:100%;width:var(--dsk-dialog-width);margin:0;inset-inline-start:var(--dsk-dialog-inset);&::backdrop{inset-inline:calc(100% - (min(151.2rem,100%)/2))}.modal-content{width:100%;margin:0 auto;&:has(.case-study__asset){max-height:calc(100% - var(--container-padding))}&:has(.case-study__asset-v){max-width:56.25%}&:has(.case-study__asset-h),&:has(.case-study__asset-s){width:80%}display:flex;flex-direction:column;justify-content:center;align-items:center}}}.nav{position:fixed;padding-block:.8rem;z-index:9999;.logo{display:none}.menu{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;.menu__inner{width:100%;position:relative}ul{display:flex;gap:2px;>*{width:calc(100% / 3)}li{padding:.6rem 1.5rem}}.about-list{position:absolute;top:calc(100% + 2px);flex-direction:column;width:100%;pointer-events:none;&.open{pointer-events:auto;li{opacity:1;transform:translateY(0)}li:nth-child(1){transition:all .3s ease-in-out .1s}li:nth-child(2){transition:all .3s ease-in-out .2s}li:nth-child(3){transition:all .3s ease-in-out .3s}li:nth-child(4){transition:all .3s ease-in-out .4s}}li{display:flex;opacity:0;flex-direction:column;align-items:center;text-align:center;width:100%;transform:translateY(1rem);transition:opacity .2s ease-in-out;background:light-dark(rgba(217,217,217,.75),rgba(49,49,49,.75));backdrop-filter:blur(5px)}span{width:100%;margin-bottom:6px;opacity:.5}a{display:block;width:fit-content;margin-top:6px;background-color:var(--palette-blue)}}}.datetime{display:none;grid-column:11 / -1;text-align:end}@media(min-width:768px){padding-block:1.2rem;.logo{display:block}.menu{grid-column:3 / -3;.menu__inner{width:fit-content}}.datetime{display:block}}}.archive{margin-top:4.25rem;grid-row-gap:.8rem;.archive-item{grid-column:span 3;width:100%}.archive-item-media{position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;img,video{width:100%;height:auto;display:block;object-fit:cover;opacity:0;transition:opacity .4s ease}&.is-loaded img,&.is-loaded video{opacity:1}}@media(min-width:768px){margin-top:12rem;grid-row-gap:2rem;.archive-item{grid-column:span 2}}}.home,.deck{.reel{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;height:var(--100dvh);width:100%;padding:5rem 0}}.lightbox{height:100%;width:auto;max-width:100%;img,video,.video{height:100%;width:100%;object-fit:contain;z-index:-1}.video-controls{position:absolute;bottom:0;left:0;right:0;padding:1.2rem .8rem;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:1.2rem;opacity:1;transition:opacity .3s ease;z-index:1;.margin{height:1.2rem;width:100%;position:absolute;bottom:-1px;left:0;background:var(--background)}}.homepage-controls,.top-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.top-controls{flex-direction:row-reverse}.bottom-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:4px}.main-controls{display:flex;align-items:flex-end;gap:2rem}.playback-controls{display:flex;align-items:center;gap:8px}.time-display{display:flex;align-items:center;gap:8px;color:currentColor;font-family:monospace;font-size:var(--font-size);font-weight:500}.separator{opacity:.6}.volume-controls{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}.control-btn{background:none;border:none;color:currentColor;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease;height:16px}#play-pause-btn{width:1.5rem}.control-btn svg{width:auto;height:100%}.custom-volume-slider{position:relative;width:24px;height:100px;cursor:pointer;display:flex;justify-content:center;user-select:none}.volume-track{position:absolute;width:2px;height:100%;background:light-dark(black,white);border-radius:1px;left:50%;transform:translate(-50%)}.volume-indicator{position:absolute;left:50%;bottom:0%;transform:rotate(180deg) translate(100%,-50%);pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.volume-indicator svg{display:block}.icon-dot{animation:pulse 1s infinite}.project-info{top:36.5px;left:.8rem;right:.8rem;position:fixed;text-align:center;.project{border-top:0}button{width:100%;text-align:center;align-items:center;display:flex;justify-content:center;gap:1ch;position:relative;padding:.6rem 1.5rem;background:light-dark(rgba(217,217,217,.75),rgba(49,49,49,.75));backdrop-filter:blur(5px);svg.visible{transform:rotate(180deg)}}.popup{position:absolute;overflow:hidden;bottom:-2px;transform:translateY(100%);width:100%;height:0;transition:all .3s ease-in-out;display:flex;flex-direction:column;gap:2px;li{opacity:0;transform:translateY(1rem)}&.visible{height:auto;transition:all .3s ease-in-out;overflow:visible;li{opacity:1;transform:translate(0)}li:nth-child(1){transition:all .3s ease-in-out .1s}li:nth-child(2){transition:all .3s ease-in-out .2s}li:nth-child(3){transition:all .3s ease-in-out .3s}li:nth-child(4){transition:all .3s ease-in-out .4s}}.info{margin-bottom:-1px;padding:.6rem 1.5rem;background:light-dark(rgba(217,217,217,.75),rgba(49,49,49,.75));backdrop-filter:blur(5px);>span{display:block;margin-bottom:6px;opacity:.5}}}}}.project-type{gap:1ch;display:flex;justify-content:center;svg{height:var(--font-size);fill:var(--text);width:auto}}.lightbox-dialog{position:fixed;display:none;bottom:0;left:0;width:100%;height:100%;overflow:hidden;z-index:999;padding:0;border:none;background-color:var(--background);&.show{display:block}.lightbox-wrapper{height:var(--100dvh);padding:5rem 0;max-width:100%;grid-column:1 / -1}}@media(min-width:768px){.lightbox{.project-info{position:relative;height:100%;top:auto;left:auto;right:auto;button{width:calc(33ch + 9rem + 4px)}.popup{bottom:calc(100% + 2px);transform:none;li{transform:translateY(-1rem)}&.visible{li{transform:translateY(0)}li:nth-child(1){transition:all .3s ease-in-out .4s}li:nth-child(2){transition:all .3s ease-in-out .3s}li:nth-child(3){transition:all .3s ease-in-out .2s}li:nth-child(4){transition:all .3s ease-in-out .1s}}}}}}@keyframes pulse{0%{opacity:0}49%{opacity:0}50%{opacity:1}99%{opacity:1}to{opacity:0}}body:has(.deck),html:has(.deck){background:var(--palette-black);color:var(--palette-white);.nav{.logo svg *{fill:var(--palette-white)}.top-nav{li{background:#313131bf;color:var(--palette-white);&:hover{background-color:#0000ffbf;color:#fff}}}}}.deck{--text: #fff;.button{background:#313131bf;color:var(--palette-white);&:hover{background-color:#0000ffbf;color:#fff}}.container{height:200vh;position:relative;grid-column:1 / -1;margin:0 -8px;.sticky{position:sticky;top:0;height:var(--100dvh);width:100%;overflow:hidden}.lightbox{width:100%;position:relative;.img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}video{position:absolute;top:0;left:0;width:100%;height:100%}}}.bottom{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;margin-top:calc(var(--100dvh) * -1);position:relative;.info{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;padding-bottom:33vh;.logo{height:28px;width:auto}h1{font-family:var(--alt-font);font-size:2rem;font-weight:800;line-height:1;text-transform:none;letter-spacing:-.04em}@media(min-width:768px){padding-top:15vh;grid-column:3 / -3;h1{font-size:4rem}}}.projects{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;row-gap:1.2rem;.top{grid-column:1 / -1;display:flex;justify-content:center;height:fit-content;position:sticky;top:36.5px;z-index:10;.active-filter{width:100%}}.bottom{position:relative}.filters{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;gap:2px;position:relative;.filter-list{position:absolute;top:1px;width:100%;display:flex;gap:2px;flex-wrap:wrap;transform:translateY(50%);opacity:0;pointer-events:none;button{opacity:0;transform:translateY(1rem)}&.open{opacity:1;pointer-events:auto;button{opacity:1;transform:translateY(0)}button:nth-child(1),button:nth-child(2){transition:all .3s ease-in-out .1s}button:nth-child(3),button:nth-child(4){transition:all .3s ease-in-out .2s}}>*{width:calc(50% - 1px);label{display:block}}}}.list{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;row-gap:2.4rem}}}}.project{display:flex;flex-direction:column;gap:8px;border-top:solid 1px #777;padding:.8rem 0;grid-template-columns:subgrid;grid-column:1 / -1;position:relative;.project__top{display:flex;justify-content:space-between;align-items:center;width:100%}.project-info{grid-column:span 3;text-align:left;display:flex;flex-direction:column;gap:1rem;h3{font-family:var(--alt-font);font-size:2.8rem;line-height:1;font-weight:800;text-transform:none;letter-spacing:-.04em}}.asset-media{position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;img,video{width:100%;height:auto;display:block;opacity:0;transition:opacity .4s ease}&.is-loaded img,&.is-loaded video{opacity:1}}.featured{grid-column:6 / 8;position:relative;height:fit-content;img,video{width:100%;height:auto}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out}}.asset{grid-column:span 2;&:not(.featured){opacity:0}img,video{width:100%;height:auto}}.type{position:absolute;top:.8rem;grid-column:9 / 11}.year{position:absolute;top:.8rem;grid-column:12;width:100%;text-align:right}}@media(min-width:768px){.deck{.bottom{.projects{row-gap:2rem;.top{top:40.5px}.list{row-gap:0}}}}.project{display:grid;padding:.8rem 0;.asset:not(.featured){opacity:0;transform:translateY(1rem)}&:hover .overlay{opacity:1;transition:opacity .3s ease-in-out}&:hover .type,&:hover .year{opacity:0}&:hover .asset{opacity:1;transform:translateY(0)}&:hover :nth-child(2 of.asset){transition:all .3s ease-in-out .1s}&:hover :nth-child(3 of.asset){transition:all .3s ease-in-out .2s}&:hover :nth-child(4 of.asset){transition:all .3s ease-in-out .3s}}}.screensaver{--speedX: 1;--speedY: 1;--width: 218px;--dx: 16;--dy: 22;@media screen and (min-width:720px){--speedX: 1.5;--speedY: 1.5;--width: 439px;--dx: 24;--dy: 34}::backdrop{background-color:var(--background)}width:100%;height:100%;max-width:100vw;max-height:100vh;border:none;overflow:clip;transition:opacity,overlay,display;transition-duration:.125s;transition-timing-function:ease-in-out;transition-behavior:allow-discrete;&.show{transition-duration:3s;opacity:1}svg{width:var(--width);height:auto;position:absolute}}@starting-style{.screensaver.show{opacity:0}}html,body{margin:0;width:100%;height:100%}