.slw-hero-copy {
  --slw-surface: var(--color-surface);
  --slw-ink: var(--color-foreground);
  --slw-accent: var(--color-primary);
  --slw-label-bg: var(--color-highlight);
  --slw-label-ink: var(--color-deep);
  color: var(--slw-ink);
  padding: 0 var(--slw-shadow-offset, 10px) var(--slw-shadow-offset, 10px) 0;
  position: relative;
}

.slw-hero-copy__panel {
  background: var(--slw-surface);
  border: 2px solid var(--slw-ink);
  border-radius: 30px 30px 8px 30px;
  box-shadow: var(--slw-shadow-offset, 10px) var(--slw-shadow-offset, 10px) 0 var(--slw-accent);
  min-height: 0;
  overflow: hidden;
  padding: clamp(1.5rem, 3vw, 2.75rem);
  position: relative;
}

.slw-hero-copy__label { background: var(--slw-label-bg); border: 2px solid var(--slw-ink); border-radius: 999px; color: var(--slw-label-ink); display: inline-block; font-size: .76rem; font-weight: 900; letter-spacing: .12em; padding: .5rem .8rem; text-transform: uppercase; }
.slw-hero-copy__star { color: var(--slw-accent); font-size: clamp(1.65rem, 3vw, 2.75rem); position: absolute; right: 8%; top: 8%; transform: rotate(12deg); }
.slw-hero-copy__title { font-size: clamp(2.35rem, 4.7vw, 4.1rem); font-weight: 900; letter-spacing: -.055em; line-height: .96; margin-top: clamp(1.4rem, 3vw, 2.25rem); max-width: 11ch; }
.slw-hero-copy__highlight { color: var(--slw-accent); display: inline-block; }
.slw-hero-copy__subtitle { font-size: clamp(.95rem, 1.6vw, 1.15rem); font-weight: 650; margin-top: 1.35rem; max-width: 32ch; }
.slw-hero-copy__motif { bottom: -4%; color: var(--slw-accent); height: auto; position: absolute; right: -8%; transform: rotate(-8deg); width: 44%; }

@media (max-width: 767px) {
  .slw-hero-copy__panel { min-height: 0; padding: 1.35rem; }
  .slw-hero-copy__title { font-size: clamp(2.25rem, 11.5vw, 3.45rem); }
}