.chapter{gap:8px}.chapter-art{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-height:0;border-bottom:1px solid #5443593b;padding-bottom:12px}.chapter-art img{flex:1;min-width:0;max-width:32%;height:100%;min-height:0;object-fit:contain;box-shadow:none;filter:saturate(.72);mix-blend-mode:multiply}.chapter-worlds img{max-width:100%;width:100%}.chapter-characters img{image-rendering:pixelated}.chapter span{font-family:var(--serif);font-size:43px}.chapter.active img{filter:saturate(.9)}
.page-art{display:flex;flex-direction:column;align-items:center;background:transparent;box-shadow:none;padding:10px 10px 4px;gap:10px}.page-art:after{display:none}.folio-category{font:22px var(--serif);text-transform:uppercase;letter-spacing:5px;color:#cfb7dc;width:100%;text-align:center;border-bottom:1px solid #9e87a56b;padding-bottom:12px}.folio-display{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:22px 20px;flex:1;min-height:0;width:100%;padding:18px 2px 12px;align-items:center}.folio-display img{width:100%;height:100%;object-fit:contain;opacity:.94;filter:saturate(.82);transition:filter .3s}.folio-display.characters{grid-template-rows:minmax(0,1fr);gap:8px;padding:20px 0}.folio-display.characters img{image-rendering:pixelated}.folio-display.worlds{display:flex;padding:0}.folio-display.worlds img{filter:saturate(.7);width:100%;height:100%;object-fit:contain;opacity:.9}.folio-caption{font:35px/1.05 var(--serif);text-align:center;max-width:440px;color:#e2d6e8}.folio-edition{font:17px var(--serif);letter-spacing:1px;color:#baabc1;margin:3px 0 4px}.page-foot{font-family:var(--serif);border-top:1px solid #9e87a54d;height:55px;margin-top:6px;padding-top:2px}.page-foot button{font-family:var(--serif)}.art-page.turning .folio-display{animation:page-ink .5s ease-out}@keyframes page-ink{from{opacity:.2;filter:brightness(1.3)}to{opacity:1;filter:brightness(1)}}
.selected-work{padding:55px 3% 25px;max-width:2000px}.selected-work h1{font-size:56px;white-space:normal;min-width:320px}.selected-work .section-heading{margin-bottom:25px;align-items:center}.selected-controls{display:flex;gap:10px;align-items:center}.selected-controls button{border:1px solid #65506f;min-width:44px;height:40px;font:16px var(--sans);padding:0 12px}.selected-controls button:first-child,.selected-controls button:last-child{font-size:22px}.selected-feature{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:5%;align-items:center;border-top:1px solid #514b555f;border-bottom:1px solid #514b555f;padding:35px 0}.selected-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:400px;align-items:center;gap:25px}.selected-assets img{width:100%;height:100%;max-height:185px;object-fit:contain}.selected-feature.worlds .selected-assets{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:12px}.selected-feature.worlds .selected-assets img{max-height:none}.selected-copy h2{font-size:50px;margin:0 0 18px}.selected-copy p{font:17px var(--sans);color:var(--muted);margin-bottom:30px}.selected-copy>span{font:17px var(--sans);border-bottom:1px solid var(--violet);padding-bottom:8px}.selected-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0;font:14px var(--sans)}#selected-position{font-variant-numeric:tabular-nums;color:var(--muted)}#selected-tabs{display:flex;gap:12px}#selected-tabs button{width:38px;height:28px;position:relative}#selected-tabs button:after{content:'';position:absolute;inset:12px 0;background:#5f4c6a;height:3px}#selected-tabs button[aria-pressed=true]:after{background:#d2b4ed}.studio-invitation{margin-top:30px;padding-top:40px}.studio-invitation h2{font-size:60px}.studio-invitation .studio-copy{padding-top:0;font:18px/1.5 var(--sans)}.studio-invitation .studio-copy a{margin-top:15px}
@media(max-width:900px){.selected-copy h2{font-size:42px}.selected-assets{height:340px;gap:20px}.selected-assets img{max-height:150px}.selected-work h1{font-size:44px;min-width:0}}
@media(max-width:620px){.selected-work{padding:30px 20px 15px}.selected-work h1{font-size:40px}.selected-work .section-heading{gap:8px;justify-content:space-between}.selected-work .heading-rule{display:none}.selected-controls{gap:7px}.selected-controls button{min-width:37px;padding:0 8px}.selected-feature{grid-template-columns:1fr;padding:20px 0 28px;gap:30px}.selected-assets{height:320px;gap:24px 18px}.selected-copy h2{font-size:39px;max-width:330px}.selected-copy p{margin-bottom:20px}.selected-feature.worlds .selected-assets{height:320px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.selected-feature.worlds .selected-assets img:first-child{grid-column:1/-1}.selected-foot{flex-wrap:wrap;gap:15px}.selected-foot>a{margin-left:auto}.studio-invitation h2{font-size:45px}.mobile-chapters a{padding:14px 0;font-size:17px}.mobile-page-foot button{font-size:17px;gap:12px}.mobile-controls{padding-bottom:12px}}
.character-impression{position:relative;display:block;width:100%;height:300px;align-self:center}.character-impression img{position:absolute!important;top:var(--ink-top)!important;left:50%!important;transform:translateX(var(--ink-center))!important;width:auto!important;height:var(--ink-height)!important;max-width:none!important;object-fit:contain!important;image-rendering:pixelated}.chapter-characters .character-impression{flex:1;min-width:0;height:130px;mix-blend-mode:multiply}.chapter-characters .character-impression img{max-width:none}.folio-display.characters{align-items:center;justify-items:center;gap:12px}
/* The projected pages remain interactive on phones. Compensate for the book's
   perspective scale so the footer has usable screen-space touch targets. */
@media(max-width:620px){
  .stage .index-page,.stage .art-page{pointer-events:auto}
  .stage .chapter,.stage .page-art,.stage .page-foot button,.mobile-controls a,.mobile-controls button{touch-action:manipulation}
  .stage .page-foot{height:calc(48px / var(--book-scale,1));padding:0;gap:0}
  .stage .page-foot button{flex:1;align-self:stretch;justify-content:center;min-width:0;min-height:0;gap:calc(3px / var(--book-scale,1));font-size:calc(14px / var(--book-scale,1))}
  .stage .page-foot .long-arrow{display:none}
  .stage .page-foot .next span{font-size:calc(18px / var(--book-scale,1))}
  .stage .folio-display.characters .character-impression{height:100%;max-height:300px}
  .stage .folio-display.studio{margin:0;border:0}
  .mobile-page-title{margin:6px 0 0;padding-top:12px;border-top:1px solid #5c476a6b;color:var(--paper);font:19px/1.25 var(--serif)}
  .mobile-chapters a{display:flex;align-items:center;min-height:48px}
  .mobile-page-foot .next{min-width:60px;justify-content:center}
}