.artbook-main{--art-ink:#293d33;--art-paper:#f5f0e6;--art-line:#293d3325;color:var(--art-ink)}
.art-cover{max-width:1440px;margin:auto;padding:70px 5.7% 90px;display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:6%;min-height:720px}.art-stamp{display:inline-block;border:1px dashed #84917b;border-radius:5px;padding:6px 9px;font-size:9px;letter-spacing:1px;margin-bottom:32px}.art-cover .eyebrow{font-size:10px;letter-spacing:2px}.art-cover h1{font:400 clamp(45px,5vw,78px)/1.05 Jua,sans-serif;letter-spacing:-2px;margin:23px 0}.art-cover h2{font:400 clamp(21px,2vw,30px)/1.4 Jua,sans-serif;margin-bottom:20px}.art-lead{max-width:350px;font-size:14px;line-height:1.9;color:#64705c;margin-bottom:28px}.cover-art{position:relative;aspect-ratio:1/1.05;background:#e3e7d8;border-radius:48% 48% 8px 8px;padding:22px;box-shadow:0 20px 50px #293d3312;border:1px solid #bcc6ae}.cover-map{width:100%;height:82%;object-fit:cover;border-radius:48% 48% 5px 5px;opacity:.92}.cover-cast{position:absolute;bottom:9%;left:4%;right:4%;height:31%;display:flex;align-items:end;justify-content:center;filter:drop-shadow(0 12px 12px #293d3330)}.cover-cast img{width:20%;height:100%;object-fit:contain}.cover-cast img:nth-child(4){height:78%}.cover-number{position:absolute;bottom:18px;right:23px;font:10px/1.5 monospace;text-align:right}.art-gallery{max-width:1440px;margin:auto;padding:55px 5.7% 80px;border-top:1px solid var(--art-line)}.art-section-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:32px}.art-section-heading h2{font:400 clamp(29px,3vw,44px)/1.25 Jua,sans-serif}.art-section-heading>span{font-size:11px;white-space:nowrap;color:#6a755f}.art-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:10px;margin-bottom:34px}.art-filters input,.art-filters select{min-width:0;width:100%;background:#fffc;border:1px solid #c8ccbd;color:#293d33;border-radius:7px;font:12px/1.4 inherit;padding:13px 12px;min-height:44px}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.art-card{min-width:0}.art-image{display:block;width:100%;padding:0;overflow:hidden;border:1px solid #d6d8c9;border-radius:9px;background:#e9e5d8;position:relative;cursor:zoom-in;aspect-ratio:4/4.4}.art-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.art-card[data-category=characters] .art-image img{object-fit:contain;padding:30px;background:radial-gradient(ellipse at 50% 65%,#d5dcc9,#eee9df 70%)}.art-card[data-category=neighbors] .art-image img,.art-card[data-category=studies] .art-image img{object-fit:contain;padding:16px}.art-image:hover img{transform:scale(1.035)}.art-zoom{position:absolute;bottom:14px;right:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f9f5e8db;font-size:20px}.art-card-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.6px;margin:16px 0 9px;text-transform:uppercase;color:#758065}.art-card :is(h3,h4){font:400 23px/1.3 Jua,sans-serif;margin:0 0 8px}.art-card p{font-size:12px;line-height:1.7;color:#69725f;max-width:95%}.art-coming{text-align:center;border-top:1px dashed #b3bba5;border-bottom:1px dashed #b3bba5;padding:55px 24px;background:#e7ebdf}.art-coming h2{font:400 34px/1.3 Jua,sans-serif;margin:13px 0 18px}.art-coming p{font-size:13px;line-height:1.9;max-width:660px;margin:auto;color:#66725d}.thread-icon{font-size:36px;color:#9a785a}.art-credit{text-align:center;font-size:10px;color:#738064;padding:28px 20px}#art-viewer{width:min(1140px,94vw);padding:20px;max-height:94svh;border-radius:14px;overflow:auto}#art-viewer::backdrop{background:#1d2c26e8;backdrop-filter:blur(6px)}.art-close{position:absolute;right:15px;top:10px;font-size:32px;line-height:1;z-index:2;width:40px;height:40px;background:#f5f0e6e6;border-radius:50%;cursor:pointer}.art-viewer-image{background:#e4e6da;border-radius:8px;display:grid;place-items:center;min-height:100px}.art-viewer-image img{display:block;width:100%;max-height:65svh;object-fit:contain}.art-viewer-caption{padding:22px 10px 5px}.art-viewer-caption>p:first-child{font-size:10px;letter-spacing:1px;margin:0 0 10px}.art-viewer-caption h2{font:400 30px/1.2 Jua,sans-serif;margin-bottom:12px}.art-viewer-caption p{font-size:13px;line-height:1.7}.art-viewer-caption small{display:block;font-size:10px;color:#738064;margin-top:12px}.art-viewer-caption>div{display:flex;gap:25px;justify-content:center;align-items:center;margin-top:15px}.art-viewer-caption button{min-width:44px;min-height:44px;border:1px solid #b8c2aa;border-radius:50%;font-size:22px}.art-viewer-caption span{font:12px monospace}.artbook-main :focus-visible,#art-viewer :focus-visible{outline:3px solid #9b773f;outline-offset:4px}
@media(max-width:760px){.art-cover{grid-template-columns:1fr;gap:35px;padding:35px 22px 50px;min-height:0}.cover-copy{text-align:center}.art-stamp{margin-bottom:22px}.art-cover h1{font-size:49px;margin:18px 0}.art-cover h2{font-size:23px}.art-lead{margin:0 auto 24px;font-size:13px}.cover-art{width:min(100%,460px);margin:auto}.art-gallery{padding:38px 22px 50px}.art-section-heading{display:block}.art-section-heading>span{display:block;margin-top:13px}.art-filters{grid-template-columns:1fr 1fr;gap:9px}.art-filters input{grid-column:1/-1}.art-filters select:last-child{grid-column:1/-1}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.art-card-meta{display:block;font-size:8px;line-height:1.7}.art-card :is(h3,h4){font-size:19px}.art-card p{font-size:11px}.art-card[data-category=characters] .art-image img{padding:12px}.art-card[data-category=neighbors],.art-card[data-category=world],.art-card[data-category=studies]{grid-column:1/-1}.art-card[data-category=world] .art-image,.art-card[data-category=studies] .art-image{aspect-ratio:4/3}.art-coming h2{font-size:29px}.art-coming p{font-size:12px}.art-viewer-caption h2{font-size:25px}#art-viewer{padding:12px}.art-viewer-image img{max-height:55svh}}
@media(prefers-reduced-motion:reduce){.art-image img{transition:none}}

.art-filters{grid-template-columns:1.5fr repeat(4,1fr)}.art-editorial-note{font-size:11px;line-height:1.7;color:#64705c;margin:-14px 0 28px}.art-card[data-category=posters] .art-image,.art-card[data-category=boards] .art-image,.art-card[data-category=editions] .art-image{aspect-ratio:2/3}.art-image img{object-fit:contain}.art-card[data-category=neighbors] .art-image img{padding:20px}.art-card[data-category=world] .art-image{aspect-ratio:2/3}.art-card-meta{flex-wrap:wrap;gap:4px 12px}.cover-map{height:100%;object-fit:contain;border-radius:0}.cover-art{padding:0;border-radius:16px;aspect-ratio:16/9;overflow:hidden}.cover-cast,.cover-number{display:none}.art-viewer-caption h2{overflow-wrap:anywhere}#art-viewer{overscroll-behavior:contain}.art-download{display:inline-block;margin-top:14px;font-size:12px;border-bottom:1px solid #738064}
@media(max-width:760px){.art-filters{grid-template-columns:1fr 1fr}.art-filters input{grid-column:1/-1}.art-filters select:last-child{grid-column:auto}.art-grid{grid-template-columns:1fr}.art-card[data-category]{grid-column:auto}.art-card[data-category=characters] .art-image,.art-card[data-category=neighbors] .art-image{aspect-ratio:1}.art-card :is(h3,h4){font-size:24px}.art-card-meta{display:flex}.art-card p{font-size:12px}.art-card[data-category=world] .art-image{aspect-ratio:2/3}}

/* Shared-life artworks retain the whole landscape composition */
:is(.art-card[data-category=scenes],.art-card[data-category=defense]) .art-image{aspect-ratio:3/2}
:is(.art-card[data-category=scenes],.art-card[data-category=defense]) .art-image img{object-fit:contain;padding:0}
.cover-art{aspect-ratio:3/2}.cover-map{object-fit:contain}
@media(max-width:760px){:is(.art-card[data-category=scenes],.art-card[data-category=defense]) .art-image{aspect-ratio:3/2}}

/* Collection navigation: one character per card, with all original images retained */
.art-cover{min-height:0;padding-top:48px;padding-bottom:54px;grid-template-columns:.95fr 1.05fr;gap:5%}.art-stamp{margin-bottom:14px}.art-cover h1{font-size:clamp(44px,5vw,70px);margin:14px 0}.art-cover h2{font-size:clamp(22px,2.2vw,30px);margin-bottom:14px}.art-lead{max-width:430px;margin-bottom:22px}.art-gallery{scroll-margin-top:130px;padding-top:36px}.art-library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.art-library-heading h2{font:400 clamp(24px,2.7vw,36px)/1.35 Jua,sans-serif;margin:0}.art-library-heading>span{color:#64705c;font-size:12px}.art-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:34px}.art-sections:has(>button:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}.art-sections button{min-width:0;min-height:64px;padding:12px 10px;border:1px solid #bdc6ad;border-radius:10px;background:#e9ecdf;color:#40523e;font:400 19px/1.35 Jua,sans-serif;cursor:pointer;word-break:keep-all}.art-sections button[aria-selected=true]{background:#293d33;color:#faf6e9;border-color:#293d33;box-shadow:inset 0 -4px #a4b28a}.art-sections button:hover{border-color:#657d55}.art-section-heading{margin-bottom:22px;align-items:flex-start}.art-section-heading h2{font-size:clamp(28px,3vw,40px);margin:0 0 8px}.art-section-heading p{font-size:13px;color:#64705c;line-height:1.75;margin:0;max-width:760px}.art-section-heading>span{padding-top:10px}.art-filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.art-filter-row input,.art-filter-row select,.art-filter-row button,.art-filters select{min-height:44px;min-width:0;background:#fff9;border:1px solid #bbc4ad;border-radius:7px;padding:11px 12px;font:inherit;font-size:13px;color:#293d33}.art-filter-row input{flex:1 1 260px}.art-filter-row select{flex:0 1 220px;max-width:100%}.art-filter-row button{cursor:pointer;background:transparent}.art-filters{display:flex;flex-wrap:wrap;margin:12px 0 0;gap:10px}.art-filters select{flex:1 1 160px;width:auto}#art-more-filters{font-size:12px;margin-top:12px;color:#5a6c52}#art-more-filters summary{cursor:pointer;width:fit-content;min-height:44px;align-content:center}#art-more-filters[hidden],[hidden]{display:none!important}.art-editorial-note{margin:8px 0 28px;font-size:11px}.art-chapter+.art-chapter{margin-top:50px;padding-top:30px;border-top:1px dashed #b2bca6}.art-chapter-title{font:400 24px/1.4 Jua,sans-serif;margin:0 0 20px;color:#5c7051}.art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.art-card{grid-column:auto!important}.art-card :is(h3,h4){font-size:24px;word-break:keep-all;overflow-wrap:anywhere}.art-card-meta{font-size:10px;letter-spacing:.2px}.art-card p{max-width:none}.art-card:is([data-category=characters],[data-category=neighbors]) .art-image{aspect-ratio:1}.art-card:is([data-category=characters],[data-category=neighbors]) .art-image img{padding:20px;object-fit:contain;background:radial-gradient(ellipse at 50% 65%,#dce2d0,#eee9df 75%)}#art-panel[data-collection=world] .art-grid,#art-panel[data-collection=stories] .art-grid,#art-panel[data-collection=crossover] .art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-card[data-category=world] .art-image{aspect-ratio:2/3}.art-card[data-category=editions] .art-image{aspect-ratio:2/3}.art-viewer-caption>div.art-variants{justify-content:flex-start;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.art-variants button{border-radius:7px;padding:10px 14px;min-height:44px;min-width:0;font:inherit;font-size:13px;cursor:pointer}.art-variants button[aria-pressed=true]{background:#293d33;color:#fff9e8;border-color:#293d33}.art-viewer-caption>p:first-child{margin-bottom:8px}.art-viewer-image img{max-height:60svh}#art-viewer{background:#f5f0e6;color:#293d33}.artbook-main h1,.artbook-main h2,.artbook-main h3{word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:900px){.art-cover{grid-template-columns:1fr 1fr}.art-grid{gap:26px 16px}.art-sections button{font-size:17px}.art-gallery{scroll-margin-top:170px}}
@media(max-width:760px){.art-cover{grid-template-columns:1fr;padding:28px 20px 35px;gap:24px}.art-stamp{margin-bottom:10px}.art-cover h1{font-size:46px}.art-cover h2{font-size:23px}.art-lead{font-size:13px;max-width:430px}.cover-art{width:min(100%,460px)}.art-gallery{padding:28px 18px 44px}.art-library-heading{display:block;margin-bottom:18px}.art-library-heading>span{display:block;margin-top:8px;font-size:11px}.art-sections,.art-sections:has(>button:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:26px}.art-sections button{min-height:56px;font-size:18px;padding:10px 6px}.art-section-heading{display:flex;gap:12px}.art-section-heading h2{font-size:29px}.art-section-heading p{font-size:12px}.art-section-heading>span{white-space:normal;text-align:right;min-width:65px;margin:0;padding-top:7px;font-size:11px}.art-filter-row{gap:8px}.art-filter-row input{flex-basis:100%;width:100%}.art-filter-row select{flex:1 1 150px}.art-filter-row button{flex:0 1 auto}.art-filters select{flex-basis:100%;width:100%}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.art-card :is(h3,h4){font-size:21px}.art-card-meta{font-size:9px;display:flex;gap:4px;line-height:1.5;margin-top:11px}.art-card p{font-size:11px}.art-card:is([data-category=characters],[data-category=neighbors]) .art-image img{padding:9px}.art-zoom{width:25px;height:25px;bottom:8px;right:8px;font-size:17px}#art-panel[data-collection=world] .art-grid,#art-panel[data-collection=stories] .art-grid,#art-panel[data-collection=crossover] .art-grid,#art-panel[data-collection=editions] .art-grid{grid-template-columns:1fr}.art-chapter-title{font-size:22px}.art-chapter+.art-chapter{margin-top:35px;padding-top:24px}.art-coming h2{font-size:27px}.art-viewer-caption{padding:16px 3px 3px}.art-viewer-caption h2{font-size:26px}.art-viewer-image img{max-height:48svh}.art-variants button{padding:10px 12px;font-size:12px}#art-viewer{width:94vw;max-height:92svh}}

@media(max-width:760px){.art-section-heading>span{white-space:nowrap;min-width:0;flex:0 0 auto}}