/* ============================
   Our Team page
============================ */

.ot-hero{padding:80px 0 40px}
.ot-hero-title{
  font-family:"Noto Sans JP",sans-serif;
  font-weight:300;
  font-size:clamp(40px,6vw,72px);
  letter-spacing:.08em;
  line-height:1;
  margin-bottom:80px;
}
.ot-hero-divider{height:1px;background:#e5e5e5;margin-bottom:24px}
.ot-hero-meta{display:flex;gap:180px;font-size:12px}
.ot-hero-meta dt{
  color:#aaa;letter-spacing:.15em;font-size:11px;margin-bottom:8px;
}
.ot-hero-meta dd{color:#333;letter-spacing:.08em}

/* ===== Craftsmen sections ===== */
.ot-craftsmen{
  display:flex;
  flex-direction:column;
}
.craftsman{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:640px;
  background:#0d0d10;
  color:#fff;
}
.craftsman:nth-child(even){background:#111114}

.craftsman-video{
  position:relative;
  background-size:cover;
  background-position:center;
  min-height:640px;
  overflow:hidden;
}
.craftsman-video::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,10,15,.55),rgba(10,10,15,.8));
}
.play-btn{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:78px;height:78px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.6);
  background:rgba(255,255,255,.05);
  z-index:2;
  display:flex;align-items:center;justify-content:center;
  transition:background .3s ease,transform .3s ease;
}
.play-btn:hover{background:rgba(255,255,255,.15);transform:translate(-50%,-50%) scale(1.05)}
.play-icon{
  width:0;height:0;
  border-left:14px solid #fff;
  border-top:9px solid transparent;
  border-bottom:9px solid transparent;
  margin-left:4px;
}

.craftsman-body{
  background:#fff;
  color:#222;
  padding:60px 60px 60px 48px;
  display:flex;
  flex-direction:column;
  gap:32px;
}
.craftsman-photo{
  width:100%;
  aspect-ratio:5/3;
  background-size:cover;
  background-position:center;
  max-height:320px;
}
.craftsman-role{
  font-size:10px;
  letter-spacing:.3em;
  color:#999;
  margin-bottom:14px;
}
.craftsman-name{
  font-family:"Noto Serif JP","Noto Sans JP",serif;
  font-weight:400;
  font-size:clamp(22px,2.4vw,28px);
  letter-spacing:.18em;
  margin-bottom:24px;
  color:#222;
}
.craftsman-bio p{
  font-size:13px;
  line-height:2.1;
  letter-spacing:.06em;
  color:#444;
  margin-bottom:16px;
}
.craftsman-bio p:last-child{margin-bottom:0}

/* ===== Closing ===== */
.ot-closing{
  padding:160px 0;
  text-align:center;
}
.ot-closing-text{
  font-family:"Noto Serif JP","Noto Sans JP",serif;
  font-weight:400;
  font-size:clamp(26px,3.2vw,38px);
  letter-spacing:.35em;
  line-height:2.2;
  color:#222;
  margin-bottom:50px;
}
.ot-closing-label{
  font-size:10px;
  letter-spacing:.4em;
  color:#aaa;
}

@media (max-width:960px){
  .ot-hero-meta{gap:60px}
  .craftsman{grid-template-columns:1fr;min-height:auto}
  .craftsman-video{min-height:300px}
  .craftsman-body{padding:40px 24px}
  .craftsman-photo{max-height:none;aspect-ratio:4/3}
  .ot-closing{padding:100px 0}
}