*{margin:0;padding:0}@font-face{font-family:Cooper_Hewitt-Heavy;src:url(/fonts/cooperhewitt-heavy-webfont.woff2) format("woff2"),url(/fonts/cooperhewitt-heavy-webfont.woff) format("woff"),url(/fonts/cooperhewitt-heavy-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rotulista;src:url(/fonts/rotulista-regular-webfont.woff2) format("woff2"),url(/fonts/rotulista-regular-webfont.woff) format("woff"),url(/fonts/rotulista-regular-webfont.ttf) format("truetype");font-weighfontst:normal;font-style:normal}@font-face{font-family:cooper_hewittsemibold;src:url(/fonts/cooperhewitt-semibold-webfont.woff2) format("woff2"),url(/fonts/cooperhewitt-semibold-webfont.woff) format("woff"),url(/fonts/cooperhewitt-semibold-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Cooper_Hewitt-Bold;src:url(/fonts/cooperhewitt-bold-webfont.woff2) format("woff2"),url(/fonts/cooperhewitt-bold-webfont.woff) format("woff"),url(/fonts/cooperhewitt-bold-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Lato-Regular;src:url(/fonts/lato-regular-webfont.woff2) format("woff2"),url(/fonts/lato-regular-webfont.woff) format("woff"),url(/fonts/lato-regular-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Lato-Light;src:url(/fonts/lato-light-webfont.woff2) format("woff2"),url(/fonts/lato-light-webfont.woff) format("woff"),url(/fonts/lato-light-webfont.ttf) format("truetype");font-weight:400;font-style:normal}:root{--primary-500:092543;--action-500:#1ac9c7;--link-500:#e64169;--link-700:#eb6f99;--neutral-500:#f7cfdb;--neutral-700:#fde7ee;--neutral-900:#fdf7f9}body{background-color:var(--neutral-700);background-image:url(/images/back.svg);background-repeat:repeat;overflow-x:hidden;position:relative;min-height:100%;min-height:100vh}h1,h2,li{color:var(--neutral-900)}.single a{color:var(--primary-500)}a{color:var(--link-500)}figcaption,h3,p{color:var(--primary-500)}h1{font-family:Cooper_Hewitt-Heavy;font-size:2.5em;line-height:.9em}@media(min-width:1025px){h1{font-size:4em}}h2{font-size:1.5em}h2,h3{font-family:Cooper_Hewitt-Bold}h3{position:relative;font-size:2.25em;padding:.5em;transition:.25s ease}a,dl,li,p{font-family:Rotulista;font-size:1em}p{line-height:1.3em;text-wrap:pretty}@media(min-width:768px){a,dl,li,p{font-size:1.2em}}figcaption{font-family:Lato-Light;padding-bottom:1em}figcaption a svg{vertical-align:text-top;fill:var(--link-500)}ul{list-style-type:none;width:-moz-fit-content;width:fit-content;text-wrap:pretty}.nav__ul--small{display:inline-block;vertical-align:middle}.nav__a{font-size:1.2em;color:var(--neutral-900);display:block;-webkit-text-decoration-color:rgba(254,250,251,.7);text-decoration-color:rgba(254,250,251,.7)}@keyframes nudge{0%,to{transform:translateX(0)}50%{transform:translateX(2px)}}@media (prefers-reduced-motion:no-preference){li .boop{animation:nudge .4s forwards}}.nav--small svg{height:58px;width:auto}.nav--small path{transition:.25s ease}.nav--small{width:93%;width:95vw;max-width:1920px;margin:0 auto 1em;padding-top:8px}.nav__a--small{padding:16px;color:var(--neutral-900);transition:.2s ease}.nav__li--small{display:inline-block;padding:0 1em}main{z-index:2;position:relative}a[href^="mailto:"],figcaption a{color:var(--link-500)}.single h1,.single p{text-align:center}svg{vertical-align:middle}.grid{width:90%;width:90vw;grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) repeat(19,10vh);grid-gap:2em;padding:2.55vw;max-width:1920px;margin:0 auto}.grid,.header--home{height:100%;display:grid}.header--home{grid-row:span 2;grid-gap:1em;width:100%}.logo{max-width:45%}.header__items--home{width:min-content}.spacer{position:absolute;z-index:-1;display:block;background-size:cover}.spacer+.spacer{top:0;left:0}.spacer-home+.spacer-home{height:66%;height:66.5vmax;min-height:45em;background-image:url(/images/one.svg);max-width:100%;max-width:100vw}.spacer-home,.spacer-home+.spacer-home{width:69.5%;width:69.5vmax;min-width:48em}.spacer-home{position:absolute;bottom:0;right:0;height:43%;height:43vmax;min-height:30em;background-image:url(/images/two.svg)}.overflow{overflow-x:hidden;position:absolute;height:100%;width:100%;top:0;left:0;pointer-events:none}.thumbnail__wrap{margin:15px;width:300px;height:500px;display:inline-block;vertical-align:middle;color:var(--primary-500);-webkit-text-decoration-color:rgba(9,37,67,.8);text-decoration-color:rgba(9,37,67,.8);transition:.25s ease;position:relative}@supports (display:grid){.thumbnail__wrap{margin:0;grid-row:span 3;width:100%;height:100%;display:block}}.Personal>figure,.thumbnail{height:100%;width:100%;display:grid;overflow:hidden;grid-template-rows:1fr max-content}.thumbnail{grid-row:span 3;position:relative;grid-template-rows:max-content 1fr;border-radius:25px}.thumbnail,.thumbnail:after{background-color:#fefafb;transition:.25s ease}.thumbnail:after{content:"";height:200%;width:200%;position:absolute;bottom:0;left:0;z-index:-1;background-position:25px -25px;background-size:300px;background-image:url(/images/dot.svg);background-repeat:repeat}.thumbnail__image{object-fit:cover;width:100%;height:110%;transition:.25s ease}.expandableContent{cursor:zoom-in;transition:.25s ease}@keyframes slide{0%{transform:translateZ(0)}to{transform:translate3d(-50%,50%,0)}}nav{grid-column:1;grid-row:3/4}#top{grid-column:-1/-2}#bottom,#top{grid-row:auto}#bottom{grid-column:1/2}footer{grid-row:span 2;align-self:end;justify-self:end}@media(min-width:635px){h1{font-size:4.5em}.grid{width:-moz-fit-content;width:fit-content;padding:4rem;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,min-content) repeat(11,12vh)}.header--home{grid-column:span 2;grid-template-columns:minmax(min-content,max-content) min-content;grid-template-rows:1fr;grid-gap:2rem}.logo{max-width:22vw}.header__items--home{justify-self:center;width:auto}#top{grid-column:-1/-2;grid-row:span -2/-3}#bottom{grid-column:1/2;grid-row:3/4}}@media(prefers-reduced-motion:no-preference){.thumbnail__wrap:active{transform:scale(.95)}}.boop__wrap{display:block;height:100%}@keyframes boop{0%,to{transform:rotate(0deg)}50%{transform:rotate(1deg)}}@media(min-width:1025px) and (prefers-reduced-motion:no-preference){.nav__a:hover{color:var(--link-500);-webkit-text-decoration-color:#e64169;text-decoration-color:#e64169}.nav__logo--small:hover path{fill:var(--link-500)}.thumbnail__wrap .boop{animation:boop .4s forwards}.thumbnail:hover{background-color:rgba(254,250,251,0)}.thumbnail:hover:after{background-position:0;animation:slide 7.5s linear infinite;animation-delay:.25s}.thumbnail__image:hover{transform:scale(1.03);transition:.25s ease}.thumbnail__wrap:hover,.thumbnail__wrap:hover h3{color:var(--link-500);-webkit-text-decoration-color:#e64169;text-decoration-color:#e64169}}@media(min-width:1080px){.grid{grid-template-columns:22vw 22vw 22vw;grid-template-rows:repeat(9,calc(10vw - 1rem));grid-gap:2rem}#top{grid-column:-1/-2;grid-row:1/2}}.work__ul{padding-left:2em;padding-top:1em}.work__ul li{color:var(--primary-500);list-style-type:disc;line-height:1.4em}.work__btn{border-radius:50px;background-color:var(--link-500);color:var(--neutral-900);padding:1em 2em;border:none;transition:.35s}.work__btn svg{fill:var(--neutral-900)}.work__btn:hover{background-color:var(--link-700)}#modalCaption a,.work a{color:var(--link-700)}a svg{fill:var(--link-500)}.Personal figcaption{text-align:center}.work__section--main{background-color:var(--brand-main)}.work__section--accent{background-color:var(--brand-accent)}.work__section{grid-gap:1em;padding:1em 5vw;display:grid;grid-template-columns:1fr;position:relative;overflow:hidden;z-index:1}.work__h1{font-size:4em}.work__h1,.work__h2{color:var(--primary-500)}.work__h2{font-size:2em}.work__header{background-color:var(--neutral-900)}.work__div--header{display:grid;grid-template-columns:1fr;grid-row-gap:1rem;row-gap:1rem;grid-column-gap:1em;column-gap:1em;padding:2em 10vw 3em 5vw}.work__main{max-width:2040px;padding-bottom:1em;margin:0 auto 2em;box-sizing:border-box}@media(min-width:768px){.work__section{padding:2em 10vw;grid-template-columns:1fr 1fr}.work__div--header,.work__section:nth-child(2){padding:2em 10vw 3em}.work__div--header{grid-template-columns:1fr 1fr}.work__div{grid-column-end:span 2}}@media(min-width:1025px){.work__header{-webkit-clip-path:url(#mask);clip-path:url(#mask)}.work__section{grid-template-columns:1fr 1fr 1fr;grid-auto-flow:dense;padding:4em 10vw;grid-gap:2em}.work__div--header{grid-template-columns:1fr 1fr 1fr;padding:2em 10vw;column-gap:2em}.work__div{grid-column-end:unset}.work__h1{font-size:6.5em}.work__h2{font-size:2.25em}}header.Personal+section article figure:first-child{margin-top:1.5em}.work__div{display:grid;grid-template-rows:min-content}.work__spacer{display:none}.spacer-small+.spacer-small{width:43.57vmax;max-width:100vw;min-width:20em;height:41%;height:41.57vmax;min-height:19em;background-image:url(/images/three.svg)}.spacer-small{bottom:-2em;right:-1px;width:34%;width:34vmax;height:21%;height:21vmax;min-height:12em;min-width:20em;background-image:url(/images/four.svg)}.work-b{display:none}@media(min-width:1025px){.work__spacer{display:inline}.work-b{display:block;height:40vh;height:40vmin}}.workGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(325px,1fr));grid-template-rows:repeat(auto-fill,200px)}.work__content{display:block;max-width:100%;position:relative;object-fit:contain;justify-self:center;margin:0 auto;text-align:center;border-radius:inherit}.work__figure{position:relative;width:-moz-fit-content;width:fit-content;display:grid;grid-template-rows:max-content 1fr;grid-gap:.5rem}#close,.expandBtn{position:absolute;background-color:rgba(251,233,238,.1);bottom:1.5em;right:1.25em;left:calc(100% - 5rem);border-radius:50%;margin-top:0;padding:0;height:3.5rem;width:3.5rem;transition:.25s ease;border:none}.expandBtn{grid-row:1/2}.gridDense .expandBtn{position:absolute;bottom:1.5em}@media(min-width:1025px){#close:hover,#next:hover svg,#previous:hover svg,.expandBtn:hover,.work__figure:hover .expandBtn{background-color:#1ac9c7}}.gridDense img,.workGrid img{width:auto;object-fit:cover}@supports (display:grid){.gridDense img,.workGrid img{width:100%}}.gridDense{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));grid-auto-flow:dense;grid-gap:1em;margin:0 auto 2em;max-height:none;width:100%}.center{justify-self:center;align-self:center;margin:0 auto;text-align:center}.Personal .tall{grid-row:span 2}.align-top{align-self:start}.align-bottom{align-self:end}.col-2,.col-3{grid-column-end:span 1}.col-mid,.col-right{grid-column-start:unset}.col-left{grid-column-start:1}.credits{display:grid;grid-column:unset;grid-column-start:unset;grid-template-columns:min-content max-content;grid-column-gap:1em;column-gap:1em;justify-self:end;text-align:right}@media(min-width:768px){.work__columnWrap{display:grid;grid-gap:1em;grid-template-columns:1fr 1fr 1fr}.col-2,.col-3{grid-column-end:span 2}.medium{grid-row:span 2}.wide{grid-column:span 2}.tall{grid-row:span 3}.credits{grid-column-end:span 2}}@media (min-width:1025px){.col-3{grid-column-end:span 3}.col-right{grid-column-start:3}.col-mid{grid-column-start:2}.pillarBox{background-color:#000;width:100%;display:flex;justify-content:center}.pillarBox,.short{max-height:30vw}.credits{grid-column:span 3;grid-column-start:3}.Personal .wide{grid-row:span 2}}.right{justify-self:end}.left{justify-self:center}.text-right{text-align:right}.text-center{text-align:center}@media (min-width:768px){.right{justify-self:end}}@media (min-width:1025px){.right{justify-self:end}.left{justify-self:start}.top{align-self:start}.bottom{align-self:end}.middle{align-self:center}}audio{margin-left:4rem}@media(min-width:1025px){iframe{grid-column:span 2}.work-h2+p{padding:0}}.single-main{display:grid;margin:0 auto;background-color:var(--neutral-900);padding:1.5em;max-width:85%;max-width:85vw}.single-h1,.single-h2{color:var(--primary-500)}#modal{display:none;flex-direction:column;justify-content:start;position:absolute;top:0;padding:calc(2em + 56px) 0 1em;z-index:2;width:100%;height:100%;overflow:auto;background-color:var(--neutral-700);box-sizing:border-box;cursor:zoom-out}#modalImg,#modalVideo{display:none;margin:auto;max-width:95vw;cursor:-moz-zoom-auto;cursor:-webkit-zoom-auto;cursor:auto}#modalVideo{max-height:100%;min-height:0}#modalCaption{margin:auto;display:block;color:var(--primary-500);width:-moz-fit-content;width:fit-content;padding:1em;font-family:Lato-Regular}#modal button{position:fixed}#close{right:1%;top:1em;z-index:3}#next,#previous{height:100%;bottom:0;border-radius:0;margin-top:0;padding:0;width:3.5rem;background-color:transparent;border:none}#next:focus,#previous:focus{outline:none}#next:focus svg,#previous:focus svg{outline-style:auto}#previous{left:1%}#next{right:1%}#next>svg,#previous>svg{border-radius:50%;height:3.5rem;width:3.5rem;background-color:rgba(251,233,238,.2);transition:.25s ease}#close:focus,#close:hover,#next:focus,#next:hover,#previous:focus,#previous:hover{cursor:pointer}.about{display:flex;flex-direction:column;grid-template-columns:repeat(3,minmax(30ch,40ch));grid-gap:1em;width:40ch;margin:0 auto;overflow:hidden}.about__h1,.about__section{background-color:var(--neutral-900);padding:2rem;width:100%;box-sizing:border-box}.about__h1{font-siZe:2em;line-height:1em;border-radius:15px 0 0 0}.about__h1,.about__h2{color:var(--primary-500)}.about__p{padding-left:1em;text-indent:-1em}.about__p--question{font-weight:700}.about__p--question+.about__p{margin-bottom:1em}.about__p+.about__h2{margin-top:1.5em}.about__img{height:60vh;min-height:485px;max-height:500px;width:100%;object-fit:cover}.about__img--center,.about__img--left{object-position:left;display:none}@supports(pointer-events:none){.about__svg{position:absolute;z-index:2;top:0;left:50%;transform-origin:center}.about__svg--one,.about__svg--three{display:none}.about__svg--two{transform:scale(1.2) translate(-5%,77rem)}}@media(min-width:635px){.about{display:grid;grid-template-columns:repeat(2,minmax(30ch,40ch));width:-moz-fit-content;width:fit-content}.about__column--one{grid-row:1/2;grid-column:1/2}.about__column--three{grid-row:2/3;grid-column:1/2}.about__column--two{grid-column:2/3;grid-row:1/3}.about__column--two .about__section{border-radius:0 15px 0 0}.about__img--right{object-position:left}.about__img--center{display:block;object-position:center}.about__img--left{diplay:none;object-position:left}.about__svg--one{transform:scale(.85) translate(-142%,19rem);display:block;z-index:-1}.about__svg--two{transform:scale(1.2) translate(18%,43rem)}.about__svg--three{transform:translate(-167%,55rem);display:block}}@media(min-width:950px){.about{grid-template-columns:repeat(3,minmax(30ch,51ch));-webkit-clip-path:url(#mask);clip-path:url(#mask);max-width:95vw}.about__column--two .about__section{border-radius:0}.about__section--three{min-height:22em;border-radius:0 15px 0 0}.about__column--one,.about__column--three,.about__column--two{grid-row:span 1;grid-column:span 1}.about__img--right{object-position:right}.about__img--center{object-position:center}.about__img--left{display:block;object-position:left}.about__svg--one{transform:translate(-170%,21rem);z-index:2}.about__svg--two{transform:translate(18%,44rem)}.about__svg--three{transform:translate(102%,34rem)}}@media(min-width:1064px){.about__svg--one{transform:translate(-170%,18rem)}.about__svg--two{transform:translate(18%,40rem)}.about__svg--three{transform:translate(137%,34rem);display:block}}.phone--vertical{z-index:2;position:relative;margin:15% 6%}.phone--vertical:before{content:"";background-image:url(/images/phone.svg);background-size:contain;background-position:54%;height:117%;width:117%;z-index:0;top:-9%;left:-8%}.phone--vertical:before,.work__decor{background-repeat:no-repeat;position:absolute}.work__decor{background-size:33%;height:100%;width:100%;z-index:-1}#work__decor--jiffy{background-image:url(/images/jiffy-arrow.svg);background-position:100% 100%}#work__decor--choose{background-image:url(/images/choose-map-1.svg);background-position:0 0;background-size:auto}#work__decor--terminix{background-image:url(/images/terminix-roaches.svg);background-position:100% 0}#work__decor--coxMobile{background-image:url(/images/coxMobile_trail.svg);background-position:50%;background-size:contain}.light{color:var(--neutral-900)}.SparkNotes{--brand-main:#0278c7;--brand-accent:#f7f7f7}.Citi{--brand-main:#022eb3;--brand-accent:#00ebff}.Jiffy{--brand-main:#ab3535;--brand-accent:#f3c249}.FinalStraw{--brand-main:#3a7685;--brand-accent:#6d95fe}.Loteria{--brand-main:#ffc9cf;--brand-accent:#ffe443}.LASO{--brand-main:#f8f0ec;--brand-accent:#d8491f}.Personal{--brand-main:var(--neutral-900);--brand-accent:var(--primary-500)}.Cox{--brand-main:#00a846;--brand-accent:#00aaf4}.Choose-Chicago{--brand-main:#41b6e6;--brand-accent:#005b99}.Neosporin{--brand-main:#296768;--brand-accent:#f2a017}.Terminix{--brand-main:#20a04b;--brand-accent:#0d2640}.Cox-Mobile{--brand-main:#068e77;--brand-accent:#00d258}