:root{--black:#0b0b0b;--white:#fafaf8;--line:#d7d7d1;--mono:"Space Mono",monospace;--display:"Archivo Black",Arial Black,sans-serif;--sans:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:var(--white);color:var(--black)}html{scroll-behavior:smooth}body{font-family:var(--sans);overflow-x:hidden}button,a{color:inherit;font:inherit}button{cursor:pointer}.mono{font-family:var(--mono)}.site{min-height:100svh;background:var(--white);transition:filter .4s,transform .4s}.site-header{height:64px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 22px;border-top:1px solid var(--black);position:relative;z-index:5;background:var(--white)}.wordmark{font-size:11px;font-weight:700;letter-spacing:-.055em;text-decoration:none}.desktop-nav{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.desktop-nav button,.contact-link,.menu-button{border:0;background:none;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:-.055em}.desktop-nav button:hover,.contact-link:hover{text-decoration:underline;text-underline-offset:4px}.contact-link{justify-self:end}.contact-icon{display:inline-block;margin-left:4px;font-size:12px}.menu-button{display:none;justify-self:end}.home{min-height:calc(100svh - 64px);position:relative;overflow:hidden;padding-bottom:32px}.project-window{position:relative;height:36vh;min-height:245px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid transparent;cursor:grab}.project-window:active{cursor:grabbing}.project-track{height:100%;display:flex;align-items:flex-start;gap:9px;width:max-content;will-change:transform;padding-top:0}.project-card{--mx:0px;--my:0px;position:relative;flex:none;width:190px;height:100%;display:flex;flex-direction:column;text-decoration:none;overflow:hidden;background:var(--white);transition:opacity .3s ease;cursor:pointer}.project-card:focus,.project-card:focus-visible,.work-card:focus,.work-card:focus-visible{outline:none;box-shadow:none}.project-track.has-hover .project-card{opacity:1}.project-card:nth-child(7n+1){width:215px}.project-card:nth-child(7n+2){width:205px}.project-card:nth-child(7n+3){width:220px}.project-card:nth-child(7n+4){width:210px}.project-card:nth-child(7n+5){width:205px}.project-card:nth-child(7n+6){width:215px}.project-card:nth-child(7n+7){width:220px}.card-image{height:72%;min-height:165px;overflow:hidden;background:#e8e8e3}.project-card:nth-child(7n+1) .card-image{height:82%}.project-card:nth-child(7n+2) .card-image{height:43%}.project-card:nth-child(7n+3) .card-image{height:78%}.project-card:nth-child(7n+4) .card-image{height:66%}.project-card:nth-child(7n+5) .card-image{height:43%}.project-card:nth-child(7n+6) .card-image{height:76%}.project-card:nth-child(7n+7) .card-image{height:64%}.card-image img,.card-image video{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.001);transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s;will-change:transform}.card-image img{filter:saturate(.88)}.card-image video{filter:none}.project-card:hover .card-image img,.project-card:hover .card-image video{transform:scale(1.08) translate3d(var(--mx),var(--my),0)}.project-card:hover .card-image img{filter:saturate(1)}.project-4-video{object-position:center 42%!important}.project-card[data-project="3"] img,.work-card[data-project="3"] img,.project-view[data-project="3"] .project-gallery figure:first-child img{object-position:center 42%!important}.project-card[data-project="5"] img,.work-card[data-project="5"] img,.project-view[data-project="5"] .project-gallery figure:first-child img{object-position:center 42%!important}.project-card:nth-child(7n+1) img{object-position:center 24%}.project-card:nth-child(7n+2) img{object-position:center}.project-card:nth-child(7n+3) img{object-position:center}.project-card:nth-child(7n+4) img{object-position:center 20%}.card-caption{font:700 12px/1.12 var(--mono);text-transform:uppercase;padding:7px 1px 0;letter-spacing:-.075em;transition:transform .32s cubic-bezier(.2,.8,.2,1)}.card-caption span{display:block;font-weight:400;letter-spacing:-.06em}.project-card:hover .card-caption{transform:translate(7px)}.project-cursor{display:none!important}.identity{position:absolute;left:20px;right:20px;bottom:55px;text-align:center}.identity h1{margin:0;font-family:var(--display);font-size:clamp(70px,12.4vw,254px);line-height:.76;letter-spacing:-.083em;font-weight:400;white-space:nowrap;cursor:default;user-select:none;-webkit-user-select:none;caret-color:transparent}.statement{font-size:9px;font-weight:400;line-height:1.12;letter-spacing:-.065em;margin:30px auto 0;max-width:690px;text-transform:uppercase}.footer{position:absolute;left:20px;right:20px;bottom:13px;display:flex;justify-content:space-between;align-items:flex-end;font-size:10px;font-weight:400;letter-spacing:-.055em;text-transform:uppercase}.footer span:last-child{display:flex;gap:12px}.footer b{font-weight:400}.panel{position:fixed;inset:0;background:var(--black);color:var(--white);z-index:50;padding:20px 22px 28px;opacity:0;visibility:hidden;transform:translateY(-15px);transition:.35s cubic-bezier(.2,.8,.2,1);overflow:auto}.panel.open{opacity:1;visibility:visible;transform:none}.panel-head{display:flex;justify-content:space-between;border-top:1px solid #fff;padding-top:13px;font-size:10px}.panel-close{border:0;background:none;color:#fff;font:inherit}.panel-close:hover{text-decoration:underline}.index-list{margin-top:7vh;border-top:1px solid #444}.index-row{display:grid;grid-template-columns:55px 1fr 1fr 90px;align-items:center;border-bottom:1px solid #444;padding:10px 0;text-decoration:none}.index-row span{font:10px var(--mono)}.index-row strong{font-size:clamp(28px,5vw,78px);letter-spacing:-.055em;line-height:1;font-weight:500}.index-row em{font:normal 10px var(--mono);justify-self:end}.index-row:hover strong{font-style:italic}.panel-count{font-size:9px;margin-top:18px;color:#999}.about-panel{display:flex;flex-direction:column}.about-copy{margin:auto 0;max-width:1260px}.about-copy>p:first-child{font-size:clamp(34px,6vw,98px);line-height:.96;letter-spacing:-.06em;margin:0}.small-copy{font-size:12px;line-height:1.5;max-width:540px;margin:38px 0 0 50%}.about-meta{display:flex;justify-content:space-between;font-size:9px;border-bottom:1px solid #444;padding-bottom:12px}.works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 10px;margin-top:7vh}.work-card{text-decoration:none}.work-card img,.work-card video{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:.3s}.work-card img{filter:grayscale(15%)}.work-card video{filter:none}.work-card:hover img,.work-card:hover video{filter:none;transform:scale(.985)}.work-card div{font:9px/1.3 var(--mono);text-transform:uppercase;padding-top:6px;display:flex;justify-content:space-between}.contact-panel{display:flex;flex-direction:column}.contact-copy{margin:auto 0}.contact-copy>p{font-size:10px;line-height:1.5}.contact-copy>a{color:#fff;font-size:clamp(32px,6.8vw,115px);letter-spacing:-.06em;text-decoration:none;border-bottom:.06em solid}.socials{display:flex;gap:28px;font-size:9px}.socials a{color:#fff;text-decoration:none}.project-view{position:fixed;inset:0;z-index:80;background:#1a1a1a;color:#fff;overflow:auto;opacity:0;visibility:hidden;transform:translateY(100%);transition:.55s cubic-bezier(.65,0,.25,1)}.project-view.open{opacity:1;visibility:visible;transform:none}.project-header{height:60px;padding:0 20px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;background:#1a1a1a;color:#fff;position:relative;z-index:5}.project-header button{border:0;background:none;color:#fff;font:700 11px var(--mono)}.project-header-nav{display:grid;grid-template-columns:repeat(3,1fr)}.project-contact{justify-self:end}.project-mobile-back{display:none}.project-title-row{position:sticky;top:60px;z-index:3;mix-blend-mode:difference;width:100%;padding:20px;text-align:center;pointer-events:none}.project-title-row h2{font-family:var(--display);font-size:40px;font-weight:400;line-height:1.1;letter-spacing:-.06em;text-align:center;text-transform:uppercase;margin:0;color:#fff;cursor:default;user-select:none;-webkit-user-select:none;caret-color:transparent}.project-gallery{width:min(810px,calc(100% - 40px));margin:0 auto;display:flex;flex-direction:column;gap:20px}.project-gallery figure{width:100%;aspect-ratio:2/3;margin:0;overflow:hidden;background:#222}.project-gallery img,.project-gallery video{display:block;width:100%;height:100%;object-fit:cover}.project-gallery img{transition:filter .3s}.project-gallery figure:hover img{filter:brightness(.88)}.project-media-loading{height:180px;display:grid;place-items:center;color:#888;font-size:10px}.project-info{width:min(600px,calc(100% - 40px));margin:40px auto 0;display:flex;flex-direction:column;align-items:center;gap:20px}.project-info>div{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.project-info span{font:400 14px/1.2 var(--mono);text-transform:uppercase;margin:0}.project-info p,.project-info .project-description p{margin:0;font:700 14px/1.3 var(--mono);letter-spacing:0;text-transform:uppercase;max-width:100%}.project-info .project-description{padding:0}.project-navigation{width:calc(100% - 40px);margin:40px 20px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;mix-blend-mode:difference}.project-navigation button{border:0;background:none;color:#fff;padding:0;min-height:38px}.project-navigation button:first-child{text-align:left}.project-navigation button:last-child{text-align:right}.project-navigation span{font:400 32px/1.1 var(--display);letter-spacing:-.02em;text-transform:uppercase}.project-navigation button:nth-child(2) span{font:700 14px var(--mono)}.project-navigation button:hover span{text-decoration:underline;text-underline-offset:5px}.project-footer{height:100px;padding:40px 20px 20px;display:flex;align-items:flex-end;justify-content:space-between;font:700 11px var(--mono);text-transform:uppercase}.project-footer span:last-child{display:flex;gap:12px}.project-footer b{font-weight:700}@media(max-width:800px){.site-header{grid-template-columns:1fr 1fr;height:54px;padding:0 12px}.desktop-nav,.contact-link{display:none}.menu-button{display:block}.home{min-height:calc(100svh - 54px)}.project-window{height:43vh;min-height:280px}.project-card{width:40vw!important;min-width:150px}.identity{left:8px;right:8px;bottom:74px}.identity h1{font-size:12vw;line-height:.8}.statement{font-size:7px;line-height:1.25;max-width:90%;margin-top:22px}.statement br{display:none}.footer{left:12px;right:12px}.index-row{grid-template-columns:36px 1fr 48px}.index-row span:nth-of-type(2){display:none}.index-row strong{font-size:28px}.about-copy>p:first-child{font-size:42px}.small-copy{margin-left:0}.works-grid{grid-template-columns:repeat(2,1fr)}.project-title-row{grid-template-columns:1fr 1fr;padding:35px 12px 14px;gap:15px}.project-title-row h2{text-align:left;grid-column:1/-1;grid-row:1;font-size:14vw;white-space:normal}.project-title-row .right{text-align:right}.project-gallery{padding:0 12px;grid-template-columns:1fr;gap:7px}.project-gallery figure:first-child{grid-column:auto;height:67vh}.project-gallery figure:nth-child(n){height:72vh}.project-info{margin:55px 12px 80px;grid-template-columns:1fr 1fr}.project-info .project-description{grid-column:1/-1;margin-top:28px}.project-info .project-description p{font-size:18px}.project-navigation{margin:0 12px;grid-template-columns:1fr 72px 1fr}.project-navigation button{min-height:105px}.project-navigation button+button{padding-left:10px}.project-navigation span{font-size:11px}.project-footer{padding:0 12px}.project-cursor{display:none}.project-track.has-hover .project-card{opacity:1}}@media(pointer:coarse){.project-cursor{display:none}.project-card:hover img,.project-card:hover video{transform:none}.project-card:hover .card-caption{transform:none}.project-track.has-hover .project-card{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:800px){.project-header{height:60px;grid-template-columns:1fr 1fr;padding:0 20px}.project-header-nav,.project-contact{display:none}.project-mobile-back{display:block;justify-self:end}.project-title-row{top:60px;padding:20px}.project-title-row h2{font-size:24px;white-space:normal}.project-gallery{width:min(810px,calc(100% - 40px));padding:0;display:flex;gap:20px}.project-gallery figure,.project-gallery figure:first-child,.project-gallery figure:nth-child(n){height:auto;aspect-ratio:2/3}.project-info{margin-top:40px;grid-template-columns:1fr}.project-info .project-description{margin-top:0}.project-info .project-description p{font:700 14px/1.3 var(--mono)}.project-navigation{margin:40px 20px 0;grid-template-columns:1fr auto 1fr}.project-navigation button{min-height:32px}.project-navigation button+button{border:0;padding:0}.project-navigation span{font-size:24px}.project-navigation button:nth-child(2) span{font-size:14px}.project-footer{padding:40px 20px 20px}}