:root{color-scheme:dark;--black:#030405;--white:#f2f3f5;--grey:#90959b;--line:#34383d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black) url("images/grain.png") repeat;color:var(--white);font-family:"Helvetica Neue",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:auto}figure{margin:0}::selection{background:#dfe3e8;color:#050608}
.site-header{height:78px;margin:0 3.6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:.85rem;font-weight:800;letter-spacing:.17em}.site-header nav{display:flex;gap:36px;font-size:.69rem;letter-spacing:.2em;text-transform:uppercase}.site-header a:hover,.contact a:hover,footer a:hover{color:#aab0b8}a:focus-visible,button:focus-visible{outline:2px solid var(--white);outline-offset:5px}
.hero{margin:0 3.6vw;padding-top:24px}.hero-topline{display:flex;justify-content:space-between;gap:20px;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grey)}h1{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(5rem,11vw,12rem);font-weight:900;letter-spacing:-.085em;line-height:.79;margin:76px 0 60px;text-transform:uppercase}h1 span{display:block}h1 span:last-child{text-align:right}.hero-stage{border-top:1px solid var(--line);height:clamp(650px,61vw,900px);position:relative}.hero-cover,.hero-detail,.hero-copy{position:absolute}.hero-cover{left:6%;top:6%;width:22%;z-index:2}.hero-detail{right:3%;top:22%;width:43%;z-index:1}.hero-copy{left:33%;top:9%;z-index:3;pointer-events:none}.hero-copy span,.hero-copy p{font-size:.7rem;letter-spacing:.2em;line-height:1.65;text-transform:uppercase}.hero-copy span{color:var(--grey)}.hero-copy h2{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(4rem,7.5vw,9rem);font-weight:900;letter-spacing:-.07em;line-height:.9;margin:40px 0 22px}.hero-copy p{margin:0}.hero-detail figure{width:100%}.hero-stage img{width:100%;height:auto}
.work{padding:0 3.6vw}.project,.image-sequence{border-top:1px solid var(--line);padding:28px 0 155px;max-width:1800px;margin:auto}.project-heading{display:grid;grid-template-columns:19% 1fr auto;align-items:start;gap:30px;margin-bottom:62px}.project-number{font-size:.66rem;letter-spacing:.18em;color:var(--grey);white-space:nowrap}.project-heading h2{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-weight:850;font-size:clamp(2.7rem,5.5vw,6.6rem);line-height:.9;letter-spacing:-.075em;text-transform:uppercase;margin:0}.project-heading p{font-size:.68rem;letter-spacing:.2em;line-height:1.5;text-transform:uppercase;color:var(--grey);margin:5px 0 0;text-align:right;max-width:190px}.photo-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.2vw;align-items:start}.photo-grid figure{grid-column:span 3}.photo-grid img{width:100%;height:auto}.photo-grid.count-1 figure{grid-column:5/span 4}.photo-grid.count-2 figure:first-child{grid-column:2/span 4}.photo-grid.count-2 figure:nth-child(2){grid-column:8/span 4;margin-top:9vw}.photo-grid.count-3 figure:first-child{grid-column:1/span 3;margin-top:6vw}.photo-grid.count-3 figure:nth-child(2){grid-column:5/span 4}.photo-grid.count-3 figure:nth-child(3){grid-column:10/span 3;margin-top:10vw}.photo-grid.count-4 figure:first-child{grid-column:1/span 3;margin-top:8vw}.photo-grid.count-4 figure:nth-child(2){grid-column:4/span 3}.photo-grid.count-4 figure:nth-child(3){grid-column:7/span 3;margin-top:11vw}.photo-grid.count-4 figure:nth-child(4){grid-column:10/span 3;margin-top:3vw}.photo-grid.count-6 figure{grid-column:span 4}.photo-grid.count-8 figure{grid-column:span 3}.image-sequence{padding-top:105px;padding-bottom:175px}.image-sequence .photo-grid{row-gap:6vw}.image-sequence figure:nth-child(3n+1){margin-top:7vw}.image-sequence figure:nth-child(3n+2){margin-top:0}.image-sequence figure:nth-child(3n){margin-top:11vw}.project-style-0 .project-heading h2{padding-left:8%}.project-style-1 .project-heading h2{padding-left:3%}
.image-button{display:block;border:0;background:transparent;padding:0;width:100%;cursor:zoom-in}.image-button img{transition:filter .4s ease}.image-button:hover img{filter:contrast(1.08) brightness(1.12)}
.contact{border-top:1px solid var(--line);margin:0 3.6vw;padding:42px 0 135px}.contact p{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grey);margin:0 0 64px}.contact a{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(2.5rem,6vw,7rem);font-weight:850;letter-spacing:-.075em;line-height:1;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);margin:0 3.6vw;padding:25px 0 38px;display:flex;justify-content:space-between;gap:20px;color:var(--grey);font-size:.63rem;letter-spacing:.17em;text-transform:uppercase}
.lightbox{border:0;background:rgba(2,3,4,.98);color:var(--white);max-width:none;max-height:none;width:100vw;height:100vh;padding:55px 20px 20px;overflow:auto}.lightbox::backdrop{background:rgba(0,0,0,.96)}.lightbox img{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 120px);margin:auto;object-fit:contain}.lightbox p{text-align:center;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.lightbox-close{position:fixed;right:25px;top:10px;background:transparent;border:0;color:white;font-size:2.5rem;cursor:pointer}
@media(max-width:900px){.site-header{margin:0 5vw}.brand{font-size:.72rem}.site-header nav{gap:23px}.hero{margin:0 5vw}h1{font-size:12.1vw;margin:70px 0 55px}.hero-stage{height:720px}.hero-cover{left:1%;width:31%;top:15%}.hero-copy{left:34%;top:4%}.hero-copy h2{font-size:9vw}.hero-detail{right:0;top:43%;width:58%}.work{padding:0 5vw}.project-heading{display:block;margin-bottom:40px}.project-heading h2,.project-style-0 .project-heading h2,.project-style-1 .project-heading h2{padding:0;margin:24px 0 12px}.project-heading p{text-align:left}.contact{margin:0 5vw}footer{margin:0 5vw}}
@media(max-width:600px){.site-header{height:70px}.brand{font-size:.65rem;letter-spacing:.1em}.site-header nav{gap:13px;font-size:.59rem}.site-header nav a:last-child{display:none}.hero-topline{font-size:.56rem}.hero-topline span:last-child{display:none}h1{font-size:12.4vw;letter-spacing:-.09em;margin:55px 0 50px}.hero-stage{height:610px}.hero-cover{left:0;top:31%;width:43%}.hero-copy{left:3%;top:3%}.hero-copy h2{font-size:15vw;margin:19px 0 8px}.hero-copy p,.hero-copy span{font-size:.57rem}.hero-detail{right:0;top:50%;width:66%}.project,.image-sequence{padding:25px 0 90px}.project-heading h2{font-size:9vw}.photo-grid{gap:13px}.photo-grid figure,.photo-grid.count-1 figure,.photo-grid.count-2 figure:first-child,.photo-grid.count-2 figure:nth-child(2),.photo-grid.count-3 figure:first-child,.photo-grid.count-3 figure:nth-child(2),.photo-grid.count-3 figure:nth-child(3),.photo-grid.count-4 figure:first-child,.photo-grid.count-4 figure:nth-child(2),.photo-grid.count-4 figure:nth-child(3),.photo-grid.count-4 figure:nth-child(4),.photo-grid.count-6 figure,.photo-grid.count-8 figure{grid-column:span 6;margin-top:0}.photo-grid figure:nth-child(even){margin-top:35px!important}.photo-grid.count-1 figure{grid-column:3/span 8}.image-sequence .photo-grid{row-gap:36px}.image-sequence{padding-top:45px}.contact{padding:32px 0 90px}.contact a{font-size:8vw}footer{font-size:.58rem;line-height:1.4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.image-button img{transition:none}}