.box-scene{--caught:0;--items:0}.box-ring{--on:clamp(0, var(--caught) - var(--k) + 1, 1);opacity:var(--on);scale:calc(.84 + .16 * var(--on));transform-origin:270px 198px;transition:scale .9s var(--ease-play), opacity .24s var(--ease-state)}.box-item{--on:clamp(0, var(--items) - var(--k) + 1, 1);opacity:var(--on);translate:0 calc((1 - var(--on)) * 14px);transition:translate .42s var(--ease-play), opacity .16s var(--ease-state)}.box-scene [data-part=biscuit-up]{transition:rotate .56s var(--ease-play)}.box-scene[data-sitting] [data-part=biscuit-up]{rotate:-28deg}.box-scene [data-part=biscuit-perk]{transition:rotate .36s var(--ease-play)}.box-scene[data-ears] [data-part=biscuit-perk]{rotate:112deg}@media (prefers-reduced-motion:reduce){.box-scene{--caught:4!important;--items:5!important}.box-scene [data-part=biscuit-up]{rotate:-28deg}}
.fill-it{--fi-nav:calc(env(safe-area-inset-top,0px) + var(--spacing) * 16);--fi-art:min(max(28svh, 10.5rem), 66vw);--fi-says:calc(var(--spacing) * 15)}@media (min-width:48rem){.fill-it{--fi-nav:calc(env(safe-area-inset-top,0px) + var(--spacing) * 18)}}@media (orientation:landscape),(min-width:64rem){.fill-it{--fi-gap:calc(var(--spacing) * 6);--fi-h:min(100svh - var(--fi-nav) - 2 * var(--fi-gap), 45rem);--fi-top:calc(var(--fi-nav) + (100svh - var(--fi-nav) - var(--fi-h)) / 2)}}@media (orientation:landscape) and (not (min-height:600px)){.fill-it{--fi-gap:calc(var(--spacing) * 3)}}.fill-board{aspect-ratio:400/280;height:min(100cqh,70cqw);position:absolute;bottom:0;left:50%;translate:-50%}@container fill not (min-aspect-ratio:1.15){.fill-board{width:min(89cqw,113cqh);height:auto;top:50%;bottom:auto;left:60%;translate:-67.5% -70.7%}}
.hero-final-frame{--nav:calc(var(--spacing) * 16);--gap:calc(var(--spacing) * 2);--top:calc(var(--nav) + var(--gap));--s:1;--n:1;--dx:0px;--dy:0px;translate:var(--dx) var(--dy)}@media (min-width:48rem){.hero-final-frame{--nav:calc(var(--spacing) * 18)}}@media (orientation:landscape){.hero-final-frame{--art-h:max(100lvh, 56.25cqw);--art-w:max(100cqw, 177.78lvh);--ring:calc(var(--art-h) * .4111);--bottom:calc(100cqh - var(--gap));--s:min(1, tan(atan2(min(50lvh - var(--top), var(--bottom) - 50lvh), var(--ring))));--stroke:calc(1px * tan(atan2(1575px, var(--art-h))) / var(--s))}}@container screen not (min-height:600px){@media (orientation:landscape){.hero-final-frame{--inset:max(0px, (100cqw - var(--spacing) * 300) / 2);--left:calc(var(--inset) + var(--spacing) * (5 + 76 + 4));--right:calc(100cqw - var(--inset) - var(--spacing) * 5);--half-w:calc((var(--right) - var(--left)) / 2);--half-h:calc((var(--bottom) - var(--top)) / 2);--s:min(1, tan(atan2(var(--half-w), var(--ring))), tan(atan2(var(--half-h), var(--ring))));--note:9.5rem;--note-fit:tan(atan2(var(--half-w), (var(--note) + var(--art-w) * .019) * var(--s)));--n:calc(min(1, var(--note-fit), tan(atan2(var(--ring) * .85, var(--note)))) * clamp(0, (var(--note-fit) * var(--s) - .5) * 100, 1));--dx:calc(var(--left) + var(--half-w) - 50cqw - var(--art-w) * .18);--dy:calc(var(--top) + var(--half-h) - 50lvh)}@media (min-width:48rem){.hero-final-frame{--left:calc(var(--inset) + var(--spacing) * (6 + 80 + 4));--note:12.5rem}}}}@media (orientation:portrait){.hero-final-frame{--art-h:100cqh;--ring:calc(var(--art-h) * .28125);--rings-end:calc(var(--art-h) * .209);--note-end:calc(var(--art-h) * .035 + 9.75rem);--bottom:calc(100cqh - var(--copy-h,18rem) - var(--gap));--room:calc(var(--bottom) - var(--top));--s-note:tan(atan2(var(--room), var(--ring) + max(var(--rings-end), var(--note-end))));--s-bare:tan(atan2(var(--room), var(--ring) + var(--rings-end)));--show:clamp(0, (var(--s-note) - .5) * 100, 1);--s:clamp(.3, var(--s-note) * var(--show) + var(--s-bare) * (1 - var(--show)), 1);--n:calc(min(1, tan(atan2(100cqw - 2.5rem, 19rem * var(--s)))) * var(--show));--below:max(var(--rings-end), var(--note-end) * var(--show));--dy:clamp(var(--top) + var(--ring) * var(--s) - 36cqh, 0px, var(--bottom) - var(--below) * var(--s) - 36cqh);--stroke:calc(1px * tan(atan2(2800px, var(--art-h))) / var(--s))}@media (min-width:48rem){.hero-final-frame{--note-end:calc(var(--art-h) * .055 + 7.75rem)}}}.hero-cloud{stroke:none;fill:var(--lightningcss-light,var(--ab-paper))var(--lightningcss-dark,color-mix(in srgb, var(--ab-keepsake) 30%, var(--ab-blush)))}
.kitchen-table{--kt-nav:calc(env(safe-area-inset-top,0px) + var(--spacing) * 16);--kt-h:max(32svh, 10.5rem);--kt-top:var(--kt-nav)}@media (min-width:48rem){.kitchen-table{--kt-nav:calc(env(safe-area-inset-top,0px) + var(--spacing) * 18)}}@media (orientation:landscape),(min-width:64rem){.kitchen-table{--kt-gap:calc(var(--spacing) * 6);--kt-h:min(100svh - var(--kt-nav) - 2 * var(--kt-gap), 45rem);--kt-top:calc(var(--kt-nav) + (100svh - var(--kt-nav) - var(--kt-h)) / 2)}}@media (orientation:landscape) and (not (min-height:600px)){.kitchen-table{--kt-gap:calc(var(--spacing) * 3)}}.kitchen-night{--night-wall:var(--lightningcss-light,var(--ab-keepsake))var(--lightningcss-dark,color-mix(in srgb, var(--ab-keepsake) 20%, var(--ab-linen)));--night-floor:var(--lightningcss-light,color-mix(in srgb, var(--ab-keepsake) 72%, var(--ab-ink)))var(--lightningcss-dark,color-mix(in srgb, var(--ab-keepsake) 11%, var(--ab-linen)));--night-light:var(--lightningcss-light,var(--ab-linen))var(--lightningcss-dark,var(--ab-ink));background:var(--night-wall)}.night-floor{fill:var(--night-floor)}.night-shade{fill:color-mix(in srgb, var(--night-light) 11%, var(--night-wall))}.night-table{fill:color-mix(in srgb, var(--night-light) 24%, var(--night-wall))}.night-soft{fill:color-mix(in srgb, var(--night-light) 46%, var(--night-wall))}.night-pale{fill:color-mix(in srgb, var(--night-light) 70%, var(--night-wall))}.night-box{fill:color-mix(in srgb, var(--night-light) 86%, var(--night-wall))}.night-light{fill:var(--night-light)}.night-beam{fill:var(--night-light);opacity:.08}.night-sheet{fill:var(--night-light);stroke:var(--night-wall);stroke-width:2px}.night-rule{fill:none;stroke:color-mix(in srgb, var(--night-wall) 30%, var(--night-light));stroke-width:2.5px;stroke-linecap:round}.night-line{fill:none;stroke:color-mix(in srgb, var(--night-light) 30%, var(--night-wall));stroke-linecap:round}.night-mark{fill:none;stroke:var(--night-wall);stroke-width:2.5px;stroke-linecap:round}.night-board[data-board=portrait]{display:none}@container night not (min-aspect-ratio:1){.night-board[data-board=landscape]{display:none}.night-board[data-board=portrait]{display:block}}@keyframes kt-caret{0%,55%{opacity:1}56%,to{opacity:0}}.kt-caret{animation:1.1s linear infinite kt-caret}
.say-it{--si-box:min(max(34svh, 12rem), 70vw)}@media (orientation:landscape),(min-width:64rem){.say-it{--si-box:min(max(46svh, 12rem), 24rem)}}.say-letter{--ink:0}.say-word{opacity:clamp(0, var(--ink) - var(--i), 1)}.say-wave{--rec:0}.say-wave [data-part=wave],.say-bar{transform-box:fill-box;transform-origin:50%}.say-bar{scale:1 calc(.07 + (var(--h) - .07) * clamp(0, var(--rec) - var(--i), 1))}.say-film{--take:0}.say-take{scale:var(--take) 1;transform-origin:0}@media (prefers-reduced-motion:reduce){.say-letter{--ink:999!important}.say-wave{--rec:999!important}.say-film{--take:1!important}}.say-board{aspect-ratio:400/280;height:100%;position:absolute;bottom:0;left:50%;translate:-52%}