/* 設計師／工班／經銷合作 /pro/ */
.pro-intro{padding-top:96px;row-gap:24px}
.pro-intro__title{grid-column:1/span 6;display:flex;flex-direction:column;gap:24px}
.pro-intro__lede{grid-column:8/span 5;align-self:end;font-size:17px;line-height:1.9}
.pro-jump{grid-column:1/-1;display:flex;gap:32px;flex-wrap:wrap;padding-top:40px;margin-top:16px;border-top:1px solid var(--c-line)}
.pro-jump a{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-2)}
.pro-jump a span{color:var(--c-accent);margin-right:8px}
.pro-jump a:hover{color:var(--c-ink)}

.pro-sec{scroll-margin-top:calc(var(--header-h-compact) + 24px)}
.pro-sec .sec-en{display:block}
.pro-sec__title{margin-top:16px}
.pro-sec__desc{margin-top:20px;max-width:340px}

.downloads{border-top:1px solid var(--c-ink)}
.download{display:grid;grid-template-columns:48px 1fr auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--c-line);color:var(--c-ink)}
.download__n{font-family:var(--f-mono);font-size:11px;color:var(--c-accent)}
.download__body{display:flex;flex-direction:column;gap:6px}
.download__name{font-family:var(--f-serif);font-size:22px;font-weight:500;line-height:1.4;transition:color var(--dur)}
.download__meta{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;color:var(--c-ink-2);line-height:1.7}
.download__act{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;border:1px solid var(--c-ink);padding:8px 14px;white-space:nowrap;min-width:112px;text-align:center}
a.download:hover{color:var(--c-ink)}
a.download:hover .download__name{color:var(--c-accent)}
a.download:hover .download__act{background:var(--c-ink);color:var(--c-bg)}
.download--muted .download__act{border-color:var(--c-line);color:var(--c-ink-2)}

.swatch-cards{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}

.pro-form{border-top:1px solid var(--c-ink);padding-top:40px;align-content:start}
.pro-form textarea.field__input{min-height:96px}

.support{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--c-ink)}
.support__item{padding:28px 24px 28px 0;border-right:1px solid var(--c-line);display:flex;flex-direction:column;gap:12px}
.support__item+.support__item{padding-left:24px}
.support__item:last-child{border-right:0}
.support__n{font-family:var(--f-serif);font-size:40px;line-height:1;font-variant-numeric:tabular-nums}
.support__t{font-family:var(--f-serif);font-size:19px;font-weight:500;line-height:1.4}
.support__d{font-size:14px;line-height:1.7;color:var(--c-ink-2)}
.support__d a{color:var(--c-ink);border-bottom:1px solid var(--c-ink)}
.support__d a:hover{color:var(--c-accent);border-color:var(--c-accent)}

.dealer{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.dealer__text{display:flex;flex-direction:column;gap:20px}
.dealer__text p{font-size:16px;line-height:1.85}
.dealer .kv__row{grid-template-columns:80px 1fr}
.dealer .kv__row dt{font-size:10.5px}

@media (max-width:1100px){
  .dealer{grid-template-columns:1fr}
}
@media (max-width:767px){
  .pro-intro{padding-top:48px}
  .pro-intro__lede{font-size:16px}
  .pro-jump{gap:12px 20px;padding-top:24px}
  .pro-sec__desc{margin-bottom:8px}
  .download{grid-template-columns:28px 1fr;gap:6px 12px;padding:18px 0}
  .download__name{font-size:18px}
  .download__act{grid-column:2;justify-self:start;margin-top:6px}
  .pro-form{padding-top:28px}
  .support{grid-template-columns:1fr}
  .support__item,.support__item+.support__item{padding:20px 0;border-right:0;border-bottom:1px solid var(--c-line);display:grid;grid-template-columns:56px 1fr;gap:4px 12px}
  .support__item:last-child{border-bottom:0}
  .support__n{font-size:32px;grid-row:span 2}
  .dealer{gap:32px}
}