:root{--paper:#f2f0eb;--ink:#151515;--red:#d94828;--line:#c9c6bf;--mono:Cousine,monospace;--sans:"Open Sans",Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--mono)}img{max-width:100%;display:block}header{height:92px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark img{width:310px}nav{display:flex;gap:2.2rem}nav a{text-decoration:none;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}.eyebrow{text-transform:uppercase;font-size:.68rem;letter-spacing:.1em}.project-hero{padding:8rem 4.5vw 5rem}.project-hero h1{font:300 clamp(4rem,10vw,10rem)/.8 var(--sans);letter-spacing:-.07em;text-transform:uppercase;margin:3rem 0 5rem}.project-hero h1 span{color:var(--red)}.hero-meta{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;border-top:1px solid var(--line);padding-top:1.5rem}.hero-meta>p{max-width:550px;margin:0}.hero-meta dl{margin:0}.hero-meta dl div,.details dl div{display:grid;grid-template-columns:9rem 1fr;border-bottom:1px solid var(--line);padding:.7rem 0}.hero-meta dt,.details dt{text-transform:uppercase;font-size:.62rem}.hero-meta dd,.details dd{margin:0;font-size:.75rem}.lead{margin:0 4.5vw 10rem}.lead button,.gallery button{border:0;padding:0;background:transparent;width:100%;cursor:zoom-in}.lead img{width:100%;height:min(75vw,900px);object-fit:cover}.lead figcaption{text-transform:uppercase;font-size:.62rem;margin-top:.7rem}.overview,.story,.moments{padding:0 9vw 9rem;display:grid;grid-template-columns:1fr 3fr;gap:6vw}.overview h2{font:300 clamp(2.8rem,6vw,6rem)/.94 var(--sans);letter-spacing:-.055em;text-transform:uppercase;margin:0 0 2rem}.overview div>p,.story div{max-width:780px}.details{padding:0 9vw 10rem}.details dl{margin:0 0 0 auto;max-width:850px}.gallery{padding:0 4.5vw 10rem;display:grid;grid-template-columns:1fr 1fr;gap:2.5vw}.gallery figure{margin:0}.gallery figure:nth-child(3){grid-column:1/-1}.gallery img{width:100%;height:65vw;max-height:900px;object-fit:cover}.gallery figure:nth-child(3) img{height:60vw;max-height:850px}.story div{font-size:1rem}.story div p{margin:0 0 1.5rem}.moments ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.moments li{display:grid;grid-template-columns:3rem 1fr 2fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.moments li span{font-size:.65rem}.moments li b{text-transform:uppercase;font:400 .8rem var(--sans)}.moments li p{font-size:.75rem;margin:0}.next-project{display:flex;justify-content:space-between;align-items:end;margin:0 4.5vw 8rem;padding:4rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;text-transform:uppercase}.next-project span{font-size:.65rem}.next-project b{font:300 clamp(3rem,7vw,7rem)/1 var(--sans);letter-spacing:-.05em}dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:4rem;background:#111;color:white}dialog[open]{display:grid;grid-template-columns:4rem 1fr 4rem;align-items:center}dialog::backdrop{background:#111}dialog img{width:100%;height:calc(100vh - 8rem);object-fit:contain}dialog button{border:0;background:transparent;color:white;text-transform:uppercase;font:400 .62rem var(--mono);cursor:pointer}.close{position:absolute;right:1.5rem;top:1.5rem;border-bottom:1px solid white;padding:.4rem}footer{padding:2rem 4.5vw;background:#151515;color:white;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:.65rem}footer img{width:220px;filter:invert(1)}footer a{color:inherit}@media(max-width:800px){header{height:72px}.wordmark img{width:210px}nav a:not(:nth-child(2)){display:none}.project-hero{padding-top:6rem}.hero-meta,.overview,.story,.moments{grid-template-columns:1fr}.hero-meta{gap:3rem}.overview,.story,.moments{padding-inline:5vw}.gallery{grid-template-columns:1fr}.gallery figure:nth-child(3){grid-column:auto}.gallery img,.gallery figure:nth-child(3) img{height:135vw}.moments li{grid-template-columns:2rem 1fr}.moments li p{grid-column:2}.next-project b{font-size:10vw}footer p{display:none}}@media(max-width:520px){.project-hero h1{font-size:17vw}.hero-meta dl div,.details dl div{grid-template-columns:1fr;gap:.3rem}.lead{margin-bottom:7rem}.lead img{height:135vw}.details{padding-inline:5vw}.next-project{display:block}.next-project b{display:block;margin-top:1rem}dialog{padding:3rem 1rem}dialog[open]{grid-template-columns:2.5rem 1fr 2.5rem}dialog img{height:calc(100vh - 6rem)}footer img{width:170px}}