*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#171712;color:#f7f1e8;font-family:var(--site-sans);text-rendering:optimizeLegibility;overflow-wrap:anywhere}
[hidden]{display:none!important}
.work-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.work-kicker{margin:0 0 12px;color:#c78d45;font:750 11px/1.2 var(--site-sans);letter-spacing:.2em;text-transform:uppercase}
.work-loading,.work-error{min-height:calc(100vh - 162px);display:grid;place-items:center;align-content:center;gap:16px;padding:48px;text-align:center}
.work-loading__mark{width:58px;height:58px;border:1px solid rgba(255,255,255,.34);border-radius:50%;display:grid;place-items:center;font:32px/1 var(--site-serif);animation:work-pulse 1.4s ease-in-out infinite alternate}
.work-loading p{margin:0;color:rgba(255,255,255,.66)}
.work-error h1{margin:0;font:700 clamp(32px,4vw,56px)/1.12 var(--site-serif)}
.work-error>p:not(.work-kicker){max-width:540px;color:rgba(255,255,255,.66);line-height:1.8}
.work-error a{border-bottom:1px solid #c78d45;color:#f7f1e8;padding-bottom:4px;text-decoration:none}
.work-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 20%,rgba(181,126,59,.18),transparent 32%),linear-gradient(180deg,#1c1c16,#171712);padding:26px 0 76px}
.work-hero::after{content:"";position:absolute;right:-160px;bottom:-250px;width:620px;height:620px;border:1px solid rgba(255,255,255,.05);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012)}
.work-breadcrumb{position:relative;z-index:1;display:flex;gap:9px;align-items:center;margin:0 0 34px;color:rgba(255,255,255,.46);font-size:12px}
.work-breadcrumb a{color:inherit;text-decoration:none}
.work-breadcrumb a:hover{color:#fff}
.work-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}
.work-hero__grid[data-has-media="true"]{grid-template-columns:260px minmax(0,1fr)}
.work-visual{display:flex;flex-direction:column;margin:0;border:1px solid rgba(255,255,255,.16);background:#111;overflow:hidden}
.work-visual img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;background:#161616}
.work-visual figcaption{display:grid;gap:7px;padding:13px 14px 15px;color:rgba(255,255,255,.74);font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.work-visual__disclosure strong{width:max-content;padding:4px 7px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:9px;line-height:1;letter-spacing:.12em}
.work-visual__disclosure span:last-child{color:rgba(255,255,255,.54)}
.work-hero__copy h1{max-width:640px;margin:0;font:700 clamp(48px,5.2vw,78px)/.98 var(--site-serif);letter-spacing:-.05em}
.work-original{margin:13px 0 0;color:rgba(255,255,255,.54);font:500 14px/1.5 var(--site-sans);letter-spacing:.06em}
.work-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.work-tags span{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 10px;color:rgba(255,255,255,.76);font-size:11px}
.work-tags span:first-child{border-color:rgba(199,141,69,.44);color:#e1b77d}
.work-summary{max-width:650px;margin:0;color:rgba(255,255,255,.72);font:400 16px/1.85 var(--site-serif)}
.work-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.12)}
.work-facts div{min-width:0}
.work-facts dt{margin-bottom:7px;color:rgba(255,255,255,.4);font-size:9px;letter-spacing:.15em;text-transform:uppercase}
.work-facts dd{margin:0;color:rgba(255,255,255,.88);font-size:13px;line-height:1.5}
.work-section{background:#eeeadf;color:#1c1b18;padding:84px 0}
.work-section--paper{background:#f8f4eb}
.work-section__head{display:grid;grid-template-columns:1fr minmax(300px,420px);gap:80px;align-items:end;margin-bottom:36px}
.work-section__head h2,.work-relation h2,.work-source h2{margin:0;font:700 clamp(32px,3.1vw,48px)/1.16 var(--site-serif);letter-spacing:-.035em}
.work-section__head>p{margin:0;color:#706a60;font-size:13px;line-height:1.8}
.work-seasons__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.work-seasons h2{margin:0;font:700 clamp(26px,2.4vw,34px)/1.2 var(--site-serif);letter-spacing:-.02em}
.work-seasons__summary{margin:10px 0 0;color:#5f594f;font-size:14px;line-height:1.7}
.work-season-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.work-season-list li{border:1px solid rgba(28,27,24,.18);background:#fffdf8;padding:9px 14px;font:650 15px/1.3 var(--site-serif)}
.work-season-list li.work-season-list__special{color:#8a5529;border-color:rgba(156,99,48,.32)}
.work-seasons__note{margin:14px 0 0;color:#766f65;font-size:12px;line-height:1.7}
.work-relation{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:110px;align-items:center}
.work-relation>div:first-child>p:last-child{max-width:620px;margin:24px 0 0;color:#716b62;font-size:14px;line-height:1.85}
.work-relation__state{min-height:180px;border:1px solid rgba(28,27,24,.13);display:flex;align-items:center;gap:22px;padding:28px;background:#fffdf8}
.work-relation__state>span{width:64px;height:64px;border:1px solid rgba(28,27,24,.18);border-radius:50%;display:grid;place-items:center;color:#a86b34;font-size:28px}
.work-relation__state strong{font:650 18px/1.3 var(--site-serif)}
.work-relation__state p{margin:6px 0 0;color:#80786f;line-height:1.65}
.work-relation__action{display:inline-flex;margin-top:16px;color:#171712;font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid #171712;padding-bottom:2px}
.work-relation__panel{display:grid;gap:18px;min-width:0}
.work-credits{display:grid;gap:14px}
.work-credit-role{border:1px solid rgba(28,27,24,.13);background:#fffdf8;padding:20px 22px}
.work-credit-role>h3{margin:0 0 12px;font:650 15px/1.3 var(--site-serif);letter-spacing:.02em}
.work-credit-role ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.work-credit{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.work-credit strong{font:650 16px/1.35 var(--site-serif)}
.work-credit small{color:#80786f;font-size:11px;letter-spacing:.04em}
.work-credit button{border:0;background:none;padding:0 0 2px;color:#171712;font:800 12px/1 var(--site-sans);border-bottom:1px solid #171712;cursor:pointer;margin-left:auto}
.work-credit-browse{border:1px solid rgba(28,27,24,.13);background:#fffdf8;padding:20px 22px}
.work-credit-browse__head{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.work-credit-browse__head h3{margin:0;font:650 15px/1.35 var(--site-serif)}
.work-credit-browse__head button,.work-credit-browse__controls button{min-height:44px;border:1px solid var(--site-line);background:var(--site-paper-strong);color:var(--site-ink);padding:8px 12px;font:700 12px/1 var(--site-sans);cursor:pointer}
.work-credit-browse__state{margin:10px 0 0;color:#80786f;font-size:12px;line-height:1.7}
.work-credit-browse__list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.work-credit-browse__list a{color:#171712;font:650 15px/1.4 var(--site-serif);text-decoration:none;border-bottom:1px solid rgba(28,27,24,.3);padding-bottom:2px}
.work-credit-browse__list span{display:block;margin-top:4px;color:#80786f;font-size:11px;letter-spacing:.04em}
.work-credit-browse__controls{display:flex;gap:10px;margin-top:14px}
.work-watch{background:#e4dfd2}
.work-watch-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;font-size:14px}
.work-watch-controls select,.work-watch-controls button{min-height:44px;border:1px solid var(--site-line);background:var(--site-paper-strong);color:var(--site-ink);padding:8px 12px;font:inherit}
.work-watch-controls a{color:var(--site-accent);margin-left:auto;text-underline-offset:4px}
.work-watch-controls button{cursor:pointer}.work-watch-boundary{color:var(--site-muted);font-size:13px;line-height:1.7;margin:0 0 20px}

.work-watch__state{border:1px solid rgba(28,27,24,.14);background:rgba(255,255,255,.42);padding:26px;color:#706a60;font-size:13px;line-height:1.7}
.work-watch__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.work-watch-card{min-width:0;border:1px solid rgba(28,27,24,.14);background:#f8f4eb;padding:20px}
.work-watch-card__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:15px;border-bottom:1px solid rgba(28,27,24,.12)}
.work-watch-card__head strong{font:700 17px/1.25 var(--site-serif)}
.work-watch-card__head>span{flex:0 0 auto;color:#8a5529;font-size:10px}
.work-watch-card__offers{display:grid;gap:8px;padding-top:14px}
.work-watch-offer{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid rgba(28,27,24,.14);padding:10px 11px;color:#1c1b18;text-decoration:none;background:#fffdf8}
.work-watch-offer:hover,.work-watch-offer:focus-visible{border-color:#9c6330;outline:none}
.work-watch-offer span{font-size:12px;font-weight:800}
.work-watch-offer small{color:#766f65;font-size:9px}
.work-watch-card__empty{margin:0;color:#766f65;font-size:11px}
.work-watch__footer{display:flex;justify-content:space-between;gap:20px;margin-top:20px;color:#706a60;font-size:10px}
.work-watch__footer a{color:#1c1b18;text-decoration:none;border-bottom:1px solid rgba(28,27,24,.36)}
.work-source{background:#1c1b17;color:#f6f0e5}
.work-source__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start}
.work-source__body>p{margin:0 0 26px;color:rgba(255,255,255,.74);font:500 16px/1.8 var(--site-serif)}
.work-source ul{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.12)}
.work-source li{position:relative;border-bottom:1px solid rgba(255,255,255,.12);padding:14px 0 14px 22px;color:rgba(255,255,255,.56);font-size:12px;line-height:1.7}
.work-source li::before{content:"";position:absolute;left:0;top:21px;width:6px;height:6px;border-radius:50%;background:#c78d45}
.work-source__actions{display:flex;gap:28px;margin-top:20px}
.work-source__actions a{border-bottom:1px solid rgba(199,141,69,.7);color:#fff;padding-bottom:4px;text-decoration:none;font-size:12px}
body[data-work-state="ready"] .work-loading{display:none}
body[data-work-state="error"] .work-loading{display:none}
body[data-work-state="error"] .work-error{display:grid!important}
@keyframes work-pulse{from{opacity:.45;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(max-width:1040px){
 .work-hero__grid[data-has-media="true"]{grid-template-columns:220px minmax(0,1fr)}
 .work-watch__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .work-relation{gap:54px}
 .work-source__grid{gap:70px}
}
@media(max-width:760px){
 .work-shell{width:calc(100% - 32px)}
 .work-hero{padding:18px 0 50px}
 .work-breadcrumb{margin-bottom:22px;white-space:nowrap;overflow:hidden}
 .work-hero__grid{grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
 .work-hero__grid[data-has-media="true"]{grid-template-columns:minmax(0,1fr)}
 .work-visual{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:stretch}
 .work-visual img{height:100%;min-height:174px}
 .work-visual figcaption{align-content:center;padding:14px 16px;font-size:10px}
 .work-hero__copy h1{font-size:42px}
 .work-original{margin-top:8px;font-size:11px}
 .work-tags{gap:6px;margin:14px 0}
 .work-tags span{padding:5px 8px;font-size:9px}
 .work-summary{grid-column:1/-1;font-size:14px}
 .work-facts{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
 .work-section{padding:58px 0}
 .work-section__head{grid-template-columns:1fr;gap:16px;margin-bottom:26px}
 .work-section__head h2,.work-relation h2,.work-source h2{font-size:32px}
 .work-watch__grid{grid-template-columns:1fr}
 .work-watch-card{padding:17px}
 .work-watch__footer{flex-direction:column;gap:9px}
 .work-relation{grid-template-columns:1fr;gap:30px}
 .work-relation__state{min-height:150px;padding:22px}
 .work-relation__state>span{width:52px;height:52px;flex:0 0 auto}
 .work-source__grid{grid-template-columns:1fr;gap:30px}
 .work-source__actions{flex-wrap:wrap}
}
@media(max-width:390px){.work-visual{grid-template-columns:104px minmax(0,1fr)}.work-hero__copy h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-loading__mark{animation:none}}

/* Same visual direction, more useful content in the viewport. */
.work-credit-source{font-size:11px;color:#80786f}.work-credit-source summary{cursor:pointer;text-underline-offset:3px}.work-credit-source[open]{flex-basis:100%}
.work-credit a.work-credit-action{margin-left:auto;color:#171712;font:700 12px/1.5 var(--site-sans);text-decoration:none;border-bottom:1px solid #a79b87;padding:6px 0}
/* A name that is a link reads as the same name, and keeps the 44px touch target on WAP. */
.work-credit a.work-credit-person{color:#171712;font:650 16px/1.35 var(--site-serif);text-decoration:none;border-bottom:1px solid rgba(28,27,24,.3);padding:8px 0 2px;min-height:24px}
body[data-catalogue-linked="true"] .work-hero{padding-bottom:38px}
body[data-catalogue-linked="true"] .work-hero__copy h1{font-size:clamp(36px,4vw,56px);line-height:1.12;max-width:900px}
body[data-catalogue-linked="true"] .work-summary{max-width:880px;font-family:var(--site-sans)}
body[data-catalogue-linked="true"] .work-section{padding:38px 0}
body[data-catalogue-linked="true"] .work-relation{grid-template-columns:1fr;gap:22px;align-items:start}
body[data-catalogue-linked="true"] .work-relation>div:first-child>p:last-child{margin-top:12px}
body[data-catalogue-linked="true"] .work-relation h2{font-size:32px}
body[data-catalogue-linked="true"] .work-credits{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body[data-catalogue-linked="true"] .work-credit-role[data-credit-role="cast_member"]{grid-column:1/-1}
body[data-catalogue-linked="true"] .work-credit-role[data-credit-role="cast_member"] ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
body[data-catalogue-linked="true"] .work-credit{padding:10px 0;border-top:1px solid #ddd5c9;align-items:center}
@media(max-width:760px){body[data-catalogue-linked="true"] .work-hero__copy h1{font-size:36px}body[data-catalogue-linked="true"] .work-credits,body[data-catalogue-linked="true"] .work-credit-role[data-credit-role="cast_member"] ul{grid-template-columns:1fr}body[data-catalogue-linked="true"] .work-section{padding:30px 0}body[data-catalogue-linked="true"] .work-credit-role{padding:16px}body[data-catalogue-linked="true"] .work-relation h2{font-size:28px}}
/* Sources stay one click away but no longer outweigh the story and credits. */
.work-source{padding:40px 0}
.work-source h2{font-size:clamp(22px,2vw,28px)}
.work-source details summary{cursor:pointer;font-size:14px}
.work-source details p{margin:14px 0 0;color:rgba(255,255,255,.74);font-size:13px;line-height:1.8}
.work-source details a{color:#e1b77d}
@media(max-width:760px){.work-seasons__inner{grid-template-columns:1fr;gap:18px}.work-seasons h2{font-size:26px}.work-source{padding:30px 0}.work-source h2{font-size:22px}}
