.film-frame{border-radius:var(--film-frame-radius);color:#b83d00;opacity:1;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.film-frame__content{z-index:1;inset:var(--film-content-inset-block) var(--film-content-inset-inline);border-radius:var(--film-content-radius);outline-offset:-1px;background:#140b08;outline:1px solid #000;min-width:0;min-height:0;position:absolute;overflow:hidden}.film-frame[data-fit-content=true]{height:auto}.film-frame[data-match-viewport-aspect=true]{height:auto;aspect-ratio:var(--film-frame-viewport-aspect-ratio,var(--film-frame-fixed-aspect-ratio))}.film-frame[data-fit-content=true][data-orientation=vertical][data-perforation-count]{aspect-ratio:var(--film-frame-fixed-aspect-ratio)}.film-frame[data-fit-content=true][data-perforation-count][data-match-viewport-aspect=true]{aspect-ratio:var(--film-frame-viewport-aspect-ratio,var(--film-frame-fixed-aspect-ratio))}.film-frame[data-fit-content=true] .film-frame__content{margin:var(--film-content-inset-block) var(--film-content-inset-inline);position:relative;inset:auto}.film-frame[data-fit-content=true][data-orientation=vertical][data-perforation-count] .film-frame__content{inset:var(--film-content-inset-block) var(--film-content-inset-inline);place-items:center;margin:0;display:grid;position:absolute}.film-frame__geometry{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.film-frame__geometry>path{shape-rendering:crispedges}.rectangle-test{--rectangle-plane-width:20vw;--rectangle-b-width:92vw;--rectangle-a-scale:1;--rectangle-a-opacity:1;--rectangle-b-fade-opacity:0;--rectangle-b-angle:44.264deg;--rectangle-b-depth-scale:3.5707;overscroll-behavior:none;touch-action:none;background:#000;position:fixed;inset:0;overflow:hidden}.rectangle-test--embedded{overscroll-behavior:auto;touch-action:auto;position:absolute}.rectangle-test__sequence{z-index:auto;position:absolute;inset:0}.rectangle-test__background-marquee{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.rectangle-test__background-marquee-stack{width:100%;transform:translate3d(0, var(--rectangle-marquee-y,0px), 0)}.rectangle-test__background-marquee-panel{width:100%;height:var(--rectangle-viewport-height,100vh);grid-template-rows:repeat(8,minmax(0,1fr));align-items:center;display:grid}.rectangle-test__background-marquee-panel[data-hidden=true]{visibility:hidden}.rectangle-test__background-marquee-track{will-change:transform;width:max-content;animation:38s linear infinite rectangle-background-marquee;display:flex;transform:translate(0,0)}.rectangle-test__background-marquee-track[data-direction=reverse]{animation-name:rectangle-background-marquee-reverse;animation-duration:46s}.rectangle-test__background-marquee-group{box-sizing:border-box;flex:none;justify-content:space-around;gap:clamp(2rem,6vw,6rem);min-width:100vw;padding-inline:clamp(1rem,3vw,3rem);display:flex}.rectangle-test__background-marquee-word{color:#666;letter-spacing:-.09em;-webkit-text-stroke:.5px #666;white-space:nowrap;font-size:clamp(1.5rem,3.9vw,3.9rem);font-weight:700;line-height:.72;display:inline-grid;position:relative;overflow:hidden}.rectangle-test__background-marquee-word-copy{grid-area:1/1}.rectangle-test__background-marquee-word-copy[data-state=outgoing]{animation:.56s cubic-bezier(.45,0,.55,1) both rectangle-background-word-out}.rectangle-test__background-marquee-word-copy[data-state=incoming]{animation:.56s cubic-bezier(.45,0,.55,1) both rectangle-background-word-in}@keyframes rectangle-background-word-out{to{transform:translateY(-110%)}}@keyframes rectangle-background-word-in{0%{transform:translateY(110%)}to{transform:translate(0,0)}}@keyframes rectangle-background-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes rectangle-background-marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0,0)}}.rectangle-test__virtual-section{z-index:2;pointer-events:none;position:absolute;inset:0}.rectangle-test__column{position:absolute;overflow:hidden}.rectangle-test__column--vertical{z-index:1;inset:0 0 50%}.rectangle-test__column--perspective{z-index:1;perspective:80vh;perspective-origin:50% 100%;inset:50% 0 0}.rectangle-test__column--perspective .rectangle-test__anchor:after{z-index:1;content:"";opacity:var(--rectangle-b-fade-opacity);pointer-events:none;background:linear-gradient(#000 0%,#0000 32%);position:absolute;inset:0}.rectangle-test__anchor{position:absolute;left:50%}.rectangle-test__column--vertical .rectangle-test__anchor{width:var(--rectangle-plane-width);height:100%;opacity:var(--rectangle-a-opacity);transform:translateX(-50%) scaleX(var(--rectangle-a-scale));transform-origin:50% 0;top:0;overflow:hidden}.rectangle-test__column--perspective .rectangle-test__anchor{width:var(--rectangle-b-width);height:100%;transform:translateX(-50%) rotateX(var(--rectangle-b-angle)) scaleY(var(--rectangle-b-depth-scale));transform-origin:50% 100%;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;overflow:hidden}.rectangle-test__track{width:100%;transform:translate3d(0, var(--rectangle-track-y,0px), 0);grid-auto-rows:20vh;gap:0;display:grid;position:absolute;left:0}.rectangle-test__column--perspective .rectangle-test__track{transform:translate3d(0, calc(-50vh + var(--rectangle-track-y,0px)), 0)}.rectangle-test[data-motion=moving] .rectangle-test__track,.rectangle-test[data-motion=moving] .rectangle-test__background-marquee-stack{will-change:transform}.rectangle-test[data-motion=moving] .rectangle-test__column--vertical .rectangle-test__anchor{will-change:transform, opacity}.rectangle-test[data-motion=moving] .rectangle-test__column--perspective .rectangle-test__anchor:after{will-change:opacity}.rectangle-test__film-frame{color:#4ad181;width:100%;height:20vh}.rectangle-test__film-frame:nth-child(4n+2){color:#37a9ef}.rectangle-test__film-frame:nth-child(4n+3){color:#ea75b6}.rectangle-test__film-frame:nth-child(4n){color:#f7634b}.rectangle-test__film-image{object-fit:cover;filter:grayscale();pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.rectangle-test__background-marquee-track{animation-play-state:paused}.rectangle-test__track{will-change:auto}}