@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Noto+Serif+SC:wght@200;300;400;500&display=swap";:root{color:#e9e5dc;background:#090b0b;font-family:"Noto Serif SC",Songti SC,serif;font-synthesis:none;--red: #d94a40;--gold: #b79a68;--ivory: #e9e5dc;--muted: #8e918c;--rule: rgba(233, 229, 220, .14)}*{box-sizing:border-box}html{background:#090b0b}body{margin:0;min-width:320px;min-height:100vh;background:#090b0b;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}.dossier-page{width:min(100%,1540px);min-height:100vh;margin:0 auto;padding:0 46px 56px}.site-header{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--rule);color:#989b96}.brand{display:flex;align-items:center;gap:11px;width:fit-content;color:var(--ivory)}.brand .qinqin-brand-mark{display:block;flex:0 0 auto;width:40px;height:40px;object-fit:contain}.brand .qinqin-brand-name{font-size:15px;font-weight:400;line-height:1;letter-spacing:.18em;white-space:nowrap}.site-header nav{display:flex;gap:32px;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.15em}.site-header nav a,.filter-rail button{transition:color .18s ease}.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a[aria-current=page]{color:var(--ivory)}.edition{justify-self:end;color:#555955;font-family:Cormorant Garamond,serif;font-size:12px;letter-spacing:.22em}.dossier-head{min-height:112px;display:grid;grid-template-columns:minmax(310px,.95fr) minmax(300px,470px) auto;align-items:end;gap:34px;padding:24px 10px 20px;border-bottom:1px solid var(--rule)}.dossier-head>div{display:flex;align-items:baseline;gap:22px}.eyebrow{color:var(--red);font-family:Arial,sans-serif;font-size:9px;letter-spacing:.24em;white-space:nowrap}.dossier-head h1{margin:0;font-size:clamp(44px,3.4vw,52px);font-weight:300;line-height:1;letter-spacing:-.06em;white-space:nowrap}.dossier-head>p{margin:0;color:#858983;font-size:12.5px;line-height:1.9}.dossier-label{align-self:center;color:var(--gold);font-family:Cormorant Garamond,serif;font-size:12px;letter-spacing:.2em;white-space:nowrap}.filter-rail{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--rule)}.filter-rail button{position:relative;flex:0 0 auto;padding:15px 30px 14px 14px;color:#777b76;border:0;background:transparent;cursor:pointer;font-size:12px;letter-spacing:.08em}.filter-rail button>span{display:inline-block}.filter-rail button>small{margin-left:9px;color:#555955;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.12em}.filter-rail button.is-selected>small{color:#aa6c61}.filter-rail button:not(:last-child):after{content:"";position:absolute;top:18px;right:14px;width:1px;height:9px;background:#e9e5dc2b}.filter-rail button:before{content:"";position:absolute;left:14px;right:30px;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .19s ease}.filter-rail button:hover,.filter-rail button.is-selected{color:var(--red)}.filter-rail button.is-selected:before{transform:scaleX(1)}.archive-status{min-height:92px;display:grid;grid-template-columns:1fr minmax(280px,460px) auto;align-items:center;gap:36px;padding:18px 14px;border-bottom:1px solid var(--rule)}.archive-status>div:first-child{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:14px}.archive-status>div:first-child>span,.archive-status__count span{color:var(--red);font-family:Arial,sans-serif;font-size:8px;letter-spacing:.18em}.archive-status h2{margin:0;font-size:27px;font-weight:300}.archive-status small{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:10px;letter-spacing:.17em}.archive-status>p{margin:0;color:#777b76;font-size:11px;line-height:1.8}.archive-status__count{display:flex;align-items:baseline;gap:10px}.archive-status__count strong{color:var(--ivory);font-family:Cormorant Garamond,serif;font-size:34px;font-weight:300}.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding-top:12px}.character-card{position:relative;min-width:0;aspect-ratio:3 / 4;overflow:hidden;border:1px solid rgba(183,154,104,.3);background:#151616;cursor:pointer;isolation:isolate;outline:none}.character-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.88) contrast(1.01);transform-origin:center center;transform:scale(1.001);transition:transform .6s cubic-bezier(.16,1,.3,1),filter .35s ease}.character-card__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#0304041f;box-shadow:inset 0 -180px 110px -70px #030404fa;transition:background-color .3s ease,box-shadow .3s ease}.character-card__meta{position:absolute;z-index:2;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;color:#d3b780;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.14em}.character-card__factions{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.faction-badge{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:4px 7px 4px 5px;border:1px solid rgba(211,183,128,.54);background:#0c0d0d85;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.faction-badge svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.faction-badge>span{white-space:nowrap}.character-card__copy{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;transition:transform .32s cubic-bezier(.16,1,.3,1)}.character-card h2{margin:0;font-size:35px;font-weight:300;line-height:1;letter-spacing:-.04em}.character-card small{display:block;margin-top:7px;color:#bca678;font-family:Cormorant Garamond,serif;font-size:11px;letter-spacing:.17em}.character-card__role{margin:10px 0 0;color:#ded8ca;font-size:11px;line-height:1.6}.character-card__secondary{display:flex;flex-wrap:wrap;gap:5px;max-height:0;margin:0;overflow:hidden;opacity:0;transform:translateY(8px);transition:max-height .3s ease,margin .28s ease,opacity .22s ease,transform .3s ease}.character-card__secondary span{padding:3px 6px;color:#d9c49a;border:1px solid rgba(183,154,104,.42);background:#1011108a;font-family:Arial,sans-serif;font-size:7px;letter-spacing:.12em}.character-card__synopsis{max-height:0;margin:0;overflow:hidden;color:#b8bab5;font-size:11px;line-height:1.75;opacity:0;transform:translateY(10px);transition:max-height .35s ease,margin .3s ease,opacity .25s ease,transform .35s ease}.character-card__era{position:absolute;z-index:2;right:14px;bottom:16px;color:#817d72;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.14em;transition:opacity .2s ease}.character-card:hover,.character-card:focus-visible,.character-card.is-active{border-color:var(--red)}.character-card:hover:after,.character-card:focus-visible:after,.character-card.is-active:after{content:"";position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;border-left:2px solid var(--red);pointer-events:none}.character-card:hover img,.character-card:focus-visible img,.character-card.is-active img{filter:saturate(1.04) contrast(1.03);transform:scale(1.035)}.character-card:hover .character-card__veil,.character-card:focus-visible .character-card__veil,.character-card.is-active .character-card__veil{background:#03040438;box-shadow:inset 0 -210px 130px -70px #030404}.character-card:hover .character-card__copy,.character-card:focus-visible .character-card__copy,.character-card.is-active .character-card__copy{transform:translateY(-6px)}.character-card:hover .character-card__secondary,.character-card:focus-visible .character-card__secondary,.character-card.is-active .character-card__secondary{max-height:30px;margin-top:9px;opacity:1;transform:translateY(0)}.character-card:hover .character-card__synopsis,.character-card:focus-visible .character-card__synopsis,.character-card.is-active .character-card__synopsis{max-height:100px;margin-top:13px;opacity:1;transform:translateY(0)}.character-card:hover .character-card__era,.character-card:focus-visible .character-card__era,.character-card.is-active .character-card__era{opacity:0}.gallery-footer{display:flex;justify-content:space-between;gap:30px;margin-top:30px;padding:24px 4px 0;border-top:1px solid var(--rule);color:#60645f;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.16em}.load-more{width:100%;display:flex;justify-content:center;align-items:baseline;gap:18px;margin-top:12px;padding:21px;color:var(--ivory);border:1px solid var(--rule);background:#0d0f0f;cursor:pointer;transition:border-color .18s ease,color .18s ease}.load-more:hover,.load-more:focus-visible{color:var(--red);border-color:var(--red)}.load-more small{color:var(--gold);font-family:Arial,sans-serif;font-size:8px;letter-spacing:.17em}.gallery-footer p{margin:0;letter-spacing:.05em}@media(max-width:1100px){.dossier-page{padding-inline:24px}.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.dossier-head{grid-template-columns:1fr minmax(280px,420px)}.archive-status{grid-template-columns:1fr auto}.archive-status>p{display:none}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dossier-label{display:none}}@media(max-width:720px){.dossier-page{padding-inline:14px}.site-header{height:56px}.edition{display:none}.dossier-head{min-height:170px;grid-template-columns:1fr;align-items:start;gap:18px;padding-block:28px 24px}.archive-status{min-height:110px;grid-template-columns:1fr auto;gap:14px;padding-inline:10px}.archive-status>div:first-child{display:block}.archive-status h2{margin-top:8px;font-size:24px}.archive-status small{display:block;margin-top:4px}.archive-status__count{display:block;text-align:right}.archive-status__count span{display:block}.dossier-head>div{display:block}.dossier-head h1{margin-top:18px;font-size:54px}.filter-rail button{padding-inline:10px 25px}.filter-rail button:before{left:10px;right:25px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.character-card h2{font-size:31px}.character-card__copy{left:14px;right:14px;bottom:14px}.character-card__role,.character-card__synopsis{font-size:10px}.gallery-footer{display:block;line-height:1.8}}@media(max-width:480px){.character-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}