/* V6.4 service detail pages (services/<slug>/index.html). Loaded after styles.css and brand-v6-3.css and reuses
   their tokens, .frame/.grid, .btn/.link, .masthead, .colophon and .mbar. Nothing here applies to index.html or showcases/.
   Section rhythm: hero (bg) → fit·problem (bg-alt) → scope (bg) → materials·deliverables (bg-alt) → notes (bg) → consult (dark). */
.svc-masthead .svc-nav{position:static;display:flex;align-items:center;gap:28px;font-size:13px;padding:0;border:0;background:none}
.svc-masthead .svc-nav>a{display:inline-flex}
.svc-crumbs{border-bottom:1px solid var(--line)}
.svc-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 10px;padding:14px 0;font-size:12px;color:var(--muted)}
.svc-crumbs li+li::before{content:'/';margin-right:10px;color:var(--line-strong)}
.svc-crumbs a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.svc-crumbs [aria-current]{color:var(--ink)}

/* Hero: the service name is the headline; the right column is a summary that doubles as an in-page index. */
.svc-hero{padding:72px 0 84px}
.svc-hero__copy{grid-column:1/8;min-width:0}
.svc-hero__name{font-size:clamp(44px,4.6vw,66px);line-height:1.08;margin-bottom:30px}
.svc-hero__claim{font-size:24px;line-height:1.5;font-weight:550;letter-spacing:-.035em;color:var(--dark);max-width:600px;text-wrap:balance}
.svc-hero__lede{margin-top:22px;font-size:15px;line-height:1.9;color:#465363;max-width:560px}
.svc-hero__lede p+p{margin-top:12px}
.svc-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 26px;margin-top:34px}
.svc-glance{grid-column:9/-1;align-self:start;border-top:2px solid var(--dark);padding-top:18px;margin-top:10px;min-width:0}
.svc-glance__title{font-size:12px;font-weight:650;letter-spacing:.11em;color:var(--point-ink);margin-bottom:4px}
.svc-glance li{border-bottom:1px solid var(--line)}
.svc-glance a{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:14px 0;font-size:13px;line-height:1.7}
.svc-glance .k{font-size:11px;font-weight:650;color:var(--point-ink);padding-top:2px}
.svc-glance a:hover .v{text-decoration:underline;text-underline-offset:3px}

/* Shared section head */
.svc-sec{padding:84px 0}
.svc-sec__n{font-size:11px;letter-spacing:.08em;color:var(--point-ink);margin-bottom:14px}
.svc-sec h2,.svc-notes h2{font-size:30px;font-weight:550;letter-spacing:-.045em;line-height:1.3}
.svc-sec__sub{margin-top:16px;font-size:14px;line-height:1.85;color:var(--muted);max-width:340px}

/* 01·02: who it is for, side by side with the problems it addresses. */
.svc-duo{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.svc-duo__col{grid-column:1/7;min-width:0}
.svc-duo__col+.svc-duo__col{grid-column:7/-1;padding-left:40px;border-left:1px solid var(--line-strong)}
.svc-duo ul{margin-top:28px;border-top:1px solid var(--line-strong)}
.svc-duo li{position:relative;padding:15px 0 15px 28px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.7}
.svc-fitlist li::before{content:'✓';position:absolute;left:2px;top:16px;font-size:12px;color:var(--point-ink)}
.svc-problems li::before{content:'';position:absolute;left:2px;top:28px;width:12px;height:1px;background:var(--dark)}

/* 03: scope as a numbered ledger with included items. */
.svc-scope__head{grid-column:1/5}
.svc-steps{grid-column:6/-1;border-top:1px solid var(--line-strong);min-width:0}
.svc-steps>li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:0 20px;padding:28px 0;border-bottom:1px solid var(--line)}
.svc-steps .num{font-size:12px;color:var(--point-ink);padding-top:6px}
.svc-steps h3{font-size:20px;margin-bottom:10px}
.svc-steps p{font-size:14px;line-height:1.85;color:var(--muted)}
.svc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.svc-tags li{font-size:11px;line-height:1.5;padding:5px 9px;border:1px solid var(--line-strong);color:var(--ink);background:var(--bg)}

