.work-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
  min-height: min(780px, 75vw);
  background: var(--dark);
  color: var(--light-ink);
}
.work-image { min-height: 0; background: #171716; }
.work-image > a { position: relative; display: grid; height: 100%; min-height: 440px; overflow: hidden; }
.work-image img { width: 100%; height: 100%; object-fit: contain; background: #171716; }
.work-zoom { position: absolute; right: 22px; bottom: 22px; display: grid; width: 2.6rem; height: 2.6rem; place-items: center; border: 1px solid #ffffff80; border-radius: 50%; background: #161514cc; font-size: 1.35rem; }
.work-summary { display: flex; flex-direction: column; justify-content: center; padding: clamp(38px, 5vw, 92px); }
.work-summary .eyebrow { color: var(--brass); }
.work-summary h1 { margin: 18px 0 20px; font-size: clamp(4rem, 6.8vw, 7.6rem); letter-spacing: -.07em; }
.work-lede { max-width: 39ch; color: var(--light-muted); font-size: 1.04rem; }
.work-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 20px; margin: clamp(29px, 4vw, 45px) 0 0; padding-top: 20px; border-top: 1px solid #5a5149; }
.work-specs dt { color: var(--brass); font: 700 .65rem/1.4 var(--sans); letter-spacing: .15em; text-transform: uppercase; }
.work-specs dd { margin: 3px 0 0; font-size: .86rem; line-height: 1.4; }
.work-cta { margin-top: 32px; padding-top: 22px; border-top: 1px solid #5a5149; }
.work-cta p { margin-bottom: 14px; font-size: .82rem; }
.availability-dot { display: inline-block; width: .55rem; height: .55rem; margin-right: .45rem; border-radius: 50%; background: #96c6ad; }
.inquiry-button { display: inline-flex; padding: 12px 17px; border: 1px solid var(--brass); color: var(--light-ink); font-size: .77rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; transition: background .2s ease, color .2s ease; }
.inquiry-button:hover { background: var(--brass); color: var(--dark); }
.work-cta small { display: block; max-width: 46ch; margin-top: 11px; color: var(--light-muted); font-size: .71rem; line-height: 1.45; }
.work-essay, .work-assurance { display: grid; grid-template-columns: minmax(220px, .68fr) minmax(0, 1.32fr); gap: clamp(34px, 8vw, 150px); padding-block: clamp(65px, 9vw, 145px); }
.work-essay h2, .work-assurance h2, .detail-heading h2 { margin-top: 8px; font-size: clamp(2.3rem, 4.8vw, 4.8rem); letter-spacing: -.055em; }
.work-essay-copy { max-width: 57ch; color: var(--muted); font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.7; }
.work-essay-copy p + p { margin-top: 1em; }
.work-essay-copy strong { color: var(--ink); }
.detail-section { padding-block: clamp(55px, 8vw, 115px); background: #edeeef; }
.detail-heading { display: grid; grid-template-columns: .7fr 1.3fr; gap: 18px clamp(32px, 5vw, 92px); align-items: end; margin-bottom: 42px; }
.detail-heading h2 { grid-row: 2; }
.detail-heading p:not(.eyebrow) { max-width: 42ch; color: var(--muted); }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(14px, 2.2vw, 30px); }
.detail-grid a { position: relative; display: block; overflow: hidden; background: #35312c; }
.detail-grid img { width: 100%; height: clamp(260px, 33vw, 510px); object-fit: cover; transition: transform .4s ease; }
.detail-grid a:hover img { transform: scale(1.035); }
.detail-grid span { position: absolute; left: 16px; bottom: 14px; color: #fff; font-size: .69rem; font-weight: 700; letter-spacing: .11em; text-shadow: 0 1px 9px #000; text-transform: uppercase; }
.work-assurance { align-items: start; border-top: 1px solid var(--rule); }
.work-assurance > div:last-child p { max-width: 56ch; margin-bottom: 21px; color: var(--muted); font-size: 1.03rem; }
.art-actions { display: flex; flex-wrap: wrap; gap: 13px 22px; margin-top: 17px; }
.art-link { padding-bottom: 3px; border-bottom: 1px solid var(--clay); color: var(--clay); font-size: .74rem; font-weight: 700; letter-spacing: .04em; }
.art-link:hover { color: var(--ink); }
@media (max-width: 800px) {
  .work-hero { grid-template-columns: 1fr; }
  .work-image > a { min-height: 0; aspect-ratio: 1.2; }
  .work-summary { padding: 38px 24px 48px; }
  .work-specs { gap: 14px; }
  .work-essay, .work-assurance, .detail-heading { grid-template-columns: 1fr; gap: 24px; }
  .detail-heading h2 { grid-row: auto; }
  .detail-grid { grid-template-columns: 1fr; }
  .detail-grid img { height: min(112vw, 520px); }
}