.project-header{background:var(--beige);position:sticky}.project-page{padding-top:2rem}.project-hero{padding:7vw 5vw 4vw}.project-hero>p{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.project-hero h1{font-size:clamp(3rem,8vw,8.5rem);line-height:.92;max-width:14ch;margin:1.2rem 0 3rem;font-weight:400}.project-hero>div{display:flex;gap:2rem;border-top:1px solid var(--line);padding-top:1rem}.project-cover{margin:0;height:min(75vw,880px);overflow:hidden}.project-cover img,.project-gallery img{width:100%;height:100%;object-fit:cover}.project-body{display:grid;grid-template-columns:1.3fr .7fr;gap:9vw;padding:8vw 5vw;background:var(--beige-light)}.project-lead{font-size:clamp(1.4rem,2.5vw,2.7rem);line-height:1.22;max-width:30ch}.project-body aside{border-top:1px solid var(--green);padding-top:1.2rem}.project-body h2{font-size:1rem;text-transform:uppercase;letter-spacing:.1em}.project-body ul{padding:0;list-style:none;margin:2rem 0}.project-body li{border-top:1px solid var(--line);padding:.7rem 0}.project-body dl{display:grid;grid-template-columns:1fr 1.8fr;gap:.6rem;margin-top:3rem}.project-body dt{color:var(--muted)}.project-body dd{margin:0}.project-gallery{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem;background:var(--green-deep);scrollbar-color:var(--orange) var(--green-deep)}.project-gallery figure{flex:0 0 min(82vw,1100px);height:min(64vw,760px);margin:0;scroll-snap-align:start}.scroll-hint{margin:0;padding:.7rem 1rem 1rem;background:var(--green-deep);color:var(--beige);text-align:right;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.project-next{display:flex;justify-content:space-between;padding:3rem 5vw;background:var(--orange)}.project-next a{color:var(--green-deep);text-decoration:none}.project-header nav{display:flex!important;position:static!important;background:none!important;padding:0!important}.project-header nav a{color:inherit!important}footer a{color:inherit}@media(max-width:760px){.project-body{grid-template-columns:1fr}.project-gallery figure{flex-basis:90vw;height:72vw}.project-header nav a:nth-child(2){display:none}.project-hero{padding-top:4rem}.project-next{gap:2rem}}
