.grid-lamp-head { display: grid; grid-template-columns: 1.45fr 1fr; gap: 36px; align-items: end; padding: 28px 28px 36px; background: var(--white); border-bottom: 1px solid var(--ink); }
.grid-lamp-head h1 { margin: 32px 0 0; font-size: clamp(64px, 9vw, 150px); line-height: .83; letter-spacing: -.075em; text-transform: uppercase; }
.grid-lamp-intro { max-width: 32ch; justify-self: end; }
.grid-lamp-intro p { margin: 0 0 32px; font-size: clamp(21px, 2vw, 30px); line-height: 1.2; letter-spacing: -.035em; }
.grid-lamp-intro a { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding-top: 16px; border-top: 1px solid; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
.grid-lamp-intro a span:last-child { grid-column: 1 / -1; font-size: 11px; font-weight: 400; letter-spacing: .06em; }
.grid-lamp-intro a:hover { color: #b6330a; }
.grid-lamp-film { scroll-margin-top: 16px; padding: 20px 28px 24px; color: var(--paper); background: #160b12; }
.grid-lamp-film__heading { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 16px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.grid-lamp-film__heading h2 { margin: 0; font-size: inherit; font-weight: 700; }
.grid-lamp-film figure { margin: 0 auto; max-width: 1600px; }
.grid-lamp-film video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #080508; }
.grid-lamp-film figcaption { max-width: 90ch; margin-top: 16px; color: #d0c7ca; font-size: 12px; line-height: 1.6; }
.grid-lamp-note { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; padding: 40px 28px; border-bottom: 1px solid var(--ink); background: var(--orange); }
.grid-lamp-note h2 { margin: 24px 0 0; font-size: clamp(48px, 6vw, 90px); line-height: .9; letter-spacing: -.065em; text-transform: uppercase; }
.grid-lamp-note p:not(.kicker) { max-width: 42ch; margin: 0 0 28px; font-size: 18px; line-height: 1.4; }
.grid-lamp-note a { display: flex; justify-content: space-between; gap: 16px; padding: 16px 0; border-top: 1px solid; font-size: 13px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
@media (max-width: 900px) {
  .grid-lamp-head { grid-template-columns: 1fr; }
  .grid-lamp-head h1 { font-size: clamp(64px, 11vw, 110px); }
  .grid-lamp-intro { display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px; align-items: end; max-width: none; justify-self: stretch; }
  .grid-lamp-intro p { margin: 0; }
}
@media (max-width: 620px) {
  .grid-lamp-head { padding: 24px 16px 28px; gap: 28px; }
  .grid-lamp-head h1 { font-size: clamp(48px, 12.8vw, 79px); margin-top: 28px; }
  .grid-lamp-intro { grid-template-columns: 1fr; gap: 24px; }
  .grid-lamp-intro p { max-width: 28ch; font-size: 22px; }
  .grid-lamp-film { padding: 16px 0 20px; }
  .grid-lamp-film__heading, .grid-lamp-film figcaption { padding-inline: 16px; }
  .grid-lamp-note { grid-template-columns: 1fr; gap: 32px; padding: 32px 16px; }
}
