*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#282828;color:#fff;font:16px/1.5 Roboto,sans-serif}a{color:#dfc67e;text-decoration:none}a:hover{text-decoration:underline}button,summary{cursor:pointer}button{font:inherit}img{display:block;max-width:100%;height:auto}:focus-visible{outline:3px solid #dfc67e;outline-offset:5px}.skip{position:fixed;top:-70px;left:12px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:12px}header{height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;background:#22222a;position:sticky;top:0;z-index:20}.si{width:136px;flex-shrink:0}.collection{width:312px}.all{font-size:13px;font-weight:700}.hero{padding:48px 20px;background:#181818 url(assets/banner_bg.webp) center/cover}.hero h1{margin:0 auto;max-width:428px}.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.grid a{display:block;position:relative;overflow:hidden;background:#000;aspect-ratio:16/9}.grid img{width:100%;height:100%;object-fit:cover;transition:opacity 160ms ease}.rank{position:absolute;bottom:0;left:0;background:#000b;font-size:28px;font-weight:700;min-width:54px;line-height:54px;text-align:center}.card-title{position:absolute;bottom:0;left:54px;right:0;background:#000d;padding:9px;font-size:14px;line-height:18px;min-height:54px;display:flex;align-items:center;transform:translateY(100%);transition:transform 180ms var(--ease-out)}.grid a:focus-visible .card-title{transform:none;transition:none}@media(hover:hover) and (pointer:fine){.grid a:hover .card-title{transform:none}.grid a:hover img{opacity:.7}}@media(hover:none){.card-title{transform:none}}.story-layout{display:grid;grid-template-columns:280px minmax(0,1fr)}aside{background:#050505}aside nav{padding:15px 0}aside details:not(.mobile-index){border-bottom:1px solid #333}aside summary{padding:14px 16px;font-weight:900;font-style:italic;text-transform:uppercase;font-size:14px}aside ol{list-style:none;padding:0;margin:0}aside li a{display:flex;align-items:center;gap:8px;padding:8px;color:white;min-height:62px;font-size:12px;line-height:1.25}aside li a>span:first-child{width:25px;text-align:center;flex-shrink:0;font-size:17px}aside img{width:72px;aspect-ratio:16/9;object-fit:cover}aside small{display:block;color:#dfc67e;font-size:10px;text-transform:uppercase}aside [aria-current]{background:#393326}aside a:hover{background:#222;text-decoration:none}.mobile-index{display:none}.story{min-width:0}.film{margin:0;position:relative;background:#111}.film>img{width:100%;aspect-ratio:16/9;object-fit:cover}.film figcaption{padding:16px 24px;color:#ccc;font-size:14px}.copy{max-width:1000px;padding:32px;margin:auto}.copy h1{display:flex;align-items:center;gap:20px;font-size:32px;line-height:1.15;margin:0 0 32px}.story-rank{font-size:70px;font-weight:900;color:#dfc67e}.copy h1 small{display:block;font-size:12px;text-transform:uppercase;margin-bottom:9px;color:#dfc67e}dl{margin:0}.fact{display:grid;grid-template-columns:80px 1fr;gap:20px;margin:0 0 18px}.fact dt{text-transform:uppercase;font-size:13px;font-weight:bold;color:#dfc67e;padding-top:3px}.fact dd{margin:0}.fact p{margin:0 0 12px;line-height:1.65}.source{font-size:14px}.paging{display:flex;justify-content:space-between;gap:20px;padding:30px 0}.related{border-top:1px solid #666;padding-top:16px}.related h2{font-size:18px;font-style:italic;text-transform:uppercase}.related>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.related a{font-size:13px}.related span{display:block;padding-top:8px}.play{position:absolute;inset:0;border:0;background:#0005;color:white;font-size:24px;font-weight:bold;text-shadow:0 2px 8px #000}.film iframe,.film video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}.video-fallback{padding:16px;margin:0}.film.playing>img,.film.playing>.play{display:none}footer{text-align:center;background:#111;padding:40px 24px;font-size:14px}footer p{color:#bbb;max-width:720px;margin:16px auto}@media(max-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.story-layout{grid-template-columns:240px minmax(0,1fr)}aside img{width:55px}.collection{width:240px}.copy{padding:24px}.related>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){header{padding:0 16px;height:58px}.si{width:100px}.collection{display:none}.hero{padding:32px 24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.rank{font-size:21px;min-width:38px;line-height:45px}.card-title{transform:none;left:38px;font-size:11px;line-height:14px;min-height:45px;padding:6px}.story-layout{display:block}.desktop-index{display:none}.mobile-index{display:block}.mobile-index>summary{color:#dfc67e;font-style:normal}.mobile-index nav{max-height:60vh;overflow:auto}.copy{padding:24px 18px}.copy h1{font-size:26px;gap:14px}.story-rank{font-size:56px}.fact{display:block}.fact dt{margin-bottom:7px}.fact dd{font-size:16px}.play{font-size:20px}footer{padding:32px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

:root{--ease-out:cubic-bezier(.23,1,.32,1)}
.play span{display:inline-block;transition:transform 160ms var(--ease-out)}
.play:active:not(:focus-visible) span{transform:scale(.94)}
@media(hover:hover) and (pointer:fine){.play:hover span{transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.play span{transform:none!important}}