:root{--brand:#ea580c;--action:#c2410c;--ink:#1a2332;--muted:#4a5568;--line:#e2e8f0;--surface:#f2f4f7;--warm:#fff7ed;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-padding-top:24px;scroll-padding-bottom:100px;scrollbar-color:#a5adb8 var(--surface)}body{margin:0;background:#fff;color:var(--ink);font:15px/1.8 'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--action);outline-offset:5px}::selection{background:var(--warm);color:var(--action)}h1,h2,h3{font-weight:700;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}p{text-wrap:pretty}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-150%);z-index:200;background:var(--action);color:white;padding:10px 18px;border-radius:8px}.skip-link:focus{transform:none}
header{min-height:84px;border-bottom:1px solid var(--line);padding:12px max(32px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;white-space:nowrap}.brand small{font-size:11px;color:var(--muted);font-weight:500}.mark{display:grid;place-items:center;width:36px;height:36px;background:var(--brand);color:white;border-radius:8px;font-weight:900;flex:none}.header-links{display:flex;align-items:center;gap:24px;font-size:13px}.header-links>a:not(.ghost){padding:10px 0}.header-links>a:hover{color:var(--action)}.ghost{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #bdc5cf;border-radius:8px;font-weight:700;color:var(--ink);transition:border-color .2s,color .2s}.ghost:hover{border-color:var(--action)}
.cta,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:8px;font-weight:700;gap:10px;transition:background .2s,color .2s,transform .25s var(--ease)}.cta{border:1px solid transparent;background:var(--action);color:white}.cta:hover{background:var(--ink)}.secondary{border:1px solid #bdc5cf;background:white;color:var(--ink)}.secondary:hover:not(:disabled){color:var(--action);border-color:var(--action)}.cta:active,.secondary:active{transform:translateY(1px)}.plain{border:0;background:none;color:var(--action);padding:10px 8px;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:5px}.plain:hover{text-decoration-thickness:2px}button:disabled{color:#727d8c;background:var(--surface);border-color:var(--line);cursor:default}
main{max-width:1344px;padding:0 32px;margin:auto}.intro{padding:42px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:40px}.intro h1{font-size:44px;line-height:1.4;letter-spacing:-.01em;margin:0 0 12px}.intro h1 span{color:var(--action)}.intro p{color:var(--muted);margin:0;font-size:15px}.tour-progress{width:184px;flex:none}.tour-progress>span{font-size:13px;font-variant-numeric:tabular-nums}.tour-progress small{display:block;font-size:11px;color:var(--muted);margin-top:6px}progress{display:block;width:100%;height:3px;border:0;background:var(--line);margin-top:12px;accent-color:var(--brand)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--brand)}progress::-moz-progress-bar{background:var(--brand)}
.chapters{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:0}.chapters button{text-align:left;border:0;border-bottom:2px solid transparent;background:white;padding:18px 24px;color:var(--muted);position:relative;transition:background .2s,color .2s}.chapters button+button{border-left:1px solid var(--line)}.chapters button:hover{background:var(--surface)}.chapters button[aria-selected=true]{color:var(--action);background:var(--warm);border-bottom-color:var(--brand)}.chapters span{font-size:17px;font-weight:700;display:block}.chapters small{font-size:12px;display:block;margin-top:5px;word-break:keep-all;overflow-wrap:anywhere}
.story{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:570px;border-bottom:1px solid var(--line);outline-offset:6px}.story-copy{padding:32px 32px 28px 0;display:flex;flex-direction:column}.role{color:var(--action);font-size:12px;font-weight:500}.story h2{font-size:30px;line-height:1.55;letter-spacing:0;margin:14px 0 18px}.story-copy>p{font-size:14px;color:var(--muted);margin:0 0 26px}.takeaway{padding-top:20px;margin-top:auto;border-top:1px solid var(--line)}.takeaway strong{font-size:14px;font-weight:700}.takeaway p{font-size:12px;color:var(--muted);margin:8px 0 24px}.steps{display:grid;gap:4px;position:relative}.steps button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:6px;background:white;color:var(--muted);font-size:13px;text-align:left;transition:background .2s,color .2s}.step-number{font-size:12px;font-variant-numeric:tabular-nums;min-width:18px}.step-label{white-space:nowrap}.steps button:hover{background:var(--surface);color:var(--ink)}.steps button[aria-current=step]{background:var(--warm);border-color:var(--action);color:var(--action);font-weight:700}.steps button[aria-current=step] .step-number{color:var(--action)}.stage{background:var(--surface);padding:16px 24px 24px;min-width:0;position:relative}.stage-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 12px;align-items:center;margin-bottom:10px;color:var(--muted);font-size:11px;min-height:44px}.desktop-picture{display:contents}.pan-hint{display:none}.stage-meta{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}.stage-meta .role{color:var(--ink);font-size:11px}.large-image-error{padding:48px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--muted);font-size:14px;line-height:1.8}.large-image-error strong{font-size:16px;color:var(--ink)}.media{height:490px;display:flex;align-items:center;justify-content:center;position:relative;min-width:0;overflow:hidden}.media[data-enter]{animation:scene-enter .35s var(--ease)}@keyframes scene-enter{from{transform:translateY(8px);opacity:.7}to{transform:none;opacity:1}}.media-frame{position:relative;min-height:200px}.media-loading,.media-error{position:absolute;inset:0;margin:0;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--surface);color:var(--muted);font-size:13px;text-align:center;line-height:1.8}.media-loading strong,.media-error strong{font-size:16px;color:var(--ink)}.media-loading{animation:media-wait-in .2s ease .3s both}.media-loading::before,.large-image-loading::before{content:"";display:block;width:120px;height:2px;margin:0 auto 4px;background:linear-gradient(90deg,transparent,var(--brand),transparent) 0 0/50% 100% no-repeat var(--line);animation:media-wait 1.2s var(--ease) infinite}.large-image-loading::before{margin-bottom:16px}@keyframes media-wait-in{from{opacity:0}}@keyframes media-wait{from{background-position:-100% 0}to{background-position:200% 0}}.media-error .secondary,.large-image-error .secondary{margin-top:4px}.media[aria-busy=true]>* ,.media[data-failed]>*{visibility:hidden}.large-image-loading{margin:0;padding:48px 20px;text-align:center;color:var(--muted);font-size:14px}.desktop-shot{display:block;max-width:100%;max-height:100%;object-fit:contain;background:white}.phone-shot{display:block;height:100%;max-width:100%;width:auto;object-fit:contain;border-radius:10px}.phone-area{height:100%;display:flex;align-items:center;justify-content:center;gap:40px;width:100%}.split-proof{max-width:235px;min-width:0}.split-proof .time{font-variant-numeric:tabular-nums;font-size:48px;letter-spacing:-.035em;font-weight:700;line-height:1.3;color:var(--action)}.split-proof h3{font-size:18px;margin:14px 0}.split-proof p{font-size:13px;color:var(--muted);margin:0 0 15px}.time-lines{margin-top:22px;border-top:1px solid #ccd3dc}.time-lines div{display:flex;justify-content:space-between;font-size:12px;padding:12px 0;border-bottom:1px solid #ccd3dc;gap:16px}.time-lines strong{color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}.time-lines strong.recorded{color:#176c51}
.tour-controls{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:28px;background:white;position:sticky;bottom:0;z-index:10;border-bottom:1px solid var(--line)}.tour-controls p{font-size:11px;color:var(--muted);margin:0;max-width:680px}.tour-controls>div{display:flex;gap:12px;flex-shrink:0}.tour-controls #next,.tour-controls #finish{min-width:220px;font-size:13px}.closing{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;padding:72px 0 80px;align-items:start}.closing h2{font-size:36px;line-height:1.45;margin:0 0 16px}.closing-copy>p{font-size:14px;color:var(--muted);margin:0}.closing-plan{margin:12px 0 0}.closing-plan a{display:inline-flex;align-items:center;min-height:44px;color:var(--action);font-size:13px;text-decoration:underline;text-underline-offset:5px}.closing-plan a:hover{text-decoration-thickness:2px}.closing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.recap h3{font-size:14px;color:var(--muted);margin:6px 0 12px}.recap ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.recap button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 20px;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:18px 4px;color:var(--ink);transition:background .2s}.recap button:hover{background:var(--surface)}.recap button:hover strong{color:var(--action)}.recap strong{font-size:17px;transition:color .2s}.recap span{grid-column:1;font-size:13px;color:var(--muted)}.recap em{grid-column:2;grid-row:1/3;font-style:normal;font-size:13px;font-weight:700;white-space:nowrap}.recap i{font-style:normal}.recap .unseen{color:var(--action)}.recap .seen{display:none;align-items:center;gap:10px;color:#176c51}.recap .seen::before{content:'';width:6px;height:11px;margin-top:-4px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}[data-seen] .seen{display:inline-flex}[data-seen] .unseen{display:none}.first-task{margin:24px 0 0;font-size:13px;color:var(--muted)}.first-task strong{display:block;color:var(--ink);font-size:13px;margin-bottom:2px}.first-task a{color:var(--action);text-decoration:underline;text-underline-offset:4px}footer{border-top:1px solid var(--line);padding:24px max(32px,calc((100vw - 1280px)/2));color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:24px}
.chat{width:320px;height:445px;flex-shrink:0;background:#aec3d3;border:1px solid #a5b6c2;border-radius:12px;overflow:hidden}.chat-head{padding:12px 16px;background:#f6f8f9;font-size:14px;font-weight:700}.chat-time{font-size:11px;color:#344b59;text-align:center;padding:16px}.bubble{margin:0 15px;background:white;border-radius:8px;overflow:hidden}.bubble-head{background:#0f2742;color:white;padding:17px 14px;display:flex;align-items:center;gap:10px}.bubble-head small{font-size:11px;color:#cbd5e1;display:block}.bubble-head b{font-size:17px}.bubble-body{padding:18px;color:#172033;font-size:13px}.bubble-body p{margin:0 0 15px}.bubble-body .greeting{color:#475569;font-size:12px}.count{background:var(--warm);color:#7c2d12;padding:12px;border-radius:6px;font-weight:700;font-size:13px}.bubble-footer{padding:0 16px 16px}.bubble-footer button{width:100%;font-size:13px}.line-copy{max-width:210px}.line-copy h3{font-size:23px;line-height:1.5;margin:0 0 16px}.line-copy p{font-size:13px;color:var(--muted)}.employee-view{height:100%;width:280px;max-width:100%;overflow:auto;background:white;border:1px solid var(--line);border-radius:10px;scrollbar-color:#a5adb8 var(--surface)}.employee-view:focus-visible{outline-offset:-4px}.employee-view img{width:100%;display:block}.correction-shot{max-height:100%;max-width:100%;border:1px solid var(--line);border-radius:8px}.asset-wrap{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:32px}.result-note{max-width:190px}.result-note strong{display:block;font-size:26px;color:var(--ink);margin-bottom:16px}.result-note p{font-size:13px;color:var(--muted)}dialog{width:min(1500px,96vw);max-width:96vw;height:92vh;max-height:92vh;border:0;border-radius:12px;padding:0}dialog::backdrop{background:#1a2332bd}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line)}.dialog-scroll{height:calc(100% - 74px);overflow:auto;background:var(--surface);scrollbar-color:#a5adb8 var(--surface)}.dialog-scroll img{display:block;max-width:none;width:auto;height:auto;margin:auto}.film-caption,.film-progress{display:none}[hidden]{display:none!important}
@property --s{syntax:'<number>';inherits:true;initial-value:1}@property --tx{syntax:'<length>';inherits:false;initial-value:0px}@property --ty{syntax:'<length>';inherits:false;initial-value:0px}
.stage-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.stage-actions button{white-space:nowrap}.lens-toggle{display:inline-flex;padding:2px;border:1px solid #bdc5cf;border-radius:8px;background:white}.lens-toggle button{min-height:38px;padding:0 12px;border:0;border-radius:6px;background:none;color:var(--muted);font-size:12px;font-weight:700;transition:background .2s,color .2s}.lens-toggle button:hover{color:var(--action)}.lens-toggle [aria-pressed=true],.lens-toggle [aria-pressed=true]:hover{background:var(--ink);color:white}
.lens{position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px}.lens-canvas{position:absolute;left:0;top:0;width:1440px;height:1000px;transform-origin:0 0;transform:translate(var(--tx),var(--ty)) scale(var(--s))}.lens-canvas.settle{transition:--s .8s var(--ease),--tx .8s var(--ease),--ty .8s var(--ease)}.lens-canvas img{display:block;width:1440px;height:1000px;box-shadow:0 calc(10px / var(--s)) calc(40px / var(--s)) #1a23321f}
.lens-mark{position:absolute;border:calc(2px / var(--s)) solid var(--brand);border-radius:calc(6px / var(--s));pointer-events:none;animation:mark-in .5s var(--ease) .25s both}.lens-mark b{position:absolute;left:calc(-2px / var(--s));bottom:100%;margin-bottom:calc(6px / var(--s));padding:calc(3px / var(--s)) calc(9px / var(--s));border-radius:calc(4px / var(--s));background:var(--ink);color:white;font-size:calc(12px / var(--s));line-height:1.6;white-space:nowrap}.lens-mark.below b{bottom:auto;top:100%;margin:calc(6px / var(--s)) 0 0}.lens-mark.end b{left:auto;right:calc(-2px / var(--s))}.lens-mark.side b{left:100%;top:calc(-2px / var(--s));bottom:auto;margin:0 0 0 calc(10px / var(--s))}.lens[data-compact] .lens-mark.side b{left:calc(-2px / var(--s));top:100%;margin:calc(6px / var(--s)) 0 0}@keyframes mark-in{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:none}}
@media(max-width:1100px){.story{grid-template-columns:275px minmax(0,1fr)}.story-copy{padding-right:24px}.story h2{font-size:26px}.phone-area,.asset-wrap{gap:22px}.split-proof{max-width:185px}.split-proof .time{font-size:40px}.line-copy{max-width:170px}.chat{width:280px}.stage{padding-inline:18px}.media{height:470px}.chapters span{font-size:16px}.tour-controls p{max-width:410px}}
@media(max-width:850px){header{padding:12px 24px}.brand small{display:none}.header-links{gap:18px}.header-links a:nth-child(3){display:none}main{padding:0 24px}.intro h1{font-size:36px}.story{grid-template-columns:230px minmax(0,1fr)}.story h2{font-size:24px}.phone-area{gap:16px}.phone-shot{max-width:53%;height:auto;max-height:100%}.split-proof{flex:1}.split-proof h3{font-size:15px}.split-proof p{font-size:12px}.time-lines div{font-size:11px;gap:5px}.chat{width:260px}.line-copy{display:none}.employee-view{width:260px}.asset-wrap{flex-direction:column;gap:16px}.correction-shot{max-height:370px}.result-note{max-width:none;display:none}.tour-controls #next{min-width:205px}.tour-controls p{max-width:280px}.tour-controls{gap:16px}.closing h2{font-size:26px}.closing{gap:32px}}
@media(max-width:700px){html{scroll-padding-top:88px}.chapters{position:sticky;top:0;z-index:20;background:white}.chapters small{display:none}body{padding-bottom:88px}.lens{height:240px}.stage-toolbar{flex-wrap:wrap}.stage-actions{width:100%;justify-content:space-between}.lens-toggle button{min-height:40px}header{min-height:70px;padding:12px 20px;gap:12px}.brand{font-size:18px}.header-links{gap:12px}.header-links a:nth-child(2){display:none}.header-links .ghost{font-size:12px;min-height:44px;padding:10px 12px}.header-links>a:not(.ghost){font-size:12px}main{padding:0 20px}.intro{display:block;padding:28px 0 24px}.intro h1{font-size:34px;margin-bottom:12px}.intro p{font-size:13px;max-width:330px}.tour-progress{width:100%;display:flex;align-items:center;gap:16px;margin-top:22px}.tour-progress>span{font-size:12px;white-space:nowrap}.tour-progress progress{margin-top:0;width:100%;max-width:120px}.tour-progress small{display:none}.chapters button{padding:12px 8px;min-height:64px}.chapters span{font-size:12px;line-height:1.5}.chapters small{font-size:12px;line-height:1.6;margin-top:6px}.story{display:grid;grid-template-columns:1fr;min-height:0;padding-top:22px}.story-copy{display:contents}.story h2{grid-row:1;margin-top:0}.story-copy>p{grid-row:2}.story .steps{grid-row:3;margin-bottom:22px}.story .stage{grid-row:4}.story .takeaway{grid-row:5;padding:22px 0 0;border-top:0}.role{font-size:12px}.story h2{font-size:26px;margin:10px 0 14px;max-width:540px}.story-copy>p{font-size:13px;margin-bottom:18px}.takeaway{padding-top:16px}.takeaway strong{font-size:13px}.takeaway p{font-size:12px;margin:7px 0 18px}.steps{display:flex;gap:8px;overflow-x:auto;padding:6px;scrollbar-width:thin;scrollbar-color:#a5adb8 var(--surface)}.steps button{flex:none;width:auto;gap:8px;border-color:#bdc5cf;padding:9px 12px;font-size:12px}.steps button[aria-current=step]{border-color:var(--action)}.steps button:focus-visible{outline-offset:1px}.stage{padding:8px 12px 18px;border-radius:12px 12px 0 0}.stage-toolbar{font-size:11px;gap:10px;margin-bottom:8px}.stage-toolbar .plain{font-size:12px;padding:8px 0;white-space:nowrap}.media{height:auto;min-height:200px;max-height:none}.desktop-shot{width:100%;height:auto;max-height:none}.media[data-pan]{justify-content:flex-start;overflow:auto;scrollbar-color:#a5adb8 var(--surface)}.desktop-picture{display:block;flex:none;width:700px}.pan-hint{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:12px 0 0}.stage-meta{gap:0;display:grid}.stage-meta #source{font-size:11px}.phone-area{flex-direction:column;gap:24px;height:auto}.phone-shot{width:280px;max-width:100%;height:auto}.split-proof{width:100%;max-width:none;padding:0 8px}.split-proof .time{font-size:38px}.split-proof h3{font-size:17px;margin:8px 0 12px}.split-proof p{font-size:13px}.time-lines{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:16px}.time-lines div{font-size:11px;padding:10px 0;gap:8px}.chat{width:300px;max-width:100%;height:445px}.line-copy{display:block;max-width:none;padding:0 8px}.line-copy h3{font-size:20px}.employee-view{height:510px;width:280px}.asset-wrap{height:auto}.correction-shot{max-width:100%;max-height:440px}.result-note{display:block;max-width:none;padding:0 8px}.result-note strong{font-size:23px}.tour-controls{position:fixed;bottom:0;left:0;right:0;display:block;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);border-bottom:0;box-shadow:0 -8px 24px #1a23320a}.tour-controls p{display:none}.tour-controls>div{gap:10px}.tour-controls .secondary{font-size:12px;min-width:76px;padding:12px}.tour-controls #next,.tour-controls #finish{flex:1;min-width:0;font-size:13px;padding:12px 10px}.closing{display:block;padding:48px 0 40px}.closing h2{font-size:28px}.closing-copy>p{font-size:13px}.closing-actions{flex-direction:column;margin-top:24px}.closing-actions>*{width:100%}.recap{margin-top:44px}.recap strong{font-size:16px}.recap button{padding:16px 2px}footer{display:block;padding:22px 20px;font-size:11px}footer span{display:block;margin-bottom:8px}.dialog-head{padding:12px;font-size:12px}.dialog-head .secondary{font-size:12px;min-height:44px;padding:8px 12px}.dialog-scroll{height:calc(100% - 70px)}}
@media(max-width:370px){.brand{font-size:16px;gap:7px}.mark{width:30px;height:30px;font-size:16px}.header-links{gap:10px}.header-links .ghost{font-size:12px;padding:9px 10px}.intro h1{font-size:29px}.chapters span{font-size:11px}.chapters small{font-size:11px}.tour-controls{padding-inline:12px}.tour-controls #next{font-size:11px}.stage-toolbar{font-size:11px}.stage-toolbar .plain{font-size:11px}.story h2{font-size:24px}}

body.film{width:1280px;height:720px;overflow:hidden}.film header{height:62px;padding:0 34px}.film .header-links{display:none}.film main{padding:0 34px}.film .intro{padding:15px 0 12px}.film .intro h1{font-size:28px;margin:0}.film .intro p{display:none}.film .chapters button{padding:10px 15px}.film .chapters small{display:none}.film .chapters span{font-size:15px}.film .story{grid-template-columns:280px minmax(0,1fr);min-height:0;height:435px}.film .story-copy{padding:21px 24px 16px 0}.film .story h2{font-size:27px;margin:8px 0 13px}.film .story-copy>p{font-size:13px}.film .takeaway{padding-top:12px}.film .takeaway p{font-size:11px;margin-bottom:5px}.film .steps{display:none}.film .stage{padding:9px 14px}.film .stage-toolbar{margin:0 0 6px;min-height:22px}.film .stage-toolbar button{visibility:hidden}.film .media{height:382px}.film .tour-controls,.film .closing,.film footer{display:none}.film .chat{height:374px;width:300px}.film .chat-time{padding:9px}.film .bubble-head{padding:12px}.film .bubble-body{padding:13px 16px}.film .bubble-body p{margin-bottom:11px}.film .employee-view{height:382px;width:280px}.film .film-caption{display:flex;align-items:center;justify-content:center;position:fixed;bottom:9px;left:34px;right:34px;height:68px;padding:10px 28px;background:#172126;color:white;font-size:22px;text-align:center;border-radius:6px;line-height:1.5}.film .film-progress{display:block;position:fixed;bottom:0;left:0;height:4px;background:var(--brand);width:0}.film .stage{animation:appear .3s ease-out}@keyframes appear{from{opacity:.65}to{opacity:1}}
.film .tour-progress{display:none}.film .intro{display:block}.film .media{animation:none}.film{padding-bottom:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
p,li,small{text-wrap:pretty}
@media(max-width:480px){.chapters span{text-wrap:balance}.intro{padding:18px 0 14px}.intro p{display:none}.intro h1{font-size:30px;margin-bottom:0}.tour-progress{margin-top:12px}.story{padding-top:16px}.story h2{font-size:24px;margin:4px 0 12px}.story .steps{margin-bottom:16px}.story-copy>p{grid-row:5;margin:16px 0 0}.story .takeaway{grid-row:6}}
@media(min-width:701px) and (max-height:940px){.intro{padding:20px 0 16px}.intro h1{font-size:34px;margin-bottom:6px}.chapters button{padding:12px 24px}.chapters small{display:none}.story{min-height:0}.story-copy{padding-top:20px;padding-bottom:20px}.story h2{font-size:24px;line-height:1.5;margin:4px 0 10px}.story-copy>p{margin-bottom:14px}.takeaway{padding-top:12px;margin-top:8px}.steps button{min-height:38px;padding:6px 12px}.tour-controls{padding:12px 0}}
@media(min-width:701px) and (max-height:800px){#detail{display:none}.takeaway{padding-top:10px;padding-bottom:12px}}