/* Original storyboard studies reveal an existing studio scene. Complete static default. */
.as-film-composition{min-width:0;width:100%;margin:0;position:relative;justify-self:end}
.as-film-art{position:relative;background:radial-gradient(ellipse at 50% 49%,#5a273530,transparent 68%)}
.as-film-readout{display:flex;justify-content:space-between;gap:15px;font:9px/1.7 var(--mono);letter-spacing:.05em;color:#cdb4c0;padding:0 0 12px;border-bottom:1px solid #60404e}
.as-film-readout>span:last-child{color:var(--pink)}
.as-film-canvas{position:relative;width:100%;aspect-ratio:1000/740;margin-inline:auto;overflow:hidden}
.as-film-grid{position:absolute;inset:0;width:100%;height:100%;opacity:.3}
.as-film-shot{position:absolute;left:8%;top:15%;width:84%;aspect-ratio:16/9;border:1px solid #a46981;border-radius:7px;background:#211a1f;overflow:hidden;transform:translate(var(--film-shot-x,0%),var(--film-shot-y,0%)) rotate(var(--film-shot-turn,0deg)) scale(var(--film-shot-scale,1));transform-origin:center}
.as-film-study-drawing{display:block;width:100%;height:auto;color:#e7b2c4}
.as-film-sketch{position:absolute;inset:0;background:linear-gradient(115deg,#2b2229,#191519)}
.as-film-sketch>span{position:absolute;left:3%;top:5%;font:9px/1.7 var(--mono);color:#ffb5ca}
.as-film-finished{position:absolute;inset:0;clip-path:inset(0 var(--film-scene-right,0%) 0 0)}
.as-film-finished>img,.as-film-finished>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.as-film-finished>video{opacity:0;transition:opacity .22s ease-out}
.as-film-finished>video.is-playing{opacity:1}
.as-film-art[data-film-motion="off"] .as-film-finished>video{opacity:0;transition:none}
.as-film-scene-title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:4%;background:linear-gradient(0deg,#10100fbd,transparent 48%);color:#fff2f6}
.as-film-scene-title>span{font:7px/1.7 var(--mono);letter-spacing:.08em}
.as-film-scene-title>strong{font:clamp(20px,2.8vw,42px)/1.1 var(--display);font-weight:600;letter-spacing:.01em}
.as-film-reveal-edge{position:absolute;top:0;bottom:0;left:calc(100% - var(--film-scene-right,0%));width:2px;background:#ffa2b9;box-shadow:0 0 18px #ffa2b950;opacity:var(--film-edge,0)}
.as-film-study-side{position:absolute;width:37%;padding:1.5%;border:1px solid #805064;border-radius:5px;background:#241c22;opacity:var(--film-side,0);color:#e7b2c4;transform-box:border-box;transform-origin:center}
.as-film-study-bird{left:55%;top:10%;transform:translate(var(--film-bird-x,0px),var(--film-bird-y,0px)) rotate(var(--film-bird-turn,7deg))}
.as-film-study-seed{left:55%;top:49%;transform:translate(var(--film-seed-x,0px),var(--film-seed-y,0px)) rotate(var(--film-seed-turn,-6deg))}
.as-film-study-side>span{display:block;margin-top:6px;font:7px/1.7 var(--mono);color:#ffb5ca}
.as-film-story-strip{position:absolute;left:8%;top:83%;width:84%;height:13%;display:grid;grid-template-columns:repeat(3,1fr);gap:2%;opacity:var(--film-strip,1);transform:translateY(var(--film-strip-y,0px))}
.as-film-mini{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;border-top:1px solid #684452;padding-top:4px;min-width:0;min-height:0;height:100%}
.as-film-mini>svg{width:100%;height:auto;max-height:100%}
.as-film-mini>span{font:8px/1.8 var(--mono);color:#d4bdc8}
.as-film-composition figcaption{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #704555;padding:15px 0;font:8px/1.7 var(--mono);color:#d4bdc8;letter-spacing:.03em}
.as-film-composition figcaption>span:first-child{color:var(--pink)}
.as-motion .as-film-composition{max-width:940px;max-height:100%}
.as-motion .as-film-canvas{width:min(100%,calc((100svh - 330px) * 1.351351))}
@media(max-width:1100px){.as-film-composition figcaption{font-size:7px;display:block;padding-top:11px}.as-film-composition figcaption>span{display:block}.as-film-composition figcaption>span+span{margin-top:4px}.as-film-readout{font-size:8px}.as-film-mini>span{font-size:6px}.as-film-sketch>span{font-size:7px}}
@media(max-width:760px){.as-film-composition{justify-self:center;max-width:530px}.as-motion .as-film-composition{max-width:450px}.as-film-canvas{aspect-ratio:1000/820}.as-motion .as-film-canvas{width:100%;max-width:338px}.as-film-shot{left:4%;top:8%;width:92%}.as-film-story-strip{left:4%;top:75%;width:92%;height:22%}.as-film-mini{display:block;padding-top:2px}.as-film-mini>svg{height:calc(100% - 22px);max-height:none}.as-film-mini>span{display:block;font-size:6px;line-height:1.5}.as-film-composition figcaption{font-size:6px;padding:8px 0;line-height:1.7}.as-film-composition figcaption>span+span{margin-top:3px}.as-film-readout{font-size:6px;padding-bottom:7px}.as-film-scene-title>span{font-size:5px}}
@media(max-width:380px){.as-film-composition figcaption{font-size:5px}.as-film-readout{font-size:5px}.as-film-scene-title>strong{font-size:18px}.as-film-scene-title>span{font-size:5px}}
@media(prefers-reduced-motion:reduce){.as-film-finished>video{transition:none}}