section {
  padding: 112px 72px;
  border-top: 1px solid var(--line);
  position: relative;
}

.sec-tag {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--ink-3); margin-bottom: 14px;
}

.sec-h {
  display: flex; justify-content: space-between; align-items: flex-end;
  gap: 40px; margin-bottom: 64px;
  padding-bottom: 20px; border-bottom: 2px solid var(--ink);
  position: relative;
}
.sec-h::before {
  content: ''; position: absolute; left: 0; bottom: -2px;
  width: 60px; height: 2px; background: var(--hot);
}
.sec-h h2 {
  font-family: 'Fraunces', serif; font-style: italic; font-weight: 400;
  font-size: clamp(36px, 5vw, 68px); letter-spacing: -.035em; line-height: .95;
}
.sec-h h2 em {
  font-style: italic;
  display: inline-block;
  background: linear-gradient(135deg, #FF4D2E 0%, #FF8050 55%, #FFBA80 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.sec-note {
  font-size: 14px; color: var(--ink-3); max-width: 300px;
  line-height: 1.65; text-align: right;
}

@media(max-width:800px) {
  section { padding: 80px 24px; }
  .sec-h { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 44px; }
  .sec-note { text-align: left; max-width: 100%; }
}

@media(max-width:520px) {
  section { padding: 64px 18px; }
  .sec-h { margin-bottom: 36px; padding-bottom: 16px; }
  .sec-h h2 { font-size: clamp(30px, 8vw, 44px); }
}