@scope (html) to ([data-shared-header], [data-shared-footer], #luminal-home-extras) {
/* Design page: an interiors-led opening and a readable editorial team directory. */
main.sm-design .page-intro h1 { max-width: 16ch; }
main.sm-design .design-intro-copy p + p { margin-top: 20px; }
main.sm-design .design-intro-copy .text-link { margin-top: 18px; }
main.sm-design .design-opening-image > img { width: 100%; aspect-ratio: 1.8; object-fit: cover; object-position: center; border-radius: var(--site-radius, 2px); }
main.sm-design .design-team-heading { padding-bottom: 8px; }
main.sm-design .design-team-heading > p { max-width: 34ch; font-size: 16px; }
main.sm-design .profile { grid-template-columns: minmax(200px, 240px) minmax(0, 1fr); align-items: center; }
main.sm-design .profile > div { max-width: 64ch; }
main.sm-design .profile .role { font-size: 12px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
main.sm-design .design-invitation { display: grid; grid-template-columns: 1.5fr 1fr; gap: clamp(40px, 8vw, 120px); align-items: start; }
main.sm-design .design-studio-note { border-left: 1px solid var(--sm-line); padding-left: 40px; }
main.sm-design .design-studio-note address { margin-top: 24px; color: #d1d8d2; }
main.sm-design .design-studio-note .text-link { margin-top: 20px; }
@media (max-width: 760px) {
  main.sm-design .design-opening-image > img { aspect-ratio: 4 / 3; }
  main.sm-design .design-team-heading > p { margin-top: 24px; }
  main.sm-design .profile { grid-template-columns: 190px minmax(0, 1fr); align-items: start; }
  main.sm-design .design-invitation { grid-template-columns: 1fr; gap: 40px; }
  main.sm-design .design-studio-note { border-left: 0; border-top: 1px solid var(--sm-line); padding: 28px 0 0; }
}
@media (max-width: 520px) {
  main.sm-design .profile { grid-template-columns: 1fr; }
  main.sm-design .profile > img { width: 210px; }
}
}