/* 04·05: what the owner sends, and what WeThru hands back. */
.svc-handoff{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.svc-handoff__col{grid-column:1/6;min-width:0}
.svc-handoff__col--out{grid-column:7/-1;background:var(--bg);border:1px solid var(--line);padding:32px 36px 20px}
.svc-materials{margin-top:26px;border-top:1px solid var(--line-strong)}
.svc-materials li{position:relative;padding:13px 0 13px 36px;font-size:15px;line-height:1.65;border-bottom:1px solid var(--line)}
.svc-materials .num{position:absolute;left:0;top:18px;font-size:10px;color:var(--point-ink)}
.svc-materials small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.svc-deliver{margin-top:22px}
.svc-deliver>div{padding:15px 0;border-top:1px solid var(--line)}
.svc-deliver dt{font-size:15px;font-weight:650;line-height:1.5}
.svc-deliver dd{font-size:13px;line-height:1.75;color:var(--muted);margin-top:4px}

/* Notes: limits stated plainly, no guarantee language. */
.svc-notes{padding:72px 0}
.svc-notes__head{grid-column:1/5}
.svc-notes ul{grid-column:6/-1;border-left:2px solid var(--point);padding-left:24px}
.svc-notes li{font-size:14px;line-height:1.85;color:var(--ink);padding:6px 0}
.svc-notes li b{font-weight:650}

/* Consult: the existing Kakao channel; the form only drafts text. */
.svc-consult{padding:84px 0}
.svc-consult__head{grid-column:1/6}
.svc-consult__head h2{font-size:34px}
.svc-consult__head p:not(.eyebrow){margin-top:20px;font-size:15px;line-height:1.9;color:#c0c9cf;max-width:420px}
.svc-consult__body{grid-column:7/-1;min-width:0}
.svc-consult__steps{border-top:1px solid #ffffff30}
.svc-consult__steps li{display:grid;grid-template-columns:44px minmax(0,1fr);padding:16px 0;border-bottom:1px solid #ffffff20;font-size:14px;line-height:1.8;color:#dfe5ea}
.svc-consult__steps .num{font-size:11px;color:var(--point-light);padding-top:3px}
.svc-consult__steps q{quotes:'‘' '’';color:#fff;font-weight:600}
.svc-consult__cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:30px}
.svc-consult__cta .btn{background:var(--bg);color:var(--dark);border-color:var(--bg)}
.svc-consult__cta .btn:hover{background:var(--bg-alt)}
.svc-consult__alt{margin-top:24px;font-size:12px;line-height:1.85;color:#b4c1cd}
.svc-consult__alt a{text-decoration:underline;text-underline-offset:3px}

/* Other services */
.svc-next{padding:56px 0 64px}
.svc-next ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-strong)}
.svc-next li+li{border-left:1px solid var(--line)}
.svc-next a{display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 20px 22px}
.svc-next li:first-child a{padding-left:0}
.svc-next .num{font-size:11px;color:var(--point-ink);letter-spacing:.06em}
.svc-next b{font-size:16px;font-weight:600}
.svc-next a:hover b{text-decoration:underline;text-underline-offset:4px}
.svc-next a.is-home b{color:var(--point-ink)}

@media(max-width:1100px){.svc-hero__copy{grid-column:1/8}.svc-glance{grid-column:8/-1}.svc-hero__claim{font-size:22px}.svc-duo__col+.svc-duo__col{padding-left:28px}.svc-handoff__col--out{padding:28px}}
@media(max-width:859px){
  .svc-masthead .svc-nav{gap:18px}
  .svc-masthead .svc-nav>a:nth-child(2){display:none}
  .svc-masthead .svc-nav>a:nth-child(3){display:inline-flex}
  .svc-hero{padding:52px 0 62px}
  .svc-hero__copy,.svc-glance{grid-column:1/-1}
  .svc-glance{margin-top:44px}
  .svc-sec{padding:62px 0}
  .svc-duo__col,.svc-duo__col+.svc-duo__col{grid-column:1/-1;padding-left:0;border-left:0}
  .svc-duo__col+.svc-duo__col{margin-top:48px}
  .svc-scope__head,.svc-steps,.svc-notes__head,.svc-notes ul,.svc-consult__head,.svc-consult__body{grid-column:1/-1}
  .svc-steps,.svc-notes ul,.svc-consult__body{margin-top:28px}
  .svc-sec__sub{max-width:560px}
  .svc-handoff__col,.svc-handoff__col--out{grid-column:1/-1}
  .svc-handoff__col--out{margin-top:40px}
  .svc-notes{padding:56px 0}
  .svc-consult{padding:62px 0}
  .svc-next ul{grid-template-columns:1fr 1fr}
  .svc-next li:nth-child(3){border-left:0}
  .svc-next li:nth-child(3) a{padding-left:0}
  .svc-next li:nth-child(n+3){border-top:1px solid var(--line)}
}
@media(max-width:599px){
  .svc-masthead .svc-nav{gap:0}
  .svc-masthead .svc-nav>a:nth-child(n+2){display:none}
  .svc-masthead .svc-nav>a:first-child{font-size:12px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}
  .svc-crumbs ol{font-size:11px;padding:12px 0}
  .svc-hero{padding:36px 0 46px}
  .svc-hero__name{font-size:clamp(34px,10vw,42px);margin-bottom:20px}
  .svc-hero__claim{font-size:19px;line-height:1.55}
  .svc-hero__lede{font-size:14px;line-height:1.85;margin-top:18px}
  .svc-hero__actions{margin-top:26px}
  .svc-hero__actions .btn{font-size:13px;min-height:50px;padding:13px 18px}
  .svc-glance{margin-top:36px}
  .svc-glance a{grid-template-columns:70px minmax(0,1fr);gap:10px;padding:12px 0;font-size:12px}
  .svc-glance .k{font-size:10px}
  .svc-sec{padding:46px 0}
  .svc-sec h2,.svc-notes h2{font-size:23px}
  .svc-sec__sub{font-size:13px}
  .svc-duo ul{margin-top:20px}
  .svc-duo li{font-size:14px;padding:13px 0 13px 24px}
  .svc-fitlist li::before{top:14px}
  .svc-problems li::before{top:25px;width:10px}
  .svc-duo__col+.svc-duo__col{margin-top:38px}
  .svc-steps{margin-top:22px}
  .svc-steps>li{grid-template-columns:1fr;padding:20px 0 22px}
  .svc-steps .num{padding:0 0 8px}
  .svc-steps h3{font-size:17px;margin-bottom:8px}
  .svc-steps p{font-size:13px}
  .svc-tags{gap:5px;margin-top:12px}
  .svc-tags li{font-size:10px;padding:4px 7px}
  .svc-materials li{font-size:14px;padding:12px 0 12px 30px}
  .svc-materials .num{top:16px}
  .svc-handoff__col--out{padding:22px 18px 10px;margin-top:32px}
  .svc-deliver dt{font-size:14px}
  .svc-deliver dd{font-size:12px}
  .svc-notes{padding:44px 0}
  .svc-notes ul{padding-left:16px;margin-top:20px}
  .svc-notes li{font-size:12px;padding:5px 0}
  .svc-consult{padding:46px 0}
  .svc-consult__head h2{font-size:27px;line-height:1.4}
  .svc-consult__head p:not(.eyebrow){font-size:13px;margin-top:16px}
  .svc-consult__body{margin-top:24px}
  .svc-consult__steps li{grid-template-columns:34px minmax(0,1fr);font-size:13px;padding:14px 0}
  .svc-consult__cta{margin-top:24px}
  .svc-consult__cta .btn{width:100%;font-size:13px}
  .svc-consult__alt{font-size:11px}
  .svc-next{padding:40px 0 46px}
  .svc-next ul{grid-template-columns:1fr}
  .svc-next li+li,.svc-next li:nth-child(n+3){border-left:0;border-top:1px solid var(--line)}
  .svc-next a,.svc-next li:first-child a,.svc-next li:nth-child(3) a{flex-direction:row;align-items:baseline;gap:14px;padding:15px 0}
  .svc-next b{font-size:14px}
  .svc-next .num{flex:none;width:64px}
}