@font-face{font-family:PromptDM;src:url(/_astro/dm-sans-v4.CB7WfZ8W.woff2) format("woff2");font-weight:100 1000;font-display:swap}.pw-film{font-family:PromptDM,Arial,sans-serif;color:#27251f;-webkit-font-smoothing:antialiased;letter-spacing:-.035em;line-height:1.2}.pw-film *{box-sizing:border-box}.pw-film .mono,.pw-film .pw-timecode{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.pw-film svg{flex-shrink:0}.pw{background:var(--landing-bg);color:var(--landing-heading);font-family:var(--font-sans);line-height:var(--type-base-line);letter-spacing:var(--type-base-tracking)}.pw *{box-sizing:border-box}.pw a{text-decoration:none}.pw button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}.pw button:focus-visible,.pw a:focus-visible{outline:2px solid var(--landing-heading);outline-offset:5px}.pw svg{flex-shrink:0}.pw-section{padding:clamp(64px,7vw,112px) 32px;scroll-margin-top:90px}.pw-layout{max-width:1400px;margin-inline:auto;display:grid;grid-template-columns:minmax(340px,440px) minmax(0,1fr);gap:clamp(48px,6vw,96px);align-items:center}.pw-copy{min-width:0}.pw h2{font-family:var(--font-family-display);margin:0;font-weight:500;text-wrap:balance}.pw-intro{max-width:38ch;margin:22px 0 32px;color:var(--landing-muted);font-weight:500}.pw-chapters{border-top:1px solid var(--landing-border)}.pw-chapters button{position:relative;display:flex;gap:16px;width:100%;border-bottom:1px solid var(--landing-border);padding:18px 0;text-align:left;align-items:flex-start}.pw-step-number{padding-top:3px;color:var(--landing-muted-soft);font-size:12px;font-variant-numeric:tabular-nums}.pw-step-number,.pw-step-copy{opacity:.55;transition:opacity .24s ease}.pw-chapters button[aria-current] .pw-step-number,.pw-chapters button[aria-current] .pw-step-copy{opacity:1}.pw-chapters button:hover .pw-step-number,.pw-chapters button:hover .pw-step-copy{opacity:.85}.pw-chapters button[aria-current]:hover .pw-step-number,.pw-chapters button[aria-current]:hover .pw-step-copy{opacity:1}.pw-step-copy{flex:1;min-width:0}.pw-step-copy strong{display:block;color:var(--landing-heading);font-size:16px;font-weight:500;line-height:1.4}.pw-step-copy>span{display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;color:var(--landing-muted);font-size:14px;line-height:1.6;transition:grid-template-rows .24s cubic-bezier(.22,1,.36,1),opacity .24s cubic-bezier(.22,1,.36,1)}.pw-chapters button[aria-current] .pw-step-copy>span{grid-template-rows:1fr;opacity:1}.pw-step-progress{position:absolute;bottom:-1px;height:1px;left:0;right:0;background:var(--landing-heading);transform-origin:left center}.pw-description-clip{min-height:0;overflow:hidden}.pw-description-slot{display:block;height:var(--pw-description-height, 92px)}.pw [data-pw-description]{display:block;padding-top:10px}.pw-chapters button[aria-current] .pw-step-progress{transition:transform .1s linear}.pw-cta{display:inline-flex;height:42px;padding:0 18px;border-radius:21px;justify-content:center;align-items:center;gap:8px;margin-top:24px;background:var(--landing-control);color:var(--landing-control-foreground);font-size:15px;font-weight:600;line-height:18px;letter-spacing:-.225px;white-space:nowrap}.pw-visual{min-width:0}.pw-canvas{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:18px;border:1px solid var(--landing-border);background:#f7f5ef;isolation:isolate;color-scheme:light}.pw-scrubber{position:relative;margin-top:8px;height:28px}.pw-scrubber-track{position:absolute;left:7px;right:7px;top:12px;height:4px;border-radius:4px;background:var(--landing-border);overflow:hidden}.pw-scrubber-track>i{display:block;height:100%;background:var(--landing-heading);border-radius:inherit}.pw-scrubber-track>span{position:absolute;top:0;bottom:0;width:2px;background:var(--landing-bg)}.pw-scrubber input{position:relative;display:block;width:100%;height:28px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}.pw-scrubber input::-webkit-slider-runnable-track{height:4px;background:transparent}.pw-scrubber input::-moz-range-track{height:4px;background:transparent}.pw-scrubber input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:2px solid var(--landing-bg);border-radius:50%;background:var(--landing-heading);box-shadow:0 0 0 1px var(--landing-border)}.pw-scrubber input::-moz-range-thumb{box-sizing:border-box;width:14px;height:14px;border:2px solid var(--landing-bg);border-radius:50%;background:var(--landing-heading);box-shadow:0 0 0 1px var(--landing-border)}.pw-scrubber input:focus-visible{outline:2px solid var(--landing-heading);outline-offset:2px;border-radius:4px}.pw-transport{margin-top:0;display:flex;gap:12px;align-items:center;font-size:12px;color:var(--landing-muted-soft);min-height:44px}.pw-transport button{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;flex-shrink:0}@media(min-width:901px){.pw--split .pw-layout{row-gap:0}.pw--split .pw-copy{grid-area:1 / 1}.pw--split .pw-cta{grid-area:2 / 1;justify-self:start}.pw--split .pw-visual{grid-area:1 / 2 / span 2}}.pw-transport button:first-child{border:1px solid var(--landing-border);color:var(--landing-heading)}.pw-transport button:hover{background:var(--landing-surface-soft)}.pw-transport>span:nth-child(2){display:flex;gap:7px;align-items:center}.pw-transport i{width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.pw-timer{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.pw-initial{position:absolute;left:5.56%;top:40.56%;width:88.89%;height:13.33%;border:1px solid #e4e0d8;border-radius:13px;background:#fff;box-shadow:0 10px 25px -12px #2a231224}.pw-initial i{position:absolute;width:5.52%;height:49.1%;right:2.58%;top:25.45%;border-radius:20%;background:#e9e7e1}.pw:lang(zh),.pw:lang(ja){letter-spacing:0}.pw:lang(ja) h2{--type-h2-line: 1.2;--type-h2-tracking: 0em}.pw:lang(ja) .pw-intro{--type-lg-line: 1.6;--type-lg-tracking: 0em}@media(max-width:1100px){.pw-layout{grid-template-columns:minmax(290px,.9fr) minmax(0,1.2fr);gap:36px}}@media(max-width:900px){.pw-layout{grid-template-columns:1fr;max-width:720px;gap:32px}.pw-copy{display:contents}.pw h2{grid-row:1}.pw-intro{grid-row:2;margin:-10px 0 0;max-width:42ch}.pw-visual{grid-row:3}.pw-chapters{grid-row:4}.pw-cta{grid-row:5;margin-top:-16px;justify-self:start}}@media(max-width:767px){.pw-section{padding:64px 22px}.pw-canvas{border-radius:12px}.pw-transport{gap:8px}.pw-step-copy strong{font-size:16px}}.pw-transport button,.pw-opening-switch button,.pw-cta{transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,background-color .18s ease}.pw-transport button:hover,.pw-opening-switch button:hover{box-shadow:0 3px 8px #2a231212}.pw-transport button:active,.pw-opening-switch button:active,.pw-cta:active{transform:translateY(2px) scale(.95);box-shadow:inset 0 2px 4px #2a231226;transition-duration:.06s}.pw-chapters button:active .pw-step-copy{transform:translate(3px);opacity:.75}.pw-step-copy{transition:opacity .24s ease,transform .16s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.pw *,.pw-chapters button[aria-current] .pw-step-progress{transition:none!important}}.pw-opening-switch{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:12px}.pw-opening-switch>span{color:var(--landing-muted-soft);margin-right:auto}.pw-opening-switch button{border:1px solid var(--landing-border);border-radius:18px;padding:8px 12px;line-height:1.3}.pw-opening-switch button[aria-pressed=true]{background:var(--landing-control);border-color:var(--landing-control);color:var(--landing-control-foreground)}@media(max-width:480px){.pw-opening-switch>span{width:100%}}.pw-layout{max-width:1100px;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:40px}.pw-section{--home-heading-size:48px;padding:64px 24px 88px}.pw h2{font-weight:300;letter-spacing:-.035em}.pw-intro{font-size:16px;line-height:1.5;font-weight:400}@media(max-width:900px){.pw-layout{grid-template-columns:1fr;gap:32px}.pw-copy{max-width:600px}}@media(max-width:767px){.pw-section{padding:40px 16px 64px;--home-heading-size:38px}.pw-intro{font-size:14px}}.pw-mode-bar{display:flex;align-items:center;gap:10px;min-height:46px;color:var(--landing-muted-soft);font-size:11px}.pw .pw-quick-play{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--landing-border);border-radius:50%;color:var(--landing-heading)}.pw .pw-debug-toggle{margin-left:auto;display:flex;align-items:center;gap:6px;padding:8px 0;color:var(--landing-muted-soft);font-size:11px}.pw-debug-panel{padding:14px 16px;border:1px solid var(--landing-border);border-radius:12px;background:var(--landing-bg)}.pw-debug-panel .pw-transport{gap:8px;font-size:11px}.pw-debug-panel .pw-transport button{width:34px;height:34px}.pw-debug-panel .pw-transport button:first-child{width:38px;height:38px}.pw-debug-settings{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(90px,.8fr) auto;align-items:start;gap:18px;margin-top:18px;font-size:11px;color:var(--landing-muted)}.pw-debug-settings label>span{display:block;margin-bottom:9px}.pw-size-setting>div{display:flex;gap:10px;align-items:center}.pw-size-setting input{width:100%;min-width:0;accent-color:#998570}.pw-size-setting output{width:34px;flex:none;text-align:right;font-variant-numeric:tabular-nums}.pw-size-setting small{display:block;margin-top:6px;color:var(--landing-muted-soft);font-size:10px}.pw-debug-settings select{width:100%;height:30px;border:1px solid var(--landing-border);border-radius:5px;background:var(--landing-bg);color:var(--landing-heading);padding:0 6px}.pw-debug-settings .pw-loop-setting{display:flex;align-items:center;gap:7px;min-height:56px}.pw-loop-setting input{accent-color:#998570}.pw-debug-settings .pw-loop-setting>span{margin:0}.pw .pw-reset-settings{margin-top:14px;padding:5px 0;font-size:11px;color:var(--landing-muted-soft);text-decoration:underline;text-underline-offset:3px}@media(max-width:767px){.pw-debug-panel{padding:12px}.pw-debug-settings{grid-template-columns:minmax(0,1.3fr) minmax(80px,1fr);gap:14px}.pw-debug-settings .pw-loop-setting{min-height:24px;grid-column:1/-1}.pw-debug-panel .pw-transport>span:nth-child(2){display:none}.pw-mode-bar{gap:6px}.pw .pw-debug-toggle{font-size:10px}}.pw--stacked .pw-layout{grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.pw--stacked .pw-copy{display:contents}.pw--stacked h2{grid-row:1;text-align:center;justify-self:center;max-width:none}.pw--stacked h2 br{display:none}.pw--stacked .pw-intro{grid-row:2;justify-self:center;text-align:center;max-width:64ch;margin:0 0 12px}.pw--stacked .pw-chapters{grid-row:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:0;gap:24px}.pw--stacked .pw-chapters button{border-top:1px solid var(--landing-border);border-bottom:0;padding:18px 0 16px;gap:10px;min-width:0}.pw--stacked .pw-step-progress{top:-1px;bottom:auto;height:2px}.pw--stacked .pw-step-copy strong{font-size:16px;line-height:1.5}.pw--stacked .pw-step-copy>span{grid-template-rows:1fr;opacity:1;font-size:13px}.pw--stacked .pw-description-slot{height:var(--pw-description-height,84px)}.pw--stacked .pw-visual{grid-row:4;width:100%}.pw--stacked .pw-cta{grid-row:5;justify-self:center;margin:0}@media(max-width:767px){.pw--stacked .pw-layout{gap:22px}.pw--stacked h2 br{display:block}.pw--stacked .pw-chapters{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.pw--stacked .pw-chapters button{padding:12px 0;gap:6px}.pw--stacked .pw-step-copy strong{font-size:14px}.pw--stacked .pw-step-copy>span{display:none}.pw--stacked .pw-intro{margin-bottom:0}}.pw--stacked.pw--compact .pw-layout{gap:24px}.pw--compact h2{max-width:900px}.pw--stacked.pw--compact .pw-chapters{grid-row:2;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;border:0;margin:0 0 8px}.pw--compact .pw-chapters button{width:auto;min-height:36px;padding:8px 17px;border:1px solid transparent;border-radius:999px;background:transparent;align-items:center;justify-content:center;color:var(--landing-muted-soft);font-size:13px;line-height:18px;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.pw--compact .pw-chapters button:hover{background:var(--landing-surface-soft);color:var(--landing-heading)}.pw--compact .pw-chapters button[aria-current]{background:#f2efe9;border-color:var(--landing-border-soft,rgba(43,31,17,.08));color:var(--landing-heading)}.pw--stacked.pw--compact .pw-visual{grid-row:3;justify-self:center;max-width:clamp(680px,calc((100svh - 380px) * 4 / 3),1100px)}.pw--compact .pw-canvas{border-radius:24px}.pw--compact .pw-mode-bar{min-height:38px;margin-top:8px}.pw--compact .pw-scrubber{margin-top:0}@media(max-width:767px){.pw--stacked.pw--compact .pw-layout{gap:18px}.pw--compact .pw-chapters{gap:4px!important;margin-bottom:0!important}.pw--compact .pw-chapters button{font-size:12px;padding:7px 11px;min-height:34px}.pw--compact .pw-canvas{border-radius:14px}.pw--stacked.pw--compact .pw-visual{max-width:100%}}.pw-layout-switch{display:flex;justify-content:center;gap:4px;width:max-content;margin:0 auto 28px;padding:4px;border:1px solid var(--landing-border);border-radius:999px;font-size:12px;color:var(--landing-muted-soft)}.pw .pw-layout-switch button{padding:8px 14px;border-radius:999px;line-height:1.2;color:var(--landing-muted-soft)}.pw .pw-layout-switch button[aria-pressed=true]{background:#f2efe9;color:var(--landing-heading)}.pw--stacked.pw--compact .pw-intro{grid-row:2;max-width:none;margin:0;white-space:normal}.pw--stacked.pw--compact .pw-chapters{grid-row:3}.pw--stacked.pw--compact .pw-visual{grid-row:4}.pw--split.pw--compact .pw-intro{max-width:none;font-size:14px;margin:20px 0 26px}.pw--split.pw--compact .pw-chapters{display:flex;flex-wrap:wrap;gap:8px;border:0}@media(min-width:901px){.pw--split.pw--compact .pw-copy{--home-heading-size:42px}}@media(max-width:900px){.pw--split.pw--compact .pw-copy{display:contents}.pw--split.pw--compact h2{text-align:center;justify-self:center}.pw--split.pw--compact .pw-intro{grid-row:2;margin:0;text-align:center;justify-self:center}.pw--split.pw--compact .pw-chapters{grid-row:3;justify-content:center}.pw--split.pw--compact .pw-visual{grid-row:4}}.pw-canvas-viewport{min-width:0}.pw-canvas-viewport[data-oversized]{overflow:auto;max-height:75svh;overscroll-behavior:contain;border-radius:18px}.pw-canvas-viewport[data-oversized] .pw-canvas{max-width:none;margin-inline:0!important}
