#ending-film{position:fixed;inset:0;z-index:100;background:#101b1a;color:#fff9e9;overflow:hidden;font-family:'Yu Mincho',serif}.film-art,.film-shade{position:absolute;inset:0}.film-picture{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1.8s;transform:scale(1.025)}.film-picture.visible{opacity:1;animation:film-drift 14s ease-out forwards}.film-shade{background:linear-gradient(90deg,#071b1930 0%,#071b1950 45%,#071b19eb 72%,#071b19f5),linear-gradient(0deg,#071b19dc,transparent 40%,#071b1955)}.film-heading{position:absolute;top:6%;left:5%;display:grid;gap:12px;letter-spacing:.18em}.film-heading span{font-size:24px}.film-heading small{font:11px 'Yu Gothic',sans-serif;letter-spacing:.2em}.film-caption{position:absolute;bottom:18%;left:5%;max-width:53%;font-size:clamp(15px,1.8vw,27px);line-height:1.9;text-shadow:0 2px 10px #000}.film-credits{position:absolute;top:13%;bottom:14%;right:3%;width:34%;overflow:hidden;mask-image:linear-gradient(transparent,#000 8%,#000 90%,transparent);text-align:center}.film-roll{will-change:transform;padding:20px 8px 60px}.film-kicker{font:10px 'Yu Gothic',sans-serif;letter-spacing:.4em}.film-roll h2{font-size:21px;font-weight:400;margin:30px 0 65px}.film-roll dt{font-size:11px;color:#d9cfb5;letter-spacing:.15em;margin:32px 0 12px}.film-roll dd{margin:0;font-size:20px;line-height:1.9}.film-thanks{margin-top:70px;font-size:18px}.film-controls{position:absolute;bottom:4%;left:5%;right:5%;display:flex;align-items:center;gap:12px;font:11px 'Yu Gothic',sans-serif}.film-controls button{background:#142923bb;color:white;border-color:#fff5;font-size:11px;padding:8px 13px}.film-controls button:last-child{margin-left:auto}.film-time{font-size:10px;color:#d9ddcd}.film-progress{position:absolute;bottom:0;left:0;height:2px;background:#e5ce9a}.film-finale{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;opacity:0;pointer-events:none;background:#10221ee8;transition:opacity 2s}.film-finale span{letter-spacing:.2em;font-size:18px}.film-finale h2{font-size:clamp(21px,3vw,38px);font-weight:400;line-height:1.8;margin:35px 0}.film-finale p{font:10px 'Yu Gothic',sans-serif;letter-spacing:.3em}.finale .film-finale{opacity:1}.paused .film-picture{animation-play-state:paused}@keyframes film-drift{from{transform:scale(1.025)}to{transform:scale(1.09)}}@media(max-width:700px){.film-art{bottom:45%}.film-shade{background:linear-gradient(0deg,#10221e 40%,transparent 72%,#10221e66)}.film-heading{top:3%;left:6%}.film-heading span{font-size:18px}.film-caption{left:6%;right:6%;bottom:auto;top:40%;max-width:none;font-size:15px;text-align:center}.film-credits{top:51%;bottom:12%;right:6%;width:88%}.film-roll h2{font-size:18px}.film-roll dd{font-size:18px}.film-controls{left:4%;right:4%;gap:6px}.film-controls button{padding:8px}.film-time{font-size:9px}}@media(prefers-reduced-motion:reduce){.film-picture{animation:none!important;transform:none}.film-picture,.film-finale{transition:none}}

.film-controls button{min-height:44px}.film-controls button:focus-visible{outline:3px solid #ffe6a7;outline-offset:4px}.film-controls button[aria-pressed="true"]{border-color:#ffe6a7}

.film-controls button:hover:not(:disabled),.film-controls button:focus-visible{background:#304f42;color:#fff9e9}

.film-credit-section{margin:42px 0 54px}.film-credit-section h3{font-size:17px;font-weight:400;letter-spacing:.14em;color:#f7e7bd}.film-credit-section h3 small{display:block;font:9px "Yu Gothic",sans-serif;letter-spacing:.2em;color:#b6c9ba;margin-bottom:14px}.film-credit-section dt{line-height:1.8;margin-top:25px;letter-spacing:.08em}.film-credit-section dd{font-size:19px}.film-credit-section:last-of-type{margin-bottom:25px}