.focal-media{object-fit:cover;object-position:var(--media-object-position, 50% 50%)}.focal-media:fullscreen{object-fit:contain;object-position:50% 50%}[data-astro-cid-kfmubnzd][data-hero-video-frame]:not([data-js]) [data-astro-cid-kfmubnzd][data-hero-video],[data-astro-cid-kfmubnzd][data-hero-video-frame]:not([data-js]) [data-astro-cid-kfmubnzd][data-hero-video-play]{display:none}.scene{--p: 0;position:relative;display:block;overflow:visible}.scene__pin{position:relative;box-sizing:border-box;min-height:100svh;overflow:hidden;display:flex;align-items:center;padding-block:5rem}@media(min-width:1024px){.scene__pin{height:100vh;min-height:760px;padding-block:0}}.js .scene{height:280vh}.js .scene--long{height:340vh}.js .scene__pin{position:sticky;top:0}@media(max-width:1023px){.js .scene{height:auto}.js .scene__pin{position:relative}}.js .tl,.js .a-wire:after,.js .a-wire:before{animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(-1s * var(--p, 0))}@media(max-width:1023px){.js .tl,.js .a-wire:after,.js .a-wire:before{animation:none}}.fix{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;max-width:36rem}.fix:before{content:"";width:28px;height:2px;border-radius:2px;background:hsl(var(--primary));margin-top:12px}.fix__kicker{display:block;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-700);margin:0 0 6px}.fix__line{margin:0;font-family:var(--font-serif);font-style:italic;font-size:1.25rem;line-height:1.45;text-wrap:pretty}.scene--navy .fix__kicker{color:hsl(var(--sand))}.app{position:relative;width:340px;max-width:100%;box-sizing:border-box;background:#fff;border:1px solid hsl(var(--border));border-radius:20px;box-shadow:0 24px 50px #1a263f29,0 8px 16px #1a263f12;padding:26px;display:flex;flex-direction:column;gap:14px}.app__bar{height:10px;width:46%;border-radius:6px;background:#1e2845}.app__field{height:46px;border-radius:10px;border:1px solid hsl(var(--border));background:hsl(var(--muted))}.app__field--filled{background:#fff;position:relative}.app__field--filled:after{content:"";position:absolute;left:14px;top:17px;height:10px;width:55%;border-radius:5px;background:hsl(var(--border))}.app__btn{height:50px;border-radius:999px;background:hsl(var(--primary));margin-top:6px;display:grid;place-items:center;font-weight:600;font-size:15px;color:hsl(var(--primary-foreground))}.app__btn--off{background:hsl(var(--border));color:hsl(var(--muted-foreground))}.a-card{transform:translateY(-40px) rotate(-2.5deg)}.a-under{opacity:1}.ground{position:relative;width:340px;max-width:100%;height:110px;margin-top:-6px}.slab{position:absolute;left:50%;height:26px;border-radius:6px;transform-origin:center}.slab--1{top:0;width:330px;margin-left:-165px;background:#1e2845;transform:rotate(-2deg)}.slab--2{top:30px;width:280px;margin-left:-150px;background:hsl(var(--border));transform:rotate(2.2deg)}.slab--3{top:62px;width:210px;margin-left:-90px;background:hsl(var(--sand));transform:rotate(-1.4deg)}.js .a-card{animation-name:sc-lift}.js .a-under{animation-name:sc-under}@keyframes sc-lift{0%,28%{transform:translateY(96px) rotate(0)}58%{transform:translateY(-40px) rotate(0)}80%,to{transform:translateY(-40px) rotate(-2.5deg)}}@keyframes sc-under{0%,40%{opacity:0;transform:translateY(-30px)}64%,to{opacity:1;transform:none}}.mini{width:264px;max-width:100%;box-sizing:border-box;background:#fff;border:1px solid hsl(var(--border));border-radius:18px;box-shadow:0 12px 28px #1a263f1f,0 4px 8px #1a263f0f;padding:22px;display:flex;flex-direction:column;gap:12px}.mini__bar{height:9px;width:40%;border-radius:6px;background:#1e2845}.mini__field{height:40px;border-radius:9px;border:1px solid hsl(var(--border));background:hsl(var(--muted));box-sizing:border-box}.mini__field--new{border:1.5px solid hsl(var(--primary));background:#fef6e5}.mini__btn{height:44px;border-radius:999px;background:hsl(var(--primary))}.mini__btn--off{background:hsl(var(--border))}.a-broke{transform:rotate(-4deg) translateY(14px);opacity:.55}.wire{position:relative;width:140px;height:1px;background:hsl(var(--border));flex:none}.wire:after{content:"";position:absolute;left:0;top:-1px;height:3px;width:100%;background:hsl(var(--primary));transform-origin:left center}.wire:before{content:"";position:absolute;right:-6px;top:-6px;width:13px;height:13px;border-radius:50%;background:hsl(var(--primary))}.js .a-newfield{animation-name:sc-newfield}.js .a-wire:after{animation-name:sc-sweep}.js .a-wire:before{animation-name:sc-dot}.js .a-broke{animation-name:sc-broke}.js .a-s1{animation-name:sc-s1}.js .a-s2{animation-name:sc-s2}.js .a-s3{animation-name:sc-s3}@keyframes sc-newfield{0%,16%{height:0;opacity:0;margin-top:-12px}34%,to{height:40px;opacity:1;margin-top:0}}@keyframes sc-sweep{0%,36%{transform:scaleX(0)}58%,to{transform:scaleX(1)}}@keyframes sc-dot{0%,54%{opacity:0;transform:scale(.2)}60%,to{opacity:1;transform:scale(1)}}@keyframes sc-broke{0%,60%{transform:none;opacity:1}80%,to{transform:rotate(-4deg) translateY(14px);opacity:.55}}@keyframes sc-s1{0%,14%{opacity:0;transform:translateY(14px)}26%,to{opacity:1;transform:none}}@keyframes sc-s2{0%,40%{opacity:0;transform:translateY(14px)}52%,to{opacity:1;transform:none}}@keyframes sc-s3{0%,66%{opacity:0;transform:translateY(14px)}78%,to{opacity:1;transform:none}}.bub{height:58px;border-radius:18px;background:#fff;border:1px solid hsl(var(--border));box-shadow:0 1px 2px #1a263f0f,0 2px 6px #1a263f12;width:78%}.bub--me{align-self:flex-end;background:#1e2845;border-color:#1e2845;width:62%}.bub--tall{height:86px}.a-b1{opacity:.22}.a-b2{opacity:.28}.a-b3{opacity:.36}.a-b4{opacity:.5}.a-b5{opacity:.7}.js .a-b1{animation-name:sc-b1}.js .a-b2{animation-name:sc-b2}.js .a-b3{animation-name:sc-b3}.js .a-b4{animation-name:sc-b4}.js .a-b5{animation-name:sc-b5}.js .a-b6{animation-name:sc-b6}.js .a-err{animation-name:sc-err}@keyframes sc-b1{0%,10%{opacity:0;transform:translateY(24px)}18%{opacity:1;transform:none}40%{opacity:1}to{opacity:.22;transform:none}}@keyframes sc-b2{0%,22%{opacity:0;transform:translateY(24px)}30%{opacity:1;transform:none}52%{opacity:1}to{opacity:.28;transform:none}}@keyframes sc-b3{0%,34%{opacity:0;transform:translateY(24px)}42%{opacity:1;transform:none}64%{opacity:1}to{opacity:.36;transform:none}}@keyframes sc-b4{0%,46%{opacity:0;transform:translateY(24px)}54%{opacity:1;transform:none}76%{opacity:1}to{opacity:.5;transform:none}}@keyframes sc-b5{0%,58%{opacity:0;transform:translateY(24px)}66%{opacity:1;transform:none}to{opacity:.7;transform:none}}@keyframes sc-b6{0%,70%{opacity:0;transform:translateY(24px)}78%,to{opacity:1;transform:none}}@keyframes sc-err{0%,8%{opacity:0;transform:translateY(10px)}16%,to{opacity:1;transform:none}}.meter{width:100%;height:14px;border-radius:999px;background:#ffffff1f;overflow:hidden}.meter__fill{height:100%;width:100%;border-radius:999px;background:hsl(var(--primary));transform-origin:left center;transform:scaleX(.04)}.say{display:flex;flex-direction:column;gap:10px;width:100%;max-width:560px}.msg{max-width:82%;padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.45;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffe6}.msg--me{align-self:flex-end;background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:500}.limit{margin-top:6px;padding:14px 18px;border-radius:12px;background:hsl(var(--sand));color:hsl(var(--sand-foreground));font-family:var(--font-display);font-weight:700;font-size:15px;display:flex;align-items:center;gap:12px}.limit svg{width:18px;height:18px;flex:none}.js .a-drain{animation-name:sc-drain}.js .a-c1{animation-name:sc-c1}.js .a-c2{animation-name:sc-c2}.js .a-c3{animation-name:sc-c3}.js .a-c4{animation-name:sc-c4}.js .a-c5{animation-name:sc-c5}.js .a-c6{animation-name:sc-c6}@keyframes sc-drain{0%,6%{transform:scaleX(1)}78%,to{transform:scaleX(.04)}}@keyframes sc-c1{0%,8%{opacity:0;transform:translateY(16px)}16%,to{opacity:1;transform:none}}@keyframes sc-c2{0%,20%{opacity:0;transform:translateY(16px)}28%,to{opacity:1;transform:none}}@keyframes sc-c3{0%,32%{opacity:0;transform:translateY(16px)}40%,to{opacity:1;transform:none}}@keyframes sc-c4{0%,44%{opacity:0;transform:translateY(16px)}52%,to{opacity:1;transform:none}}@keyframes sc-c5{0%,56%{opacity:0;transform:translateY(16px)}64%,to{opacity:1;transform:none}}@keyframes sc-c6{0%,66%{opacity:0;transform:translateY(16px)}74%,to{opacity:1;transform:none}}.cursor{position:absolute;left:160px;top:236px;width:34px;height:34px;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(30,40,69,.3));z-index:3;transform:translate(240px,210px)}.js .a-cursor{animation-name:sc-cursor}.js .a-off{animation-name:sc-off}@keyframes sc-cursor{0%,10%{opacity:0;transform:translate(220px,190px)}18%{opacity:1;transform:translate(200px,170px)}40%,62%{opacity:1;transform:translate(0)}86%,to{opacity:1;transform:translate(240px,210px)}}@keyframes sc-off{0%,64%{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}82%,to{background:hsl(var(--border));color:hsl(var(--muted-foreground))}}.stage{position:relative;width:520px;max-width:100%;height:560px}.stage .app{position:absolute;top:60px;left:90px;z-index:1}.notes{position:absolute;z-index:0;left:0;top:20px;width:220px;padding:18px;border-radius:14px;background:#f9f6f1;border:1px solid oklch(.72 .13 70 / .55);display:flex;flex-direction:column;gap:10px;opacity:0;transform:translate(-90px) translateY(40px) rotate(-8deg)}.notes span{height:8px;border-radius:4px;background:#ffd799;display:block}.notes span:nth-child(2){width:80%}.notes span:nth-child(3){width:60%}.notes span:nth-child(4){width:88%}.a-old{transform:translate(-230px) translateY(20px) rotate(-5deg) scale(.88);opacity:.3}.caret{display:inline-block;width:2px;height:22px;background:#1e2845;vertical-align:middle;margin-left:14px;margin-top:12px}.js .a-old{animation-name:sc-old}.js .a-notes{animation-name:sc-notes}.js .a-new{animation-name:sc-fresh}@keyframes sc-old{0%,24%{transform:none;opacity:1}56%,to{transform:translate(-230px) translateY(20px) rotate(-5deg) scale(.88);opacity:.3}}@keyframes sc-notes{0%,30%{opacity:1;transform:none}62%,to{opacity:0;transform:translate(-90px) translateY(40px) rotate(-8deg)}}@keyframes sc-fresh{0%,34%{opacity:0;transform:translate(260px)}60%,to{opacity:1;transform:none}}@media(max-width:1023px){.stage{height:420px}.stage .app{left:50%;margin-left:-170px}}.deck{position:relative;height:340px;list-style:none;margin:0;padding:0}.deck__card{position:absolute;left:0;right:0;top:40px;box-sizing:border-box;overflow:hidden;background:#fff;border:1px solid hsl(var(--border));border-radius:20px;box-shadow:0 12px 28px #1a263f1f,0 4px 8px #1a263f0f;padding:34px 38px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start}.deck__card--1{transform:translateY(-64px) scale(.92);opacity:.35}.deck__card--2{transform:translateY(-32px) scale(.96);opacity:.55}.js .a-d1{animation-name:sc-d1}.js .a-d2{animation-name:sc-d2}.js .a-d3{animation-name:sc-d3}@keyframes sc-d1{0%,8%{opacity:0;transform:translateY(140px) scale(1)}20%,36%{opacity:1;transform:none}50%,66%{opacity:.55;transform:translateY(-32px) scale(.96)}80%,to{opacity:.35;transform:translateY(-64px) scale(.92)}}@keyframes sc-d2{0%,38%{opacity:0;transform:translateY(140px) scale(1)}50%,66%{opacity:1;transform:none}80%,to{opacity:.55;transform:translateY(-32px) scale(.96)}}@keyframes sc-d3{0%,68%{opacity:0;transform:translateY(140px) scale(1)}80%,to{opacity:1;transform:none}}@media(max-width:1023px){.deck{height:auto;display:flex;flex-direction:column;gap:12px}.deck__card{position:static}.deck__card--1,.deck__card--2{transform:none;opacity:1}}.js .a-late{animation-name:sc-late}@keyframes sc-late{0%,56%{opacity:0;transform:translateY(18px)}70%,to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.caret{animation:sc-blink 1s steps(2,start) infinite}.scene.is-shaking .ground{animation:sc-wobble .7s ease-in-out infinite alternate}.scene.is-shaking .app--tremble{animation:sc-tremble .22s linear infinite}}@keyframes sc-blink{to{visibility:hidden}}@keyframes sc-wobble{0%{transform:rotate(-1.6deg) translate(-4px)}to{transform:rotate(1.6deg) translate(4px)}}@keyframes sc-tremble{0%{transform:translate(0) rotate(0)}25%{transform:translate(2px,-1px) rotate(.4deg)}50%{transform:translate(-2px,1px) rotate(-.4deg)}75%{transform:translate(1px,2px) rotate(.3deg)}to{transform:translate(0) rotate(0)}}.chapter-nav{position:relative;z-index:30;background:#ffffff8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(30,40,69,.08)}.chapter-nav__link{padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}.chapter-nav__link[aria-current=true]{color:#1e2845;border-bottom-color:hsl(var(--primary))}@media(min-width:1024px){.chapter-nav{position:sticky;top:0}html[data-chapter-nav-stuck=true] header[data-tone]{transform:translateY(-100%);pointer-events:none}}.scene__num[data-astro-cid-h7vgha6f]{display:flex;align-items:center;gap:12px;margin:0 0 1.5rem;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--gold-700)}.scene__num[data-astro-cid-h7vgha6f]:before{content:"";width:40px;height:1px;background:hsl(var(--primary))}.scene__num--navy[data-astro-cid-h7vgha6f]{color:hsl(var(--sand))}.scene__title[data-astro-cid-h7vgha6f]{margin:0;font-family:var(--font-serif);font-weight:600;font-size:clamp(2rem,1.2rem + 2.8vw,4rem);line-height:1.06;letter-spacing:-.015em;text-wrap:balance}.scene__title--tight[data-astro-cid-h7vgha6f]{font-size:clamp(2rem,1.2rem + 2.4vw,3.5rem)}.scene__line[data-astro-cid-h7vgha6f]{margin:1.5rem 0 0;font-size:1.25rem;line-height:1.5;max-width:34rem;text-wrap:pretty}.scene__late[data-astro-cid-h7vgha6f]{margin:1.25rem 0 0;font-size:1.1875rem;line-height:1.5;max-width:34rem;text-wrap:pretty}.scene__tag[data-astro-cid-h7vgha6f]{margin:0;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-700)}.scene__err[data-astro-cid-h7vgha6f]{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:10px;background:#fef6e5;border:1px solid oklch(.898 .09 78);color:var(--gold-700);font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.12em}.scene__err[data-astro-cid-h7vgha6f] svg[data-astro-cid-h7vgha6f]{width:14px;height:14px}html{scroll-padding-top:4.75rem}