.expanded-section{overflow:clip}.expanded-section [hidden]{display:none!important}.expanded-section p,.expanded-section li,.expanded-section dd{overflow-wrap:anywhere;hyphens:auto}.ex-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;align-items:center}.ex-split>*{min-width:0}.ex-copy-row{margin-top:36px}.ex-tint{background:var(--pale);border:1px solid #086de810;border-radius:28px;margin:40px;padding:48px}.ex-photo{margin:0;min-width:0;overflow:hidden;border-radius:22px;background:#f0f3f9}.ex-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.ex-photo figcaption{padding:16px 20px;font-size:14px;line-height:1.6;color:#525c6d;background:#f5f8ff}.ex-follow{margin-top:26px!important}.decision-list{margin:0}.decision-list>div{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:36px}.decision-list dt{font-size:21px;font-weight:650;line-height:1.4;color:var(--ink)}.decision-list dd{margin:0;color:var(--muted);line-height:1.75}.ex-split .decision-list>div{grid-template-columns:1fr;gap:12px}.decision-list+p{margin-top:30px}.example-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.example-tabs button,.demo-play{min-height:46px;border:1px solid #086de84d;border-radius:30px;padding:11px 22px;background:white;color:var(--blue);font-size:15px;font-weight:550;transition:background .2s,color .2s}.example-tabs button[aria-selected=true],.demo-play:hover{background:var(--blue);color:white}.scene-lab,.rhythm-lab{border:1px solid #dce5f4;border-radius:24px;padding:26px;background:white}.scene-panel,.rhythm-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:center}.scene-photo{overflow:hidden;border-radius:18px}.scene-photo img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}.scene-panel h3,.rhythm-panel h3{font:900 38px/1.1 'Hailuo Condensed',sans-serif}.scene-panel .small-label{margin-top:28px;margin-bottom:0}.scene-panel:not([hidden]),.rhythm-panel:not([hidden]){animation:example-enter .28s ease both}.brief-map{display:grid;gap:12px;padding:30px;border:1px solid #dce5f4;border-radius:24px;background:white}.brief-core{font:900 44px/1.1 'Hailuo Condensed',sans-serif;margin:6px 0 15px}.brief-row{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:18px 0}.brief-row span{min-width:58px;color:var(--blue)}.brief-row strong{font-weight:550}.ex-process{list-style:none;padding:0;margin:0}.ex-process li{display:grid;grid-template-columns:76px 1fr;gap:32px;padding:30px 0;border-top:1px solid var(--line)}.ex-process li>span{font:900 46px/1 'Hailuo Condensed',sans-serif;color:var(--blue)}.ex-process p{max-width:1020px}.crop-lab{border:1px solid #dce5f4;border-radius:24px;padding:22px;background:var(--pale)}.crop-view{overflow:hidden;border-radius:17px;aspect-ratio:4/3;position:relative;background:white}.crop-view img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(var(--crop-scale,1));transition:transform .15s}.crop-guide{position:absolute;inset:12%;border:1px dashed white;box-shadow:0 0 0 1px #14141425;pointer-events:none}.crop-lab label{display:block;font-size:15px;color:var(--ink);margin-top:22px}.crop-lab output{float:right;color:var(--blue);font-variant-numeric:tabular-nums}.crop-lab input{display:block;width:100%;min-height:44px;margin:8px 0 0;accent-color:var(--blue);cursor:ew-resize}.layer-scene{position:relative;overflow:hidden;border-radius:24px;aspect-ratio:16/8}.layer-scene img{width:100%;height:100%;object-fit:cover;display:block}.layer-label{position:absolute;color:#fff;border:1px solid #ffffff80;background:#141414c9;border-radius:30px;padding:10px 18px;font-size:14px;backdrop-filter:blur(8px)}.layer-sky{top:12%;right:8%}.layer-city{top:48%;left:7%}.layer-water{bottom:12%;right:8%}.material-board{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.material-board figure{margin:0;overflow:hidden;position:relative;border-radius:22px;aspect-ratio:4/3;background:var(--pale)}.material-board img{display:block;width:100%;height:100%;object-fit:cover}.detail-crop img{transform:scale(1.85);transform-origin:50% 70%}.material-board figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 22px 18px;color:white;background:linear-gradient(transparent,#101724ed);font-size:15px}.shot-sheet{background:white;border:1px solid #dce5f4;border-radius:20px;padding:30px;margin-bottom:30px}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.sheet-head strong{font:900 34px/1.1 'Hailuo Condensed',sans-serif}.sheet-head span{font-size:14px;color:var(--muted)}.sheet-row{display:grid;grid-template-columns:40px 1fr 1.3fr 1.3fr;gap:20px;align-items:center;padding:23px 0;border-top:1px solid var(--line)}.sheet-row b{color:var(--blue);font-weight:500}.sheet-row h3{font-size:20px;margin:0}.sheet-row p{margin:0}.sheet-row>span{font-size:15px;color:#475771}.opening-board{display:grid;grid-template-columns:.8fr .8fr 1fr;gap:28px;align-items:center}.opening-board figure{margin:0;border:1px solid var(--line);border-radius:22px;overflow:hidden}.opening-board img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.opening-board figcaption{padding:22px;font-size:15px;line-height:1.6}.opening-board figcaption strong{display:block;font-size:19px;margin-bottom:12px}.rhythm-panel{grid-template-columns:.7fr 1fr}.rhythm-panel figure{margin:0;overflow:hidden;border-radius:17px;aspect-ratio:4/3}.rhythm-panel img{display:block;width:100%;height:100%;object-fit:cover}.rhythm-1 img{transform:scale(1.8);transform-origin:50% 70%}.rhythm-2 img{transform:scale(1.15)}.caption-demo{position:relative;width:min(100%,320px);aspect-ratio:9/14;border-radius:24px;overflow:hidden;margin:auto;background:var(--ink)}.caption-demo img{width:100%;height:100%;object-fit:cover;opacity:.8}.caption-safe{position:absolute;top:18%;left:10%;right:10%;height:57%;border:1px dashed white;padding:12px;text-align:center;color:white;text-shadow:0 1px 5px black;font-size:14px}.caption-sample{position:absolute;left:8%;right:8%;bottom:20%;text-align:center;padding:13px;color:white;background:#141414e6;border-radius:10px;font-weight:650;line-height:1.4}.caption-note{position:absolute;bottom:6%;left:0;right:0;text-align:center;color:white;font-size:12px;background:#1414149c;padding:10px}.prompt-builder{display:grid;grid-template-columns:1fr 1.2fr;gap:26px}.builder-fields{background:var(--pale);border:1px solid #dce5f4;border-radius:22px;padding:28px;display:grid;gap:18px}.builder-fields label,.camera-controls label{display:grid;gap:8px;color:var(--ink);font-size:15px;font-weight:550;min-width:0}.expanded-section select{width:100%;min-height:48px;padding:10px 28px 10px 12px;font:400 15px/1.4 Inter,sans-serif;color:#354054;background:white;border:1px solid #bccce2;border-radius:10px;text-overflow:ellipsis}.expanded-section input:focus-visible,.expanded-section select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.annotated-prompt{display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center}.annotated-prompt .decision-list>div{grid-template-columns:1fr;gap:10px;padding:17px 0}.annotated-prompt+.ex-copy-row,.annotated-prompt+p{margin-top:30px}.experiment-board{border:1px solid #dce5f4;border-radius:22px;padding:12px 30px;background:var(--pale)}.experiment-row{display:grid;grid-template-columns:.6fr 1fr 1.4fr;gap:30px;align-items:center;padding:24px 0;border-bottom:1px solid #dce5f4}.experiment-row:last-child{border:0}.experiment-row>span{color:var(--blue);font-size:14px}.experiment-row strong{font-size:20px;line-height:1.4;font-weight:650}.experiment-row p{margin:0;font-size:16px}.camera-lab{padding:26px;border:1px solid #dce5f4;border-radius:24px;background:var(--pale)}.camera-stage{position:relative;aspect-ratio:16/8;overflow:hidden;border-radius:18px;background:#141414}.camera-stage img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.1)}.camera-reticle{position:absolute;inset:20%;border:1px solid #ffffffa3;pointer-events:none}.camera-caption{position:absolute;left:20px;bottom:18px;color:white;background:#141414c9;padding:9px 16px;border-radius:30px;font-size:14px}.camera-controls{display:flex;align-items:end;gap:22px;margin:22px 0}.camera-controls label{flex:1}.camera-controls button{min-height:48px}.camera-explanation{font-size:16px}.camera-stage.is-playing[data-camera=push] img{animation:camera-push 2s ease-in-out both}.camera-stage.is-playing[data-camera=pan] img{animation:camera-pan 2s ease-in-out both}.camera-stage.is-playing[data-camera=still] .camera-reticle{animation:camera-still 1s ease both}.axis-diagram{display:grid;grid-template-columns:1fr 1fr;gap:24px}.axis-shot{padding:28px;background:white;border:1px solid #dce5f4;border-radius:22px}.axis-shot>span{font-size:14px;color:var(--blue)}.axis-line{display:flex;align-items:center;gap:15px;margin:32px 0}.axis-line b{border:1px solid #086de855;border-radius:12px;padding:12px;color:var(--blue);font-size:16px}.axis-line i{flex:1;min-width:25px;height:2px;background:linear-gradient(90deg,#086de822,#086de8);position:relative}.axis-line i:after{content:'';position:absolute;right:0;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--blue)}.axis-line>span{font-size:14px;max-width:92px;line-height:1.5}.axis-shot p{font-size:15px}.movement-matches{display:grid;grid-template-columns:1fr 1fr;gap:30px}.movement-matches article>h3{margin-top:28px}.movement-matches+p{margin-top:26px}.expanded-section.motion-ready>h2{opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .3s,clip-path .55s cubic-bezier(.2,.7,.2,1)}.expanded-section.motion-ready.in-view>h2{opacity:1;clip-path:inset(0)}.expanded-section [data-motion=mask].motion-ready{clip-path:inset(0 0 12% 0 round 22px);opacity:.4;transition:clip-path .55s,opacity .4s}.expanded-section [data-motion=mask].in-view{clip-path:inset(0 round 22px);opacity:1}.ex-process.motion-ready li,.decision-list.motion-ready>div{opacity:0;transform:translateX(9px);transition:opacity .35s,transform .35s;transition-delay:var(--stagger,0ms)}.ex-process.in-view li,.decision-list.in-view>div{opacity:1;transform:none}@keyframes example-enter{from{opacity:.45}to{opacity:1}}@keyframes camera-push{from{transform:scale(1.1)}to{transform:scale(1.5)}}@keyframes camera-pan{from{transform:scale(1.2) translateX(-6%)}to{transform:scale(1.2) translateX(6%)}}@keyframes camera-still{from{opacity:.2}to{opacity:1}}@media(max-width:1050px){.ex-split{gap:30px}.opening-board{grid-template-columns:1fr 1fr}.opening-board>div{grid-column:1/-1}.annotated-prompt{gap:28px}.sheet-row{gap:14px;grid-template-columns:26px 1fr 1fr 1fr}.sheet-row p{font-size:15px}.sheet-head{align-items:start;flex-direction:column}.axis-shot{padding:22px}.axis-line{gap:10px}.axis-line b{padding:9px}.scene-panel h3,.rhythm-panel h3{font-size:32px}}@media(max-width:700px){.ex-split,.scene-panel,.rhythm-panel,.prompt-builder,.annotated-prompt,.axis-diagram,.movement-matches{grid-template-columns:1fr;gap:28px}.ex-tint{margin:24px 12px;padding:35px 20px}.ex-copy-row{margin-top:28px}.scene-lab,.rhythm-lab,.camera-lab{padding:16px;border-radius:20px}.scene-photo img{aspect-ratio:4/3}.scene-panel h3,.rhythm-panel h3{font-size:30px}.example-tabs{gap:7px;margin-bottom:18px}.example-tabs button{font-size:14px;padding:10px 14px;flex:1}.decision-list>div{grid-template-columns:1fr;gap:13px;padding:22px 0}.decision-list dt{font-size:20px}.ex-process li{grid-template-columns:38px 1fr;gap:18px;padding:25px 0}.ex-process li>span{font-size:34px}.brief-map{padding:22px}.brief-core{font-size:36px}.brief-row{gap:14px}.crop-lab{padding:16px}.layer-scene{aspect-ratio:4/5}.layer-scene img{object-position:50% 50%}.layer-label{font-size:12px;padding:9px 12px;max-width:85%;line-height:1.4}.layer-sky{right:5%;top:8%}.layer-city{left:5%;top:45%}.layer-water{right:5%;bottom:8%}.material-board{grid-template-columns:1fr;gap:18px}.material-board figcaption{font-size:14px}.shot-sheet{padding:20px}.sheet-head strong{font-size:28px}.sheet-row{grid-template-columns:26px 1fr;gap:8px 14px;padding:20px 0}.sheet-row p,.sheet-row>span{grid-column:2}.sheet-row>span{font-size:14px}.opening-board{gap:15px}.opening-board figure{border-radius:17px}.opening-board figcaption{padding:14px;font-size:14px}.opening-board figcaption strong{font-size:17px}.opening-board img{aspect-ratio:3/4}.opening-board>div{margin-top:16px}.rhythm-panel figure{aspect-ratio:16/10}.caption-demo{width:min(100%,300px)}.builder-fields{padding:22px}.experiment-board{padding:5px 22px}.experiment-row{grid-template-columns:1fr;gap:10px;padding:24px 0}.camera-stage{aspect-ratio:4/3}.camera-controls{align-items:stretch;flex-direction:column;gap:14px}.camera-caption{left:12px;bottom:12px;font-size:13px;padding:8px 12px}.camera-controls button{align-self:start}.axis-shot{padding:22px}.axis-line{gap:12px}.ex-photo figcaption{padding:14px 17px}.movement-matches article>h3{margin-top:22px}}@media(max-width:360px){.opening-board{grid-template-columns:1fr}.opening-board>div{grid-column:auto}.opening-board img{aspect-ratio:4/3}.example-tabs button{font-size:13px;padding-inline:11px}.builder-fields{padding:18px}}@media(prefers-reduced-motion:reduce){.expanded-section *{animation:none!important;transition:none!important}.expanded-section.motion-ready>h2,.expanded-section [data-motion=mask].motion-ready{opacity:1;clip-path:none}.ex-process.motion-ready li,.decision-list.motion-ready>div{opacity:1;transform:none}.camera-stage[data-camera=push] img{transform:scale(1.5)}.camera-stage[data-camera=pan] img{transform:scale(1.2) translateX(6%)}}