.filmtest{background:#fafaf9}.testnav{display:flex;align-items:center;justify-content:space-between;padding:25px 6%;border-bottom:1px solid #e3e5e0}.testnav nav{display:flex;gap:24px;font-size:12px}.testintro,.testnotes{max-width:1200px;margin:auto;padding:70px 6%}.testintro h1{font-size:clamp(40px,5vw,68px)}.testintro p{margin:25px 0 12px}.testintro small{display:block;max-width:650px;color:#737b76;font-size:12px}.testintro .pill{margin-top:28px;font-size:13px}.filmrail{height:280svh;position:relative}.filmsticky{position:sticky;top:0;min-height:100svh;display:grid;grid-template-columns:1fr 1.7fr;align-items:center;gap:5%;padding:50px 6%;max-width:1500px;margin:auto}.filmcopy h2{font-size:clamp(30px,3.5vw,48px);min-height:2.3em}.filmcopy p{font-size:14px;max-width:340px;margin-top:22px;min-height:5em}.filmvisual{min-width:0}.filmvisual video{width:100%;aspect-ratio:16/9;display:block;object-fit:contain;border-radius:25px;background:#eeefec;box-shadow:0 18px 65px #20352a0b}.filmcontrols{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:11px;flex-wrap:wrap}.filmcontrols input{min-width:100px;flex:1;accent-color:#24443e}.filmcontrols output{min-width:35px}.filmcontrols label{color:#69736c}.filmcontrols button{font-size:11px}#film-status{font-size:11px;min-height:1.6em}.testnotes h2{font-size:35px}.testnotegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:40px 0}.testnotegrid h3{font-size:21px;margin-bottom:16px}.testnotegrid p{font-size:13px}.filmtest.manual .filmrail{height:auto}.filmtest.manual .filmsticky{position:relative;min-height:70svh}@media(max-width:700px){.testnav{padding:20px 6%}.testnav .brand{font-size:20px}.testnav nav{gap:16px;font-size:10px}.testintro{padding:50px 6%}.filmrail{height:240svh}.filmsticky{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:28px 6%;height:100svh;min-height:560px}.filmcopy{width:100%}.filmcopy h2{font-size:32px;min-height:1.2em}.filmcopy p{margin-top:14px;max-width:none;min-height:3.5em;font-size:13px}.filmcopy .eyebrow{margin-bottom:14px}.filmvisual{width:100%}.filmvisual video{border-radius:20px}.filmcontrols{gap:8px}.filmcontrols label{width:100%}.testnotegrid{grid-template-columns:1fr;gap:25px}.filmtest.manual .filmsticky{height:auto;min-height:0}.testnotes{padding:55px 6%}}@media(max-height:580px){.filmrail{height:auto}.filmsticky{position:relative;height:auto;min-height:0}.filmcontrols input{min-width:80px}}

.filmrail{height:350svh}.filmstage{position:relative;overflow:hidden;border-radius:25px;isolation:isolate;background:#fafaf9;aspect-ratio:16/9}.data-scene{position:absolute;inset:0;padding:5% 7%;background:#fafaf9;opacity:0;pointer-events:none;display:flex;flex-direction:column}.data-scene .eyebrow{font-size:9px;letter-spacing:.14em}.data-scene h3{font-size:clamp(18px,2.4vw,32px);margin:9px 0}.data-scene p,.data-scene small{font-size:10px}.chart{display:flex;align-items:end;justify-content:space-around;gap:8%;flex:1;min-height:0;padding:12px 6% 28px;margin-bottom:8px;border-bottom:1px solid #24443e22}.chart>div{width:23%;height:100%;position:relative;display:flex;align-items:end}.chart i{height:var(--bar);width:100%;background:linear-gradient(180deg,#739b85,#24443e);border-radius:7px 7px 0 0;transform:scaleY(var(--reveal,0));transform-origin:bottom}.chart b{position:absolute;bottom:5px;left:0;right:0;text-align:center;color:#fff;font-size:13px}.chart span{position:absolute;top:calc(100% + 7px);width:100%;text-align:center;font-size:10px}.data-scene small{font-size:9px;color:#616f66}.testnotes .pill{margin-right:12px;margin-top:16px}@media(max-width:700px){.filmrail{height:310svh}.filmstage{border-radius:20px}.data-scene{padding:4% 6%}.data-scene h3{font-size:18px;margin:5px 0}.data-scene .eyebrow{font-size:7px}.data-scene p{font-size:8px}.chart{padding-top:6px;padding-bottom:20px;margin-bottom:5px}.chart b{font-size:10px}.chart span{font-size:8px;top:calc(100% + 4px)}.data-scene small{font-size:7px}}.manual .filmrail{height:auto} @media(max-height:580px){.filmrail{height:auto}}

.filmstage video{transform-origin:49% 52%;border-radius:0}

.formatcontrols{display:flex;align-items:center;gap:10px;margin-top:15px;flex-wrap:wrap;font-size:11px}.formatcontrols select{font:inherit;border:1px solid #24443e25;background:#fafaf9;color:#24443e;padding:8px 12px;border-radius:10px}.formatcontrols span{color:#737b76}.portrait .filmstage{aspect-ratio:9/16;width:min(100%,280px);margin-inline:auto}.portrait .filmstage video{aspect-ratio:9/16}.portrait .data-scene{padding:12% 9%}.portrait .data-scene h3{font-size:23px;margin:15px 0}.portrait .chart{max-height:46%;margin-top:auto;margin-bottom:auto}.portrait .data-scene small{font-size:9px;line-height:1.5}.portrait .filmstage video{transform-origin:50% 52%}@media(max-width:700px){.filmsticky{gap:14px;padding-top:16px;padding-bottom:16px}.filmcopy h2{font-size:27px}.filmcopy p{margin-top:8px;min-height:0}.filmcopy .eyebrow{margin-bottom:8px}.portrait .filmstage{width:min(100%,calc(43svh * .5625));max-width:280px}.filmcontrols{margin:12px 0}.formatcontrols{margin-top:10px}.portrait .data-scene h3{font-size:17px}.portrait .chart b{font-size:9px}.portrait .chart span{font-size:7px}.portrait .data-scene small{font-size:7px}.portrait .filmsticky{height:auto;min-height:100svh}}

.filmrail{height:440svh}.manual .filmrail{height:auto}@media(max-width:700px){.filmrail{height:330svh}.manual .filmrail{height:auto}}@media(max-height:580px){.filmrail{height:auto}}