/* ============================================================
   founder.css — 事業責任者紹介（Founder Message）
   Design: 3a — カーテン写真版 / 3a モバイル（<880px）
   ============================================================ */

.founder-section{
  background:#fff;
}
.founder-section .section-title{margin-bottom:48px;}

.founder-grid{
  display:grid; grid-template-columns:2fr 1fr; gap:56px;
  align-items:start;
  max-width:1200px; margin:0 auto;
}

.founder-card{
  position:relative; z-index:1;
  background:var(--navy);
  padding:48px 96px 48px 96px;
  top:90px; left:30px; 
  clip-path:polygon(40px 0, 100% 0, calc(100% - 40px) 100%, 0 100%);
}

.founder-photo{
  position:relative; z-index:2;
  margin-top:24px; margin-left:-64px; left:-30px;
  aspect-ratio:359/556;
  overflow:hidden;
  box-shadow:0 20px 48px rgba(12,27,58,0.25);
  clip-path:polygon(40px 0, 100% 0, calc(100% - 40px) 100%, 0 100%);

}
.founder-photo img{width:100%; height:100%; object-fit:cover; display:block;}

.founder-badge{
  display:inline-block;
  font-size:15px; font-weight:700; letter-spacing:0.03em;
  color:var(--blue-light);
  background:rgba(95,168,255,0.16);
  padding:7px 16px; border-radius:999px;
  margin-bottom:8px;
}

.founder-name-row{display:flex; align-items:baseline; gap:12px; margin-bottom:28px;}
.founder-name{font-size:40px; font-weight:900; color:#fff; letter-spacing:0.02em;}
.founder-name-en{font-size:16px; color:rgba(255,255,255,0.6); letter-spacing:0.03em;}

.founder-quote{
  font-size:40px; font-weight:700; color:#fff;
  border-left:4px solid var(--blue);
  padding-left:16px; margin-bottom:28px; line-height:1.6;
}

.founder-divider{height:1px; background:rgba(255,255,255,0.14); margin-bottom:28px;}

.founder-body{font-size:17px; line-height:1.9; color:rgba(255,255,255,0.75); margin-bottom:28px;}

.founder-bio-label{font-size:17px; font-weight:700; color:rgba(255,255,255,0.75); letter-spacing:0.05em; margin-bottom:18px;}

.founder-bio-list{display:flex; flex-direction:column; gap:12px;}
.founder-bio-item{display:flex; align-items:center; gap:12px; font-size:16px; color:rgba(255,255,255,0.75);}
.founder-bio-item::before{content:""; flex:0 0 5px; width:5px; height:5px; background:var(--blue);}
.founder-bio-year{flex:0 0 64px; font-weight:700; color:#fff;}

@media(max-width:1100px){
  .founder-quote br{display:none;}
}

@media(max-width:880px){
  /* 5c — 写真に重ねたヒーロー型（グラデーションで紺へ） */
  .founder-section{padding-left:0; padding-right:0;}

  .founder-grid{
    grid-template-columns:1fr; grid-template-rows:1fr auto auto; gap:0;
    max-width:600px;
    background:var(--navy);
    padding-bottom:56px;
  }

  .founder-card{display:contents;}
  .founder-card > *{margin-left:24px; margin-right:24px;}

  .founder-photo{
    grid-row:1 / 4; grid-column:1;
    z-index:1;
    margin:0; left:0; top:0;
    aspect-ratio:4/5;
    box-shadow:none;
    clip-path:none;
  }
  .founder-photo img{object-position:top;}
  .founder-photo::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(12,27,58,0) 45%, var(--navy) 100%);
  }

  .founder-badge{
    grid-row:2; grid-column:1; position:relative; z-index:2;
    justify-self:start; font-size:13px; padding:6px 14px; margin-bottom:8px;
  }
  .founder-name-row{
    grid-row:3; grid-column:1; position:relative; z-index:2;
    flex-wrap:wrap; gap:4px 12px; margin-bottom:0;
  }
  .founder-name{font-size:28px;}
  .founder-name-en{font-size:14px;}

  .founder-quote{font-size:24px; padding-left:14px; margin-top:20px; margin-bottom:20px;}
  .founder-quote br{display:inline;}

  .founder-body{font-size:17px; margin-bottom:20px;}

  .founder-divider{margin-bottom:20px;}

  .founder-bio-label{font-size:15px; margin-bottom:14px;}
  .founder-bio-list{gap:10px;}
  .founder-bio-item{gap:14px; font-size:17px; line-height:1.6;}
  .founder-bio-year{flex:0 0 52px;}
}

@media(max-width:350px){
  .founder-quote br{display:none;}
}