.home-main { min-height: 0; padding: 0 0 220px; }
.home-intro { padding-top: 183px; display: grid; grid-template-columns: 178.678px minmax(0,1fr); gap: 30px; align-items: center; }
.intro-mark { position: relative; width: 178.678px; height: 178.678px; }
.intro-mark img { position: absolute; top: 11.107px; left: 11.107px; width: 156.463px; height: 156.463px; }
.intro-mark img:first-child { transform: rotate(-8.85deg); }
.intro-eyebrow { color: var(--muted); font-size: 16px; text-transform: uppercase; line-height: 1; }
.intro-copy h1 { margin-top: 24px; font-size: 50px; font-weight: 400; line-height: 60px; letter-spacing: 0; }
.intro-copy > p:last-child { margin-top: 12px; color: var(--ink); font-size: 18px; line-height: 40px; letter-spacing: -.18px; }
.work-section { margin-top: 81px; }
.section-rule { padding: 20px 0; border-bottom: 1px solid #999; }
.section-rule h2 { font-size: 22px; font-weight: 500; line-height: 1; letter-spacing: -.33px; }
.section-rule span { display: none; }
.project-list { width: min(1028px, 100%); margin: 60px auto 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 60px 30px; }
.project-card { min-width: 0; }
.project-card--wide { grid-column: 1 / -1; }
.project-link { display: block; color: inherit; text-decoration: none; }
.project-media { aspect-ratio: 602 / 338.67; overflow: hidden; border-radius: 20px; background: #ddd; }
.project-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.project-card-copy { display: flex; flex-direction: column; gap: 24px; padding: 20px 0; }
.project-card-copy h3 { font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -.33px; }
.project-card-copy p { color: var(--muted); font-size: 16px; line-height: 28px; }
.project-card--wide .project-card-copy { display: grid; grid-template-columns: minmax(0,1fr) minmax(0, 58%); gap: 24px; }
@media (min-width: 621px) { .project-card--wide .project-card-copy p { text-align: right; } }
.project-link:focus-visible { outline-offset: 6px; border-radius: 20px; }
.project-load-note { padding: 40px 0; color: var(--muted); }
@media (hover:hover) { .project-link:hover .project-media img { transform: scale(1.018); } }
@media (max-width: 1100px) { .intro-copy h1 { font-size: 42px; line-height: 1.2; } .intro-copy > p:last-child { line-height: 28px; } }
@media (max-width: 820px) { .home-intro { padding-top: 140px; grid-template-columns: 110px minmax(0,1fr); gap: 24px; } .intro-mark { transform: scale(.62); transform-origin: left center; width: 110px; } .intro-copy h1 { font-size: 36px; } }
@media (max-width: 620px) {
  /* No mobile Home frame supplied: use the POC's established mobile gutters. */
  .home-main { padding-bottom: 80px; }
  .home-intro { padding-top: 120px; display: block; }
  .intro-mark { height: 110px; margin-bottom: 28px; transform-origin: left top; }
  .intro-eyebrow { font-size: 12px; line-height: 20px; }
  .intro-copy h1 { font-size: 36px; line-height: 43px; }
  .intro-copy h1 br { display: none; }
  .intro-copy > p:last-child { font-size: 16px; line-height: 24px; margin-top: 24px; }
  .work-section { margin-top: 64px; }
  .section-rule h2 { font-size: 20px; }
  .project-list { margin-top: 32px; grid-template-columns: 1fr; gap: 64px; }
  .project-card--wide { grid-column: auto; }
  .project-card-copy, .project-card--wide .project-card-copy { display: flex; flex-direction: column; gap: 14px; padding: 20px 0 0; }
  .project-card-copy h3 { font-size: 20px; }
  .project-card-copy p { line-height: 26px; }
}
@media (prefers-reduced-motion: reduce) { .project-media img { transition: none; } }