/* ===== Timeline Cards ===== */
.timeline-section{padding:110px 0;background:var(--off)}
.timeline-header{text-align:center;margin-bottom:56px}
.timeline-header .sec-desc{margin:0 auto}
.timeline-cards{display:grid;grid-template-columns:1fr;gap:24px;max-width:900px;margin:0 auto}
.tl-card{display:flex;gap:24px;background:#fff;border-radius:var(--radius-xl);padding:32px;border:1px solid rgba(0,0,0,.04);transition:var(--ease);position:relative;overflow:hidden}
.tl-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform var(--ease)}
.tl-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.tl-card:hover::before{transform:scaleX(1)}
.tl-card .tl-year{flex-shrink:0;width:80px;text-align:center;padding:12px 0}
.tl-card .tl-year .yr{font-family:'Noto Serif SC',serif;font-size:28px;font-weight:900;color:var(--red);line-height:1}
.tl-card .tl-year .yr-label{font-size:16px;color:var(--text3);margin-top:4px}
.tl-card .tl-content{flex:1}
.tl-card .tl-content h4{font-family:'Noto Serif SC',serif;font-size:18px;font-weight:700;margin-bottom:8px;transition:var(--ease)}
.tl-card:hover .tl-content h4{color:var(--red)}
.tl-card .tl-content p{font-size:16px;color:var(--text2);line-height:1.9;font-weight:500}

/* ===== Innovation ===== */
.innovation{padding:110px 0;background:var(--white)}
.innovation-card{background:linear-gradient(135deg,var(--red),var(--red-dark));border-radius:var(--radius-xl);padding:56px;color:#fff;position:relative;overflow:hidden}
.innovation-card::before{content:'';position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);pointer-events:none}
.innovation-card::after{content:'';position:absolute;bottom:-60px;left:-60px;width:250px;height:250px;background:radial-gradient(circle,rgba(201,169,110,.12),transparent 70%);pointer-events:none}
.innovation-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative;z-index:1}
.innovation-text .sec-label{color:rgba(255,255,255,.6);justify-content:flex-start}
.innovation-text .sec-label::before{background:rgba(255,255,255,.4)}
.innovation-text h2{font-family:'Noto Serif SC',serif;font-size:30px;font-weight:700;margin-bottom:16px;line-height:1.4}
.innovation-text p{font-size:18px;color:rgba(255,255,255,.85);line-height:2;margin-bottom:16px}
.innovation-text .highlight{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:10px 24px;border-radius:100px;border:1px solid rgba(255,255,255,.25);font-size:16px;color:rgba(255,255,255,.9);font-weight:500}
.innovation-text .highlight svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.innovation-visual{display:flex;flex-direction:column;gap:16px}
.iv-item{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:var(--radius);padding:20px 24px;border:1px solid rgba(255,255,255,.1);transition:var(--ease)}
.iv-item:hover{background:rgba(255,255,255,.15);transform:translateX(4px)}
.iv-item h4{font-size:16px;font-weight:600;margin-bottom:4px}
.iv-item p{font-size:16px;color:rgba(255,255,255,.7);line-height:1.6}

@media(max-width:768px){
  .biz-detail-grid,.innovation-grid{grid-template-columns:1fr;gap:32px}
  .tl-card{flex-direction:column;gap:12px}
  .tl-card .tl-year{width:auto;text-align:left;padding:0}
}