.hero-journey[data-biography]{height:1400svh}.bio-bg{opacity:0}.bio-bg[data-background=street-old]{opacity:1}.bio-person{position:absolute;bottom:7%;left:65%;height:70%;width:auto;max-width:none;transform:translateX(-50%);opacity:0;object-fit:contain;transform-origin:center bottom;will-change:opacity}.bio-boy{height:46%;bottom:12%;left:62%;opacity:1}.bio-schoolboy{height:51%}.bio-teen{height:63%}.bio-student{height:68%}.bio-engineer{height:70%}.bio-adult{height:70%}.bio-turn{aspect-ratio:2/3;width:auto;height:73%;bottom:6%}.turn-canvas,.turn-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.turn-canvas{opacity:0}.turn-canvas.ready{opacity:1}.hero-journey[data-biography] .ground-shadow{left:65%;bottom:6.5%;width:17%;height:2%;background:#15231b88}.hero-journey[data-biography] .scene-copy{top:29%;width:39%;max-width:600px}.hero-journey[data-biography] .scene-copy h2{font-size:clamp(35px,4.1vw,61px);line-height:1.1}.hero-journey[data-biography] .scene-copy p{font-size:15px;line-height:1.85;margin:20px 0}.scene-age{display:block;font-size:12px;color:#dfdabd;margin-top:22px}.scene-source{display:inline-block;font-size:10px;margin-top:10px;opacity:.8}.chapter-jumps{position:absolute;left:6%;top:14%;display:flex;gap:18px;z-index:8}.chapter-jumps button{background:transparent;border:0;border-bottom:1px solid #fff5;color:white;font:inherit;font-size:10px;cursor:pointer;padding:8px 0;opacity:.7}.chapter-jumps button[aria-pressed=true]{opacity:1;border-color:#dcebb7;color:#dcebb7}.hero-journey[data-biography] .scene-shade{background:linear-gradient(90deg,#0b1915ad,transparent 78%),linear-gradient(0deg,#07181266,transparent 30%)}.hero-journey[data-biography] .time-type{opacity:.55}.bio-tech{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,#315045,#0a1919 70%);overflow:hidden}.tech-traces{position:absolute;inset:-20%;background:repeating-linear-gradient(0deg,transparent 0 70px,#9db88122 71px 72px),repeating-linear-gradient(90deg,transparent 0 70px,#9db88122 71px 72px);transform:perspective(800px) rotateX(55deg) rotateZ(-20deg)}.tech-silicon{position:absolute;right:12%;top:25%;padding:85px 55px;border:5px double #a4b88555;transform:rotate(-22deg);font-size:25px;color:#9cb58e55;line-height:1.5;letter-spacing:.12em}.formative{padding:110px 0}.formative h2{font-size:clamp(42px,5.5vw,76px);font-weight:400;line-height:1.1;letter-spacing:-.04em}.formative h2 em{font-family:Georgia,serif;color:#7c8867;font-weight:400}.formative-lead{max-width:650px;font-size:16px;line-height:1.9;margin:25px 0 50px}.formative-records{display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.formative-records article{display:grid;grid-template-columns:95px 1fr;gap:20px;border-top:1px solid #a6b098;padding:30px 0}.formative-records article>span{font-size:12px;color:#6e805b;line-height:1.6}.formative-records h3{font-size:25px;font-weight:400;line-height:1.3;margin:0 0 15px}.formative-records p{font-size:14px;line-height:1.8}.formative-records a{font-size:11px;display:inline-block;margin-top:15px}.event-year.long-date{font-size:20px;line-height:1.4;letter-spacing:0}.event-year.long-date i{top:15px}
@media(max-width:800px){.hero-journey[data-biography]{height:1500svh}.chapter-jumps{left:6%;right:6%;top:12%;gap:12px;flex-wrap:wrap}.chapter-jumps button{font-size:9px;padding:6px 0}.hero-journey[data-biography] .scene-copy{top:23%;width:86%;max-width:none}.hero-journey[data-biography] .scene-copy h2{font-size:29px;max-width:340px}.hero-journey[data-biography] .scene-copy p{font-size:12px;line-height:1.7;margin:13px 0;max-width:330px}.scene-age{margin-top:10px;font-size:10px}.scene-source{font-size:9px;margin-top:6px}.hero-journey[data-biography] .scene-link{font-size:10px}.bio-person{left:66%;height:45%;bottom:10%}.bio-boy{height:35%;left:58%;bottom:11%}.bio-schoolboy{height:37%}.bio-teen{height:42%}.bio-turn{height:46%;bottom:9%}.hero-journey[data-biography] .ground-shadow{left:66%;bottom:9%;width:35%}.hero-journey[data-biography] .scene-shade{background:linear-gradient(180deg,#071913aa,transparent 70%),linear-gradient(0deg,#07181266,transparent 25%)}.hero-journey[data-biography] .art-note{bottom:2%;font-size:6px;right:6%}.hero-journey[data-biography] .journey-bottom{bottom:5%}.hero-journey[data-biography] .opening-title{top:25%}.formative{padding:65px 0}.formative-records{grid-template-columns:1fr}.formative-records article{grid-template-columns:65px 1fr;gap:18px}.formative-records h3{font-size:23px}.formative-records p{font-size:13px}.event-year.long-date{font-size:12px;line-height:1.5}.formative-lead{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-journey[data-biography]{height:100svh}.chapter-jumps{display:none}.bio-person{will-change:auto}}
.chapter-jumps{bottom:auto;justify-content:flex-start;align-content:flex-start;height:auto}.chapter-jumps button,.chapter-jumps>a{min-height:32px}