/* Portfolio only. Shared homepage and dealer-page styling is unchanged. */
.our-work-page .work-main { width: min(1320px, calc(100% - clamp(32px, 5vw, 80px))); padding-block: clamp(126px, 10vw, 160px) 72px; }
.our-work-page .work-header { max-width: 1100px; margin: 0 auto clamp(36px, 4.5vw, 64px); text-align: center; }
.our-work-page .work-eyebrow { margin: 0 0 20px; color: #60645c; font-size: 12px; font-weight: 700; line-height: 1.5; letter-spacing: .16em; }
.our-work-page .work-header h1 { margin: 0; color: #20211d; font-size: clamp(54px, 8.2vw, 116px); font-weight: 700; letter-spacing: -.065em; line-height: 1; text-wrap: balance; }
.our-work-page .work-intro { max-width: 54ch; margin: 24px auto 0; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.65; text-wrap: balance; }
.our-work-page .work-gallery { --work-column-gap: clamp(24px, 2.3vw, 32px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--work-column-gap); row-gap: clamp(64px, 5.5vw, 80px); isolation: isolate; }
.our-work-page .work-gallery figure { position: relative; min-width: 0; margin: 0; }
.our-work-page .work-gallery figure:is(.work-featured, :nth-child(2), :nth-child(4))::before { content: ''; position: absolute; z-index: -1; top: 24px; bottom: -40px; left: 20px; width: calc(200% + var(--work-column-gap) - 40px); border-radius: 20px; background: #ededeb; pointer-events: none; }
.our-work-page .work-gallery figure.work-featured::before { width: calc(100% - 40px); }
.our-work-page .work-featured { grid-column: 1 / -1; }
.our-work-page .work-photo { position: relative; aspect-ratio: 5 / 3; overflow: hidden; border-radius: 16px; background: #efefef; }
.our-work-page .work-featured .work-photo { aspect-ratio: 1500 / 346; }
.our-work-page .work-featured > .work-photo-labels { position: static; margin-bottom: 12px; }
.our-work-page .work-featured > .work-photo-labels span:first-child { background: #efefef; }
.our-work-page .work-photo picture, .our-work-page .work-photo img { display: block; width: 100%; height: 100%; }
.our-work-page .work-photo img { object-fit: contain; }
.our-work-page .work-photo-labels { position: absolute; inset: 18px 18px auto; display: flex; justify-content: space-between; pointer-events: none; }
.our-work-page .work-photo-labels span { padding: 7px 12px; border-radius: 999px; background: rgb(255 255 255 / 94%); color: #20211d; font-size: 11px; font-weight: 700; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; }
.our-work-page .work-photo-labels span:last-child { background: #ffbd5a; }
.our-work-page figcaption { padding: 24px 36px; text-align: left; }
.our-work-page figcaption h2 { margin: 0 0 10px; color: #20211d; font-size: clamp(23px, 2vw, 29px); font-weight: 650; line-height: 1.2; letter-spacing: -.035em; }
.our-work-page figcaption > p { max-width: 62ch; margin: 0; font-size: 16px; line-height: 1.65; }
.our-work-page .work-featured figcaption { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; padding-top: 24px; }
.our-work-page .work-featured .work-feature-label { grid-column: 1; margin-bottom: 12px; padding-left: 12px; border-left: 3px solid #ffbd5a; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.our-work-page .work-featured h2 { grid-column: 1; margin-bottom: 0; font-size: clamp(28px, 3vw, 40px); }
.our-work-page .work-featured figcaption > p:last-child { grid-column: 2; grid-row: 1 / 3; align-self: center; }
.our-work-page .work-enquiry { margin-top: clamp(64px, 7vw, 100px); padding: clamp(32px, 5vw, 72px) clamp(24px, 4vw, 56px); border-radius: 20px; background: #f3f3f0; text-align: center; }
.our-work-page .work-enquiry h2 { margin-bottom: 20px; color: #20211d; font-size: clamp(34px, 4vw, 52px); font-weight: 700; letter-spacing: -.045em; line-height: 1.08; text-wrap: balance; }
.our-work-page .work-enquiry > p { max-width: 54ch; margin-inline: auto; }
.our-work-page .work-enquiry .button.work-quote { --button-fill: #ffbd5a; min-height: 48px; margin-top: 4px; padding: 12px 24px; color: #20211d; font-size: 15px; }
.our-work-page .work-related { margin: 24px 0 0; font-size: 14px; line-height: 1.8; }
@media (min-width: 768px) {
  .our-work-page .work-header h1 { font-size: clamp(54px, 6.2vw, 88px); }
}
@media (max-width: 767px) {
  .our-work-page .work-gallery { grid-template-columns: 1fr; }
  .our-work-page .work-gallery figure::before { content: ''; position: absolute; z-index: -1; top: 16px; bottom: -24px; left: 12px; width: calc(100% - 24px); border-radius: 16px; background: #ededeb; pointer-events: none; }
  .our-work-page .work-gallery figure:is(.work-featured, :nth-child(2), :nth-child(4))::before { top: 16px; bottom: -24px; left: 12px; width: calc(100% - 24px); }
  .our-work-page .work-featured { grid-column: auto; }
  .our-work-page .work-featured figcaption { display: block; padding-top: 20px; }
  .our-work-page .work-featured h2 { margin-bottom: 10px; font-size: 28px; }
  .our-work-page .work-photo { border-radius: 12px; }
  .our-work-page .work-photo-labels { inset: 10px 10px auto; }
  .our-work-page .work-photo-labels span { padding: 6px 9px; font-size: 10px; }
  .our-work-page figcaption { padding: 20px 24px 28px; }
  .our-work-page .work-enquiry { border-radius: 16px; }
}