body[data-concept=a]{padding-bottom:24px}body[data-concept=a] .masthead{display:flex;justify-content:space-between;align-items:center;border:0;padding:34px 0 0}body[data-concept=a] .brand{font-size:34px;letter-spacing:-.075em}body[data-concept=a] .brand span,body[data-concept=a] .masthead-description,body[data-concept=a] #nav-count,body[data-concept=a] .hero-meta{display:none}body[data-concept=a] .masthead nav{gap:32px;font-size:14px}body[data-concept=a] .cinema{position:relative;padding-top:70px}body[data-concept=a] .hero-layout{display:block;position:relative;width:min(100%,1300px);margin:auto}body[data-concept=a] .hero-image{width:86%;height:clamp(300px,56svh,700px);aspect-ratio:auto;margin-left:9%;overflow:hidden;touch-action:pan-y;user-select:none;isolation:isolate;background:#eee}body[data-concept=a] .hero-image img,body[data-concept=a] .hero-image:hover img{transform:none;transition:none;pointer-events:none}body[data-concept=a] .hero-image .image-play{background:transparent;left:24px;bottom:24px;padding:0;font-size:14px;z-index:2;text-shadow:0 1px 10px #000}body[data-concept=a] .hero-side{padding:0;margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px}body[data-concept=a] .hero-heading{display:flex;flex-direction:column}body[data-concept=a] .hero-heading>span{font-size:12px;letter-spacing:.02em;order:2;margin-top:20px;color:#656565}body[data-concept=a] .hero-heading h1{font-size:clamp(36px,6.8vw,104px);font-weight:400;line-height:1.04;letter-spacing:-.075em;margin:0;max-width:100%;text-wrap:balance}body[data-concept=a] #hero-type,body[data-concept=a] #hero-open{display:none}body[data-concept=a] .hero-bottom{border:0;padding:0 0 2px;display:flex;gap:25px;align-items:center;white-space:nowrap}body[data-concept=a] .hero-bottom p{font-size:12px;color:#656565}body[data-concept=a] .hero-controls{gap:10px}body[data-concept=a] .hero-controls button{height:44px;width:44px;font-size:25px;transition:transform .2s}body[data-concept=a] .hero-controls button:hover{transform:translate(3px);text-decoration:none}body[data-concept=a] .hero-controls button:first-child:hover{transform:translate(-3px)}body[data-concept=a] .collection{padding-top:clamp(105px,12vw,190px)}body[data-concept=a] .collection-top{border:0;justify-content:center;padding:0;margin-bottom:65px}body[data-concept=a] .collection h2{display:none}body[data-concept=a] .filters{gap:clamp(18px,3vw,46px);justify-content:center}body[data-concept=a] .filters button{font-size:14px;transition:color .2s}body[data-concept=a] .filters button[aria-pressed=true]{text-decoration:none;color:#111}body[data-concept=a] .filters button[aria-pressed=true]:before{content:"[";margin-right:5px}body[data-concept=a] .filters button[aria-pressed=true]:after{content:"]";margin-left:5px}body[data-concept=a] .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:75px 8vw;align-items:start;padding:0 4vw}body[data-concept=a] .project-card:nth-child(2n){margin-top:140px}body[data-concept=a] .project-card:nth-child(3n){grid-column:1/-1;width:68%;margin:20px 0 0 5%}body[data-concept=a] .project-card:only-child{grid-column:1/-1;width:75%;margin:0 auto}body[data-concept=a] .project-card .card-image{aspect-ratio:1.35}body[data-concept=a] .project-card:nth-child(3n) .card-image{aspect-ratio:1.78}body[data-concept=a] .project-card .image-play{opacity:0;background:none;left:20px;bottom:18px;padding:0;text-shadow:0 1px 10px #000;transition:opacity .25s}body[data-concept=a] .project-card button:hover .image-play,body[data-concept=a] .project-card button:focus-visible .image-play{opacity:1}body[data-concept=a] .project-card button:hover{text-decoration:none}body[data-concept=a] .project-card img{transition:transform 1s cubic-bezier(.16,1,.3,1),filter .6s}body[data-concept=a] .project-card button:hover img{transform:scale(1.065)}body[data-concept=a] .card-caption{margin-top:18px;display:block}body[data-concept=a] .card-caption h3{font-size:16px;letter-spacing:-.03em}body[data-concept=a] .card-caption p{font-size:12px;margin-top:9px}body[data-concept=a] .card-number{display:none}body[data-concept=a] footer{border:0;margin-top:150px;padding:35px 0;font-size:12px}body[data-concept=a] .sample-bar{position:static;padding:40px 0 10px;border:0;box-shadow:none;gap:20px;flex-wrap:wrap;color:#777}body[data-concept=a] .sample-bar>span{display:none}body[data-concept=a] .sample-bar button{border:0;padding:8px 12px 8px 0;margin-right:20px;font-size:12px}body[data-concept=a] .sample-bar button[aria-pressed=true]{color:#111;text-decoration:underline;text-underline-offset:5px}body[data-concept=a] .sample-bar>a{font-size:12px}body[data-concept=a] dialog{border:0;padding:28px}body[data-concept=a] .text-link{border:0}@media(max-width:850px){body[data-concept=a] .cinema{padding-top:55px}body[data-concept=a] .hero-image{width:94%;margin-left:3%;height:50svh}body[data-concept=a] .hero-side{gap:20px}body[data-concept=a] .hero-heading h1{font-size:clamp(36px,6.3vw,66px)}body[data-concept=a] .hero-bottom{flex-direction:column-reverse;gap:8px;align-items:end}body[data-concept=a] .collection-top{align-items:center}body[data-concept=a] .project-grid{padding:0;gap:60px 32px}body[data-concept=a] .project-card:nth-child(2n){margin-top:95px}}@media(max-width:580px){body[data-concept=a] .masthead{padding-top:28px}body[data-concept=a] .brand{font-size:28px}body[data-concept=a] .masthead nav{gap:18px;font-size:12px}body[data-concept=a] .cinema{padding-top:44px}body[data-concept=a] .hero-image{width:100%;margin:0;height:51svh;min-height:300px;max-height:540px}body[data-concept=a] .hero-side{margin-top:25px;grid-template-columns:minmax(0,1fr) 64px;gap:12px}body[data-concept=a] .hero-heading h1{font-size:clamp(30px,8.6vw,49px);line-height:1.08}body[data-concept=a] .hero-heading>span{margin-top:16px;font-size:12px}body[data-concept=a] .hero-controls{gap:0}body[data-concept=a] .hero-controls button{width:32px}body[data-concept=a] .hero-bottom p{font-size:11px}body[data-concept=a] #gesture-hint{font-size:11px;text-align:left;margin-top:28px}body[data-concept=a] .collection{padding-top:85px}body[data-concept=a] .collection-top{margin-bottom:38px}body[data-concept=a] .filters{gap:13px 20px;justify-content:flex-start}body[data-concept=a] .filters button{font-size:13px}body[data-concept=a] .project-grid{display:block}body[data-concept=a] .project-card,body[data-concept=a] .project-card:nth-child(2n),body[data-concept=a] .project-card:nth-child(3n),body[data-concept=a] .project-card:only-child{width:100%;margin:0 0 55px}body[data-concept=a] .project-card:nth-child(2n){width:86%;margin-left:auto}body[data-concept=a] .project-card:only-child{width:100%}body[data-concept=a] .project-card .image-play{opacity:1}body[data-concept=a] footer{margin-top:75px;font-size:11px;gap:22px}body[data-concept=a] .sample-bar{padding-top:24px}}@media(prefers-reduced-motion:reduce){body[data-concept=a] .hero-image img{transform:none;will-change:auto}body[data-concept=a] .project-card button:hover img{transform:none}body[data-concept=a] .hero-image{cursor:pointer}body[data-concept=a] .floating-play{display:none}body[data-concept=a] .hero-image:hover .image-play{opacity:1}}body[data-concept] .masthead .brand,body[data-concept] h1,body[data-concept] h2,body[data-concept] h3,body[data-concept] .index-title{font-family:Plex,Courier New,monospace;font-weight:400;letter-spacing:0}body[data-concept=a] .masthead .brand{font-size:30px;letter-spacing:.035em}body[data-concept=a] .masthead nav{letter-spacing:.035em}body[data-concept=a] .hero-heading h1{font-size:clamp(32px,5.2vw,78px);line-height:1.12;overflow-wrap:anywhere}body[data-concept=a] .hero-image{cursor:pointer;touch-action:auto;user-select:auto}body[data-concept=a] .hero-image .image-play{opacity:1}body[data-concept=a] .project-card .card-image{overflow:visible}body[data-concept=a] .project-card .card-image>img{transition:opacity .25s,transform .5s}body[data-concept=a] .project-card button:hover img{transform:none}body[data-concept=a] .card-caption{position:relative;z-index:2}body[data-concept=a] .card-caption h3{line-height:1.5}@media(max-width:580px){body[data-concept=a] .masthead .brand{font-size:23px;letter-spacing:0}body[data-concept=a] .masthead nav{gap:14px;font-size:12px;letter-spacing:0}body[data-concept=a] .hero-heading h1{font-size:clamp(27px,6.8vw,39px)}}body[data-concept=a] .hero-image{transform:none;transition:none}body[data-concept=a] .hero-image .image-play{left:var(--play-x,50%);top:var(--play-y,50%);bottom:auto;right:auto;transform:translate(-50%,-50%);z-index:3;font-size:12px;letter-spacing:.03em;color:#fff;background:transparent;border:0;padding:0;text-shadow:none;mix-blend-mode:difference;pointer-events:none;white-space:nowrap}body[data-concept=a] .project-card .card-image{overflow:hidden}body[data-concept=a] .project-card .card-image>img{opacity:1;transform:none}@font-face{font-family:Space Mono;src:url(assets/space-mono-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body[data-concept] :is(#hero-title,.card-caption h3,.index-title,#player-title){font-family:Space Mono,Plex,monospace;font-weight:400;letter-spacing:0;transform:none}@media(hover:hover)and (pointer:fine){body[data-concept=a] .hero-image .image-play{opacity:0}body[data-concept=a] .hero-image:hover .image-play,body[data-concept=a] .hero-image:focus-visible .image-play{opacity:1}}#hero-distortion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;z-index:1}#hero-distortion.is-active{opacity:1}@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){#hero-distortion{display:none!important}}body[data-concept=a] .hero-image{overflow:visible}body[data-concept=a] .hero-image .image-play{display:none!important}.image-crosshair{display:none;position:fixed;width:9px;height:9px;transform:translate(-50%,-50%);z-index:9999;pointer-events:none;mix-blend-mode:difference}.image-crosshair:before,.image-crosshair:after{content:"";position:absolute;background:#fff}.image-crosshair:before{width:9px;height:1px;left:0;top:4px}.image-crosshair:after{width:1px;height:9px;left:4px;top:0}.image-crosshair.is-visible{display:block}@media(hover:hover)and (pointer:fine){body.over-image,body.over-image :is(a,button,.hero-image,img,canvas,.card-image){cursor:none!important}}body[data-concept=a] .hero-heading h1{font-size:clamp(16px,2.6vw,39px)}@media(max-width:580px){body[data-concept=a] .hero-heading h1{font-size:clamp(13.5px,3.4vw,19.5px)}}.featured-label{margin:0 0 22px 9%;font-size:12px;color:#777}body #info-dialog{width:min(800px,92vw)}body #info-dialog .info-intro{font-size:clamp(26px,4vw,44px);line-height:1.2;margin:42px 0 30px}.about-copy{display:grid;gap:22px;margin-bottom:36px;max-width:620px}.about-copy p{font-size:14px;line-height:1.9;color:#666}.about-copy .about-slate{font-family:Plex,Courier New,monospace;font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;word-break:normal}@media(min-width:768px){body #info-dialog .about-slate .slate-segment{white-space:nowrap}body #info-dialog>.text-link{display:flex;align-items:center;justify-content:space-between;width:min(620px,100%);height:48px;padding:0 16px;border:0;background:#000;color:#fff;text-decoration:none;transform-origin:center;transition:transform .38s cubic-bezier(.2,.75,.25,1)}body #info-dialog>.text-link:after{content:"\2192";font-size:14px;line-height:1;transition:transform .38s cubic-bezier(.2,.75,.25,1)}body #info-dialog>.text-link:hover{transform:scale(1.025)}body #info-dialog>.text-link:hover:after{transform:translate(4px)}body #info-dialog>.text-link:active{transform:scale(.99);transition-duration:.12s}body #info-dialog>.text-link:focus-visible{outline:0;box-shadow:0 0 0 3px #fff,0 0 0 5px #000;transform:scale(1.025)}}#player-frame .youtube-fallback{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#000;text-decoration:none}#player-frame .youtube-fallback img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.55);transition:filter .38s cubic-bezier(.2,.75,.25,1),transform .38s cubic-bezier(.2,.75,.25,1)}#player-frame .youtube-fallback span{position:absolute;left:16px;right:16px;bottom:16px;height:48px;padding:0 16px;background:#000;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:12px}#player-frame .youtube-fallback span:after{content:"\2192";font-size:14px;transition:transform .38s cubic-bezier(.2,.75,.25,1)}@media(hover:hover)and (pointer:fine){#player-frame .youtube-fallback:hover img{filter:grayscale(0) brightness(.7);transform:scale(1.015)}#player-frame .youtube-fallback:hover span:after{transform:translate(4px)}}body[data-page=work] .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 40px;padding:0}body[data-page=work] .project-grid .project-card{grid-column:auto;width:100%;margin:0;animation:none}body[data-page=work] .project-grid .card-image{aspect-ratio:16/9;position:relative;background:#fff}.awaiting-reveal>img{opacity:0!important}@media(max-width:850px){.featured-label{margin-left:3%}}@media(max-width:580px){.featured-label{margin-left:0}body[data-page=work] .project-grid{display:grid;grid-template-columns:1fr;gap:42px}}