/* Kreathur · action films. Media keeps its complete composition at every size. */
section.k-action{--action-accent:#b6e0dc;--action-bg:#061a20;position:relative;height:420svh;background:var(--action-bg);color:#f6f4ed;isolation:isolate;margin:0;padding:0;scroll-margin-top:0}
.k-action[data-theme=chef]{--action-accent:#e3b18f;--action-bg:#16120e}.k-action[data-theme=coffee]{--action-accent:#dbb491;--action-bg:#171310}
.k-action .ka-stage{position:sticky;top:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;height:100svh;min-height:560px;padding:96px 5vw 20px;box-sizing:border-box;background:var(--action-bg);overflow:hidden}
.k-action .ka-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;position:relative;z-index:2;padding-bottom:12px}
.k-action .ka-head h1{font:500 clamp(34px,4.8vw,72px)/.95 Georgia,serif;letter-spacing:-.055em;margin:0;color:#f6f4ed;text-align:left;max-width:none;transform:none}
.k-action .ka-kicker{display:block;font:10px/1.6 monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--action-accent);margin:0 0 8px}
.k-action .ka-skip{font:12px/1.5 Arial,sans-serif;white-space:nowrap;text-decoration:none;border-bottom:1px solid var(--action-accent);padding:9px 0;color:#f6f4ed}
.k-action .ka-visual{position:relative;min-height:0;overflow:hidden;display:grid;place-items:center;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;background:#0004}
.k-action .ka-visual video,.k-action .ka-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none;margin:0;max-width:none;display:block;background:transparent}
.k-action .ka-visual video{opacity:0;pointer-events:none}.k-action .ka-poster{opacity:1}.k-action[data-frame=ready] .ka-visual video{opacity:1}.k-action[data-frame=ready] .ka-poster{opacity:0}
.k-action[data-mode=manual] video{pointer-events:auto}.k-action .ka-caption{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:center;padding:17px 0 12px;min-height:66px;box-sizing:border-box}
.k-action .ka-counter{font:11px/1 monospace;letter-spacing:0;color:var(--action-accent);white-space:nowrap}
.k-action .ka-beat{display:none}.k-action .ka-beat.is-active{display:block}.k-action .ka-beat h2{font:400 clamp(22px,2vw,30px)/1.1 Georgia,serif;letter-spacing:-.025em;color:#f6f4ed;margin:0 0 5px}
.k-action .ka-beat p{font:13px/1.5 Arial,sans-serif;color:#c0c6c5;max-width:none;margin:0}.k-action .ka-controls{display:flex;gap:12px;align-items:center;position:relative;flex-wrap:wrap;padding-top:8px}
.k-action .ka-controls button{border:1px solid #ffffff35;color:#f6f4ed;background:transparent;border-radius:0;padding:8px 12px;font:11px/1.5 Arial,sans-serif;cursor:pointer;min-height:36px;letter-spacing:0;text-transform:none;width:auto;box-shadow:none}
.k-action .ka-controls button:hover{border-color:var(--action-accent);background:#ffffff0a}.k-action .ka-controls button:focus-visible,.k-action a:focus-visible,.k-action input:focus-visible{outline:2px solid var(--action-accent);outline-offset:4px}
.k-action .ka-timeline{display:flex;gap:12px;align-items:center;flex:1;min-width:150px;font:10px/1.5 monospace;color:#bcc7c7}.k-action input[type=range]{accent-color:var(--action-accent);width:100%;height:24px;padding:0;border:0;min-height:0;background:transparent;cursor:ew-resize;box-shadow:none}
.k-action input[type=range]{appearance:none;-webkit-appearance:none;display:block;box-sizing:border-box;border-radius:0;margin:0}.k-action input[type=range]::-webkit-slider-runnable-track{height:3px;border:0;border-radius:0;background:#f6f4ed55}.k-action input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:14px;width:14px;border:0;border-radius:50%;background:var(--action-accent);margin-top:-5.5px}.k-action input[type=range]::-moz-range-track{height:3px;background:#f6f4ed55}.k-action input[type=range]::-moz-range-thumb{height:14px;width:14px;border:0;border-radius:50%;background:var(--action-accent)}
.k-action .ka-status{font:10px/1.5 monospace;color:#c4cbc8;margin:0;position:absolute;bottom:calc(100% + 8px);right:0;background:var(--action-bg);max-width:80%}.k-action .ka-status:empty{display:none}
.k-action .ka-mode{font:9px/1.6 monospace;letter-spacing:.1em;text-transform:uppercase;color:#9aacad;white-space:nowrap}.k-action .ka-note{font:9px/1.5 Arial,sans-serif;color:#8ea1a2;margin:0;padding-top:8px}
.ka-quick{padding:65px 6vw;background:var(--k-bg,#102329)}.ka-quick .k-scene__card{position:static;transform:none;opacity:1;visibility:visible;max-width:620px;width:100%;margin:auto;pointer-events:auto}
.ka-quick-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:32px}.ka-quick-links .k-spot{position:relative;inset:auto;translate:none;transform:none;animation:none;opacity:1;pointer-events:auto}.ka-quick-links .k-spot:after{animation:none;display:none}
body.k-action-collection>header,body.k-action-collection>nav{z-index:20;background:#061a20;color:#f6f4ed}body.k-action-collection[data-ka-theme=chef]>header{background:#16120e}body.k-action-collection[data-ka-theme=coffee]>header{background:#171310}
body.ka-in-film .k-wa,body.ka-in-film .k-bar,body.ka-in-film [data-k-float]{visibility:hidden;pointer-events:none}
.k-action [hidden]{display:none!important}
@media(max-width:720px){.k-action .ka-stage{padding:88px 5vw 18px;min-height:560px}.k-action .ka-head{align-items:center;gap:10px;padding-bottom:14px}.k-action .ka-head h1{font-size:clamp(31px,8vw,46px)}.k-action .ka-kicker{font-size:8px;letter-spacing:.1em}.k-action .ka-skip{font-size:10px;white-space:normal;max-width:85px;text-align:right}.k-action .ka-caption{grid-template-columns:32px 1fr;gap:10px;min-height:95px;padding:14px 0}.k-action .ka-beat h2{font-size:23px}.k-action .ka-beat p{font-size:11px;line-height:1.5}.k-action .ka-timeline{order:-1;flex-basis:100%}.k-action .ka-controls{gap:8px;padding-top:4px}.k-action .ka-controls button{font-size:10px;padding:7px 10px}.k-action .ka-mode{font-size:8px;margin-left:auto}.k-action .ka-note{font-size:8px}.k-action .ka-status{bottom:calc(100% + 2px);font-size:8px}.ka-quick{padding:40px 5vw}}
@media(prefers-reduced-motion:reduce){section.k-action{height:auto}.k-action .ka-stage{position:relative;height:auto;min-height:0;overflow:visible}.k-action .ka-visual{height:clamp(240px,50vw,620px)}.k-action .ka-caption{align-items:start}.k-action .ka-beat,.k-action .ka-beat.is-active{display:block;margin:0 0 22px}.k-action .ka-beat:last-child{margin:0}.k-action .ka-counter{padding-top:8px}}
@media(max-height:600px) and (min-width:721px){.k-action .ka-stage{min-height:0;padding:76px 4vw 8px}.k-action .ka-head{padding-bottom:8px}.k-action .ka-head h1{font-size:30px}.k-action .ka-kicker{font-size:8px;margin-bottom:4px}.k-action .ka-caption{min-height:42px;padding:7px 0;grid-template-columns:52px 1fr}.k-action .ka-beat h2{font-size:19px;margin-bottom:3px}.k-action .ka-beat p{font-size:10px}.k-action .ka-controls{padding-top:2px}.k-action .ka-controls button{min-height:30px;padding:5px 10px;font-size:10px}.k-action .ka-mode{font-size:8px}.k-action .ka-note{padding-top:4px;font-size:8px}}