@scope (html) to ([data-shared-header], [data-shared-footer], #luminal-home-extras) {
/* Portfolio-only gallery proportions and caption hierarchy. */
main.sm-portfolio .page-intro h1 { font-size: clamp(40px, 4.8vw, 66px); max-width: 19ch; }
main.sm-portfolio .page-intro--split { grid-template-columns: 1.25fr 1fr; gap: clamp(32px, 6vw, 88px); }
main.sm-portfolio .portfolio-intro-copy { padding-bottom: 4px; }
main.sm-portfolio .portfolio-intro-copy .text-link { margin-top: 20px; }
main.sm-portfolio .portfolio-lead > .portfolio-lead-image { margin-bottom: 0; }
main.sm-portfolio .portfolio-lead-image img { aspect-ratio: 1.75; object-fit: cover; }
main.sm-portfolio .portfolio-lead-caption { display: grid; grid-template-columns: 1.35fr 1fr; gap: 40px; padding-block: 28px 32px; border-bottom: 1px solid var(--sm-line); }
main.sm-portfolio .portfolio-lead-caption .eyebrow { margin-bottom: 12px; }
main.sm-portfolio .portfolio-lead-caption h2 { font-size: clamp(32px, 3.2vw, 44px); max-width: 20ch; }
main.sm-portfolio .portfolio-lead-caption h2 a { text-decoration: none; }
main.sm-portfolio .portfolio-lead-caption h2 a:hover { text-decoration: underline; text-decoration-thickness: 1px; }
main.sm-portfolio .portfolio-lead-information { justify-self: end; align-self: end; }
main.sm-portfolio .portfolio-lead-information .project-estimate { margin-top: 0; }
main.sm-portfolio .project-estimate span { color: var(--site-text, #252a29); }
main.sm-portfolio .portfolio-pair { margin-top: clamp(48px, 6vw, 88px); }
main.sm-portfolio .portfolio-pair .media-frame img { aspect-ratio: 1.24; }
main.sm-portfolio .portfolio-pair .eyebrow { margin-top: 24px; margin-bottom: 12px; }
main.sm-portfolio .portfolio-pair h2 { font-size: clamp(28px, 2.8vw, 38px); max-width: 25ch; }
main.sm-portfolio .portfolio-pair .project-estimate { margin-top: 18px; }
main.sm-portfolio .portfolio-pair .text-link { margin-top: 14px; }
main.sm-portfolio .portfolio-making { display: grid; grid-template-columns: .8fr 1fr; align-items: center; gap: clamp(40px, 8vw, 120px); }
main.sm-portfolio .portfolio-making figure { max-width: 450px; }
main.sm-portfolio .portfolio-next { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 7vw, 100px); align-items: center; }
main.sm-portfolio .portfolio-next h2 { max-width: 18ch; }
@media (max-width: 760px) {
  main.sm-portfolio .page-intro--split, main.sm-portfolio .portfolio-lead-caption, main.sm-portfolio .portfolio-making, main.sm-portfolio .portfolio-next { grid-template-columns: 1fr; gap: 28px; }
  main.sm-portfolio .portfolio-lead-image img { aspect-ratio: 4 / 3; }
  main.sm-portfolio .portfolio-lead-information { justify-self: start; }
  main.sm-portfolio .portfolio-lead-caption { padding-block: 24px 28px; gap: 20px; }
  main.sm-portfolio .portfolio-lead-information .text-link { margin-top: 10px; }
  main.sm-portfolio .portfolio-pair { gap: 44px; }
  main.sm-portfolio .portfolio-pair .media-frame img { aspect-ratio: 3 / 2; }
  main.sm-portfolio .portfolio-making figure { max-width: none; }
  main.sm-portfolio .portfolio-making .media-frame img { aspect-ratio: 4 / 3; }
}

}