/* Shared brand, contact and lightbox styles are read from the unchanged V3. */
.skip-link { top: 10px; transform: none; width: 1px; height: 1px; padding: 0; clip-path: inset(50%); }
.skip-link:focus { width: auto; height: auto; padding: 8px 16px; clip-path: none; }
.project-hero { margin-inline: 2vw; }
.project-hero img { height: min(76svh, 900px); min-height: 480px; object-fit: cover; object-position: 50% 56%; }
.project-heading { width: min(82vw, 1280px); margin: 0 auto; padding: 48px 0 66px; display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.project-heading h1 { font-family: 'Yili Headings', 'PingFang SC', 'Microsoft YaHei', sans-serif; font-size: 30px; font-weight: 500; line-height: 1.5; letter-spacing: .035em; }
.project-heading [lang="en"] { font: 16px/1.6 'Helvetica Neue', Arial, sans-serif; margin-top: 10px; }
.concept-note { color: var(--muted); font-size: 14px; line-height: 1.9; }
.dining-plate { width: min(82vw, 1280px); margin-inline: auto; }
.art-and-copy { width: min(77vw, 1160px); margin: 90px auto 88px; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 12%; }
.project-copy { font-size: 17px; line-height: 2; max-width: 23em; }
.project-copy p + p { margin-top: 22px; }
.material-edit { width: min(90vw, 1400px); margin: 0 auto 92px; display: grid; grid-template-columns: .8fr 1.25fr .9fr; gap: 5%; align-items: center; }
.detail-door { margin-bottom: 95px; }
.detail-table { margin-top: 140px; }
.closing-plate { width: min(74vw, 1130px); margin-inline: auto; }
.closing-plate img { aspect-ratio: 1.8; object-fit: cover; object-position: 50% 64%; }
.project-return { width: min(77vw, 1120px); margin: 0 auto; padding: 31px 0 68px; text-align: center; }
.project-return .text-link { margin: 0; font-size: 16px; }
.photo-dialog .dialog-note { font-size: 13px; }
@media (max-width: 1050px) and (min-width: 701px) {
  .art-and-copy { gap: 7%; width: 85vw; }
  .project-copy { font-size: 16px; }
}
@media (max-width: 700px) {
  .project-hero { margin: 0; }
  .project-hero img { min-height: 0; height: auto; aspect-ratio: 1.05; object-position: 46% 54%; }
  .project-heading { width: 90%; display: block; padding: 29px 0 39px; }
  .project-heading h1 { font-size: 27px; }
  .project-heading [lang="en"] { font-size: 15px; margin-top: 6px; }
  .concept-note { margin-top: 19px; font-size: 13px; }
  .dining-plate { width: 94%; }
  .dining-plate img { aspect-ratio: 1.22; object-fit: cover; object-position: 50% 55%; }
  .art-and-copy { display: flex; flex-direction: column; align-items: stretch; gap: 30px; width: 90%; margin-block: 37px 44px; }
  .project-copy { width: 95%; font-size: 16px; line-height: 1.95; }
  .project-copy p + p { margin-top: 15px; }
  .art-plate { width: 91%; margin-left: auto; }
  .material-edit { width: 94%; display: flex; flex-wrap: wrap; gap: 27px; margin-bottom: 42px; }
  .detail-metal { width: 93%; }
  .detail-door { width: 57%; margin: 0 0 0 2%; }
  .detail-table { width: 77%; margin: 0 0 0 auto; }
  .closing-plate { width: 94%; }
  .closing-plate img { aspect-ratio: 1.2; object-position: 46% 68%; }
  .project-return { width: 90%; padding: 27px 0 43px; }
}
@media (max-width: 360px) {
  nav { gap: 20px; }
  .concept-note { max-width: 22em; }
}