.biography{--bio-paper:#f0efdc;--bio-muted:#dadbca;position:relative;height:165dvh;background:#727566;color:var(--bio-paper);font-family:Manrope,Microsoft YaHei,sans-serif}.biography-stage{position:sticky;top:0;height:100dvh;min-height:720px;overflow:hidden;background:linear-gradient(180deg,#4e5a49b8,transparent 30%,#45533f55),url(/media/character/biography/presenting/background.webp)}.biography-nav{position:relative;z-index:4;height:96px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #eceddc38}.biography-brand{font-size:34px;letter-spacing:-.04em;line-height:1}.biography-brand span{color:#e7bb7e}.biography-nav nav{display:flex;gap:32px;font-size:12px}.biography-nav nav a{display:flex;align-items:center;min-height:44px}.biography-nav nav a[aria-current]{text-decoration:underline;text-underline-offset:8px}.biography-nav>span{font-size:10px;line-height:1.8}.biography-nav small{font-size:8px;letter-spacing:.08em;color:var(--bio-muted)}.biography-content{position:relative;z-index:2;display:grid;grid-template-columns:34% 31% 35%;margin:0 5%;padding-top:clamp(64px,8vh,100px);pointer-events:none}.biography-statement,.biography-timeline{pointer-events:auto;min-width:0}.biography-statement h2{font-family:Impact,Arial Narrow,sans-serif;font-weight:400;font-size:clamp(76px,7.3vw,144px);line-height:.98;letter-spacing:-.025em;margin:0}.biography-statement h2 span{display:block}.biography-statement h2 span:last-child{color:#e8bb7b}.biography-motto{font-size:clamp(18px,1.5vw,26px);letter-spacing:.04em;margin-top:30px}.biography-intro{max-width:350px;padding-right:18px;font-size:12px;line-height:1.85;color:var(--bio-muted);margin-top:19px}.biography-next{display:inline-flex;align-items:center;gap:34px;min-height:44px;margin-top:26px;border-bottom:1px solid #e7e8d270;font-size:11px}.biography-next span{font-size:20px}.biography-timeline{padding:10px 30px 0 12px;max-width:390px}.biography-timeline-heading{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eeefdc55;padding-bottom:18px;font-size:11px;letter-spacing:.04em}.biography-timeline ol{margin:0;padding:0;list-style:none}.biography-timeline li{position:relative;padding:26px 0 24px;border-bottom:1px solid #eeefdc38;opacity:.58;transition:opacity .25s ease-out}.biography-timeline li[data-active=true]{opacity:1}.biography-year{border:0;background:none;color:inherit;padding:0;min-height:44px;width:100%;display:flex;align-items:baseline;justify-content:space-between;font:400 clamp(44px,4vw,66px)/1 Impact,"Arial Narrow",sans-serif;letter-spacing:-.02em}.biography-year span{font:10px/1.6 Manrope,sans-serif;letter-spacing:.04em}.biography-period{font-size:10px;letter-spacing:.08em;margin:12px 0 14px;color:#efdbba}.biography-timeline h3{font-size:clamp(14px,1.05vw,18px);font-weight:500;line-height:1.85;margin:0 0 6px;max-width:300px}.biography-role{font-size:11px;line-height:1.85;color:var(--bio-muted)}.biography-timeline-note{font-size:11px;line-height:2;color:var(--bio-muted);margin-top:22px}.biography-portrait{position:absolute;z-index:1;right:-1%;bottom:80px;width:74%;pointer-events:none}.biography-character{margin:0!important}.biography-character .character-video-frame{border-radius:0;background:transparent;-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000 44%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent 20%,#000 44%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.biography-character :is(img,video){object-fit:contain}.biography-character figcaption{position:absolute;right:18%;bottom:1%;pointer-events:auto}.biography-character figcaption button{font-size:10px;min-height:36px;background:#4f5a4166;padding:6px 14px}.biography-presentation .biography-character figcaption{display:none}.biography-footer{position:absolute;z-index:3;bottom:0;left:5%;right:5%;height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e5e7d138;font-size:9px;letter-spacing:.08em}.biography-footer a{display:flex;gap:20px;align-items:center;min-height:44px}.biography :is(a,button):focus-visible{outline:2px solid #f0cd91;outline-offset:5px}.biography :is(a,button):hover{color:#ffddb0}@media(min-width:1600px){.biography-content{grid-template-columns:34% 29% 37%}.biography-timeline{max-width:430px;padding-right:40px}.biography-portrait{bottom:60px}}@media(max-height:820px)and (min-width:761px){.biography-stage{min-height:700px}.biography-nav{height:72px}.biography-content{padding-top:55px}.biography-statement h2{font-size:clamp(70px,7.2vw,108px)}.biography-motto{margin-top:20px}.biography-intro{margin-top:12px}.biography-next{margin-top:16px}.biography-timeline li{padding:18px 0}.biography-year{font-size:46px}.biography-timeline-note{margin-top:14px}.biography-portrait{bottom:76px}.biography-footer{height:65px}}@media(max-width:1100px)and (min-width:761px){.biography-content{grid-template-columns:33% 36% 31%;margin:0 4%;padding-top:68px}.biography-statement h2{font-size:clamp(68px,8vw,88px)}.biography-intro{max-width:230px;padding-right:20px}.biography-timeline{padding:8px 20px 0 8px}.biography-timeline h3{font-size:14px}.biography-portrait{width:80%;right:-2%;bottom:110px}.biography-motto{font-size:18px}.biography-nav{margin:0 4%}.biography-nav nav{gap:20px}}@media(max-width:760px){.biography{height:auto}.biography-stage{position:relative;height:auto;min-height:0}.biography-nav{height:76px;gap:16px;margin:0 6%}.biography-brand{font-size:28px}.biography-nav>span{display:none}.biography-nav nav{gap:18px;font-size:11px}.biography-nav nav a:first-child{display:none}.biography-content{display:block;padding:48px 0 0;margin:0 7%}.biography-statement h2{font-size:clamp(72px,19vw,130px);line-height:.99}.biography-motto{font-size:22px;margin-top:25px}.biography-intro{max-width:340px;font-size:12px}.biography-next{margin-top:18px}.biography-timeline{max-width:none;padding:0;margin-top:48px}.biography-timeline li{opacity:1;padding:24px 0}.biography-year{font-size:52px}.biography-timeline h3{max-width:320px;font-size:16px}.biography-timeline-note{margin-top:20px}.biography-portrait{position:relative;width:150%;right:auto;margin-left:-37%;margin-top:20px;bottom:auto;pointer-events:none}.biography-character figcaption{right:18%;bottom:5%}.biography-character .character-video-frame{-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 87%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 87%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.biography-footer{position:relative;left:auto;right:auto;margin:0 6%;height:72px;font-size:8px}.biography-footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){.biography{height:auto}.biography-stage{position:relative}.biography-timeline li{opacity:1;transition:none}}@media(min-width:761px)and (max-width:1100px){.biography-content{grid-template-columns:38% 34% 28%;padding-top:36px}.biography-statement h2{font-size:68px}.biography-motto{margin-top:18px}.biography-intro{max-width:none;padding-right:18px;margin-top:12px;line-height:1.8}.biography-next{margin-top:14px}.biography-timeline{padding-left:0}}@media(min-width:1101px)and (max-height:820px){.biography-content{padding-top:32px}.biography-statement h2{font-size:clamp(70px,6vw,92px)}.biography-intro{line-height:1.8;max-width:350px}}@media(max-width:760px){.biography-intro{padding-right:0;font-size:13px;line-height:1.95}}