.film-story{padding-top:15px}.work-media{position:relative}.work-media .featured-preview{z-index:1;object-fit:cover;border-radius:inherit;pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.work-media .featured-preview.is-ready{opacity:1}.work-media:has(.featured-preview.is-ready) .work-poster{z-index:2;background:0 0}.work-media:has(.featured-preview.is-ready) .work-poster>img{opacity:0}.work-media .preview-toggle{z-index:3;color:#26303c;background:#ffffffdc;border:1px solid #ffffffb0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:0;display:flex;position:absolute;bottom:13px;left:13px;box-shadow:0 4px 14px #162e4920}.work-media .preview-toggle span{font-size:14px}.film-story h4{letter-spacing:-.025em;font-size:clamp(21px,1.8vw,27px);font-weight:500;line-height:1.25}.film-story>p{color:#514e47;max-width:560px;margin-top:11px;font-size:15px;line-height:1.65}.film-use{color:#716b60;margin-top:12px;font-size:12px;display:block}.film-breakdown{border-block:1px solid var(--line);margin-top:19px}.film-breakdown summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:48px;font-size:13px;font-weight:550;list-style:none;display:flex}.film-breakdown summary::-webkit-details-marker{display:none}.film-breakdown summary>span{font-size:21px;font-weight:400;transition:transform .18s}.film-breakdown[open] summary>span{transform:rotate(45deg)}.film-breakdown ol{margin:0;padding:0 0 10px;list-style:none}.film-breakdown li{grid-template-columns:minmax(130px,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;padding:14px 0;display:grid}.film-breakdown figure{margin:0;position:relative}.film-breakdown img{border-radius:8px;width:100%;height:auto;display:block}.film-breakdown figcaption{color:#fff;font:9px/1.4 var(--font-geist-mono),monospace;background:#111e;border-radius:4px;padding:3px 6px;position:absolute;bottom:6px;left:6px}.film-breakdown h5{margin:0;font-size:14px;font-weight:550;line-height:1.4}.film-breakdown li p{color:#625d53;margin-top:5px;font-size:12px;line-height:1.55}@media (max-width:700px){.film-breakdown li{grid-template-columns:1fr;gap:10px}}.media-topline>span{min-width:0}.media-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.film-quality{font-size:11px}.film-quality select{min-height:34px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:9px;padding:6px 26px 6px 10px}.film-quality select option{color:#202835;background:#fff}.film-quality select:focus-visible{outline-offset:3px;outline:2px solid}.media-dialog .film-frame:not(.film-frame-portrait){width:min(100%,177.778dvh - 480px);margin-inline:auto}.media-dialog .film-frame-portrait{height:min(62dvh,100dvh - 230px,760px)}@media (max-width:700px){.media-topline{flex-wrap:wrap}.media-controls{margin-left:auto}.film-quality select{min-height:36px;padding-right:20px}}