/* 產品系列總覽 /products/ */
.ps-crumb{padding-top:32px}
.ps-head{margin-top:40px;padding-bottom:48px;align-items:end}
.ps-head__title{grid-column:1/span 6;display:flex;flex-direction:column;gap:20px}
.ps-head__lead{grid-column:8/span 5;display:flex;flex-direction:column;gap:24px}

.ps-grid{border-top:1px solid var(--c-ink);padding-top:2px;background:var(--c-line)}
.p-tile{aspect-ratio:4/5}
.p-tile__n{position:absolute;left:20px;top:20px;z-index:1;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--c-accent)}
.material--photo .p-tile__n{color:var(--c-ink);background:rgba(242,238,231,.88);padding:2px 6px;left:14px;top:16px}
.p-tile .media__placeholder{place-items:start start;padding:48px 20px 20px;text-align:left}
.p-tile__line{margin-top:8px;font-size:13px;line-height:1.6;color:var(--c-ink-2);min-height:4.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.material--photo .p-tile__line{color:var(--c-bg);opacity:.9}
.material--photo.p-tile .media::after{height:52%;background:rgba(31,30,28,.42)}

/* 色卡與型錄 */
.ps-catalog{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:40px}
.ps-catalog__item{grid-column:span 6;display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--c-ink);padding-top:24px}
.ps-catalog__item p{max-width:520px}
.ps-catalog__item .btn-row{margin-top:8px}
.ps-cards{border-top:1px solid var(--c-line)}
.ps-cards li{display:grid;grid-template-columns:1fr auto;gap:16px;padding:10px 0;border-bottom:1px solid var(--c-line);font-size:15px}
.ps-cards li span:last-child{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--c-ink-2);align-self:center}

@media (max-width:1100px){
  .ps-head__title{grid-column:1/span 6}
  .ps-head__lead{grid-column:7/span 6}
}
@media (max-width:767px){
  .ps-crumb{padding-top:20px}
  .ps-head{margin-top:20px;padding-bottom:32px;row-gap:20px}
  .materials.ps-grid{grid-template-columns:1fr}
  .p-tile{aspect-ratio:3/2}
  .p-tile__n{left:12px;top:12px}
  .material--photo .p-tile__n{left:8px;top:10px}
  .p-tile .media__placeholder{padding:36px 12px 12px}
  .p-tile .material__name{font-size:19px}
  .p-tile__line{font-size:12px;-webkit-line-clamp:2;min-height:3.2em;margin-top:4px}
  .ps-catalog{grid-template-columns:1fr;gap:48px;margin-top:24px}
  .ps-catalog__item{grid-column:auto}
}