/* Service discovery and the industrial/commercial story. */
.dr-work-shell { width: var(--dr-shell); margin-inline: auto; }
.dr-work-shell > *, .dr-work-shell figure { min-width: 0; }
.dr-work-shell figure { margin: 0; }
.dr-work-shell h2 { margin: 0; color: #2d2621; font-size: clamp(42px, 4.7vw, 68px); font-weight: 600; line-height: 1.08; letter-spacing: -.035em; }
.dr-work-shell p { color: #5d5550; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.6; }
.dr-work-shell .dr-section-eyebrow { margin: 0 0 20px; color: #5a6780; font-size: 12px; font-weight: 800; line-height: 1.4; letter-spacing: .14em; }
.dr-work-heading { margin-bottom: var(--dr-section-head-gap); }
.dr-work-heading--split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 88px); align-items: end; }
.dr-work-heading--split p:last-child { margin-bottom: 0; }
.dr-work-heading--split > div:last-child p:first-child { margin-top: 0; }
.dr-work-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(24,22,20,.45), rgba(24,22,20,.13)), linear-gradient(0deg, rgba(24,22,20,.35), transparent 70%); }
.dr-work-hero .dr-service-hero__media { background: #403a35 url('/wp-content/themes/delaney-resin-child/assets/images/workspaces/warehouse-settled-poster.jpg') center / cover no-repeat; }
.dr-work-hero__inner { width: var(--dr-shell); min-height: 100svh; margin: 0 auto; padding: calc(var(--dr-header-height) + var(--dr-header-offset) + 28px) 0 60px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; }
.dr-work-hero__copy { width: min(100%, 1180px); max-width: 100%; }
.dr-work-hero h1 { margin: 0; color: #fff; font-size: clamp(64px, 8.2vw, 132px); font-weight: 600; line-height: 1.05; letter-spacing: -.025em; }
.dr-work-hero h1 span { display: block; }
.dr-work-hero__copy > p:not(.dr-eyebrow) { max-width: 610px; margin: 24px 0 0; font-size: clamp(18px, 1.4vw, 21px); line-height: 1.55; }
.dr-work-project, .dr-work-commercial, .dr-work-brief, .dr-related-services, .dr-home-workspaces { padding: var(--dr-section-y) 0; }
.dr-work-project { background: #fff; }
.dr-work-stages { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.dr-work-gallery img { display: block; width: 100%; height: auto; object-fit: cover; border-radius: 22px; }
.dr-work-stages img { aspect-ratio: 5 / 4; object-position: center 68%; }
.dr-work-gallery .dr-image-open { display: block; width: 100%; border-radius: 22px; }
.dr-work-gallery figcaption { padding-top: 15px; font-size: 15px; line-height: 1.5; color: #5d5550; }
.dr-work-gallery figcaption span { display: block; margin-bottom: 4px; color: #2d2621; font-size: 19px; font-weight: 700; }
.dr-work-result-heading { display: flex; gap: 32px; align-items: baseline; justify-content: space-between; margin: 42px 0 24px; }
.dr-work-result-heading h3 { max-width: 540px; margin: 0; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.15; letter-spacing: -.02em; }
.dr-work-result-heading p { max-width: 480px; margin: 0; font-size: 17px; }
.dr-work-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.dr-work-results img { aspect-ratio: 4 / 5; }
.dr-work-shell .dr-work-note { margin: 24px 0 0; font-size: 13px; color: #6a625c; }
.dr-work-commercial { background: #4d4138; color: #fff; }
.dr-work-commercial__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: center; gap: clamp(36px, 7vw, 96px); }
.dr-work-commercial h2 { color: #fff; }
.dr-work-commercial p { color: #e2ded9; }
.dr-work-commercial .dr-section-eyebrow { color: #d2d4da; }
.dr-work-commercial__copy > p:not(.dr-section-eyebrow) { margin: 24px 0 0; }
.dr-work-film__media { aspect-ratio: 9 / 14; overflow: hidden; border-radius: 24px; background: #66594e url('/wp-content/themes/delaney-resin-child/assets/images/workspaces/service-room-poster.jpg') center / cover no-repeat; }
.dr-work-film video { display: block; width: 100%; height: 100%; object-fit: cover; }
.dr-work-film figcaption { padding-top: 14px; color: #e2ded9; font-size: 14px; }
.dr-work-facts { padding: 0; margin: 28px 0; list-style: none; border-top: 1px solid #ffffff30; }
.dr-work-facts li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 24px; padding: 16px 0; margin: 0; border-bottom: 1px solid #ffffff30; font-size: 15px; line-height: 1.5; }
.dr-work-facts strong { color: #fff; font-weight: 650; }
.dr-work-facts span { color: #e2ded9; }
.dr-work-brief__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 88px); }
.dr-work-brief .dr-work-heading { margin: 0; }
.dr-work-brief .dr-work-heading > p:last-child { max-width: 470px; margin: 24px 0 0; }
.dr-work-brief .dr-service-question { margin: 0; }
.dr-related-services { background: #f7f5f0; }
.dr-related-services__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.dr-related-service { display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid #4d41381c; border-radius: 24px; }
.dr-related-service > img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center 65%; }
.dr-related-service__copy { display: flex; flex-direction: column; flex: 1; align-items: flex-start; padding: 26px; }
.dr-related-service h3 { margin: 0; font-size: clamp(24px, 2.6vw, 34px); line-height: 1.15; letter-spacing: -.025em; }
.dr-related-service p { margin: 16px 0 24px; font-size: 17px; }
.dr-related-service .dr-button { margin-top: auto; }
.dr-related-service .dr-button, .dr-home-workspaces .dr-button { min-height: 48px; max-width: 100%; padding: 8px 18px; border-color: #4d4138; background: #fff; color: #4d4138; font-size: 15px; font-weight: 650; line-height: 1.3; text-align: center; }
.dr-related-service .dr-button::after, .dr-home-workspaces .dr-button::after { content: none; }
.dr-related-service .dr-button:hover, .dr-home-workspaces .dr-button:hover { background: #4d4138; color: #fff; transform: none; }
.dr-related-services + .dr-service-close { margin-top: var(--dr-section-y) !important; }
.dr-home-workspaces { background: #f7f5f0; }
.dr-home-workspaces__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(32px, 7vw, 96px); }
.dr-home-workspaces img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 4; object-fit: cover; object-position: center 65%; border-radius: 24px; }
.dr-home-workspaces figcaption { padding-top: 14px; color: #6a625c; font-size: 13px; }
.dr-home-workspaces__copy > p:not(.dr-section-eyebrow) { margin: 24px 0 0; }
.dr-home-workspaces__copy .dr-button { margin-top: 28px; }
@media (min-width: 1100px) and (min-height: 640px) {
  .dr-work-hero__inner { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; align-items: end; }
  .dr-work-hero__copy { grid-column: 1 / 9; width: 100%; max-width: 100%; }
  .dr-hero-aside--work { grid-column: 9 / 13; align-self: end; justify-self: end; }
}
@media (max-width: 920px) {
  .dr-work-heading--split, .dr-work-brief__grid { grid-template-columns: 1fr; gap: 24px; }
  .dr-work-commercial__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); gap: 28px; align-items: start; }
  .dr-work-facts li { grid-template-columns: 1fr; gap: 6px; }
  .dr-work-commercial h2 { font-size: 40px; }
  .dr-work-result-heading { display: block; }
  .dr-work-result-heading p { margin-top: 12px; }
  .dr-related-service__copy { padding: 22px; }
}
@media (max-width: 600px) {
  .dr-work-shell h2 { font-size: clamp(36px, 10.2vw, 52px); }
  .dr-work-hero__inner { padding-top: 118px; padding-bottom: 64px; }
  .dr-work-hero h1 { font-size: clamp(42px, 11.5vw, 68px); line-height: 1.08; }
  .dr-work-hero__copy > p:not(.dr-eyebrow) { font-size: 17px; }
  .dr-work-hero__copy { max-width: 100%; width: 100%; }
  .dr-work-hero .dr-button { width: 100%; }
  .dr-work-stages, .dr-work-commercial__grid, .dr-related-services__grid, .dr-home-workspaces__grid { grid-template-columns: 1fr; gap: 28px; }
  .dr-work-commercial__copy { order: -1; }
  .dr-work-film { width: min(100%, 380px); margin-inline: auto !important; }
  .dr-work-film__media { aspect-ratio: 9 / 12; }
  .dr-work-results { grid-template-columns: 1fr; gap: 24px; }
  .dr-work-results img { aspect-ratio: 5 / 4; object-position: center 68%; }
  .dr-work-result-heading { margin-top: 32px; }
  .dr-related-service .dr-button, .dr-home-workspaces .dr-button { width: 100%; }
  .dr-work-gallery img, .dr-work-gallery .dr-image-open { border-radius: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .dr-work-hero video, .dr-work-film video { visibility: hidden; }
}