.fruit-cinema{--fruit-progress:0;position:relative;height:240svh;isolation:isolate;background:#0a0c0a;color:#f2f1e9}
.fruit-cinema-sticky{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:10px;padding:clamp(25px,4svh,42px) 5vw 23px;background:radial-gradient(ellipse at 47% 52%,#4051292b 0,transparent 47%),radial-gradient(ellipse at 78% 69%,#8c142719 0,transparent 45%),#0a0c0a}
.fruit-cinema-sticky::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 36%,#07090770 100%)}
.fruit-cinema-heading{position:relative;z-index:3;pointer-events:none}
.fruit-cinema-heading .eyebrow{margin:0 0 13px;font-size:9px;letter-spacing:.2em;color:#c1f000}
.fruit-cinema-heading h2{font-size:clamp(31px,3.65vw,54px);line-height:1.02;font-weight:800;letter-spacing:0;max-width:800px}
.fruit-cinema-heading h2 em{font-style:normal;color:#c1f000}
.fruit-cinema-words{position:absolute;inset:22% -12% 10%;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;user-select:none;font-size:clamp(140px,25vw,390px);font-weight:900;line-height:.78;letter-spacing:-.09em;transform:rotate(-5deg)}
.fruit-cinema-words span{display:block;white-space:nowrap;color:#b5d78612;transform:translate3d(calc(var(--fruit-progress)*-7vw),0,0)}
.fruit-cinema-words span:nth-child(2){color:#f2f1e90b;transform:translate3d(calc(var(--fruit-progress)*9vw + 3vw),0,0)}
.fruit-cinema-words span:nth-child(3){color:#c1f00010;transform:translate3d(calc(var(--fruit-progress)*-5vw - 4vw),0,0)}
.fruit-cinema-stage{position:relative;z-index:2;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.fruit-cinema-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.fruit-cinema-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:lighten}
.fruit-cinema-stage[data-render-state=ready] .fruit-cinema-fallback{visibility:hidden}
.fruit-cinema-stage[data-render-state=fallback] canvas{display:none}
.fruit-cinema-caption{position:relative;z-index:3;text-align:center;min-height:49px;pointer-events:none}
.fruit-cinema-caption strong{display:block;font-size:clamp(15px,1.35vw,19px);font-weight:700;letter-spacing:-.025em;line-height:1.25;color:#eff2e8}
.fruit-cinema-caption p{font-size:12px;line-height:1.5;color:#a7b29a;margin:7px auto 0;max-width:480px}
.fruit-cinema-progress{position:relative;z-index:3;width:164px;height:2px;background:#52604350;margin:3px auto 0;overflow:hidden}
.fruit-cinema-progress i{display:block;width:100%;height:100%;background:#c1f000;transform-origin:left;transform:scaleX(var(--fruit-progress))}
.fruit-cinema-note{position:relative;z-index:3;display:block;text-align:center;color:#808e73;font-size:8px;line-height:1.4;letter-spacing:.025em}
.fruit-cinema-static{height:auto}
.fruit-cinema-static .fruit-cinema-sticky{position:relative}
@media(min-width:1100px) and (min-height:730px){.fruit-cinema-heading h2{font-size:clamp(43px,4vw,62px)}.fruit-cinema-stage{width:100%;margin-top:-14px;height:calc(100% + 14px)}}
@media(max-width:600px){
 .fruit-cinema{height:220svh}
 .fruit-cinema-sticky{padding:28px 6vw 19px;gap:9px;grid-template-rows:auto minmax(0,1fr) auto auto auto}
 .fruit-cinema-heading .eyebrow{font-size:7px;letter-spacing:.17em;margin-bottom:12px}
 .fruit-cinema-heading h2{font-size:clamp(27px,7.8vw,36px);line-height:1.03;max-width:370px}
 .fruit-cinema-words{font-size:42vw;inset:22% -40% 20%;line-height:.86;letter-spacing:-.085em;transform:rotate(-8deg)}
 .fruit-cinema-words span{color:#b5d78617}.fruit-cinema-words span:nth-child(2){color:#f2f1e910}.fruit-cinema-words span:nth-child(3){color:#c1f00015}
 .fruit-cinema-stage{width:100vw;margin-left:-6vw}
 .fruit-cinema-caption{min-height:52px}
 .fruit-cinema-caption strong{font-size:15px;line-height:1.25}
 .fruit-cinema-caption p{font-size:10px;line-height:1.5;margin-top:6px;max-width:295px}
 .fruit-cinema-progress{width:126px;margin-top:1px}
 .fruit-cinema-note{font-size:7px;letter-spacing:0}
}
@media(max-width:600px) and (max-height:620px){
 .fruit-cinema-sticky{padding-top:22px;padding-bottom:15px;gap:8px}
 .fruit-cinema-heading .eyebrow{margin-bottom:10px}
 .fruit-cinema-heading h2{font-size:27px}
 .fruit-cinema-caption{min-height:47px}
 .fruit-cinema-caption strong{font-size:14px}
 .fruit-cinema-caption p{font-size:9px;max-width:270px}
 .fruit-cinema-note{font-size:6.5px}
}
@media(max-height:540px) and (min-width:601px){
 .fruit-cinema-sticky{padding-top:18px;padding-bottom:14px;gap:6px}
 .fruit-cinema-heading h2{font-size:28px}
 .fruit-cinema-heading .eyebrow{font-size:7px;margin-bottom:9px}
 .fruit-cinema-caption{min-height:39px}
 .fruit-cinema-caption strong{font-size:14px}
 .fruit-cinema-caption p{font-size:10px;margin-top:4px}
 .fruit-cinema-note{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
 .fruit-cinema{height:auto}
 .fruit-cinema-sticky{position:relative;height:100svh;min-height:440px}
 .fruit-cinema-words span{transform:none!important}
 .fruit-cinema-progress{display:none}
}