.scene{position:relative;min-height:100vh;border-top:1px solid var(--osof-line)}
.scene01{
  background:
    radial-gradient(circle at 78% 22%,rgba(37,99,235,.12),transparent 26%),
    linear-gradient(180deg,#07111f,#091725)
}
.scene01__hero{min-height:100vh;display:grid;grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr)}
.scene01__copy{
  display:flex;flex-direction:column;justify-content:center;
  padding:100px 48px 80px max(32px,calc((100vw - 1440px)/2 + 32px))
}
.scene-kicker{
  color:var(--osof-cyan);font-size:12px;font-weight:800;
  letter-spacing:.22em;text-transform:uppercase
}
.scene-title{
  margin:18px 0 26px;font-size:clamp(68px,9.5vw,146px);
  line-height:.84;letter-spacing:-.07em
}
.scene-lead{
  max-width:650px;margin:0 0 14px;font-size:clamp(24px,2.1vw,34px);
  line-height:1.28;font-weight:760;letter-spacing:-.035em
}
.scene-body{max-width:650px;margin:0;color:#cbd5e1;font-size:18px;line-height:1.75}
.scene-question{margin-top:34px;color:#9fc7e9;font-size:13px;letter-spacing:.16em}
.scene01__visual{
  position:relative;min-height:100vh;overflow:hidden;
  border-left:1px solid var(--osof-line);background:#0a1626
}
.scene01__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scene01__visual::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(7,17,31,.22),transparent 34%),
             linear-gradient(0deg,rgba(7,17,31,.72),transparent 48%)
}
.scene01__caption{position:absolute;z-index:2;left:28px;bottom:28px;max-width:520px}
.scene01__caption strong{display:block;margin-top:8px;font-size:24px;letter-spacing:-.025em}
.scene01__story{max-width:1440px;margin:auto;padding:118px 30px}
.scene01__head{
  display:flex;justify-content:space-between;align-items:flex-end;
  gap:34px;margin-bottom:42px
}
.scene01__head h2{
  margin:0;font-size:clamp(48px,7vw,96px);line-height:.92;letter-spacing:-.055em
}
.scene01__head p{max-width:620px;color:var(--osof-muted);line-height:1.75}
.scene01__explorer{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);
  min-height:660px;border:1px solid var(--osof-line);border-radius:28px;
  overflow:hidden;background:linear-gradient(145deg,#0a1626,#0d1b2f)
}
.scene01__stage{position:relative;min-height:660px;overflow:hidden}
.scene01__stage img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:opacity .18s var(--osof-ease),transform .8s var(--osof-ease)
}
.scene01__stage img.is-changing{opacity:.18;transform:scale(1.025)}
.scene01__stage::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,17,31,.08),rgba(7,17,31,.18) 46%,rgba(7,17,31,.94)),
             linear-gradient(90deg,rgba(7,17,31,.7),transparent 65%)
}
.scene01__stage-copy{
  position:absolute;z-index:2;left:44px;right:44px;bottom:44px;max-width:720px
}
.scene01__stage-copy h3{
  margin:14px 0 18px;font-size:clamp(50px,6vw,88px);
  line-height:.94;letter-spacing:-.06em
}
.scene01__stage-copy p{margin:0;color:#d6dfeb;font-size:18px;line-height:1.7}
.scene01__timeline{padding:42px 30px;background:linear-gradient(180deg,#102039,#0d1a2d)}
.scene01__timeline h3{margin:12px 0 30px;font-size:31px;line-height:1.15}
.scene01__events{display:grid;gap:12px}
.scene01__event{
  display:grid;grid-template-columns:48px minmax(0,1fr) 108px;
  align-items:center;gap:13px;min-height:92px;padding:10px 10px 10px 15px;
  border:1px solid var(--osof-line);border-radius:16px;
  background:rgba(255,255,255,.025);color:var(--osof-white);
  text-align:left;cursor:pointer;transition:border-color .22s,background .22s,transform .22s
}
.scene01__event:hover,.scene01__event.active{
  border-color:var(--osof-blue);background:rgba(37,99,235,.09);transform:translateY(-1px)
}
.scene01__event b{color:var(--osof-blue);font-size:12px}
.scene01__event strong{display:block;margin-bottom:5px;font-size:15px}
.scene01__event small{color:var(--osof-muted);font-size:12px}
.scene01__event img{width:108px;height:68px;object-fit:cover;border-radius:10px}
.scene01__transition{
  min-height:68vh;display:grid;place-items:center;text-align:center;
  background:radial-gradient(circle at 50% 42%,rgba(37,99,235,.22),transparent 30%)
}
.scene01__transition h2{
  margin:14px 0 54px;font-size:clamp(62px,9vw,130px);line-height:.88;letter-spacing:-.065em
}
.scene01__transition p{margin:0;color:var(--osof-muted);font-size:17px}
@media(max-width:1080px){
  .scene01__hero{grid-template-columns:1fr}
  .scene01__visual{min-height:62vh;border-left:0;border-top:1px solid var(--osof-line)}
  .scene01__explorer{grid-template-columns:1fr}
  .scene01__stage{min-height:580px}
  .scene01__head{display:block}
  .scene01__head p{margin-top:18px}
}
@media(max-width:700px){
  .scene01__copy,.scene01__story{padding-left:20px;padding-right:20px}
  .scene01__stage-copy{left:24px;right:24px;bottom:28px}
  .scene01__timeline{padding:34px 20px}
  .scene01__event{grid-template-columns:40px 1fr 82px}
  .scene01__event img{width:82px;height:58px}
}