@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/ibm-plex-sans-latin-300-normal-b4i7YzLG.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-300-normal-C9Of02-5.woff)format("woff")}html:has(.pixel-case){scroll-behavior:auto}.pixel-case{--case-header:#000;--case-nav:#cbcbcb;--case-footer:#101010;--case-footer-text:#b1b0b0;--case-muted:#636363;isolation:isolate;min-height:100svh;position:relative}.pixel-case .case-grid-lines{z-index:-1;pointer-events:none;background:linear-gradient(to right, transparent calc(33.333% - .5px), var(--site-line) calc(33.333% - .5px), var(--site-line) calc(33.333% + .5px), transparent calc(33.333% + .5px), transparent calc(66.666% - .5px), var(--site-line) calc(66.666% - .5px), var(--site-line) calc(66.666% + .5px), transparent calc(66.666% + .5px));position:absolute;inset:0}.pixel-case .case-header{background:var(--case-header);z-index:35;height:75px;position:sticky;top:0}.pixel-case .case-header-inner{align-items:center;gap:30px;height:100%;display:flex}.pixel-case .case-logo{width:auto;height:28px;display:block}.pixel-case .case-desktop-nav{color:var(--case-nav);text-transform:uppercase;gap:30px;margin-left:auto;font-size:12px;font-weight:500;display:flex}.pixel-case a:hover,.pixel-case .case-desktop-nav .is-current{color:var(--site-gold)}.pixel-case .case-login{flex:none;font-size:11px;position:static}.pixel-case .case-login-mobile,.pixel-case .case-menu-trigger{display:none}.pixel-case .case-main{padding-top:15px}.pixel-case .case-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.pixel-case .case-tile{aspect-ratio:16/9;border:1px solid var(--site-line);background:var(--site-bg);cursor:zoom-in;width:100%;height:auto;display:block;overflow:hidden}.pixel-case .case-tile img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.pixel-case .case-tile:hover img{transform:scale(1.04)}.pixel-case .case-content-box,.pixel-case .case-project-nav{border:1px solid var(--site-line);background:var(--site-bg);margin-bottom:50px}.pixel-case .case-content-box{margin-top:35px;padding:55px 65px 25px}.pixel-case .case-kicker{color:var(--site-kicker);margin:0;font-size:18px;font-weight:700;line-height:21.6px}.pixel-case .case-content-box h1{margin:15px 0 25px;font-size:36px;font-weight:700;line-height:43.2px}.pixel-case .case-paragraphs{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.pixel-case .case-paragraphs p{color:var(--site-body);margin:0;font-size:16px;font-weight:300;line-height:30px}.pixel-case .case-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:55px 0 0;display:grid}.pixel-case .case-details>div{margin-bottom:30px;padding-left:25px;position:relative}.pixel-case .case-details>div:before{content:"";background:var(--site-gold);width:1px;height:40px;position:absolute;top:7px;left:0}.pixel-case .case-details dt{letter-spacing:1.6px;margin-bottom:5px;font-size:18px;font-weight:700;line-height:27px}.pixel-case .case-details dd{letter-spacing:1.6px;margin:0;font-size:14px;font-weight:300;line-height:21px}.pixel-case .case-project-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:30px;padding:30px 85px;display:grid}.pixel-case .case-neighbour{align-items:center;gap:18px;min-width:0;display:flex}.pixel-case .case-neighbour img{object-fit:cover;flex-shrink:1;width:160px;min-width:0;height:106px}.pixel-case .case-neighbour span{max-width:160px;font-size:14px;font-weight:700;line-height:21px}.pixel-case .case-neighbour-prev span{text-align:right}.pixel-case .case-neighbour-next{justify-content:flex-end}.pixel-case .case-neighbour small{color:var(--site-kicker);margin-bottom:5px;font-size:12px;line-height:18px;display:block}.pixel-case .case-neighbour svg{width:24px;height:24px;color:var(--site-kicker);stroke-width:1px;flex:none}.pixel-case .case-neighbour:hover svg{color:var(--site-gold)}.pixel-case .case-portfolio-link{text-transform:uppercase;border-bottom:1px solid var(--site-gold);text-align:center;padding-bottom:6px;font-size:12px;font-weight:600}.pixel-case .case-footer{background:var(--case-footer);border-top:1px solid var(--site-line);padding-top:40px}.pixel-case .case-footer-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-bottom:35px;display:grid}.pixel-case .case-footer-description{color:var(--case-footer-text);max-width:230px;margin:30px 0 0;font-size:12px;line-height:18px}.pixel-case .case-footer h2{color:var(--site-kicker);margin:0 0 25px;font-size:14px;font-weight:700}.pixel-case .case-footer-thumbs{grid-template-columns:repeat(4,52px);gap:7px;display:grid}.pixel-case .case-footer-thumbs .site-control{cursor:zoom-in;width:52px;height:52px;overflow:hidden}.pixel-case .case-footer-thumbs img{object-fit:cover;width:52px;height:52px}.pixel-case .case-contact-link{color:var(--case-footer-text);overflow-wrap:anywhere;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;font-weight:700;line-height:18px;display:flex}.pixel-case .case-contact-link svg{width:14px;height:14px;color:var(--site-gold);flex:none}.pixel-case .case-bottom{border-top:1px solid var(--site-line);color:var(--case-muted);padding:18px 0}.pixel-case .case-bottom .site-container{justify-content:space-between;align-items:center;gap:20px;display:flex}.pixel-case .case-bottom small{font-size:10px}.pixel-case .case-bottom p{margin:0;font-size:11px}.pixel-case .case-up{z-index:30;border:1px solid var(--site-line);background:var(--site-bg);flex-direction:column;gap:0;width:40px;height:40px;font-size:9px;font-weight:700;display:flex;position:fixed;bottom:110px;right:40px}.pixel-case .case-up svg{fill:currentColor;width:12px;height:12px}@media (width>=1024px) and (width<=1250px){.pixel-case .case-project-nav{gap:20px;padding-inline:35px}.pixel-case .case-neighbour{gap:12px}.pixel-case .case-neighbour img{width:100px;height:80px}}@media (width<=1023px){.pixel-case .case-header{height:65px}.pixel-case .case-header-inner{gap:18px}.pixel-case .case-desktop-nav,.pixel-case .case-login-desktop,.pixel-case .case-login svg{display:none}.pixel-case .case-login{margin-left:auto;display:flex}.pixel-case .case-login-mobile{display:inline}.pixel-case .case-menu-trigger{width:40px;height:40px;display:flex}.pixel-case .case-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pixel-case .case-content-box{padding:35px 20px 10px}.pixel-case .case-content-box h1{font-size:28px;line-height:34px}.pixel-case .case-paragraphs{grid-template-columns:minmax(0,1fr);gap:15px}.pixel-case .case-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pixel-case .case-details>div{padding-left:15px}.pixel-case .case-details dt{letter-spacing:1.2px;font-size:16px}.pixel-case .case-details dd{letter-spacing:1.2px;font-size:12px}.pixel-case .case-project-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px;padding:25px 15px}.pixel-case .case-neighbour{gap:8px}.pixel-case .case-neighbour img{flex:none;width:60px;height:60px}.pixel-case .case-neighbour span{font-size:12px;line-height:16px}.pixel-case .case-neighbour svg{display:none}.pixel-case .case-portfolio-link{grid-area:2/1/auto/-1;justify-self:center}.pixel-case .case-footer-columns{grid-template-columns:minmax(0,1fr);gap:35px}.pixel-case .case-bottom .site-container{flex-direction:column;align-items:start;gap:12px}.pixel-case .case-up{right:25px}}@media (width<=767px){.pixel-case .case-image-grid{grid-template-columns:minmax(0,1fr);gap:15px}}@media (prefers-reduced-motion:reduce){.pixel-case .case-tile img{transition:none}}.pixel-case.case-square .case-grid-lines{background:linear-gradient(to right, transparent calc(25% - .5px), var(--site-line) calc(25% - .5px), var(--site-line) calc(25% + .5px), transparent calc(25% + .5px), transparent calc(50% - .5px), var(--site-line) calc(50% - .5px), var(--site-line) calc(50% + .5px), transparent calc(50% + .5px), transparent calc(75% - .5px), var(--site-line) calc(75% - .5px), var(--site-line) calc(75% + .5px), transparent calc(75% + .5px))}.pixel-case.case-square .case-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pixel-case.case-square .case-tile{aspect-ratio:1}.pixel-case.case-square .case-title-tile{background:var(--site-bg);cursor:default;flex-direction:column;justify-content:flex-end;gap:8px;padding:24px;display:flex}.pixel-case.case-square .case-title-tile small{letter-spacing:1.6px;color:var(--site-kicker);font-size:11px;font-weight:700}.pixel-case.case-square .case-title-tile strong{color:var(--site-fg);font-size:22px;font-weight:700;line-height:1.2}@media (width<=1023px){.pixel-case.case-square .case-grid-lines{background:linear-gradient(to right, transparent calc(50% - .5px), var(--site-line) calc(50% - .5px), var(--site-line) calc(50% + .5px), transparent calc(50% + .5px))}.pixel-case.case-square .case-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pixel-case.case-square .case-title-tile{padding:16px}.pixel-case.case-square .case-title-tile strong{font-size:17px}}@media (width<=767px){.pixel-case.case-square .case-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}}.pixel-case.case-hero .case-grid-lines{background:linear-gradient(to right, transparent calc(50% - .5px), var(--site-line) calc(50% - .5px), var(--site-line) calc(50% + .5px), transparent calc(50% + .5px))}.pixel-case.case-hero .case-peach-rain{aspect-ratio:3/2;border:1px solid var(--site-line);background:#01b4e7;width:100%;margin-bottom:30px;position:relative;overflow:hidden}.pixel-case.case-hero .case-peach-poster,.pixel-case.case-hero .case-peach-canvas{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-case.case-hero [hidden]{display:none}.pixel-case.case-hero .case-peach-label{letter-spacing:1.2px;color:var(--site-fg);text-shadow:0 1px 3px #00000073;pointer-events:none;font-size:11px;line-height:16px;position:absolute;left:15px}.pixel-case.case-hero .case-peach-title{top:12px}.pixel-case.case-hero .case-peach-views{bottom:12px}.pixel-case.case-hero .case-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pixel-case.case-hero .case-tile{aspect-ratio:1}@media (width<=1023px){.pixel-case.case-hero .case-peach-rain{margin-bottom:20px}}@media (width<=767px){.pixel-case.case-hero .case-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.pixel-case.case-hero .case-peach-rain{margin-bottom:15px}}.pixel-case.case-pair .case-grid-lines{background:linear-gradient(to right, transparent calc(50% - .5px), var(--site-line) calc(50% - .5px), var(--site-line) calc(50% + .5px), transparent calc(50% + .5px))}.pixel-case.case-pair .case-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pixel-case.case-pair .case-tile{aspect-ratio:1}@media (width<=767px){.pixel-case.case-pair .case-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}}.pixel-case.case-feature .case-grid-lines{background:linear-gradient(to right, transparent calc(50% - .5px), var(--site-line) calc(50% - .5px), var(--site-line) calc(50% + .5px), transparent calc(50% + .5px))}.pixel-case.case-feature .case-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pixel-case.case-feature .case-tile{aspect-ratio:3/2}.pixel-case.case-feature .case-tile:first-child{grid-column:1/-1}@media (width<=767px){.pixel-case.case-feature .case-image-grid{grid-template-columns:minmax(0,1fr);gap:15px}}.pixel-case .work-main{padding-top:55px;padding-bottom:65px}.pixel-case .work-heading{margin-bottom:40px}.pixel-case .work-heading h1{margin:15px 0 0;font-size:48px;font-weight:700;line-height:1.15}.pixel-case .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 30px;display:grid}.pixel-case .work-project{min-width:0}.pixel-case .work-project-link{text-align:left;white-space:normal;width:100%;height:auto;display:block}.pixel-case .work-project-image{aspect-ratio:3/2;cursor:pointer}.pixel-case .work-project-link:hover img{transform:scale(1.04)}.pixel-case .work-project h2{margin:18px 0 8px;font-size:21px;font-weight:600;line-height:1.25}.pixel-case .work-project p{color:var(--site-body);margin:0;font-size:11px;font-weight:500}@media (width<=1023px){.pixel-case .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}}@media (width<=767px){.pixel-case .work-main{padding-top:35px;padding-bottom:45px}.pixel-case .work-heading h1{font-size:36px}.pixel-case .work-grid{grid-template-columns:minmax(0,1fr);gap:30px}}