/* Owner review, September 18 evening: poster-style flyer titles, discoverable story and Partners boxes, purple Books heading. */
main#main #paper-trail.classic-flyers .flyer-beat-copy h2,main#main #paper-trail.classic-flyers .flyer-beat-copy h2 *,main#main.page-flyers .flyer-gallery h2,main#main.page-flyers .flyer-gallery h2 *,main#main #paper-trail.classic-flyers .flyer-context>h3,main#main #paper-trail.classic-flyers .flyer-context>h3 *,main#main #paper-trail.classic-flyers .flyer-story .artifact-copy h3,main#main #paper-trail.classic-flyers .flyer-story .artifact-copy h3 *{font-family:Display,'Arial Narrow',Impact,sans-serif!important;font-weight:900!important;font-style:normal!important;text-transform:uppercase;letter-spacing:-.005em;line-height:.98;text-shadow:none}
main#main #paper-trail.classic-flyers .flyer-beat-copy h2{font-size:clamp(34px,3.4vw,50px);color:#fff5ff;margin:14px 0 16px}
main#main.page-flyers .flyer-gallery h2{font-size:clamp(26px,2.4vw,34px);line-height:1.02}
main#main #paper-trail.classic-flyers .flyer-story .artifact-copy h3{font-size:clamp(30px,3vw,44px);color:#fff5ff;margin-bottom:20px}
/* Stories behind the flyers: each story is a visible box with a thumbnail and an open button. */
#paper-trail .flyer-context{background:#1a1030;border:1px solid #8a63b5;border-radius:6px;padding:26px 24px 22px}
main#main #paper-trail.classic-flyers .flyer-context>h3{font-size:clamp(36px,3.8vw,56px);color:#c48af3;margin-bottom:8px}
#paper-trail .flyer-context .stories-lead{font:400 17px/1.65 Body,Arial,sans-serif;color:#e3d6f1;max-width:62ch;margin:0 0 18px}
#paper-trail .flyer-story{border:1px solid #7d58a8;border-radius:6px;background:#261638;margin:14px 0;padding:0;transition:border-color .2s,background .2s}
#paper-trail .flyer-story:hover,#paper-trail .flyer-story:focus-within{border-color:#8fe0ff;background:#2d1a44}
#paper-trail .flyer-story>summary{list-style:none;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:20px;align-items:center;padding:14px 18px;min-height:96px;cursor:pointer;color:#faf0ff}
#paper-trail .flyer-story>summary::-webkit-details-marker,#paper-trail .flyer-picker>summary::-webkit-details-marker{display:none}
#paper-trail .flyer-story>summary .story-thumb{width:72px;height:92px;object-fit:cover;object-position:top;background:#fff;border:2px solid #fff;box-shadow:2px 3px 0 #854bc0;border-radius:2px}
#paper-trail .flyer-story>summary .story-eyebrow{display:block;font:700 13px/1.5 Body,Arial,sans-serif;letter-spacing:.12em;color:#96dfff;margin:0 0 4px}
#paper-trail .flyer-story>summary .story-title{display:block;font:700 clamp(19px,1.8vw,24px)/1.3 Body,Arial,sans-serif;color:#fff5ff}
#paper-trail .story-open{display:inline-flex;align-items:center;gap:10px;background:#72d1fb;color:#11192e;font:800 16px/1.2 Body,Arial,sans-serif;padding:13px 18px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 0 #1c4c6a;transition:background .2s,transform .2s}
#paper-trail .story-open b{font-size:19px;line-height:1;transition:transform .2s;display:inline-block}
#paper-trail .flyer-story:hover .story-open,#paper-trail .flyer-picker:hover .story-open{background:#9fe4ff}
#paper-trail .flyer-story[open]>summary .story-open,#paper-trail .flyer-picker[open]>summary .story-open{background:#c48af3;color:#1d0f2e}
#paper-trail .flyer-story[open]>summary .story-open b,#paper-trail .flyer-picker[open]>summary .story-open b{transform:rotate(45deg)}
#paper-trail .flyer-story[open]>summary{border-bottom:1px solid #7d58a8}
/* Open story: purple and blue panel instead of a light panel with dark text. */
#paper-trail .flyer-story .artifact-episode{padding:22px 18px 26px;border-top:0}
#paper-trail .flyer-story .artifact-copy{background:linear-gradient(135deg,#3b1f63,#1d2b5f);border-left:3px solid #72d1fb;color:#f7edff;box-shadow:none;border-radius:0 8px 8px 0}
#paper-trail .flyer-story .artifact-copy .eyebrow{color:#96dfff}
#paper-trail .flyer-story .artifact-copy p,#paper-trail .flyer-story .artifact-copy dd{color:#f3eafc}
#paper-trail .flyer-story .artifact-copy dl{border-color:#8f6fb8}
#paper-trail .flyer-story .artifact-copy dt{color:#d8b4ff}
#paper-trail .flyer-story .evidence-note,#paper-trail .flyer-story .artifact-object .object-caption{color:#dccdee}
#paper-trail .flyer-story .flyer-evidence summary,#paper-trail .flyer-story .performance-context summary{color:#8fe0ff;font:700 16px/1.5 Body,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#paper-trail .flyer-story .flyer-evidence summary:hover,#paper-trail .flyer-story .performance-context summary:hover{color:#fff}
#paper-trail .flyer-story .artifact-copy a.text-link.action-button,#paper-trail .flyer-story .artifact-copy a.moment-link.action-button{color:#fff}
/* Flyer chooser box. */
#paper-trail .flyer-picker{border:1px solid #7d58a8;border-radius:6px;transition:border-color .2s}
#paper-trail .flyer-picker:hover,#paper-trail .flyer-picker:focus-within{border-color:#8fe0ff}
#paper-trail .flyer-picker>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;font:700 clamp(19px,1.8vw,24px)/1.3 Body,Arial,sans-serif;color:#fff5ff;cursor:pointer}
#paper-trail .flyer-picker[open]>summary{margin-bottom:16px}
/* Partners: the category rows read as buttons; every card is clickable. */
#partners .partner-group{border:1px solid #7a55a0;border-radius:6px;background:#241733;margin:12px 0;transition:border-color .2s,background .2s}
#partners .partner-group:hover,#partners .partner-group:focus-within{border-color:#8fe0ff;background:#2d1a44}
#partners .partner-group>summary{padding:16px 22px;min-height:76px}
#partners .partner-group>summary .partner-open{display:inline-flex;align-items:center;gap:10px;background:#72d1fb;color:#11192e;font:800 16px/1.2 Body,Arial,sans-serif;padding:13px 18px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 0 #1c4c6a;transition:background .2s}
#partners .partner-group>summary .partner-open b{font-size:19px;line-height:1;display:inline-block;transition:transform .2s}
#partners .partner-group:hover>summary .partner-open{background:#9fe4ff}
#partners .partner-group[open]>summary{border-bottom:1px solid #7a55a0;color:#f8efff}
#partners .partner-group[open]>summary .partner-open{background:#c48af3;color:#1d0f2e}
#partners .partner-group[open]>summary .partner-open b{transform:rotate(45deg)}
#partners .partner-group .partner-grid{padding:22px}
#partners .partner-card{position:relative;border-radius:6px;overflow:hidden;transition:transform .2s var(--ease-out,ease),border-color .2s}
#partners .partner-card:hover,#partners .partner-card:focus-within{border-color:#8fe0ff;transform:translateY(-3px);box-shadow:0 14px 28px #00000070}
#partners .partner-card a.text-link{color:#8fe0ff;justify-content:space-between}
#partners .partner-card a.text-link::before{content:"";position:absolute;inset:0}
#partners .partner-card:hover a.text-link{color:#fff}
/* Books featured in: purple heading, matching Partners. */
main#main>.review-print-shelf h2{color:#c48af3}
@media(max-width:600px){main#main #paper-trail.classic-flyers .flyer-beat-copy h2{font-size:32px}#paper-trail .flyer-context{padding:18px 14px}main#main #paper-trail.classic-flyers .flyer-context>h3{font-size:36px}#paper-trail .flyer-story>summary{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:12px 14px}#paper-trail .flyer-story>summary .story-thumb{width:56px;height:72px}#paper-trail .flyer-story>summary .story-open{grid-column:1/-1;justify-self:start}#paper-trail .flyer-story>summary .story-title{font-size:18px}#paper-trail .flyer-picker>summary{flex-wrap:wrap}#partners .partner-group>summary{flex-wrap:wrap;padding:14px 16px}#partners .partner-group .partner-grid{padding:14px}main#main #paper-trail.classic-flyers .flyer-story .artifact-copy h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){#paper-trail .flyer-story,#paper-trail .flyer-picker,#paper-trail .story-open,#paper-trail .story-open b,#partners .partner-group,#partners .partner-card,#partners .partner-group>summary .partner-open b{transition:none}#partners .partner-card:hover{transform:none}}
/* Uniform chapter-title font: the flyers, Partners, Keep a piece of the culture and Books featured in titles use the same Display face as Making pause tapes and See it. Hear it. */
main#main #paper-trail.classic-flyers .flyer-heading h2,main#main #paper-trail.classic-flyers .flyer-heading h2 *,main#main #partners.partners h2,main#main #partners.partners h2 *,body main#main>.review-print-shelf h2,body main#main>.review-print-shelf h2 *,main#main #paper-trail.classic-flyers #collect-flyers h3,main#main #paper-trail.classic-flyers #collect-flyers h3 *,body main#main.page-flyers .page-intro h1,body main#main.page-flyers .page-intro h1 *{font-family:Display,'Arial Narrow',Impact,sans-serif!important;font-weight:700!important;font-style:normal!important;letter-spacing:-.025em;line-height:1.04;text-shadow:none}
main#main #paper-trail.classic-flyers .flyer-heading h2{font-size:clamp(50px,5.3vw,78px);color:#fff7fc;margin:22px 0}
main#main #paper-trail.classic-flyers .flyer-heading h2 em{color:#94ddff}
main#main #partners.partners h2{font-size:clamp(54px,7vw,98px);color:#c48af3;margin:20px 0 0}
body main#main>.review-print-shelf h2{color:#c48af3}
main#main #paper-trail.classic-flyers #collect-flyers h3{font-size:clamp(30px,3.4vw,47px);color:#28113e;margin:14px 0}
body main#main.page-flyers .page-intro h1{color:#f6ebff}
body main#main.page-flyers .page-intro h1 em{color:#9edfff}
@media(max-width:600px){main#main #paper-trail.classic-flyers .flyer-heading h2{font-size:46px}main#main #partners.partners h2{font-size:52px}main#main #paper-trail.classic-flyers #collect-flyers h3{font-size:31px}}

/* Uniform site font everywhere: the graffiti family name now loads the Display face, so no heading, wordmark, dialog title or decorative mark keeps the old look. */
@font-face{font-family:Knewave;src:url("/assets/fonts/display.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
html body main#main :is(h1:not(#hero-title),h2,h3):not(.partner-card h3),html body main#main :is(h1:not(#hero-title),h2,h3):not(.partner-card h3) *{font-family:Display,'Arial Narrow',Impact,sans-serif!important;font-weight:700!important;letter-spacing:-.025em}
body .dialog-bar #media-title,body .footer-top a.action-button,body .footer-top a.action-button *,body .partner-name-art,body .wall-graffiti,body .compact-city-year{font-family:Display,'Arial Narrow',Impact,sans-serif!important;font-weight:700!important;letter-spacing:-.02em}
/* Alive drop-downs: animated gradient frame, light sweep, pulsing open button, thumbnails that react. */
#paper-trail .flyer-story,#paper-trail .flyer-picker,#partners .partner-group{position:relative;overflow:hidden;isolation:isolate}
#paper-trail .flyer-story::before,#paper-trail .flyer-picker::before,#partners .partner-group::before{content:"";position:absolute;inset:0;border-radius:6px;padding:2px;background:linear-gradient(120deg,#8a5fb8,#72d1fb,#c48af3,#72d1fb,#8a5fb8);background-size:300% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .35s;pointer-events:none;z-index:2}
#paper-trail .flyer-story:hover::before,#paper-trail .flyer-picker:hover::before,#partners .partner-group:hover::before,#paper-trail .flyer-story:focus-within::before,#paper-trail .flyer-picker:focus-within::before,#partners .partner-group:focus-within::before,#paper-trail .flyer-story[open]::before,#partners .partner-group[open]::before{opacity:1;animation:frame-flow 2.2s linear infinite}
#paper-trail .flyer-story::after,#paper-trail .flyer-picker::after,#partners .partner-group::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:35%;background:linear-gradient(100deg,transparent,#ffffff14 45%,#72d1fb22 50%,#ffffff14 55%,transparent);transform:skewX(-18deg);pointer-events:none;z-index:1;opacity:0}
#paper-trail .flyer-story:hover::after,#paper-trail .flyer-picker:hover::after,#partners .partner-group:hover::after{opacity:1;animation:sweep 1.1s ease-out 1}
@keyframes frame-flow{to{background-position:300% 0}}
@keyframes sweep{from{left:-40%}to{left:120%}}
@keyframes pill-pulse{0%,100%{box-shadow:0 2px 0 #1c4c6a,0 0 0 0 #72d1fb66}55%{box-shadow:0 2px 0 #1c4c6a,0 0 0 12px #72d1fb00}}
@keyframes plus-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px) rotate(8deg)}}
#paper-trail .story-open,#partners .partner-group>summary .partner-open{animation:pill-pulse 2.8s cubic-bezier(.4,0,.6,1) infinite;transition:background .2s,transform .2s}
#paper-trail .story-open b,#partners .partner-group>summary .partner-open b{animation:plus-bob 2.8s cubic-bezier(.4,0,.6,1) infinite}
#paper-trail .flyer-story:hover .story-open,#paper-trail .flyer-picker:hover .story-open,#partners .partner-group:hover>summary .partner-open{transform:translateX(-4px) scale(1.04);animation:none;box-shadow:0 2px 0 #1c4c6a,0 0 0 6px #72d1fb33,0 0 26px #72d1fb55}
#paper-trail .flyer-story:hover .story-open b,#partners .partner-group:hover>summary .partner-open b{animation:none;transform:rotate(90deg)}
#paper-trail .flyer-story[open]>summary .story-open,#partners .partner-group[open]>summary .partner-open,#paper-trail .flyer-picker[open]>summary .story-open{animation:none}
#paper-trail .flyer-story>summary .story-thumb{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
#paper-trail .flyer-story:hover>summary .story-thumb{transform:rotate(-5deg) scale(1.12) translateY(-2px);box-shadow:4px 6px 0 #854bc0,0 14px 24px #00000080}
#paper-trail .flyer-story>summary .story-title,#partners .partner-group-title{display:block;transition:transform .3s,color .3s}
#paper-trail .flyer-story:hover>summary .story-title,#partners .partner-group:hover .partner-group-title{transform:translateX(6px);color:#dff4ff}
#paper-trail .flyer-story>summary .story-teaser{display:block;font:400 15px/1.5 Body,Arial,sans-serif;color:#cdbde0;margin-top:4px;max-width:60ch}
#paper-trail .flyer-story>summary>span:nth-child(2){min-width:0;position:relative;z-index:3}
#paper-trail .flyer-story>summary,#paper-trail .flyer-picker>summary,#partners .partner-group>summary{position:relative;z-index:3}
#paper-trail .flyer-story .artifact-episode,#partners .partner-group .partner-grid{position:relative;z-index:3}
/* Partners rows: names preview and face stack that fans out on hover. */
#partners .partner-group>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center}
#partners .partner-summary-copy{min-width:0}
#partners .partner-group>summary .partner-summary-copy span{white-space:normal}#partners .partner-group-title{font:600 22px/1.3 Body,Arial,sans-serif;color:#f8efff}
#partners .partner-group>summary .partner-names{display:block;font:400 15px/1.5 Body,Arial,sans-serif;color:#c9b7dc;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#partners .partner-peek{display:flex;align-items:center;padding-left:14px}
#partners .partner-peek img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid #2d1a44;background:#0b0a10;margin-left:-14px;box-shadow:0 4px 12px #00000080;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,filter .3s;filter:saturate(.85)}
#partners .partner-peek img:nth-child(1){z-index:4}#partners .partner-peek img:nth-child(2){z-index:3}#partners .partner-peek img:nth-child(3){z-index:2}#partners .partner-peek img:nth-child(4){z-index:1}
#partners .partner-group:hover .partner-peek img{border-color:#72d1fb;filter:saturate(1.1)}
#partners .partner-group:hover .partner-peek img:nth-child(1){transform:translateX(-6px) rotate(-6deg) scale(1.08)}
#partners .partner-group:hover .partner-peek img:nth-child(2){transform:translateX(-2px) translateY(-4px) scale(1.06)}
#partners .partner-group:hover .partner-peek img:nth-child(3){transform:translateX(2px) rotate(5deg) scale(1.06)}
#partners .partner-group:hover .partner-peek img:nth-child(4){transform:translateX(6px) translateY(-3px) rotate(9deg) scale(1.08)}
#partners .partner-group[open] .partner-peek{display:none}
/* Smaller nested drop-downs: animated underline and arrow nudge. */
#paper-trail .flyer-evidence summary,#paper-trail .performance-context summary,#artist-scholar .hhec-cohort summary,#official-listening .album-player summary{transition:color .25s,transform .25s}
#paper-trail .flyer-evidence summary:hover,#paper-trail .performance-context summary:hover,#artist-scholar .hhec-cohort summary:hover{color:#fff;transform:translateX(4px);text-decoration-color:#72d1fb;text-decoration-thickness:3px}
#official-listening .album-player summary:hover{transform:translateX(4px)}
@media(max-width:600px){#partners .partner-group>summary{grid-template-columns:minmax(0,1fr) auto}#partners .partner-peek{grid-column:2;padding-left:10px}#partners .partner-peek img{width:40px;height:40px;margin-left:-10px}#partners .partner-group>summary .partner-open{grid-column:1/-1;justify-self:start}#partners .partner-names{white-space:normal}#partners .partner-group-title{font-size:19px}}
@media(prefers-reduced-motion:reduce){#paper-trail .flyer-story::before,#paper-trail .flyer-picker::before,#partners .partner-group::before,#paper-trail .flyer-story::after,#paper-trail .flyer-picker::after,#partners .partner-group::after,#paper-trail .story-open,#partners .partner-group>summary .partner-open,#paper-trail .story-open b,#partners .partner-group>summary .partner-open b{animation:none!important}#paper-trail .flyer-story:hover>summary .story-thumb,#partners .partner-group:hover .partner-peek img,#paper-trail .flyer-story:hover>summary .story-title,#partners .partner-group:hover .partner-group-title,#paper-trail .flyer-evidence summary:hover,#paper-trail .performance-context summary:hover,#artist-scholar .hhec-cohort summary:hover,#official-listening .album-player summary:hover{transform:none}}
/* Flyer wall beside the chapter title: no cream frame or letterbox; the scans sit as slim white prints. */
#paper-trail .flyer-wall img{background:none;border:4px solid #fff;height:auto;aspect-ratio:825/1275;object-fit:cover;object-position:center;box-shadow:0 2px 0 #ffffff55;filter:drop-shadow(0 18px 18px #05031099)}
#paper-trail .flyer-wall img:nth-child(1){width:54%;inset:4% auto auto 22%}
#paper-trail .flyer-wall img:nth-child(2){width:46%;inset:0 0 auto auto}
#paper-trail .flyer-wall img:nth-child(3){width:40%;inset:auto auto 0 2%}