/* ============================
   Service page
============================ */

.svc-list{
  padding:40px 0 60px;
}
.svc-item{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:0;
  min-height:560px;
}
.svc-item.reverse{
  grid-template-columns:1fr 1fr;
}
.svc-item.reverse .svc-image{order:2}
.svc-item.reverse .svc-text{order:1;padding-left:8vw;padding-right:60px}

.svc-image{
  background-size:cover;
  background-position:center;
  min-height:560px;
}
.svc-text{
  padding:60px 60px 60px 8vw;
  max-width:640px;
}
.svc-num{
  font-family:"Noto Sans JP",sans-serif;
  font-weight:300;
  font-size:52px;
  letter-spacing:.08em;
  line-height:1;
  color:#9a9a9a;
  margin-bottom:14px;
}
.svc-label{
  font-size:11px;
  letter-spacing:.3em;
  color:#aaa;
  margin-bottom:22px;
}
.svc-name{
  font-family:"Noto Serif JP","Cormorant Garamond",serif;
  font-weight:300;
  font-size:34px;
  letter-spacing:.12em;
  line-height:1;
  margin-bottom:26px;
  color:#222;
}
.svc-desc{
  font-size:13px;
  line-height:2.1;
  letter-spacing:.08em;
  color:#555;
}

/* ====== Partner Factories ====== */
.partner{
  padding:100px 0 0;
}
.partner .container{padding-bottom:40px}
.partner-label{
  color:#aaa;
  text-align:left !important;
  margin-bottom:14px !important;
}
.partner-title{
  font-family:"Noto Serif JP","Cormorant Garamond",serif;
  font-weight:300;
  font-size:34px;
  letter-spacing:.15em;
  color:#222;
}
.partner-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2px;
  background:#fff;
}
.partner-card{
  background:#1e1e1e;
  aspect-ratio:1/1.4;
  position:relative;
  display:flex;
  align-items:flex-end;
  padding:28px;
  transition:background .3s ease;
}
.partner-card:hover{background:#333}
.partner-card span{
  color:#ddd;
  font-size:11px;
  letter-spacing:.28em;
}

/* ====== CTA ====== */
.cta{
  padding:80px 20px 120px;
  text-align:center;
}
.cta-btn{
  display:inline-block;
  padding:22px 60px;
  border:1px solid #222;
  font-size:12px;
  letter-spacing:.35em;
  color:#222;
  transition:background .3s ease,color .3s ease;
}
.cta-btn:hover{
  background:#222;
  color:#fff;
  opacity:1;
}

/* ====== Responsive ====== */
@media (max-width:960px){
  .svc-list{padding:20px 0 40px}
  .svc-item,
  .svc-item.reverse{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .svc-image,
  .svc-item.reverse .svc-image{
    order:0;
    min-height:260px;
  }
  .svc-text,
  .svc-item.reverse .svc-text{
    order:1;
    padding:40px 24px 60px;
    max-width:none;
  }
  .svc-num{font-size:40px}
  .svc-name{font-size:26px}

  .partner{padding:60px 0 0}
  .partner-title{font-size:24px}
  .partner-grid{grid-template-columns:repeat(2,1fr)}
  .partner-card{aspect-ratio:1/1}

  .cta{padding:60px 20px 80px}
  .cta-btn{padding:18px 40px}
}

@media (max-width:480px){
  .partner-grid{grid-template-columns:1fr}
}