.other-page{margin-top:25svh}.other-page main{padding:0rem!important}@media(max-width:768px){.other-page main .hello{margin:1rem!important}}.project-info{padding:1rem;margin:0;position:relative;height:auto;display:flex;flex-direction:column}.project-info-columns{font-family:var(--font-readme);display:flex;gap:1rem;flex-direction:row;margin-block:5rem;align-items:baseline}.project-info-columns>div:first-child,.project-info-columns>div:first-child p{font-family:var(--font-display)}.project-info-columns div{width:50%}.project-info .project-info-columns,.project-info .project-info-columns *{font-size:1.5rem}.project-info .project-info-columns>div:first-child,.project-info .project-info-columns>div:first-child *{font-size:var(--display-type-size)}.project-info .project-info-columns>div:first-child h2{text-transform:uppercase}@media(max-width:768px){.project-info{padding:1rem}.project-info .project-info-columns>div:first-child h2,.project-info .project-info-columns>div:first-child p,.project-info .project-info-columns>div:last-child h3,.project-info .project-info-columns>div:last-child p{min-width:0;max-width:100%;overflow-wrap:anywhere}}.project-info .id h1{font-style:normal;position:relative;text-align:end}.project-info h3,.project-info h2{max-width:40ch;margin-bottom:5rem;text-transform:none;text-wrap:balance}.project-info * p{max-width:60ch}.project-info .project-summary,.project-info .project-description{text-align:left}@media(min-width:769px){.project-info-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,max-content) minmax(0,1fr);align-items:start;row-gap:0}.project-info-columns>div{display:grid;grid-template-rows:subgrid;grid-row:1 / span 5;align-items:first baseline;width:auto}.project-info-columns>div:last-child{grid-column:2;grid-row:1 / span 6}.project-info-columns>div:last-child h3{grid-row:1;margin-bottom:0}.project-info-columns>div:last-child p{grid-row:3 / span 4}}@media(max-width:768px){.project-info-columns{flex-direction:column;align-items:stretch;gap:3rem}.project-info-columns>div{width:100%;min-width:0}.project-info-columns>div:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;align-items:start}.project-info-columns>div:first-child h1{grid-column:1;grid-row:1;margin:0}.project-info-columns>div:first-child h2{grid-column:1;grid-row:2 / span 2;margin-bottom:0;overflow-wrap:anywhere}.project-info-columns>div:first-child p{grid-column:2;overflow-wrap:anywhere}.project-info-columns>div:first-child p:nth-of-type(1){grid-row:1}.project-info-columns>div:first-child p:nth-of-type(2){grid-row:2}.project-info-columns>div:first-child p:nth-of-type(3){grid-row:3}.project-info-columns>div:last-child h3{margin-bottom:2rem}.project-info-columns>div:last-child p{overflow-wrap:anywhere}.project-info .id h1{font-size:var(--display-type-size)}.project-info * p{text-align:left}}.images{display:block;overflow-x:hidden;padding:1rem;margin-inline:-4rem;justify-content:center;align-items:center}.images img{width:100%;height:auto;margin-block:20vh}html:has(.solo-project-images){scroll-snap-type:y mandatory}body:has(.solo-project-images) .project-info,body:has(.solo-project-images) .projects-navigator,body:has(.solo-project-images)>footer{scroll-snap-align:start}.solo-project-images{display:flex;flex-direction:column;align-items:center;background-color:var(--color-black)}.project-media-section{display:flex;align-items:center;justify-content:center;width:100%;height:100svh;padding-block:2rem;margin:0;scroll-snap-align:center;scroll-snap-stop:always}.solo-project-images img,.solo-project-images video{width:50%;height:auto;max-height:100%;object-fit:contain}.project-media-section>.project-video-player{width:50%;max-height:100%}.project-media-section .project-video-player>video{width:100%;max-height:calc(100svh - 4rem)}.projects-navigator{margin-top:50svh;display:flex;margin-inline:0}.next-project-panel{width:50%;margin-left:auto}.next-project-panel a{margin:0;padding:0}.projects-navigator #next-project{font-family:var(--font-display);font-size:var(--display-type-size);display:block;cursor:pointer;text-align:left;color:var(--text-color);background-color:var(--color-transparent);text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:var(--special-color-off);transition:color .2s var(--hover-transition-timing),background-color .2s var(--hover-transition-timing);width:100%}.next-project-preview{display:block;text-align:left;text-decoration:none;padding:0}.projects-navigator #next-project:is(:hover,:focus-visible){color:var(--color-white);background-color:var(--special-color)}.projects-navigator #next-project:is(:hover,:focus-visible) *{color:inherit;text-decoration:none}.projects-navigator #next-project:focus-visible{outline:.2rem solid var(--special-color);outline-offset:.2rem}.next-project-label{display:block;margin-bottom:.5rem}.next-project-preview img,.next-project-preview video{display:block;width:100%;height:auto;margin-bottom:.5rem}.next-project-preview .next-project-caption{display:flex;align-items:flex-start;gap:.5rem}.next-project-preview .next-project-title{display:block;font-size:var(--display-type-size);font-family:var(--font-display)}.next-project-preview .next-project-date{display:none}@media(max-width:768px){.solo-project-images img,.solo-project-images video,.project-media-section>.project-video-player{width:calc(100% - 2rem)}.projects-navigator{margin-inline:1rem}.next-project-panel{width:100%}}footer{margin-top:30svh;display:flex;flex-direction:column}@media(max-width:758px){footer{margin:0rem;margin-top:30svh}}.footer-wrapper{margin:1rem}@media(max-width:758px){.footer-wrapper{margin:0 .5rem}}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;width:100%;margin-top:1rem;align-items:baseline}@media(max-width:758px){.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}#contact-details{grid-column:3 / span 2}}.footer-columns h4{font-family:var(--font-display);font-style:normal;border-bottom:var(--border-def);margin-bottom:1rem}.footer-columns>div{flex:1}#design-brief p,#dev-brief p{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:var(--special-color-off);transition:color .2s var(--hover-transition-timing),background-color .2s var(--hover-transition-timing)}#design-brief p:is(:hover,:focus-visible),#dev-brief p:is(:hover,:focus-visible){color:var(--main-bg);background-color:var(--soft-black);text-decoration:none;border:none}#design-brief p:focus-visible,#dev-brief p:focus-visible{outline:.2rem solid var(--special-color);outline-offset:-.2rem}#home:hover{cursor:pointer;text-decoration:underline;border:none;color:var(--special-color)}.extr-link a{border:none;color:inherit;text-decoration:none;cursor:pointer}@media(max-width:758px){.extr-link a,#design-brief,#dev-brief{display:none}}.extr-link a:hover{cursor:pointer;text-decoration:none;border:none;background:var(--special-color);color:var(--main-bg)}.footer-note{margin-top:20vh;margin-bottom:1rem;padding-inline:1rem;justify-content:flex-start;display:flex}.footer-note p{white-space:nowrap}@media(max-width:758px){.footer-note{margin-top:5rem}.footer-note p{max-width:none;font-size:1rem;white-space:normal;display:flex;flex-direction:column}.footer-note-separator{display:none}}img{max-height:100%;display:block;height:auto}video{max-height:100%;display:block}.project-image img,.project-image video,.project-image .project-media{transition:opacity .4s var(--transition-timing);position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.project-image{position:relative;overflow:hidden;min-height:300px}.image-loading-host{position:relative}.image-load-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;width:1.5rem;height:1.5rem;color:var(--color-white);opacity:0;transition:opacity .2s var(--transition-timing)}.image-load-indicator-bar{position:absolute;left:47%;top:8%;width:6%;height:52%;border-radius:999px;background:currentColor;opacity:.6;transform-origin:center 350%;transform:rotate(calc(var(--bar-index) * 30deg));animation:image-load-indicator-fade 1s linear infinite;animation-delay:calc(var(--bar-index) * -.0833s)}.image-load-indicator.is-visible{opacity:1}.image-load-indicator.is-finished{opacity:0}@keyframes image-load-indicator-fade{0%{opacity:1}to{opacity:.2}}video.project-media,video.archive-media-video{object-fit:cover;background-color:var(--color-black)}.video-player{position:relative;display:block;min-width:0;overflow:hidden;background-color:var(--color-black)}.video-player>video{display:block}.project-video-player{width:50%}.project-video-player>video.project-media{width:100%;height:auto}.archive-video-player{height:100%;aspect-ratio:var(--video-aspect-ratio, 16 / 9);flex:0 0 auto}.archive-video-player>video.archive-media-video{width:100%;height:100%}.video-player-controls{position:absolute;z-index:1;inset:0 0 auto;display:grid;grid-template-columns:auto auto minmax(1rem,1fr) auto auto;align-items:center;gap:.65rem;padding:.55rem .65rem;color:var(--color-white);background-color:var(--color-black);font-family:var(--font-readme);font-size:1rem;letter-spacing:.025em;opacity:0;transform:translateY(-100%);transition:opacity .12s var(--hover-transition-timing),transform .12s var(--hover-transition-timing)}.video-player:is(:hover,:focus-within,.is-paused,.is-unmuted) .video-player-controls{opacity:1;transform:translateY(0)}.video-control-button{border:0;border-radius:0;padding:0;color:inherit;background:transparent;font:inherit;white-space:nowrap;cursor:pointer}.video-control-button:focus-visible,.video-control-timeline:focus-visible{outline:1px solid currentColor;outline-offset:3px}.video-control-time{color:var(--color-white);font-variant-numeric:tabular-nums}.video-control-timeline{position:absolute;z-index:2;inset:auto 0 0;width:100%;height:1rem;margin:0;padding:0;box-sizing:border-box;appearance:none;border:0;border-radius:0;background-color:var(--color-black);background-image:linear-gradient(var(--color-white),var(--color-white));background-repeat:no-repeat;background-position:left center;background-size:var(--video-progress, 0%) 100%;cursor:pointer;touch-action:manipulation;transition:background-size .2s var(--hover-transition-timing)}.video-control-timeline::-webkit-slider-thumb{width:0;height:1rem;appearance:none;border:0;border-radius:0;background:transparent}.video-control-timeline::-webkit-slider-runnable-track{height:1rem;background:transparent}.video-control-timeline::-moz-range-track{height:1rem;border:0;background:transparent}.video-control-timeline::-moz-range-thumb{width:0;height:1rem;border:0;border-radius:0;background:transparent}@media(pointer:coarse){.video-player-controls{opacity:1;transform:translateY(0)}}@media(max-width:768px){.project-video-player{width:calc(100% - 2rem)}.video-player-controls{grid-template-columns:auto auto minmax(.5rem,1fr) auto;gap:.45rem;padding:.55rem .5rem}.video-control-fullscreen{display:none}}