.lighting-note{
  position:relative;
  display:grid;
  grid-template-columns:minmax(180px,.7fr) minmax(0,1.8fr) auto;
  align-items:center;
  gap:clamp(1.5rem,4vw,4.5rem);
  overflow:hidden;
  background:#ebe8df;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.lighting-glow{
  width:clamp(150px,18vw,250px);
  aspect-ratio:1;
  justify-self:center;
  border-radius:50%;
  background:radial-gradient(circle at 46% 42%,#fff 0 7%,#fff4bd 19%,#f2d777 42%,rgba(242,215,119,.24) 67%,transparent 70%);
  box-shadow:0 0 70px rgba(238,199,77,.2);
}
.lighting-copy{position:relative;max-width:760px}
.lighting-copy .eyebrow{margin-bottom:1rem}
.lighting-copy h2{
  max-width:720px;
  font-size:clamp(2rem,4.2vw,4.7rem);
}
.lighting-copy>p:not(.eyebrow){max-width:680px;margin:1.35rem 0 0;color:var(--muted);font-size:clamp(1rem,1.2vw,1.15rem)}
.lighting-copy a{font-weight:800;text-underline-offset:.2em}
.lighting-link{
  align-self:end;
  white-space:nowrap;
  text-decoration:none;
  border-bottom:1px solid currentColor;
  padding-bottom:.25rem;
  font-size:.88rem;
  font-weight:800;
}
.lighting-link span{margin-left:.35rem}
@media(max-width:900px){
  .lighting-note{grid-template-columns:140px 1fr}
  .lighting-link{grid-column:2;justify-self:start;align-self:auto}
}
@media(max-width:560px){
  .lighting-note{grid-template-columns:1fr;gap:1.5rem}
  .lighting-glow{width:130px;justify-self:start}
  .lighting-link{grid-column:1}
}