.hybrid .motion-story{padding-top:75px;padding-bottom:55px;border-top:1px solid #7a80662b;position:relative;isolation:isolate}.motion-heading{max-width:650px}.hybrid .motion-heading h2{font-size:clamp(49px,5.5vw,84px);margin-top:25px}.motion-heading em{color:#6b745e;font-weight:300}.motion-heading>p{font:13px/1.9 var(--body);color:#717a65;margin-top:25px}.reel-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:25px}.reel-study{margin:0;min-width:0}.reel-study :is(canvas,.motion-asset){display:block;width:100%;aspect-ratio:3/4;background:transparent}.hybrid .reel-study figcaption{display:flex;flex-direction:column;gap:12px;font:22px/1.3 var(--heading);color:#4d5840}.reel-study figcaption span{font:7px var(--body);letter-spacing:.08em;color:#7e8673}.motif-flight{height:170px;position:relative;overflow:hidden;pointer-events:none;contain:layout paint;isolation:isolate}.motif-flight :is(canvas,.motion-asset){position:absolute;width:140px;height:140px;left:0;top:10px;opacity:.62;will-change:transform;pointer-events:none}.motif-flight[data-creature=dragonfly] :is(canvas,.motion-asset){width:160px;height:160px}.motif-flight[data-creature=bird] :is(canvas,.motion-asset){width:120px;height:120px}.hybrid .craft-journal{padding-top:60px}.hybrid .legacy-chapter{padding-top:60px}
@media(max-width:800px){.reel-studies{gap:15px}.hybrid .reel-study figcaption{font-size:20px}.reel-study figcaption span{font-size:6px;line-height:1.7}.motif-flight{height:130px}.motif-flight :is(canvas,.motion-asset){width:105px;height:105px}.motif-flight[data-creature=dragonfly] :is(canvas,.motion-asset){width:125px;height:125px}.motif-flight[data-creature=bird] :is(canvas,.motion-asset){width:105px;height:105px}}
@media(max-width:450px){.reel-studies{grid-template-columns:1fr;gap:35px;max-width:360px;margin:25px auto 0}.reel-study :is(canvas,.motion-asset){aspect-ratio:4/3}.hybrid .motion-heading h2{font-size:53px}.hybrid .reel-study figcaption{font-size:25px}.reel-study figcaption span{font-size:7px}.motif-flight{height:120px}}
@media(prefers-reduced-motion:reduce){.motif-flight :is(canvas,.motion-asset){will-change:auto}}
.reel-studies{row-gap:50px}.scroll-motif-carry{position:fixed;inset:0;z-index:30;pointer-events:none;overflow:hidden}.scroll-motif-carry :is(canvas,.motion-asset){position:absolute;top:0;left:0;width:120px;height:120px;opacity:0;pointer-events:none;will-change:transform,opacity}.scroll-motif-carry :is(canvas,.motion-asset):not([data-active=true]){visibility:hidden}
@media(max-width:800px){.scroll-motif-carry :is(canvas,.motion-asset){width:88px;height:88px}.reel-studies{row-gap:35px}}
@media(prefers-reduced-motion:reduce){.scroll-motif-carry{display:none}}