/* Sandbox editorial refinements: artwork, palette, hero layout and full archive retained. */
#frank .collaboration-intro{max-width:48ch;margin:20px 0 12px;color:#e0e7ef;font-size:18px;line-height:1.65}
#frank .collaboration-paths{margin:8px 0 12px;gap:8px 22px}
#work-for-frank .archive-introduction .archive-index{margin:20px 0 28px;gap:4px 18px}
#work-for-frank .archive-checkpoint{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 28px;margin:8px 0 22px;padding-block:10px;border-block:1px solid #ffffff24;font-size:15px}
#work-for-frank .archive-checkpoint a{min-height:44px}
#how-its-made .film-start{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 36px;max-width:65ch;font-size:17px;line-height:1.5}
#how-its-made .film-start a{display:inline-flex;align-items:center;min-height:44px;color:#eac184;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
#how-its-made .film-start span{color:#cbd5e3;font-size:15px}
#how-its-made .film-start a:hover{color:#fff}
#how-its-made .film-start a:focus-visible{outline:2px solid #eac184;outline-offset:4px}
#how-its-made .film{scroll-margin-top:32px}
#how-its-made .film figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;text-align:left;line-height:1.4}
#how-its-made .film-title{font-size:18px;font-weight:600}
#how-its-made .film-runtime{color:#eac184;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:400}
#how-its-made .film-description{grid-column:1/-1;color:#cbd5e3;font-size:15px;font-weight:400;line-height:1.5}
@media(max-width:700px){
 #frank .collaboration-intro{font-size:17px;line-height:1.6;margin-top:16px}
 #frank .collaboration-paths{font-size:15px;gap:2px 18px}
 #work-for-frank .archive-introduction .archive-index{margin:18px 0 24px}
 #work-for-frank .archive-checkpoint{gap:2px 20px;margin-block:4px 16px;font-size:14px}
 #how-its-made .film-start{margin-bottom:28px;font-size:16px}
 #how-its-made .film-title{font-size:17px}
}
/* Wine and toy is now the opening story-bearing image, not a duplicate preview. */
body #work-for-frank .archive-introduction>.featured-archive-work{width:100%;max-width:100%;margin:0;padding:5px 0 0;border-bottom:0;align-self:start}
body #work-for-frank .featured-archive-work .work-plate{width:100%;height:auto!important;min-height:0!important;aspect-ratio:4/3;max-height:none;align-items:center}
body #work-for-frank .featured-archive-work .work-plate>img{width:100%;height:100%!important;max-height:none;object-fit:contain;object-position:center}
body #work-for-frank .featured-archive-work .work-label{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:12px 0;font-size:18px}
body #work-for-frank .featured-archive-work .work-label>span:first-child{min-height:0}
@media(max-width:760px){body #work-for-frank .archive-introduction>.featured-archive-work{grid-row:auto;margin-top:4px}}