@font-face{font-family:Comic Relief;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/comic-relief-latin-400-normal.b048cdd4.woff2) format("woff2"),url(/_next/static/media/comic-relief-latin-400-normal.1cd865c8.woff) format("woff")}@font-face{font-family:Comic Relief;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/comic-relief-latin-700-normal.49ae6df9.woff2) format("woff2"),url(/_next/static/media/comic-relief-latin-700-normal.b1737e58.woff) format("woff")}*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#000;--accent:#f50;--shadow:rgb(0 0 0/.2)}html{scrollbar-gutter:stable}body{font-family:Comic Relief,monospace;line-height:1.5;color:var(--ink);background:#ff4800}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,video:focus-visible{outline:4px dashed var(--ink);outline-offset:6px}button{font:inherit;cursor:pointer;padding:.6rem 1rem;background:white;border:3px solid black}.boxed{background:#fff;border:5px solid var(--ink);box-shadow:10px 10px 0 var(--shadow)}header{padding:2rem 1rem 1rem;text-align:center}header .boxed{max-width:500px;margin:0 auto 2rem;padding:1rem}.project-title-box h1,header h1{font-size:2rem;text-transform:uppercase}header h2{font-size:1.5rem}.jumpy{animation:jump .5s infinite alternate}@keyframes jump{0%{transform:translate(2px,2px);box-shadow:none}to{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--shadow)}}main{max-width:1200px;margin:0 auto 1rem;padding:0 1rem}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem}.project-card{background:white;border:5px solid black;color:#2c3e50;overflow:hidden;box-shadow:10px 10px 0 var(--shadow);transition:transform .2s,box-shadow .2s}.project-card:hover{text-decoration:none;transform:translate(5px,5px);box-shadow:none}.project-thumbnail{display:block;width:100%;height:250px;object-fit:cover}.project-info{padding:1rem;overflow-wrap:anywhere}.project-info h2{font-size:1.5rem;text-transform:uppercase}.cover-placeholder{height:250px;background:#eee}.project-header{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;padding:2rem 0 5rem;gap:1rem}.back-link-box{display:flex;align-items:center;justify-content:center}.back-link{width:90px;height:auto;transition:transform .3s}.back-link-box:hover .back-link{transform:rotateY(180deg)}.project-title-box{justify-self:center;padding:1rem 3rem;text-align:center;overflow-wrap:anywhere}.project-description{background:white;border:5px solid black;padding:2rem;margin-bottom:1.5rem;font-size:1.2rem}.project-description p+p{margin-top:1.5em}.project-description ol,.project-description ul{padding-left:1.5em}.project-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;font-size:1rem}.project-type{text-transform:uppercase;color:#666}.external-url{overflow-wrap:anywhere}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:start}.gallery-item{background:white;border:5px solid black;min-width:0;overflow:hidden}.gallery-item.landscape{grid-column:1/-1}.gallery-item img,.gallery-item video{width:100%;height:auto;display:block}.gallery-item video{background:#111;object-fit:contain}.media-error,figcaption{padding:.6rem 1rem}.project-arrows{display:flex;justify-content:space-between;align-items:center;margin:2rem 0}.arrow{width:100px;height:auto;display:block;transition:transform .3s}.arrow-left{transform:scaleX(-1)}.arrow-container:hover .arrow{transform:rotate(1turn)}.arrow-container:hover .arrow-left{transform:scaleX(-1) rotate(1turn)}footer{position:relative;isolation:isolate;max-width:500px;margin:10rem auto 4rem;text-align:center;font-size:1.2rem}footer,footer .boxed{padding:1rem}footer h2{font-size:1.2rem;overflow-wrap:anywhere}.me-part{width:220px;height:auto;position:absolute;top:-68px;left:50%;transform:translateX(-50%);pointer-events:none}.me-face{z-index:-1;top:-30px;transition:top .3s}footer:hover .me-face{top:-68px}.me-hands{z-index:1}.skip-link{position:absolute;top:-100px;left:1rem;background:white;padding:.5rem;z-index:50}.skip-link:focus{top:1rem}.empty-state{margin-top:4rem;padding:2rem;text-align:center}.preview-banner{background:white;border:3px dashed black;padding:.7rem;margin-top:1rem}@media (max-width:1050px) and (min-width:769px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.project-gallery,.projects-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}.gallery-item{grid-column:1/-1}.project-description{padding:1.5rem;font-size:1rem}.project-meta{flex-direction:column;align-items:flex-start}.project-header{grid-template-columns:1fr;padding:1rem 0 2rem}.project-title-box{padding:1rem 2rem;max-width:100%}}@media (max-width:480px){.project-title-box h1,header h1{font-size:1.8rem}header h2{font-size:1.2rem}.project-description{padding:1rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}