.case-study{--case-width:704px;--case-text-width:600px;--case-mobile-width:347px;--case-gap:44px;color:#000;background:#fff;width:100%;padding-top:100px;padding-bottom:100px}.case-study__page{width:min(var(--case-width), calc(100% - 96px));align-items:center;gap:var(--case-gap);flex-direction:column;margin:0 auto;display:flex}.case-study__header{justify-content:center;align-items:center;width:100%;display:flex}.case-study__logo{max-width:100%;height:auto;display:block}.case-study__logo--fc{width:325px}.case-study__intro{width:min(var(--case-text-width), 100%);text-align:center}.case-study__intro h1{margin:0 0 28px;font-size:24px;font-weight:600;line-height:normal}.case-study__intro p{margin:0;font-size:16px;font-weight:400;line-height:normal}.case-study__media{width:100%;position:relative;overflow:hidden}.case-study__media img,.case-study__media video,.case-study__media iframe{width:100%;height:100%;display:block}.case-study__video{height:396px}.case-study__video iframe{border:0}.case-study__media--landscape{height:534px}.case-study__media--landscape img{object-fit:cover}.case-study__gallery{flex-direction:column;gap:10px;width:100%;display:flex}.case-study__portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.case-study__media--portrait{height:512px}.case-study__media--portrait img{object-fit:contain}.js-lightbox-image{cursor:zoom-in}.case-study__credits{width:min(var(--case-text-width), 100%);font-size:16px;font-weight:300;line-height:normal}.case-study__credits p{margin:0}.case-study__credits strong{font-weight:600}html.lightbox-open,html.lightbox-open body{overflow:hidden}.project-lightbox{z-index:3000;opacity:0;visibility:hidden;cursor:zoom-out;background:#fffffff0;justify-content:center;align-items:center;transition:opacity .18s,visibility .18s;display:flex;position:fixed;inset:0}.project-lightbox.is-open{opacity:1;visibility:visible}.project-lightbox__image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:default;width:auto;max-width:calc(100vw - 20px);height:auto;max-height:calc(100dvh - 20px);display:block}.project-lightbox__close{z-index:3002;color:#fff;mix-blend-mode:difference;cursor:pointer;background:0 0;border:0;width:22.5px;height:22.5px;margin:0;padding:0;position:fixed;top:16px;right:16px}.project-lightbox__close:before,.project-lightbox__close:after{content:"";transform-origin:50%;background:currentColor;width:30px;height:1px;position:absolute;top:50%;left:50%}.project-lightbox__close:before{transform:translate(-50%,-50%)rotate(45deg)}.project-lightbox__close:after{transform:translate(-50%,-50%)rotate(-45deg)}@media (width<=600px){.case-study{padding-top:150px;padding-bottom:80px}.case-study__page{width:min(var(--case-mobile-width), calc(100% - 28px));gap:var(--case-gap)}.case-study__logo--fc{width:min(325px,100%)}.case-study__intro,.case-study__credits{width:100%}.case-study__video{aspect-ratio:347/195;height:auto}.case-study__media--landscape{aspect-ratio:347/263;height:auto}.case-study__portrait-grid{grid-template-columns:1fr;gap:10px}.case-study__media--portrait{height:512px}}.case-study__logo--saucisses{width:414px}.case-study__posters--saucisses{width:min(1059px,100vw - 96px)}.case-study__poster-grid--saucisses{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;height:492px;display:grid}.case-study__poster--saucisses{min-width:0;min-height:0}.case-study__poster--saucisses img{object-fit:contain;width:100%;height:100%}@media (width>=601px) and (width<=1100px){.case-study__posters--saucisses{width:min(704px,100vw - 96px)}.case-study__poster-grid--saucisses{gap:7.55px;height:324px}}@media (width<=600px){.case-study__logo--saucisses{width:347px;max-width:100%}.case-study__posters--saucisses{width:100%}.case-study__poster-grid--saucisses{grid-template-columns:1fr;gap:4px;width:100%;height:auto}.case-study__poster--saucisses{width:100%;height:470px}}.case-study__logo--mcdrop{width:509px}.case-study__media--mcdrop-board{height:396px}.case-study__media--mcdrop-board img{object-fit:cover;width:100%;height:100%}@media (width<=600px){.case-study__logo--mcdrop{width:347px;max-width:100%}.case-study__media--mcdrop-board{aspect-ratio:347/195;height:auto}}.case-study__awards{margin-bottom:22px}.case-study__logo--curry{width:300px}.case-study__media--curry-photo{height:400px}.case-study__media--curry-photo img{object-fit:cover;width:100%;height:100%}.case-study--curry .case-study__awards{margin-bottom:44px}@media (width<=600px){.case-study__logo--curry{width:300px;max-width:100%}.case-study__media--curry-photo{aspect-ratio:347/195;height:auto}}.case-study--trainfestival .case-study__page{width:min(739px,100vw - 96px)}.case-study__logo--trainfestival{width:515px}.case-study--trainfestival .case-study__intro,.case-study--trainfestival .case-study__credits{width:600px;max-width:100%}.case-study__media--trainfestival{width:739px;max-width:100%;height:523px}.case-study__media--trainfestival img{object-fit:cover;width:100%;height:100%}@media (width<=600px){.case-study--trainfestival .case-study__page{width:347px;max-width:calc(100vw - 28px)}.case-study__logo--trainfestival,.case-study--trainfestival .case-study__intro,.case-study--trainfestival .case-study__credits{width:347px;max-width:100%}.case-study__media--trainfestival{aspect-ratio:347/246;width:347px;max-width:100%;height:auto}}.case-study__logo--pokemon{width:300px}.case-study--pokemon .case-study__intro{width:600px;max-width:100%}.case-study--projeth{--case-width:600px;--case-text-width:600px}.case-study__logo--projeth{width:489px}.case-study__media--projeth-main img{object-fit:contain;width:100%;height:auto}.case-study__projeth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.case-study__media--projeth-half img{object-fit:contain;width:100%;height:auto}.case-study__logo--automedication{width:280px}.case-study--automedication .case-study__intro{width:600px;max-width:100%}.case-study--automedication .case-study__intro p+p{margin-top:22px}.about-page{color:#000;background:#fff;width:100%;min-height:100dvh;padding-top:100px;padding-bottom:100px}.about-page__inner{grid-template-columns:352px 351px;align-items:start;gap:25px;width:min(728px,100% - 96px);margin:0 auto;display:grid}.about-page__portrait{width:352px;height:625px;overflow:hidden}.about-page__portrait img{object-fit:cover;width:100%;height:100%;display:block}.about-page__copy{width:351px;font-size:16px;font-weight:400;line-height:normal}.about-page__title{margin:0 0 18px;font-size:24px;font-weight:700;line-height:normal}.about-page__title em{font-style:italic;font-weight:300}.about-page__bio p{margin:0}.about-page__bio p+p{margin-top:20px}.about-page__awards{margin-top:44px}.about-page__awards-title{margin:0 0 20px;font-size:16px;font-weight:400;line-height:normal}.about-page__award-group+.about-page__award-group{margin-top:20px}.about-page__award-group h2{margin:0;font-size:16px;font-weight:600;line-height:normal}.about-page__award-group p{margin:0;font-size:16px;font-weight:400;line-height:normal}@media (width<=600px){.case-study__logo--pokemon{width:300px;max-width:100%}.case-study__logo--projeth{width:347px;max-width:100%}.case-study__projeth-grid{grid-template-columns:1fr;gap:10px}.case-study__logo--automedication{width:280px;max-width:100%}.about-page{padding-top:150px;padding-bottom:80px}.about-page__inner{flex-direction:column;gap:44px;width:min(347px,100% - 28px);display:flex}.about-page__portrait,.about-page__copy{width:100%}.about-page__portrait{aspect-ratio:352/625;align-self:center;width:220px;max-width:100%;height:auto}}