@property --p{syntax:"<number>";inherits:true;initial-value:0}@property --t{syntax:"<number>";inherits:true;initial-value:0}.s-story.paper-scope{--night:#0f1736;--dusk:#3b3a78;--dawn:#f9d7a4;overflow:hidden;position:relative}.s-panel{padding:2.5rem 0;position:relative}.s-panel-1{background:var(--night)}.s-panel-2{background:var(--dusk)}.s-panel-3{background:var(--dawn)}.s-grid{display:grid;gap:1.5rem;position:relative;z-index:1}@media (min-width:960px){.s-panel{padding:4.5rem 0}.s-grid{align-items:center;gap:4rem;grid-template-columns:1.15fr 1fr}}.s-card{padding:1.5rem 1.25rem 1.75rem 3.5rem}.s-time{color:var(--ink-soft);font-weight:700;margin:0 0 .5rem}.s-time time{color:var(--pen);font:800 1.1rem Plus Jakarta Sans,Inter,sans-serif}.s-h2{color:var(--ink);font:800 clamp(1.8rem,3.6vw,2.75rem) /1.1 Plus Jakarta Sans,Inter,sans-serif;margin:0}.s-lead{color:var(--ink-soft);line-height:1.6;margin:1rem 0 0}.s-hint{color:var(--ballpoint);font-size:1.4rem;margin:1rem 0 0}.s-card .x-ctas{margin-top:1.25rem}.s-card .x-note{margin-top:1rem}.s-chat{display:grid;gap:.6rem;list-style:none;margin:1.25rem 0 0;padding:0}.s-chat li{border-radius:1rem;line-height:1.4;max-width:85%;padding:.6rem .9rem}.s-chat .me{background:var(--ink);border-bottom-right-radius:.25rem;color:var(--paper);justify-self:end}.s-chat .bru{background:#fff;border:2px solid var(--ink);border-bottom-left-radius:.25rem}.s-sum{margin-top:1.25rem}.s-sum-head{color:var(--pen);font-size:1.5rem;margin:0}.s-sum-row{display:flex;flex-wrap:wrap;font-weight:600;gap:0 1rem;justify-content:space-between;margin:.25rem 0 0}.s-sum-row b{font-weight:800}.s-sum-row .is-struck{color:var(--ink-soft);text-decoration:line-through;text-decoration-color:var(--pen);text-decoration-thickness:3px}.s-sum-row .is-circled{border:3px solid var(--pen);border-radius:50%;padding:0 .6em}.s-art{min-height:13rem;position:relative}@media (min-width:960px){.s-art{min-height:15rem}}.s-clock{--t:var(--to);background:hsla(45,60%,96%,.12);border:4px solid var(--paper);border-radius:50%;height:5.5rem;position:absolute;right:.5rem;top:0;width:5.5rem}.s-panel-3 .s-clock{border-color:var(--ink)}.s-clock i{background:var(--paper);border-radius:2px;bottom:50%;left:calc(50% - 2px);position:absolute;transform-origin:50% 100%;width:4px}.s-panel-3 .s-clock i{background:var(--ink)}.s-hand-h{height:28%;transform:rotate(calc(var(--t)*30deg))}.s-hand-m{height:40%;transform:rotate(calc(var(--t)*1turn))}.s-lamp{background:radial-gradient(circle,rgba(253,216,53,.45),transparent 65%);border-radius:50%;height:12rem;top:0;width:12rem}.s-lamp,.s-scribble{left:0;position:absolute}.s-scribble{bottom:0;width:min(100%,22rem)}.s-scribble path{fill:none;stroke:var(--pen);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.s-panel-1 .s-scribble path,.s-panel-2 .s-scribble path{stroke:#ff8a80}.s-mascot{bottom:0;position:absolute;right:0;width:6.5rem}.s-mascot-sleepy .m-eyes{animation:none!important;transform:scaleY(.3)}.s-stamp{border:4px solid var(--pen);border-radius:.5rem;color:var(--pen);font:800 clamp(1.2rem,4vw,1.6rem) Plus Jakarta Sans,Inter,sans-serif;left:1rem;margin:0;padding:.3rem .9rem;position:absolute;text-transform:uppercase;top:1rem;transform:rotate(-8deg)}.s-stars,.s-sun{display:none;inset:0;pointer-events:none;position:absolute}[data-motion=full] .s-story.is-live{background:color-mix(in oklab,var(--night),var(--dawn) calc(var(--p)*100%))}[data-motion=full] .s-story.is-live .s-panel{background:transparent}[data-motion=full] .s-story.is-live .s-stars,[data-motion=full] .s-story.is-live .s-sun{display:block}@supports (animation-timeline:view()){[data-motion=full] .s-story{animation:s-sky linear both;background:color-mix(in oklab,var(--night),var(--dawn) calc(var(--p)*100%));animation-timeline:view();animation-range:contain 0 contain 100%}[data-motion=full] .s-story .s-panel{background:transparent}[data-motion=full] .s-story .s-stars,[data-motion=full] .s-story .s-sun{display:block}[data-motion=full] .s-clock{animation:s-tick linear both;animation-timeline:view();animation-range:entry 20% cover 50%}[data-motion=full] .s-stamp{animation:s-stamp linear both;animation-timeline:view();animation-range:entry 0 entry 100%}}[data-motion=full] .s-stars{background-image:radial-gradient(1.5px 1.5px at 12% 8%,#fff 99%,transparent),radial-gradient(1.5px 1.5px at 38% 14%,#fff 99%,transparent),radial-gradient(2px 2px at 71% 5%,#fff 99%,transparent),radial-gradient(1.5px 1.5px at 88% 19%,#fff 99%,transparent),radial-gradient(1.5px 1.5px at 55% 27%,#fff 99%,transparent),radial-gradient(2px 2px at 22% 36%,#fff 99%,transparent);background-size:100% 33.3%;opacity:calc(1 - var(--p)*1.6)}[data-motion=full] .s-sun{background:radial-gradient(60rem 30rem at 50% 100%,rgba(255,196,92,.85),transparent 70%);opacity:calc(var(--p)*2 - 1)}[data-motion=full] .s-mascot-proud .mascot--wave .m-arm{animation-delay:.3s}@keyframes s-sky{0%{--p:0}to{--p:1}}@keyframes s-tick{0%{--t:var(--from)}to{--t:var(--to)}}@keyframes s-stamp{0%{opacity:0;transform:rotate(-8deg) scale(1.8)}to{opacity:1;transform:rotate(-8deg) scale(1)}}.l-section{background:linear-gradient(var(--paper-deep),var(--paper));overflow-x:clip;padding:3rem 0 4rem}.l-grid{display:grid;gap:1.5rem}.l-h2{font:800 clamp(2rem,4.2vw,3.25rem) /1.08 Plus Jakarta Sans,Inter,sans-serif;letter-spacing:-.02em;margin:.75rem 0 0}.l-board{display:grid;gap:1rem;order:-1}@media (min-width:960px){.l-section{padding:5rem 0 6rem}.l-grid{align-items:center;gap:4rem;grid-template-columns:1fr 1fr}.l-board{order:0}}.l-graph{aspect-ratio:1;background-color:#fffdf6;background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-position:-1px -1px;background-size:8.33333% 8.33333%;border:2px solid var(--ink);border-radius:.5rem;margin:0 auto;max-width:26rem;overflow:hidden;position:relative;width:100%}.l-graph svg{display:block;height:100%;width:100%}.l-axes,.l-ticks{stroke:var(--ink);stroke-width:.06;fill:none}.l-line path{stroke:var(--ballpoint);stroke-width:.14;stroke-linecap:round}[data-motion=full] .l-line,[data-motion=full] .l-root{transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.l-pivot{fill:var(--ballpoint)}.l-root circle{fill:var(--pen);stroke:#fffdf6;stroke-width:.08}.l-root.is-off{opacity:0}.l-axis-label{color:var(--ink-soft);font:italic 600 1rem Georgia,serif;margin:0;position:absolute}.l-x{right:.5rem;top:calc(50% + .2rem)}.l-y{left:calc(50% + .4rem);top:.25rem}.l-bru,.l-panel{margin:0 auto;max-width:26rem;width:100%}.l-eq{font:700 1.6rem Plus Jakarta Sans,Inter,sans-serif;margin:0;text-align:center}.l-eq output{background:var(--hl);border-radius:.2em;padding:0 .15em}.l-label{color:var(--pen);display:block;font-size:1.5rem;margin-top:.25rem;text-align:center}.l-range{align-items:center;display:flex;gap:.5rem}.l-range button{background:#fffdf6;border:2px solid var(--ink);border-radius:50%;color:var(--ink);cursor:pointer;flex:none;font:700 1.4rem/1 Inter,sans-serif;height:44px;width:44px}.l-range input{accent-color:var(--ink);cursor:grab;flex:1;height:44px;margin:0;min-width:0}.l-range input::-webkit-slider-thumb{height:28px;width:28px}.l-range input:focus-visible{outline:3px solid var(--ballpoint);outline-offset:2px}.l-solve{color:var(--ink-soft);margin:.5rem 0 0;min-height:2lh;text-align:center;text-wrap:balance}.l-bru{align-items:flex-end;display:flex;gap:.5rem}.l-bru-mascot{flex:none;width:5rem}.l-bubble{background:#fffdf6;border:2px solid var(--ink);border-radius:1rem 1rem 1rem .25rem;flex:1;line-height:1.45;margin:0 0 1.5rem;min-height:calc(3lh + 1.5rem + 4px);padding:.75rem 1rem}[data-motion=full] .l-bru .mascot.is-waving .m-arm{animation:m-wave .5s ease-in-out 2 alternate}