.nylc-page { --nylc-black: #231f20; }
.nylc-page .project-eyebrow { --eyebrow-left: 2.5rem; --eyebrow-right: 6rem; }

.nylc-hero { padding: clamp(4.5rem, 7vw, 7rem) 0; background: var(--smoke); }
.nylc-hero-inner { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.nylc-hero-copy { min-width: 0; }
.nylc-hero .project-eyebrow { color: var(--cloud); }
.nylc-hero .project-eyebrow::before, .nylc-hero .project-eyebrow::after { content: none; }
.nylc-hero h1 { max-width: 10ch; margin: 0; color: var(--raz); font-family: var(--font-display); font-size: clamp(3.9rem, 6.8vw, 6.75rem); font-weight: 700; letter-spacing: -.065em; line-height: 1.04; }
.nylc-hero .project-hero-intro { width: calc(100% + clamp(4rem, 7vw, 7rem)); max-width: 41rem; }
.nylc-hero-art { margin: 0; overflow: hidden; outline: 2px solid var(--raz); outline-offset: 5px; background: var(--nylc-black); }
.nylc-hero-art img { display: block; width: 100%; height: auto; }

.nylc-origin { padding: clamp(5.5rem, 9vw, 8.5rem) 0; background: var(--cloud); }
.nylc-origin-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .72fr); gap: clamp(3rem, 10vw, 9rem); align-items: center; }
.nylc-origin .project-section-heading, .nylc-origin .project-copy { color: var(--pavement); }
.nylc-origin .project-section-heading { max-width: 12ch; }
.nylc-origin .project-copy { max-width: 38rem; }
.nylc-original-art { position: relative; width: min(100%, 29rem); margin: 0 0 0 auto; padding: clamp(1.25rem, 2.5vw, 2.25rem); border: 1px solid rgba(51,51,51,.22); background: #fff; box-shadow: 12px 12px 0 var(--mist); }
.nylc-original-art img { display: block; width: 100%; height: auto; clip-path: inset(0 0 0 8px); }
.nylc-art-label { position: absolute; z-index: 2; top: 1rem; left: -2.25rem; padding: .5rem .75rem; background: var(--raz); color: var(--cloud); font-size: .65rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

.nylc-scale { padding: clamp(5.5rem, 9vw, 9rem) 0; background: var(--pavement); }
.nylc-scale-heading { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(20rem, .7fr); gap: clamp(3rem, 8vw, 8rem); align-items: end; }
.nylc-scale-heading .project-section-heading { max-width: 12ch; }
.nylc-scale-heading .project-copy { margin: 0; }
.nylc-apparel-composition { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 3rem); margin-top: clamp(4rem, 8vw, 7rem); }
.nylc-application { display: grid; min-width: 0; }
.nylc-application--chest { grid-column: 1 / span 8; grid-template-columns: minmax(14rem, .75fr) minmax(0, 1.25fr); gap: clamp(2rem, 4vw, 4rem); align-items: center; }
.nylc-application--back { grid-column: 3 / -1; grid-template-columns: minmax(0, 1.45fr) minmax(16rem, .55fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; margin-top: clamp(3rem, 7vw, 6rem); }
.nylc-application-copy { min-width: 0; }
.nylc-application-kicker { margin: 0 0 1rem; color: var(--raz); font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.nylc-application-copy h3 { margin: 0; color: var(--cloud); font-family: var(--font-display); font-size: clamp(2.2rem, 4.6vw, 4.25rem); font-weight: 700; letter-spacing: -.055em; line-height: .94; }
.nylc-application--chest .nylc-application-copy h3 { font-size: clamp(2.2rem, 3.7vw, 3.1rem); white-space: nowrap; }
.nylc-application-copy > p:last-child { max-width: 31rem; margin: 1.5rem 0 0; color: var(--cloud); font-size: clamp(.98rem, 1.3vw, 1.08rem); line-height: 1.7; }
.nylc-application-art { margin: 0; background: var(--nylc-black); }
.nylc-application-art img { display: block; width: 100%; height: auto; }
.nylc-application-art--chest { outline: 1px solid rgba(232,232,232,.25); outline-offset: 5px; }
.nylc-application-art--back { box-shadow: -12px 12px 0 var(--raz); }

@media (max-width: 1000px) {
  .nylc-hero-inner { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 3rem; }
  .nylc-hero .project-hero-intro { width: calc(100% + 2.5rem); }
  .nylc-scale-heading { gap: 3rem; }
  .nylc-application--chest { grid-column: 1 / span 10; }
  .nylc-application--back { grid-column: 2 / -1; }
}

@media (max-width: 900px) {
  .nylc-hero-inner, .nylc-origin-grid, .nylc-scale-heading { grid-template-columns: minmax(0, 1fr); }
  .nylc-hero .project-hero-intro { width: auto; }
  .nylc-hero-art { width: min(100%, 42rem); margin: 0 auto; }
  .nylc-origin-grid, .nylc-scale-heading { gap: 2.5rem; }
  .nylc-original-art { width: min(78%, 28rem); margin-left: auto; margin-right: 1rem; }
  .nylc-application--chest { grid-column: 1 / -2; }
  .nylc-application--back { grid-column: 2 / -1; }
}

@media (max-width: 700px) {
  .nylc-hero, .nylc-origin, .nylc-scale { padding: 4rem 0; }
  .nylc-hero h1 { font-size: clamp(3.25rem, 14vw, 4.6rem); }
  .nylc-original-art { width: calc(100% - 1rem); }
  .nylc-art-label { left: -1rem; }
  .nylc-apparel-composition { grid-template-columns: minmax(0, 1fr); }
  .nylc-application--chest, .nylc-application--back { grid-column: 1; grid-template-columns: minmax(0, 1fr); gap: 2rem; margin-top: 0; }
  .nylc-application--back { margin-top: 4.5rem; }
  .nylc-application--chest .nylc-application-art { grid-row: 2; }
  .nylc-application-copy h3 { font-size: clamp(2.65rem, 13vw, 3.8rem); }
}

@media (max-width: 420px) {
  .nylc-hero, .nylc-origin, .nylc-scale { padding: 3.25rem 0; }
  .nylc-hero h1 { font-size: clamp(2.9rem, 13.5vw, 3.8rem); }
  .nylc-original-art { width: 100%; padding: 1rem; box-shadow: 8px 8px 0 var(--mist); }
  .nylc-art-label { top: .75rem; left: -.5rem; }
  .nylc-application-art--back { box-shadow: -7px 7px 0 var(--raz); }
}