.puppet-page{--puppet-ink:#242522;--puppet-muted:#70716d;--puppet-blue:#3356d8;height:100dvh;color:var(--puppet-ink);font-family:var(--font-jakarta), sans-serif;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#d9d9d4 transparent;scroll-snap-type:y mandatory;background:#fff;position:relative;overflow:hidden auto}.puppet-page a,.puppet-page button{color:inherit;font:inherit}.puppet-page button{cursor:pointer}.puppet-page a:hover{opacity:1;color:var(--puppet-blue)}.puppet-page button:hover{color:var(--puppet-blue)}.puppet-page :focus-visible{outline:2px solid var(--puppet-blue);outline-offset:6px;border-radius:2px}.puppet-page .puppet-blue{color:var(--puppet-blue)}.puppet-arrow{flex:none;width:23px;height:23px}.puppet-arrow-down{transform:rotate(135deg)}.puppet-header{z-index:10;pointer-events:none;background:linear-gradient(#fff 65%,#fff0);justify-content:space-between;align-items:center;padding:28px 4.5%;display:flex;position:fixed;top:0;left:0;right:0}.puppet-header>*{pointer-events:auto}.puppet-header .puppet-wordmark{letter-spacing:-1.5px;font-size:27px;font-weight:700}.puppet-wordmark span{color:var(--puppet-blue)}.puppet-header nav{align-items:center;gap:34px;display:flex}.puppet-header nav button{align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:500;display:flex}.puppet-header nav button[aria-current]{color:var(--puppet-blue)}.puppet-header nav .puppet-arrow{width:16px;height:16px}.puppet-skip{z-index:20;background:#fff;padding:16px;position:fixed;top:-100px;left:25px}.puppet-skip:focus{top:20px}.puppet-stage{z-index:0;pointer-events:none;height:100dvh;margin-bottom:-100dvh;position:sticky;top:0}.puppet-media{aspect-ratio:16/9;width:min(80vw,1280px,160dvh);position:absolute;bottom:0;left:0}.puppet-scene{opacity:0;transition:opacity .16s;position:absolute;inset:0}.puppet-media[data-soft-transition=true] .puppet-scene{transition:opacity .72s ease-in-out}.puppet-scene[data-active=true]{opacity:1}.puppet-scene img,.puppet-scene video{object-fit:contain;width:100%;height:100%;position:absolute}.puppet-scene video{opacity:0}.puppet-scene video.is-ready{opacity:1}.puppet-story{z-index:1;position:relative}.puppet-chapter{scroll-snap-align:start;scroll-snap-stop:always;align-items:center;min-height:100dvh;padding:98px 6% 80px 60%;display:flex}.puppet-copy{width:100%;max-width:620px}.puppet-page h1,.puppet-page h2{color:var(--puppet-ink);letter-spacing:-.065em;margin:0;font-family:inherit;font-weight:600;line-height:1.08}.puppet-page h1{font-size:clamp(60px,6.8vw,115px)}.puppet-page h2{font-size:clamp(44px,4.7vw,80px)}.puppet-page p{color:var(--puppet-muted);margin:28px 0 0;font-size:clamp(15px,1.25vw,19px);line-height:1.7}.puppet-page .puppet-eyebrow{color:var(--puppet-ink);margin:0 0 22px;font-size:14px}.puppet-page .puppet-intro-line{margin-top:30px}.puppet-page .puppet-scroll-invitation{color:var(--puppet-blue);align-items:center;gap:14px;margin-top:46px;font-size:14px;display:inline-flex}.puppet-scroll-invitation .puppet-arrow{width:20px;height:20px}.puppet-page .puppet-text-link{align-items:center;gap:12px;margin-top:30px;font-size:13px;line-height:1.5;display:inline-flex}.puppet-text-link .puppet-arrow{width:16px;height:16px;transition:transform .18s}.puppet-text-link:hover .puppet-arrow,.puppet-email:hover .puppet-arrow{transform:translate(3px,-3px)}.puppet-journey-list{gap:22px;margin:35px 0 0;padding:0;list-style:none;display:grid}.puppet-journey-list li{gap:28px;font-size:clamp(15px,1.5vw,20px);line-height:1.25;display:flex}.puppet-journey-list .puppet-year{color:var(--puppet-muted);flex:none;width:36px;padding-top:5px;font-size:12px}.puppet-journey-list small,.puppet-work-list small{color:var(--puppet-muted);margin-top:6px;font-size:12px;line-height:1.5;display:block}.puppet-work-list{margin-top:28px}.puppet-work-list a{letter-spacing:-.04em;border-bottom:1px solid #eaeae6;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;font-size:clamp(17px,1.8vw,25px);display:flex}.puppet-work-list .puppet-arrow{width:21px;height:21px;transition:transform .18s}.puppet-work-list a:hover .puppet-arrow{transform:translate(3px,-3px)}.puppet-work-list small{letter-spacing:0}.puppet-page .puppet-email{letter-spacing:-.025em;border-bottom:1px solid var(--puppet-ink);align-items:center;gap:14px;width:fit-content;margin-top:34px;padding-bottom:8px;font-size:clamp(17px,1.7vw,25px);display:flex}.puppet-email .puppet-arrow{width:20px;height:20px;transition:transform .18s}.puppet-socials{gap:23px;margin-top:25px;display:flex}.puppet-socials a{align-items:center;gap:5px;font-size:12px;display:flex}.puppet-socials .puppet-arrow{width:13px;height:13px}.puppet-page .puppet-signoff{font-family:var(--font-hand), cursive;color:var(--puppet-muted);transform-origin:0;margin-top:55px;font-size:24px;transform:rotate(-4deg)}.puppet-controls{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:24px;left:4.5%;right:4.5%}.puppet-controls button{pointer-events:auto}.puppet-chapter-counter{font-variant-numeric:tabular-nums;align-items:center;gap:11px;font-size:11px;display:flex}.puppet-chapter-counter>span:last-child{color:#969792}.puppet-counter-line{background:#c9cac4;width:32px;height:1px}.puppet-bottom-right{align-items:center;gap:25px;display:flex}.puppet-music-control{flex:none;position:relative}.puppet-music-hint{width:0;height:24px;color:var(--puppet-muted);font-family:var(--font-hand), cursive;white-space:nowrap;pointer-events:none;font-size:17px;line-height:1.2;position:absolute;bottom:calc(50% - 12px);left:50%}.puppet-music-hint>span{position:absolute;top:2px;right:52px}.puppet-music-hint svg{transform-origin:32px 12px;width:40px;height:24px;animation:1.1s ease-in-out 1.5s 2 puppet-music-nudge;position:absolute;bottom:0;left:-46px}@keyframes puppet-music-nudge{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}.puppet-page .puppet-music{width:44px;height:44px;color:var(--puppet-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.puppet-music svg{width:17px;height:17px}.puppet-page .puppet-music:hover,.puppet-page .puppet-music[aria-pressed=true]{color:var(--puppet-blue)}.puppet-music[aria-pressed=true]{background:#3356d80a}.puppet-music-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.puppet-page .puppet-next{align-items:center;gap:14px;min-height:44px;font-size:11px;display:flex}.puppet-next .puppet-arrow{width:17px;height:17px}.puppet-progress{z-index:11;background:var(--puppet-blue);transform-origin:0;height:2px;position:fixed;bottom:0;left:0;right:0}@media (min-width:1800px){.puppet-media{left:3%}.puppet-chapter{padding-left:58%}}@media (min-width:761px) and (max-height:650px){.puppet-chapter{padding-top:85px;padding-bottom:65px}.puppet-page h1{font-size:58px}.puppet-page h2{font-size:40px}.puppet-page .puppet-eyebrow{margin-bottom:14px}.puppet-journey-list{gap:14px;margin-top:20px}.puppet-work-list{margin-top:20px}.puppet-work-list a{min-height:44px;padding-block:8px;font-size:18px}.puppet-page .puppet-text-link{margin-top:20px}.puppet-controls{bottom:12px}}@media (min-width:761px) and (max-height:520px){.puppet-chapter{padding-block:76px 50px}.puppet-page h2{font-size:34px}.puppet-journey-list{gap:10px}.puppet-journey-list small{margin-top:2px}}@media (prefers-reduced-motion:reduce){.puppet-page *,.puppet-page :before,.puppet-page :after{transition:none!important;animation:none!important}}.puppet-previous,.puppet-phone-hint,.puppet-next-prefix{display:none}@media (max-width:760px),(pointer:coarse) and (max-width:1024px){.puppet-page{--puppet-safe-top:env(safe-area-inset-top);--puppet-safe-bottom:env(safe-area-inset-bottom);--puppet-safe-left:env(safe-area-inset-left);--puppet-safe-right:env(safe-area-inset-right);scroll-snap-type:none;grid-template-rows:auto minmax(0,1fr) 22px min(56.25vw,28svh) auto;grid-template-areas:"header""story""hint""stage""controls";display:grid;overflow:hidden}.puppet-header{padding:calc(8px + var(--puppet-safe-top)) max(6%, var(--puppet-safe-right)) 8px max(6%, var(--puppet-safe-left));background:#fff;flex-wrap:wrap;grid-area:header;gap:0 12px;position:relative}.puppet-header .puppet-wordmark{align-items:center;min-height:44px;font-size:23px;display:inline-flex}.puppet-header nav{gap:12px;margin-left:auto}.puppet-header nav button{min-width:44px;font-size:12px}.puppet-header nav button:nth-child(-n+2){display:none}.puppet-story{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9d9d4 transparent;grid-area:story;min-height:0;scroll-padding-block:20px;overflow:hidden auto}.puppet-story:focus-visible{outline-offset:-3px}.puppet-chapter{min-height:100%;padding:20px max(8%, var(--puppet-safe-right)) 24px max(8%, var(--puppet-safe-left));scroll-snap-align:none;align-items:center}.puppet-chapter[data-active=false]{display:none}.puppet-copy{max-width:550px;margin-inline:auto}.puppet-page h1{font-size:clamp(46px,12vw,72px)}.puppet-page h2{font-size:clamp(30px,8.6vw,42px)}.puppet-page .puppet-eyebrow{margin:0 0 12px;font-size:12px}.puppet-page p,.puppet-page .puppet-intro-line{margin-top:18px;font-size:14px;line-height:1.6}.puppet-page .puppet-scroll-invitation,.puppet-page .puppet-text-link{min-height:44px;margin-top:14px;font-size:14px}.puppet-scroll-invitation .puppet-arrow{transform:rotate(45deg)}.puppet-journey-list{gap:12px;margin-top:20px}.puppet-journey-list li{gap:16px;font-size:15px}.puppet-journey-list .puppet-year{padding-top:2px;font-size:12px}.puppet-journey-list small,.puppet-work-list small{margin-top:3px;font-size:12px}.puppet-work-list{margin-top:16px}.puppet-work-list a{min-height:56px;padding:8px 0;font-size:18px}.puppet-page .puppet-email{overflow-wrap:anywhere;max-width:100%;min-height:44px;margin-top:20px;font-size:19px}.puppet-socials{flex-wrap:wrap;gap:4px 24px;margin-top:12px}.puppet-socials a{min-height:44px}.puppet-page .puppet-signoff{margin-top:22px;font-size:22px}.puppet-page .puppet-phone-hint{text-align:center;color:var(--puppet-muted);grid-area:hint;align-self:center;margin:0;font-size:11px;line-height:1;display:block}.puppet-stage{grid-area:stage;height:auto;min-height:0;margin:0;position:relative;overflow:hidden}.puppet-media{aspect-ratio:auto;width:100%;height:100%;inset:0}.puppet-scene img,.puppet-scene video{object-position:center bottom}.puppet-media[data-soft-transition=true] .puppet-scene{transition:opacity .16s}.puppet-controls{padding:8px max(6%, var(--puppet-safe-right)) max(8px, var(--puppet-safe-bottom)) max(6%, var(--puppet-safe-left));background:#fff;grid-area:controls;grid-template-columns:44px auto 1fr;gap:8px;display:grid;position:relative;inset:auto}.puppet-page .puppet-previous{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.puppet-previous:disabled{opacity:.25;cursor:default}.puppet-previous .puppet-arrow{width:18px;height:18px;transform:rotate(225deg)}.puppet-chapter-counter{gap:4px}.puppet-counter-line{background:0 0;width:auto;height:auto}.puppet-counter-line:before{content:"/";color:#969792}.puppet-bottom-right{justify-content:flex-end;gap:16px}.puppet-music-hint{font-size:15px}.puppet-page .puppet-next{text-align:left;gap:8px;min-width:44px;font-size:12px}.puppet-next-prefix{color:var(--puppet-muted);font-size:10px;display:block}.puppet-next .puppet-arrow{transform:rotate(45deg)}.puppet-swipe-cue{align-items:center;gap:8px;animation:3.6s ease-in-out infinite puppet-swipe-cue;display:inline-flex}.puppet-swipe-cue .puppet-arrow{width:17px;height:17px;transform:rotate(45deg)}.puppet-page[data-moving=true] .puppet-swipe-cue{animation-play-state:paused}.puppet-page[data-phone-transition] .puppet-media .puppet-scene{transition:none}.puppet-progress{height:2px;transition:transform .6s cubic-bezier(.22,1,.36,1)}}@media (max-width:360px){.puppet-controls{padding-inline:max(4%, var(--puppet-safe-left));gap:6px}.puppet-bottom-right{gap:4px}}@media (orientation:landscape) and (max-width:760px),(orientation:landscape) and (pointer:coarse) and (max-width:1024px){.puppet-page{grid-template:"header header""stage story"minmax(0,1fr)"hint story"22px"controls controls"/46% 54%}.puppet-header nav button:nth-child(-n+2){display:flex}.puppet-chapter{padding:12px max(11%, var(--puppet-safe-right)) 20px 4%}.puppet-page h1{font-size:44px}.puppet-page h2{font-size:32px}.puppet-page .puppet-eyebrow{margin-bottom:10px}.puppet-controls{grid-template-columns:44px auto 1fr}}@keyframes puppet-swipe-cue{0%,18%,to{transform:translate(0)}55%,65%{transform:translate(8px)}}