/* Each chapter owns the entire viewport, including navigation. */
body:has(#scroll-film) .nav{position:fixed;left:0;right:0;top:0;transition:background .5s,color .5s,border-color .5s;backdrop-filter:blur(14px)}body:has(#scroll-film) .play-hero{padding-top:105px}body[data-film] .nav{background:transparent;border-color:#20152b18}body[data-film="0"] .nav{background:#eee8ffdd}body[data-film="1"] .nav{background:#d8f768dd}body[data-film="2"] .nav{background:#141219dd;color:#fff;border-color:#ffffff20}body[data-film="3"] .nav{background:#aa80f2dd}body[data-film="4"] .nav{background:#ff9e69dd}body[data-film="5"] .nav{background:#16121fdd;color:#fff}body[data-film="2"] .nav-links a,body[data-film="5"] .nav-links a{color:#eee}body[data-film="2"] .nav .button.dark,body[data-film="5"] .nav .button.dark{background:#d8f768;color:#19151f}.scroll-film{height:800svh}.film-sticky{top:0;height:100svh;min-height:660px;background:#eee8ff!important;perspective:1800px}.film-top{inset:101px 4% auto;z-index:20}.film-scene{inset:0;padding:145px 5% 125px;transform-origin:50% 60%;overflow:hidden;grid-template-columns:44% 56%;background:#eee8ff}.film-scene.scene-1{background:#d8f768}.film-scene.scene-2{background:#141219;color:#fff}.film-scene.scene-3{background:#aa80f2}.film-scene.scene-4{background:#ff9e69}.film-scene.scene-5{background:#16121f;color:#fff}.film-sticky[data-chapter="2"],.film-sticky[data-chapter="5"]{color:#fff}.film-top,.chapter-nav,.film-hint{transition:color .35s}.chapter-nav{z-index:20;bottom:25px}.film-hint{z-index:20;bottom:87px}.scene-watermark{position:absolute;top:9%;left:-3%;font:800 clamp(140px,25vw,430px)/1 Manrope;letter-spacing:-.09em;opacity:.065;pointer-events:none;transform:translateX(calc(var(--q,0) * -140px));white-space:nowrap}.scene-copy{align-self:center;transform:translateY(calc((.4 - var(--q,0)) * 35px));transition:none}.scene-copy h2{font-size:clamp(43px,5.2vw,83px);line-height:.98;letter-spacing:-.07em;transform:translateX(calc((1 - var(--enter,1)) * -80px));}.scene-copy>p{max-width:420px}.scene-caption{max-width:370px}.scene-ticker{position:absolute;left:-10%;right:-10%;bottom:108px;white-space:nowrap;font:700 12px Manrope;letter-spacing:1.5px;opacity:.2;transform:translateX(calc(var(--q,0) * -250px)) rotate(-2deg);pointer-events:none}.scene-visual{min-height:320px}.story-art{will-change:transform;filter:drop-shadow(0 25px 18px #20102520)}.scene-0 .bill-a{transform:translate(calc(var(--q,0) * -75px),calc(var(--q,0) * -65px)) rotate(calc(-12deg - var(--q,0) * 20deg))}.scene-0 .bill-b{transform:translate(calc(var(--q,0) * 85px),calc(var(--q,0) * -25px)) rotate(calc(8deg + var(--q,0) * 18deg))}.scene-0 .bill-c{transform:translate(calc(var(--q,0) * 20px),calc(var(--q,0) * 65px)) rotate(calc(-8deg + var(--q,0) * 13deg))}.bill-verdict{transform:rotate(calc(8deg + var(--q,0) * 22deg)) scale(calc(.9 + var(--q,0) * .22))}.scene-1 .cartridge{width:110%;transform:translate(calc((.45 - var(--q,0)) * 100px),calc((var(--q,0) - .4) * 45px)) rotate(calc(-17deg + var(--q,0) * 34deg)) scale(calc(.85 + var(--q,0) * .3))}.scene-1 .spec-a{transform:translate(calc(var(--q,0) * -55px),calc(var(--q,0) * -30px)) rotate(calc(-8deg - var(--q,0) * 12deg))}.scene-1 .spec-b{transform:translateY(calc(var(--q,0) * 80px)) rotate(calc(8deg + var(--q,0) * 10deg))}.scene-1 .spec-c{transform:translateX(calc((var(--q,0) - .4) * 120px)) rotate(-4deg)}.scene-2{grid-template-columns:38% 62%}.scene-2 .scene-copy h2{font-size:clamp(45px,5vw,76px)}.scene-2 .usage-console{transform:rotateY(calc((.5 - var(--q,0)) * 24deg)) rotate(calc(-7deg + var(--q,0) * 12deg)) scale(calc(.88 + var(--q,0) * .18))}.scene-2 .request-receipt{transform:translateX(calc((.5 - var(--q,0)) * 100px)) rotate(calc(12deg - var(--q,0) * 15deg))}.scene-2 .request-route{top:0}.scene-3{grid-template-columns:55% 45%}.scene-3 .scene-copy{grid-column:2;grid-row:1;padding-left:25px}.scene-3 .scene-visual{grid-column:1;grid-row:1}.scene-3 .brain{transform:rotate(calc(-25deg + var(--q,0) * 55deg)) scale(calc(.8 + var(--q,0) * .35))}.scene-3 .idea-bubble{left:0;top:0;transform:translateY(calc(var(--q,0) * -30px)) rotate(-7deg)}.scene-3 .ingredient-a{right:3%;transform:translate(calc(var(--q,0) * 35px),calc(var(--q,0) * 50px)) rotate(8deg)}.scene-3 .ingredient-b{transform:translateX(calc(var(--q,0) * 60px)) rotate(-10deg)}.scene-3 .ingredient-c{right:4%;transform:translateY(calc(var(--q,0) * -45px)) rotate(6deg)}.scene-4{grid-template-columns:48% 52%}.scene-4 .scene-copy h2{font-size:clamp(43px,5vw,76px)}.scene-4 .recycle{transform:rotate(calc(-40deg + var(--q,0) * 110deg)) scale(calc(.88 + var(--q,0) * .22))}.scene-4 .resale-ticket{transform:translate(calc(var(--q,0) * -55px),calc(var(--q,0) * 60px)) rotate(calc(-18deg + var(--q,0) * 25deg))}.scene-4 .sale-receipt{transform:translateY(calc((.5 - var(--q,0)) * 130px)) rotate(calc(12deg - var(--q,0) * 20deg))}.scene-5{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding-top:130px}.scene-5 .scene-copy{max-width:none;width:100%;display:grid;grid-template-columns:60% 40%;align-items:center;gap:0 30px}.scene-5 .chapter-kicker{grid-column:1/-1;margin-bottom:10px}.scene-5 h2{font-size:clamp(38px,4.6vw,67px);grid-column:1;grid-row:2/4;margin:0}.scene-5 h2 em{color:#d8f768}.scene-5 .scene-copy>p{grid-column:2;font-size:15px}.scene-5 .scene-caption{grid-column:2;margin-top:10px;font-size:11px}.scene-5 .scene-visual{min-height:0;margin-top:18px}.scene-5 .rabbit-options{max-width:1000px;gap:25px;transform:translateX(calc((.45 - var(--q,0)) * 150px))}.scene-5 .rabbit-options button{min-height:210px;padding:22px;display:grid;grid-template-columns:1fr auto;gap:8px}.scene-5 .rabbit-options button>span{grid-column:1/-1}.scene-5 .rabbit-options svg{grid-column:2;grid-row:2;margin:0;width:44px;height:44px}.scene-5 .rabbit-options strong{grid-column:1;grid-row:2;font-size:27px}.scene-5 .rabbit-options small{grid-column:1/-1;margin:5px 0 0}.scene-5 .rabbit-options button:nth-child(1){transform:rotate(calc(-8deg + var(--q,0) * 11deg))}.scene-5 .rabbit-options button:nth-child(2){transform:translateY(calc(25px - var(--q,0) * 50px)) rotate(2deg)}.scene-5 .rabbit-options button:nth-child(3){transform:rotate(calc(10deg - var(--q,0) * 12deg))}.story-end{background:#d8f768}.film-static .film-scene{transform:none!important;padding:90px 5%}.film-static .scene-5 .scene-copy{display:block}.film-static .scene-watermark{display:none}.film-static .scene-visual{margin-top:30px}.film-static .scene-ticker{display:none}.film-static .scene-3 .scene-copy{grid-column:2}.film-static .film-sticky{min-height:0}
@media(max-width:1000px) and (min-width:761px){.scene-copy h2{font-size:46px}.scene-copy>p{font-size:15px}.scene-3 .scene-copy{padding-left:20px}.scene-3 .scene-copy h2{font-size:44px}.scene-5 .rabbit-options button{padding:15px}.scene-5 .rabbit-options strong{font-size:22px}.scene-5 .rabbit-options svg{width:30px;height:30px}.scene-5 .scene-copy{grid-template-columns:55% 45%}.scene-5 h2{font-size:40px}}
@media(max-width:760px){body:has(#scroll-film) .play-hero{padding-top:95px}.film-sticky{top:0;height:100svh;min-height:730px}.scroll-film{height:760svh}.film-top{top:87px;font-size:9px}.film-scene{inset:0;padding:120px 6% 105px;gap:8px;display:flex;flex-direction:column}.scene-copy{transform:translateY(calc((.4 - var(--q,0)) * 12px))}.scene-copy h2,.scene-2 .scene-copy h2,.scene-4 .scene-copy h2{font-size:clamp(32px,9.5vw,44px);line-height:1;margin-bottom:12px}.scene-copy>p{font-size:14px;max-width:100%}.scene-caption{font-size:10px;margin-top:9px}.scene-copy h2 br:nth-of-type(2){display:initial}.scene-0 .scene-copy h2 br:first-of-type{display:none}.scene-0 .scene-copy h2 br:first-of-type:after{content:' '}.scene-visual{min-height:230px;max-height:340px;flex:1}.film-hint{bottom:75px;font-size:8px}.scene-ticker{bottom:98px;font-size:9px;opacity:.15}.scene-watermark{top:40%;font-size:180px;opacity:.055}.scene-3 .scene-copy{padding-left:0}.scene-3 .scene-visual{min-height:245px}.scene-3 .brain{width:90%}.scene-3 .idea-bubble{font-size:12px}.scene-3 .ingredient-a{right:0}.scene-5{padding-top:120px}.scene-5 .scene-copy{display:block}.scene-5 h2{font-size:36px;margin:0 0 12px}.scene-5 .scene-copy>p{font-size:14px}.scene-5 .scene-caption{font-size:10px}.scene-5 .scene-visual{margin-top:15px;min-height:235px}.scene-5 .rabbit-options{gap:9px;width:100%}.scene-5 .rabbit-options button{min-height:195px;padding:13px 10px;display:flex;gap:0}.scene-5 .rabbit-options svg{width:25px;height:25px;margin:22px 0 12px}.scene-5 .rabbit-options strong{font-size:16px}.scene-5 .rabbit-options small{font-size:9px;margin-top:15px}.scene-5 .rabbit-options button>span{font-size:7px}.scene-1 .cartridge{width:95%}.film-static .film-scene{padding:100px 6% 60px}.film-static .scene-5 .scene-visual{min-height:260px}}
@media(max-height:740px) and (min-width:761px){.film-scene{padding:130px 5% 110px}.scene-copy h2,.scene-2 .scene-copy h2,.scene-4 .scene-copy h2{font-size:45px}.scene-copy>p{font-size:14px}.scene-caption{margin-top:12px}.scene-5{padding-top:120px}.scene-5 .scene-copy h2{font-size:40px}.scene-5 .rabbit-options button{min-height:170px}.scene-5 .rabbit-options strong{font-size:23px}.scene-5 .scene-copy>p{font-size:13px}}
.film-sticky,.film-scene{overflow:clip}
body[data-film] .nav-toggle{color:#21182d}body[data-film] .nav-links.open{background:#fff;color:#21182d}body[data-film] .nav-links.open a{color:#21182d}