.reel{--seg:4s;--loop:calc(var(--seg) * 3);--reel-black:#0b0d10;--reel-white:#fff;--cream:#fff4dc;--tres:#1d6a40;--tres-dk:#0f3d25;--tres-lime:#d8f06a;--fog:#c8d5dd;--espresso:#2b1d16;--marigold:#ffc62b;--saffron:#f4a60d;--maroon:#571630;--ember:#ff6b1f;--char:#1b1716;--copper:#e3995c;--finch:#0f2529;--butter:#ffe3a6;--crust:#4a2812;--berry:#c4306a;aspect-ratio:9/16;isolation:isolate;border-radius:var(--reel-r,22px);background:var(--reel-black);width:100%;color:var(--reel-white);font-family:var(--font-display);text-align:left;position:relative;overflow:hidden;container-type:inline-size}.reel p{line-height:1}.reel .shot{--dl:calc(var(--i) * var(--seg));opacity:0;position:absolute;inset:0;overflow:hidden}.reel .shot.s1{opacity:1}.reel .bg{background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.05)}.reel .bg:after{content:"";background:linear-gradient(#0000006b 0%,#0000 26% 44%,#0009 100%);position:absolute;inset:0}.reel .tx{z-index:2;position:absolute;left:7cqw;right:7cqw}.reel .end{text-align:center;place-content:center;justify-items:center;gap:4cqw;padding:8cqw;display:grid}.reel .hud{z-index:5;top:var(--hud-top,5cqw);grid-template-columns:minmax(0,1fr);gap:3cqw;display:grid;position:absolute;left:5.5cqw;right:5.5cqw}.reel .bars{gap:1.3cqw;display:flex}.reel .bars i{background:#ffffff57;border-radius:9px;flex:1;height:max(2px,.9cqw);position:relative;overflow:hidden}.reel .bars i:after{content:"";background:var(--reel-white);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.reel .bars i:first-child:after{transform:scaleX(1)}.reel .who{font:600 max(9px, 3.7cqw) / 1 var(--font-body);align-items:center;gap:2.4cqw;display:flex}.reel .who .mk{width:8.4cqw;height:8.4cqw;font:800 3.5cqw / 1 var(--font-display);background:var(--mk,var(--reel-white));color:var(--mk-ink,var(--reel-black));border-radius:50%;flex:none;place-items:center;display:grid}.reel .who .nm{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 6px #00000080;min-width:0;overflow:hidden}.reel .who .tag{font:600 max(8px, 2.9cqw) / 1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;background:#00000080;border-radius:99px;flex:none;margin-left:auto;padding:1.3cqw 2.2cqw;box-shadow:inset 0 0 0 1px #ffffff73}.reel.r-tres{--mk:var(--tres-lime);--mk-ink:var(--tres-dk)}.reel.r-tres .tx{top:45%}.reel.r-tres .tx.hi{top:24%}.reel.r-tres .big{font:800 17cqw / .86 var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--cream);text-shadow:0 .6cqw 4cqw #00000080;font-stretch:75%}.reel.r-tres .hl{--rot:-3deg;background:var(--tres-lime);color:var(--tres-dk);font:700 6.6cqw / 1 var(--font-display);transform:rotate(var(--rot));transform-origin:0;margin-top:3cqw;padding:1.8cqw 3.2cqw 2.2cqw;display:inline-block}.reel.r-tres .end{background:var(--tres)}.reel.r-tres .logo{font:800 19cqw / .84 var(--font-display);text-transform:uppercase;color:var(--cream);font-stretch:75%}.reel.r-tres .sub{font:600 3.9cqw / 1.45 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--tres-lime)}.reel.r-tres .pill{background:var(--cream);color:var(--tres-dk);font:700 5cqw / 1 var(--font-display);border-radius:99px;margin-top:3cqw;padding:2.6cqw 5cqw}.reel.r-tres .panel{z-index:2;background:var(--cream);padding:6cqw 7cqw 10cqw;position:absolute;bottom:0;left:0;right:0}.reel.r-tres .panel .big{color:var(--tres);text-shadow:none;font-size:19cqw}.reel.r-tres .panel .lab{font:600 3.4cqw / 1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--tres-dk);margin-bottom:3cqw}.reel.r-tres .burst{--rot:8deg;z-index:2;background:var(--tres-lime);width:58cqw;height:58cqw;color:var(--tres-dk);transform:rotate(var(--rot));border-radius:50%;place-content:center;justify-items:center;gap:1.5cqw;margin:-29cqw 0 0 -29cqw;display:grid;position:absolute;top:50%;left:50%}.reel.r-tres .burst b{font:800 22cqw / .8 var(--font-display);letter-spacing:-.02em;font-stretch:75%}.reel.r-tres .burst span{font:700 6cqw / 1 var(--font-display)}.reel.r-tres .burst small{font:600 3.2cqw / 1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1cqw}.reel.r-tres .endline{font:700 6.4cqw / 1.1 var(--font-display);color:var(--cream);max-width:11em}.reel.r-fog{--mk:var(--fog);--mk-ink:var(--espresso);--seg:4.5s}.reel.r-fog .tx{bottom:19%}.reel.r-fog .ser{font:400 19cqw / .88 var(--font-serif);letter-spacing:-.02em;text-shadow:0 .4cqw 5cqw #00000073}.reel.r-fog .ser i{font-style:italic}.reel.r-fog .rule{background:var(--reel-white);transform-origin:0;height:1px;margin-block:4cqw 3.4cqw}.reel.r-fog .cap{font:500 3.9cqw / 1.3 var(--font-body);letter-spacing:.1em;text-transform:uppercase}.reel.r-fog .end{background:var(--espresso);color:var(--fog);gap:3cqw}.reel.r-fog .end .ser{text-shadow:none;font-size:21cqw}.reel.r-fog .end .cap{color:var(--reel-white)}.reel.r-fog .dim{filter:blur(1.6cqw)brightness(.5)saturate(.9);transform:scale(1.14)}.reel.r-fog .q{z-index:2;position:absolute;top:27%;left:8cqw;right:8cqw}.reel.r-fog .q .mark{font:400 40cqw / .6 var(--font-serif);color:var(--fog);height:15cqw}.reel.r-fog .q .ser{font-size:14.5cqw;line-height:.98}.reel.r-fog .q .by{font:500 3.6cqw / 1.35 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--fog);margin-top:6cqw}.reel.r-noodle{--mk:var(--marigold);--mk-ink:var(--reel-black);--seg:3.4s}.reel.r-noodle .word1{--rot:-7deg;z-index:2;text-align:center;font:800 36cqw / .8 var(--font-display);text-transform:uppercase;letter-spacing:-.03em;color:var(--marigold);transform:rotate(var(--rot));text-shadow:0 1cqw 6cqw #0000008c;font-stretch:75%;position:absolute;top:47%;left:0;right:0}.reel.r-noodle .word1.alt{--rot:5deg;font-size:30cqw;top:30%}.reel.r-noodle .band{--rot:-4deg;z-index:2;background:var(--marigold);color:var(--reel-black);text-align:center;transform:rotate(var(--rot));padding:5cqw 4cqw 6cqw;position:absolute;top:40%;left:-4cqw;right:-4cqw}.reel.r-noodle .band b{font:800 16.5cqw / .84 var(--font-display);text-transform:uppercase;font-stretch:75%;display:block}.reel.r-noodle .band span{font:600 4cqw / 1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;margin-top:2.4cqw;display:block}.reel.r-saffron{--mk:var(--saffron);--mk-ink:var(--maroon);--seg:4.3s}.reel.r-saffron .tx{bottom:9%}.reel.r-saffron .chip{background:var(--saffron);color:var(--maroon);font:700 3.5cqw / 1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;padding:1.6cqw 3cqw;display:inline-block}.reel.r-saffron .ser{font:400 15.5cqw / .92 var(--font-serif);letter-spacing:-.015em;text-shadow:0 .4cqw 5cqw #00000080;margin-top:3.4cqw}.reel.r-saffron .note{font:500 4.5cqw / 1.25 var(--font-body);margin-top:3cqw}.reel.r-saffron .end{background:var(--maroon);color:var(--saffron);gap:3.4cqw}.reel.r-saffron .end .ser{text-shadow:none;margin:0;font-size:19cqw}.reel.r-saffron .end .ser i{font-style:italic}.reel.r-saffron .end .note{color:var(--cream);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:3.8cqw}.reel.r-ember{--mk:var(--ember);--mk-ink:var(--char);--seg:3.8s}.reel.r-ember .tx{top:20%}.reel.r-ember .tx.lo{top:auto;bottom:14%}.reel.r-ember .lc{font:800 16.5cqw / .9 var(--font-display);letter-spacing:-.045em;text-shadow:0 .5cqw 4cqw #00000080}.reel.r-ember .bar{background:var(--ember);transform-origin:0;width:34cqw;height:2.2cqw;margin-top:4cqw}.reel.r-ember .end{background:var(--char);gap:5cqw}.reel.r-ember .roundel{border:2.2cqw solid var(--ember);width:46cqw;height:46cqw;font:800 9.5cqw / .9 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--cream);border-radius:50%;place-content:center;font-stretch:75%;display:grid}.reel.r-ember .end .cap{font:600 4cqw / 1 var(--font-body);letter-spacing:.13em;text-transform:uppercase;color:var(--ember)}.reel.r-finch{--mk:var(--copper);--mk-ink:var(--finch);--seg:4.4s}.reel.r-finch .bg:after{background:linear-gradient(#00000073 0%,#0000 24%,#00000014 46%,#061214d6 100%)}.reel.r-finch .tx{text-align:center;justify-items:center;gap:3.2cqw;display:grid;bottom:9%}.reel.r-finch .over{font:600 3.3cqw / 1 var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:var(--copper);padding-left:.3em}.reel.r-finch .caps{font:400 11cqw / 1.04 var(--font-display);letter-spacing:.13em;text-transform:uppercase;padding-left:.13em}.reel.r-finch .hair{background:var(--copper);transform-origin:50%;width:16cqw;height:max(1px,.45cqw)}.reel.r-finch .it{font:italic 400 6.2cqw / 1.1 var(--font-serif)}.reel.r-finch .end{background:var(--finch);color:var(--copper);gap:3.4cqw}.reel.r-finch .end .it{color:var(--reel-white);font-size:7cqw}.reel.r-finch .end .caps{font-size:12.5cqw}.reel.r-oven{--mk:var(--butter);--mk-ink:var(--crust);--seg:4.1s}.reel.r-oven .stk{--rot:-6deg;z-index:2;background:var(--berry);color:var(--reel-white);font:700 4.3cqw / 1 var(--font-body);transform:rotate(var(--rot));border-radius:99px;padding:2.2cqw 4cqw 2.6cqw;position:absolute;top:23%;right:6cqw}.reel.r-oven .tx{bottom:8%}.reel.r-oven .loaf{font:800 19cqw / .84 var(--font-display);letter-spacing:-.045em;color:var(--butter);text-shadow:0 .5cqw 5cqw #0000008c}.reel.r-oven .when{font:600 3.7cqw / 1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;margin-top:3.4cqw}.reel.r-oven .end{background:var(--butter);color:var(--crust);gap:4cqw}.reel.r-oven .end .loaf{color:var(--crust);text-shadow:none;font-size:21cqw}.reel.r-oven .end .when{color:var(--berry);margin:0}@media (prefers-reduced-motion:no-preference){.reel .shot{animation:reel-shot var(--loop) linear var(--dl) infinite}.reel .shot .bg{animation:reel-kb-in var(--loop) linear var(--dl) infinite}.reel .shot .bg.out{animation-name:reel-kb-out}.reel .shot .bg.up{animation-name:reel-kb-up}.reel .shot .bg.left{animation-name:reel-kb-left}.reel .shot .bg.dim{animation-name:reel-kb-dim}.reel .b1,.reel .b2,.reel .b3,.reel .pop,.reel .wipe,.reel .rise{animation:reel-beat1 var(--loop) cubic-bezier(.2, .8, .2, 1) var(--dl) infinite}.reel .b2{animation-name:reel-beat2}.reel .b3{animation-name:reel-beat3}.reel .pop{animation-name:reel-pop}.reel .wipe{animation-name:reel-wipe}.reel .rise{animation-name:reel-rise}.reel .bars i:after{animation:reel-bar1 var(--loop) linear infinite}.reel .bars i:nth-child(2):after{animation-name:reel-bar2}.reel .bars i:nth-child(3):after{animation-name:reel-bar3}}@keyframes reel-shot{0%{opacity:0}2.5%{opacity:1}33.33%{opacity:1}36.5%{opacity:0}to{opacity:0}}@keyframes reel-kb-in{0%{transform:scale(1.03)}37%,to{transform:scale(1.17)}}@keyframes reel-kb-out{0%{transform:scale(1.19)}37%,to{transform:scale(1.04)}}@keyframes reel-kb-up{0%{transform:scale(1.16)translateY(3%)}37%,to{transform:scale(1.16)translateY(-3%)}}@keyframes reel-kb-left{0%{transform:scale(1.16)translate(3%)}37%,to{transform:scale(1.16)translate(-3%)}}@keyframes reel-kb-dim{0%{transform:scale(1.14)}37%,to{transform:scale(1.26)}}@keyframes reel-beat1{0%,2%{opacity:0;transform:translateY(.5em)}7%,to{opacity:1;transform:none}}@keyframes reel-beat2{0%,8%{opacity:0;transform:translateY(.5em)}13%,to{opacity:1;transform:none}}@keyframes reel-beat3{0%,14%{opacity:0;transform:translateY(.5em)}19%,to{opacity:1;transform:none}}@keyframes reel-pop{0%,7%{opacity:0;transform:rotate(var(--rot,0deg)) scale(.5)}11%{opacity:1;transform:rotate(var(--rot,0deg)) scale(1.09)}13.5%,to{opacity:1;transform:rotate(var(--rot,0deg)) scale(1)}}@keyframes reel-wipe{0%,9%{transform:scaleX(0)}15%,to{transform:scaleX(1)}}@keyframes reel-rise{0%,3%{transform:translateY(101%)}9%,to{transform:none}}@keyframes reel-bar1{0%{transform:scaleX(0)}33.33%,to{transform:scaleX(1)}}@keyframes reel-bar2{0%,33.33%{transform:scaleX(0)}66.66%,to{transform:scaleX(1)}}@keyframes reel-bar3{0%,66.66%{transform:scaleX(0)}to{transform:scaleX(1)}}.phone{--bezel:#101b2c;--bezel-line:#2a3850;width:var(--w);max-width:100%;padding:calc(var(--w) * .035);border-radius:calc(var(--w) * .17);background:var(--bezel);box-shadow:inset 0 0 0 1.5px var(--bezel-line), 0 calc(var(--w) * .1) calc(var(--w) * .2) calc(var(--w) * -.08) #101b2c57;position:relative}.phone:after{content:"";top:calc(var(--w) * .058);width:calc(var(--w) * .26);height:calc(var(--w) * .072);margin-left:calc(var(--w) * -.13);background:var(--bezel);z-index:6;border-radius:99px;position:absolute;left:50%}.phone .reel{--reel-r:calc(var(--w) * .137);--hud-top:12.5cqw}.phone .reel-video{aspect-ratio:9/16;object-fit:cover;border-radius:calc(var(--w) * .137);background:#0b0d10;width:100%;display:block}.reel-stage{--pw:clamp(184px, 25vw, 304px);height:calc(var(--pw) * 1.57);border-radius:0 0 var(--stage-r) var(--stage-r);--stage-r:clamp(20px, 2.4vw, 32px);position:relative;overflow:hidden}.reel-stage .field{inset:calc(var(--pw) * .27) 0 0;border-radius:var(--stage-r);background:var(--color-brand);position:absolute}.reel-stage .phone{position:absolute;top:0;left:50%}.reel-stage .phone.is-center{--w:var(--pw);margin-left:calc(var(--pw) / -2);z-index:2}.reel-stage .phone.is-left{--w:calc(var(--pw) * .82);margin-left:calc(var(--pw) * -1.29);top:calc(var(--pw) * .25);transform:rotate(-7deg)}.reel-stage .phone.is-right{--w:calc(var(--pw) * .82);margin-left:calc(var(--pw) * .47);top:calc(var(--pw) * .25);transform:rotate(7deg)}.film-strip{background:var(--color-strip);color:#fff;padding-block:46px 40px;position:relative}.film-strip:before,.film-strip:after{content:"";background:linear-gradient(90deg, transparent 17px, var(--color-bg) 17px 35px, transparent 35px) 0 0 / 52px 14px repeat-x;opacity:.9;height:14px;position:absolute;left:0;right:0}.film-strip:before{top:14px}.film-strip:after{bottom:14px}.film-strip .rail{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--color-strip-line) transparent;grid-auto-columns:minmax(clamp(208px,60vw,236px),1fr);grid-auto-flow:column;gap:clamp(16px,2vw,26px);max-width:80rem;margin-inline:auto;padding:22px clamp(16px,4vw,40px) 26px;scroll-padding-inline:clamp(16px,4vw,40px);display:grid;overflow-x:auto}.film-strip .rail:focus-visible{outline:3px solid var(--color-strip-accent);outline-offset:-3px}.film-strip .frame{scroll-snap-align:start;align-content:start;gap:14px;min-width:0;display:grid}.film-strip .frame .reel{box-shadow:0 0 0 1px var(--color-strip-line), 0 26px 54px -22px #dc331761}@media (min-width:1100px){.film-strip .rail{grid-auto-columns:minmax(0,1fr)}}
