.project-top{position:absolute}.back{color:#fff;border-bottom:1px solid var(--gold);padding-bottom:5px}.project-hero{height:88vh;min-height:650px;position:relative;background:#111;overflow:hidden}.project-hero>img{width:100%;height:100%;object-fit:cover}.project-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,15,18,.92),transparent 68%)}.project-overlay{position:absolute;z-index:2;right:8vw;bottom:11%;color:#fff;max-width:800px}.project-overlay h1{font:500 clamp(60px,8vw,120px)/.95 var(--serif);margin:0}.project-overlay>p:last-child{font-size:20px;color:#d5d6d7}.concept-note{position:absolute;z-index:3;left:3vw;bottom:3%;font-size:12px;color:#d5d6d7;background:rgba(0,0,0,.45);padding:5px 10px}.project-intro{padding:120px 8vw;display:grid;grid-template-columns:90px .9fr 1.1fr;gap:4vw}.project-intro h2,.project-gallery h2{font:500 clamp(45px,5vw,75px)/1 var(--serif);margin:0}.project-intro>div:last-child>p{font-size:20px;color:#535559}.project-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:35px}.project-facts div{padding:20px 0;border-bottom:1px solid var(--line)}.project-facts strong,.project-facts span{display:block}.project-facts strong{font:500 30px var(--serif);color:var(--gold)}.project-gallery{background:#111418;color:#fff;padding:120px 8vw}.gallery-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:55px}.gallery-grid figure{margin:0;position:relative;min-height:330px;overflow:hidden}.gallery-grid .wide{grid-row:span 2;min-height:680px}.gallery-grid img{width:100%;height:100%;object-fit:cover}.gallery-grid figcaption{position:absolute;bottom:0;right:0;left:0;padding:30px 22px 15px;background:linear-gradient(transparent,rgba(0,0,0,.7));font-size:13px}.quote-card{background:#b99552;color:#111;display:grid;place-items:center;padding:40px}.quote-card blockquote{border-color:#111;font-size:29px}.project-contact{background:#deddd8}@media(max-width:800px){.project-hero{height:75vh}.project-intro{grid-template-columns:50px 1fr;padding:80px 6vw}.project-intro>div:last-child{grid-column:2}.gallery-grid{grid-template-columns:1fr}.gallery-grid .wide{grid-row:auto;min-height:450px}.project-gallery{padding:80px 6vw}.back{font-size:13px}.project-top .brand{margin-left:auto}.project-overlay{right:6vw;left:6vw}.concept-note{font-size:10px}}
