/* Stable SVG rig. All artwork uses the native 1080 x 1920 coordinate space.
   The video aperture is the reference's square-stage crop converted to native coordinates. */
.hero-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);min-height:700px;height:90vh;max-height:1000px}
.hero-stage .phone-area{width:100%;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;align-self:center;padding:0;margin:0;overflow:visible}
.phone.hand-rig{--rig-width:clamp(290px,25vw,360px);position:relative;left:calc(var(--rig-width)*.12);width:var(--rig-width);height:auto;aspect-ratio:9/16;flex:0 0 auto;margin:0;padding:0;border:0;outline:0;border-radius:0;box-shadow:none;background:none;transform:none;isolation:isolate;max-width:none}
.phone.hand-rig::before,.phone.hand-rig::after{display:none}
.hand-rig .hand-layer{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;user-select:none}
.hand-rig .hand-back{z-index:1}.hand-rig .phone-frame{z-index:10}.hand-rig .hand-fingers{z-index:30}
.phone.hand-rig video{position:absolute;left:5.555556%;top:5%;width:53.333333%;height:71%;max-width:none;object-fit:cover;object-position:50% 50%;border-radius:20px;transform:rotate(-5deg);transform-origin:0 0;z-index:5;filter:none;background:var(--blue)}
.phone-area .orbit{display:none}
.phone-area>.phone-play{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;width:210px;min-height:44px;flex:0 0 auto;padding:12px 15px;margin:14px 0 0;border:1px solid var(--blue);border-radius:0;background:var(--paper);color:var(--blue);font:11px 'Courier New',monospace;letter-spacing:0;gap:16px;box-shadow:none;transform:none;z-index:4}
.phone-area>.phone-play:hover{background:var(--pink)}.phone-area>.phone-play span{font-size:12px}
.phone-area>.loop-control{position:relative;inset:auto;transform:none;margin:9px 0 0;padding:6px 12px;min-height:30px;color:var(--blue);font-size:10px;white-space:normal;text-align:center;z-index:4}
.film-type,.motion-ready .film-type{display:none}
.film-enabled .film-type{display:flex}
.hero-note{min-width:0}.hero-note.right{padding-left:40px}
body.modal-open .phone.hand-rig{transform:none}
@media(min-width:1001px) and (max-height:800px){.phone.hand-rig{--rig-width:280px}.hero-stage{min-height:640px;height:95vh}}
@media(min-width:701px) and (max-width:1000px){
 .hero-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);height:auto;min-height:620px;overflow:hidden;align-items:center;gap:15px}
 .hero-stage .phone-area{grid-column:2;grid-row:1}.hero-note.left{grid-column:1;grid-row:1;max-width:none;padding:0 12px 0 0;align-self:center}
 .hero-note.right{display:none}.phone.hand-rig{--rig-width:290px;left:20px}.film-type,.motion-ready .film-type,.film-enabled .film-type,.film-backdrop{display:none}
}
@media(max-width:700px){
 .hero-stage{grid-template-columns:minmax(0,1fr);height:auto;min-height:0;max-height:none;overflow:hidden;gap:0;margin:30px -18px 0;padding:0 18px 25px}
 .hero-stage .phone-area{grid-row:1;margin:0;padding:0 0 20px;width:100%}
 .phone.hand-rig{--rig-width:260px;left:calc(var(--rig-width)*.12)}
 .phone.hand-rig video{border-radius:15px}
 .phone-area>.phone-play{margin-top:15px;width:210px;min-height:44px;font-size:11px}.phone-area>.loop-control{margin-top:6px;min-height:32px;font-size:10px}
 .hero-note.left{grid-row:2;max-width:none;padding-top:18px;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;align-self:auto}.hero-note.right{display:none}
 .film-type,.motion-ready .film-type,.film-enabled .film-type,.film-backdrop{display:none}
}
@media(max-width:360px){.phone.hand-rig{--rig-width:235px}}
@media(prefers-reduced-motion:reduce){.film-type,.motion-ready .film-type,.film-enabled .film-type,.film-backdrop{display:none}.phone.hand-rig{transform:none}}

/* Motion 06: section themes and native-compatible smooth-wheel integration. */
html.lenis,html.lenis body{height:auto}
html.lenis{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.motion-ready .header,.motion-ready .hero,.motion-ready .manifesto,.motion-ready .publications,.motion-ready .join{background:transparent}
.manifesto-title>span{overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.manifesto-title .line-inner{display:block;transform-origin:0 100%}
.film-backdrop{will-change:opacity;background:var(--blue)}
.film-backdrop:after{border-color:#f6f3ed17}
.phone.hand-rig{transform-origin:50% 83%;backface-visibility:hidden}
.phone-area>.phone-play{transition:background-color .2s,color .2s}
@media(max-width:1000px){.motion-ready .hero{background:transparent}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.manifesto-title>span{overflow:visible}.hero-stage{opacity:1!important}}

#heroVideo::-webkit-media-controls,#heroVideo::-webkit-media-controls-enclosure{display:none!important}