/* Barcelona project case study */
.project-case-hero .page-hero-media{height:clamp(440px,54vw,760px)}.project-case-hero .page-hero-media img{object-position:center 54%}.project-overview{background:#171715;color:#fff;padding:var(--section) var(--pad)}.project-overview-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(55px,9vw,145px)}.project-overview h2{font-size:clamp(48px,6vw,88px);line-height:.94;letter-spacing:-.055em;font-weight:400;margin:0}.project-meta{margin:0;display:grid;gap:18px}.project-meta div{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:0 0 15px;border-bottom:1px solid rgba(255,255,255,.16)}.project-meta dt{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}.project-meta dd{margin:0;font-size:14px;line-height:1.45}.project-story{padding:var(--section) var(--pad)}.project-story-head{display:grid;grid-template-columns:.38fr 1fr;gap:clamp(45px,9vw,145px);margin-bottom:clamp(60px,8vw,110px)}.project-story-head span,.project-gallery-head span,.project-install-copy>span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6f6c65}.project-story-head h2,.project-gallery-head h2,.project-install-copy h2{font-size:clamp(42px,5.3vw,80px);line-height:.95;letter-spacing:-.052em;font-weight:400;margin:0}.project-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,9vw,150px);border-top:1px solid var(--line);padding-top:28px}.project-story-grid span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#716e67}.project-story-grid p{font-size:clamp(17px,1.45vw,21px);line-height:1.55;max-width:620px}.project-gallery{padding:0 var(--pad) var(--section)}.project-gallery-head{display:grid;grid-template-columns:.38fr 1fr;gap:clamp(45px,9vw,145px);margin-bottom:clamp(55px,7vw,90px)}.project-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(10px,1.5vw,22px)}.project-gallery figure{margin:0;overflow:hidden;background:#d8d5cf}.project-gallery figure:nth-child(1){grid-column:span 8}.project-gallery figure:nth-child(2){grid-column:span 4}.project-gallery figure:nth-child(3){grid-column:span 5}.project-gallery figure:nth-child(4){grid-column:span 7}.project-gallery figure:nth-child(5){grid-column:span 12}.project-gallery figure:nth-child(6){grid-column:span 6}.project-gallery figure:nth-child(7){grid-column:span 6}.project-gallery figure img{aspect-ratio:4/3;transition:transform 1s var(--ease)}.project-gallery figure:nth-child(5) img{aspect-ratio:16/8}.project-gallery figure:hover img{transform:scale(1.018)}.project-tech{background:#ece9e2;padding:var(--section) var(--pad)}.project-tech .product-heading{margin-bottom:clamp(45px,6vw,80px)}.project-install{display:grid;grid-template-columns:1.15fr .85fr;background:#171715;color:#fff}.project-install-media{min-height:680px}.project-install-copy{padding:clamp(70px,9vw,130px) var(--pad);display:flex;flex-direction:column;justify-content:center}.project-install-copy>span{color:rgba(255,255,255,.52);margin-bottom:40px}.project-install-copy h2{color:#fff}.project-install-copy p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.74);max-width:610px;margin:36px 0 0}.project-contact{padding:var(--section) var(--pad);background:#f3f1ec}.project-contact h2{font-size:clamp(50px,6.4vw,96px);line-height:.93;letter-spacing:-.055em;font-weight:400;max-width:1000px;margin:45px 0 55px}@media(max-width:900px){.project-overview-grid,.project-story-head,.project-gallery-head,.project-install{grid-template-columns:1fr}.project-overview-grid,.project-story-head,.project-gallery-head{gap:34px}.project-install-media{height:70vw;min-height:440px}}@media(max-width:720px){.project-meta div{grid-template-columns:100px 1fr}.project-story-grid{grid-template-columns:1fr;gap:36px}.project-gallery-grid{grid-template-columns:1fr;gap:12px}.project-gallery figure:nth-child(n){grid-column:auto}.project-gallery figure img,.project-gallery figure:nth-child(5) img{aspect-ratio:4/3}.project-install-media{height:76vw;min-height:330px}}

.project-video{padding:var(--section) var(--pad);background:#171715;color:#fff}
.project-video-head{display:grid;grid-template-columns:.38fr 1fr;gap:clamp(45px,9vw,145px);margin-bottom:clamp(45px,6vw,80px)}
.project-video-head span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.52)}
.project-video-head h2{font-size:clamp(42px,5.3vw,80px);line-height:.95;letter-spacing:-.052em;font-weight:400;margin:0;color:#fff}
.project-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.7vw,24px)}
.project-video-card{margin:0}
.project-video-card video{width:100%;aspect-ratio:9/16;display:block;background:#0e0e0d;object-fit:cover}
.project-video-card figcaption{font-size:12px;line-height:1.5;color:rgba(255,255,255,.58);padding-top:12px}
@media(max-width:900px){
  .project-video-head{grid-template-columns:1fr;gap:30px}
}
@media(max-width:720px){
  .project-video-grid{grid-template-columns:1fr}
  .project-video-card video{aspect-ratio:9/16;max-height:78vh}
}