/* A colourful field journal, scoped to the film library. */
body[data-page=films]{background:#fcfaf5;color:#263b36}
.field-studio{--film-ink:#243b38;--film-muted:#647570;--film-orange:#b94c27;color:var(--film-ink);background:#fcfaf5}
.studio-shell{width:min(1280px,89%);margin-inline:auto}
.studio-opening{background:radial-gradient(ellipse at 88% 12%,#e0edf1 0,transparent 52%),#f3ede1;padding:0 0 30px;border-bottom:1px solid #deddd3}
.studio-masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid #263b3824;font-size:11px;letter-spacing:1.5px}
.studio-masthead>span{font-weight:600}.studio-masthead i{font-style:normal;color:#bd552f;margin-inline:12px}
.studio-masthead>a{font-size:12px;letter-spacing:0}
.studio-hero{display:grid;grid-template-columns:.78fr 1.4fr;gap:6%;align-items:center;padding:38px 0 30px}
.studio-kicker{display:block;font-size:10px;letter-spacing:2px;color:var(--film-orange);font-weight:600}
.studio-intro h1{font:clamp(40px,4.3vw,65px)/1.3 var(--serif);margin:21px 0 20px;letter-spacing:-1px}
.studio-intro h1 span{color:var(--film-orange)}
.studio-intro>p{font-size:14px;line-height:2;color:#556c64;margin:0 0 24px}
.studio-browse{display:flex;align-items:center;gap:35px;font-size:13px;padding:12px 0;border-bottom:1px solid #526f62;min-height:44px}
.studio-browse span{font-size:22px;transition:transform .25s}.studio-browse:hover span{transform:translateY(4px)}
.studio-author{display:flex;align-items:center;gap:12px;margin-top:32px}
.studio-author img{width:46px;height:46px;object-position:50% 25%;border-radius:50%;border:2px solid white}
.studio-author strong{display:block;font-size:13px;font-weight:600}.studio-author span{display:block;font-size:10px;color:#687a71;margin-top:3px}
.studio-screen{min-width:0;box-shadow:0 18px 45px #30494714;border:1px solid #ffffffb3;border-radius:5px;background:#1e3032;color:#f8f3e8;overflow:hidden}
.studio-screen-label{display:flex;align-items:center;gap:8px;padding:12px 17px;font-size:9px;letter-spacing:1.8px;color:#d0d9d5}
.studio-screen-label>span:last-child{margin-left:auto;font-size:9px;letter-spacing:.5px;color:#a9bab4}
.studio-record-dot{width:6px;height:6px;background:#f1a05f;border-radius:50%}
.studio-feature-cover{position:relative;display:block;width:100%;padding:0;aspect-ratio:16/9;overflow:hidden;background:#122526;color:white}
.studio-feature-cover>img{width:100%;height:100%;object-fit:contain;transition:filter .4s}
.studio-feature-play{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:10px;padding:9px 15px;border-radius:30px;background:#fff9e8;color:#213b32;box-shadow:0 3px 14px #0002;font-size:12px}
.studio-feature-play i{font-style:normal;font-size:23px;line-height:1}.studio-feature-play small{padding-left:9px;border-left:1px solid #c3c9b9;font-size:11px}
.studio-feature-cover:hover>img{filter:brightness(.9)}
.studio-feature-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px}
.studio-feature-caption span{font-size:10px;color:#ebbd83;letter-spacing:1px}
.studio-feature-caption h2{font:22px/1.5 var(--serif);margin-top:7px;text-wrap:pretty;color:#fffcf3;min-height:33px}
.studio-feature-caption>a{width:42px;height:42px;border:1px solid #ffffff4d;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:23px}
.studio-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid #bac9bf;padding-top:20px}
.studio-picks button{display:flex;align-items:center;gap:12px;text-align:left;padding:10px;border:1px solid transparent;border-radius:3px;min-width:0}
.studio-picks button[aria-pressed=true]{background:#fffdf5;border-color:#d5b180}
.studio-pick-number{color:#8b7056;font:15px Georgia,serif}
.studio-picks img{width:86px;height:auto;aspect-ratio:16/9;border-radius:2px;flex-shrink:0}
.studio-picks button>span:nth-last-child(2){min-width:0}
.studio-picks small{display:block;font-size:10px;color:#5b7169;line-height:1.5}
.studio-picks strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.6;font-weight:500;margin-top:4px}
.studio-picks i{font-style:normal;margin-left:auto;color:#a1502e}
.studio-collections{padding-block:65px}
.studio-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px}
.studio-section-head h2{font:clamp(28px,2.7vw,38px)/1.45 var(--serif);margin-top:12px}
.studio-section-head>p{font-size:13px;color:#5e7167;max-width:310px;margin-bottom:3px}
.studio-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.studio-topic{position:relative;padding:22px 22px 24px;text-align:left;border-radius:4px;min-height:195px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.studio-topic>span{font-size:10px;letter-spacing:.8px;display:block;position:relative;z-index:1}
.studio-topic>i{position:absolute;right:12px;top:22px;font:92px/1 Georgia,serif;opacity:.14;font-style:normal;pointer-events:none}
.studio-topic>strong{display:block;font:24px/1.4 var(--serif);margin:42px 0 12px;position:relative;z-index:1}
.studio-topic>small{font-size:11px;opacity:.9}
.studio-topic.sage{background:#dfe8d5;color:#345340}.studio-topic.blue{background:#dce8ed;color:#2e535f}.studio-topic.rose{background:#efdcd2;color:#81472e}.studio-topic.amber{background:#f2e3b9;color:#765222}
.studio-topic:hover{transform:translateY(-4px);box-shadow:0 8px 18px #32452c12}
.studio-archive{background:white;border-block:1px solid #e4e5dc;padding:54px 0 65px;scroll-margin-top:calc(var(--header-height) + 15px)}
.studio-search{display:flex;flex-direction:column;gap:8px;min-width:250px}
.studio-search>span{font-size:10px;color:#587063;letter-spacing:.5px}
.studio-search input{width:100%;background:#f5f6ef;color:#263f33;border:1px solid #d5ddd1;border-radius:3px;min-height:42px;padding:10px 14px;font:13px var(--ui-font)}
.studio-library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid #e1e5db;padding:13px 0;margin-bottom:30px}
.studio-filters{display:flex;gap:6px;flex-wrap:wrap}
.studio-filters button{padding:9px 16px;font-size:12px;min-height:40px;border-radius:3px}
.studio-filters button[aria-pressed=true]{background:#2c4b44;color:white}
.studio-filters button:not([aria-pressed=true]):hover{background:#f2eee4}
.studio-result-count{font-size:11px;color:#597160;white-space:nowrap}
.studio-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}
.studio-card{min-width:0;display:flex;flex-direction:column}.studio-card[hidden]{display:none}
.studio-cover{display:block;position:relative;aspect-ratio:16/9;width:100%;padding:0;overflow:hidden;border-radius:4px;background:#283d37;color:white}
.studio-cover>img{width:100%;height:100%;object-fit:contain;transition:filter .3s}
.studio-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);display:grid;place-items:center;width:52px;height:52px;border:1px solid white;border-radius:50%;background:#152e2399;font-size:30px;opacity:0;transition:opacity .25s,transform .25s}
.studio-cover:hover img,.studio-cover:focus-visible img{filter:brightness(.7)}
.studio-cover:hover .studio-play-icon,.studio-cover:focus-visible .studio-play-icon{opacity:1;transform:translate(-50%,-50%)}
.studio-duration{position:absolute;right:9px;bottom:9px;background:#182e2de6;border-radius:2px;color:white;font-size:11px;padding:2px 7px;letter-spacing:.5px}
.studio-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;font-size:10px;letter-spacing:.5px;color:#627467}
.studio-tag{padding:4px 8px;border-radius:2px}.studio-tag.sage{background:#e4ecdd;color:#3b5937}.studio-tag.blue{background:#e4eef3;color:#325967}.studio-tag.rose{background:#f4e5dd;color:#85523c}.studio-tag.amber{background:#f7edcd;color:#80601d}
.studio-card h3{margin-top:12px;font:23px/1.55 var(--serif)}
.studio-card h3 button{text-align:left;padding:0;font:inherit}
.studio-card h3 button:hover{color:#b64e2c}
.studio-card>p{font-size:13px;line-height:1.9;color:#5a7063;margin:12px 0 19px}
.studio-card-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dce3d7;padding-top:13px;margin-top:auto;font-size:12px}
.studio-card-foot a{min-height:32px;display:flex;align-items:center}.studio-card-foot a:hover{color:#b04c29}
.studio-empty{text-align:center;padding:40px 0}.studio-empty[hidden]{display:none}.studio-empty h3{font:27px var(--serif)}.studio-empty button{margin-top:20px;min-height:44px;color:#b84e2d;border-bottom:1px solid currentColor}
.studio-outro{background:#b95230;color:#fff6e2;padding:55px 0}
.studio-outro-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px}
.studio-outro-mark{font:120px/1 Georgia,serif;color:#f8c987;opacity:.8}
.studio-outro .studio-kicker{color:#ffe0ae}
.studio-outro h2{font:clamp(30px,3vw,43px)/1.4 var(--serif);margin:15px 0}
.studio-outro p{font-size:14px;color:#ffe4ca}
.studio-outro-actions{display:flex;flex-direction:column;gap:15px;min-width:180px}
.studio-outro-actions a{display:flex;justify-content:space-between;gap:30px;min-height:48px;align-items:center;padding:10px 17px;font-size:13px;border:1px solid #fff1d899;border-radius:3px}
.studio-outro-actions a:first-child{background:#fff3d7;color:#884225;border-color:#fff3d7}
.studio-outro-actions a:hover{background:#f6d7a5;color:#64341e}
dialog .studio-original-title{font-size:11px;color:#bdcbc1;line-height:1.7;margin-top:20px}
@media(max-width:1100px){.studio-hero{gap:4%;grid-template-columns:.8fr 1.2fr}.studio-intro h1{font-size:46px}.studio-intro>p{font-size:13px}.studio-picks{gap:10px}.studio-picks img{width:66px}.studio-pick-number{display:none}.studio-topic{padding:18px;min-height:185px}.studio-topic>strong{font-size:21px}.studio-section-head>p{max-width:270px}.studio-topic>i{font-size:75px}.studio-feature-caption h2{font-size:20px}}
@media(max-width:850px){.studio-hero{grid-template-columns:1fr;gap:28px;padding-top:28px}.studio-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;align-items:center}.studio-intro>.studio-kicker{grid-column:1/-1}.studio-intro h1{grid-column:1;grid-row:2/5;margin:18px 0 0}.studio-intro>p{grid-column:2;margin:15px 0}.studio-browse{grid-column:2;justify-self:start}.studio-author{grid-column:2;margin-top:20px}.studio-topic-grid{grid-template-columns:repeat(2,1fr)}.studio-topic{min-height:170px}.studio-topic>strong{margin-top:30px}.studio-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-picks img{display:none}.studio-pick-number{display:block}.studio-picks strong{font-size:12px}.studio-section-head{align-items:start}.studio-section-head>p{max-width:220px}.studio-outro-mark{display:none}.studio-outro-inner{grid-template-columns:1fr auto;gap:25px}}
@media(max-width:600px){
 .studio-shell{width:89%}.studio-opening{padding-bottom:22px}.studio-masthead{font-size:9px;letter-spacing:.5px;gap:10px;padding:19px 0}.studio-masthead i{margin-inline:5px}.studio-masthead>a{font-size:10px;max-width:95px;text-align:right}
 .studio-intro{display:block}.studio-kicker{font-size:9px;letter-spacing:1.5px}.studio-intro h1{font-size:43px;margin:17px 0}.studio-intro>p{font-size:13px;margin:16px 0}.studio-intro>p br{display:none}.studio-browse{font-size:12px;gap:24px;display:inline-flex}.studio-author{display:none}
 .studio-hero{padding:28px 0 20px;gap:24px}.studio-screen-label{padding:10px 12px;font-size:8px;letter-spacing:1px}.studio-screen-label>span:last-child{font-size:8px}.studio-feature-play{bottom:10px;right:10px;padding:6px 11px;font-size:10px;gap:7px}.studio-feature-play i{font-size:20px}.studio-feature-play small{font-size:10px}.studio-feature-caption{padding:15px;gap:10px}.studio-feature-caption h2{font-size:19px;line-height:1.5}.studio-feature-caption span{font-size:9px;letter-spacing:.4px}.studio-feature-caption>a{width:34px;height:34px;font-size:20px}
 .studio-picks{gap:6px;padding-top:14px}.studio-picks button{padding:8px;gap:0;align-items:start}.studio-pick-number,.studio-picks i{display:none}.studio-picks small{font-size:9px}.studio-picks strong{font-size:11px;margin-top:5px;line-height:1.6;-webkit-line-clamp:3}
 .studio-collections{padding-block:40px}.studio-section-head{display:block;margin-bottom:22px}.studio-section-head h2{font-size:29px;margin-top:12px}.studio-section-head>p{font-size:13px;max-width:none;margin-top:13px}.studio-topic-grid{gap:10px}.studio-topic{padding:16px 13px;min-height:177px}.studio-topic>span{font-size:9px;letter-spacing:0}.studio-topic>i{right:8px;top:27px;font-size:66px}.studio-topic>strong{font-size:21px;margin-top:42px}.studio-topic>small{font-size:10px}
 .studio-archive{padding:38px 0 42px}.studio-search{margin-top:22px;min-width:0}.studio-search>span{font-size:11px}.studio-search input{font-size:16px;min-height:46px}.studio-library-toolbar{display:block;padding:10px 0 13px;margin-bottom:25px}.studio-filters{gap:4px}.studio-filters button{padding:8px 10px;font-size:12px}.studio-result-count{display:block;margin-top:9px;font-size:11px}.studio-library-grid{grid-template-columns:1fr;gap:31px}.studio-card h3{font-size:25px}.studio-card>p{font-size:14px}.studio-card-meta{font-size:11px}.studio-card-foot{font-size:13px}.studio-card-foot a{min-height:38px}.studio-play-icon{width:43px;height:43px;font-size:24px;left:auto;right:12px;top:auto;bottom:12px;transform:none;opacity:1}.studio-duration{left:10px;right:auto;bottom:10px}.studio-cover:hover .studio-play-icon,.studio-cover:focus-visible .studio-play-icon{transform:none}
 .studio-outro{padding:40px 0}.studio-outro-inner{grid-template-columns:1fr;gap:20px}.studio-outro h2{font-size:33px}.studio-outro p{font-size:13px}.studio-outro-actions{flex-direction:row;gap:10px}.studio-outro-actions a{padding:10px 12px;font-size:12px;gap:12px;flex:1}
}
@media(prefers-reduced-motion:reduce){.studio-topic,.studio-play-icon,.studio-feature-cover>img,.studio-cover>img,.studio-browse span{transition:none}}