/* The selected collection is an open reading table, rather than a folder cover.
   Scope its paper palette to the page; the index and reader keep their own colours. */
.collection-landing[data-landing-kind=featured]{background:#eee8db;color:#302f28;--paper:#f4eddf;--featured-ink:#302f28;--featured-red:#9b4835;--featured-muted:#696659;--featured-rule:#b8aa9355}
.collection-landing[data-landing-kind=featured] .exhibition{background:radial-gradient(ellipse at 85% 10%,#faf7ee 0,transparent 55%);grid-template-columns:215px minmax(0,1fr);gap:28px 45px;padding:30px 40px 25px}
.collection-landing[data-landing-kind=featured] .mast{border-color:var(--featured-rule)}
.collection-landing[data-landing-kind=featured] .identity .signal,.collection-landing[data-landing-kind=featured] .index-trigger,.collection-landing[data-landing-kind=featured] .social-channels strong{color:var(--featured-red)}
.collection-landing[data-landing-kind=featured] .identity small,.collection-landing[data-landing-kind=featured] .social-channels small,.collection-landing[data-landing-kind=featured] .collection-nav>.micro,.collection-landing[data-landing-kind=featured] .collection-foot,.collection-landing[data-landing-kind=featured] .category-number,.collection-landing[data-landing-kind=featured] .category>small,.collection-landing[data-landing-kind=featured] .scene-footer{color:var(--featured-muted)}
.collection-landing[data-landing-kind=featured] .mast nav a:hover,.collection-landing[data-landing-kind=featured] .mast nav button:hover,.collection-landing[data-landing-kind=featured] .mast .social-channels button:hover strong{color:var(--featured-red)}
.collection-landing[data-landing-kind=featured] .category{color:#64665a;min-height:52px}
.collection-landing[data-landing-kind=featured] .category.selected,.collection-landing[data-landing-kind=featured] .category.selected .category-number,.collection-landing[data-landing-kind=featured] .category.selected>small,.collection-landing[data-landing-kind=featured] .category:hover{color:var(--featured-red)}
.collection-landing[data-landing-kind=featured] .category.selected:before{background:var(--featured-red)}
.collection-landing[data-landing-kind=featured] .external-category{border-color:var(--featured-rule)}
.collection-landing[data-landing-kind=featured] .scene-footer{border-top:1px solid var(--featured-rule);padding-top:22px}
.collection-landing[data-landing-kind=featured] .mast :focus-visible,.collection-landing[data-landing-kind=featured] .collection-nav :focus-visible,.featured-content :focus-visible,.collection-landing[data-landing-kind=featured] .scene-footer :focus-visible{outline-color:var(--featured-red)}
.featured-content .landing-breadcrumb{color:var(--featured-muted);margin-bottom:27px}
.featured-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:50px;align-items:center;padding:15px 0 55px}
.featured-kicker{font:12px/1.7 var(--mono);letter-spacing:1.5px;color:var(--featured-red)}
.featured-welcome h1{font:24px/1.5 StoryTC,var(--sans);letter-spacing:2px;margin:15px 0 28px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-weight:500}
.featured-welcome h1>span{font:12px/1.5 var(--mono);letter-spacing:1px;color:var(--featured-muted)}
.featured-headline{font:normal clamp(44px,4.9vw,74px)/1.04 Georgia,serif;letter-spacing:-2.5px;margin-bottom:28px}
.featured-headline em{color:var(--featured-red);font-weight:400}
.featured-introduction{max-width:510px}
.featured-introduction p[lang=zh-Hant]{font:17px/1.85 StoryTC,var(--sans)}
.featured-introduction p[lang=en]{font:15px/1.7 var(--sans);color:var(--featured-muted);margin-top:15px}
.featured-browse{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--featured-red);padding:16px 0;margin-top:20px;max-width:280px;font:13px/1.6 var(--mono);color:var(--featured-red)}
.featured-browse span{font-size:24px}.featured-browse:hover{color:var(--featured-ink)}
.featured-table{padding:25px 12px 40px;position:relative;isolation:isolate;min-width:0}
.featured-table:before{content:'';position:absolute;inset:15px 8px 60px 17px;background:#d8cdb7;transform:rotate(-4deg);z-index:-1;border:1px solid #bdb09866;box-shadow:0 4px 10px #52493612}
.featured-invitation{display:block;padding:20px 22px;background:#fbf7ed;box-shadow:0 6px 28px #62543b1a;transform:rotate(2deg);border:1px solid #d4c8b6;transition:transform 250ms ease}
.featured-invitation:hover,.featured-invitation:focus-visible{transform:rotate(0)}
.featured-invitation-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font:10px/1.7 var(--mono);letter-spacing:1px;color:var(--featured-muted);padding-bottom:14px;border-bottom:1px solid var(--featured-rule);margin-bottom:18px}
.featured-invitation .landing-image{aspect-ratio:16/9}.featured-invitation .landing-hover{display:none}
.featured-invitation .landing-file{display:none}
.featured-invitation blockquote{font:500 clamp(22px,2.2vw,31px)/1.65 StoryTC,var(--sans);margin:20px 0;color:var(--featured-ink);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.featured-invitation-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid var(--featured-rule);padding-top:14px;font:11px/1.7 var(--mono);color:var(--featured-red)}
.featured-invitation-foot strong{font:16px/1.6 StoryTC,var(--sans);color:var(--featured-muted);font-weight:400}
.featured-table-note{position:absolute;right:16px;bottom:0;transform:rotate(-4deg);font:10px/1.7 var(--mono);letter-spacing:1px;color:#9d826e;text-align:right}
.featured-empty{min-height:280px;display:flex;flex-direction:column;justify-content:center;gap:20px;font:16px/1.7 var(--mono)}
.featured-shortlist{margin:10px 0 60px;padding:20px 0;border-top:1px solid var(--featured-rule);border-bottom:1px solid var(--featured-rule)}
.featured-shortlist>p{font:11px/1.7 var(--mono);letter-spacing:1px;color:var(--featured-red);display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}
.featured-shortlist>p>span{color:var(--featured-muted)}
.featured-shortlist>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:15px}
.featured-jump{position:relative;padding:0 22px 0 12px;border-left:1px solid #b9ad9655;display:flex;flex-direction:column;gap:7px;min-height:76px}
.featured-jump>span:first-child{font:10px/1.5 var(--mono);color:var(--featured-red)}
.featured-jump strong{font:17px/1.5 StoryTC,var(--sans);font-weight:400;overflow-wrap:anywhere}.featured-jump small{font:11px/1.5 var(--sans);color:var(--featured-muted)}
.featured-jump>span:last-child{position:absolute;right:3px;top:0;color:var(--featured-red);font-size:20px}.featured-jump:hover strong{color:var(--featured-red)}
.featured-files{margin-top:0;scroll-margin-top:25px}
.featured-files .landing-files-heading{border-color:var(--featured-rule);margin-bottom:0;padding-bottom:22px}
.featured-files .landing-files-heading h2{font:italic 34px/1.3 Georgia,serif;font-weight:400;letter-spacing:-.5px}.featured-files .landing-files-heading p{color:var(--featured-muted);font-size:11px}
.featured-files .landing-card{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;padding:60px 0;border-bottom:1px solid var(--featured-rule);scroll-margin-top:30px;animation:none}
.featured-story-number{position:absolute;left:0;top:12px;font:italic 22px Georgia,serif;color:#a89377}
.featured-story-art{min-width:0;align-self:start;padding:12px;background:#faf6ec;box-shadow:0 5px 15px #76634310;transform:rotate(-1.5deg);margin-top:16px;border:1px solid #c7bba64d}
.featured-files .landing-card:nth-of-type(even) .featured-story-art{transform:rotate(1.5deg)}
.featured-files .landing-card:nth-of-type(even){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.featured-files .landing-card:nth-of-type(even) .featured-story-art{grid-column:2;grid-row:1}.featured-files .landing-card:nth-of-type(even) .featured-story-copy{grid-column:1;grid-row:1}
.featured-source{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;padding:14px 4px 3px;font:12px/1.6 StoryTC,var(--sans);color:var(--featured-muted)}
.featured-source>span[lang=en],.featured-source small{font:10px/1.6 var(--mono)}.featured-source small{margin-left:auto;color:var(--featured-red)}
.featured-story-copy{min-width:0}.featured-story-copy>blockquote{font:500 28px/1.65 StoryTC,var(--sans);color:var(--featured-red);margin-bottom:20px;overflow-wrap:anywhere}
.featured-story-copy h3{font:500 24px/1.5 StoryTC,var(--sans);overflow-wrap:anywhere}.featured-story-en{font:13px/1.7 var(--mono);color:var(--featured-muted);margin:5px 0 22px}
.featured-classifications{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}
.featured-tags>span,.featured-synopsis h4{display:block;font:11px/1.8 var(--mono);font-weight:400;color:var(--featured-muted);margin:0 0 7px}
.featured-tags>div{display:flex;flex-wrap:wrap;gap:7px}.featured-tags button{font:13px/1.7 StoryTC,var(--sans);text-align:left;border:1px solid #a59a8244;padding:5px 9px;min-height:40px;background:#ffffff33;display:flex;flex-direction:column;justify-content:center;gap:2px}
.featured-tags button small{font:10px/1.4 var(--sans);color:var(--featured-muted)}.featured-tags button:hover{border-color:var(--featured-red);color:var(--featured-red)}
.featured-synopsis p[lang=zh-Hant]{font:17px/1.85 StoryTC,var(--sans)}.featured-synopsis p[lang=en]{font:15px/1.75 var(--sans);color:var(--featured-muted);margin-top:14px}
.featured-story-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 23px;margin-top:25px;font:12px/1.7 var(--mono)}
.featured-story-actions a{padding:12px 0;border-bottom:1px solid #9b483555;color:var(--featured-red)}
.featured-story-actions .featured-inspect{padding:13px 19px;background:var(--featured-ink);color:#f6eddd;border:1px solid var(--featured-ink)}.featured-story-actions .featured-inspect:hover{background:var(--featured-red);border-color:var(--featured-red)}
.featured-content .landing-type-cover{background:#595e46;color:#eee8d8;font-family:StoryTC,var(--sans)}
.featured-content .landing-card:nth-of-type(even) .landing-type-cover{background:#695447}
.featured-next{border-color:var(--featured-rule)}.featured-next>p,.featured-next small{color:var(--featured-muted)}.featured-next a{border-color:var(--featured-rule)}.featured-next a:hover{color:var(--featured-red);border-color:var(--featured-red)}.featured-next button{font:12px/1.7 var(--mono);color:var(--featured-red);border-bottom:1px solid var(--featured-rule);padding:10px 0}
@media(min-width:1650px){.collection-landing[data-landing-kind=featured] .exhibition{gap:35px 70px}.featured-content{max-width:1300px}.featured-hero{gap:85px;padding-bottom:70px}.featured-headline{font-size:85px}.featured-invitation{padding:25px 28px}.featured-files .landing-card{gap:65px;padding:70px 0}}
@media(max-width:1150px){.collection-landing[data-landing-kind=featured] .exhibition{grid-template-columns:190px minmax(0,1fr);gap:25px 30px;padding:25px 30px}.featured-hero{gap:25px}.featured-headline{font-size:48px;letter-spacing:-1.6px}.featured-welcome h1{font-size:22px}.featured-invitation{padding:16px}.featured-introduction p[lang=zh-Hant]{font-size:16px}.featured-introduction p[lang=en]{font-size:14px}.featured-story-copy>blockquote{font-size:24px}.featured-files .landing-card{gap:26px}.featured-classifications{grid-template-columns:1fr}.featured-jump strong{font-size:16px}}
@media(max-width:900px) and (min-width:761px){.featured-hero{grid-template-columns:1fr}.featured-table{max-width:500px;margin:10px auto 0;width:100%}.featured-headline{font-size:60px}.featured-introduction{max-width:none}.featured-files .landing-card,.featured-files .landing-card:nth-of-type(even){grid-template-columns:1fr}.featured-files .landing-card:nth-of-type(even) .featured-story-art,.featured-files .landing-card:nth-of-type(even) .featured-story-copy{grid-column:auto;grid-row:auto}.featured-story-art{max-width:450px;width:100%}.featured-classifications{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.collection-landing[data-landing-kind=featured] .exhibition{grid-template-columns:minmax(0,1fr);gap:22px;padding:22px 23px}.collection-landing[data-landing-kind=featured] .collection-nav{padding:0}.collection-landing[data-landing-kind=featured] .category{min-height:59px}.collection-landing[data-landing-kind=featured] .category.selected{border-bottom-color:var(--featured-red)}.featured-content .landing-breadcrumb{margin-bottom:15px;font-size:10px}.featured-hero{grid-template-columns:1fr;gap:22px;padding:5px 0 27px}.featured-kicker{font-size:10px;letter-spacing:1px}.featured-welcome h1{font-size:21px;margin:10px 0 21px;letter-spacing:1px;gap:12px}.featured-welcome h1>span{font-size:11px}.featured-headline{font-size:clamp(43px,11.8vw,65px);line-height:1.05;letter-spacing:-1.8px;margin-bottom:22px}.featured-introduction p[lang=zh-Hant]{font-size:17px}.featured-introduction p[lang=en]{font-size:14px}.featured-browse{font-size:12px;max-width:280px;margin-top:15px}.featured-table{padding:14px 9px 32px}.featured-table:before{inset:5px 8px 50px 15px}.featured-invitation{padding:17px}.featured-invitation-label{font-size:9px;gap:8px;letter-spacing:.6px;margin-bottom:15px;padding-bottom:12px}.featured-invitation blockquote{font-size:24px;margin:17px 0}.featured-invitation-foot{font-size:10px}.featured-invitation-foot strong{font-size:16px}.featured-table-note{font-size:9px;right:13px;bottom:-1px}.featured-shortlist{margin:17px 0 36px;padding:17px 0}.featured-shortlist>p{font-size:10px}.featured-shortlist>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px}.featured-jump{padding-left:11px;padding-right:20px;min-height:74px}.featured-jump strong{font-size:16px}.featured-jump small{font-size:10px}.featured-files .landing-files-heading{gap:8px;padding-bottom:18px}.featured-files .landing-files-heading h2{font-size:28px}.featured-files .landing-files-heading p{font-size:10px}.featured-files .landing-card,.featured-files .landing-card:nth-of-type(even){grid-template-columns:1fr;gap:25px;padding:45px 0 35px;scroll-margin-top:15px}.featured-files .landing-card:nth-of-type(even) .featured-story-art,.featured-files .landing-card:nth-of-type(even) .featured-story-copy{grid-column:auto;grid-row:auto}.featured-story-number{font-size:20px;top:12px}.featured-story-art{padding:10px;margin:6px 3px 0}.featured-source{font-size:11px;padding-top:12px}.featured-story-copy>blockquote{font-size:25px;margin-bottom:15px;line-height:1.65}.featured-story-copy h3{font-size:23px}.featured-story-en{font-size:12px;margin-bottom:20px}.featured-classifications{grid-template-columns:1fr 1fr;gap:12px}.featured-tags>span,.featured-synopsis h4{font-size:10px}.featured-tags button{font-size:13px;min-height:42px;padding:5px 8px}.featured-synopsis p[lang=zh-Hant]{font-size:17px}.featured-synopsis p[lang=en]{font-size:14px}.featured-story-actions{font-size:11px;gap:10px 18px}.featured-next{margin-top:30px}.featured-next button{font-size:11px}.collection-landing[data-landing-kind=featured] .scene-footer{margin-top:8px;padding-top:18px}}
/* On a phone the cover invitation comes before the longer introduction,
   so the first screen already gives readers a story to follow. */
@media(max-width:760px){.featured-hero{gap:14px}.featured-welcome{display:contents}.featured-kicker{order:0}.featured-welcome h1{order:1;margin:0 0 4px}.featured-headline{order:2;margin:4px 0 5px}.featured-table{order:3;margin-bottom:15px}.featured-introduction{order:4}.featured-browse{order:5}}
@media(prefers-reduced-motion:reduce){.featured-invitation{transition:none}}
.no-motion .featured-invitation{transition:none}

/* Titles lead each selection; the red invitation is separate from its synopsis. */
.featured-story-copy h3{font-size:clamp(30px,3vw,44px);line-height:1.3;margin:0 0 8px}
.featured-story-copy .featured-story-en{font:normal clamp(18px,1.6vw,24px)/1.4 Georgia,serif;margin:0 0 22px}
.featured-story-copy>blockquote{font-size:clamp(19px,1.8vw,25px);line-height:1.65;margin:0 0 25px}
@media(max-width:760px){.featured-story-copy h3{font-size:32px}.featured-story-copy .featured-story-en{font-size:20px}.featured-story-copy>blockquote{font-size:21px}}
