.steel-film{height:var(--film-len,560svh);color:#f2efe8;--p:0;background:#040506;position:relative}.steel-film-pin{height:100svh;position:sticky;top:0;overflow:hidden}.steel-film-stage{position:absolute;inset:0}.steel-film-poster,.steel-film-photo{display:block;position:absolute;inset:0}.steel-film-poster img,.steel-film-photo img,.steel3d-canvas{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.steel3d-canvas{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1)}.steel-film[data-live=true] .steel3d-canvas,.steel-object[data-live=true] .steel3d-canvas{opacity:1}.steel-film-last{opacity:clamp(0, calc((var(--p) - .62) * 6), 1)}.steel-film[data-live=true] .steel-film-last{opacity:0}.steel-film-photo{opacity:clamp(0, calc((var(--p) - var(--from,.965)) * 40), 1);z-index:2}.steel-film-photo img{filter:saturate(.92)contrast(1.04)}.steel-film-shade{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0405068c 0%,#0405061f 38%,#04050600 60%),linear-gradient(#04050600 70%,#04050680 100%);position:absolute;inset:0}.steel-film-copy{z-index:4;pointer-events:none;position:absolute;inset:0}.steel-beat,.steel-film-caption{opacity:0;max-width:min(36rem,44vw);transition:opacity .52s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:clamp(56px,14svh,160px);left:clamp(20px,6vw,96px);transform:translateY(14px)}.steel-beat[data-on=true],.steel-film-caption[data-on=true]{opacity:1;pointer-events:auto;transform:none}.steel-beat-right{text-align:right;left:auto;right:clamp(20px,6vw,96px)}.steel-beat-center{text-align:center;max-width:min(44rem,86vw);left:50%;transform:translate(-50%,14px)}.steel-beat-center[data-on=true]{transform:translate(-50%)}.steel-beat-center .steel-actions{justify-content:center}.steel-beat-center p{margin-inline:auto}.steel-beat h1,.steel-beat h2{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;text-wrap:balance;margin:0 0 .35em;font-size:clamp(2.6rem,6.4vw,6.2rem);font-weight:300;line-height:.98}.steel-beat h1 em,.steel-beat h2 em{font-family:var(--font-display-italic), var(--font-display), Georgia, serif;color:#d9b56a;font-style:italic}.steel-beat p{color:#f2efe8db;max-width:30rem;margin:0;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.5}.steel-beat .steel-spec{color:#f2efe8b3;margin-top:.9rem;font-size:.92rem}.steel-beat .steel-actions{flex-wrap:wrap;gap:12px;margin-top:1.4rem;display:flex}.steel-film-caption{color:#f2efe8eb;max-width:min(32rem,80vw);font-size:.95rem;line-height:1.45}@media (max-width:820px){.steel-film-shade{background:linear-gradient(#04050600 42%,#04050673 66%,#040506d1 100%)}.steel-beat,.steel-film-caption,.steel-beat-right{text-align:left;max-width:none;left:20px;right:20px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}.steel-beat-center{text-align:center;width:calc(100% - 40px);left:50%;right:auto}.steel-beat h1,.steel-beat h2{font-size:clamp(2.4rem,11vw,3.6rem)}}.steel-object{isolation:isolate;background:#0a0a0b;width:100%;position:relative;overflow:hidden}.steel-object-poster,.steel-object-poster img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}html.noir .po-object-3d{filter:grayscale()}.steel-film-video{object-fit:cover;object-position:50% 50%;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}.steel-film[data-mode=video]{height:100svh;min-height:620px}.steel-film[data-mode=video] .steel-film-pin{height:100%;position:relative}.steel-film[data-mode=video] .steel-beat:not([data-from="0"]),.steel-film[data-mode=video] .steel-film-caption,.steel-film[data-mode=video] .steel-film-photo,.steel-film[data-mode=video] .steel3d-canvas,.steel-film:not([data-mode=film]) .film-cue{display:none}.steel-film[data-mode=video] .steel-beat[data-from="0"]{opacity:1;pointer-events:auto;transform:none}.steel-film[data-mode=film] .steel-film-video,.steel-film[data-mode=film] .steel-film-vposter{display:none}@media (max-width:760px){.steel-film[data-mode=video]{min-height:100svh}}
