:root{--cream:#e9e6dc;--ink:#172019;--yellow:#f3d675}html,body{height:100%;overflow:hidden}.project-shell{height:100svh;min-height:540px;display:flex;flex-direction:column;background:#10151c}.project-nav{height:70px;flex:0 0 70px;display:flex;justify-content:space-between;align-items:center;padding:0 3.3vw;border-bottom:1px solid #ffffff15;gap:25px}.portfolio-back{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px;font-weight:600}.portfolio-back span{font-size:11px;font-weight:400}.portfolio-back i{font-style:normal;color:#5c6872;font-weight:400}.project-nav nav{display:flex;align-items:center;gap:32px;height:100%}.project-nav nav button{height:100%;position:relative;font-size:11px;color:#8f9da8;padding:0 2px}.project-nav nav button small{font:9px monospace;margin-right:6px;opacity:.6}.project-nav nav button.active{color:#f1ead7}.project-nav nav button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--yellow)}.project-nav nav button:hover{color:var(--yellow)}.external-x{font-size:11px;color:#b8c1c6}#stages{flex:1;min-height:0;outline:none}.stage{height:100%;min-height:0;animation:chapter-enter .45s cubic-bezier(.2,.8,.2,1) both}@keyframes chapter-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.intro-stage{display:flex;flex-direction:column}.masthead{flex:1;min-height:240px;position:relative;isolation:isolate;overflow:hidden}.moving-mosaic{position:absolute;z-index:-2;left:-120px;top:-240px;transform:rotate(-11deg);width:max-content;pointer-events:none}.mosaic-belt{display:flex;width:max-content;animation:mosaic-drift 90s linear infinite;will-change:transform}.mosaic-sheet{display:grid;grid-template-columns:repeat(16,120px);grid-auto-rows:120px;gap:0;flex:0 0 auto}.mosaic-sheet .pixel{width:120px;height:120px;display:block;overflow:hidden;transform:none;opacity:1;box-shadow:none;background:#14242c}.mosaic-sheet .pixel img{width:100%;height:100%;display:block;object-fit:cover;filter:none}.mosaic-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#10151c 1%,#10151c30 80%),linear-gradient(90deg,#10151cf0 0%,#10151c9c 35%,#10151c15 100%)}@keyframes mosaic-drift{to{transform:translateX(-50%)}}body.motion-paused .mosaic-belt{animation-play-state:paused}.masthead-top{position:absolute;top:25px;left:3.3vw;right:3.3vw;display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:.13em;color:#b5c2ca}.masthead-top>span{padding:6px 0}.masthead-top button{padding:5px 9px;border:1px solid #ffffff35;background:#10151c50;border-radius:20px;font-size:10px;letter-spacing:0}.masthead-top button span{margin-left:6px;font-size:9px}.masthead-copy{position:absolute;left:6.5vw;bottom:45px;width:80%}.masthead-copy .eyebrow{font-size:9px;letter-spacing:.22em;margin-bottom:17px}.masthead h1{font-size:clamp(80px,12.4vw,190px);font-weight:650;line-height:.9;letter-spacing:-.065em;white-space:nowrap}.masthead h1 .title-period{color:var(--fg)}.masthead-bottom{display:flex;align-items:center;gap:55px;margin-top:26px}.masthead-bottom p{font-size:14px;letter-spacing:.12em;color:#ced2cd;margin:0}.primary-link{font-size:11px;padding:9px 16px;border:1px solid #a7975d;border-radius:2px;background:#f3d675;color:#1b231e;display:flex;gap:32px;align-items:center}.primary-link span{font-size:18px}.primary-link:hover{background:#f9e79f}.masthead-side{position:absolute;right:3.3vw;bottom:45px;font:9px monospace;letter-spacing:.15em;writing-mode:vertical-rl;color:#a1b0b7}.editorial-strip{height:200px;flex:0 0 200px;display:grid;grid-template-columns:1.2fr 1fr 1.5fr;border-top:1px solid #ffffff24;margin:0 3.3vw}.role-note{padding:23px 25px 12px 0}.section-kicker{font:9px monospace;letter-spacing:.13em;color:#a9b8be;margin:0}.role-note>p{font-size:21px;line-height:1.45;margin:12px 0;letter-spacing:.01em}.role-note>div{display:flex;gap:12px;align-items:center;font-size:9px;color:#8c9aa4}.role-note b{color:#dce1dd;font-weight:400}.role-note button{font-size:9px;padding:0;color:#b4c0c7;margin-left:auto;margin-right:18px}.chapter-preview{position:relative;overflow:hidden;border-left:1px solid #ffffff1c;padding:18px 24px;text-align:left}.preview-number{position:relative;z-index:2;font:9px monospace;letter-spacing:.1em;color:#a7b8c0}.preview-stack{display:flex;align-items:center;justify-content:center;height:90px;padding:7px 0}.preview-stack img{height:78px;width:78px;object-fit:cover;transform:rotate(-8deg);transition:transform .4s;border:3px solid #10151c}.preview-stack img:nth-child(2){transform:translateY(-4px) rotate(3deg);margin-left:-10px}.preview-stack img:nth-child(3){transform:rotate(10deg);margin-left:-10px}.chapter-preview:hover .preview-stack img{transform:translateY(-6px) rotate(0deg)}.preview-label{display:block;font-size:12px;line-height:1.5;position:relative;z-index:2;color:#dce0d7}.preview-label i{position:absolute;right:0;bottom:0;font-style:normal;font-size:20px;color:var(--yellow)}.world-preview{margin:18px 0 18px 20px;border:0;padding:13px 18px;background:#163f53}.world-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.world-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10212cec,transparent 80%)}.world-preview .preview-number{font-size:8px;text-shadow:0 1px 8px #000}.world-preview .preview-label{position:absolute;left:18px;right:18px;bottom:16px}.world-preview:hover>img{transform:scale(1.035)}.chapter-footer{height:45px;flex:0 0 45px;display:flex;align-items:center;justify-content:space-between;margin:0 3.3vw;border-top:1px solid #ffffff1f;font:9px monospace;color:#8495a0;gap:10px}.chapter-footer>div{display:flex;align-items:center;gap:25px}#chapter-position{color:var(--yellow)}.chapter-footer-actions button{font-size:22px;color:#c6d1d3;padding:0 5px}.chapter-footer-actions button:disabled{opacity:.25;cursor:default}#next-label{font:10px -apple-system,sans-serif}.character-stage{background:var(--cream);color:var(--ink);display:grid;grid-template-columns:minmax(220px,.85fr) minmax(320px,1.25fr) minmax(230px,.85fr);gap:4vw;padding:28px 5vw;overflow:auto}.character-editorial{display:flex;flex-direction:column;align-items:flex-start;padding-top:10px}.character-stage .section-kicker{color:#667264}.character-editorial h2{font-size:clamp(34px,3.9vw,60px);letter-spacing:-.045em;line-height:1.15;font-weight:600;margin:30px 0 20px}.character-editorial h2 em{font-style:normal;color:#6a7958}.character-description{font-size:12px;line-height:1.9;color:#61705e;margin:0 0 28px}.feature-index{border-top:1px solid #19322026;padding-top:20px;display:grid;gap:8px;font:10px monospace;color:#53604e}.character-editorial .text-button{margin-top:30px;color:#233624;border-color:#859274;font-size:11px}.character-credit{margin-top:auto;padding-top:20px;color:#7b8476;font-size:9px;line-height:1.7}.character-focus{display:flex;flex-direction:column;min-width:0;max-width:470px;margin:auto 0;width:100%}.focus-caption{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.06em;margin-bottom:10px;color:#626c5b}.featured-character{width:100%;aspect-ratio:1;max-height:42vh;position:relative;display:block;padding:0;background:#b8daec;align-self:center;overflow:visible;z-index:1;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;box-shadow:12px 14px 0 #c9cbbf;border:1px solid #18251b}.featured-character img{width:100%;height:100%;object-fit:contain;display:block}.featured-character:hover,.featured-character:focus-visible{transform:scale(1.035) rotate(-1deg);box-shadow:17px 20px 0 #c4c8b8;z-index:3}.focus-corner{position:absolute;right:10px;bottom:10px;width:30px;height:30px;background:#f3d675;color:#172019;border:1px solid #172019;display:grid;place-items:center;font-size:17px}.character-name{margin:22px 0 16px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.character-name h3{font-size:clamp(18px,1.8vw,26px);font-weight:600;letter-spacing:-.035em;margin:0}.character-name p{font-size:9px;color:#73806b;margin:0}.trait-detail{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px;border-top:1px solid #20342130;padding-top:14px}.trait-detail>div{display:flex;flex-direction:column;gap:5px}.trait-detail span{font:8px monospace;letter-spacing:.07em;color:#858b7c}.trait-detail strong{font-size:11px;font-weight:500;color:#364333}.trait-detail #trait-background{display:flex;align-items:center;gap:6px}.trait-detail i{width:10px;height:10px;border-radius:50%;border:1px solid #0003}.trait-detail b{font-weight:500}.character-selector{padding-top:10px;display:flex;flex-direction:column}.selector-heading{display:flex;flex-direction:column;gap:7px;font:9px monospace;letter-spacing:.09em;color:#65715d;margin-bottom:24px}.selector-heading small{font-size:10px;color:#7c8775;letter-spacing:0}#character-options{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}.character-option{padding:0;text-align:left;position:relative;transition:transform .35s;min-width:0}.character-option img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border:2px solid transparent;filter:saturate(.7);transition:filter .4s,box-shadow .4s}.character-option:hover{transform:scale(1.065);z-index:2}.character-option:hover img{filter:none}.character-option.active img{border-color:#25372c;filter:none;box-shadow:4px 4px 0 #b8c0a9}.character-option span{font-size:8px;line-height:1.4;display:flex;gap:5px;justify-content:space-between;color:#63705b;margin-top:6px}.character-option.active span{color:#213723}.character-option b{font-weight:400}.collection-note{margin-top:auto;padding-top:22px}.collection-mark{font:10px monospace;color:#263d2d}.collection-note p{font-size:11px;color:#77816f;line-height:1.6;margin:10px 0}.collection-note a{font-size:9px;border-bottom:1px solid #77816f;padding-bottom:3px}.character-zoom{border:0;background:#0b1017;width:min(90vw,760px);padding:50px 20px 20px;max-height:95svh;overflow:auto}.character-zoom::backdrop{background:#070b13da;backdrop-filter:blur(10px)}.character-zoom>button{position:absolute;top:8px;right:12px}.character-zoom img{display:block;max-width:100%;max-height:80svh;margin:auto}.world-stage{padding:23px 3.3vw 18px;display:flex;flex-direction:column;gap:18px;overflow:auto}.world-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:0 0 auto}.world-heading h2,.archive-heading h2{font-size:clamp(26px,2.7vw,42px);line-height:1.2;letter-spacing:-.04em;margin:9px 0 0;font-weight:500}.world-heading h2 em,.archive-heading h2 em{font-style:normal;color:var(--yellow)}.world-heading>p{font-size:10px;color:#9baab4;line-height:1.8;margin:0}.world-banner{position:relative;padding:0;overflow:hidden;width:100%;flex:0 0 auto;aspect-ratio:5.3;min-height:160px;max-height:32vh;background:#319cb1}.world-banner>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.world-banner:hover>img{transform:scale(1.025)}.banner-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#061722d9);padding:30px 22px 12px;display:flex;align-items:center;gap:25px;text-align:left}.banner-caption b{font-size:12px;letter-spacing:.06em;font-weight:500}.banner-caption small{font-size:9px;color:#bbd0d8}.banner-caption i{font-style:normal;margin-left:auto;font-size:22px}.world-features{display:grid;grid-template-columns:1.45fr 1fr 1fr .8fr;gap:18px;flex:1;min-height:150px}.world-work{display:flex;flex-direction:column;padding:0;text-align:left;min-height:0;min-width:0;position:relative}.world-work img{width:100%;height:calc(100% - 43px);min-height:0;object-fit:contain;background:#18212a;display:block;transition:transform .5s}.world-work:hover img{transform:translateY(-3px)}.world-work>span{display:flex;flex-direction:column;margin-top:8px;position:relative;padding-right:20px}.world-work small{font:7px monospace;color:#768c9b;letter-spacing:.1em}.world-work strong{font-size:10px;font-weight:400;color:#cbd3d6;margin-top:4px}.world-work i{font-style:normal;position:absolute;right:0;bottom:0;color:var(--yellow)}.world-story{background:var(--yellow);color:#1b251c;display:flex;flex-direction:column;padding:12px 12px 8px;min-height:0;text-align:left;gap:10px;overflow:hidden}.world-story>span{font:8px/1.5 monospace;letter-spacing:.09em}.world-story>div{flex:1;min-height:0;overflow:hidden;transform:rotate(-4deg);border:3px solid #17231b}.world-story img{width:100%;display:block;transition:transform .5s}.world-story:hover img{transform:translateY(-5%)}.world-story strong{font-size:10px;font-weight:500;display:flex;justify-content:space-between}.world-story strong i{font-style:normal}.archive-stage{display:flex;flex-direction:column;padding-top:28px}.archive-heading{margin:0 3.3vw 24px;display:flex;justify-content:space-between;align-items:end;gap:15px}.archive-heading>.text-button{font-size:10px;color:var(--yellow);margin-bottom:2px}.archive-stage .archive-toolbar{padding:14px 0;margin:0 3.3vw}.archive-stage .art-track{padding:10px 3.3vw 15px;gap:28px}.archive-stage .archive-footer{display:none}.archive-stage .card-art{background:#18222b}.archive-stage .art-card{max-width:75vw}.archive-stage .overview .art-card{height:250px}.archive-stage .archive-title h2{font-size:11px}.archive-stage .archive-title .section-mark{display:none}.archive-stage .card-caption{font-size:11px}.comic-dialog{z-index:20}
@media(min-height:900px){.editorial-strip{height:240px;flex-basis:240px}.role-note{padding-top:30px}.role-note>p{font-size:25px}.preview-stack{height:125px}.preview-stack img{height:100px;width:100px}.masthead-copy{bottom:65px}.character-stage{padding-top:45px;padding-bottom:45px}.featured-character{max-height:43vh}.world-stage{padding-top:35px;gap:28px}.world-banner{max-height:34vh}}
@media(max-width:1050px){.project-nav nav{gap:18px}.character-stage{gap:25px;padding:25px 30px;grid-template-columns:.8fr 1.2fr .75fr}.character-editorial h2{font-size:40px}.character-description{font-size:10px}.character-name{display:block}.character-name p{margin-top:4px}#character-options{gap:12px 9px}.character-option span{font-size:7px}.world-features{gap:12px}.role-note>div{flex-wrap:wrap}.role-note button{margin-left:0}.masthead-copy{bottom:40px}.masthead-bottom{gap:25px}.editorial-strip{grid-template-columns:1.1fr 1fr 1.3fr}.preview-stack img{width:65px;height:65px}.world-heading h2,.archive-heading h2{font-size:29px}}
@media(max-width:700px){.project-shell{min-height:0}.project-nav{height:94px;flex-basis:94px;padding:13px 20px 0;flex-wrap:wrap;gap:0;position:relative}.portfolio-back{font-size:11px;height:25px}.portfolio-back span{font-size:10px}.external-x{position:absolute;right:22px;top:18px}.project-nav nav{height:44px;order:3;flex-basis:100%;justify-content:space-between;gap:6px}.project-nav nav button{font-size:10px}.project-nav nav button small{font-size:8px;margin-right:3px}.chapter-footer{height:40px;flex-basis:40px;margin:0 20px;font-size:8px}.chapter-footer>div{gap:12px}#chapter-description{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#next-label{font-size:9px}.masthead{min-height:250px}.masthead-top{top:16px;left:22px;right:20px;font-size:7px}.masthead-top button{font-size:8px}.masthead-top button span{font-size:8px}.moving-mosaic{top:-160px;left:-200px}.mosaic-sheet{grid-template-columns:repeat(16,82px);grid-auto-rows:82px}.mosaic-sheet .pixel{width:82px;height:82px}.masthead-copy{left:22px;bottom:33px;width:calc(100% - 44px)}.masthead-copy .eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:18px}.masthead h1{font-size:clamp(65px,17vw,110px)}.masthead-bottom{display:block;margin-top:20px}.masthead-bottom p{font-size:12px;letter-spacing:.08em}.primary-link{font-size:10px;margin-top:19px;padding:6px 12px;gap:22px}.masthead-side{display:none}.editorial-strip{height:200px;flex-basis:200px;margin:0 20px;grid-template-columns:1fr 1fr;grid-template-rows:65px 1fr;gap:0}.role-note{grid-column:1/-1;padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff20}.role-note>.section-kicker{display:none}.role-note>p{font-size:14px;line-height:1.4;margin:0;flex:1}.role-note>div{display:flex;flex-direction:column;gap:2px;align-items:flex-end;font-size:8px}.role-note button{margin:2px 0 0;font-size:8px}.chapter-preview{padding:12px 12px 8px 0;border:0}.preview-number{font-size:7px}.preview-stack{height:63px;padding:5px 0}.preview-stack img{width:52px;height:52px;border-width:2px}.preview-label{font-size:9px;line-height:1.4}.preview-label br{display:none}.preview-label i{font-size:14px}.world-preview{margin:12px 0 10px 10px;padding:10px}.world-preview .preview-number{font-size:6px}.world-preview .preview-label{left:10px;right:10px;bottom:10px;font-size:9px}.character-stage{overflow:auto;grid-template-columns:1fr;padding:25px 22px;gap:24px;align-content:start}.character-editorial{display:block;padding:0;position:relative}.character-editorial h2{font-size:35px;line-height:1.1;margin:15px 0 12px}.character-editorial h2 br{display:none}.character-description{font-size:11px;margin:0;line-height:1.7}.character-description br{display:none}.feature-index{display:none}.character-editorial .text-button{position:absolute;right:0;top:0;margin:0;font-size:9px}.character-credit{display:none}.character-focus{max-width:440px;width:100%;margin:auto;order:2}.featured-character{width:min(100%,340px);max-height:none;aspect-ratio:1;margin:0 auto}.focus-caption{max-width:340px;width:100%;align-self:center}.character-name{margin:23px 0 15px;display:flex;align-items:baseline}.character-name h3{font-size:25px}.character-name p{font-size:8px}.trait-detail{gap:15px;padding:16px 0}.character-selector{order:1;padding:0}.selector-heading{display:none}#character-options{display:flex;gap:9px}.character-option{flex:1;min-width:0}.character-option span{font-size:6px;line-height:1.2;justify-content:center}.character-option b{display:none}.collection-note{display:none}.world-stage{padding:22px 20px;gap:20px;overflow:auto}.world-heading{display:block}.world-heading h2{font-size:29px;line-height:1.3}.world-heading h2 em{display:block}.world-heading>p{font-size:10px;margin-top:13px}.world-heading>p br{display:none}.world-banner{min-height:180px;aspect-ratio:2;max-height:none;overflow:visible;background:none}.world-banner>img{height:145px;object-fit:cover;object-position:center}.banner-caption{position:static;padding:10px 0;background:none;align-items:baseline;gap:10px;flex-wrap:wrap}.banner-caption b{font-size:9px}.banner-caption small{font-size:8px}.banner-caption i{font-size:14px}.world-features{grid-template-columns:1fr 1fr;grid-template-rows:230px 210px 200px;gap:20px 14px;min-height:680px;flex:none}.world-work-large{grid-column:1/-1}.world-work img{height:calc(100% - 43px)}.world-work-large img{object-fit:contain;background:#19242f}.world-story{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 30px;padding:18px;gap:10px 20px}.world-story>span{font-size:12px;line-height:1.6;align-self:center}.world-story>div{grid-row:1/3;grid-column:2;min-height:0;height:100%;transform:rotate(4deg)}.world-story>strong{font-size:12px;align-self:end}.archive-stage{padding-top:24px}.archive-heading{margin:0 20px 22px;display:block}.archive-heading h2{font-size:29px;line-height:1.4}.archive-heading h2 em{display:block}.archive-heading>.text-button{margin-top:14px;font-size:9px}.archive-stage .archive-toolbar{margin:0 20px;padding:12px 0;gap:10px}.archive-stage .filters{gap:0}.archive-stage .filters button{padding:5px 10px;font-size:10px}.archive-stage .art-track{padding:8px 20px 15px;gap:18px}.archive-stage .art-card{max-width:85vw}.archive-stage .overview .art-card{height:180px}.archive-stage .card-caption{font-size:10px}.archive-stage .archive-title h2{font-size:11px}.character-zoom{width:95vw}.chapter-footer-actions{gap:10px!important}}
@media(max-height:650px) and (min-width:701px){.editorial-strip{height:160px;flex-basis:160px}.role-note{padding-top:14px}.role-note>p{font-size:18px;margin:8px 0}.preview-stack{height:65px}.preview-stack img{height:58px;width:58px}.preview-label{font-size:10px}.masthead-copy{bottom:30px}.masthead h1{font-size:100px}.masthead-bottom{margin-top:20px}.character-stage{padding-top:18px;padding-bottom:18px}.character-editorial h2{font-size:37px;margin-top:20px}.character-description{font-size:10px;margin-bottom:15px}.feature-index{gap:4px;padding-top:14px}.character-editorial .text-button{margin-top:18px}.featured-character{max-height:35vh}.character-selector{padding:0}#character-options{gap:8px}.character-option img{max-height:95px;object-fit:contain}.character-name{margin:16px 0 10px}.collection-note{padding-top:10px}.collection-note p{display:none}.world-stage{padding-top:15px;gap:12px}.world-banner{min-height:120px;max-height:28vh}.world-heading h2{font-size:27px}.world-features{min-height:120px}}
@media(prefers-reduced-motion:reduce){.mosaic-belt,.stage{animation:none!important}.character-option,.featured-character,.world-banner>img,.world-work img{transition:none!important}}
@media(min-width:701px){.featured-character{width:min(100%,45vh);max-height:none}.focus-caption{width:min(100%,45vh);align-self:center}.character-option img{max-height:125px;object-fit:contain}}
@media(min-width:701px){.character-stage{grid-template-rows:minmax(0,1fr)}.character-selector{min-height:0}.selector-heading{margin-bottom:16px}#character-options{grid-template-columns:repeat(2,minmax(0,105px));justify-content:space-between;gap:12px}.character-option img{max-height:none;aspect-ratio:1;width:100%}.collection-note{padding-top:14px}.collection-note p{margin:6px 0;font-size:10px}.world-banner>img{object-fit:contain}.world-banner{background:#102732}}
@media(min-width:701px){#character-options{justify-content:start;column-gap:22px}}