/* 추가 · 광고 사진 '월매출 1억 2천 / 순수익 4,700만원' + 백양식 정산표 틀 */
.s18d {
  --s18d-bg: #0e0c09;
  --s18d-gold: #f2c75a;
  --s18d-gold-2: #ffe7a3;
  --s18d-green: #005633;
  --s18d-sheet: #fffdf6;
  background: radial-gradient(120% 70% at 50% 0, #2a2113 0, var(--s18d-bg) 60%);
  color: var(--c-white);
  padding: 90px 0 100px;
}
.s18d-in { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 40px; align-items: center; max-width: 1240px; }
.s18d-ad { position: relative; margin: 0; border-radius: 22px; background: #0b0906; box-shadow: 0 20px 50px rgba(0, 0, 0, .5); }
.s18d-copy { position: relative; z-index: 2; padding: 40px 24px 22px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 4px; letter-spacing: -0.04em; line-height: 1.12; }
.s18d-copy > span { display: block; }
.s18d-small { font-family: var(--f-body); font-weight: 700; font-size: clamp(18px, 2vw, 28px); color: var(--c-white); }
.s18d-line { font-size: clamp(32px, 4.2vw, 60px); }
.s18d-w { color: var(--c-white); }
.s18d-g {
  color: var(--s18d-gold);
  background: linear-gradient(180deg, var(--s18d-gold-2) 10%, var(--s18d-gold) 55%, #c9902a 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .6));
}
/* 금색 숫자에 빛이 지나가는 반짝임 */
.s18d-shine { background-size: 100% 100%; position: relative; }
.js .s18d-line.in .s18d-shine { animation: s18d-glow 2.8s ease-in-out .6s infinite; }
@keyframes s18d-glow { 0%, 100% { filter: drop-shadow(0 2px 0 rgba(0,0,0,.6)); } 50% { filter: drop-shadow(0 2px 0 rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(255, 210, 110, .75)); } }
.s18d-img { width: 100%; height: auto; margin-top: -40px; border-radius: 0 0 22px 22px; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 70px); mask-image: linear-gradient(to bottom, transparent 0, #000 70px); }
.s18d-cap { position: absolute; right: 12px; bottom: 10px; z-index: 2; font-size: 12px; color: rgba(255, 255, 255, .85); background: rgba(0, 0, 0, .55); padding: 3px 8px; border-radius: 4px; }

.s18d-sheet { background: var(--s18d-sheet); color: var(--c-ink); border-radius: 18px; padding: 34px 32px 28px; box-shadow: 0 16px 40px rgba(0, 0, 0, .35); }
.s18d-sheet-k { font-size: 14px; font-weight: 700; color: var(--s18d-green); letter-spacing: -0.03em; }
.s18d-sheet-h { margin-top: 8px; font-size: clamp(21px, 2vw, 26px); color: #000; letter-spacing: -0.05em; }
.s18d-rows { margin: 22px 0 0; }
.s18d-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 11px 2px; border-top: 1px dashed #cfc7b0; font-size: 17px; }
.s18d-row dt { color: #333; }
.s18d-row dd { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.s18d-in-row { border-top: 2px solid #1a1a1a; }
.s18d-in-row dt, .s18d-in-row dd { font-weight: 900; }
.s18d-net { border-top: 2px solid #1a1a1a; margin-top: 4px; }
.s18d-net dt { font-weight: 900; color: var(--s18d-green); font-size: 19px; }
.s18d-net dd { font-weight: 900; color: var(--s18d-green); font-size: 22px; }
.s18d-note { margin-top: 14px; font-size: 14px; color: #6f736b; }

@media (max-width: 960px) {
  .s18d-in { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 768px) {
  .s18d { padding: 56px 0 64px; }
  .s18d-ad { border-radius: 16px; }
  .s18d-copy { padding: 30px 12px 16px; }
  .s18d-line { font-size: clamp(28px, 8.4vw, 40px); }
  .s18d-img { margin-top: -24px; border-radius: 0 0 16px 16px; }
  .s18d-sheet { padding: 24px 18px 20px; border-radius: 16px; }
  .s18d-row { font-size: 15px; padding: 10px 2px; }
  .s18d-net dd { font-size: 19px; }
}