.trajectory-body{background:linear-gradient(180deg,#fff8ea 0%,#fff4e4 55%,#fffaf2 100%)}
.trajectory-header{position:relative;background:transparent}
.trajectory-back{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.54);font-size:13px;font-weight:800;transition:background .2s ease,transform .2s ease}
.trajectory-back:hover{background:#fff;transform:translateY(-2px)}
.trajectory-page{position:relative;z-index:1;padding-top:64px;padding-bottom:96px}
.trajectory-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:end;max-width:1240px;margin:0 auto 96px}
.trajectory-hero h1{margin:14px 0 0;font-size:clamp(64px,10vw,136px);line-height:.84;letter-spacing:-.08em}
.trajectory-hero h1 em{font-style:normal;color:var(--coral)}
.trajectory-intro{padding-bottom:8px}
.trajectory-intro>p{max-width:600px;margin:0;color:var(--ink);font-size:clamp(20px,2.1vw,30px);line-height:1.4;letter-spacing:-.03em}
.trajectory-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.trajectory-facts span{display:inline-flex;gap:5px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.55);color:var(--ink-soft);font-size:11px;line-height:1.25}
.trajectory-facts strong{color:var(--ink)}
.timeline-section{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,760px);gap:64px;justify-content:center;align-items:start}
.timeline-heading{position:sticky;top:120px}
.timeline-heading h2{margin:12px 0 16px;font-size:clamp(38px,4vw,58px);line-height:.98;letter-spacing:-.055em}
.timeline-heading p{margin:0;color:var(--ink-soft);font-size:14px}
.timeline{position:relative;display:grid;gap:16px;padding-left:40px}
.timeline::before{content:"";position:absolute;left:11px;top:18px;bottom:18px;width:1px;background:rgba(28,33,64,.16)}
.timeline-entry{position:relative}
.timeline-entry::before{content:"";position:absolute;left:-35px;top:25px;width:11px;height:11px;border:4px solid var(--bg);border-radius:50%;background:var(--coral);box-shadow:0 0 0 1px rgba(28,33,64,.16)}
.timeline-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.66);box-shadow:0 6px 20px rgba(28,33,64,.04);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.timeline-card:hover{background:rgba(255,255,255,.88);border-color:rgba(28,33,64,.2)}
.timeline-card[open]{background:#fff;border-color:rgba(201,66,82,.25);box-shadow:0 16px 40px rgba(28,33,64,.09)}
.timeline-card summary{position:relative;display:grid;grid-template-columns:110px 1fr auto;gap:8px 18px;align-items:start;min-height:96px;padding:20px;cursor:pointer;list-style:none}
.timeline-card summary::-webkit-details-marker{display:none}
.timeline-period{grid-column:1;grid-row:1 / span 3;color:var(--coral);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.timeline-card h3{grid-column:2;margin:0;font-size:19px;line-height:1.15;letter-spacing:-.035em}
.timeline-role{grid-column:2;display:block;color:var(--ink-soft);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}
.timeline-summary{grid-column:2;margin:3px 32px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.5}
.timeline-toggle{grid-column:3;grid-row:1 / span 3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(28,33,64,.07);font-size:18px;transition:transform .2s ease,background .2s ease,color .2s ease}
.timeline-card[open] .timeline-toggle{transform:rotate(45deg);background:var(--ink);color:#fff}
.timeline-detail{margin-left:148px;padding:0 20px 20px;border-top:1px solid rgba(28,33,64,.08)}
.timeline-detail ul{margin:18px 0;padding-left:18px;color:var(--ink-soft);font-size:13px;line-height:1.55}
.timeline-detail li+li{margin-top:7px}
.timeline-tags{display:flex;flex-wrap:wrap;gap:6px}
.timeline-tags span{padding:6px 9px;border-radius:999px;background:rgba(28,33,64,.06);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.trajectory-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1144px;margin:96px auto 0;padding:28px 30px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.58)}
.trajectory-footer-cta strong{display:block;margin-top:7px;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.04em}
.trajectory-footer{position:relative;z-index:1}

@media (max-width:900px){
  .trajectory-hero{grid-template-columns:1fr;gap:32px;margin-bottom:72px}
  .timeline-section{grid-template-columns:1fr;gap:28px}
  .timeline-heading{position:static}
}

@media (max-width:640px){
  .trajectory-header .brand small{display:none}
  .trajectory-back{padding:9px 12px;font-size:11px}
  .trajectory-page{padding-top:40px;padding-bottom:72px}
  .trajectory-hero{margin-bottom:64px}
  .trajectory-hero h1{font-size:clamp(58px,20vw,84px)}
  .trajectory-intro>p{font-size:19px}
  .timeline{padding-left:28px}
  .timeline::before{left:7px}
  .timeline-entry::before{left:-26px;top:23px;width:9px;height:9px}
  .timeline-card summary{grid-template-columns:1fr auto;gap:6px 12px;padding:18px}
  .timeline-period{grid-column:1;grid-row:auto}
  .timeline-card h3,.timeline-role,.timeline-summary{grid-column:1}
  .timeline-toggle{grid-column:2;grid-row:1 / span 4}
  .timeline-summary{margin-right:4px}
  .timeline-detail{margin-left:0;padding:0 18px 18px}
  .trajectory-footer-cta{align-items:flex-start;flex-direction:column;margin-top:72px;padding:24px}
}

@media (prefers-reduced-motion:reduce){
  .trajectory-back,.timeline-card,.timeline-toggle{transition:none}
}