:root{--fg: #1c1c1c;--accent: #5200ff;--bg: #fafafa;--nav-font: "cofo-sans-pixel", sans-serif;--body-font: "argent-pixel-cf", sans-serif;--body-color: #f80d0d;--title-color: #f80d0d;--highlight: #0913ff;--grid-gap: clamp(.5rem, 1.5vw, 1.25rem);--grid-pad: clamp(.75rem, 2vw, 1.5rem);--cap: clamp(1.5rem, 2.3vw, 2rem);--marquee-h: clamp(2rem, 4.4vw, 3rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}html{overflow-x:hidden}.landing-page{min-height:100dvh;height:auto;background:var(--bg)}html.view-open{overflow:hidden}.stage{position:relative;height:100dvh;width:100%;overflow:hidden;isolation:isolate}.stage:not(.ready) .landing-grid{visibility:hidden}@media(scripting:none){.landing-grid{visibility:visible!important}}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap);padding:0 var(--grid-pad) var(--grid-pad);grid-auto-rows:calc((100dvh - 2 * var(--grid-pad) - var(--grid-gap)) / 2)}.more-tile{display:flex;align-items:center;justify-content:center;background:#f1f1f1;overflow:hidden}.landing-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:var(--grid-gap);padding:var(--grid-pad);height:100%;width:100%}.cell{position:relative;min-width:0;min-height:0}.tile{position:absolute;inset:0;display:flex;flex-direction:column;border:none;margin:0;padding:0;background:var(--bg);font:inherit;color:inherit;text-align:left;cursor:pointer;overflow:hidden}.stage[data-page="1"] .tile[data-page="2"],.stage[data-page="2"] .tile[data-page="1"]{display:none}.tile--photo .tile-media{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--bg)}.tile-img{width:100%;height:100%;object-fit:cover;display:block}.tile--placeholder{align-items:center;justify-content:center;background:#f1f1f1;cursor:default}.placeholder-label{font-family:var(--nav-font);font-weight:700;font-size:clamp(.75rem,1.3vw,1.1rem);text-transform:lowercase;color:var(--body-color)}.tile-name{flex:0 0 var(--cap);padding-top:.4rem;font-family:var(--nav-font);font-weight:700;font-size:clamp(.85rem,1.4vw,1.2rem);line-height:1.1;color:var(--body-color);text-transform:lowercase}.tile--nav{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--grid-gap);padding:0 0 var(--cap);background:transparent}.nav-box{position:relative;overflow:hidden;border:none;margin:0;background:#ff4d4d;color:#fff;font-family:var(--nav-font);font-weight:700;font-size:clamp(.6rem,1vw,.95rem);line-height:1.1;text-transform:lowercase;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.4em;transition:background-color .2s ease,color .2s ease}.nav-box:hover,.nav-box:focus-visible{background:var(--highlight);outline:none}.nav-label{display:block}.nav-fill{position:absolute;top:1.5px;left:1.5px;width:calc(100% - 3px);height:calc(100% - 3px);display:block;pointer-events:none}.nav-fill text{fill:#fff;font-family:var(--nav-font);font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}html.more-open .nav-box--more{background:var(--highlight)}.nav-corner{display:flex;flex-direction:column;gap:clamp(.3rem,.8vw,.5rem);min-width:0;min-height:0}.anim-toggle{display:flex;cursor:pointer;user-select:none}.anim-switch{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.anim-toggle-box{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:.32em .6em;background:var(--body-color);color:#fff;font-family:var(--nav-font);font-weight:700;font-size:clamp(.55rem,.85vw,.72rem);text-transform:lowercase;line-height:1;transition:background-color .2s ease}.anim-switch:not(:checked)+.anim-toggle-box{background:var(--highlight)}.anim-toggle:hover .anim-toggle-box{opacity:.9}.anim-switch:focus-visible+.anim-toggle-box{outline:2px solid var(--highlight);outline-offset:2px}.nav-desc{flex:1 1 auto;display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;background:#fff;border:1.5px solid var(--body-color);padding:clamp(.4rem,1vw,.6rem);overflow:hidden;cursor:default;min-height:0}.nav-desc-text{font-family:var(--body-font);font-size:clamp(.6rem,.95vw,.82rem);line-height:1.4;color:var(--highlight)}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.tile--contact{cursor:default;padding:0}.contact-card{display:flex;flex-direction:column;gap:clamp(1.3rem,2.5vw,2.25rem);width:100%;height:100%;min-height:0}.contact-head{flex:1 1 0;min-height:0;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:clamp(.5rem,2vw,1.25rem)}.contact-name{flex:0 1 auto;display:flex;flex-direction:column;margin:-.08em 0 0 -.06em;font-family:"lores-9-plus-narrow",var(--nav-font);font-weight:700;font-size:clamp(1.6rem,4.3vw,3.75rem);line-height:1.08;letter-spacing:-.04em;color:var(--title-color);text-transform:uppercase;white-space:nowrap}.contact-blurb{flex:0 1 auto;max-width:50%;display:flex;flex-direction:column;justify-content:space-between;text-align:right;font-family:var(--body-font);font-size:clamp(.6rem,.92vw,.82rem);line-height:1.4;color:var(--body-color)}.contact-blurb p{margin:0 0 .45em}.contact-blurb p:last-child{margin-bottom:0}.contact-blurb p:first-child{transform:translateY(5px)}.contact-name[data-focus-message],.contact-blurb[data-focus-message]{cursor:pointer;transition:color .18s ease}.contact-name[data-focus-message]:hover,.contact-blurb[data-focus-message]:hover{color:var(--highlight)}.contact-form{flex:1 1 0;display:flex;flex-direction:column;gap:clamp(.35rem,.9vw,.55rem);min-height:0}.contact-honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.contact-email{flex:0 0 auto;width:100%;border:1.5px solid var(--body-color);background:transparent;font-family:var(--body-font);font-size:clamp(.65rem,1.05vw,.85rem);color:var(--fg);padding:clamp(.4rem,1vw,.6rem);border-radius:0;transition:border-color .18s ease}.contact-message-wrap{position:relative;flex:1 1 auto;min-height:0;display:flex}.contact-message{flex:1 1 auto;width:100%;min-height:0;resize:none;border:1.5px solid var(--body-color);background:transparent;font-family:var(--body-font);font-size:clamp(.65rem,1.05vw,.85rem);color:var(--fg);padding:clamp(.4rem,1vw,.6rem);padding-bottom:calc(var(--cap) + .4rem);border-radius:0;line-height:1.45;transition:border-color .18s ease}.contact-email::placeholder,.contact-message::placeholder{color:var(--body-color);opacity:.6}.contact-email:focus,.contact-message:focus{outline:none;border-color:var(--highlight)}.contact-submit{position:absolute;right:0;bottom:0;height:var(--cap);min-width:0;border:none;background:var(--body-color);color:#fff;font-family:var(--nav-font);font-weight:700;font-size:clamp(.85rem,1.45vw,1.2rem);text-transform:lowercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 .9em;transition:background-color .5s ease,color .5s ease}.contact-submit:hover,.contact-submit:focus-visible,.contact-submit[data-state=working],.contact-submit[data-state=result]{background:var(--highlight);outline:none}.contact-submit-dots{display:none;align-items:center;gap:.32em}.contact-submit[data-state=working] .contact-submit-label{display:none}.contact-submit[data-state=working] .contact-submit-dots{display:inline-flex}.contact-submit-dots i{width:.34em;height:.34em;border-radius:50%;background:currentColor;opacity:.2;animation:send-dot 1.05s infinite ease-in-out}.contact-submit-dots i:nth-child(2){animation-delay:.18s}.contact-submit-dots i:nth-child(3){animation-delay:.36s}@keyframes send-dot{0%,to{opacity:.2}50%{opacity:1}}.pixel-overlay{position:absolute;inset:0;z-index:4;display:grid;pointer-events:none}.pixel-cell{background:var(--bg);box-shadow:0 0 0 1px var(--bg);opacity:0}.stage>.pixel-overlay{z-index:8}.writeups{display:contents}.writeup{position:absolute;inset:0;z-index:6;display:block;overflow-y:auto;background:var(--bg)}.writeup[hidden]{display:none!important}.writeup-inner{padding:var(--grid-pad)}.wrap-hero{float:left;margin:0 var(--grid-gap) var(--grid-gap) 0;overflow:hidden;background:var(--bg)}.wrap-hero-img{display:block;width:100%;height:100%;object-fit:cover}.writeup-bar{position:sticky;top:0;z-index:2;height:var(--marquee-h);display:flex;align-items:center;overflow:hidden;background:var(--bg);border-bottom:1.5px solid var(--body-color);cursor:pointer}.writeup-bar-track{display:flex;flex:none;white-space:nowrap;animation:marquee-scroll 26s linear infinite;will-change:transform}.writeup-bar-item{font-family:"lores-9-plus-narrow",var(--nav-font);font-weight:700;font-size:clamp(1.1rem,2.8vw,2rem);letter-spacing:-.03em;line-height:1;text-transform:uppercase;color:var(--title-color);padding:0 .55em}.writeup-bar:hover .writeup-bar-item{color:var(--highlight)}.stage.animating .writeup-bar-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.word-wrap{display:inline-block;position:relative;vertical-align:top}.word-half{display:block;transition:transform .22s cubic-bezier(.77,0,.175,1);will-change:transform}.word-top{clip-path:inset(0 0 42% 0)}.word-bot{position:absolute;top:0;left:0;width:100%;clip-path:inset(58% 0 0 0)}.cell--reading .word-top{transform:translate(2px)}.cell--reading .word-bot{transform:translate(-2px)}.writeup-title{font-family:"lores-9-plus-narrow",var(--nav-font);font-weight:700;font-size:clamp(1.6rem,3.6vw,3.2rem);line-height:1.02;letter-spacing:-.03em;text-transform:uppercase;color:var(--title-color);margin:0 0 .45em}.project-desc{font-family:var(--body-font);font-weight:700;font-size:clamp(.85rem,1.5vw,1.15rem);line-height:1.55;color:var(--fg);margin:0 0 .7em}.project-body{font-family:var(--body-font);font-size:clamp(.85rem,1.5vw,1.1rem);font-weight:400;line-height:1.6;letter-spacing:-.01em;color:var(--body-color);text-align:justify}.project-body p{margin:0 0 .85em}.project-body p:last-child{margin-bottom:0}.project-body h2{font-family:var(--body-font);font-weight:700;font-size:.75rem;text-transform:uppercase;color:var(--title-color);margin-top:1.8rem;margin-bottom:.5rem}.project-body h3{font-family:var(--body-font);font-weight:700;font-size:.65rem;text-transform:uppercase;color:var(--title-color);margin-top:1rem;margin-bottom:.3rem}.project-body ul,.project-body ol{padding-left:1.1rem;margin-bottom:.9rem}.project-body li{margin-bottom:.2rem}.project-body a{color:var(--accent);text-decoration:underline}.project-body strong{font-weight:700}.project-body em{font-style:italic}.project-body img{max-width:100%;height:auto;display:block;margin:1.5rem 0;cursor:zoom-in}.project-body{--gap-sm: clamp(20px, 2.4vw, 36px);--gap-lg: clamp(54px, 12vw, 240px)}.proj-full{clear:both;margin:var(--gap-lg) calc(-1 * var(--grid-pad)) 0;width:calc(100% + 2 * var(--grid-pad))}.proj-full img{width:100%;height:auto;margin:0;display:block}.project-body .proj-aside{clear:both;max-width:min(52%,30rem);margin:var(--gap-sm) 0 0}.project-body .proj-aside--r{margin-left:auto;text-align:left}.project-body .proj-clear{clear:both}.project-body .proj-full+.proj-aside{margin-top:var(--grid-pad)}.project-body .proj-aside--r+.proj-full{margin-top:var(--gap-sm)}.proj-row{clear:both;display:flex;align-items:center;gap:var(--gap-sm);margin:var(--gap-lg) 0}.proj-row--rev{flex-direction:row-reverse}.proj-media{flex:1 1 56%;margin:0;min-width:0}.proj-media img{width:100%;height:auto;margin:0}.proj-media--a4{flex:0 0 36%}.proj-text{flex:1 1 44%}.proj-split{clear:both;display:flex;align-items:center;gap:var(--gap-sm);margin:var(--gap-lg) calc(-1 * var(--grid-pad));width:calc(100% + 2 * var(--grid-pad))}.proj-split .proj-split-img{flex:0 0 auto;height:clamp(300px,40vw,560px);width:auto;max-width:none;margin:0;cursor:zoom-in}.proj-split .proj-text{flex:1 1 auto;align-self:center}.proj-split .proj-split-full{display:none}.project-body .proj-split{margin-bottom:calc(var(--gap-lg) - 2 * var(--gap-sm))}.project-body .proj-split+.proj-row{margin-top:calc(var(--gap-lg) - 2 * var(--gap-sm))}.proj-posters{clear:both;margin:var(--gap-lg) 0 0}.project-body .proj-poster-a4{float:right;width:calc((100% - 2 * var(--gap-sm)) / 3);height:auto;margin:0 0 0 var(--gap-sm)}.proj-poster-squares{display:flex;gap:var(--gap-sm);overflow:hidden}.proj-poster-squares img{flex:1 1 0;width:100%;height:auto;margin:0;min-width:0}.img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2em;width:100%;aspect-ratio:3 / 2;background:repeating-linear-gradient(45deg,#f2f2f2 0 11px,#e9e9e9 11px 22px);border:1.5px dashed var(--body-color);color:var(--body-color);font-family:var(--nav-font);font-weight:700;text-transform:lowercase;font-size:clamp(.72rem,1.1vw,.95rem);text-align:center}.img-placeholder small{font-weight:400;opacity:.6}@media(max-width:680px){.proj-row,.proj-row--rev{flex-direction:column;align-items:stretch;gap:var(--gap-sm)}.proj-media--a4{flex:1 1 auto}.proj-aside,.proj-aside--r{max-width:100%;margin-left:0}.proj-split{flex-direction:column}.proj-split .proj-split-img{display:none}.proj-split-full{display:block;height:auto;width:72%;max-width:72%;margin:0 auto}.proj-posters{display:flex;flex-direction:column;gap:var(--gap-sm)}.project-body .proj-poster-a4{float:none;width:100%;margin:0;order:2}.proj-poster-squares{order:1}}.hero-pair{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:1.5rem}.hero-pair img{aspect-ratio:3 / 2;object-fit:cover;width:100%;margin:0;display:block;cursor:zoom-in}.img-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:1.5rem 0;clear:both}.img-grid img{aspect-ratio:1 / 1;object-fit:cover;width:100%;margin:0;display:block;cursor:zoom-in}.hero-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:1.5rem}.hero-trio img{aspect-ratio:3 / 2;object-fit:cover;width:100%;margin:0;display:block;cursor:zoom-in}.carousel{position:relative;margin:1.5rem 0;clear:both}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;scroll-snap-align:center}.carousel-slide img,.carousel>img{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block;margin:0;cursor:zoom-in}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;border:none;background:#1c1c1c8c;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.carousel-btn:hover{background:var(--accent)}.carousel-prev{left:.4rem}.carousel-next{right:.4rem}.carousel-counter{position:absolute;bottom:.5rem;right:.5rem;z-index:2;background:#1c1c1c8c;color:#fff;font-family:var(--body-font);font-size:.75rem;line-height:1;padding:.25rem .45rem}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;z-index:200;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox-overlay[hidden]{display:none}.lightbox-overlay.lb-open{animation:lb-in .18s ease both}.lightbox-overlay.lb-out{animation:lb-out .15s ease both}.lightbox-img{max-width:min(90vw,1200px);max-height:90dvh;object-fit:contain;display:block;pointer-events:none;box-shadow:0 8px 48px #00000080}@keyframes lb-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes lb-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@media(max-width:680px){.landing-page{height:auto;overflow-y:auto;overflow-x:hidden}.stage{height:auto;min-height:100svh}.landing-grid{grid-template-columns:1fr;grid-template-rows:none;height:auto}.tile{position:relative;inset:auto}.tile--photo{height:68vw}.tile--placeholder{height:52vw}.tile--contact{height:auto;min-height:0}.tile--nav{height:88vw;padding-bottom:0}.more-tile{height:52vw}.contact-card{height:auto;gap:1.1rem;padding:.2rem 0 .6rem}.contact-head{flex:0 0 auto;flex-direction:column;gap:.8rem}.contact-name{font-size:clamp(2.2rem,13vw,3.4rem);margin:0}.contact-blurb{max-width:100%;text-align:left;justify-content:flex-start;gap:.6rem}.contact-blurb p:first-child{transform:none}.contact-form{flex:0 0 auto}.contact-message{height:130px;flex:0 0 auto}.contact-blurb{font-size:.82rem}.nav-box{font-size:.8rem}.anim-toggle-box{font-size:.7rem}.nav-desc-text{font-size:.78rem}.more-grid{grid-template-columns:1fr;grid-auto-rows:52vw}.writeup{position:fixed;z-index:100}html.view-open .landing-page{overflow:hidden}.wrap-hero{float:none;width:100%!important;height:auto!important;margin:0 0 1rem}.wrap-hero-img{height:auto;aspect-ratio:3 / 2}}