/* ============================================================
   GrowLink — Service (事業内容) pages
   ============================================================ */

/* ---------- Page hero (sub pages共通) ---------- */
.page-hero{
  position:relative;overflow:hidden;
  padding-top:140px;padding-bottom:clamp(48px,6vw,80px);
  background:
    radial-gradient(120% 90% at 92% 6%, color-mix(in oklab, var(--orange) 13%, transparent), transparent 58%),
    radial-gradient(90% 80% at 4% 100%, color-mix(in oklab, var(--blue) 9%, transparent), transparent 55%),
    var(--hero-bg);
}
.page-hero .wrap{position:relative;z-index:2;}
.breadcrumb{
  display:flex;align-items:center;gap:.65em;flex-wrap:wrap;
  font-size:.78rem;color:var(--ink-3);font-family:var(--latin);font-weight:600;letter-spacing:.04em;
  margin-bottom:1.6em;
}
.breadcrumb a{color:var(--ink-3);transition:color .25s;}
.breadcrumb a:hover{color:var(--accent-ink);}
.breadcrumb .sep{opacity:.5;}
.page-hero h1{
  font-family:var(--heading-family);font-weight:700;
  font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.32;letter-spacing:.04em;margin:.4em 0 0;
}
.page-hero .lead{
  margin:1.5em 0 0;color:var(--ink-2);font-size:1.04rem;line-height:2.05;max-width:62ch;
}
.page-hero .ghost-en{
  position:absolute;right:clamp(-10px,2vw,40px);top:96px;z-index:1;
  font-family:var(--latin);font-weight:700;
  font-size:clamp(5rem,17vw,12rem);line-height:.8;letter-spacing:-.03em;
  color:color-mix(in oklab, var(--accent) 12%, transparent);
  pointer-events:none;user-select:none;
}

/* ---------- Service list rows ---------- */
.svc-list{display:flex;flex-direction:column;gap:clamp(28px,4vw,52px);}

.svc-row{
  --c:var(--orange);
  display:grid;grid-template-columns:minmax(220px,340px) 1fr;
  gap:clamp(28px,4vw,60px);align-items:center;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:clamp(28px,3.4vw,48px);position:relative;overflow:hidden;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s;
}
.svc-row::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:var(--c);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease);
}
.svc-row:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:color-mix(in oklab,var(--c) 38%,var(--line));}
.svc-row:hover::before{transform:scaleY(1);}
.svc-row:nth-child(even){grid-template-columns:1fr minmax(220px,340px);}
.svc-row:nth-child(even) .svc-art{order:2;}
@media (max-width:940px){
  .svc-row,.svc-row:nth-child(even){grid-template-columns:1fr;gap:24px;}
  .svc-row:nth-child(even) .svc-art{order:0;}
  .svc-art{max-width:380px;}
}

/* art block — ghost number + 3-circle motif */
.svc-art{
  position:relative;aspect-ratio:4/3;border-radius:var(--radius-sm);
  background:
    radial-gradient(circle at 50% 46%, color-mix(in oklab,var(--c) 9%, var(--surface)), color-mix(in oklab,var(--c) 3%, var(--bg-2)));
  display:grid;place-items:center;overflow:hidden;
  border:1px solid color-mix(in oklab,var(--c) 16%, var(--line));
}
.svc-art .ghost-no{
  position:absolute;left:18px;top:6px;z-index:1;
  font-family:var(--latin);font-weight:700;font-size:clamp(5rem,12vw,8.5rem);line-height:1;
  color:color-mix(in oklab,var(--c) 20%, transparent);letter-spacing:-.04em;user-select:none;
}
.svc-art svg{position:relative;z-index:2;width:62%;height:auto;overflow:visible;}
.svc-badge{
  position:absolute;top:16px;right:16px;z-index:3;
  font-size:.7rem;font-weight:700;letter-spacing:.06em;color:#fff;
  background:var(--c);border-radius:999px;padding:.42em .95em;
  box-shadow:0 6px 14px -8px var(--c);
}

/* body */
.svc-meta{display:flex;align-items:baseline;gap:.9em;margin-bottom:.4em;}
.svc-no{font-family:var(--latin);font-weight:700;font-size:1.05rem;color:var(--c);letter-spacing:.02em;}
.svc-cat{font-size:.8rem;font-weight:600;color:color-mix(in oklab,var(--c) 60%, var(--ink-2));letter-spacing:.05em;}
.svc-name{
  font-family:var(--heading-family);font-weight:700;
  font-size:clamp(1.4rem,2.8vw,1.95rem);line-height:1.4;letter-spacing:.02em;margin:0;
}
.svc-desc{margin:.9em 0 0;color:var(--ink-2);font-size:.98rem;line-height:1.95;max-width:48ch;}

.svc-for{margin-top:1.5em;}
.svc-for-label{
  display:inline-flex;align-items:center;gap:.5em;
  font-size:.76rem;font-weight:700;color:var(--ink-3);letter-spacing:.08em;margin-bottom:.7em;
}
.svc-for-label::before{content:"";width:16px;height:2px;background:var(--c);border-radius:2px;}
.svc-for ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5em;}
.svc-for li{
  position:relative;padding-left:1.5em;font-size:.9rem;color:var(--ink-2);line-height:1.7;
}
.svc-for li::before{
  content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;
  background:var(--c);
}

.svc-link{
  display:inline-flex;align-items:center;gap:.7em;margin-top:1.8em;
  font-weight:700;font-size:.95rem;color:var(--ink-1);letter-spacing:.02em;
  transition:gap .3s var(--ease), color .25s;
}
.svc-link .circle{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;
  border:1.5px solid var(--line);transition:.35s var(--ease);color:var(--ink-2);
}
.svc-row:hover .svc-link .circle{background:var(--c);border-color:var(--c);color:#fff;}
.svc-link:hover{gap:1.1em;color:var(--c);}

/* ---------- Ecosystem strip (3者) ---------- */
.eco{background:var(--bg-2);}
.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:760px){ .eco-grid{grid-template-columns:1fr;} }
.eco-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 28px;border-top:4px solid var(--c);
}
.eco-card .dot{width:34px;height:34px;border-radius:50%;background:var(--c);margin-bottom:16px;
  box-shadow:0 8px 18px -8px var(--c);}
.eco-card .en{font-family:var(--latin);font-weight:700;font-size:.78rem;color:var(--c);letter-spacing:.1em;}
.eco-card h3{font-family:var(--heading-family);font-weight:700;font-size:1.2rem;margin:.3em 0 .5em;letter-spacing:.03em;}
.eco-card p{margin:0;font-size:.9rem;color:var(--ink-2);line-height:1.9;}