@font-face{font-family:Work Sans;src:url('/assets/work-sans.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#fff2e5;--ink:#22221f;--red:#ce3432;--line:#d6c8bb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Work Sans',Arial,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-underline-offset:4px}img{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}.skip{position:absolute;left:20px;top:-80px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:20px}.site-header{max-width:1600px;margin:auto;padding:22px 3.2vw;display:flex;justify-content:space-between;align-items:center;gap:28px}.signature{display:block;width:220px}.signature img{width:100%}nav{display:flex;gap:32px;align-items:center}nav a{text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.contact-link{border:1px solid var(--ink);padding:10px 16px;border-radius:30px}main{max-width:1600px;margin:auto;padding:0 3.2vw}.intro{padding:90px 0 110px}.intro-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:36px}.intro-meta i{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-left:8px}.intro h1{font-size:clamp(32px,4.1vw,65px);font-weight:400;line-height:1.2;letter-spacing:-1.5px;max-width:1380px;margin:0}.section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0}.section-label h2{font-size:28px;font-weight:400;margin:0}.section-label span{font-size:12px;letter-spacing:1px;text-transform:uppercase}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 18px}.card{text-decoration:none;display:block;text-align:left;border:0;background:none;padding:0;width:100%;cursor:pointer}.card-media{aspect-ratio:16/9;position:relative;overflow:hidden;background:#e6ddd3}.card-media>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card .hover-preview{position:absolute;inset:0;opacity:0;transition:opacity .3s}.card:hover .hover-preview[src]{opacity:1}.card:hover .card-media>img{transform:scale(1.025)}.card-caption{display:flex;gap:16px;justify-content:space-between;padding:14px 0}.card-caption h3{font-size:12px;text-transform:uppercase;letter-spacing:.4px;line-height:1.5;font-weight:500;margin:0}.archive{margin-top:65px;border-top:1px solid var(--line);padding-top:20px}.archive summary{cursor:pointer;display:flex;justify-content:space-between;font-size:22px;list-style:none}.archive .project-grid{padding-top:30px}.archive[open] summary span{transform:rotate(45deg)}footer{max-width:1600px;padding:70px 3.2vw 30px;margin:90px auto 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:55px}footer>div:first-child{display:flex;flex-direction:column;align-items:start;gap:14px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1px}.footer-contact{font-size:15px;letter-spacing:0;text-decoration:none}.socials{display:flex;gap:24px;align-items:start;font-size:12px}.socials a{text-decoration:none}footer small{grid-column:1/-1;font-size:11px;color:#6d625a}footer>div>a:last-child:not(.footer-contact){font-size:13px}.preview-dialog{border:0;background:var(--paper);max-width:1000px;width:90%;padding:30px}.preview-dialog::backdrop{background:#000b}.preview-dialog h2{font-weight:400}.close-preview{float:right;border:0;background:none;cursor:pointer}.preview-dialog img{width:100%;max-height:65vh;object-fit:contain}.project-topline{display:flex;justify-content:space-between;margin:65px 0 45px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.project-topline a{text-decoration:none}.project-section{margin:55px 0 90px}.container,.video-container,.photos-container,.w-container{width:100%;margin:0 auto}.project-overview-grid{display:grid;grid-template-columns:1fr 1.3fr .85fr;gap:45px;border-top:1px solid var(--line);padding-top:30px}.project-overview-grid>div:only-child{grid-column:1/-1}.project-overview-grid h1{font-size:clamp(30px,3.5vw,56px);line-height:1.12;letter-spacing:-1px;font-weight:400;margin:0 0 20px}.project-name-text{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.paragraph-light{font-size:16px;line-height:1.65;margin:0 0 20px}.project-name-text-jumbo,.heading-jumbo-small{font-size:clamp(25px,3vw,42px);line-height:1.2;font-weight:400;letter-spacing:-.6px;margin:35px 0 25px}.project-description-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:25px}.paragraph-container{max-width:1000px;margin:35px auto}.w-video,.w-embed-youtubevideo{aspect-ratio:16/9;position:relative;margin:25px 0}.w-video iframe,.w-embed-youtubevideo iframe{position:absolute;inset:0;width:100%;height:100%}iframe{display:block;width:100%;min-height:400px;border:0;margin:25px 0}.w-video iframe,.w-embed-youtubevideo iframe{min-height:0;margin:0}iframe[src*="spotify"]{min-height:450px}iframe[src*="shorts"]{max-width:500px;min-height:750px;margin:auto}.project-section img{margin:14px auto}.project-section video{display:block;width:100%;max-height:75vh;object-fit:contain;background:#111}.credits-grid{border-top:1px solid var(--line);padding-top:30px;margin-top:50px;max-width:900px}.credits-grid .paragraph-light{font-size:13px}._2-column-photo-grid,.bts-photos-grid,._2-columns,.grid-7,.screengrabs-grid,.screengrabs-grid-2,.columns,.bed-bugs-gif-grid,._2-iphone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}._3-columns,.bts-photos-grid-3-wide,._3-iphone-mockups-grid-2,.go-vote-grid,.grid-8{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.iphone-video-div-frame{max-width:380px;margin:auto}.max-600px{max-width:600px}.max-width-800px{max-width:800px;margin:auto}.flex-horizontal{display:flex;gap:20px}.next-project{display:block;text-decoration:none;border-top:1px solid var(--line);padding:40px 0}.next-project span{font-size:12px;text-transform:uppercase}.next-project h2{font-weight:400;font-size:clamp(28px,4vw,55px);line-height:1.2}.about-intro-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;margin:90px 0}.hi-there-heading{font-size:24px;line-height:1.5;font-weight:400;margin:0}.about-intro-grid>img{position:sticky;top:25px}.personal-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.personal-features-grid h3{font-weight:500;font-size:24px}.personal-features-grid>div:empty{display:none}.div-block-10{margin-top:40px}.div-block-10 img{max-height:80vh;object-fit:contain}._50{max-width:50%}._33{max-width:33%}._100{width:100%}
@media(min-width:1700px){.site-header,main,footer{padding-left:50px;padding-right:50px}}
@media(max-width:900px){nav{gap:20px}.contact-link{display:none}.intro{padding:60px 0 80px}.intro-meta{font-size:10px}.intro-meta>span:last-child{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-overview-grid{grid-template-columns:1fr 1fr}.project-overview-grid>div:first-child{grid-column:1/-1}.about-intro-grid{gap:30px}.hi-there-heading{font-size:20px}.project-description-grid{grid-template-columns:1fr}.personal-features-grid{gap:35px}footer{gap:30px}.socials{flex-direction:column;gap:12px}}
@media(max-width:600px){.site-header{padding:20px 20px;align-items:center}.signature{width:145px}nav{gap:16px}nav a{font-size:10px}nav a:nth-child(2){display:none}main{padding:0 20px}.intro{padding:50px 0 65px}.intro h1{letter-spacing:-.8px;font-size:34px}.intro-meta{margin-bottom:24px}.section-label h2{font-size:24px}.section-label span{font-size:10px}.project-grid{grid-template-columns:1fr;gap:25px}.card-caption h3{font-size:12px}.project-topline{margin:40px 0 25px}.project-topline>span{display:none}.project-overview-grid{grid-template-columns:1fr;gap:20px}.project-section{margin:35px 0 55px}.project-section iframe{min-height:220px}.w-video iframe{min-height:0}.about-intro-grid{grid-template-columns:1fr;margin:45px 0}.about-intro-grid>img{position:static;grid-row:1;max-height:500px;width:100%;object-fit:cover}.personal-features-grid{grid-template-columns:1fr;gap:15px}._3-columns,.bts-photos-grid-3-wide,._3-iphone-mockups-grid-2,.go-vote-grid,.grid-8{grid-template-columns:1fr}._2-column-photo-grid,.bts-photos-grid,._2-columns,.grid-7,.screengrabs-grid,.screengrabs-grid-2,.columns,.bed-bugs-gif-grid,._2-iphone-grid{grid-template-columns:1fr}._50,._33{max-width:100%}.flex-horizontal{flex-direction:column}footer{padding:40px 20px 25px;margin-top:60px;grid-template-columns:1fr}.socials{flex-direction:row}.preview-dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.hover-preview{display:none}}

.div-block-10{max-width:300px;margin:30px auto}.container-4{max-width:300px;margin:40px auto}.div-block-10 img{width:100%;height:auto}

.w-video video,.w-embed-youtubevideo video{position:absolute;inset:0;width:100%;height:100%;max-height:none}.project-film{width:100%;display:block}

/* Original case-study compositions, rebuilt without the Webflow runtime. */
nav a:hover,.socials a:hover,.card:hover h3{text-decoration:underline;text-underline-offset:5px}
.contact-link,.simple-button{display:inline-block;border:1px solid var(--ink);border-radius:0;padding:11px 18px;text-decoration:none;font-size:13px;line-height:1.4;letter-spacing:.2px}
.simple-button:hover,.contact-link:hover{text-decoration:underline;text-underline-offset:5px}
footer{padding-top:35px;margin-top:65px;gap:25px}.footer-contact{font-size:15px;letter-spacing:0}
.next-project h2{font-size:28px;margin:12px 0 22px}.next-project{padding:30px 0}
.project-section img{margin:0 auto}.photos-container{margin:24px auto}.photos-container>img+img{margin-top:20px}
.w-layout-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.project-overview-grid{grid-template-columns:1fr 1.3fr .85fr;gap:45px}.project-overview-grid:has(>div:nth-child(2):last-child){grid-template-columns:1fr 1.8fr}
.project-description-grid{grid-template-columns:1fr 2fr;gap:40px}.credits-grid{display:block}
.w-layout-layout{display:grid;gap:20px;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
.w-layout-cell{display:flex;flex-direction:column;gap:20px;min-width:0}.w-layout-cell>img{width:100%;margin:0;padding:0}.quick-stack-photos{display:block;width:100%;padding:0}
._3-iphone-mockups-grid-2,.bts-photos-grid-3-wide,.go-vote-grid,.screengrabs-grid-2,.grid-7{grid-template-columns:repeat(3,minmax(0,1fr))}
.screengrabs-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.screengrabs-grid-2{gap:4px}.tasty-bite-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.grid-8{grid-template-columns:1fr 2fr}.ivory-grid,.swet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ivory-grid>img:last-child{grid-column:1/-1}.ivory-grid img{width:100%}
.bed-bugs-gif-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bed-bugs-gif-grid.bed-bugs.gifs{grid-template-columns:repeat(5,minmax(0,1fr))}
._2-iphone-grid{max-width:800px;margin:40px auto}.grid.small-images.nike{grid-template-columns:repeat(6,minmax(0,1fr))}
.flex-vertical{display:flex;flex-direction:column;gap:16px}.flex-horizontal{display:flex;gap:8px;align-items:start}.flex-horizontal>img{flex:1;min-width:0;width:0;max-width:none}
._2-columns,._3-columns{display:flex;gap:8px;align-items:start}.image._50{width:calc(50% - 4px);max-width:none}.image._33{width:calc(33.333% - 6px);max-width:none}._3-columns>img{flex:1;min-width:0;width:0;max-width:none}
._3-columns.tasty-bite>div{flex:1;min-width:0}.image.tasty-bite-iphone{max-height:80vh;object-fit:contain}
._w-video{max-width:800px;margin:25px auto}._w-video.left-align{margin-left:0}.share-gif{max-width:400px}.image.max-width-800px{width:100%;max-width:800px}.image-7{width:200px}.image._100{width:100%}
.project-section video{max-height:none}.project-film{height:auto;object-fit:contain}.w-video,.w-embed-youtubevideo{aspect-ratio:16/9;width:100%;padding:0}
.div-block-20{width:100%;max-width:336px;aspect-ratio:9/16;margin:auto}.div-block-20 .html-embed-7{height:100%}.div-block-20 iframe,.div-block-20 .project-film{width:100%;height:100%;min-height:0;margin:0;object-fit:contain}
.iframe-landscape{aspect-ratio:16/9;min-height:0;height:auto}.youtube-shorts-container{max-width:336px;margin:40px auto}.youtube-shorts-container iframe{aspect-ratio:9/16;min-height:0;height:auto;margin:0}
.iphone-video-div-frame{position:relative;isolation:isolate;width:100%;max-width:380px;margin:auto}.iphone-video-div-frame>img{position:relative;z-index:2;width:100%;margin:0;pointer-events:none}
.iphone-background-video{position:absolute;z-index:1;top:2.4%;left:5.7%;width:88.4%;height:95.1%;overflow:hidden;border-radius:10%;background:#111}
.iphone-background-video video{width:100%;height:100%;max-height:none;object-fit:cover;background:none}
@media(max-width:900px){.project-overview-grid,.project-overview-grid:has(>div:nth-child(2):last-child){grid-template-columns:1fr 1fr}.project-overview-grid>div:first-child{grid-column:1/-1}.project-description-grid{grid-template-columns:1fr}.quick-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.small-images.nike{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.project-overview-grid,.project-overview-grid:has(>div:nth-child(2):last-child),.project-description-grid{grid-template-columns:1fr;gap:20px}.w-layout-layout{gap:12px}.w-layout-cell{gap:12px}._3-iphone-mockups-grid-2,.bts-photos-grid-3-wide,.go-vote-grid,.grid-7,.grid-8{grid-template-columns:1fr}.ivory-grid,.swet-grid,.screengrabs-grid,.screengrabs-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tasty-bite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bed-bugs-gif-grid,.bed-bugs-gif-grid.bed-bugs.gifs{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-stack{grid-template-columns:1fr}.flex-horizontal{flex-direction:row}.project-section .div-block-20 iframe{min-height:0}.project-section .iframe-landscape{min-height:0}.image._50{width:calc(50% - 4px)}.image._33{width:calc(33.333% - 6px)}._3-columns.tasty-bite{flex-direction:column;align-items:center}._3-columns.tasty-bite>div{width:100%;max-width:320px}.contact-link{display:none}}

.phone-preview{min-width:0;text-align:center}.phone-preview-toggle{margin-top:15px;padding:8px 14px;font-size:11px}

.photo-row-2-column-2{grid-area:2 / 2 / 3 / 3}.photo-row-6-column-1{grid-area:6 / 1 / 7 / 2}.photo-row-6-column-2{grid-area:6 / 2 / 7 / 3}

.quick-stack{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto}.quick-stack>.w-layout-cell:first-child{grid-row:span 2}
.ivory-grid>img:last-child{grid-column:auto}.ivory-grid>div:last-child{grid-column:1/-1;justify-self:center;width:100%}
.bed-bugs-gif-grid>.flex-horizontal{grid-column:1/-1}
._3-columns.tasty-bite img{width:100%;height:auto}.project-section ._3-columns.tasty-bite>img{width:0;object-fit:contain}
@media(max-width:600px){.quick-stack{grid-template-columns:1fr;grid-template-rows:auto}.quick-stack>.w-layout-cell:first-child{grid-row:auto}[class*="photo-row-"]{grid-area:auto}.project-section ._3-columns.tasty-bite>img{width:100%;max-width:320px;flex:none;margin:12px auto}}

.share-gif{max-width:min(400px,100%)}.max-600px{max-width:min(600px,100%)}

@media(min-width:601px){.project-section ._3-columns.tasty-bite>img{width:auto;height:auto;max-width:calc(33.333% - 6px);flex:0 1 auto}}