.cinema-expertise{padding-top:4rem;background:#f4f3ed;border-top:1px solid #1b1b1f24}
.cinema-expertise-heading .folio-section-head{margin-bottom:2.8rem}
.cinema-story{position:relative;isolation:isolate;--stage-height:calc(100svh - var(--motion-index-height,88px));background:#f4f3ed}
.cinema-story-stage{position:relative;height:650px;overflow:clip}
.cinema-story-label{position:absolute;z-index:3;inset-inline:5.3%;top:1.6rem;display:flex;justify-content:space-between;gap:1rem;font:.8125rem/1.5 var(--font-mono);letter-spacing:.06em;border-top:1px solid #1b1b1f28;padding-top:1rem}
.cinema-person{position:absolute;bottom:3rem;left:12%;height:88%;width:36%;max-width:490px;transform:translate3d(var(--person-x,0px),var(--person-y,0px),0);transition:transform .45s ease;filter:drop-shadow(0 10px 12px #1b1b1f12)}
.cinema-person img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%;position:absolute;inset:0;transform-origin:50% 88%}
.cinema-person .cinema-sunglasses{visibility:hidden}.cinema-person.wearing-glasses .cinema-presenter{visibility:hidden}.cinema-person.wearing-glasses .cinema-sunglasses{visibility:visible}
.cinema-person.cinema-has-puppet img{visibility:hidden!important;animation:none}
.cinema-person-alive img{animation:cinema-breath 6s ease-in-out infinite}
@keyframes cinema-breath{0%,100%{transform:translateY(0) rotate(-.2deg)}40%{transform:translateY(-3px) rotate(.3deg)}72%{transform:translateY(-1px) rotate(.1deg)}}
.cinema-handwritten{position:absolute;left:55%;top:35%;font:italic 400 clamp(2rem,3.2vw,3.7rem)/1.12 var(--font-display);letter-spacing:-.035em;max-width:30%;white-space:normal}
.cinema-pose-controls{position:absolute;bottom:1.5rem;left:9%;width:40%;z-index:6;display:flex;justify-content:center;gap:.4rem}
.cinema-pose-controls button{border:1px solid #1b1b1f35;background:#fffdf7;color:#1b1b1f;border-radius:30px;font:500 .875rem var(--font-body);padding:.7rem 1rem;min-height:44px;cursor:pointer}
.cinema-pose-controls button[aria-pressed=true]{background:#c8ff2e;border-color:#1b1b1f}
.cinema-scroll-track{position:relative;z-index:4;max-width:1440px;margin:auto;padding:0 5.3% 4rem;pointer-events:none}
.cinema-scroll-step{padding:1rem 0;display:flex;justify-content:flex-end}
.cinema-step-card{width:100%;padding:2.5rem;background:#ffffffde;border:1px solid #1b1b1f38;box-shadow:0 16px 65px #1b1b1f09;backdrop-filter:blur(20px);pointer-events:auto}
.cinema-step-index{font:.875rem var(--font-mono);letter-spacing:.04em}
.cinema-step-card h3{font:400 clamp(2rem,4vw,4.4rem)/1.03 var(--font-display);letter-spacing:-.04em;margin:1.4rem 0}
.cinema-step-card>p{font-size:1.0625rem;line-height:1.75;max-width:38ch}.cinema-step-card .folio-link{margin-top:1.5rem}
.cinema-step-card .cinema-ai-note{border-left:3px solid #c8ff2e;padding-left:1rem;margin-top:1.2rem;font-size:1rem}
.cinema-story-footer{display:block;padding:0 5.3% 2rem;font:.8125rem var(--font-mono);letter-spacing:.04em}
.green-transit{position:relative;isolation:isolate;background:#263728;color:#fffdf6}
.green-transit-stage{position:relative;overflow:clip;min-height:560px}
.green-transit-inner{position:relative;z-index:1;padding:7rem 8%;text-align:center;max-width:1000px;margin:auto}
.green-destination{font:.875rem var(--font-mono);letter-spacing:.12em;color:#c8ff2e;margin:0 0 1.8rem}
.green-transit-inner h2{font:400 clamp(3rem,7.5vw,8.5rem)/.95 var(--font-display);letter-spacing:-.035em;margin:0 0 1.8rem}
.green-transit-inner>p:not(.green-destination){font-size:1.0625rem;line-height:1.7;max-width:38ch;margin:0 auto 1.8rem;color:#ecf1e7}
.green-project-link{display:inline-flex;align-items:center;min-height:48px;padding:.85rem 1.3rem;background:#c8ff2e;color:#1b1b1f;font:500 1rem var(--font-body);text-decoration:none;border:1px solid #c8ff2e}
.green-project-link:hover{background:#fffdf6;border-color:#fffdf6}.green-project-link:focus-visible{outline:3px solid white;outline-offset:7px}
.green-gates{display:none}.green-transit-still{display:block;width:100%;height:55svh;min-height:330px;object-fit:cover}
.green-transit-caption{display:none}
@media(min-width:901px) and (min-height:760px){
 .cinema-sequences .cinema-story-stage{position:sticky;top:var(--motion-index-height,88px);height:var(--stage-height);margin-bottom:calc(-1 * var(--stage-height))}
 .cinema-sequences .cinema-story-label{top:1rem}
 .cinema-sequences .cinema-person{left:6%;bottom:4.5rem;height:calc(100% - 6rem);width:42%;max-width:600px}
 .cinema-sequences .cinema-pose-controls{left:6%;width:42%;bottom:1.4rem}
 .cinema-sequences .cinema-handwritten{display:none}
 .cinema-sequences .cinema-scroll-track{padding-top:0;padding-bottom:0}
 .cinema-sequences .cinema-scroll-step{min-height:var(--stage-height);align-items:center;padding:5rem 0}
 .cinema-sequences .cinema-step-card{width:47%;min-height:360px;transform:perspective(1400px) rotateY(-4deg);transition:transform .5s,background .5s;backdrop-filter:blur(18px)}
 .cinema-sequences .cinema-step-current .cinema-step-card{transform:perspective(1400px) rotateY(0deg);background:#fffffff0}
 .cinema-sequences .cinema-story-footer{position:absolute;bottom:1rem;right:5.3%;padding:0;z-index:5;max-width:40%;font-size:.75rem}
 .cinema-sequences .green-transit{height:250svh}
 .cinema-sequences .green-transit-stage{position:sticky;top:0;height:100svh;min-height:0;perspective:1400px}
 .cinema-sequences .green-transit-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:4rem 7%;transform:scale(var(--inside-scale,.92));opacity:var(--inside-opacity,0)}
 .cinema-sequences .green-transit-still{display:none}
 .cinema-sequences .green-gates{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;transform:scale(var(--gate-scale,1))}
 .green-gate{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;will-change:transform}
 .green-gate-left{left:0;transform:translateX(calc(-1 * var(--gate-shift,0%)))}.green-gate-right{right:0;transform:translateX(var(--gate-shift,0%))}
 .green-gate img{position:absolute;top:0;width:200%;height:100%;max-width:none;object-fit:cover}
 .green-gate-left img{left:0}.green-gate-right img{right:0}
 .cinema-sequences .green-transit-caption{display:flex;position:absolute;z-index:4;left:3.5%;right:3.5%;bottom:2rem;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border:1px solid #ffffff70;background:#18281bbd;backdrop-filter:blur(12px);font:.875rem var(--font-body);opacity:var(--caption-opacity,1);pointer-events:none}
}
@media(max-width:900px){
 .cinema-expertise{padding-top:3rem}.cinema-expertise-heading .folio-section-head{margin-bottom:1rem}
 .cinema-story-stage{height:570px}.cinema-person{left:0;width:62%;height:82%;bottom:4rem}
 .cinema-handwritten{left:59%;top:34%;max-width:37%;font-size:clamp(1.6rem,4.8vw,3rem)}
 .cinema-pose-controls{left:0;width:100%;bottom:.8rem}.cinema-scroll-track{padding:0 5.3% 2rem}
 .cinema-step-card{padding:1.6rem}.cinema-step-card h3{font-size:2.4rem}.cinema-step-card p{font-size:1rem}
 .green-transit-inner{padding:4rem 6%}.green-transit-still{height:50svh;object-position:50% 50%}
}
@media(max-width:900px) and (min-height:700px){
 .cinema-sequences .cinema-story-stage{position:sticky;top:var(--motion-index-height,110px);height:var(--stage-height);margin-bottom:calc(-1 * var(--stage-height))}
 .cinema-sequences .cinema-person{left:-11%;width:78%;max-width:500px;bottom:4.8rem;height:calc(100% - 5.5rem)}
 .cinema-sequences .cinema-handwritten{display:none}
 .cinema-sequences .cinema-pose-controls{bottom:.8rem;width:100%;left:0}
 .cinema-sequences .cinema-scroll-track{padding:0 4%}
 .cinema-sequences .cinema-scroll-step{min-height:var(--stage-height);align-items:center;padding:4rem 0 7rem}
 .cinema-sequences .cinema-step-card{width:59%;padding:1.25rem 1rem;background:#ffffffe8;backdrop-filter:blur(10px)}
 .cinema-sequences .cinema-step-card h3{font-size:clamp(1.7rem,4.6vw,2.5rem);line-height:1.08}
 .cinema-sequences .cinema-step-card p{line-height:1.6;font-size:1rem}
 .cinema-sequences .cinema-step-card .folio-link{font-size:.875rem}
 .cinema-sequences .cinema-story-footer{display:none}
 .cinema-sequences .green-transit{height:210svh}
 .cinema-sequences .green-transit-stage{position:sticky;top:0;height:100svh;min-height:0}
 .cinema-sequences .green-transit-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:4rem 8%;transform:scale(var(--inside-scale,.92));opacity:var(--inside-opacity,0)}
 .cinema-sequences .green-transit-still{display:none}
 .cinema-sequences .green-gates{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;transform:scale(var(--gate-scale,1))}
 .green-gate{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;will-change:transform}
 .green-gate-left{left:0;transform:translateX(calc(-1 * var(--gate-shift,0%)))}.green-gate-right{right:0;transform:translateX(var(--gate-shift,0%))}
 .green-gate img{position:absolute;top:0;width:200%;height:100%;max-width:none;object-fit:cover}
 .green-gate-left img{left:0}.green-gate-right img{right:0}
 .cinema-sequences .green-transit-caption{display:flex;position:absolute;z-index:4;left:5%;right:5%;bottom:2rem;justify-content:center;padding:1rem;background:#18281bd9;color:white;font:.875rem/1.6 var(--font-body);opacity:var(--caption-opacity,1);pointer-events:none}
 .green-transit-caption>span:first-child,.green-transit-caption>span:last-child{display:none}
}
@media(max-width:700px){.cinema-journey .scratch-hero-home.character-story-home{height:max(100svh,900px);min-height:900px}}
@media(min-width:701px) and (max-width:900px){.cinema-journey .scratch-hero-home.character-story-home{height:max(100svh,780px);min-height:780px}}
html[dir=rtl] .cinema-step-card .cinema-ai-note{border-left:0;border-right:3px solid #c8ff2e;padding-left:0;padding-right:1rem}
.cinema-still .cinema-person,.cinema-still .cinema-person img,.cinema-still .cinema-step-card{animation:none;transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.cinema-person,.cinema-person img,.cinema-step-card{animation:none!important;transition:none!important;transform:none!important}}
@media print{.cinema-person,.cinema-pose-controls,.green-transit,.cinema-story-label{display:none}.cinema-story-stage{height:auto}.cinema-step-card{break-inside:avoid}}
/* The seated gestures keep their own sticky timeline on desktop and touch. */
.cinema-journey.hero-scroll-enabled .motion-hero{height:max(235svh,1500px);min-height:0;overflow:visible;background:#fbf8f4}
.cinema-journey.hero-scroll-enabled .motion-hero-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:clip}
.cinema-journey.hero-scroll-enabled .motion-hero-frame{height:100%;transform:none;border-radius:0}
.cinema-journey.hero-scroll-enabled .motion-hero-frame iframe{height:100%;min-height:0;transform:none}
.cinema-journey .motion-hero-caption{display:none!important}
.cinema-journey.hero-scroll-enabled .motion-scroll-note{display:none}