.project-header{top:0}
.projects-hero{height:850px;min-height:100vh;position:relative;display:flex;align-items:end;color:#fff}
.projects-hero-image,.projects-hero-shade{position:absolute;inset:0}
.projects-hero-image{background:url("/assets/images/generated-taj-kitchen.jpg") center/cover}
.projects-hero-shade{background:linear-gradient(90deg,rgba(17,18,15,.68),rgba(17,18,15,.05) 72%),linear-gradient(0deg,rgba(12,13,11,.48),transparent 55%)}
.projects-hero-copy{position:relative;z-index:2;padding:0 8vw 95px;max-width:950px}
.projects-hero h1{font-size:clamp(70px,8vw,122px)}
.projects-hero-copy>p:last-child{font:19px/1.55 var(--serif);max-width:650px;margin:30px 0 0}
.reference-label{position:absolute;z-index:2;right:3vw;bottom:32px;font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.projects-intro{display:grid;grid-template-columns:1fr 1fr;gap:11vw}
.projects-intro h2{font-size:clamp(50px,5.6vw,82px)}
.projects-intro>div:last-child{border-left:1px solid var(--line);padding-left:5vw;font:19px/1.7 var(--serif);color:#5d574e}
.project-journal{padding-top:20px}
.case-study{display:grid;grid-template-columns:1.35fr .65fr;margin-bottom:140px;min-height:720px}
.case-study.case-split{grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}
.case-study.case-split.reverse{grid-template-columns:1.15fr .85fr}
.case-study.case-split.reverse .case-image{order:2}
.case-study.case-split.reverse .case-copy{padding-left:0}
.case-image{overflow:hidden;min-height:600px;background:#d8d1c5}
.case-image.portrait{min-height:850px}
.case-image img{transition:transform .9s}
.case-study:hover .case-image img,.case-card:hover .case-image img{transform:scale(1.018)}
.case-copy{padding:70px 5vw;background:#e8e1d6;display:flex;flex-direction:column;justify-content:center}
.case-split .case-copy{padding:20px 3vw;background:transparent}
.case-number{margin:0 0 25px;font-size:9px;letter-spacing:.18em;color:#7a7267}
.case-copy h2,.case-card h2{font-size:clamp(45px,5vw,75px)}
.case-copy>p:not(.case-number),.case-card>p:not(.case-number){font:17px/1.65 var(--serif);color:#5e584f}
.case-copy dl{margin:25px 0 35px;border-top:1px solid var(--line)}
.case-copy dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px}
.case-copy dt{color:#81796e;text-transform:uppercase;letter-spacing:.1em}.case-copy dd{margin:0;font-family:var(--serif);text-align:right}
.dark-case{background:#23241f;color:#fff}
.dark-case .case-copy{background:#23241f}.dark-case .case-copy>p:not(.case-number){color:#c5bfb6}.dark-case .case-number{color:#99948b}.dark-case dl,.dark-case dl div{border-color:#4c4d46}.dark-case .arrow-link{color:#fff}
.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin:30px 0 160px}
.case-card.offset{padding-top:180px}
.case-card .case-image{height:680px;min-height:0;margin-bottom:30px}
.case-card.offset .case-image{height:560px}
.case-card h2{font-size:52px}.case-card .arrow-link{margin-top:15px}
.delivery{background:#252621;color:#ede7dd;padding:120px 8vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}
.delivery h2{font-size:clamp(52px,5.5vw,82px)}
.delivery-steps{list-style:none;margin:0;padding:0;border-top:1px solid #54554f}
.delivery-steps li{display:grid;grid-template-columns:65px 1fr;gap:25px;padding:21px 0;border-bottom:1px solid #54554f}
.delivery-steps li>span{font:italic 23px var(--serif);color:#9d968a}
.delivery-steps h3{font:24px var(--serif);margin:0}.delivery-steps p{font:13px/1.5 var(--sans);color:#aaa79f;margin:5px 0 0}
.projects-cta{text-align:center;padding:140px 8vw;background:#e7dfd2}
.projects-cta h2{font-size:clamp(55px,6.5vw,95px)}
.projects-cta>p:not(.eyebrow){max-width:650px;margin:28px auto 38px;font:18px/1.65 var(--serif);color:#5d574e}
@media(max-width:900px){.projects-hero{height:760px}.projects-hero-copy{padding:0 25px 70px}.projects-hero h1{font-size:61px}.reference-label{left:25px;right:auto;bottom:20px}.projects-intro,.case-study,.case-study.case-split,.case-study.case-split.reverse,.delivery{grid-template-columns:1fr}.projects-intro{gap:40px}.projects-intro>div:last-child{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.case-study{margin-bottom:85px;min-height:0}.case-study.case-split,.case-study.case-split.reverse{gap:0}.case-study.case-split.reverse .case-image{order:0}.case-image,.case-image.portrait{min-height:65vw}.case-copy,.case-split .case-copy{padding:55px 30px;background:#e8e1d6}.case-pair{gap:25px;margin-bottom:100px}.case-card.offset{padding-top:100px}.case-card .case-image{height:65vw}.delivery{gap:55px}.project-header{position:absolute;background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}}
@media(max-width:560px){.projects-hero h1{font-size:49px}.case-pair{grid-template-columns:1fr}.case-card.offset{padding-top:40px}.case-card .case-image,.case-card.offset .case-image{height:120vw}.case-card h2{font-size:43px}.case-image,.case-image.portrait{min-height:115vw}.delivery,.projects-cta{padding:80px 25px}.delivery-steps li{grid-template-columns:45px 1fr}}
