.cd-page{--bg:#0a0f14;--panel:#0f1419;--text:#dee3ea;--muted:#ddc1b3;--gold:#e9c349;--peach:#ffb68d;background:var(--bg);color:var(--text);min-height:100vh}.cd-header{height:157px;max-width:1440px;margin:auto;position:relative;background:#0f1419;border-bottom:1px solid rgba(233,195,73,.1)}.cd-logo{position:absolute;left:71px;top:6px;width:129px;height:129px}.cd-logo img{width:100%;height:100%;object-fit:contain}.cd-header nav{position:absolute;left:617px;right:0;top:53px;height:81px;padding:0 80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(233,195,73,.12);font-size:14px;color:var(--muted)}.cd-header nav>a:first-child{color:var(--peach)}.cd-profile{width:32px;height:32px;display:grid;place-items:center;border-radius:12px;background:var(--peach)}.cd-profile img{width:12px;height:12px}.cd-page main,.cd-footer{width:1280px;margin:auto}.cd-hero{height:500px;position:relative;overflow:hidden}.cd-hero-art{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,15,20,.7),rgba(10,15,20,.12)),url('/images/figma/character-detail-hero.png') center/cover no-repeat,#151b21}.cd-hero-copy{position:absolute;left:80px;bottom:70px}.cd-hero-copy>div{color:var(--gold);font:13px "Roboto Mono",monospace;letter-spacing:1.4px}.cd-hero-copy>div:before{content:"";display:inline-block;width:40px;height:1px;margin-right:15px;vertical-align:middle;background:var(--gold)}.cd-hero h1{position:static;margin:30px 0 25px;font:700 72px "Libre Caslon Text",serif}.cd-hero p{margin:0;color:var(--muted);font-size:22px}.dossier-body{min-height:1500px;padding:48px 80px 80px;display:grid;grid-template-columns:340px 1fr;gap:70px;background:#0f1419}.dossier-body aside{padding:25px 30px}.dossier-body aside h2{font:700 30px "Libre Caslon Text",serif}.dossier-body dl{margin-top:32px}.dossier-body dt{margin-top:28px;color:var(--gold);font:13px "Roboto Mono",monospace}.dossier-body dd{margin:13px 0 0;color:var(--muted);font:16px "Libre Caslon Text",serif}.experience{margin-top:42px;padding:30px;border-top:1px solid rgba(86,67,56,.2);background:#171d22}.experience h3{margin:0 0 25px;font:700 22px "Libre Caslon Text",serif}.experience a{display:block;padding:17px 18px;text-align:center;border-radius:9px;background:var(--peach);color:#532200;font:700 14px "Libre Caslon Text",serif}.dossier-content{padding-top:0}.dossier-content>section{margin-bottom:70px}.dossier-content h2{margin:0;font:700 31px "Libre Caslon Text",serif}.dossier-content h2 b{margin-right:18px;color:rgba(233,195,73,.45);font-size:42px}.dossier-content>section>i{display:block;width:90px;height:1px;margin:25px 0 40px;background:linear-gradient(90deg,var(--gold),transparent)}.dossier-content>section>p{color:var(--muted);font-size:17px;line-height:28px}.dossier-content blockquote{margin:0;padding-left:26px;border-left:3px solid rgba(255,182,141,.55);font:italic 30px/40px ABeeZee,sans-serif}.traits{margin-top:80px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.traits article{padding:0 30px 50px;border-bottom:1px solid rgba(86,67,56,.2)}.traits h3{color:var(--gold);font:700 21px "Libre Caslon Text",serif}.traits article:last-child h3{color:#f19b90}.traits h3 span{float:right}.traits p{color:var(--muted);font-size:16px;line-height:27px}.relationships{padding-top:10px}.relationships>p{color:var(--muted);font-size:16px;line-height:27px}.relationships>div{margin-top:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.relationships article{padding:24px;background:#171d22;border-radius:6px}.relationships article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#252c33;color:var(--peach)}.relationships h3{margin:22px 0 8px;font:700 22px "Libre Caslon Text",serif}.relationships article p{margin:0;color:var(--gold);font:14px "Libre Caslon Text",serif}.cd-footer{padding:90px 80px 45px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;border-top:1px solid rgba(86,67,56,.2)}.cd-footer img{width:64px;height:64px;object-fit:contain}.cd-footer p{width:290px;color:var(--muted);font:14px/22px "Libre Caslon Text",serif}.cd-footer h3{margin:0 0 20px;color:var(--gold);font-size:22px}.cd-footer a{display:block;margin:12px 0;color:var(--muted);font-family:"Libre Caslon Text",serif}.cd-footer small{grid-column:1/4;margin-top:58px;padding-top:28px;text-align:center;border-top:1px solid rgba(86,67,56,.2);color:var(--muted)}
@media(max-width:900px){.cd-header{height:92px}.cd-logo{left:20px;top:6px;width:80px;height:80px}.cd-header nav{left:auto;right:20px;top:30px;height:auto;padding:0;border:0}.cd-header nav>a:not(.cd-profile){display:none}.cd-page main,.cd-footer{width:100%}.cd-hero{height:560px}.cd-hero-copy{left:24px;right:24px;bottom:55px}.cd-hero h1{font-size:52px}.cd-hero p{font-size:18px}.dossier-body{padding:45px 24px;grid-template-columns:1fr;gap:40px}.dossier-body aside{padding:0}.dossier-content h2{font-size:26px}.dossier-content h2 b{font-size:34px}.dossier-content blockquote{font-size:23px;line-height:33px}.traits{grid-template-columns:1fr;gap:35px}.relationships>div{grid-template-columns:1fr}.cd-footer{width:100%;padding:70px 24px 40px;grid-template-columns:1fr}.cd-footer small{grid-column:1}}
.cd-hero-name{position:static;margin:30px 0 25px;font:700 72px "Libre Caslon Text",serif}@media(max-width:900px){.cd-hero-name{font-size:52px}}
@media(min-width:901px) and (max-width:1000px){.dossier-body{padding:48px;grid-template-columns:1fr;gap:48px;min-height:0}.dossier-body aside{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:32px}.dossier-body aside h2,.dossier-body aside dl{grid-column:1}.dossier-body .experience{grid-column:2;grid-row:1/3;margin-top:0}.traits{margin-top:50px;gap:32px}}