/* V1 product-series showcase, scoped to the new homepage section. */
.dm-series-section { padding:88px 0 0; background:#fff; color:#14223a; scroll-margin-top:90px; }
.dm-series-wrap { max-width:1280px; margin:0 auto; padding:0 32px; }
.dm-series-heading { margin-bottom:40px; }
.dm-series-heading h2 { font-size:36px; line-height:1.3; letter-spacing:.01em; margin:0 0 12px; font-weight:700; }
.dm-series-heading p { font-size:16px; line-height:1.8; color:#52637b; max-width:760px; margin:0; }
.dm-series-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.dm-series-card { position:relative; border-radius:22px; overflow:hidden; background:#f4f7fb; min-height:520px; display:flex; flex-direction:column; }
.dm-series-card-top { padding:34px 32px 0; }
.dm-series-tag { display:inline-block; font-size:12px; line-height:1.6; padding:3px 10px; border-radius:999px; background:#fff; color:#52637b; margin:0 6px 6px 0; }
.dm-series-card h3 { font-size:28px; line-height:1.4; font-weight:700; margin:16px 0 12px; }
.dm-series-card p { color:#52637b; font-size:15px; line-height:1.8; margin:0; }
.dm-series-hint { font-size:13px; line-height:1.7; margin-top:14px; color:#738299; }
.dm-series-visual { flex:1; min-height:230px; display:flex; align-items:flex-end; justify-content:center; padding:24px; }
.dm-series-visual img { display:block; width:100%; max-width:280px; max-height:270px; object-fit:contain; mix-blend-mode:multiply; }
.dm-series-visual svg { display:block; width:240px; height:196px; max-width:100%; }
.dm-series-card-dark { background:#0f1726; color:#fff; }
.dm-series-card-dark p { color:#aab5c8; }
.dm-series-card-dark .dm-series-tag { background:rgba(255,255,255,.1); color:#d6deea; }
.dm-series-card-dark .dm-series-visual img { mix-blend-mode:lighten; }
.dm-series-card-dark .dm-series-hint { color:#a3b0c5; }
.dm-series-zodiac { display:grid; grid-template-columns:repeat(4,58px); gap:8px; }
.dm-series-zodiac span { height:58px; border-radius:12px; background:#fff; display:grid; place-items:center; color:#14223a; font-weight:700; font-size:22px; }
@media(max-width:1100px) and (min-width:901px) {
  .dm-series-card-top { padding:28px 24px 0; }
  .dm-series-card h3 { font-size:25px; }
  .dm-series-zodiac { grid-template-columns:repeat(4,48px); }
  .dm-series-zodiac span { height:48px; }
}
@media(max-width:900px) {
  .dm-series-section { padding-top:64px; }
  .dm-series-heading h2 { font-size:32px; }
  .dm-series-grid { grid-template-columns:1fr; gap:24px; }
  .dm-series-card { min-height:420px; }
  .dm-series-visual { min-height:210px; }
  .dm-series-visual img { max-height:230px; }
}
@media(max-width:600px) {
  .dm-series-wrap { padding:0 20px; }
  .dm-series-heading { margin-bottom:28px; }
  .dm-series-heading h2 { font-size:28px; }
  .dm-series-heading p { font-size:15px; }
  .dm-series-card-top { padding:28px 26px 0; }
  .dm-series-card h3 { font-size:26px; }
}